@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/*!
Theme Name: Neotila
Theme URI: https://goldenowl.asia/
Author: Golden Owl Solutions
Author URI: https://goldenowl.asia/
Description: A custom theme based on _tw
Version: 0.1.0
Tested up to: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: neotila
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Neotila is based on _tw https://underscoretw.com/, (C) 2021-2023 Greg Sullivan
_tw is distributed under the terms of the GNU GPL v2 or later.

_tw is based on Underscores https://underscores.me/ and Varia https://github.com/Automattic/themes/tree/master/varia, (C) 2012-2023 Automattic, Inc.
Underscores and Varia are distributed under the terms of the GNU GPL v2 or later.
*/

/**
 * The line above injects the WordPress file header. It needs to be first,
 * before this comment.
 */

/**
 * This injects custom `@font-face` rules.
 */

/**
 * Custom `@font-face` rules
 *
 * These will be added immediately before Tailwind’s `base` layer.
 */

@font-face {
  font-family: "Gentium Basic";

  src: url("./assets/fonts/gentium-basic.italic.ttf") format("truetype");

  font-weight: 400;

  font-style: italic;

  font-display: swap;
}

@font-face {
  font-family: "Gentium Basic";

  src: url("./assets/fonts/gentium-basic.bold-italic.ttf") format("truetype");

  font-weight: 700;

  font-style: italic;

  font-display: swap;
}

/**
 * This injects Tailwind's base styles and any base styles registered by
 * plugins, then adds custom base styles.
 */

/*! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

/**
 * Custom styles to immediately follow Tailwind’s `base` layer
 *
 * “Add things like base typography styles [or] opinionated global resets.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-base-styles
 */

/**
 * This uses the background and foreground colors declared in the
 * `theme.json` file and is applied both to the frontend and in the block
 * editor.
*/

body{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

* {
  line-height: 150%;
  font-family: "Quicksand", sans-serif;
}

.term-policies ul {
  display: block;
  list-style-type: disc;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 20px;
}

.term-policies ol {
  display: block;
  list-style-type: decimal;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 20px;
}

.term-policies ol ul,
.term-policies ol ol {
  display: block;
  list-style-type: lower-alpha;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 20px;
}

.footer-menu .menu-header-menu-container{
  width: 100%;
}

.footer-menu .menu-header-menu-container ul{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
}

@media (min-width: 1024px){
  .footer-menu .menu-header-menu-container ul{
    flex-direction: row;
  }
}

.footer-menu .menu-header-menu-container li a{
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.04em;
  --tw-text-opacity: 1;
  color: rgb(25 25 25 / var(--tw-text-opacity));
}

@keyframes scrollVertical {
  0% {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

.marquee__vertical__content {
  animation: scrollVertical 20s linear infinite;
}

.post-link:hover .link-line {
  width: 100%;
  transition: width 200ms ease-in;
}

.cr-home-product-nav {
  border-radius: 4px;
  background-color: #5dbdb7 !important;
  display: flex;
  gap: 12px;
  font-size: 22px !important;
  color: white !important;
  font-weight: 600 !important;
}

.cr-home-product {
  background: #01beaa !important;
}

.cr-home-product .svg-icon {
  background-color: #27c6b5;
  padding: 0;
  width: 100px;
  height: 100px;
}

.cr-home-product .text {
  color: white;
}

.cr-home-product .svg-icon path {
  fill: white;
}

.cr-home-product .svg-icon img {
  height: 100px;
  width: 100px;
}

.cr-home-product .phase-state {
  display: grid;
}

.bg-phase {
  background-color: #52d3c5;
}

.bg-phase-active {
  background-color: #02ffc2;
}

.post-content img {
  border-radius: 4px;
}

.post-content {
  color: #0c0c0c;
}

.post-content img {
  -o-object-fit: cover;
     object-fit: cover;
}

.post-content p {
  padding-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
  color: #242424;
}

.post-content :where(.is-layout-flex) {
  gap: 16px;
  padding-bottom: 16px;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
  font-weight: 700;
  color: #0c0c0c;
}

.post-content h1 {
  font-size: 80px;
}

.post-content h2 {
  font-size: 50px;
}

.post-content h3 {
  font-size: 32px;
}

.post-content h4 {
  font-size: 28px;
}

.post-content h5 {
  font-size: 20px;
}

.post-content h6 {
  font-size: 14px;
}

.post-nav:hover .icon path,
.post-nav:active .icon path {
  fill: #0c0c0c;
}

.contact-form form {
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.contact-form label {
  color: #FFFFFF;
  font-weight: 500;
  font-family: "Quicksand", sans-serif;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 18px;
}

.contact-form label input {
  background-color: #fcfcfc;
  border-radius: 4px;
  padding: 11px 14px;
  font-size: 18px;
  width: 100%;
}

.contact-form label textarea {
  background-color: #fcfcfc;
  border-radius: 4px;
  height: 130px;
  padding: 11px 14px;
  font-size: 18px;
  width: 100%;
  resize: none;
}

.contact-form p {
  width: 100%;
}

.contact-form label select {
  background-color: #fcfcfc;
  border-radius: 4px;
  padding: 11px 14px;
  font-size: 18px;
  width: 100%;
  resize: none;
}

.contact-form .wpcf7-response-output {
  margin: 0 !important;
  margin-bottom: 50px !important;
}

.contact-form .wpcf7-submit {
  width: 200px;
  padding: 13px 14px;
  border-radius: 4px;
  background-color: #11e3cd;
  color: #162328;
  cursor: pointer;
  font-weight: 700;
}

.contact-form .select2-container .select2-selection {
  cursor: pointer;
}

.contact-form .selection::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M15.0229 7.14797L9.39792 12.773C9.34568 12.8253 9.28365 12.8668 9.21536 12.8951C9.14707 12.9234 9.07388 12.9379 8.99996 12.9379C8.92603 12.9379 8.85284 12.9234 8.78455 12.8951C8.71627 12.8668 8.65423 12.8253 8.60199 12.773L2.97699 7.14797C2.89823 7.0693 2.84459 6.96903 2.82284 6.85986C2.8011 6.75069 2.81224 6.63752 2.85485 6.53468C2.89747 6.43184 2.96963 6.34396 3.06221 6.28216C3.1548 6.22036 3.26364 6.18741 3.37495 6.1875H14.625C14.7363 6.18741 14.8451 6.22036 14.9377 6.28216C15.0303 6.34396 15.1024 6.43184 15.1451 6.53468C15.1877 6.63752 15.1988 6.75069 15.1771 6.85986C15.1553 6.96903 15.1017 7.0693 15.0229 7.14797Z' fill='%230C0C0C'/%3E%3C/svg%3E");
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 15px;
  right: 14px;
}

.contact-form .select2-container--open .selection::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M15.0229 7.14797L9.39792 12.773C9.34568 12.8253 9.28365 12.8668 9.21536 12.8951C9.14707 12.9234 9.07388 12.9379 8.99996 12.9379C8.92603 12.9379 8.85284 12.9234 8.78455 12.8951C8.71627 12.8668 8.65423 12.8253 8.60199 12.773L2.97699 7.14797C2.89823 7.0693 2.84459 6.96903 2.82284 6.85986C2.8011 6.75069 2.81224 6.63752 2.85485 6.53468C2.89747 6.43184 2.96963 6.34396 3.06221 6.28216C3.1548 6.22036 3.26364 6.18741 3.37495 6.1875H14.625C14.7363 6.18741 14.8451 6.22036 14.9377 6.28216C15.0303 6.34396 15.1024 6.43184 15.1451 6.53468C15.1877 6.63752 15.1988 6.75069 15.1771 6.85986C15.1553 6.96903 15.1017 7.0693 15.0229 7.14797Z' fill='%230C0C0C'/%3E%3C/svg%3E");
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 15px;
  right: 14px;
  transform: rotate(180deg);
}

.contact-form .select2-selection--multiple {
  height: 100%;
  border: none !important;
}

.contact-form .selection {
  border: none !important;
  background-color: transparent !important;
  background-color: white !important;
  width: 100% !important;
  display: inline-block !important;
  font-size: 18px !important;
  padding: 11px 38px 11px 14px !important;
  height: 49px !important;
  border-radius: 4px;
  margin: 0 !important;
  cursor: pointer;
}

.select2-dropdown {
  margin-top: 40px;
  border: 1px solid #ebebeb !important;
  border-radius: 4px !important;
  padding: 2px;
}

.select2-dropdown .select2-results__option {
  padding: 11px 14px 11px 38px;
  color: #202020 !important;
  position: relative;
  background-color: #ffffff !important;
  font-size: 18px;
}

.select2-dropdown
	.select2-results__option.select2-results__option--highlighted {
  background-color: #eefff8 !important;
}

.select2-dropdown .select2-results__option::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23EBEBEB'/%3E%3C/svg%3E");
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 15px;
  left: 14px;
}

.select2-dropdown .select2-results__option--selected::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23EBEBEB'/%3E%3Ccircle cx='9' cy='9' r='6' fill='%231F2D35'/%3E%3C/svg%3E");
}

.select2-dropdown .select2-results__message {
  padding: 11px 14px 11px 14px !important;
}

.select2-dropdown .select2-results__message::before {
  content: "" !important;
}

.contact-form .select2-search__field {
  height: 100% !important;
  margin: 0 !important;
  vertical-align: top !important;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.contact-form .select2-search__field:focus {
  outline: none;
}

.contact-form .select2-selection__rendered {
  display: inline-block !important;
  height: 100% !important;
  overflow-y: scroll !important;
}

.contact-form .select2-selection__rendered::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */

.contact-form .select2-selection__rendered {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.contact-form .select2-selection__rendered .select2-selection__choice {
  margin: 0 !important;
  border: none !important;
  background-color: transparent !important;
  padding: 0 !important;
}

.contact-form
	.select2-selection__rendered
	.select2-selection__choice
	.select2-selection__choice__display::after {
  content: ",";
}

.contact-form
	.select2-selection__rendered
	.select2-selection__choice:last-child
	.select2-selection__choice__display::after {
  content: "";
}

.contact-form .select2-selection__rendered .select2-selection__choice button {
  display: none;
}

@media (max-width: 768px) {
  .contact-form .wpcf7-response-output {
    margin-bottom: 0px !important;
  }

  .contact-form form {
    gap: 22px;
  }

  .contact-form .gap-4 {
    gap: 22px;
  }

  .contact-form .wpcf7-submit {
    margin-top: 10px;
  }

  .gallery-carousel .owl-item {
    transition: 0.3s all;
    transform: translateX(40%) scale(0.9) !important;
    background-color: #ebebeb;
  }

  .gallery-carousel .owl-item .img {
    display: none;
  }

  .gallery-carousel .owl-item.active {
    z-index: 10;
    background-color: #ecfffc;
    transform: scale(0.9) !important;
  }

  .gallery-carousel .owl-item.active .img {
    display: block;
  }

  .gallery-carousel .active + .owl-item {
    transform: translateX(-40%) scale(0.9) !important;
  }

  .serivces-prd {
    margin-top: 12px;
  }

  .serivces-prd.active {
    background-color: #ecfffc;
    z-index: 99;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .serivces-prd.active .name {
    display: block !important;
  }

  .serivces-prd.active .prd-content {
    display: block;
  }

  .serivces-prd.active .open-icon {
    display: none;
  }

  .serivces-prd.active .close-icon {
    display: block;
  }
}

.gg-map iframe {
  width: 100%;
  height: 100%;
}

.prevent-selected {
  -webkit-user-select: none;
  /* Safari */
  /* IE 10 and IE 11 */
  -moz-user-select: none;
       user-select: none;
  /* Standard syntax */
}

.ab-stats-desc strong {
  font-size: 18px;
}

.dark-icon:hover path,
.dark-icon:active path {
  fill: #1e1e1e;
}

.ab-pipline {
  grid-row-start: 1;
  grid-column: span 5 / span 5;
  z-index: 1;
}

.ab-pipline.active {
  z-index: 10;
  background-color: #ecfffc;
}

.ab-pipline.before {
  background-color: #ebebeb;
}

.ab-pipline.after {
  background-color: #f3f3f3;
}

.col-ab-pipline-1 {
  grid-column-start: 1 !important;
}

.col-ab-pipline-2 {
  grid-column-start: 3 !important;
}

.col-ab-pipline-3 {
  grid-column-start: 5 !important;
}

.ab-pipline .text {
  color: #6a6a6a;
}

.ab-pipline .img {
  display: none;
}

.ab-pipline.active .text {
  color: #1e1e1e;
}

.ab-pipline.active .img {
  display: block;
}

/* Hide scrollbar for Chrome, Safari and Opera */

.hidden-scrolbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */

.hidden-scrolbar {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.serivces-prd .prd-content {
  display: none;
}

.serivces-prd .close-icon {
  display: none;
}

.serivces-prd .open-icon {
  display: block;
}

.serivces-prd.active {
  background-color: #ecfffc;
  z-index: 99;
}

.serivces-prd.active .prd-content {
  display: block;
}

.serivces-prd.active .open-icon {
  display: none;
}

.serivces-prd.active .close-icon {
  display: block;
}

.subcrible-form input {
  padding: 9px 55px 9px 18px;
  font-size: 14px;
  background-color: #1b272c;
  border-radius: 4px;
  width: 100%;
}

.subcrible-form .wpcf7-submit {
  position: absolute;
  font-size: 14px;
  font-weight: 700;
  top: 9px;
  right: 18px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
}

.subcrible-form .wpcf7-spinner,
.contact-form .wpcf7-spinner {
  display: none;
}

.subcrible-form .wpcf7-form-control-wrap {
  display: inline-block;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}

.subcrible-form .wpcf7-response-output {
  margin: 0 !important;
  margin-top: 12px !important;
}

.subcrible-form .wpcf7-not-valid-tip {
  margin-top: 12px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.hamberger-menu-nav .menu-header-menu-container {
  padding: 22px 0;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.hamberger-menu-nav .menu-header-menu-container .menu-item {
  color: #b1b1b1;
  font-weight: 500;
  font-size: 14px;
  padding-bottom: 22px;
}

.hamberger-menu-nav .menu-header-menu-container .current-menu-item {
  color: #0c0c0c;
  font-weight: 700;
}

.animatable {
  will-change: opacity, transform;
  opacity: 0.01;
  transform: translateY(50px);
  transition:
		opacity 1000ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms,
		transform 1000ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms;
}

.animatable.animated {
  opacity: 1;
  transform: translateY(0);
}

.featured-post-excerpt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.post-excerpt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* Mobile Styles */

.neotila-text p {
  font-size: 18px;
}

.neotila-text h1 {
  font-size: 32px;
}

.neotila-text h2 {
  font-size: 28px;
}

.neotila-text h3 {
  font-size: 26px;
}

.neotila-text h4 {
  font-size: 18px;
}

.neotila-text h5 {
  font-size: 14px;
}

.neotila-text h6 {
  font-size: 12px;
}

/* Tablet and Desktop Styles */

@media screen and (min-width: 769px) {
  .neotila-text p {
    font-size: 18px;
  }

  .neotila-text h1 {
    font-size: 80px;
  }

  .neotila-text h2 {
    font-size: 40px;
  }

  .neotila-text h3 {
    font-size: 32px;
  }

  .neotila-text h4 {
    font-size: 24px;
  }

  .neotila-text h5 {
    font-size: 16px;
  }

  .neotila-text h6 {
    font-size: 14px;
  }
}

/* news tabs */

.news-tabs .active{
  --tw-text-opacity: 1;
  color: rgb(12 12 12 / var(--tw-text-opacity));
}

.news-tabs .active::after {
  content: "";
  position: absolute;
  bottom: -0.375rem;
  left: 0px;
  height: 0.5rem;
  width: 60px;
  --tw-bg-opacity: 1;
  background-color: rgb(1 190 170 / var(--tw-bg-opacity));
}

.news-tabs-content .active {
  display: block !important;
}

/**
 * This injects Tailwind's component classes and any component classes
 * registered by plugins, then adds custom component classes.
 *
 * The `@import-glob` line imports all CSS files from the `components`
 * directory (except for `components.css`, which is imported on the following
 * line). This is meant to simplify the process of integrating styles from
 * JavaScript components or WordPress plugins.
 */

/* @import "tailwindcss/components"; */

.contact-form form{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}

.contact-form .form-text-area > p{
  height: 120px;
}

.contact-form .fields{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.contact-form .label{
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.contact-form .label p{
  font-family: Inter, sans-serif;
  letter-spacing: 0.5px;
}

.contact-form .label span{
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 1px;
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea{
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"]{
  height: 48px;
  border-radius: 100px;
}

.contact-form input[type="text"]::-moz-placeholder, .contact-form input[type="email"]::-moz-placeholder, .contact-form input[type="tel"]::-moz-placeholder, .contact-form textarea::-moz-placeholder{
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.5px;
  --tw-text-opacity: 1;
  color: rgb(127 127 127 / var(--tw-text-opacity));
}

.contact-form input[type="text"]::placeholder,
.contact-form input[type="email"]::placeholder,
.contact-form input[type="tel"]::placeholder,
.contact-form textarea::placeholder{
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.5px;
  --tw-text-opacity: 1;
  color: rgb(127 127 127 / var(--tw-text-opacity));
}

.contact-form textarea{
  height: 120px;
  border-radius: 16px;
}

.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form input[type="tel"]:focus,
.contact-form textarea:focus{
  --tw-border-opacity: 1;
  border-color: rgb(60 144 129 / var(--tw-border-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(60 144 129 / 0.4);
}

/* Browser autofill (Chrome/Edge/Safari) overrides text color unless forced */

.contact-form input:-webkit-autofill,
.contact-form input:-webkit-autofill:hover,
.contact-form input:-webkit-autofill:focus,
.contact-form textarea:-webkit-autofill,
.contact-form textarea:-webkit-autofill:hover,
.contact-form textarea:-webkit-autofill:focus{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  caret-color: #fff;
  -webkit-text-fill-color: #ffffff;
  box-shadow: 0 0 0px 1000px #333333 inset;
  -webkit-box-shadow: 0 0 0px 1000px #333333 inset;
  -webkit-transition: background-color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s;
}

/* Firefox autofill */

.contact-form input:-moz-autofill,
.contact-form textarea:-moz-autofill{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  caret-color: #fff;
  box-shadow: 0 0 0px 1000px #333333 inset;
  -moz-text-fill-color: #ffffff;
}

.contact-form .submit-btn{
  width: 100%;
  border-radius: 100px;
}

.contact-form .submit-btn input[type="submit"],
.contact-form .submit-btn .wpcf7-submit{
  display: inline-flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(46 115 104 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.contact-form .submit-btn input[type="submit"]:hover,
.contact-form .submit-btn .wpcf7-submit:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 118 106 / var(--tw-bg-opacity));
}

.contact-form .submit-btn input[type="submit"]:disabled,
.contact-form .submit-btn .wpcf7-submit:disabled,
.contact-form .submit-btn input[type="submit"].is-disabled,
.contact-form .submit-btn .wpcf7-submit.is-disabled{
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(191 191 191 / var(--tw-text-opacity));
  opacity: 0.7;
}

.contact-form .submit-btn input[type="submit"]:disabled:hover,
.contact-form .submit-btn .wpcf7-submit:disabled:hover,
.contact-form .submit-btn input[type="submit"].is-disabled:hover,
.contact-form .submit-btn .wpcf7-submit.is-disabled:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity));
}

.wpcf7 form.invalid .wpcf7-response-output{
  display: none;
}

.contact-form .wpcf7-response-output{
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity));
}

.contact-form .wpcf7-not-valid-tip{
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(249 115 115 / var(--tw-text-opacity));
}

.contact-form .wpcf7-spinner{
  margin-left: 0.75rem;
}

.post-detail-content p, .post-detail-conten :is(h1, h2, h3, h4, h5, h6){
  font-family: Inter, sans-serif;
}

.outer-floating-block {
  animation: floating 6s ease-in-out infinite;
}

.inner-floating-block {
  transition: transform 0.15s ease-out;
}

/* floating animation */

@keyframes floating {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(20px);
  }

  100% {
    transform: translateY(0);
  }
}

#site-navigation #menu-header-menu{
  width: 100%;
  justify-content: space-between;
}

#site-navigation .menu-header-menu-container{
  display: flex;
  width: 100%;
  align-items: center;
  gap: 60px;
}

#site-navigation .menu-header-menu-container ul{
  display: flex;
  width: 100%;
  align-items: center;
}

#site-navigation .menu-header-menu-container ul li a{
  position: relative;
  padding-bottom: 3px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.04em;
  --tw-text-opacity: 1;
  color: rgb(127 127 127 / var(--tw-text-opacity));
}

#site-navigation .menu-header-menu-container ul li a:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#site-navigation .menu-header-menu-container ul li a::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  top: 100%;
  height: 2px;
  width: 100%;
  --tw-scale-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(60 144 129 / var(--tw-bg-opacity));
  transition-property: transform;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

#site-navigation .menu-header-menu-container ul li a:hover::after{
  --tw-scale-x: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#site-navigation .menu-header-menu-container ul li.current-menu-item > a,
#site-navigation .menu-header-menu-container ul li.current_page_item > a,
#site-navigation .menu-header-menu-container ul li.current-menu-ancestor > a,
#site-navigation .menu-header-menu-container ul li.current_page_ancestor > a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#site-navigation .menu-header-menu-container ul li.current-menu-item > a::after,
#site-navigation .menu-header-menu-container ul li.current_page_item > a::after,
#site-navigation .menu-header-menu-container ul li.current-menu-ancestor > a::after,
#site-navigation .menu-header-menu-container ul li.current_page_ancestor > a::after{
  --tw-scale-x: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hamburger-menu-nav .menu-header-menu-container{
  width: 100%;
}

.hamburger-menu-nav .menu-header-menu-container ul{
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1rem;
}

@media (max-width: 768px) {
  .contact-form .hamburger-menu-nav .menu-header-menu-container ul {
    gap: 22px;
  }
}

.hamburger-menu-nav .menu-header-menu-container ul li a{
  display: block;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 1px;
  --tw-text-opacity: 1;
  color: rgb(106 106 106 / var(--tw-text-opacity));
}

.hamburger-menu-nav .menu-header-menu-container ul li a:hover{
  --tw-text-opacity: 1;
  color: rgb(25 25 25 / var(--tw-text-opacity));
}

.hamburger-menu-nav .menu-header-menu-container ul li.current-menu-item > a,
.hamburger-menu-nav .menu-header-menu-container ul li.current_page_item > a,
.hamburger-menu-nav .menu-header-menu-container ul li.current-menu-ancestor > a,
.hamburger-menu-nav .menu-header-menu-container ul li.current_page_ancestor > a{
  --tw-text-opacity: 1;
  color: rgb(25 25 25 / var(--tw-text-opacity));
}

#masthead{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  background-color: transparent;
}

#masthead.header-scrolled {
  background-color: #191919;
}

.investorsSwiper .swiper-slide{
  box-sizing: border-box;
  display: flex;
  height: auto !important;
  width: 100% !important;
  flex-shrink: 0;
  align-items: stretch;
}

.investorsSwiper .swiper-pagination-bullet{
  height: 10px;
  width: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(185 186 189 / var(--tw-bg-opacity));
  opacity: 1;
}

.investorsSwiper .swiper-pagination-bullet-active{
  width: 46px;
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: rgb(60 144 129 / var(--tw-bg-opacity));
}

@media (min-width: 640px) {
  .investorsSwiper .swiper-slide {
    width: 85% !important;
  }
}

@media (min-width: 768px) {
  .investorsSwiper .swiper-slide {
    width: 420px !important;
  }
}

.latest-media-section-content p{
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.55px;
  --tw-text-opacity: 1;
  color: rgb(74 85 101 / var(--tw-text-opacity));
}

.list-media-section-content p{
  font-family: Inter, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.35px;
  --tw-text-opacity: 1;
  color: rgb(76 76 76 / var(--tw-text-opacity));
}

.list-media-pagination{
  border-top-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
  padding-top: 1.25rem;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 150%;
}

.list-media-pagination .page-numbers{
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-left: 0px;
}

.list-media-pagination .page-numbers li{
  margin: 0px;
}

.list-media-pagination .page-numbers a,
.list-media-pagination .page-numbers .page-numbers.dots{
  --tw-text-opacity: 1;
  color: rgb(112 112 123 / var(--tw-text-opacity));
  text-decoration-line: none;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.list-media-pagination .page-numbers a:hover,
.list-media-pagination .page-numbers .page-numbers.dots:hover{
  opacity: 0.8;
}

.list-media-pagination .page-numbers .page-numbers.dots{
  height: 2.5rem;
  width: 2.5rem;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  --tw-text-opacity: 1;
  color: rgb(112 112 123 / var(--tw-text-opacity));
}

.list-media-pagination .page-numbers a{
  height: 2.5rem;
  width: 2.5rem;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
}

.list-media-pagination .next,
.list-media-pagination .prev{
  height: auto !important;
  width: auto !important;
  gap: 6px !important;
}

.list-media-pagination .page-numbers .current,
.list-media-pagination .page-numbers.current{
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(46 115 104 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.list-media-pagination .page-numbers li:first-child{
  margin-right: auto;
  max-width: 500px;
}

@media (min-width: 1280px){
  .list-media-pagination .page-numbers li:first-child{
    width: 100%;
  }
}

.list-media-pagination .page-numbers li:last-child{
  margin-left: auto;
  max-width: 500px;
}

@media (min-width: 1280px){
  .list-media-pagination .page-numbers li:last-child{
    width: 100%;
  }
}

.list-media-pagination .prev{
  justify-content: flex-start;
}

.list-media-pagination .next{
  justify-content: flex-end;
}

.list-media-pagination .page-numbers .prev,
.list-media-pagination .page-numbers .next{
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  --tw-text-opacity: 1;
  color: rgb(40 93 85 / var(--tw-text-opacity));
}

.list-media-pagination .page-numbers .disabled{
  pointer-events: none;
  cursor: default;
  opacity: 0.4;
}

/**
 * Mission About Section: auto progress bars + image switch
 * - Main image 1 visible by default
 * - Bar 1 fills left-to-right (progress), then bar 2 fills
 * - When bar 2 starts, switch to main image 2
 */

.mission-about-section {
  --mission-progress-duration: 4s;
  --mission-cycle-duration: calc(var(--mission-progress-duration) * 2);
}

/* Image stack: both images in same area, switch via opacity */

.mission-about-images{
  position: relative;
  min-height: 200px;
}

.mission-about-img{
  display: block;
  width: 100%;
}

.mission-about-img-1 {
  position: relative;
  z-index: 1;
}

.mission-about-img-2{
  position: absolute;
  inset: 0px;
  z-index: 0;
  opacity: 0;
}

.mission-about-images:has(.mission-about-img-2) .mission-about-img-1 {
  animation: mission-about-img-1-cycle var(--mission-cycle-duration) ease-in-out 0s infinite;
}

.mission-about-images:has(.mission-about-img-1) .mission-about-img-2 {
  animation: mission-about-img-2-cycle var(--mission-cycle-duration) ease-in-out 0s infinite;
}

/* Only image 2: show normally, no overlay */

.mission-about-images:not(:has(.mission-about-img-1)) .mission-about-img-2 {
  position: relative;
  opacity: 1;
  animation: none;
}

@keyframes mission-about-img-1-cycle {
  0%,
	49.99% {
    opacity: 1;
  }

  50%,
	100% {
    opacity: 0;
  }
}

@keyframes mission-about-img-2-cycle {
  0%,
	49.99% {
    opacity: 0;
  }

  50%,
	100% {
    opacity: 1;
  }
}

/* Progress bar fills */

.mission-about-progress-fill {
  width: 0%;
  will-change: width;
}

.mission-about-progress-fill-1 {
  animation: mission-about-fill-1-cycle var(--mission-cycle-duration) linear 0s infinite;
}

.mission-about-progress-fill-2 {
  animation: mission-about-fill-2-cycle var(--mission-cycle-duration) linear 0s infinite;
}

@keyframes mission-about-fill-1-cycle {
  0% {
    width: 0%;
  }

  49.99% {
    width: 100%;
  }

  50%,
	100% {
    width: 0%;
  }
}

@keyframes mission-about-fill-2-cycle {
  0%,
	49.99% {
    width: 0%;
  }

  50% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

/* Card background in sync with progress bar */

.mission-about-card {
  --mission-bg: #D7F0E8;
}

.mission-about-card-1 {
  animation: mission-about-card-1-bg var(--mission-cycle-duration) ease-in-out 0s infinite;
}

.mission-about-card-2 {
  animation: mission-about-card-2-bg var(--mission-cycle-duration) ease-in-out 0s infinite;
}

@keyframes mission-about-card-1-bg {
  0%, 49.99% {
    background-color: var(--mission-bg);
  }

  50%, 100% {
    background-color: #fff;
  }
}

@keyframes mission-about-card-2-bg {
  0%, 49.99% {
    background-color: #fff;
  }

  50%, 100% {
    background-color: var(--mission-bg);
  }
}

.pipelineDetailSwiper .swiper-slide{
  box-sizing: border-box;
  display: flex;
  height: auto !important;
  width: 100% !important;
  flex-shrink: 0;
  align-items: stretch;
}

.pipelineDetailSwiper .swiper-pagination-bullet{
  margin-left: 0px !important;
  margin-right: 0px !important;
  height: 10px;
  width: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(185 186 189 / var(--tw-bg-opacity));
  opacity: 1;
}

.pipelineDetailSwiper .swiper-pagination-bullet-active{
  width: 46px;
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: rgb(60 144 129 / var(--tw-bg-opacity));
}

.terms-and-policy-detail-content p{
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.03em;
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}

.terms-and-policy-detail-content p strong{
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}

.terms-and-policy-detail-content ul{
  list-style-type: disc;
  padding-left: 15px;
}

.terms-and-policy-detail-content ul li{
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}

.terms-and-policy-detail-content ul li::marker{
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}

.privacy-policy-detail-content p{
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 400;
  line-height: 150%;
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}

.privacy-policy-detail-content h2{
  margin-bottom: 0.75rem;
  font-family: Inter, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  line-height: 150%;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.privacy-policy-detail-content a{
  font-family: Inter, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
  text-decoration-line: underline;
}

.privacy-policy-detail-content strong{
  font-family: Inter, sans-serif;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

/**
 * Custom styles to immediately follow Tailwind’s `components` layer
 *
 * “Add more opinionated, complex classes like buttons, form controls, alerts,
 * etc; the sort of pre-built components you often see in other frameworks that
 * you might need to override with utility classes.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-components
 */

/**
 * Post title styles
 *
 * These will be applied to all headings with a `page-title` or `entry-title`
 * class on the frontend and to the post title in the block editor.
 *
 * The supplied styles are meant to match the default `h1` classes from
 * Tailwind Typography.
 */

.page-title,
.entry-title{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  max-width: 100%;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}

/**
 * Layout styles for centered content areas
 *
 * If you are controlling the width of your content area with styles applied
 * to its container, you can delete the following styles whose selectors begin
 * with `.page-content >` and `.entry-content >`. For more details, please see
 * the following:
 *
 * https://make.wordpress.org/core/2021/06/29/on-layout-and-content-width-in-wordpress-5-8/
 */

.page-content > *,
.entry-content > * {
  /* Content width from the `theme.json` file */
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.entry-content > .alignwide {
  /* Wide width from the `theme.json` file */
  max-width: 100%;
}

.entry-content > .alignfull{
  max-width: none;
}

.entry-content > .alignleft{
  float: left;
  margin-right: 2rem;
}

.entry-content > .alignright{
  float: right;
  margin-left: 2rem;
}

.main-container{
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 640px){
  .main-container{
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 769px){
  .main-container{
    padding-left: 50px;
    padding-right: 50px;
  }
}

.main-container-inner{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1280px;
}

/**
 * This injects Tailwind's utility classes and any utility classes registered
 * by plugins, then adds custom utility classes.
 */

.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.pointer-events-none{
  pointer-events: none;
}

.visible{
  visibility: visible;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.\!relative{
  position: relative !important;
}

.relative{
  position: relative;
}

.inset-0{
  inset: 0px;
}

.\!bottom-0{
  bottom: 0px !important;
}

.\!left-0{
  left: 0px !important;
}

.\!right-0{
  right: 0px !important;
}

.\!top-0{
  top: 0px !important;
}

.bottom-0{
  bottom: 0px;
}

.bottom-8{
  bottom: 2rem;
}

.bottom-\[-130px\]{
  bottom: -130px;
}

.bottom-\[-144px\]{
  bottom: -144px;
}

.left-0{
  left: 0px;
}

.left-8{
  left: 2rem;
}

.right-0{
  right: 0px;
}

.right-8{
  right: 2rem;
}

.right-\[-150px\]{
  right: -150px;
}

.right-\[-250px\]{
  right: -250px;
}

.right-\[-550px\]{
  right: -550px;
}

.top-0{
  top: 0px;
}

.top-\[-360px\]{
  top: -360px;
}

.top-\[82px\]{
  top: 82px;
}

.z-0{
  z-index: 0;
}

.z-10{
  z-index: 10;
}

.z-\[9999\]{
  z-index: 9999;
}

.order-2{
  order: 2;
}

.order-3{
  order: 3;
}

.order-first{
  order: -9999;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.\!mt-0{
  margin-top: 0px !important;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.mb-\[30px\]{
  margin-bottom: 30px;
}

.mb-\[48px\]{
  margin-bottom: 48px;
}

.mb-\[60px\]{
  margin-bottom: 60px;
}

.mt-4{
  margin-top: 1rem;
}

.mt-8{
  margin-top: 2rem;
}

.mt-\[100px\]{
  margin-top: 100px;
}

.mt-\[10px\]{
  margin-top: 10px;
}

.mt-\[18px\]{
  margin-top: 18px;
}

.mt-\[36px\]{
  margin-top: 36px;
}

.mt-\[3px\]{
  margin-top: 3px;
}

.mt-\[52px\]{
  margin-top: 52px;
}

.mt-\[60px\]{
  margin-top: 60px;
}

.mt-auto{
  margin-top: auto;
}

.line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.line-clamp-4{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.line-clamp-5{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.block{
  display: block;
}

.inline{
  display: inline;
}

.\!flex{
  display: flex !important;
}

.flex{
  display: flex;
}

.grid{
  display: grid;
}

.hidden{
  display: none;
}

.\!h-8{
  height: 2rem !important;
}

.h-2{
  height: 0.5rem;
}

.h-\[18px\]{
  height: 18px;
}

.h-\[200px\]{
  height: 200px;
}

.h-\[208px\]{
  height: 208px;
}

.h-\[244px\]{
  height: 244px;
}

.h-\[254px\]{
  height: 254px;
}

.h-\[25px\]{
  height: 25px;
}

.h-\[269px\]{
  height: 269px;
}

.h-\[296px\]{
  height: 296px;
}

.h-\[38px\]{
  height: 38px;
}

.h-\[400px\]{
  height: 400px;
}

.h-\[40px\]{
  height: 40px;
}

.h-\[440px\]{
  height: 440px;
}

.h-\[44px\]{
  height: 44px;
}

.h-\[48px\]{
  height: 48px;
}

.h-\[70px\]{
  height: 70px;
}

.h-auto{
  height: auto;
}

.h-full{
  height: 100%;
}

.h-screen{
  height: 100vh;
}

.max-h-\[480px\]{
  max-height: 480px;
}

.min-h-0{
  min-height: 0px;
}

.min-h-\[28px\]{
  min-height: 28px;
}

.min-h-\[300px\]{
  min-height: 300px;
}

.min-h-\[424px\]{
  min-height: 424px;
}

.min-h-\[464px\]{
  min-height: 464px;
}

.\!w-0{
  width: 0px !important;
}

.\!w-8{
  width: 2rem !important;
}

.\!w-auto{
  width: auto !important;
}

.w-\[120px\]{
  width: 120px;
}

.w-\[125px\]{
  width: 125px;
}

.w-\[179px\]{
  width: 179px;
}

.w-\[18px\]{
  width: 18px;
}

.w-\[200px\]{
  width: 200px;
}

.w-\[25px\]{
  width: 25px;
}

.w-\[44px\]{
  width: 44px;
}

.w-\[600px\]{
  width: 600px;
}

.w-\[70px\]{
  width: 70px;
}

.w-\[96px\]{
  width: 96px;
}

.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}

.w-full{
  width: 100%;
}

.min-w-0{
  min-width: 0px;
}

.min-w-\[1280px\]{
  min-width: 1280px;
}

.min-w-\[25px\]{
  min-width: 25px;
}

.min-w-\[506px\]{
  min-width: 506px;
}

.max-w-\[1280px\]{
  max-width: 1280px;
}

.max-w-\[179px\]{
  max-width: 179px;
}

.max-w-\[300px\]{
  max-width: 300px;
}

.max-w-\[350px\]{
  max-width: 350px;
}

.max-w-\[537px\]{
  max-width: 537px;
}

.max-w-\[540px\]{
  max-width: 540px;
}

.max-w-\[714px\]{
  max-width: 714px;
}

.max-w-\[800px\]{
  max-width: 800px;
}

.max-w-\[840px\]{
  max-width: 840px;
}

.max-w-\[850px\]{
  max-width: 850px;
}

.max-w-\[892px\]{
  max-width: 892px;
}

.max-w-\[920px\]{
  max-width: 920px;
}

.max-w-\[960px\]{
  max-width: 960px;
}

.max-w-full{
  max-width: 100%;
}

.max-w-none{
  max-width: none;
}

.flex-1{
  flex: 1 1 0%;
}

.-scale-x-100{
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-scale-y-100{
  --tw-scale-y: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer{
  cursor: pointer;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex-row{
  flex-direction: row;
}

.flex-col{
  flex-direction: column;
}

.flex-wrap{
  flex-wrap: wrap;
}

.\!items-center{
  align-items: center !important;
}

.items-center{
  align-items: center;
}

.justify-end{
  justify-content: flex-end;
}

.\!justify-center{
  justify-content: center !important;
}

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.gap-0{
  gap: 0px;
}

.gap-1{
  gap: 0.25rem;
}

.gap-1\.5{
  gap: 0.375rem;
}

.gap-10{
  gap: 2.5rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-3{
  gap: 0.75rem;
}

.gap-4{
  gap: 1rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-8{
  gap: 2rem;
}

.gap-\[10px\]{
  gap: 10px;
}

.gap-\[11px\]{
  gap: 11px;
}

.gap-\[12px\]{
  gap: 12px;
}

.gap-\[20px\]{
  gap: 20px;
}

.gap-\[22px\]{
  gap: 22px;
}

.gap-\[26\.1px\]{
  gap: 26.1px;
}

.gap-\[26px\]{
  gap: 26px;
}

.gap-\[60px\]{
  gap: 60px;
}

.gap-\[8\.7px\]{
  gap: 8.7px;
}

.gap-\[8px\]{
  gap: 8px;
}

.gap-\[95px\]{
  gap: 95px;
}

.gap-x-8{
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gap-y-\[48px\]{
  row-gap: 48px;
}

.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-x-auto{
  overflow-x: auto;
}

.overflow-x-hidden{
  overflow-x: hidden;
}

.overflow-y-hidden{
  overflow-y: hidden;
}

.break-all{
  word-break: break-all;
}

.\!rounded-full{
  border-radius: 9999px !important;
}

.rounded{
  border-radius: 0.25rem;
}

.rounded-\[100px\]{
  border-radius: 100px;
}

.rounded-full{
  border-radius: 9999px;
}

.\!border{
  border-width: 1px !important;
}

.border{
  border-width: 1px;
}

.border-2{
  border-width: 2px;
}

.border-l-\[6px\]{
  border-left-width: 6px;
}

.border-t{
  border-top-width: 1px;
}

.\!border-\[\#CCCCCC\]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(204 204 204 / var(--tw-border-opacity)) !important;
}

.border-\[\#11E3CD\]{
  --tw-border-opacity: 1;
  border-color: rgb(17 227 205 / var(--tw-border-opacity));
}

.border-\[\#666666\]{
  --tw-border-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-border-opacity));
}

.border-\[\#80C8B7\]{
  --tw-border-opacity: 1;
  border-color: rgb(128 200 183 / var(--tw-border-opacity));
}

.border-\[\#A2BCD7\]{
  --tw-border-opacity: 1;
  border-color: rgb(162 188 215 / var(--tw-border-opacity));
}

.border-\[\#B0DFD2\]{
  --tw-border-opacity: 1;
  border-color: rgb(176 223 210 / var(--tw-border-opacity));
}

.border-\[\#CDDAEA\]{
  --tw-border-opacity: 1;
  border-color: rgb(205 218 234 / var(--tw-border-opacity));
}

.border-\[\#D7F0E8\]{
  --tw-border-opacity: 1;
  border-color: rgb(215 240 232 / var(--tw-border-opacity));
}

.border-\[\#E1E1E1\]{
  --tw-border-opacity: 1;
  border-color: rgb(225 225 225 / var(--tw-border-opacity));
}

.border-\[\#E5E7EB\]{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-\[\#E9EEF5\]{
  --tw-border-opacity: 1;
  border-color: rgb(233 238 245 / var(--tw-border-opacity));
}

.border-primary-teal{
  --tw-border-opacity: 1;
  border-color: rgb(46 115 104 / var(--tw-border-opacity));
}

.\!bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.bg-\[\#0E2522\]{
  --tw-bg-opacity: 1;
  background-color: rgb(14 37 34 / var(--tw-bg-opacity));
}

.bg-\[\#11E3CD\]{
  --tw-bg-opacity: 1;
  background-color: rgb(17 227 205 / var(--tw-bg-opacity));
}

.bg-\[\#17191B\]{
  --tw-bg-opacity: 1;
  background-color: rgb(23 25 27 / var(--tw-bg-opacity));
}

.bg-\[\#191919\]{
  --tw-bg-opacity: 1;
  background-color: rgb(25 25 25 / var(--tw-bg-opacity));
}

.bg-\[\#244B46\]{
  --tw-bg-opacity: 1;
  background-color: rgb(36 75 70 / var(--tw-bg-opacity));
}

.bg-\[\#3C9081\]{
  --tw-bg-opacity: 1;
  background-color: rgb(60 144 129 / var(--tw-bg-opacity));
}

.bg-\[\#666666\]\/10{
  background-color: rgb(102 102 102 / 0.1);
}

.bg-\[\#F2F2F2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}

.bg-\[\#F4F7FB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 247 251 / var(--tw-bg-opacity));
}

.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.bg-primary-teal{
  --tw-bg-opacity: 1;
  background-color: rgb(46 115 104 / var(--tw-bg-opacity));
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-white\/60{
  background-color: rgb(255 255 255 / 0.6);
}

.bg-cover{
  background-size: cover;
}

.bg-center{
  background-position: center;
}

.bg-no-repeat{
  background-repeat: no-repeat;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.\!p-0{
  padding: 0px !important;
}

.\!p-\[7px\]{
  padding: 7px !important;
}

.p-1{
  padding: 0.25rem;
}

.p-1\.5{
  padding: 0.375rem;
}

.p-2{
  padding: 0.5rem;
}

.p-3{
  padding: 0.75rem;
}

.p-6{
  padding: 1.5rem;
}

.p-8{
  padding: 2rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-\[10px\]{
  padding-left: 10px;
  padding-right: 10px;
}

.px-\[20px\]{
  padding-left: 20px;
  padding-right: 20px;
}

.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-\[11px\]{
  padding-top: 11px;
  padding-bottom: 11px;
}

.py-\[21px\]{
  padding-top: 21px;
  padding-bottom: 21px;
}

.py-\[50px\]{
  padding-top: 50px;
  padding-bottom: 50px;
}

.py-\[5px\]{
  padding-top: 5px;
  padding-bottom: 5px;
}

.py-\[8\.5px\]{
  padding-top: 8.5px;
  padding-bottom: 8.5px;
}

.pb-10{
  padding-bottom: 2.5rem;
}

.pb-16{
  padding-bottom: 4rem;
}

.pb-20{
  padding-bottom: 5rem;
}

.pb-6{
  padding-bottom: 1.5rem;
}

.pl-0{
  padding-left: 0px;
}

.pl-8{
  padding-left: 2rem;
}

.pt-4{
  padding-top: 1rem;
}

.pt-\[142px\]{
  padding-top: 142px;
}

.pt-\[152px\]{
  padding-top: 152px;
}

.pt-\[160px\]{
  padding-top: 160px;
}

.pt-\[200px\]{
  padding-top: 200px;
}

.pt-\[94px\]{
  padding-top: 94px;
}

.text-center{
  text-align: center;
}

.font-gentium{
  font-family: Gentium Basic, serif;
}

.font-inter{
  font-family: Inter, sans-serif;
}

.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-6xl{
  font-size: 3.75rem;
  line-height: 1;
}

.text-\[12px\]{
  font-size: 12px;
}

.text-\[14px\]{
  font-size: 14px;
}

.text-\[16px\]{
  font-size: 16px;
}

.text-\[18px\]{
  font-size: 18px;
}

.text-\[20px\]{
  font-size: 20px;
}

.text-\[22px\]{
  font-size: 22px;
}

.text-\[24px\]{
  font-size: 24px;
}

.text-\[28px\]{
  font-size: 28px;
}

.text-\[30px\]{
  font-size: 30px;
}

.text-\[36px\]{
  font-size: 36px;
}

.text-\[40px\]{
  font-size: 40px;
}

.text-\[48px\]{
  font-size: 48px;
}

.text-\[50px\]{
  font-size: 50px;
}

.text-\[60px\]{
  font-size: 60px;
}

.text-\[72px\]{
  font-size: 72px;
}

.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-\[350\]{
  font-weight: 350;
}

.font-\[550\]{
  font-weight: 550;
}

.font-bold{
  font-weight: 700;
}

.font-light{
  font-weight: 300;
}

.font-medium{
  font-weight: 500;
}

.font-normal{
  font-weight: 400;
}

.font-semibold{
  font-weight: 600;
}

.uppercase{
  text-transform: uppercase;
}

.italic{
  font-style: italic;
}

.leading-\[130\%\]{
  line-height: 130%;
}

.leading-\[150\%\]{
  line-height: 150%;
}

.tracking-\[-0\.01em\]{
  letter-spacing: -0.01em;
}

.tracking-\[-0\.02em\]{
  letter-spacing: -0.02em;
}

.tracking-\[-0\.5\%\]{
  letter-spacing: -0.5%;
}

.tracking-\[-0\.6px\]{
  letter-spacing: -0.6px;
}

.tracking-\[-0\.8px\]{
  letter-spacing: -0.8px;
}

.tracking-\[-2\%\]{
  letter-spacing: -2%;
}

.tracking-\[0\.04em\]{
  letter-spacing: 0.04em;
}

.tracking-\[0\.35px\]{
  letter-spacing: 0.35px;
}

.tracking-\[0\.42px\]{
  letter-spacing: 0.42px;
}

.tracking-\[0\.4px\]{
  letter-spacing: 0.4px;
}

.tracking-\[0\.55px\]{
  letter-spacing: 0.55px;
}

.tracking-\[0\.65px\]{
  letter-spacing: 0.65px;
}

.tracking-\[0\.6px\]{
  letter-spacing: 0.6px;
}

.tracking-\[0\.85px\]{
  letter-spacing: 0.85px;
}

.tracking-\[0\.8px\]{
  letter-spacing: 0.8px;
}

.tracking-\[0\.9px\]{
  letter-spacing: 0.9px;
}

.tracking-\[1px\]{
  letter-spacing: 1px;
}

.tracking-normal{
  letter-spacing: 0em;
}

.text-\[\#00513F\]{
  --tw-text-opacity: 1;
  color: rgb(0 81 63 / var(--tw-text-opacity));
}

.text-\[\#0C0C0C\]{
  --tw-text-opacity: 1;
  color: rgb(12 12 12 / var(--tw-text-opacity));
}

.text-\[\#101828\]{
  --tw-text-opacity: 1;
  color: rgb(16 24 40 / var(--tw-text-opacity));
}

.text-\[\#111827\]{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-\[\#162328\]{
  --tw-text-opacity: 1;
  color: rgb(22 35 40 / var(--tw-text-opacity));
}

.text-\[\#191919\]{
  --tw-text-opacity: 1;
  color: rgb(25 25 25 / var(--tw-text-opacity));
}

.text-\[\#2E7368\]{
  --tw-text-opacity: 1;
  color: rgb(46 115 104 / var(--tw-text-opacity));
}

.text-\[\#3C9081\]{
  --tw-text-opacity: 1;
  color: rgb(60 144 129 / var(--tw-text-opacity));
}

.text-\[\#424242\]{
  --tw-text-opacity: 1;
  color: rgb(66 66 66 / var(--tw-text-opacity));
}

.text-\[\#4A5565\]{
  --tw-text-opacity: 1;
  color: rgb(74 85 101 / var(--tw-text-opacity));
}

.text-\[\#4C4C4C\]{
  --tw-text-opacity: 1;
  color: rgb(76 76 76 / var(--tw-text-opacity));
}

.text-\[\#4D7BAA\]{
  --tw-text-opacity: 1;
  color: rgb(77 123 170 / var(--tw-text-opacity));
}

.text-\[\#666666\]{
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}

.text-\[\#6A6A6A\]{
  --tw-text-opacity: 1;
  color: rgb(106 106 106 / var(--tw-text-opacity));
}

.text-\[\#70707B\]{
  --tw-text-opacity: 1;
  color: rgb(112 112 123 / var(--tw-text-opacity));
}

.text-\[\#7F7F7F\]{
  --tw-text-opacity: 1;
  color: rgb(127 127 127 / var(--tw-text-opacity));
}

.text-\[\#80C8B7\]{
  --tw-text-opacity: 1;
  color: rgb(128 200 183 / var(--tw-text-opacity));
}

.text-\[\#B1B1B1\]{
  --tw-text-opacity: 1;
  color: rgb(177 177 177 / var(--tw-text-opacity));
}

.text-\[\#B2B2B2\]{
  --tw-text-opacity: 1;
  color: rgb(178 178 178 / var(--tw-text-opacity));
}

.text-\[\#CCCCCC\]{
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity));
}

.text-\[\#E5E5E5\]{
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity));
}

.text-grey-text{
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity));
}

.text-primary-teal{
  --tw-text-opacity: 1;
  color: rgb(46 115 104 / var(--tw-text-opacity));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.underline{
  text-decoration-line: underline;
}

.\!opacity-100{
  opacity: 1 !important;
}

.shadow-\[11px_11px_7\.8px_0px_\#4DAA8B1A\]{
  --tw-shadow: 11px 11px 7.8px 0px #4DAA8B1A;
  --tw-shadow-colored: 11px 11px 7.8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.backdrop-blur-xl{
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-300{
  transition-duration: 300ms;
}

.content-none{
  --tw-content: none;
  content: var(--tw-content);
}

.\[overflow-x\:clip\]{
  overflow-x: clip;
}

.\[overflow-y\:visible\]{
  overflow-y: visible;
}

/**
 * Custom styles to immediately follow Tailwind’s `utilities` layer
 *
 * Add your own utility classes to this theme. Complex utility classes should
 * be added using Tailwind’s plugin system:
 *
 * https://tailwindcss.com/docs/plugins#adding-utilities
 */

.after\:\!content-none::after{
  --tw-content: none !important;
  content: var(--tw-content) !important;
}

.hover\:bg-opacity-80:hover{
  --tw-bg-opacity: 0.8;
}

.hover\:opacity-80:hover{
  opacity: 0.8;
}

.prose-a\:text-primary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .sm\:hidden{
    display: none;
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:min-w-full{
    min-width: 100%;
  }

  .sm\:max-w-\[400px\]{
    max-width: 400px;
  }

  .sm\:justify-normal{
    justify-content: normal;
  }

  .sm\:object-contain{
    -o-object-fit: contain;
       object-fit: contain;
  }

  .sm\:px-\[30px\]{
    padding-left: 30px;
    padding-right: 30px;
  }

  .sm\:text-\[60px\]{
    font-size: 60px;
  }
}

@media (min-width: 769px){
  .md\:right-\[-300px\]{
    right: -300px;
  }

  .md\:right-\[-400px\]{
    right: -400px;
  }

  .md\:mb-\[60px\]{
    margin-bottom: 60px;
  }

  .md\:mt-\[53px\]{
    margin-top: 53px;
  }

  .md\:h-\[480px\]{
    height: 480px;
  }

  .md\:h-\[500px\]{
    height: 500px;
  }

  .md\:min-h-\[480px\]{
    min-height: 480px;
  }

  .md\:w-\[300px\]{
    width: 300px;
  }

  .md\:w-\[311px\]{
    width: 311px;
  }

  .md\:max-w-\[330px\]{
    max-width: 330px;
  }

  .md\:max-w-\[411px\]{
    max-width: 411px;
  }

  .md\:max-w-\[500px\]{
    max-width: 500px;
  }

  .md\:max-w-\[600px\]{
    max-width: 600px;
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:justify-between{
    justify-content: space-between;
  }

  .md\:gap-4{
    gap: 1rem;
  }

  .md\:gap-\[26px\]{
    gap: 26px;
  }

  .md\:gap-\[76px\]{
    gap: 76px;
  }

  .md\:px-\[50px\]{
    padding-left: 50px;
    padding-right: 50px;
  }

  .md\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .md\:py-\[70px\]{
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .md\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-\[16px\]{
    font-size: 16px;
  }

  .md\:text-\[20px\]{
    font-size: 20px;
  }

  .md\:text-\[24px\]{
    font-size: 24px;
  }

  .md\:text-\[30px\]{
    font-size: 30px;
  }

  .md\:text-\[32px\]{
    font-size: 32px;
  }

  .md\:text-\[36px\]{
    font-size: 36px;
  }

  .md\:text-\[60px\]{
    font-size: 60px;
  }

  .md\:text-\[72px\]{
    font-size: 72px;
  }

  .md\:font-bold{
    font-weight: 700;
  }
}

@media (min-width: 1024px){
  .lg\:bottom-\[-204px\]{
    bottom: -204px;
  }

  .lg\:right-\[-200px\]{
    right: -200px;
  }

  .lg\:right-\[-250px\]{
    right: -250px;
  }

  .lg\:right-\[-350px\]{
    right: -350px;
  }

  .lg\:order-1{
    order: 1;
  }

  .lg\:order-2{
    order: 2;
  }

  .lg\:order-3{
    order: 3;
  }

  .lg\:mt-\[230px\]{
    margin-top: 230px;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-\[480px\]{
    height: 480px;
  }

  .lg\:h-\[649px\]{
    height: 649px;
  }

  .lg\:h-\[732px\]{
    height: 732px;
  }

  .lg\:h-\[764px\]{
    height: 764px;
  }

  .lg\:h-\[797px\]{
    height: 797px;
  }

  .lg\:min-h-0{
    min-height: 0px;
  }

  .lg\:min-h-\[700px\]{
    min-height: 700px;
  }

  .lg\:w-\[400px\]{
    width: 400px;
  }

  .lg\:w-\[609px\]{
    width: 609px;
  }

  .lg\:w-\[611px\]{
    width: 611px;
  }

  .lg\:w-\[800px\]{
    width: 800px;
  }

  .lg\:w-\[calc\(\(100\%-3rem\)\/3\)\]{
    width: calc((100% - 3rem) / 3);
  }

  .lg\:max-w-\[411px\]{
    max-width: 411px;
  }

  .lg\:max-w-\[850px\]{
    max-width: 850px;
  }

  .lg\:max-w-fit{
    max-width: -moz-fit-content;
    max-width: fit-content;
  }

  .lg\:flex-shrink-0{
    flex-shrink: 0;
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:items-stretch{
    align-items: stretch;
  }

  .lg\:gap-0{
    gap: 0px;
  }

  .lg\:gap-y-\[60px\]{
    row-gap: 60px;
  }

  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-\[80px\]{
    padding-left: 80px;
    padding-right: 80px;
  }

  .lg\:pt-0{
    padding-top: 0px;
  }

  .lg\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .lg\:text-\[20px\]{
    font-size: 20px;
  }

  .lg\:text-\[30px\]{
    font-size: 30px;
  }

  .lg\:text-\[48px\]{
    font-size: 48px;
  }

  .lg\:text-\[72px\]{
    font-size: 72px;
  }

  .lg\:text-\[96px\]{
    font-size: 96px;
  }
}

@media (min-width: 1280px){
  .xl\:right-\[-120px\]{
    right: -120px;
  }

  .xl\:right-\[-132px\]{
    right: -132px;
  }

  .xl\:right-\[-306px\]{
    right: -306px;
  }

  .xl\:w-\[670px\]{
    width: 670px;
  }

  .xl\:w-auto{
    width: auto;
  }

  .xl\:max-w-\[411px\]{
    max-width: 411px;
  }

  .xl\:max-w-\[540px\]{
    max-width: 540px;
  }

  .xl\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:flex-row{
    flex-direction: row;
  }

  .xl\:gap-\[71px\]{
    gap: 71px;
  }

  .xl\:p-\[70px\]{
    padding: 70px;
  }

  .xl\:px-\[80px\]{
    padding-left: 80px;
    padding-right: 80px;
  }

  .xl\:pl-\[48px\]{
    padding-left: 48px;
  }

  .xl\:text-\[32px\]{
    font-size: 32px;
  }

  .xl\:text-\[64px\]{
    font-size: 64px;
  }
}