@import "https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&family=Heebo:wght@100..900&display=swap";@layer properties {  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {    *,    :before,    :after,    ::backdrop {      --tw-rotate-x: initial;      --tw-rotate-y: initial;      --tw-rotate-z: initial;      --tw-skew-x: initial;      --tw-skew-y: initial;      --tw-border-style: solid;      --tw-leading: initial;      --tw-font-weight: initial;      --tw-tracking: initial;      --tw-shadow: 0 0 #0000;      --tw-shadow-color: initial;      --tw-shadow-alpha: 100%;      --tw-inset-shadow: 0 0 #0000;      --tw-inset-shadow-color: initial;      --tw-inset-shadow-alpha: 100%;      --tw-ring-color: initial;      --tw-ring-shadow: 0 0 #0000;      --tw-inset-ring-color: initial;      --tw-inset-ring-shadow: 0 0 #0000;      --tw-ring-inset: initial;      --tw-ring-offset-width: 0px;      --tw-ring-offset-color: #fff;      --tw-ring-offset-shadow: 0 0 #0000;      --tw-outline-style: solid;      --tw-blur: initial;      --tw-brightness: initial;      --tw-contrast: initial;      --tw-grayscale: initial;      --tw-hue-rotate: initial;      --tw-invert: initial;      --tw-opacity: initial;      --tw-saturate: initial;      --tw-sepia: initial;      --tw-drop-shadow: initial;      --tw-drop-shadow-color: initial;      --tw-drop-shadow-alpha: 100%;      --tw-drop-shadow-size: initial;      --tw-duration: initial;      --tw-ease: initial;      --tw-text-shadow-color: initial;      --tw-text-shadow-alpha: 100%;      --tw-space-x-reverse: 0;    }  }}@layer theme {  :root,  :host {    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,      "Liberation Mono", "Courier New", monospace;    --color-black: #000;    --color-white: #fff;    --spacing: 0.25rem;    --text-sm: 0.875rem;    --text-sm--line-height: calc(1.25 / 0.875);    --text-base: 1rem;    --text-base--line-height: calc(1.5 / 1);    --font-weight-normal: 400;    --font-weight-medium: 500;    --font-weight-semibold: 600;    --tracking-normal: 0em;    --radius-lg: 0.5rem;    --radius-2xl: 1rem;    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);    --default-transition-duration: 0.15s;    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    --default-font-family: var(--font-sans);    --default-mono-font-family: var(--font-mono);  }}@layer base {  *,  :after,  :before,  ::backdrop {    box-sizing: border-box;    border: 0 solid;    margin: 0;    padding: 0;  }  ::file-selector-button {    box-sizing: border-box;    border: 0 solid;    margin: 0;    padding: 0;  }  html,  :host {    -webkit-text-size-adjust: 100%;    tab-size: 4;    line-height: 1.5;    font-family: var(      --default-font-family,      ui-sans-serif,      system-ui,      sans-serif,      "Apple Color Emoji",      "Segoe UI Emoji",      "Segoe UI Symbol",      "Noto Color Emoji"    );    font-feature-settings: var(--default-font-feature-settings, normal);    font-variation-settings: var(--default-font-variation-settings, normal);    -webkit-tap-highlight-color: transparent;  }  img,  picture,  video,  canvas {    display: block;    max-width: 100%;  }  hr {    height: 0;    color: inherit;    border-top-width: 1px;  }  abbr:where([title]) {    -webkit-text-decoration: underline dotted;    text-decoration: underline dotted;  }  h1,  h2,  h3,  h4,  h5,  h6 {    font-size: inherit;    font-weight: inherit;  }  a {    color: inherit;    -webkit-text-decoration: inherit;    -webkit-text-decoration: inherit;    -webkit-text-decoration: inherit;    text-decoration: none;  }  b,  strong {    font-weight: bolder;  }  code,  kbd,  samp,  pre {    font-family: var(      --default-mono-font-family,      ui-monospace,      SFMono-Regular,      Menlo,      Monaco,      Consolas,      "Liberation Mono",      "Courier New",      monospace    );    font-feature-settings: var(--default-mono-font-feature-settings, normal);    font-variation-settings: var(      --default-mono-font-variation-settings,      normal    );    font-size: 1em;  }  small {    font-size: 80%;  }  sub,  sup {    vertical-align: baseline;    font-size: 75%;    line-height: 0;    position: relative;  }  sub {    bottom: -0.25em;  }  sup {    top: -0.5em;  }  table {    text-indent: 0;    border-color: inherit;    border-collapse: collapse;  }  :-moz-focusring {    outline: auto;  }  progress {    vertical-align: baseline;  }  summary {    display: list-item;  }  ol,  ul,  menu {    list-style: none;  }  button,  input,  select,  optgroup,  textarea {    font: inherit;    font-feature-settings: inherit;    font-variation-settings: inherit;    letter-spacing: inherit;    color: inherit;    opacity: 1;    background-color: #0000;    border-radius: 0;  }  ::file-selector-button {    font: inherit;    font-feature-settings: inherit;    font-variation-settings: inherit;    letter-spacing: inherit;    color: inherit;    opacity: 1;    background-color: #0000;    border-radius: 0;  }  :where(select:is([multiple], [size])) optgroup {    font-weight: bolder;  }  :where(select:is([multiple], [size])) optgroup option {    padding-inline-start: 20px;  }  ::file-selector-button {    margin-inline-end: 4px;  }  ::placeholder {    opacity: 1;  }  @supports (not ((-webkit-appearance: -apple-pay-button))) or    (contain-intrinsic-size: 1px) {    ::placeholder {      color: currentColor;    }    @supports (color: color-mix(in lab, red, red)) {      ::placeholder {        color: color-mix(in oklab, currentcolor 50%, transparent);      }    }  }  textarea {    resize: vertical;  }  ::-webkit-search-decoration {    -webkit-appearance: none;  }  ::-webkit-date-and-time-value {    min-height: 1lh;    text-align: inherit;  }  ::-webkit-datetime-edit {    display: inline-flex;  }  ::-webkit-datetime-edit-fields-wrapper {    padding: 0;  }  ::-webkit-datetime-edit {    padding-block: 0;  }  ::-webkit-datetime-edit-year-field {    padding-block: 0;  }  ::-webkit-datetime-edit-month-field {    padding-block: 0;  }  ::-webkit-datetime-edit-day-field {    padding-block: 0;  }  ::-webkit-datetime-edit-hour-field {    padding-block: 0;  }  ::-webkit-datetime-edit-minute-field {    padding-block: 0;  }  ::-webkit-datetime-edit-second-field {    padding-block: 0;  }  ::-webkit-datetime-edit-millisecond-field {    padding-block: 0;  }  ::-webkit-datetime-edit-meridiem-field {    padding-block: 0;  }  :-moz-ui-invalid {    box-shadow: none;  }  button,  input:where([type="button"], [type="reset"], [type="submit"]) {    appearance: button;  }  ::file-selector-button {    appearance: button;  }  ::-webkit-inner-spin-button {    height: auto;  }  ::-webkit-outer-spin-button {    height: auto;  }  [hidden]:where(:not([hidden="until-found"])) {    display: none !important;  }}@layer components;@layer utilities {  .absolute {    position: absolute;  }  .fixed {    position: fixed;  }  .relative {    position: relative;  }  .top-0 {    top: calc(var(--spacing) * 0);  }  .z-2 {    z-index: 2;  }  .z-\[9\] {    z-index: 9;  }  .my-\[0\],  .my-\[0px\] {    margin-block: 0;  }  .my-\[7px\] {    margin-block: 7px;  }  .mt-\[5px\] {    margin-top: 5px;  }  .mt-\[15px\] {    margin-top: 15px;  }  .mr-\[auto\] {    margin-right: auto;  }  .ml-\[auto\] {    margin-left: auto;  }  .line-clamp-7 {    -webkit-line-clamp: 7;    -webkit-box-orient: vertical;    display: -webkit-box;    overflow: hidden;  }  .block {    display: block;  }  .flex {    display: flex;  }  .inline-block {    display: inline-block;  }  .inline-flex {    display: inline-flex;  }  .table {    display: table;  }  .h-\[31px\] {    height: 31px;  }  .h-\[45px\] {    height: 45px;  }  .h-\[50px\] {    height: 50px;  }  .h-\[55px\] {    height: 55px;  }  .h-\[150px\] {    height: 150px;  }  .h-\[var\(--header-logo-height\)\] {    height: var(--header-logo-height);  }  .h-auto {    height: auto;  }  .h-full {    height: 100%;  }  .w-\[28\%\] {    width: 28%;  }  .w-\[31px\] {    width: 31px;  }  .w-\[100\%\] {    width: 100%;  }  .w-auto {    width: auto;  }  .w-full {    width: 100%;  }  .max-w-\[100\%\] {    max-width: 100%;  }  .max-w-\[280px\] {    max-width: 280px;  }  .max-w-\[434px\] {    max-width: 434px;  }  .max-w-\[630px\] {    max-width: 630px;  }  .max-w-\[730px\] {    max-width: 730px;  }  .max-w-\[975px\] {    max-width: 975px;  }  .max-w-\[1024px\] {    max-width: 1024px;  }  .max-w-\[1279px\] {    max-width: 1279px;  }  .max-w-\[1585px\] {    max-width: 1585px;  }  .min-w-\[200px\] {    min-width: 200px;  }  .min-w-\[400px\] {    min-width: 400px;  }  .border-collapse {    border-collapse: collapse;  }  .transform {    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)      var(--tw-skew-x) var(--tw-skew-y);  }  .cursor-pointer {    cursor: pointer;  }  .resize {    resize: both;  }  .list-none {    list-style-type: none;  }  .flex-col {    flex-direction: column;  }  .flex-wrap {    flex-wrap: wrap;  }  .place-items-center {    place-items: center;  }  .items-center {    align-items: center;  }  .justify-between {    justify-content: space-between;  }  .justify-center {    justify-content: center;  }  .justify-end {    justify-content: flex-end;  }  .gap-0 {    gap: calc(var(--spacing) * 0);  }  .gap-3 {    gap: calc(var(--spacing) * 3);  }  .gap-10 {    gap: calc(var(--spacing) * 10);  }  .gap-\[10px\] {    gap: 10px;  }  .gap-\[15px\] {    gap: 15px;  }  .gap-\[18px\] {    gap: 18px;  }  .gap-\[20px\] {    gap: 20px;  }  .gap-\[30px\] {    gap: 30px;  }  .gap-\[50px\] {    gap: 50px;  }  .gap-x-\[25px\] {    column-gap: 25px;  }  .gap-x-\[35px\] {    column-gap: 35px;  }  .gap-y-\[5px\] {    row-gap: 5px;  }  .rounded-2xl {    border-radius: var(--radius-2xl);  }  .rounded-\[10px\] {    border-radius: 10px;  }  .rounded-\[100px\] {    border-radius: 100px;  }  .rounded-lg {    border-radius: var(--radius-lg);  }  .border {    border-style: var(--tw-border-style);    border-width: 1px;  }  .border-2,  .border-\[2px\] {    border-style: var(--tw-border-style);    border-width: 2px;  }  .border-r-1 {    border-right-style: var(--tw-border-style);    border-right-width: 1px;  }  .border-b {    border-bottom-style: var(--tw-border-style);    border-bottom-width: 1px;  }  .border-l {    border-left-style: var(--tw-border-style);    border-left-width: 1px;  }  .border-\[\#000\] {    border-color: #000;  }  .border-\[\#7EB6DA\] {    border-color: #7eb6da;  }  .border-\[\#B0CCDD\] {    border-color: #b0ccdd;  }  .border-\[\#CCDAE3\] {    border-color: #ccdae3;  }  .border-\[\#D2D2D2\] {    border-color: #d2d2d2;  }  .border-\[transparent\] {    border-color: #0000;  }  .border-b-\[\#7eb6da24\] {    border-bottom-color: #7eb6da24;  }  .bg-\[\#DAEBF5\] {    background-color: #daebf5;  }  .bg-\[\#E8F4FB\] {    background-color: #e8f4fb;  }  .bg-\[var\(--secondary-color\)\] {    background-color: var(--secondary-color);  }  .bg-white {    background-color: var(--color-white);  }  .bg-\[linear-gradient\(0deg\,\#08324E\,\#104567\)\] {    background-image: linear-gradient(#104567, #08324e);  }  .bg-\[linear-gradient\(_\#E8F4FB\,_\#E8F4FB\)\] {    background-image: linear-gradient(#e8f4fb, #e8f4fb);  }  .bg-cover {    background-size: cover;  }  .bg-center {    background-position: 50%;  }  .bg-no-repeat {    background-repeat: no-repeat;  }  .object-contain {    object-fit: contain;  }  .p-\[20px\] {    padding: 20px;  }  .p-\[60px\] {    padding: 60px;  }  .px-\[15px\] {    padding-inline: 15px;  }  .px-\[20px\] {    padding-inline: 20px;  }  .py-0 {    padding-block: calc(var(--spacing) * 0);  }  .py-8 {    padding-block: calc(var(--spacing) * 8);  }  .py-\[5px\] {    padding-block: 5px;  }  .py-\[7px\] {    padding-block: 7px;  }  .py-\[10px\] {    padding-block: 10px;  }  .py-\[13px\] {    padding-block: 13px;  }  .py-\[15px\] {    padding-block: 15px;  }  .py-\[20px\] {    padding-block: 20px;  }  .py-\[22px\] {    padding-block: 22px;  }  .py-\[24px\] {    padding-block: 24px;  }  .py-\[26px\] {    padding-block: 26px;  }  .py-\[30px\] {    padding-block: 30px;  }  .py-\[60px\] {    padding-block: 60px;  }  .py-\[90px\] {    padding-block: 90px;  }  .py-\[100px\] {    padding-block: 100px;  }  .pt-\[5px\] {    padding-top: 5px;  }  .pt-\[16px\] {    padding-top: 16px;  }  .pt-\[25px\] {    padding-top: 25px;  }  .pt-\[30px\] {    padding-top: 30px;  }  .pt-\[40px\] {    padding-top: 40px;  }  .pt-\[50px\] {    padding-top: 50px;  }  .pr-\[15px\] {    padding-right: 15px;  }  .pr-\[20px\] {    padding-right: 20px;  }  .pb-\[10px\] {    padding-bottom: 10px;  }  .pb-\[15px\] {    padding-bottom: 15px;  }  .pb-\[16px\] {    padding-bottom: 16px;  }  .pb-\[25px\] {    padding-bottom: 25px;  }  .pb-\[30px\] {    padding-bottom: 30px;  }  .pb-\[40px\] {    padding-bottom: 40px;  }  .pb-\[50px\] {    padding-bottom: 50px;  }  .pb-\[70px\] {    padding-bottom: 70px;  }  .pb-\[120px\] {    padding-bottom: 120px;  }  .pl-\[15px\] {    padding-left: 15px;  }  .pl-\[20px\] {    padding-left: 20px;  }  .text-center {    text-align: center;  }  .text-left {    text-align: left;  }  .align-middle {    vertical-align: middle;  }  .font-\(family-name\:--var-font-family-heading\) {    font-family: var(--var-font-family-heading);  }  .text-\[15px\]\/\[26px\] {    font-size: 15px;    line-height: 26px;  }  .text-\[24px\]\/\[36px\] {    font-size: 24px;    line-height: 36px;  }  .text-base {    font-size: var(--text-base);    line-height: var(--tw-leading, var(--text-base--line-height));  }  .text-sm {    font-size: var(--text-sm);    line-height: var(--tw-leading, var(--text-sm--line-height));  }  .text-\[13px\] {    font-size: 13px;  }  .text-\[14px\] {    font-size: 14px;  }  .text-\[16px\] {    font-size: 16px;  }  .leading-\[16px\] {    --tw-leading: 16px;    line-height: 16px;  }  .leading-\[20\.08px\] {    --tw-leading: 20.08px;    line-height: 20.08px;  }  .leading-\[20\.078px\] {    --tw-leading: 20.078px;    line-height: 20.078px;  }  .leading-\[22px\] {    --tw-leading: 22px;    line-height: 22px;  }  .leading-\[24px\] {    --tw-leading: 24px;    line-height: 24px;  }  .leading-\[26px\] {    --tw-leading: 26px;    line-height: 26px;  }  .leading-\[30px\] {    --tw-leading: 30px;    line-height: 30px;  }  .leading-\[34px\] {    --tw-leading: 34px;    line-height: 34px;  }  .font-medium {    --tw-font-weight: var(--font-weight-medium);    font-weight: var(--font-weight-medium);  }  .font-normal {    --tw-font-weight: var(--font-weight-normal);    font-weight: var(--font-weight-normal);  }  .font-semibold {    --tw-font-weight: var(--font-weight-semibold);    font-weight: var(--font-weight-semibold);  }  .tracking-\[0\.02em\] {    --tw-tracking: 0.02em;    letter-spacing: 0.02em;  }  .tracking-\[0\] {    --tw-tracking: 0;    letter-spacing: 0;  }  .tracking-normal {    --tw-tracking: var(--tracking-normal);    letter-spacing: var(--tracking-normal);  }  .text-\[\#000\] {    color: #000;  }  .text-\[\#7EB6DA\] {    color: #7eb6da;  }  .text-\[\#9FC2D9\] {    color: #9fc2d9;  }  .text-\[\#818181\] {    color: #818181;  }  .text-\[\#FAFAFA\] {    color: #fafafa;  }  .text-\[\#fff\] {    color: #fff;  }  .text-\[var\(--banner-text-color\)\] {    color: var(--banner-text-color);  }  .text-\[var\(--header-text-color\)\] {    color: var(--header-text-color);  }  .text-\[var\(--primary-color\)\] {    color: var(--primary-color);  }  .text-black {    color: var(--color-black);  }  .text-inherit {    color: inherit;  }  .text-white {    color: var(--color-white);  }  .capitalize {    text-transform: capitalize;  }  .uppercase {    text-transform: uppercase;  }  .italic {    font-style: italic;  }  .underline {    text-decoration-line: underline;  }  .shadow-lg\/5 {    --tw-shadow-alpha: 5%;    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, oklab(0% 0 0/0.05)),      0 4px 6px -4px var(--tw-shadow-color, oklab(0% 0 0/0.05));    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);  }  .shadow-lg\/10 {    --tw-shadow-alpha: 10%;    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, oklab(0% 0 0/0.1)),      0 4px 6px -4px var(--tw-shadow-color, oklab(0% 0 0/0.1));    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);  }  .outline {    outline-style: var(--tw-outline-style);    outline-width: 1px;  }  .drop-shadow-\[0_4px_30px_rgba\(0\,0\,0\,0\.8\)\] {    --tw-drop-shadow-size: drop-shadow(      0 4px 30px var(--tw-drop-shadow-color, #000c)    );    --tw-drop-shadow: var(--tw-drop-shadow-size);    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)      var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)      var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);  }  .transition {    transition-property: color, background-color, border-color, outline-color,      text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,      --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate,      filter, -webkit-backdrop-filter, backdrop-filter, display,      content-visibility, overlay, pointer-events;    transition-timing-function: var(      --tw-ease,      var(--default-transition-timing-function)    );    transition-duration: var(--tw-duration, var(--default-transition-duration));  }  .transition-all {    transition-property: all;    transition-timing-function: var(      --tw-ease,      var(--default-transition-timing-function)    );    transition-duration: var(--tw-duration, var(--default-transition-duration));  }  .duration-300 {    --tw-duration: 0.3s;    transition-duration: 0.3s;  }  .ease-in-out {    --tw-ease: var(--ease-in-out);    transition-timing-function: var(--ease-in-out);  }  .text-shadow-lg\/10 {    --tw-text-shadow-alpha: 10%;    text-shadow: 0px 1px 2px var(--tw-text-shadow-color, oklab(0% 0 0/0.1)),      0px 3px 2px var(--tw-text-shadow-color, oklab(0% 0 0/0.1)),      0px 4px 8px var(--tw-text-shadow-color, oklab(0% 0 0/0.1));  }  @media (hover: hover) {    .group-hover\:\!bg-\[var\(--primary-color\)\]:is(:where(.group):hover *) {      background-color: var(--primary-color) !important;    }    .hover\:border-\[var\(--primary-color\)\]:hover {      border-color: var(--primary-color);    }    .hover\:bg-\[var\(--primary-color\)\]:hover {      background-color: var(--primary-color);    }    .hover\:\!text-\[\#fff\]:hover {      color: #fff !important;    }    .hover\:\!text-\[var\(--primary-color\)\]:hover {      color: var(--primary-color) !important;    }    .hover\:text-\[var\(--primary-color\)\]:hover {      color: var(--primary-color);    }  }  @media (min-width: 40rem) {    .sm\:w-\[20\%\] {      width: 20%;    }    .sm\:w-\[50\%\] {      width: 50%;    }    .sm\:flex-row {      flex-direction: row;    }    .sm\:gap-\[15px\] {      gap: 15px;    }    .sm\:gap-\[50px\] {      gap: 50px;    }    .sm\:border-\[\#B0CCDD\] {      border-color: #b0ccdd;    }    .sm\:border-\[transparent\] {      border-color: #0000;    }    .sm\:py-6 {      padding-block: calc(var(--spacing) * 6);    }    .sm\:py-\[0px\] {      padding-block: 0;    }    .sm\:pr-\[30px\] {      padding-right: 30px;    }    .sm\:pb-\[0px\] {      padding-bottom: 0;    }    .sm\:pl-\[30px\] {      padding-left: 30px;    }  }  @media (min-width: 48rem) {    .md\:gap-\[15px\] {      gap: 15px;    }    .md\:pr-\[30px\] {      padding-right: 30px;    }    .md\:pl-\[30px\] {      padding-left: 30px;    }    .md\:text-left {      text-align: left;    }  }  @media (min-width: 64rem) {    .lg\:flex {      display: flex;    }    .lg\:flex-row {      flex-direction: row;    }    .lg\:justify-between {      justify-content: space-between;    }    .lg\:gap-0 {      gap: calc(var(--spacing) * 0);    }    .lg\:gap-\[20px\] {      gap: 20px;    }    .lg\:p-\[50px\] {      padding: 50px;    }    .lg\:pt-\[50px\] {      padding-top: 50px;    }    .lg\:pt-\[65px\] {      padding-top: 65px;    }    .lg\:pt-\[80px\] {      padding-top: 80px;    }    .lg\:pt-\[120px\] {      padding-top: 120px;    }    .lg\:pb-\[40px\] {      padding-bottom: 40px;    }    .lg\:pb-\[55px\] {      padding-bottom: 55px;    }    .lg\:pb-\[80px\] {      padding-bottom: 80px;    }    .lg\:pb-\[120px\] {      padding-bottom: 120px;    }  }  @media (min-width: 80rem) {    .xl\:w-\[41\%\] {      width: 41%;    }    .xl\:w-\[59\%\] {      width: 59%;    }    .xl\:w-\[72\%\] {      width: 72%;    }    .xl\:max-w-\[630px\] {      max-width: 630px;    }    .xl\:max-w-\[720px\] {      max-width: 720px;    }    .xl\:flex-row {      flex-direction: row;    }    .xl\:place-content-start {      place-content: start;    }    .xl\:border-\[\#AAC7D8\] {      border-color: #aac7d8;    }    .xl\:py-\[70px\] {      padding-block: 70px;    }    .xl\:pr-\[50px\] {      padding-right: 50px;    }    .xl\:pb-\[0px\] {      padding-bottom: 0;    }    .xl\:pl-\[50px\] {      padding-left: 50px;    }    .xl\:text-left {      text-align: left;    }  }  @media (min-width: 96rem) {    .\32 xl\:pr-\[50px\] {      padding-right: 50px;    }    .\32 xl\:pl-\[50px\] {      padding-left: 50px;    }  }}:root {  --primary-color: #beaa5a;  --secondary-color: #08334f;  --banner-text-color: #bfdbee;  --header-background: transparent;  --var-font-family: "Heebo", sans-serif;  --var-font-family-heading: "Afacad", sans-serif;  --white: #fff;  --header-text-color: #fff;  --header-scroll-background: linear-gradient(0deg, #08324e, #104567);  --header-scroll-text-color: #fff;  --header-tb-spacing: 15px;  --header-link-spacing: 3px;  --header-link-tb-spacing: 3px;  --header-line-height: 30px;  --header-logo-height: 48px;  --other-page-header-background: linear-gradient(0deg, #08324e, #104567);  --other-page-text-color: #fff;}body {  font-family: var(--var-font-family);  background-color: var(--white);  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  margin: 0;}h1 {  font-size: 70px;  font-weight: 400;  line-height: 68px;}h2 {  font-size: 60px;  font-weight: 400;  line-height: 58px;}h3 {  font-size: 50px;  font-weight: 400;  line-height: 48px;}h4 {  font-size: 26px;  font-weight: 400;}h5 {  font-size: 18px;  font-weight: 400;}h6 {  font-size: 16px;  font-weight: 400;}p {  font-size: 18px;  font-weight: 400;  line-height: 30px;}@media (max-width: 1024px) {  h1 {    font-size: 60px;    line-height: 60px;  }  h2 {    font-size: 50px;    line-height: 50px;  }  h3 {    font-size: 40px;    line-height: 40px;  }  h4 {    font-size: 30px;    line-height: 30px;  }  h5 {    font-size: 25px;    line-height: 25px;  }  h6 {    font-size: 20px;    line-height: 20px;  }  p {    font-size: 16px;    line-height: 22px;  }}@media (max-width: 767px) {  h1 {    font-size: 40px;    line-height: 40px;  }  h2 {    font-size: 35px;    line-height: 35px;  }  h3 {    font-size: 30px;    line-height: 30px;  }  h4 {    font-size: 22px;    line-height: 22px;  }  h5 {    font-size: 20px;    line-height: 20px;  }  h6 {    font-size: 18px;    line-height: 18px;  }  p {    font-size: 16px;    line-height: 22px;  }}img,picture,video,canvas {  max-width: 100%;  display: block;}video {  object-fit: cover;}.presto-container {  width: 100%;  max-width: 1585px;  min-height: auto;  margin-left: auto;  margin-right: auto;  padding-left: 50px;  padding-right: 50px;}header {  background: var(--header-background);  color: var(--header-text-color);}header nav {  min-height: calc(    (var(--header-tb-spacing) * 2) + (var(--header-link-tb-spacing) * 2) +      var(--header-logo-height)  );}.hero-flex-wrapper {  top: calc(    (var(--header-tb-spacing) * 2) + (var(--header-link-tb-spacing) * 2) +      var(--header-logo-height)  );}.name,.logo2 {  display: none;}header.scrolling .name {  display: flex;}header.scrolling {  background: var(--header-scroll-background);  color: var(--header-scroll-text-color);  box-shadow: 0 2px 10px #0000001a;}header.scrolling nav,header.scrolling .menu-items a {  border: none;}header.scrolling .mgm-drop-link,header.scrolling .menu-items .dropdown-label,header.scrolling .menu-items a {  color: var(--header-scroll-text-color);}.mgm-drop-link,.menu-items .dropdown-label,.menu-items a {  padding: var(--header-link-tb-spacing) var(--header-link-spacing);  color: var(--header-text-color);  letter-spacing: 0.02em;  font-size: 14px;  font-weight: 600;  line-height: 26px;}header.scrolling .burger-btn span {  background: var(--header-scroll-text-color);}[data-header="left"] nav {  justify-content: start;}[data-header="left"]:not(.scrolling) .logo-wrap {  width: 0;}[data-header="sided"] .menu-items {  position: absolute;  right: 80px;}[data-header="left-centered-reverse"] nav {  justify-content: space-between;  align-items: center;  display: flex;  position: relative;}[data-header="left-centered-reverse"] .logo-wrap {  position: absolute;  right: calc(50% - 520px);}[data-header="left-centered-reverse"] .menu-items {  gap: 30px;  display: flex;}[data-header="left-centered-reverse"] .menu-items .dropdown-content a,[data-header="left-centered"] .menu-items .dropdown-content a,[data-header="centered"] .menu-items .dropdown-content a {  color: #000;  word-wrap: break-word;  word-break: break-word;  white-space: nowrap;  overflow-wrap: break-word;  width: 100%;  display: block;}[data-header="centered"] .header-container {  justify-content: center;  align-items: center;  display: flex;  position: relative;}[data-header="centered"].scrolling nav {  flex-direction: column;  align-items: center;  gap: 0;  width: 100%;  padding-top: 20px;  display: flex;}[data-header="centered"].scrolling .burger-btn {  cursor: pointer;  flex-direction: column;  gap: 6px;  display: flex;  position: absolute;  right: 0;}[data-header="centered"] .menu-items {  flex-wrap: wrap;  justify-content: center;  gap: 30px;  display: flex;}[data-header="sided"] .burger-btn {  cursor: pointer;  flex-direction: column;  gap: 6px;  display: flex;  position: relative;}[data-header="left"] .burger-btn,[data-header="left-centered-reverse"] .burger-btn {  cursor: pointer;  flex-direction: column;  gap: 6px;  display: flex;  position: absolute;  right: 0;}[data-header="centered"] .burger-btn {  top: 50%;}[data-header="left"] .menu-items {  padding-left: 16px;}.menu-cb {  display: none;}.menu-cb:checked ~ .nav-links {  transform: translate(0);}.nav-links {  text-align: left;  z-index: 9;  background-color: var(--secondary-color);  width: 100%;  max-width: 420px;  padding-top: 124px;  transition: transform 0.4s;  position: fixed;  top: 0;  bottom: 0;  right: 0;  overflow: auto;  transform: translate(420px);}.nav-links li:not(.dropdown-content li):not(.menu-responsive) {  color: var(--header-text-color);  white-space: nowrap;  z-index: 0;  text-transform: uppercase;  font-size: 16px;  font-weight: 500;  transition: all 0.3s linear;  position: relative;}.nav-links li a {  cursor: pointer;  color: var(--header-text-color);  padding: 10px 35px;  display: block;}#nav-link-items .dd-menu .dropdown-label {  padding: 10px 35px;}.dd-menu {  cursor: pointer;  display: block;}.dd-menu label {  color: var(--header-text-color);}.dd-menu li a {  background-color: var(--header-background);}.dd-menu .dropdown-label {  cursor: pointer;  text-wrap: auto;  width: 100%;  padding-right: 20px;  display: block;  position: relative;}.dd-menu .dropdown-content {  opacity: 0;  background-color: #fff;  max-height: 300px;  margin-top: 15px;  padding: 10px;  display: none;  overflow: auto;}.dd-cb:checked ~ .dropdown-content {  opacity: 1;  display: block;}.menu-items .dropdown-menu {  position: relative;}.menu-items .dropdown-content {  width: 100%;  position: absolute;}.dropdown-content li {  color: #000;  cursor: pointer;  margin: 0;  padding: 0;  font-size: 16px;  font-weight: 500;}.dropdown-content li a {  padding: 5px 10px;}.dropdown-content li a:hover {  background-color: #ddd;}.dropdown-label:after {  content: "+";  font-size: 25px;  font-weight: 400;  transition: transform 0.3s, content 0.3s;  position: absolute;  top: 50%;  right: 0;  transform: translateY(-50%);}.dd-cb:checked + .dropdown-label:after {  content: "-";  transform: translateY(-50%) rotate(180deg);}.dd-cb,.menu-responsive {  display: none;}.burger-btn {  cursor: pointer;  z-index: 11;  flex-direction: column;  gap: 9px;  width: 60px;  height: 18px;  display: flex;  position: relative;}.burger-btn span {  background: var(--header-text-color);  width: 60px;  height: 2px;  transition: all 0.3s;  display: block;  position: absolute;}.burger-btn span:first-child {  top: 0;}.burger-btn span:nth-child(2) {  top: 50%;  transform: translateY(-50%);}.burger-btn span:nth-child(3) {  bottom: 0;}.menu-cb:checked ~ .burger-btn span:first-child {  top: 50%;  transform: rotate(45deg);}.menu-cb:checked ~ .burger-btn span {  background-color: #fff;}.menu-cb:checked ~ .burger-btn span:nth-child(2) {  opacity: 0;  display: none;}.menu-cb:checked ~ .burger-btn span:nth-child(3) {  top: 50%;  transform: rotate(-45deg);}body:has(.menu-cb:checked ~ .nav-links) {  overflow: hidden;}#img-bg-hero {  background-image: url(https://cdn.123presto.com/prod/sites/dream-holidays-uae/images/img-bg-hero-963-8456.jpg);}.faq-item .qn-wrap {  justify-content: space-between;  align-items: center;  display: flex;  position: relative;}.toggle-icon {  cursor: pointer;  margin-right: 5px;  font-weight: 400;}.toggle-icon:before {  content: "+";  font-size: 1.25rem;  transition: transform 0.3s;}.active .toggle-icon:before {  content: "-";  font-size: 1.25rem;}.tab-component__tabopts {  justify-content: center;}.tiles-view-btn-content {  height: 0;}.tiles-view-btn:hover + .tiles-view-btn-content {  opacity: 1;  height: 100%;}.accommodation_map iframe {  width: 100%;  height: 100%;}#hero-banner-logo {  object-fit: contain;  width: auto;  height: 150px;}@media (max-width: 1499px) {  .partner_logos li img {    width: 85px;  }  .presto-container {    padding-left: 30px;    padding-right: 30px;  }  [data-header="left-centered-reverse"] .menu-items {    gap: 15px;  }}@media (max-width: 1280px) {  .menu-items {    display: none;  }  [data-header="left"] nav {    justify-content: unset;  }  [data-header="left"]:not(.scrolling) .logo-wrap {    width: unset;  }  [data-header="left-centered-reverse"] .logo-wrap {    left: 0;    right: unset;  }  .menu-responsive {    color: #fff;    white-space: nowrap;    z-index: 0;    text-transform: uppercase;    font-size: 16px;    font-weight: 500;    transition: all 0.3s linear;    display: block;    position: relative;  }  .menu-responsive .dropdown-content {    margin-inline: 35px;  }  #hero-property-search-placeholder {    text-align: center;  }}@media (max-width: 1279px) {  .banner-ls {    display: none;  }}@media (max-width: 992px) {  header .burger-btn span {    background: var(--header-text-color);  }  header.scrolling .menu-item-search {    display: none;  }  [data-header="sided"] .menu-items {    height: calc(      (var(--header-tb-spacing) * 2) + (var(--header-link-tb-spacing) * 2) +        var(--header-logo-height)    );  }}@media (max-width: 768px) {  .presto-container {    padding-left: 20px;    padding-right: 20px;  }  .footer_bottom {    flex-direction: column-reverse;    align-items: center;    gap: 40px;  }  .footer_bottom .footer_info {    align-items: center;  }  .footer_bottom .powered_by {    flex-direction: column;  }  .footer_bottom .powered_by_hr {    width: 45px;    height: 1px;  }  .year {    text-align: center;  }}@media (max-width: 575px) {  .presto-container {    padding-left: 15px;    padding-right: 15px;  }  [data-header="centered"] .logo-wrap {    position: absolute;    left: 0;  }  .footer-container {    padding-block: 15px;  }  #footer-header_links {    padding-top: 40px;  }  .footer_top_links,  .footer_middle_links {    text-align: center;    justify-content: center;  }  .footer_middle_links {    flex-direction: column;  }}@media (max-width: 480px) {  #logo1 {    width: 180px;  }  .footer-bottom-links {    gap: 10px;  }}.scrolling-nav .w-full-scroll {  width: 100%;}#img-bg-experience {  background-image: url(https://cdn.123presto.com/prod/sites/dream-holidays-uae/images/img-bg-experience-963-2501.jpg);}.faq-item .answer {  opacity: 0;  height: 0;  padding: 0;  transition: all 0.7s;}.faq-item.active .answer {  opacity: 1;  height: auto;  transition: all 0.7s;}.home #menu-items.menu-items .logo-wrap {  transition: all 0.7s;  position: relative;}.menu-responsive a:hover,.dd-menu label:hover,.dd-menu .mgm-drop-link:hover,.menu-items .dropdown-label:hover,#menu-items.menu-items li a:hover {  color: var(--primary-color);  transition: all 0.3s;}@media (min-width: 1280px) {  .home .menu-items-show-hide {    opacity: 0;  }  .home .scrolling-nav .menu-items-show-hide {    opacity: 1;  }  .scrolling-nav .banner-ls {    width: 0%;    min-width: 0;    transition: all 0.7s;    position: absolute;    top: -750px;  }}@media (max-width: 1280px) {  [data-header="centered"] nav {    flex-direction: column;    align-items: center;    gap: 0;    width: 100%;    padding-top: 20px;    display: flex;  }  [data-header="centered"] .burger-btn {    position: absolute;    top: 50%;    right: 0;  }  .menu-responsive .dropdown-content {    margin-inline: 35px;  }  .menu-responsive .dropdown-label:after {    right: 40px;  }  .banner-ls {    transition: all 0.7s;    position: relative;    top: 0;  }  .scrolling-nav .banner-ls {    width: 0%;    min-width: 0;    transition: all 0.7s;    top: -750px;  }  .w-full.presto-container .flex.gap-10 {    transition: all 0.7s;  }  .scrolling-nav .w-full.presto-container .flex.gap-10 {    gap: 0;    transition: all 0.7s;  }  .feeds-logos-smooth-scroll {    min-height: 80px;    transition: all 0.9s;  }  .scrolling-nav .feeds-logos-smooth-scroll {    min-height: 40px;    transition: all 0.9s;  }}body:not(.home) header {  background: var(--other-page-header-background);  color: var(--other-page-text-color);  position: sticky;}body:not(.home) header.scrolling .site_name {  color: #fff;}body:not(.home) header .mgm-drop-link,body:not(.home) header .menu-items .dropdown-label,body:not(.home) header .menu-items a {  color: var(--other-page-text-color);}body:not(.home) header.scrolling .menu-items .dropdown-content a {  color: #000;}body:not(.home) header .burger-btn span {  background-color: #fff;}body:not(.home) .burger-btn span {  background: var(--other-page-text-color);}body:not(.home) header .menu-items .dropdown-content a,body:not(.home) header.scrolling .menu-items .dropdown-content a,body:not(.home) .nav-links .dropdown-content li a {  color: #000;}@property --tw-space-x-reverse {  syntax: "*";  inherits: false;  initial-value: 0;}@keyframes pulse {  50% {    opacity: 0.5;  }}@keyframes bounce {  0%,  to {    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);    transform: translateY(-25%);  }  50% {    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);    transform: none;  }}@property --tw-rotate-x {  syntax: "*";  inherits: false;}@property --tw-rotate-y {  syntax: "*";  inherits: false;}@property --tw-rotate-z {  syntax: "*";  inherits: false;}@property --tw-skew-x {  syntax: "*";  inherits: false;}@property --tw-skew-y {  syntax: "*";  inherits: false;}@property --tw-border-style {  syntax: "*";  inherits: false;  initial-value: solid;}@property --tw-leading {  syntax: "*";  inherits: false;}@property --tw-font-weight {  syntax: "*";  inherits: false;}@property --tw-tracking {  syntax: "*";  inherits: false;}@property --tw-shadow {  syntax: "*";  inherits: false;  initial-value: 0 0 #0000;}@property --tw-shadow-color {  syntax: "*";  inherits: false;}@property --tw-shadow-alpha {  syntax: "<percentage>";  inherits: false;  initial-value: 100%;}@property --tw-inset-shadow {  syntax: "*";  inherits: false;  initial-value: 0 0 #0000;}@property --tw-inset-shadow-color {  syntax: "*";  inherits: false;}@property --tw-inset-shadow-alpha {  syntax: "<percentage>";  inherits: false;  initial-value: 100%;}@property --tw-ring-color {  syntax: "*";  inherits: false;}@property --tw-ring-shadow {  syntax: "*";  inherits: false;  initial-value: 0 0 #0000;}@property --tw-inset-ring-color {  syntax: "*";  inherits: false;}@property --tw-inset-ring-shadow {  syntax: "*";  inherits: false;  initial-value: 0 0 #0000;}@property --tw-ring-inset {  syntax: "*";  inherits: false;}@property --tw-ring-offset-width {  syntax: "<length>";  inherits: false;  initial-value: 0;}@property --tw-ring-offset-color {  syntax: "*";  inherits: false;  initial-value: #fff;}@property --tw-ring-offset-shadow {  syntax: "*";  inherits: false;  initial-value: 0 0 #0000;}@property --tw-outline-style {  syntax: "*";  inherits: false;  initial-value: solid;}@property --tw-blur {  syntax: "*";  inherits: false;}@property --tw-brightness {  syntax: "*";  inherits: false;}@property --tw-contrast {  syntax: "*";  inherits: false;}@property --tw-grayscale {  syntax: "*";  inherits: false;}@property --tw-hue-rotate {  syntax: "*";  inherits: false;}@property --tw-invert {  syntax: "*";  inherits: false;}@property --tw-opacity {  syntax: "*";  inherits: false;}@property --tw-saturate {  syntax: "*";  inherits: false;}@property --tw-sepia {  syntax: "*";  inherits: false;}@property --tw-drop-shadow {  syntax: "*";  inherits: false;}@property --tw-drop-shadow-color {  syntax: "*";  inherits: false;}@property --tw-drop-shadow-alpha {  syntax: "<percentage>";  inherits: false;  initial-value: 100%;}@property --tw-drop-shadow-size {  syntax: "*";  inherits: false;}@property --tw-duration {  syntax: "*";  inherits: false;}@property --tw-ease {  syntax: "*";  inherits: false;}@property --tw-text-shadow-color {  syntax: "*";  inherits: false;}@property --tw-text-shadow-alpha {  syntax: "<percentage>";  inherits: false;  initial-value: 100%;}