@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-space-x-reverse: 0;      --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;    }  }}@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-xl: 0.75rem;    --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;  }  .inset-x-15 {    inset-inline: calc(var(--spacing) * 15);  }  .top-0 {    top: calc(var(--spacing) * 0);  }  .bottom-5 {    bottom: calc(var(--spacing) * 5);  }  .z-2 {    z-index: 2;  }  .z-\[19\] {    z-index: 19;  }  .mx-\[auto\] {    margin-inline: auto;  }  .my-\[0\] {    margin-block: 0;  }  .my-\[50px\] {    margin-block: 50px;  }  .mt-\[0\] {    margin-top: 0;  }  .mt-\[5px\] {    margin-top: 5px;  }  .mt-\[10px\] {    margin-top: 10px;  }  .mt-\[20px\] {    margin-top: 20px;  }  .mr-\[auto\] {    margin-right: auto;  }  .mb-\[10px\] {    margin-bottom: 10px;  }  .mb-\[15px\] {    margin-bottom: 15px;  }  .mb-\[20px\] {    margin-bottom: 20px;  }  .ml-\[auto\] {    margin-left: auto;  }  .line-clamp-1 {    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    display: -webkit-box;    overflow: hidden;  }  .line-clamp-2 {    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    display: -webkit-box;    overflow: hidden;  }  .line-clamp-3 {    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    display: -webkit-box;    overflow: hidden;  }  .line-clamp-6 {    -webkit-line-clamp: 6;    -webkit-box-orient: vertical;    display: -webkit-box;    overflow: hidden;  }  .line-clamp-7 {    -webkit-line-clamp: 7;    -webkit-box-orient: vertical;    display: -webkit-box;    overflow: hidden;  }  .block {    display: block;  }  .flex {    display: flex;  }  .grid {    display: grid;  }  .hidden {    display: none;  }  .inline-block {    display: inline-block;  }  .inline-flex {    display: inline-flex;  }  .table {    display: table;  }  .h-\[0\] {    height: 0;  }  .h-\[1px\] {    height: 1px;  }  .h-\[31px\] {    height: 31px;  }  .h-\[45px\] {    height: 45px;  }  .h-\[50px\] {    height: 50px;  }  .h-\[55px\] {    height: 55px;  }  .h-\[100\%\] {    height: 100%;  }  .h-\[150px\] {    height: 150px;  }  .h-\[300px\] {    height: 300px;  }  .h-\[auto\] {    height: auto;  }  .h-\[var\(--header-logo-height\)\] {    height: var(--header-logo-height);  }  .h-auto {    height: auto;  }  .h-full {    height: 100%;  }  .max-h-\[100\%\] {    max-height: 100%;  }  .min-h-\[410px\] {    min-height: 410px;  }  .min-h-\[auto\] {    min-height: auto;  }  .w-\[31px\] {    width: 31px;  }  .w-\[100\%\] {    width: 100%;  }  .w-\[230px\] {    width: 230px;  }  .w-\[auto\] {    width: auto;  }  .w-\[calc\(100\%-0\.5rem\)\] {    width: calc(100% - 0.5rem);  }  .w-auto {    width: auto;  }  .w-full {    width: 100%;  }  .max-w-\[246px\] {    max-width: 246px;  }  .max-w-\[410px\] {    max-width: 410px;  }  .max-w-\[970px\] {    max-width: 970px;  }  .max-w-\[1024px\] {    max-width: 1024px;  }  .max-w-\[1585px\] {    max-width: 1585px;  }  .min-w-\[200px\] {    min-width: 200px;  }  .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;  }  .grid-cols-1 {    grid-template-columns: repeat(1, minmax(0, 1fr));  }  .flex-col {    flex-direction: column;  }  .flex-wrap {    flex-wrap: wrap;  }  .items-center {    align-items: center;  }  .justify-between {    justify-content: space-between;  }  .justify-center {    justify-content: center;  }  .justify-end {    justify-content: flex-end;  }  .gap-3 {    gap: calc(var(--spacing) * 3);  }  .gap-4 {    gap: calc(var(--spacing) * 4);  }  .gap-5 {    gap: calc(var(--spacing) * 5);  }  .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-\[32px\] {    gap: 32px;  }  .gap-\[50px\] {    gap: 50px;  }  .gap-x-\[25px\] {    column-gap: 25px;  }  .gap-x-\[35px\] {    column-gap: 35px;  }  :where(.space-x-2 > :not(:last-child)) {    --tw-space-x-reverse: 0;    margin-inline-start: calc(      calc(var(--spacing) * 2) * var(--tw-space-x-reverse)    );    margin-inline-end: calc(      calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))    );  }  .gap-y-\[5px\] {    row-gap: 5px;  }  .overflow-hidden {    overflow: hidden;  }  .rounded-\[10px\] {    border-radius: 10px;  }  .rounded-\[100px\] {    border-radius: 100px;  }  .rounded-lg {    border-radius: var(--radius-lg);  }  .rounded-xl {    border-radius: var(--radius-xl);  }  .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-\[\#6242A6\] {    border-color: #6242a6;  }  .border-\[\#8075C2\] {    border-color: #8075c2;  }  .border-\[\#C3C3C3\] {    border-color: #c3c3c3;  }  .border-\[\#D2CEF8\] {    border-color: #d2cef8;  }  .border-\[\#D2D2D2\] {    border-color: #d2d2d2;  }  .border-\[\#DCDCDC\] {    border-color: #dcdcdc;  }  .border-\[\#a1bfcc\] {    border-color: #a1bfcc;  }  .border-\[var\(--primary-color\)\] {    border-color: var(--primary-color);  }  .border-\[var\(--secondary-color\)\] {    border-color: var(--secondary-color);  }  .border-white {    border-color: var(--color-white);  }  .border-b-\[\#ded9d430\] {    border-bottom-color: #ded9d430;  }  .border-b-\[\#fff\] {    border-bottom-color: #fff;  }  .bg-\[\#EEEDF8\] {    background-color: #eeedf8;  }  .bg-\[var\(--secondary-color\)\] {    background-color: var(--secondary-color);  }  .bg-white {    background-color: var(--color-white);  }  .bg-\[linear-gradient\(\#5d4497\,\#5d4497\)\] {    background-image: linear-gradient(#5d4497, #5d4497);  }  .bg-\[linear-gradient\(\#6b52a6\,\#6b52a6\)\] {    background-image: linear-gradient(#6b52a6, #6b52a6);  }  .bg-\[linear-gradient\(\#9F8BCF\,\#9F8BCF\)\] {    background-image: linear-gradient(#9f8bcf, #9f8bcf);  }  .bg-\[linear-gradient\(\#311E5B\,\#311E5B\)\] {    background-image: linear-gradient(#311e5b, #311e5b);  }  .bg-\[linear-gradient\(\#7364B4\,\#7364B4\)\] {    background-image: linear-gradient(#7364b4, #7364b4);  }  .bg-\[linear-gradient\(\#8175C2\,\#8175C2\)\] {    background-image: linear-gradient(#8175c2, #8175c2);  }  .bg-\[linear-gradient\(\#AF95D3\,\#AF95D3\)\] {    background-image: linear-gradient(#af95d3, #af95d3);  }  .bg-\[linear-gradient\(0deg\,\#242253\,\#531170\)\] {    background-image: linear-gradient(#531170, #242253);  }  .bg-\[linear-gradient\(_\#fff\,_\#fff\)\] {    background-image: linear-gradient(#fff, #fff);  }  .bg-cover {    background-size: cover;  }  .bg-center {    background-position: 50%;  }  .bg-no-repeat {    background-repeat: no-repeat;  }  .object-contain {    object-fit: contain;  }  .object-cover {    object-fit: cover;  }  .p-6 {    padding: calc(var(--spacing) * 6);  }  .p-\[20px\] {    padding: 20px;  }  .p-\[25px\] {    padding: 25px;  }  .px-\[10px\] {    padding-inline: 10px;  }  .px-\[35px\] {    padding-inline: 35px;  }  .px-\[40px\] {    padding-inline: 40px;  }  .py-4 {    padding-block: calc(var(--spacing) * 4);  }  .py-8 {    padding-block: calc(var(--spacing) * 8);  }  .py-\[5px\] {    padding-block: 5px;  }  .py-\[10px\] {    padding-block: 10px;  }  .py-\[15px\] {    padding-block: 15px;  }  .py-\[22px\] {    padding-block: 22px;  }  .py-\[24px\] {    padding-block: 24px;  }  .py-\[30px\] {    padding-block: 30px;  }  .py-\[40px\] {    padding-block: 40px;  }  .py-\[50px\] {    padding-block: 50px;  }  .py-\[100px\] {    padding-block: 100px;  }  .pt-\[5px\] {    padding-top: 5px;  }  .pt-\[10px\] {    padding-top: 10px;  }  .pt-\[20px\] {    padding-top: 20px;  }  .pt-\[24px\] {    padding-top: 24px;  }  .pt-\[30px\] {    padding-top: 30px;  }  .pt-\[32px\] {    padding-top: 32px;  }  .pt-\[40px\] {    padding-top: 40px;  }  .pt-\[50px\] {    padding-top: 50px;  }  .pr-\[20px\] {    padding-right: 20px;  }  .pr-\[30px\] {    padding-right: 30px;  }  .pb-\[10px\] {    padding-bottom: 10px;  }  .pb-\[15px\] {    padding-bottom: 15px;  }  .pb-\[24px\] {    padding-bottom: 24px;  }  .pb-\[30px\] {    padding-bottom: 30px;  }  .pb-\[40px\] {    padding-bottom: 40px;  }  .pb-\[50px\] {    padding-bottom: 50px;  }  .pb-\[100px\] {    padding-bottom: 100px;  }  .pl-\[20px\] {    padding-left: 20px;  }  .pl-\[30px\] {    padding-left: 30px;  }  .text-center {    text-align: center;  }  .text-left {    text-align: left;  }  .align-middle {    vertical-align: middle;  }  .text-\[14px\]\/\[32px\] {    font-size: 14px;    line-height: 32px;  }  .text-\[15px\]\/\[32px\] {    font-size: 15px;    line-height: 32px;  }  .text-\[16px\]\/\[28px\] {    font-size: 16px;    line-height: 28px;  }  .text-\[18px\]\/\[22px\] {    font-size: 18px;    line-height: 22px;  }  .text-\[24px\]\/\[30px\] {    font-size: 24px;    line-height: 30px;  }  .text-\[24px\]\/\[36px\] {    font-size: 24px;    line-height: 36px;  }  .text-\[30px\]\/\[30px\] {    font-size: 30px;    line-height: 30px;  }  .text-\[30px\]\/\[36px\] {    font-size: 30px;    line-height: 36px;  }  .text-\[30px\]\/\[40px\] {    font-size: 30px;    line-height: 40px;  }  .text-\[40px\]\/\[45px\] {    font-size: 40px;    line-height: 45px;  }  .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-\[15px\] {    font-size: 15px;  }  .text-\[16px\] {    font-size: 16px;  }  .text-\[18px\] {    font-size: 18px;  }  .text-\[30px\] {    font-size: 30px;  }  .text-\[40px\] {    font-size: 40px;  }  .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-\[20px\] {    --tw-leading: 20px;    line-height: 20px;  }  .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\.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-\[\#818181\] {    color: #818181;  }  .text-\[\#AF95D3\] {    color: #af95d3;  }  .text-\[\#D2CEF8\] {    color: #d2cef8;  }  .text-\[\#fff\] {    color: #fff;  }  .text-\[var\(--header-text-color\)\] {    color: var(--header-text-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\/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);  }  @media (hover: hover) {    .hover\:border-\[var\(--header-text-color\)\]:hover {      border-color: var(--header-text-color);    }    .hover\:border-\[var\(--secondary-color\)\]:hover {      border-color: var(--secondary-color);    }    .hover\:bg-\[var\(--secondary-color\)\]:hover {      background-color: var(--secondary-color);    }    .hover\:\!text-\[\#fff\]:hover {      color: #fff !important;    }    .hover\:text-\[\#fff\]:hover {      color: #fff;    }    .hover\:text-white:hover {      color: var(--color-white);    }    .hover\:shadow-xl\/10:hover {      --tw-shadow-alpha: 10%;      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, oklab(0% 0 0/0.1)),        0 8px 10px -6px 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);    }  }  @media (min-width: 40rem) {    .sm\:inset-x-15 {      inset-inline: calc(var(--spacing) * 15);    }    .sm\:mx-\[0\] {      margin-inline: 0;    }    .sm\:mt-\[15px\] {      margin-top: 15px;    }    .sm\:block {      display: block;    }    .sm\:h-auto {      height: auto;    }    .sm\:min-h-\[48px\] {      min-height: 48px;    }    .sm\:min-h-\[65px\] {      min-height: 65px;    }    .sm\:w-\[20\%\] {      width: 20%;    }    .sm\:w-\[100\%\] {      width: 100%;    }    .sm\:grid-cols-2 {      grid-template-columns: repeat(2, minmax(0, 1fr));    }    .sm\:grid-cols-3 {      grid-template-columns: repeat(3, minmax(0, 1fr));    }    .sm\:gap-\[15px\] {      gap: 15px;    }    .sm\:overflow-visible {      overflow: visible;    }    .sm\:p-\[50px\] {      padding: 50px;    }    .sm\:text-left {      text-align: left;    }    .sm\:text-\[40px\] {      font-size: 40px;    }  }  @media (min-width: 48rem) {    .md\:inset-x-20 {      inset-inline: calc(var(--spacing) * 20);    }    .md\:flex {      display: flex;    }    .md\:w-\[50\%\] {      width: 50%;    }    .md\:w-\[100\%\] {      width: 100%;    }    .md\:grid-cols-3 {      grid-template-columns: repeat(3, minmax(0, 1fr));    }    .md\:flex-row {      flex-direction: row;    }    .md\:justify-start {      justify-content: flex-start;    }    .md\:gap-\[15px\] {      gap: 15px;    }    .md\:pr-\[30px\] {      padding-right: 30px;    }    .md\:pl-\[30px\] {      padding-left: 30px;    }    .md\:text-left {      text-align: left;    }    .md\:text-\[40px\] {      font-size: 40px;    }  }  @media (min-width: 64rem) {    .lg\:inset-x-30 {      inset-inline: calc(var(--spacing) * 30);    }    .lg\:my-\[50px\] {      margin-block: 50px;    }    .lg\:flex {      display: flex;    }    .lg\:h-\[700px\] {      height: 700px;    }    .lg\:w-\[33\%\] {      width: 33%;    }    .lg\:w-\[66\%\] {      width: 66%;    }    .lg\:w-\[100\%\] {      width: 100%;    }    .lg\:grid-cols-3 {      grid-template-columns: repeat(3, minmax(0, 1fr));    }    .lg\:flex-row {      flex-direction: row;    }    .lg\:justify-between {      justify-content: space-between;    }    .lg\:justify-center {      justify-content: center;    }    .lg\:gap-0 {      gap: calc(var(--spacing) * 0);    }    .lg\:gap-5 {      gap: calc(var(--spacing) * 5);    }    .lg\:gap-\[20px\] {      gap: 20px;    }    .lg\:p-\[50px\] {      padding: 50px;    }    .lg\:pt-\[40px\] {      padding-top: 40px;    }    .lg\:pb-\[0\] {      padding-bottom: 0;    }    .lg\:pb-\[40px\] {      padding-bottom: 40px;    }    .lg\:text-\[30px\]\/\[34px\] {      font-size: 30px;      line-height: 34px;    }    .lg\:text-\[50px\]\/\[55px\] {      font-size: 50px;      line-height: 55px;    }    .lg\:text-\[40px\] {      font-size: 40px;    }    .lg\:text-\[50px\] {      font-size: 50px;    }  }  @media (min-width: 80rem) {    .xl\:w-\[40\%\] {      width: 40%;    }    .xl\:w-\[60\%\] {      width: 60%;    }    .xl\:grid-cols-3 {      grid-template-columns: repeat(3, minmax(0, 1fr));    }    .xl\:flex-row {      flex-direction: row;    }    .xl\:text-left {      text-align: left;    }    .xl\:text-start {      text-align: start;    }    .xl\:text-\[60px\] {      font-size: 60px;    }  }  @media (min-width: 96rem) {    .\32 xl\:pr-\[50px\] {      padding-right: 50px;    }    .\32 xl\:pl-\[50px\] {      padding-left: 50px;    }  }}:root {  --primary-color: #531170;  --secondary-color: #6242a6;  --var-font-family: "Heebo", sans-serif;  --header-background: transparent;  --white: #fff;  --header-text-color: #fff;  --header-scroll-background: #531170;  --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: 60px;  --other-page-header-background: #531170;  --other-page-text-color: #fff;  --content-max-width: 1920px;}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: 80px;  line-height: 1.1;}h2 {  font-size: 50px;  font-weight: 500;  line-height: 1.2;}h3 {  font-size: 40px;  font-weight: 500;  line-height: 1.3;}h4 {  font-size: 30px;  line-height: 1.4;}h5 {  font-size: 24px;  line-height: 1.4;}p {  font-size: 18px;  font-weight: 400;  line-height: 1.6;}@media (max-width: 1024px) {  h1 {    font-size: 64px;    line-height: 1.15;  }  h2 {    font-size: 45px;  }  h3 {    font-size: 36px;  }  h4 {    font-size: 26px;  }  h5 {    font-size: 20px;  }  p {    font-size: 16px;  }}@media (max-width: 767px) {  h1 {    font-size: 48px;    line-height: 1.2;  }  h2 {    font-size: 36px;    line-height: 1.25;  }  h3 {    font-size: 30px;  }  h4 {    font-size: 22px;  }  h5 {    font-size: 18px;  }  p {    font-size: 15px;  }}@media (max-width: 480px) {  h1 {    font-size: 42px;    line-height: 1.2;  }}img,picture,video,canvas {  max-width: 100%;  display: block;}video {  object-fit: cover;}main,footer {  max-width: 1920px;  margin: 0 auto;}.presto-container {  width: 100%;  max-width: 1585px;  min-height: 200px;  margin-left: auto;  margin-right: auto;  padding-left: 50px;  padding-right: 50px;}header {  background: var(--header-background);  color: var(--header-text-color);  max-width: 1920px;  margin: 0 auto;  left: 0;  right: 0;}body.spr-travel-page #header-container {  max-width: 100%;  padding-left: 30px;  padding-right: 30px;}body.spr-travel-page nav#main-navigation {  border: none;}header nav {  min-height: calc(    (var(--header-tb-spacing) * 2) + (var(--header-link-tb-spacing) * 2) +      var(--header-logo-height)  );}.name,.logo2 {  display: none;}#logo1,#logo2 {    min-height: 70px;}header.scrolling .name {  display: flex;}header.scrolling {  background-color: var(--header-scroll-background);  color: var(--header-scroll-text-color);  box-shadow: 0 2px 10px #0000001a;}header.scrolling nav {  border: none;}header.scrolling .mgm-drop-link,header.scrolling .menu-items a,header.scrolling .menu-items .dropdown-label {  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);  text-transform: uppercase;  font-size: 14px;  font-weight: 600;  line-height: normal;}header.scrolling .burger-btn span {  background: var(--header-scroll-text-color);}[data-header="left"] nav {  justify-content: start;}[data-header="sided"] .menu-items {  position: absolute;  right: 80px;}[data-header="left-centered"] nav {  justify-content: center;}[data-header="left-centered"] .logo-wrap {  position: absolute;  left: 0;}[data-header="left-centered-reverse"] .burger-btn {  right: 0;}[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;  left: 70%;}[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"] nav {  flex-direction: column;  align-items: center;  gap: 0;  width: 100%;  padding-top: 20px;  display: flex;}[data-header="centered"] .logo-wrap {  justify-content: center;  display: flex;}[data-header="centered"] .menu-items {  flex-wrap: wrap;  justify-content: center;}[data-header="sided"] .burger-btn {  cursor: pointer;  flex-direction: column;  gap: 6px;  margin-left: 30px;  display: flex;  position: relative;}[data-header="centered"] .burger-btn,[data-header="left-centered"] .burger-btn,[data-header="left"] .burger-btn,[data-header="left-centered-reverse"] .burger-btn {  cursor: pointer;  flex-direction: column;  gap: 6px;  display: flex;  position: absolute;}[data-header="centered"] .burger-btn,[data-header="left-centered"] .burger-btn,[data-header="left"] .burger-btn {  right: 0;}[data-header="centered"] .burger-btn {  top: 50%;  transform: translateY(-50%);}[data-header="left"] .menu-items {  padding-left: 16px;}.menu-cb {  display: none;}.menu-cb:checked ~ .nav-links {  transform: translate(0);  opacity: 1;}.nav-links {  text-align: left;  z-index: 9;  background-color: var(--secondary-color);  width: 100%;  max-width: 420px;  padding-top: 124px;  opacity: 0;  transition: opacity 0.3s ease;  position: fixed;  top: 0;  bottom: 0;  right: 0;  overflow: auto;  transform: translate(420px);}.dd-cb,.menu-responsive {  display: none;}.dd-menu,.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: 18px;  font-weight: 700;  transition: all 0.3s linear;  display: block;  position: relative;}.nav-links li a {  cursor: pointer;  text-transform: uppercase;  color: var(--header-text-color);  padding: 10px 35px;  display: block;}#nav-link-items .dd-menu .dropdown-label {  padding: 10px 35px;}.dd-menu label {  color: var(--header-text-color);}.dd-menu li a {  background-color: var(--header-background);}.dd-menu2 .dropdown-label,.dd-menu .dropdown-label {  cursor: pointer;  text-wrap: auto;  width: 100%;  padding-right: 20px;  display: block;  position: relative;}.dd-menu2 .dropdown-content,.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);}.burger-btn {  cursor: pointer;  z-index: 11;  flex-direction: column;  gap: 9px;  width: 60px;  height: 24px;  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-section {  background-image: url(https://cdn.123presto.com/prod/sites/trogir-croatia-rentals/images/img-bg-hero-section-00402e54b0f64550b2ec61d8a48e7a63.jpg);}.hero-container {  padding-top: calc(    (var(--header-tb-spacing) * 3) + (var(--header-link-tb-spacing) * 2) +      var(--header-logo-height)  );}[data-header="centered"] .hero-container {  padding-top: calc(    (var(--header-tb-spacing) * 3.5) + (var(--header-link-tb-spacing) * 3) +      var(--header-logo-height)  );}.faq-item .qn-wrap {  justify-content: space-between;  align-items: center;  display: flex;  position: relative;}.faq-item .answer {  display: none;}.faq-item.active .answer {  display: block;}.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;}@media (min-width: 1921px) {  .nav-links {    right: max(0px, calc((100vw - var(--content-max-width)) / 2));    transform: translateX(      calc(420px + max(0px, (100vw - var(--content-max-width)) / 2))    );  }}@media (max-width: 1499px) {  .partner_logos li img {    width: 85px;  }  .header-container,  .presto-container {    padding-left: 30px;    padding-right: 30px;  }}@media (max-width: 1280px) {  .menu-items {    display: none;  }  [data-header="left"] nav {    justify-content: unset;  }  [data-header="left-centered-reverse"] .logo-wrap {    left: 0;  }  .menu-responsive {    color: #fff;    white-space: nowrap;    z-index: 0;    text-transform: uppercase;    font-size: 18px;    font-weight: 700;    transition: all 0.3s linear;    display: block;    position: relative;  }  .menu-responsive .dropdown-label:after {    right: 40px;  }  .menu-responsive .dropdown-content {    margin-inline: 35px;  }}@media (max-width: 768px) {  .presto-container {    padding-left: 20px;    padding-right: 20px;  }  .footer_bottom {    flex-direction: column;    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) {  .header-container,  .presto-container {    padding-left: 15px;    padding-right: 15px;  }  [data-header="centered"] .burger-btn {    right: 0;  }  [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,  #logo2 {    width: 180px;  }  [data-header="left-centered"] nav {    padding: 0;  }  .footer-bottom-links {    gap: 10px;  }}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 .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;}/* site term and privacy policy */.presto-ul {  text-align: left;  padding-left: 40px;}.presto-ol,.post-wrap ul,.post-wrap ol {  text-align: left;  padding-left: 40px;}.post-wrap ul li,.presto-ul li {  list-style: disc;  margin: 5px 0;}.post-wrap ol li,.presto-ol li {  list-style: auto;  margin: 5px 0;}.post-wrap {  padding-bottom: 40px;}.post-wrap section {  padding-top: 0;  padding-bottom: 0;}.post-wrap section,.post-wrap h1,.post-wrap h2,.post-wrap h3,.post-wrap h4,.post-wrap h5,.post-wrap h6,.post-wrap figure {  margin-top: 30px;  margin-bottom: 30px;}.post-wrap p {  margin-top: 10px;  margin-bottom: 10px;  font-size: 1.125rem;  line-height: 34px;  font-weight: 400;}.terms-privacy-container {  max-width: 1589px;  padding: 0px 30px;  margin: auto;}.rowFlex {  display: flex;  justify-content: flex-start;  align-items: stretch;  flex-direction: row;  min-height: auto;  padding: 10px 0px;}.privacy__page ol li,.privacy__page ul li {  font-weight: 400;}#term-condition-s2 .content-title {  font-size: 1.875rem;  font-weight: 700;  line-height: 1.2em;}.privacy__page .content-title {  font-size: 1.875rem;  font-weight: 700;  display: flex;  align-items: center;  gap: 10px;  margin: 30px 0px;}.privacy__page a,#term-condition-s2 a,.terms__page .privacy-link {  color: rgb(42, 216, 167);  text-decoration: underline;  display: inline-block;  white-space: normal;  word-break: break-word;}.privacy__page .content-title .title-count {  font-size: 1rem;  display: flex;  min-width: 35px;  height: 35px;  border-top-left-radius: 50%;  border-top-right-radius: 50%;  border-bottom-right-radius: 50%;  border-bottom-left-radius: 50%;  align-items: center;  justify-content: center;  background-color: rgb(42, 216, 167);  color: rgb(255, 255, 255);}#terms-conndition-section-1 {  height: 475px;  background-color: rgb(15, 22, 39);}#privacy-section-1 {  height: 475px;  background-color: rgb(15, 22, 39);}#term-condition-s2 .container {  padding: 0px;}#terms-conndition-container-1 {  height: 100%;  align-items: center;  display: flex;}#privacy-container-1 {  height: 100%;  align-items: center;  display: flex;}#terms-banner-img {  margin-top: 30px;  width: 100%;}#c1-flex-row {  width: 100%;  align-items: center;  display: flex;  justify-content: space-between;}#p1-flex-row {  width: 100%;  align-items: center;  flex-direction: row;  display: flex;  justify-content: space-between;}#c1-div-box {  max-width: 644px;}#c1-div-box-div {  column-gap: 8px;  font-size: 14px;  display: flex;}#breadcumb-link1 {  color: rgb(255, 255, 255);  text-decoration-line: underline;}#bread-arrow {  color: rgb(255, 255, 255);}#breadcumb-link2 {  color: rgb(255, 255, 255);  height: 24px;}#title-heading {  color: rgb(255, 255, 255);  font-weight: 700;  font-size: 3rem;}#title-sub {  color: rgb(255, 255, 255);  font-family: Lato, sans-serif;  font-size: 14px;  display: inline;}#term-condition-s2 {  min-height: 100px;  padding: 50px 0px;}#footer-list {  padding-left: 20px;}#site-name-placeholder {  font-weight: bold;}@media (max-width: 575px) {  .terms-privacy-container {    padding: 0px 20px;  }  #terms-conndition-section-1 {    height: 270px;  }  #privacy-section-1 {    height: 270px;  }  #terms-banner-img {    display: none;  }}@media (max-width: 480px) {  #terms-conndition-section-1 {    padding-top: 80px;    padding-right: 10px;    padding-bottom: 80px;  }  #title-heading {    line-height: 30px;    padding-bottom: 20px;    font-size: 30px;  }  #c1-flex-row {    flex-direction: column;  }  #p1-flex-row {    flex-direction: column;  }}@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-space-x-reverse {  syntax: "*";  inherits: false;  initial-value: 0;}@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;}