@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Playfair+Display:wght@600&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap");

*, ::before, ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #D9E0C5;
}

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

@font-face {
    font-family: "MyWebFont";
    src: url(../fonts/estedadvf.woff2) format("woff2");
}

a, li {
    font-family: "MyWebFont";
}

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

body {
    margin: 0;
    line-height: inherit;
    font-family: "MyWebFont";
}

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, li, st {
    font-size: inherit;
    font-weight: inherit;
    font-family: "MyWebFont";
}

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

b, strong {
    font-weight: bolder;
}

code, kbd, samp, pre {
    font-family: "MyWebFont";
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
}

button, input, optgroup, select, textarea {
    font-family: "MyWebFont";
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}

button, select {
    text-transform: none;
}

progress {
    vertical-align: baseline;
}

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

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

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

summary {
    display: list-item;
}

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;
}

dialog {
    padding: 0;
}

textarea {
    resize: vertical;
}

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

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

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

:disabled {
    cursor: default;
}

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

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

[hidden] {
    display: none;
}

* {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

:is(:where(.dark) *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

h1, h2, h3, h4, h5, h6 {
    font-family: "MyWebFont";
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

:is(:where(.dark) h1), :is(:where(.dark) h2), :is(:where(.dark) h3), :is(:where(.dark) h4), :is(:where(.dark) h5), :is(:where(.dark) h6) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
}

@media not all and (min-width: 1280px) {
    h1 {
        line-height: 1.33;
    }
}

@media (min-width: 1280px) {
    h1 {
        font-size: 64px;
    }
}

h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.33;
}

@media (min-width: 1280px) {
    h2 {
        font-size: 36px;
    }
}

h3 {
    font-size: 22px;
    font-weight: 600;
}

@media (min-width: 1280px) {
    h3 {
        font-size: 24px;
    }
}

h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 400;
}

h5 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
}

h6 {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
}

p {
    font-family: "MyWebFont";
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: -0.3px;
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

:is(:where(.dark) p) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

em {
    font-style: normal;
}

a {
    display: inline-block;
    font-family: "MyWebFont";
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: -0.3px;
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

:is(:where(.dark) a) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

*, ::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: ;
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 475px) {
    .container {
        max-width: 475px;
    }
}

@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}

.btn {
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 30px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 30px;
    padding-right: 30px;
    font-family: "MyWebFont";
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: -0.3px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn::before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -10;
    height: 100%;
    width: 100%;
    transform-origin: right;
    --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));
    border-radius: 30px;
    --tw-bg-opacity: 1;
    background-color: rgb(55 57 53 / var(--tw-bg-opacity));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    --tw-content: "";
    content: var(--tw-content);
}

.btn::after {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -20;
    height: 100%;
    width: 100%;
    border-radius: 30px;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}

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

.btn:hover::before {
    transform-origin: left;
    content: var(--tw-content);
    --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));
}

:is(:where(.dark) .btn) {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

:is(:where(.dark) .btn)::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(90, 201, 219);
}

:is(:where(.dark) .btn)::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(79, 219, 219);
}

:is(:where(.dark) .btn:hover) {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

:is(:where(.dark) .btn-navbar) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(:where(.dark) .btn-navbar)::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(33 34 32 / var(--tw-bg-opacity));
}

.btn-danger {
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 30px;
    line-height: 1.5rem;
    letter-spacing: -0.3px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-danger::before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -10;
    height: 100%;
    width: 100%;
    transform-origin: right;
    --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));
    border-radius: 30px;
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    --tw-content: "";
    content: var(--tw-content);
}

.btn-danger::after {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -20;
    height: 100%;
    width: 100%;
    border-radius: 30px;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

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

.btn-danger:hover::before {
    transform-origin: left;
    content: var(--tw-content);
    --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));
}

:is(:where(.dark) .btn-danger) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(:where(.dark) .btn-danger)::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

:is(:where(.dark) .btn-danger)::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.btn-success {
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 30px;
    line-height: 1.5rem;
    letter-spacing: -0.3px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-success::before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -10;
    height: 100%;
    width: 100%;
    transform-origin: right;
    --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));
    border-radius: 30px;
    --tw-bg-opacity: 1;
    background-color: rgb(63 193 192 / var(--tw-bg-opacity));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    --tw-content: "";
    content: var(--tw-content);
}

.btn-success::after {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -20;
    height: 100%;
    width: 100%;
    border-radius: 30px;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(2 62 138 / var(--tw-bg-opacity));
}

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

.btn-success:hover::before {
    transform-origin: left;
    content: var(--tw-content);
    --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));
}

:is(:where(.dark) .btn-success) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(:where(.dark) .btn-success)::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 178 202 / var(--tw-bg-opacity));
}

:is(:where(.dark) .btn-success)::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(2 62 138 / var(--tw-bg-opacity));
}

.btn-info {
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 30px;
    line-height: 1.5rem;
    letter-spacing: -0.3px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-info::before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -10;
    height: 100%;
    width: 100%;
    transform-origin: right;
    --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));
    border-radius: 30px;
    --tw-bg-opacity: 1;
    background-color: rgb(14 165 233 / var(--tw-bg-opacity));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    --tw-content: "";
    content: var(--tw-content);
}

.btn-info::after {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -20;
    height: 100%;
    width: 100%;
    border-radius: 30px;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(2 139 199 / var(--tw-bg-opacity));
}

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

.btn-info:hover::before {
    transform-origin: left;
    content: var(--tw-content);
    --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));
}

:is(:where(.dark) .btn-info) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(:where(.dark) .btn-info)::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(14 165 233 / var(--tw-bg-opacity));
}

:is(:where(.dark) .btn-info)::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(2 139 199 / var(--tw-bg-opacity));
}

.btn-warning {
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 30px;
    line-height: 1.5rem;
    letter-spacing: -0.3px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-warning::before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -10;
    height: 100%;
    width: 100%;
    transform-origin: right;
    --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));
    border-radius: 30px;
    --tw-bg-opacity: 1;
    background-color: rgb(250 204 21 / var(--tw-bg-opacity));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    --tw-content: "";
    content: var(--tw-content);
}

.btn-warning::after {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -20;
    height: 100%;
    width: 100%;
    border-radius: 30px;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}

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

.btn-warning:hover::before {
    transform-origin: left;
    content: var(--tw-content);
    --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));
}

:is(:where(.dark) .btn-warning) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(:where(.dark) .btn-warning)::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}

:is(:where(.dark) .btn-warning)::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}

.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;
}

.visible {
    visibility: visible;
}

.collapse {
    visibility: collapse;
}

.aspect-auto {
    aspect-ratio: auto;
}

.aspect-square {
    aspect-ratio: 1 / 1;
}

.aspect-video {
    aspect-ratio: 16 / 9;
}

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

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

.w-1\/2 {
    width: 50%;
}

.w-10 {
    width: 2.5rem;
}

.w-10\/12 {
    width: 83.333333%;
}

.w-15 {
    width: 60px;
}

.w-150 {
    width: 150px;
}

.w-2\/5 {
    width: 40%;
}

.w-20 {
    width: 5rem;
}

.w-25 {
    width: 100px;
}

.w-3 {
    width: 0.75rem;
}

.w-3\.5 {
    width: 0.875rem;
}

.w-5 {
    width: 1.25rem;
}

.w-7 {
    width: 1.75rem;
}

.w-8 {
    width: 2rem;
}

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

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

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

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

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

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

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

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

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

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

.w-\[32\%\] {
    width: 32%;
}

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

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

.w-\[36\%\] {
    width: 36%;
}

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

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

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

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

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

.w-auto {
    width: auto;
}

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

.w-full {
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-xl {
    max-width: 36rem;
}

.flex-shrink {
    flex-shrink: 1;
}

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

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

.grow {
    flex-grow: 1;
}

.origin-center {
    transform-origin: center;
}

.origin-top {
    transform-origin: top;
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    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));
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    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));
}

.translate-x-full {
    --tw-translate-x: 100%;
    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-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 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));
}

.-scale-100 {
    --tw-scale-x: -1;
    --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));
}

.-scale-105 {
    --tw-scale-x: -1.05;
    --tw-scale-y: -1.05;
    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-110 {
    --tw-scale-x: -1.1;
    --tw-scale-y: -1.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-125 {
    --tw-scale-x: -1.25;
    --tw-scale-y: -1.25;
    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-150 {
    --tw-scale-x: -1.5;
    --tw-scale-y: -1.5;
    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-50 {
    --tw-scale-x: -.5;
    --tw-scale-y: -.5;
    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-75 {
    --tw-scale-x: -.75;
    --tw-scale-y: -.75;
    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-90 {
    --tw-scale-x: -.9;
    --tw-scale-y: -.9;
    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-95 {
    --tw-scale-x: -.95;
    --tw-scale-y: -.95;
    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-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 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));
}

.scale-100 {
    --tw-scale-x: 1;
    --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));
}

.scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.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-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    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-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    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-50 {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
    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-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    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-90 {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    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-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    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-x-0 {
    --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));
}

.-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-x-105 {
    --tw-scale-x: -1.05;
    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-x-110 {
    --tw-scale-x: -1.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-x-125 {
    --tw-scale-x: -1.25;
    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-x-150 {
    --tw-scale-x: -1.5;
    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-x-50 {
    --tw-scale-x: -.5;
    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-x-75 {
    --tw-scale-x: -.75;
    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-x-90 {
    --tw-scale-x: -.9;
    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-x-95 {
    --tw-scale-x: -.95;
    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-0 {
    --tw-scale-y: 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));
}

.-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));
}

.-scale-y-105 {
    --tw-scale-y: -1.05;
    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-110 {
    --tw-scale-y: -1.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-125 {
    --tw-scale-y: -1.25;
    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-150 {
    --tw-scale-y: -1.5;
    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-50 {
    --tw-scale-y: -.5;
    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-75 {
    --tw-scale-y: -.75;
    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-90 {
    --tw-scale-y: -.9;
    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-95 {
    --tw-scale-y: -.95;
    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-x-0 {
    --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));
}

.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-x-105 {
    --tw-scale-x: 1.05;
    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-x-110 {
    --tw-scale-x: 1.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-x-125 {
    --tw-scale-x: 1.25;
    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-x-150 {
    --tw-scale-x: 1.5;
    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-x-50 {
    --tw-scale-x: .5;
    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-x-75 {
    --tw-scale-x: .75;
    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-x-90 {
    --tw-scale-x: .9;
    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-x-95 {
    --tw-scale-x: .95;
    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-0 {
    --tw-scale-y: 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));
}

.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));
}

.scale-y-105 {
    --tw-scale-y: 1.05;
    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-110 {
    --tw-scale-y: 1.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-125 {
    --tw-scale-y: 1.25;
    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-150 {
    --tw-scale-y: 1.5;
    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-50 {
    --tw-scale-y: .5;
    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-75 {
    --tw-scale-y: .75;
    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-90 {
    --tw-scale-y: .9;
    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-95 {
    --tw-scale-y: .95;
    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));
}

.transform {
    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));
}

@keyframes floating {
    0%, 100% {
        transform: translate(0, 0px);
    }
    50% {
        transform: translate(0, -50px);
    }
}

.animate-floating {
    animation: floating 5000ms ease-in-out infinite;
}

@keyframes floatingDown {
    0%, 100% {
        transform: translate(0, 0px);
    }
    50% {
        transform: translate(0, 50px);
    }
}

.animate-floatingDown {
    animation: floatingDown 5000ms ease-in-out infinite;
}

.cursor-fancy {
    cursor: url(../images/cursor.png), default;
}

.cursor-pointer {
    cursor: pointer;
}

.resize-none {
    resize: none;
}

.resize {
    resize: both;
}

.columns-2 {
    -moz-columns: 2;
    columns: 2;
}

.columns-3 {
    -moz-columns: 3;
    columns: 3;
}

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

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

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

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

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

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

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

.gap-1 {
    gap: 0.25rem;
}

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

.gap-10 {
    gap: 2.5rem;
}

.gap-11 {
    gap: 2.75rem;
}

.gap-12 {
    gap: 3rem;
}

.gap-15 {
    gap: 60px;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-2\.5 {
    gap: 0.625rem;
}

.gap-20 {
    gap: 5rem;
}

.gap-25 {
    gap: 100px;
}

.gap-3 {
    gap: 0.75rem;
}

.gap-3\.5 {
    gap: 0.875rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-5 {
    gap: 1.25rem;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-8 {
    gap: 2rem;
}

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

.gap-x-2\.5 {
    -moz-column-gap: 0.625rem;
    column-gap: 0.625rem;
}

.gap-x-3 {
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
}

.gap-x-5 {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}

.gap-y-15 {
    row-gap: 60px;
}

.gap-y-5 {
    row-gap: 1.25rem;
}

.gap-y-6 {
    row-gap: 1.5rem;
}

.gap-y-8 {
    row-gap: 2rem;
}

.self-start {
    align-self: flex-start;
}

.overflow-auto {
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-visible {
    overflow: visible;
}

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

.rounded {
    border-radius: 12px;
}

.rounded-2xl {
    border-radius: 1rem;
}

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

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

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

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

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

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

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

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

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

.rounded-large {
    border-radius: 40px;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-md {
    border-radius: 0.375rem;
}

.rounded-medium {
    border-radius: 20px;
}

.rounded-t-medium {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.border {
    border-width: 1px;
}

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

.border-b {
    border-bottom-width: 1px;
}

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

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

.border-solid {
    border-style: solid;
}

.border-dashed {
    border-style: dashed;
}

.border-borderColour {
    --tw-border-opacity: 1;
    border-color: rgb(237 240 230 / var(--tw-border-opacity));
}

.border-borderColour-dark {
    --tw-border-opacity: 1;
    border-color: rgb(55 57 53 / var(--tw-border-opacity));
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(220 224 211 / var(--tw-border-opacity));
}

.border-paragraph {
    --tw-border-opacity: 1;
    border-color: rgb(24 24 27 / var(--tw-border-opacity));
}

.border-paragraph\/25 {
    border-color: rgb(24 24 27 / 0.25);
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(0 178 202 / var(--tw-border-opacity));
}

.border-transparent {
    border-color: transparent;
}

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

.border-b-borderColour {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(237 240 230 / var(--tw-border-opacity));
}

.bg-\[\#3FC1C0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(33 150 83 / var(--tw-bg-opacity));
}

.bg-\[\#D9D9D900\] {
    background-color: #D9D9D900;
}

.bg-\[\#F3F8E8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(243 248 232 / var(--tw-bg-opacity));
}

.bg-dark-200\/25 {
    background-color: rgb(33 34 32 / 0.25);
}

.bg-gray {
    --tw-bg-opacity: 1;
    background-color: rgb(246 248 241 / var(--tw-bg-opacity));
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 224 211 / var(--tw-bg-opacity));
}

.bg-paragraph {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(0 178 202 / var(--tw-bg-opacity));
}

.bg-primary-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 248 232 / var(--tw-bg-opacity));
}

.bg-primary-200\/20 {
    background-color: rgb(45 168 180 / 0.2); /* dark aqua light tone */
}

.bg-primary-200\/25 {
    background-color: rgb(45 168 180 / 0.25);
}

.bg-primary-200\/30 {
    background-color: rgb(45 168 180 / 0.3);
}

.bg-primary-200\/40 {
    background-color: rgb(45 168 180 / 0.4);
}

.bg-primary-200\/50 {
    background-color: rgb(45 168 180 / 0.5);
}

.bg-primary\/10 {
    background-color: rgb(0 119 134 / 0.1); /* deep dark aqua base */
}

.bg-primary\/50 {
    background-color: rgb(0 119 134 / 0.5);
}

.bg-transparent {
    background-color: transparent;
}

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

.bg-\[linear-gradient\(180deg\2c var\(--tw-gradient-stops\)\)\] {
    background-image: linear-gradient(180deg, var(--tw-gradient-stops));
}

.bg-\[url\(\'\.\.\/images\/core-gradient\.png\'\)\] {
    background-image: url('../images/core-gradient.png');
}

.bg-\[url\(\'\.\.\/images\/hero-gradient\.png\'\)\] {
    background-image: url('../images/hero-gradient.png');
}

.bg-\[url\(\'\.\.\/images\/price-gradient\.png\'\)\] {
    background-image: url('../images/price-gradient.png');
}

.bg-\[url\(\'\.\.\/images\/service-bg\.png\'\)\] {
    background-image: url('../images/service-bg.png');
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.from-\[\#F3FDD9\] {
    --tw-gradient-from: #F3FDD9 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(243 253 217 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary {
    --tw-gradient-from: #00B2CA var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 178 202 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[-2\.27\%\] {
    --tw-gradient-from-position: -2.27%;
}

.to-\[\#F3FDD9\]\/10 {
    --tw-gradient-to: rgb(243 253 217 / 0.1) var(--tw-gradient-to-position);
}

.to-white {
    --tw-gradient-to: #fff var(--tw-gradient-to-position);
}

.to-100\% {
    --tw-gradient-to-position: 100%;
}

.to-90\% {
    --tw-gradient-to-position: 90%;
}

.bg-\[length\:600px_1000px\] {
    background-size: 600px 1000px;
}

.bg-\[length\:600px_1100px\] {
    background-size: 600px 1100px;
}

.bg-\[length\:600px_1600px\] {
    background-size: 600px 1600px;
}

.bg-\[length\:600px_1800px\] {
    background-size: 600px 1800px;
}

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

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

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
}

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

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

.fill-\[\#3FC1C0\] {
    fill: #3FC1C0;
}

.fill-\[\#D8DBD0\] {
    fill: #D8DBD0;
}

.fill-\[\#E6FFB1\] {
    fill: #E6FFB1;
}

.fill-\[\#E8F0D8\] {
    fill: #E8F0D8;
}

.fill-gray-50 {
    fill: #F7F7F7;
}

.fill-paragraph {
    fill: #18181B;
}

.fill-primary {
    fill: #00B2CA;
}

.fill-primary-200 {
    fill: #20BAC5;
}

.fill-transparent {
    fill: transparent;
}

.fill-white {
    fill: #fff;
}

.stroke-gray-100 {
    stroke: #DCE0D3;
}

.stroke-paragraph {
    stroke: #18181B;
}

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

.object-scale-down {
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.object-bottom {
    -o-object-position: bottom;
    object-position: bottom;
}

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

.align-bottom {
    vertical-align: bottom;
}

.font-Inter {
    font-family: "MyWebFont";
}

.font-jakarta_sans {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.font-playfair {
    font-family: 'Playfair Display', serif;
}

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

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

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

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

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

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

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

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

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

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

.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;
}

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

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

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

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

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.italic {
    font-style: italic;
}

.leading-6 {
    line-height: 1.5rem;
}

.leading-8 {
    line-height: 2rem;
}

.leading-\[1\.22\] {
    line-height: 1.22;
}

.leading-\[1\.2\] {
    line-height: 1.2;
}

.leading-\[1\.33\] {
    line-height: 1.33;
}

.leading-\[1\.3\] {
    line-height: 1.3;
}

.leading-\[1\.5\] {
    line-height: 1.5;
}

.leading-\[1\.75\] {
    line-height: 1.75;
}

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

.leading-\[22px\] {
    line-height: 22px;
}

.leading-\[24px\] {
    line-height: 24px;
}

.leading-none {
    line-height: 1;
}

.leading-normal {
    line-height: 1.5;
}

.-tracking-\[0\.3px\] {
    letter-spacing: -0.3px;
}

.text-\[\#A1A49D\] {
    --tw-text-opacity: 1;
    color: rgb(161 164 157 / var(--tw-text-opacity));
}

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

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

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-paragraph {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

.text-paragraph-light {
    --tw-text-opacity: 1;
    color: rgb(93 97 103 / var(--tw-text-opacity));
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(0 178 202 / var(--tw-text-opacity));
}

.text-transparent {
    color: transparent;
}

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

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.opacity-0 {
    opacity: 0;
}

.opacity-30 {
    opacity: 0.3;
}

.opacity-70 {
    opacity: 0.7;
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-box {
    --tw-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.07);
    --tw-shadow-colored: 0px 5px 50px 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);
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-nav {
    --tw-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
    --tw-shadow-colored: 0px 0px 30px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.outline {
    outline-style: solid;
}

.ring {
    --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(3px + 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);
}

.blur {
    --tw-blur: blur(8px);
    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);
}

.blur-\[145px\] {
    --tw-blur: blur(145px);
    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);
}

.blur-\[80px\] {
    --tw-blur: blur(80px);
    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);
}

.grayscale {
    --tw-grayscale: grayscale(100%);
    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);
}

.grayscale-0 {
    --tw-grayscale: grayscale(0);
    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);
}

.invert {
    --tw-invert: invert(100%);
    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);
}

.filter {
    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);
}

.backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -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);
}

.backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px);
    -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);
}

.backdrop-grayscale-0 {
    --tw-backdrop-grayscale: grayscale(0);
    -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);
}

.backdrop-filter {
    -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 {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

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

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

.transition-colors {
    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: 150ms;
}

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

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

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

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.content-\[url\(\'\.\.\/images\/checkmark\.svg\'\)\] {
    --tw-content: url('../images/checkmark.svg');
    content: var(--tw-content);
}

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

@media not all and (min-width: 1400px) {
    .container {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1290px;
    }
}

.container-fluid {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 1400px) {
    .container-fluid {
        margin-left: auto;
        margin-right: auto;
    }
}

.stop-color {
    stop-color: #D9E0C5
}

.stop-color-dark {
    stop-color: rgba(217, 224, 197, .07)
}

.badge {
    margin-bottom: 0.5rem;
    display: inline-block;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 178 202 / var(--tw-border-opacity));
    background-color: rgb(0 178 202 / 0.1);
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 178 202 / var(--tw-text-opacity));
}

.badge-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(0 178 202 / var(--tw-bg-opacity));
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

:is(:where(.dark) .badge-primary) {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

:root {
    --marquee-width: 100%;
    --marquee-height: 350px;
    --marquee-elements-displayed: 6;
    --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
    --marquee-animation-duration: calc(var(--marquee-elements) * 3s)
}

@media (max-width: 1024px) {
    :root {
        --marquee-elements-displayed: 4
    }
}

@media (max-width: 768px) {
    :root {
        --marquee-elements-displayed: 3.5
    }
}

@media (max-width: 640px) {
    :root {
        --marquee-elements-displayed: 2.5
    }
}

@media (max-width: 400px) {
    :root {
        --marquee-elements-displayed: 2
    }
}

.marquee-items {
    width: var(--marquee-width);
    overflow: hidden;
    position: relative;
    margin: 0 auto
}

.marquee-items .marquee-content {
    list-style: none;
    height: 100%;
    display: flex;
    animation: scrolling var(--marquee-animation-duration) linear infinite;
    animation-duration: 30s
}

.marquee-items .marquee-content:hover {
    animation-play-state: paused
}

.marquee-items .marquee-content .marquee-content-list {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: var(--marquee-element-width)
}

.marquee-items .marquee-content .marquee-content-list::after {
    position: absolute;
    right: 0px;
    top: 50%;
    height: 60px;
    width: 1px;
    --tw-translate-y: -50%;
    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-content: url("../images/client-item-border.svg");
    content: var(--tw-content);
}

:is(:where(.dark) .marquee-items .marquee-content .marquee-content-list)::after {
    --tw-content: url("../images/client-item-border-dark.svg");
    content: var(--tw-content);
}

@keyframes scrolling {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)))
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .tab-pane.tabActive {
    display: block
}

.tab-content > .tabActive {
    display: block
}

.animate-keep-bounce {
    animation: bounce-open .3s
}

@keyframes bounce-open {
    0% {
        transform: scale(0.7)
    }
    45% {
        transform: scale(1.05)
    }
    80% {
        transform: scale(0.95)
    }
    to {
        transform: scale(1)
    }
}

.btn-outline {
    position: relative;
    z-index: 10;
    overflow: hidden;
    border-radius: 30px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(237 240 230 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: -0.3px;
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

.btn-outline::before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -10;
    height: 100%;
    width: 100%;
    transform-origin: right;
    --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));
    border-radius: 30px;
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27 / var(--tw-bg-opacity));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    --tw-content: "";
    content: var(--tw-content);
}

.btn-outline:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

.btn-outline:hover::before {
    transform-origin: left;
    content: var(--tw-content);
    --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));
}

:is(:where(.dark) .btn-outline) {
    --tw-border-opacity: 1;
    border-color: rgb(49 51 48 / var(--tw-border-opacity));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(:where(.dark) .btn-outline)::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 178 202 / var(--tw-bg-opacity));
}

:is(:where(.dark) .btn-outline:hover) {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

.btn-primary-outline {
    position: relative;
    z-index: 10;
    overflow: hidden;
    --tw-border-opacity: 1;
    border-color: rgb(237 240 230 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

.btn-primary-outline::before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -10;
    height: 100%;
    width: 100%;
    transform-origin: right;
    --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(24 24 27 / var(--tw-bg-opacity));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    --tw-content: "";
    content: var(--tw-content);
}

.btn-primary-outline:hover, .btn-primary-outline:hover > *, .btn-primary-outline:hover * {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

.btn-primary-outline:hover::before {
    transform-origin: left;
    content: var(--tw-content);
    --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));
}

.dark :is(.btn-primary-outline) {
    --tw-border-opacity: 1;
    border-color: rgb(49 51 48 / var(--tw-border-opacity));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark :is(.btn-primary-outline)::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 178 202 / var(--tw-bg-opacity));
}

.dark :is(.btn-primary-outline:hover,.btn-primary-outline:hover *) {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

.btn-danger-outline {
    position: relative;
    z-index: 10;
    overflow: hidden;
    --tw-border-opacity: 1;
    border-color: rgb(237 240 230 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

.btn-danger-outline::before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -10;
    height: 100%;
    width: 100%;
    transform-origin: right;
    --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: #dc2626;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    --tw-content: "";
    content: var(--tw-content);
}

.btn-danger-outline:hover, .btn-danger-outline:hover * {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

.btn-danger-outline:hover::before {
    transform-origin: left;
    content: var(--tw-content);
    --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));
}

:is(:where(.dark) .btn-danger-outline,.btn-danger-outline *) {
    --tw-border-opacity: 1;
    border-color: rgb(49 51 48 / var(--tw-border-opacity));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: #dc2626;
}

:is(:where(.dark) .btn-danger-outline)::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #dc2626;
}

:is(:where(.dark) .btn-danger-outline:hover,.btn-danger-outline:hover *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-primary-outline *, .btn-primary-outline > * {
    transition: all;
    transition-duration: 500ms;
}

.btn-danger-outline *, .btn-danger-outline > * {
    transition: all;
    transition-duration: 500ms;
}

.btn-sidebar-active, .btn-sidebar-active > *, .btn-sidebar-active * {
    position: relative;
    z-index: 10;
    overflow: hidden;
    --tw-border-opacity: 1;
    border-color: rgb(24 24 27 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27 / var(--tw-bg-opacity));
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transform: none;
    transition: none;
}

.btn-sidebar-active::before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -10;
    height: 100%;
    width: 100%;
    --tw-scale-x: 0;
    transform: none;
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27 / var(--tw-bg-opacity));
    --tw-content: "";
    content: var(--tw-content);
}

.btn-sidebar-active:hover, .btn-sidebar-active:hover > *, .btn-sidebar-active:hover * {
    --tw-text-opacity: 1;
    transform: none;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-sidebar-active:hover::before {
    content: var(--tw-content);
    --tw-scale-x: 1;
    transform: none;
}

.dark :is(.btn-sidebar-active, .btn-sidebar-active > *, .btn-sidebar-active *) {
    --tw-border-opacity: 1;
    border-color: rgb(49 51 48 / var(--tw-border-opacity));
    background-color: rgb(0 178 202 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

.dark :is(.btn-sidebar-active)::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 178 202 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

.dark :is(.btn-sidebar-active:hover, .btn-sidebar-active:hover *) {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

.btn-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

*::after, *::before {
    font-size: 0;
    line-height: 1;
}

.fa-solid::after, .fa-solid::before, .fa-brands::after, .fa-brands::before, .fa-regular::after, .fa-regular::before {
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1;
}

body {
    overflow-x: hidden;
    max-width: 100vw
}

html {
    scroll-behavior: smooth;
}

.nav-sticky {
    top: 0px;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    --tw-backdrop-blur: blur(40px);
    -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-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

.mobile-menu {
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 111111;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    height: 100vh;
    width: 100%;
    --tw-translate-x: 100%;
    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));
    align-items: center;
    border-radius: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 178 202 / var(--tw-bg-opacity));
    padding: 0.625rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    --tw-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
    --tw-shadow-colored: 0px 0px 30px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-backdrop-blur: blur(8px);
    -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-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

:is(:where(.dark) .mobile-menu) {
    --tw-bg-opacity: 1;
    background-color: rgb(19 20 16 / var(--tw-bg-opacity));
}

.mobile-menu.open {
    --tw-translate-x: 0px;
    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));
}

.mobile-menu .faq-body {
    position: absolute;
    left: 0px;
    top: 3rem;
    z-index: 10;
    width: 100%;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1.25rem;
}

.group:hover .mobile-menu .faq-body {
    --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));
    opacity: 1;
}

:is(:where(.dark) .mobile-menu .faq-body) {
    --tw-bg-opacity: 1;
    background-color: rgb(33 34 32 / var(--tw-bg-opacity));
}

.mobile-menu .faq-body > *:not(:first-child) {
    margin-top: 0.625rem;
}

.mobile-menu .faq-body > *:not(:last-child) {
    border-bottom-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: rgb(237 240 230 / var(--tw-border-opacity));
}

:is(:where(.dark) .mobile-menu .faq-body>*:not(:last-child)) {
    --tw-border-opacity: 1;
    border-color: rgb(55 57 53 / var(--tw-border-opacity));
}

span {
    display: inline-block;
}

.active {
    --tw-border-opacity: 1;
    border-color: rgb(237 240 230 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

:is(:where(.dark) .active) {
    border-color: rgb(237 240 230 / 0.1);
    --tw-bg-opacity: 1;
    background-color: rgb(33 34 32 / var(--tw-bg-opacity));
}

.section-tagline {
    margin-bottom: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.3;
}

.faq-item:has(.open) {
    --tw-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
    --tw-shadow-colored: 0px 0px 30px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.faq-body {
    transition: height 300ms ease;
    transition-property: height;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.faq-header .plus {
    display: inline-block;
}

.faq-header .minus {
    display: none;
}

.faq-header.open .plus {
    display: none;
}

.faq-header.open .minus {
    display: inline-block;
}

.faq-body.close {
    display: none;
}

.faq-body.collapsing {
    height: 0px;
    overflow: hidden;
}

.faq-body.open {
    display: block;
}

.social-link li a:hover svg path {
    fill: #00B2CA;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: linear;
}

.social-link li svg path {
    fill: #18181B;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: linear;
}

:is(:where(.dark) .social-link li svg path) {
    fill: #DCE0D3;
}

.swiper-pagination-bullet {
    height: 9px;
    width: 9px;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(24 24 27 / var(--tw-border-opacity));
    background-color: transparent;
    opacity: 1;
}

:is(:where(.dark) .swiper-pagination-bullet) {
    --tw-border-opacity: 1;
    border-color: rgb(0 178 202 / var(--tw-border-opacity));
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 0.875rem;
    width: 0.875rem;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(24 24 27 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(0 178 202 / var(--tw-bg-opacity));
}

:is(:where(.dark) .swiper-pagination-bullet.swiper-pagination-bullet-active) {
    --tw-border-opacity: 1;
    border-color: rgb(0 178 202 / var(--tw-border-opacity));
    background-color: rgb(0 178 202 / 0.25);
}

.swiper-pagination-bullets {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.f-button svg {
    stroke: #fff;
}

.fancybox__container {
    z-index: 1111111100;
}

.fancybox__carousel {
    z-index: 111111110000;
}

#rect, #rect-2, #rect-3, #rect-4, #rect-5, #rect-6 {
    opacity: 0
}

.singlePage h2 {
    margin-bottom: 2.25rem;
}

.singlePage h3 {
    margin-top: 3rem;
    margin-bottom: 1.25rem;
}

.singlePage p {
    margin-bottom: 3rem;
}

.singlePage ul {
    margin-bottom: 3rem;
}

.singlePage ul li {
    position: relative;
    padding-inline-start: 2.5rem;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
}

:is(:where(.dark) .singlePage ul li) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.singlePage ul li:not(:last-child) {
    margin-bottom: 1.5rem;
}

.singlePage ul li:before {
    position: absolute;
    inset-inline-start: 0;
    height: 1.75rem;
    width: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
    --tw-content: url("../images/checkmark.svg");
    content: var(--tw-content);
}

@media not all and (min-width: 768px) {
    .singlePage ul li:before {
        top: 0px;
    }
}

@media (min-width: 768px) {
    .singlePage ul li:before {
        top: 50%;
        --tw-translate-y: -50%;
        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));
    }
}

:is(:where(.dark) .singlePage ul li):before {
    --tw-text-opacity: 1;
    color: rgb(0 178 202 / var(--tw-text-opacity));
    --tw-content: url("../images/checkmark-dark.svg");
    content: var(--tw-content);
}

.singlePage div {
    margin-bottom: 4rem;
}

.comapny-bar circle {
    stroke-dasharray: 100px
}

.integration-slider {
    height: 350px;
    display: flex;
    align-items: center;
    position: relative
}

.integration-slider:after {
    content: "";
    width: 45%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(270deg, #fff 34%, rgba(255, 255, 255, 0) 90%);
    z-index: 1
}

.integration-slider:before {
    content: "";
    width: 40%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(90deg, #fff 34%, rgba(255, 255, 255, 0) 90%);
    z-index: 2
}

.integration-slider .swiper-wrapper {
    height: auto !important
}

.integration-slider-shape {
    position: absolute;
    width: 170px;
    height: 170px;
    left: calc(50% - 85px);
    background: linear-gradient(180deg, rgba(177, 227, 70, 0.6) 0, rgba(177, 227, 70, 0.3) 100%);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 100%
}

.integration-slider-shape:after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    top: calc(50% - 130px);
    left: calc(50% - 130px);
    background: linear-gradient(180deg, rgba(177, 227, 70, 0.2) 0, rgba(177, 227, 70, 0.1) 100%);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 100%
}

.integration-slider-shape:before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    left: calc(50% - 175px);
    top: calc(50% - 175px);
    background: linear-gradient(180deg, rgba(177, 227, 70, 0.2) 0, rgba(177, 227, 70, 0.1) 100%);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 100%
}

.dark .integration-slider:after {
    background: linear-gradient(270deg, #191917 30.7%, rgba(25, 25, 23, 0) 100%)
}

.dark .integration-slider:before {
    background: linear-gradient(90deg, #191917 30.7%, rgba(25, 25, 23, 0) 100%)
}

.dark .integration-slider-shape {
    background: linear-gradient(180deg, rgba(177, 227, 70, 0.6) 0, rgba(177, 227, 70, 0.3) 100%)
}

.dark .integration-slider-shape:after {
    background: linear-gradient(180deg, rgba(177, 227, 70, 0.2) 0, rgba(177, 227, 70, 0.1) 100%)
}

.dark .integration-slider-shape:before {
    background: linear-gradient(180deg, rgba(177, 227, 70, 0.2) 0, rgba(177, 227, 70, 0.1) 100%)
}

[data-tab-content] {
    display: none
}

.tab-items-active[data-tab-content] {
    display: block
}

.stack-cards {
    --stack-cards-gap: var(--space-sm);
    --stack-cards-gap: 50px
}

.stack-cards--item {
    position: relative;
    position: sticky;
    top: 80px;
    transform-origin: center top
}

.blog-details {
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
}

.blog-details h2 {
    margin-bottom: 0.75rem;
    max-width: 650px;
    font-weight: 600;
    line-height: 1.33;
}

.blog-details-body {
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
}

.blog-details-body h3 {
    margin-top: 3rem;
    margin-bottom: 1.25rem;
}

.blog-details-body p {
    margin-bottom: 3rem;
}

.blog-details-body ul {
    margin-bottom: 3rem;
}

.blog-details-body ul li {
    position: relative;
    padding-left: 2.5rem;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
}

:is(:where(.dark) .blog-details-body ul li) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.blog-details-body ul li:not(:last-child) {
    margin-bottom: 1.5rem;
}

.blog-details-body ul li:before {
    position: absolute;
    left: 0px;
    height: 1.75rem;
    width: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
    --tw-content: url("../images/checkmark.svg");
    content: var(--tw-content);
}

@media not all and (min-width: 768px) {
    .blog-details-body ul li:before {
        top: 0px;
    }
}

@media (min-width: 768px) {
    .blog-details-body ul li:before {
        top: 50%;
        --tw-translate-y: -50%;
        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));
    }
}

:is(:where(.dark) .blog-details-body ul li):before {
    --tw-text-opacity: 1;
    color: rgb(0 178 202 / var(--tw-text-opacity));
    --tw-content: url("../images/checkmark-dark.svg");
    content: var(--tw-content);
}

.blog-details-body div {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.placeholder\:font-jakarta_sans::-moz-placeholder {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.placeholder\:font-jakarta_sans::placeholder {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.placeholder\:text-paragraph::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

.placeholder\:text-paragraph::placeholder {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

.placeholder\:text-paragraph-light::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(93 97 103 / var(--tw-text-opacity));
}

.placeholder\:text-paragraph-light::placeholder {
    --tw-text-opacity: 1;
    color: rgb(93 97 103 / var(--tw-text-opacity));
}

.before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
}

.before\:-right-0::before {
    content: var(--tw-content);
    right: -0px;
}

.before\:-right-0\.5::before {
    content: var(--tw-content);
    right: -0.125rem;
}

.before\:bottom-0::before {
    content: var(--tw-content);
    bottom: 0px;
}

.before\:left-0::before {
    content: var(--tw-content);
    left: 0px;
}

.before\:left-1\/2::before {
    content: var(--tw-content);
    left: 50%;
}

.before\:right-0::before {
    content: var(--tw-content);
    right: 0px;
}

.before\:top-0::before {
    content: var(--tw-content);
    top: 0px;
}

.before\:top-1\/2::before {
    content: var(--tw-content);
    top: 50%;
}

.before\:-z-10::before {
    content: var(--tw-content);
    z-index: -10;
}

.before\:z-10::before {
    content: var(--tw-content);
    z-index: 10;
}

.before\:h-0::before {
    content: var(--tw-content);
    height: 0px;
}

.before\:h-0\.5::before {
    content: var(--tw-content);
    height: 0.125rem;
}

.before\:h-\[1px\]::before {
    content: var(--tw-content);
    height: 1px;
}

.before\:h-\[2px\]::before {
    content: var(--tw-content);
    height: 2px;
}

.before\:h-\[40px\]::before {
    content: var(--tw-content);
    height: 40px;
}

.before\:h-\[calc\(100\%-10px\)\]::before {
    content: var(--tw-content);
    height: calc(100% - 10px);
}

.before\:h-full::before {
    content: var(--tw-content);
    height: 100%;
}

.before\:w-\[120px\]::before {
    content: var(--tw-content);
    width: 120px;
}

.before\:w-\[calc\(100\%-10px\)\]::before {
    content: var(--tw-content);
    width: calc(100% - 10px);
}

.before\:w-full::before {
    content: var(--tw-content);
    width: 100%;
}

.before\:origin-right::before {
    content: var(--tw-content);
    transform-origin: right;
}

.before\:-translate-x-1\/2::before {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    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));
}

.before\:-translate-y-1\/2::before {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    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));
}

.before\:scale-x-0::before {
    content: var(--tw-content);
    --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));
}

.before\:rounded-\[20px\]::before {
    content: var(--tw-content);
    border-radius: 20px;
}

.before\:rounded-\[30px\]::before {
    content: var(--tw-content);
    border-radius: 30px;
}

.before\:border::before {
    content: var(--tw-content);
    border-width: 1px;
}

.before\:border-dashed::before {
    content: var(--tw-content);
    border-style: dashed;
}

.before\:border-white\/40::before {
    content: var(--tw-content);
    border-color: rgb(255 255 255 / 0.4);
}

.before\:bg-borderColour-dark::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(55 57 53 / var(--tw-bg-opacity));
}

.before\:bg-paragraph::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}

.before\:bg-\[url\(\'\.\.\/images\/payment\/member-border\.svg\'\)\]::before {
    content: var(--tw-content);
    background-image: url('../images/member-border.svg');
}

.before\:bg-gradient-to-l::before {
    content: var(--tw-content);
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.before\:from-white::before {
    content: var(--tw-content);
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.before\:from-\[37\.5\%\]::before {
    content: var(--tw-content);
    --tw-gradient-from-position: 37.5%;
}

.before\:bg-cover::before {
    content: var(--tw-content);
    background-size: cover;
}

.before\:bg-center::before {
    content: var(--tw-content);
    background-position: center;
}

.before\:bg-no-repeat::before {
    content: var(--tw-content);
    background-repeat: no-repeat;
}

.before\:transition-transform::before {
    content: var(--tw-content);
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.before\:duration-500::before {
    content: var(--tw-content);
    transition-duration: 500ms;
}

.before\:content-\[\'\'\]::before {
    --tw-content: '';
    content: var(--tw-content);
}

.after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
}

.after\:-left-0::after {
    content: var(--tw-content);
    left: -0px;
}

.after\:-left-0\.5::after {
    content: var(--tw-content);
    left: -0.125rem;
}

.after\:-left-\[49px\]::after {
    content: var(--tw-content);
    left: -49px;
}

.after\:-top-12::after {
    content: var(--tw-content);
    top: -3rem;
}

.after\:bottom-0::after {
    content: var(--tw-content);
    bottom: 0px;
}

.after\:left-0::after {
    content: var(--tw-content);
    left: 0px;
}

.after\:left-1\/2::after {
    content: var(--tw-content);
    left: 50%;
}

.after\:right-0::after {
    content: var(--tw-content);
    right: 0px;
}

.after\:start-\[5px\]::after {
    content: var(--tw-content);
    inset-inline-start: 5px;
}

.after\:top-0::after {
    content: var(--tw-content);
    top: 0px;
}

.after\:top-1\/2::after {
    content: var(--tw-content);
    top: 50%;
}

.after\:z-10::after {
    content: var(--tw-content);
    z-index: 10;
}

.after\:size-\[30px\]::after {
    content: var(--tw-content);
    width: 30px;
    height: 30px;
}

.after\:h-0::after {
    content: var(--tw-content);
    height: 0px;
}

.after\:h-0\.5::after {
    content: var(--tw-content);
    height: 0.125rem;
}

.after\:h-1::after {
    content: var(--tw-content);
    height: 0.25rem;
}

.after\:h-2::after {
    content: var(--tw-content);
    height: 0.5rem;
}

.after\:h-2\.5::after {
    content: var(--tw-content);
    height: 0.625rem;
}

.after\:h-6::after {
    content: var(--tw-content);
    height: 1.5rem;
}

.after\:h-\[1px\]::after {
    content: var(--tw-content);
    height: 1px;
}

.after\:h-\[400px\]::after {
    content: var(--tw-content);
    height: 400px;
}

.after\:h-\[40px\]::after {
    content: var(--tw-content);
    height: 40px;
}

.after\:h-\[465px\]::after {
    content: var(--tw-content);
    height: 465px;
}

.after\:h-\[60px\]::after {
    content: var(--tw-content);
    height: 60px;
}

.after\:h-full::after {
    content: var(--tw-content);
    height: 100%;
}

.after\:w-0::after {
    content: var(--tw-content);
    width: 0px;
}

.after\:w-0\.5::after {
    content: var(--tw-content);
    width: 0.125rem;
}

.after\:w-2::after {
    content: var(--tw-content);
    width: 0.5rem;
}

.after\:w-2\.5::after {
    content: var(--tw-content);
    width: 0.625rem;
}

.after\:w-6::after {
    content: var(--tw-content);
    width: 1.5rem;
}

.after\:w-\[120px\]::after {
    content: var(--tw-content);
    width: 120px;
}

.after\:w-\[1px\]::after {
    content: var(--tw-content);
    width: 1px;
}

.after\:w-\[400px\]::after {
    content: var(--tw-content);
    width: 400px;
}

.after\:w-\[465px\]::after {
    content: var(--tw-content);
    width: 465px;
}

.after\:w-full::after {
    content: var(--tw-content);
    width: 100%;
}

.after\:origin-right::after {
    content: var(--tw-content);
    transform-origin: right;
}

.after\:-translate-x-1\/2::after {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    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));
}

.after\:-translate-y-1\/2::after {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    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));
}

.after\:scale-x-0::after {
    content: var(--tw-content);
    --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));
}

.after\:overflow-hidden::after {
    content: var(--tw-content);
    overflow: hidden;
}

.after\:rounded-\[30px\]::after {
    content: var(--tw-content);
    border-radius: 30px;
}

.after\:rounded-full::after {
    content: var(--tw-content);
    border-radius: 9999px;
}

.after\:border::after {
    content: var(--tw-content);
    border-width: 1px;
}

.after\:border-dashed::after {
    content: var(--tw-content);
    border-style: dashed;
}

.after\:border-borderColour::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(237 240 230 / var(--tw-border-opacity));
}

.after\:border-borderColour-dark::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(55 57 53 / var(--tw-border-opacity));
}

.after\:bg-paragraph::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}

.after\:bg-primary::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 178 202 / var(--tw-bg-opacity));
}

.after\:bg-primary-200\/30::after {
    content: var(--tw-content);
    background-color: rgb(32 186 197 / 0.3);
}

.after\:bg-\[url\(\'\.\.\/images\/banking\/border\.svg\'\)\]::after {
    content: var(--tw-content);
    background-image: url('../images/border.svg');
}

.after\:bg-\[url\(\'\.\.\/images\/blog\/blog-seperator\.svg\'\)\]::after {
    content: var(--tw-content);
    background-image: url('../images/blog/blog-seperator.svg');
}

.after\:bg-\[url\(\'\.\.\/images\/payment\/member-border\.svg\'\)\]::after {
    content: var(--tw-content);
    background-image: url('../images/member-border.svg');
}

.after\:bg-gradient-to-b::after {
    content: var(--tw-content);
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.after\:bg-gradient-to-r::after {
    content: var(--tw-content);
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.after\:from-white::after {
    content: var(--tw-content);
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.after\:from-white\/0::after {
    content: var(--tw-content);
    --tw-gradient-from: rgb(255 255 255 / 0) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.after\:from-10\%::after {
    content: var(--tw-content);
    --tw-gradient-from-position: 10%;
}

.after\:from-\[37\.5\%\]::after {
    content: var(--tw-content);
    --tw-gradient-from-position: 37.5%;
}

.after\:via-white\/60::after {
    content: var(--tw-content);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.after\:via-30\%::after {
    content: var(--tw-content);
    --tw-gradient-via-position: 30%;
}

.after\:to-white\/100::after {
    content: var(--tw-content);
    --tw-gradient-to: rgb(255 255 255 / 1) var(--tw-gradient-to-position);
}

.after\:to-100\%::after {
    content: var(--tw-content);
    --tw-gradient-to-position: 100%;
}

.after\:bg-full::after {
    content: var(--tw-content);
    background-size: 100%;
}

.after\:bg-center::after {
    content: var(--tw-content);
    background-position: center;
}

.after\:bg-no-repeat::after {
    content: var(--tw-content);
    background-repeat: no-repeat;
}

.after\:opacity-0::after {
    content: var(--tw-content);
    opacity: 0;
}

.after\:blur-\[60px\]::after {
    content: var(--tw-content);
    --tw-blur: blur(60px);
    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);
}

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

.after\:transition-opacity::after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.after\:transition-transform::after {
    content: var(--tw-content);
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.after\:duration-500::after {
    content: var(--tw-content);
    transition-duration: 500ms;
}

.after\:content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content);
}

.after\:content-\[url\(\'\.\.\/images\/clients\/client-item-border\.svg\'\)\]::after {
    --tw-content: url('../images/client-item-border.svg');
    content: var(--tw-content);
}

.last\:mb-0:last-child {
    margin-bottom: 0px;
}

.focus-within\:border-primary:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(0 178 202 / var(--tw-border-opacity));
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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));
}

.hover\:border-borderColour:hover {
    --tw-border-opacity: 1;
    border-color: rgb(237 240 230 / var(--tw-border-opacity));
}

.hover\:bg-paragraph:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}

.hover\:bg-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 178 202 / var(--tw-bg-opacity));
}

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

.hover\:fill-primary:hover {
    fill: #00B2CA;
}

.hover\:text-paragraph:hover {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

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

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

.hover\:transition-colors:hover {
    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: 150ms;
}

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

.hover\:duration-500:hover {
    transition-duration: 500ms;
}

.before\:hover\:origin-left:hover::before {
    content: var(--tw-content);
    transform-origin: left;
}

.before\:hover\:scale-x-100:hover::before {
    content: var(--tw-content);
    --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));
}

.focus\:border-primary:focus {
    --tw-border-opacity: 1;
    border-color: rgb(0 178 202 / var(--tw-border-opacity));
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.focus\:ring-0:focus {
    --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(0px + 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);
}

.focus\:ring-gray-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(217 224 197 / var(--tw-ring-opacity));
}

.group:hover .group-hover\:rotate-180 {
    --tw-rotate: 180deg;
    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));
}

.group:hover .group-hover\: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));
}

.group:hover .group-hover\:fill-primary {
    fill: #00B2CA;
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}

.group\/image:hover .group-hover\/image\:grayscale-0 {
    --tw-grayscale: grayscale(0);
    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);
}

.group:hover .group-hover\:transition-colors {
    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: 150ms;
}

.group:hover .group-hover\:duration-500 {
    transition-duration: 500ms;
}

.group:hover .group-hover\:after\:opacity-100::after {
    content: var(--tw-content);
    opacity: 1;
}

.group.blogActive .group-\[\.blogActive\]\:block {
    display: block;
}

.group.tabActive .group-\[\.tabActive\]\:block {
    display: block;
}

.group.open .group-\[\.open\]\:rotate-180 {
    --tw-rotate: 180deg;
    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));
}

.group.swiper-slide-active .group-\[\.swiper-slide-active\]\:scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    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));
}

.group.tab-active .group-\[\.tab-active\]\:border-paragraph {
    --tw-border-opacity: 1;
    border-color: rgb(24 24 27 / var(--tw-border-opacity));
}

.group.page-active .group-\[\.page-active\]\:bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(0 178 202 / var(--tw-bg-opacity));
}

.group.tab-active .group-\[\.tab-active\]\:bg-paragraph {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}

.group.tagActive .group-\[\.tagActive\]\:bg-paragraph {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}

.group.tab-active .group-\[\.tab-active\]\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.group.tagActive .group-\[\.tagActive\]\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.group.swiper-slide-active .group-\[\.swiper-slide-active\]\:transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.group.swiper-slide-active .group-\[\.swiper-slide-active\]\:duration-500 {
    transition-duration: 500ms;
}

.group.tabActive .group-\[\.tabActive\]\:after\:origin-left::after {
    content: var(--tw-content);
    transform-origin: left;
}

.group.tabActive .group-\[\.tabActive\]\:after\:scale-x-100::after {
    content: var(--tw-content);
    --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));
}

.peer:checked ~ .peer-checked\:border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(0 178 202 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:after\:start-\[7px\]::after {
    content: var(--tw-content);
    inset-inline-start: 7px;
}

.peer:checked ~ .peer-checked\:after\:translate-x-full::after {
    content: var(--tw-content);
    --tw-translate-x: 100%;
    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));
}

.peer:checked ~ .peer-checked\:after\:opacity-100::after {
    content: var(--tw-content);
    opacity: 1;
}

@media not all and (min-width: 1400px) {
    .max-1xl\:left-\[-120px\] {
        left: -120px;
    }

    .max-1xl\:right-0 {
        right: 0px;
    }

    .max-1xl\:h-\[300px\] {
        height: 300px;
    }

    .max-1xl\:h-\[335px\] {
        height: 335px;
    }

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

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

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

    .max-1xl\:p-5 {
        padding: 1.25rem;
    }

    .max-1xl\:\!px-3 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .max-1xl\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .max-1xl\:\!text-sm {
        font-size: 0.875rem !important;
        line-height: 1.25rem !important;
    }

    .max-1xl\:blur-\[80px\] {
        --tw-blur: blur(80px);
        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);
    }
}

@media not all and (min-width: 1280px) {
    .max-xl\:-bottom-\[54px\] {
        bottom: -54px;
    }

    .max-xl\:top-\[42px\] {
        top: 42px;
    }

    .max-xl\:py-150 {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .max-xl\:leading-\[1\.33\] {
        line-height: 1.33;
    }
}

@media not all and (min-width: 1024px) {
    .max-lg\:\!left-0 {
        left: 0px !important;
    }

    .max-lg\:-bottom-\[76px\] {
        bottom: -76px;
    }

    .max-lg\:-left-12 {
        left: -3rem;
    }

    .max-lg\:-left-25 {
        left: -100px;
    }

    .max-lg\:-right-12 {
        right: -3rem;
    }

    .max-lg\:-top-20 {
        top: -5rem;
    }

    .max-lg\:bottom-2 {
        bottom: 0.5rem;
    }

    .max-lg\:bottom-2\.5 {
        bottom: 0.625rem;
    }

    .max-lg\:top-5 {
        top: 1.25rem;
    }

    .max-lg\:top-8 {
        top: 2rem;
    }

    .max-lg\:top-\[220px\] {
        top: 220px;
    }

    .max-lg\:top-\[80px\] {
        top: 80px;
    }

    .max-lg\:top-\[90px\] {
        top: 90px;
    }

    .max-lg\:top-auto {
        top: auto;
    }

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

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

    .max-lg\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .max-lg\:inline-block {
        display: inline-block;
    }

    .max-lg\:hidden {
        display: none;
    }

    .max-lg\:aspect-square {
        aspect-ratio: 1 / 1;
    }

    .max-lg\:aspect-video {
        aspect-ratio: 16 / 9;
    }

    .max-lg\:w-28 {
        width: 7rem;
    }

    .max-lg\:w-4\/5 {
        width: 80%;
    }

    .max-lg\:w-8\/12 {
        width: 66.666667%;
    }

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

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

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

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

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

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

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

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

    .max-lg\:flex-col {
        flex-direction: column;
    }

    .max-lg\:justify-center {
        justify-content: center;
    }

    .max-lg\:justify-between {
        justify-content: space-between;
    }

    .max-lg\:gap-5 {
        gap: 1.25rem;
    }

    .max-lg\:gap-y-10 {
        row-gap: 2.5rem;
    }

    .max-lg\:gap-y-2 {
        row-gap: 0.5rem;
    }

    .max-lg\:gap-y-2\.5 {
        row-gap: 0.625rem;
    }

    .max-lg\:gap-y-25 {
        row-gap: 100px;
    }

    .max-lg\:gap-y-5 {
        row-gap: 1.25rem;
    }

    .max-lg\:overflow-hidden {
        overflow: hidden;
    }

    .max-lg\:overflow-y-auto {
        overflow-y: auto;
    }

    .max-lg\:text-center {
        text-align: center;
    }

    .max-lg\:\!text-sm {
        font-size: 0.875rem !important;
        line-height: 1.25rem !important;
    }

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

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

    .max-lg\:after\:bottom-0::after {
        content: var(--tw-content);
        bottom: 0px;
    }

    .max-lg\:after\:left-1\/2::after {
        content: var(--tw-content);
        left: 50%;
    }

    .max-lg\:after\:h-\[1px\]::after {
        content: var(--tw-content);
        height: 1px;
    }

    .max-lg\:after\:w-full::after {
        content: var(--tw-content);
        width: 100%;
    }

    .max-lg\:after\:-translate-x-1\/2::after {
        content: var(--tw-content);
        --tw-translate-x: -50%;
        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));
    }

    .max-lg\:after\:content-\[url\(\'\.\.\/images\/payment\/coreborder-bottom-mobile\.svg\'\)\]::after {
        --tw-content: url('../images/payment/coreborder-bottom-mobile.svg');
        content: var(--tw-content);
    }
}

@media not all and (min-width: 768px) {
    .max-md\:order-1 {
        order: 1;
    }

    .max-md\:order-2 {
        order: 2;
    }

    .max-md\:-mt-60 {
        margin-top: -15rem;
    }

    .max-md\:mb-0 {
        margin-bottom: 0px;
    }

    .max-md\:mb-20 {
        margin-bottom: 5rem;
    }

    .max-md\:mb-25 {
        margin-bottom: 100px;
    }

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

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

    .max-md\:mb-8 {
        margin-bottom: 2rem;
    }

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

    .max-md\:ml-0 {
        margin-left: 0px;
    }

    .max-md\:mt-15 {
        margin-top: 60px;
    }

    .max-md\:mt-150 {
        margin-top: 150px;
    }

    .max-md\:mt-20 {
        margin-top: 5rem;
    }

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

    .max-md\:mt-5 {
        margin-top: 1.25rem;
    }

    .max-md\:hidden {
        display: none;
    }

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

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

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

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

    .max-md\:h-auto {
        height: auto;
    }

    .max-md\:h-full {
        height: 100%;
    }

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

    .max-md\:w-15 {
        width: 60px;
    }

    .max-md\:w-4\/6 {
        width: 66.666667%;
    }

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

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

    .max-md\:w-auto {
        width: auto;
    }

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

    .max-md\:-translate-y-0 {
        --tw-translate-y: -0px;
        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));
    }

    .max-md\:flex-col {
        flex-direction: column;
    }

    .max-md\:justify-center {
        justify-content: center;
    }

    .max-md\:gap-10 {
        gap: 2.5rem;
    }

    .max-md\:gap-12 {
        gap: 3rem;
    }

    .max-md\:gap-5 {
        gap: 1.25rem;
    }

    .max-md\:gap-x-2 {
        -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
    }

    .max-md\:gap-x-2\.5 {
        -moz-column-gap: 0.625rem;
        column-gap: 0.625rem;
    }

    .max-md\:gap-y-10 {
        row-gap: 2.5rem;
    }

    .max-md\:gap-y-15 {
        row-gap: 60px;
    }

    .max-md\:gap-y-25 {
        row-gap: 100px;
    }

    .max-md\:gap-y-5 {
        row-gap: 1.25rem;
    }

    .max-md\:gap-y-8 {
        row-gap: 2rem;
    }

    .max-md\:overflow-hidden {
        overflow: hidden;
    }

    .max-md\:border-none {
        border-style: none;
    }

    .max-md\:object-cover {
        -o-object-fit: cover;
        object-fit: cover;
    }

    .max-md\:object-center {
        -o-object-position: center;
        object-position: center;
    }

    .max-md\:text-center {
        text-align: center;
    }

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

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

    .max-md\:before\:hidden::before {
        content: var(--tw-content);
        display: none;
    }

    .max-md\:after\:hidden::after {
        content: var(--tw-content);
        display: none;
    }
}

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

    .max-sm\:overflow-hidden {
        overflow: hidden;
    }
}

@media not all and (min-width: 475px) {
    .max-xs\:p-2 {
        padding: 0.5rem;
    }
}

@media (min-width: 640px) {
    .sm\:-left-15 {
        left: -60px;
    }

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

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

    .sm\:overflow-hidden {
        overflow: hidden;
    }
}

@media (min-width: 768px) {
    .md\:-top-12 {
        top: -3rem;
    }

    .md\:bottom-0 {
        bottom: 0px;
    }

    .md\:left-\[100px\] {
        left: 100px;
    }

    .md\:right-15 {
        right: 60px;
    }

    .md\:top-1\/2 {
        top: 50%;
    }

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

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

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

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

    .md\:-mt-150 {
        margin-top: -150px;
    }

    .md\:mb-32 {
        margin-bottom: 8rem;
    }

    .md\:mt-25 {
        margin-top: 100px;
    }

    .md\:flex {
        display: flex;
    }

    .md\:hidden {
        display: none;
    }

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

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

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

    .md\:w-\[calc\(50\%_-_20px\)\] {
        width: calc(50% - 20px);
    }

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

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

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

    .md\:-translate-y-1\/2 {
        --tw-translate-y: -50%;
        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));
    }

    .md\:gap-10 {
        gap: 2.5rem;
    }

    .md\:gap-2 {
        gap: 0.5rem;
    }

    .md\:gap-2\.5 {
        gap: 0.625rem;
    }

    .md\:gap-5 {
        gap: 1.25rem;
    }

    .md\:gap-8 {
        gap: 2rem;
    }

    .md\:gap-x-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem;
    }

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

    .md\:\!px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

@media (min-width: 1024px) {
    .lg\:-ml-\[170px\] {
        margin-left: -170px;
    }

    .lg\:-mt-15 {
        margin-top: -60px;
    }

    .lg\:mb-150 {
        margin-bottom: 150px;
    }

    .lg\:mb-20 {
        margin-bottom: 5rem;
    }

    .lg\:mb-25 {
        margin-bottom: 100px;
    }

    .lg\:ml-15 {
        margin-left: 60px;
    }

    .lg\:ml-7 {
        margin-left: 1.75rem;
    }

    .lg\:ml-auto {
        margin-left: auto;
    }

    .lg\:mr-auto {
        margin-right: auto;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:aspect-video {
        aspect-ratio: 16 / 9;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .lg\:w-\[calc\(33\.33\%_-_20px\)\] {
        width: calc(33.33% - 20px);
    }

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

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

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

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

    .lg\:list-disc {
        list-style-type: disc;
    }

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

    .lg\:gap-16 {
        gap: 4rem;
    }

    .lg\:gap-20 {
        gap: 5rem;
    }

    .lg\:gap-25 {
        gap: 100px;
    }

    .lg\:gap-5 {
        gap: 1.25rem;
    }

    .lg\:gap-6 {
        gap: 1.5rem;
    }

    .lg\:gap-8 {
        gap: 2rem;
    }

    .lg\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }

    .lg\:overflow-visible {
        overflow: visible;
    }

    .lg\:blur-\[145px\] {
        --tw-blur: blur(145px);
        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);
    }

    .lg\:after\:right-0::after {
        content: var(--tw-content);
        right: 0px;
    }

    .lg\:after\:top-1\/2::after {
        content: var(--tw-content);
        top: 50%;
    }

    .lg\:after\:h-full::after {
        content: var(--tw-content);
        height: 100%;
    }

    .lg\:after\:w-\[1px\]::after {
        content: var(--tw-content);
        width: 1px;
    }

    .lg\:after\:-translate-y-1\/2::after {
        content: var(--tw-content);
        --tw-translate-y: -50%;
        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));
    }

    .lg\:after\:content-\[url\(\'\.\.\/images\/payment\/coreborder-right\.svg\'\)\]::after {
        --tw-content: url('../images/coreborder-right.svg');
        content: var(--tw-content);
    }
}

@media (min-width: 1280px) {
    .xl\:-bottom-150 {
        bottom: -150px;
    }

    .xl\:-right-25 {
        right: -100px;
    }

    .xl\:-top-\[150px\] {
        top: -150px;
    }

    .xl\:bottom-8 {
        bottom: 2rem;
    }

    .xl\:bottom-\[38px\] {
        bottom: 38px;
    }

    .xl\:ml-15 {
        margin-left: 60px;
    }

    .xl\:ml-25 {
        margin-left: 100px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .xl\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .xl\:pl-25 {
        padding-left: 100px;
    }

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

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

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

@media (min-width: 1400px) {
    .\31xl\:h-\[442px\] {
        height: 442px;
    }

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

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

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

    .\31xl\:gap-x-24 {
        -moz-column-gap: 6rem;
        column-gap: 6rem;
    }

    .\31xl\:p-10 {
        padding: 2.5rem;
    }

    .\31xl\:p-2 {
        padding: 0.5rem;
    }

    .\31xl\:p-2\.5 {
        padding: 0.625rem;
    }

    .\31xl\:p-8 {
        padding: 2rem;
    }

    .\31xl\:pl-150 {
        padding-left: 150px;
    }

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

    .\31xl\:pr-20 {
        padding-right: 5rem;
    }

    .\31xl\:pr-5 {
        padding-right: 1.25rem;
    }
}

@media (orientation: landscape) {
    .landscape\:h-full {
        height: 100%;
    }
}

:is(:where(.dark) .dark\:-mt-24) {
    margin-top: -6rem;
}

:is(:where(.dark) .dark\:block) {
    display: block;
}

:is(:where(.dark) .dark\:inline-block) {
    display: inline-block;
}

:is(:where(.dark) .dark\:hidden) {
    display: none;
}

:is(:where(.dark) .dark\:border-\[\#31332F\]) {
    --tw-border-opacity: 1;
    border-color: rgb(49 51 47 / var(--tw-border-opacity));
}

:is(:where(.dark) .dark\:border-\[\#313330\]) {
    --tw-border-opacity: 1;
    border-color: rgb(49 51 48 / var(--tw-border-opacity));
}

:is(:where(.dark) .dark\:border-\[\#F0F3EA\]) {
    --tw-border-opacity: 1;
    border-color: rgb(240 243 234 / var(--tw-border-opacity));
}

:is(:where(.dark) .dark\:border-borderColour-dark) {
    --tw-border-opacity: 1;
    border-color: rgb(55 57 53 / var(--tw-border-opacity));
}

:is(:where(.dark) .dark\:border-primary) {
    --tw-border-opacity: 1;
    border-color: rgb(0 178 202 / var(--tw-border-opacity));
}

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

:is(:where(.dark) .dark\:bg-\[\#2B2D2A\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(43 45 42 / var(--tw-bg-opacity));
}

:is(:where(.dark) .dark\:bg-\[\#30302F\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(48 48 47 / var(--tw-bg-opacity));
}

:is(:where(.dark) .dark\:bg-dark) {
    --tw-bg-opacity: 1;
    background-color: rgb(19 20 16 / var(--tw-bg-opacity));
}

:is(:where(.dark) .dark\:bg-dark-200) {
    --tw-bg-opacity: 1;
    background-color: rgb(33 34 32 / var(--tw-bg-opacity));
}

:is(:where(.dark) .dark\:bg-dark-300) {
    --tw-bg-opacity: 1;
    background-color: rgb(25 26 23 / var(--tw-bg-opacity));
}

:is(:where(.dark) .dark\:bg-primary-200\/10) {
    background-color: rgb(32 186 197 / 0.1);
}

:is(:where(.dark) .dark\:bg-primary-200\/20) {
    background-color: rgb(32 186 197 / 0.2);
}

:is(:where(.dark) .dark\:bg-primary\/5) {
    background-color: rgb(0 178 202 / 0.05);
}

:is(:where(.dark) .dark\:bg-transparent) {
    background-color: transparent;
}

:is(:where(.dark) .dark\:to-dark-300) {
    --tw-gradient-to: #191A17 var(--tw-gradient-to-position);
}

:is(:where(.dark) .dark\:fill-\[\#212220\]) {
    fill: #212220;
}

:is(:where(.dark) .dark\:fill-\[\#2F3524\]) {
    fill: #2F3524;
}

:is(:where(.dark) .dark\:fill-\[\#3B3C39\]) {
    fill: #3B3C39;
}

:is(:where(.dark) .dark\:fill-\[\#7D807B\]) {
    fill: #7D807B;
}

:is(:where(.dark) .dark\:fill-dark) {
    fill: #131410;
}

:is(:where(.dark) .dark\:fill-gray-100) {
    fill: #DCE0D3;
}

:is(:where(.dark) .dark\:fill-primary) {
    fill: #00B2CA;
}

:is(:where(.dark) .dark\:fill-primary-200) {
    fill: #20BAC5;
}

:is(:where(.dark) .dark\:fill-white) {
    fill: #fff;
}

:is(:where(.dark) .dark\:stroke-\[\#464745\]) {
    stroke: #464745;
}

:is(:where(.dark) .dark\:stroke-primary) {
    stroke: #00B2CA;
}

:is(:where(.dark) .dark\:\!text-paragraph) {
    --tw-text-opacity: 1 !important;
    color: rgb(24 24 27 / var(--tw-text-opacity)) !important;
}

:is(:where(.dark) .dark\:\!text-rating) {
    --tw-text-opacity: 1 !important;
    color: rgb(255 193 7 / var(--tw-text-opacity)) !important;
}

:is(:where(.dark) .dark\:text-\[\#646463\]) {
    --tw-text-opacity: 1;
    color: rgb(100 100 99 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:text-\[\#A1A49D\]) {
    --tw-text-opacity: 1;
    color: rgb(161 164 157 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:text-paragraph) {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:text-paragraph-light) {
    --tw-text-opacity: 1;
    color: rgb(93 97 103 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:text-primary) {
    --tw-text-opacity: 1;
    color: rgb(0 178 202 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:text-rating) {
    --tw-text-opacity: 1;
    color: rgb(255 193 7 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:text-transparent) {
    color: transparent;
}

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

:is(:where(.dark) .dark\:content-\[url\(\'\.\.\/images\/checkmark-dark\.svg\'\)\]) {
    --tw-content: url('../images/checkmark-dark.svg');
    content: var(--tw-content);
}

:is(:where(.dark) .dark\:stop-color-dark) {
    stop-color: rgba(217, 224, 197, .07)
}

:is(:where(.dark) .dark\:placeholder\:text-\[\#A1A49D\])::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(161 164 157 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:placeholder\:text-\[\#A1A49D\])::placeholder {
    --tw-text-opacity: 1;
    color: rgb(161 164 157 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:placeholder\:text-paragraph-light)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(93 97 103 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:placeholder\:text-paragraph-light)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(93 97 103 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:placeholder\:text-white)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:placeholder\:text-white)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:before\:bg-primary)::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 178 202 / var(--tw-bg-opacity));
}

:is(:where(.dark) .dark\:before\:bg-primary-200)::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(32 186 197 / var(--tw-bg-opacity));
}

:is(:where(.dark) .dark\:before\:bg-white)::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

:is(:where(.dark) .dark\:before\:bg-\[url\(\'\.\.\/images\/payment\/member-border-dark\.svg\'\)\])::before {
    content: var(--tw-content);
    background-image: url('../images/member-border-dark.svg');
}

:is(:where(.dark) .dark\:before\:from-dark-gradient)::before {
    content: var(--tw-content);
    --tw-gradient-from: #191917 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(25 25 23 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

:is(:where(.dark) .dark\:after\:border-borderColour-dark)::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(55 57 53 / var(--tw-border-opacity));
}

:is(:where(.dark) .after\:dark\:bg-dark-200)::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(33 34 32 / var(--tw-bg-opacity));
}

:is(:where(.dark) .after\:dark\:bg-primary)::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 178 202 / var(--tw-bg-opacity));
}

:is(:where(.dark) .dark\:after\:bg-white)::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

:is(:where(.dark) .dark\:after\:bg-\[url\(\'\.\.\/images\/banking\/border-dark\.svg\'\)\])::after {
    content: var(--tw-content);
    background-image: url('../images/border-dark.svg');
}

:is(:where(.dark) .dark\:after\:bg-\[url\(\'\.\.\/images\/blog\/blog-seperator-dark\.svg\'\)\])::after {
    content: var(--tw-content);
    background-image: url('../images/blog-seperator-dark.svg');
}

:is(:where(.dark) .dark\:after\:bg-\[url\(\'\.\.\/images\/payment\/member-border-dark\.svg\'\)\])::after {
    content: var(--tw-content);
    background-image: url('../images/member-border-dark.svg');
}

:is(:where(.dark) .after\:dark\:from-dark-gradient\/0)::after {
    content: var(--tw-content);
    --tw-gradient-from: rgb(25 25 23 / 0) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(25 25 23 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

:is(:where(.dark) .dark\:after\:from-dark-gradient)::after {
    content: var(--tw-content);
    --tw-gradient-from: #191917 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(25 25 23 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

:is(:where(.dark) .after\:dark\:via-dark-gradient\/60)::after {
    content: var(--tw-content);
    --tw-gradient-to: rgb(25 25 23 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(25 25 23 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

:is(:where(.dark) .after\:dark\:to-dark-gradient\/100)::after {
    content: var(--tw-content);
    --tw-gradient-to: rgb(25 25 23 / 1) var(--tw-gradient-to-position);
}

:is(:where(.dark) .dark\:after\:content-\[url\(\'\.\.\/images\/clients\/client-item-border-dark\.svg\'\)\])::after {
    --tw-content: url('../images/client-item-border-dark.svg');
    content: var(--tw-content);
}

:is(:where(.dark) .dark\:focus-within\:border-primary:focus-within) {
    --tw-border-opacity: 1;
    border-color: rgb(0 178 202 / var(--tw-border-opacity));
}

:is(:where(.dark) .dark\:hover\:border-borderColour\/10:hover) {
    border-color: rgb(237 240 230 / 0.1);
}

:is(:where(.dark) .dark\:hover\:bg-dark-200:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(33 34 32 / var(--tw-bg-opacity));
}

:is(:where(.dark) .dark\:hover\:bg-primary:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 178 202 / var(--tw-bg-opacity));
}

:is(:where(.dark) .dark\:hover\:fill-primary:hover) {
    fill: #00B2CA;
}

:is(:where(.dark) .dark\:hover\:text-paragraph:hover) {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:focus\:border-primary:focus) {
    --tw-border-opacity: 1;
    border-color: rgb(0 178 202 / var(--tw-border-opacity));
}

:is(:where(.dark) .group:hover .dark\:group-hover\:fill-paragraph) {
    fill: #18181B;
}

:is(:where(.dark) .group:hover .dark\:group-hover\:text-paragraph) {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

:is(:where(.dark) .group.tab-active .dark\:group-\[\.tab-active\]\:border-primary) {
    --tw-border-opacity: 1;
    border-color: rgb(0 178 202 / var(--tw-border-opacity));
}

:is(:where(.dark) .group.tab-active .dark\:group-\[\.tab-active\]\:bg-primary) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 178 202 / var(--tw-bg-opacity));
}

:is(:where(.dark) .group.tagActive .dark\:group-\[\.tagActive\]\:bg-primary) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 178 202 / var(--tw-bg-opacity));
}

:is(:where(.dark) .group.page-active .dark\:group-\[\.page-active\]\:text-paragraph) {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

:is(:where(.dark) .group.tab-active .dark\:group-\[\.tab-active\]\:text-paragraph) {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

:is(:where(.dark) .group.tagActive .dark\:group-\[\.tagActive\]\:text-paragraph) {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity));
}

:is(:where(.dark) .peer:checked ~ .dark\:peer-checked\:border-primary) {
    --tw-border-opacity: 1;
    border-color: rgb(0 178 202 / var(--tw-border-opacity));
}

@media not all and (min-width: 1024px) {
    :is(:where(.dark) .dark\:max-lg\:after\:content-\[url\(\'\.\.\/images\/payment\/coreborder-bottom-mobile-dark\.svg\'\)\])::after {
        --tw-content: url('../images/payment/coreborder-bottom-mobile-dark.svg');
        content: var(--tw-content);
    }
}

@media not all and (min-width: 768px) {
    :is(:where(.dark) .dark\:max-md\:-mt-60) {
        margin-top: -15rem;
    }
}

@media (min-width: 768px) {
    :is(:where(.dark) .md\:dark\:inline-block) {
        display: inline-block;
    }
}

@media (min-width: 1024px) {
    :is(:where(.dark) .lg\:dark\:after\:content-\[url\(\'\.\.\/images\/payment\/coreborder-right-dark\.svg\'\)\])::after {
        --tw-content: url('../images/coreborder-right-dark.svg');
        content: var(--tw-content);
    }
}

.\[\&\>\*\:not\(\:first-child\)\]\:mt-2\.5 > *:not(:first-child) {
    margin-top: 0.625rem;
}

.\[\&\>\*\:not\(\:last-child\)\]\:mb-10 > *:not(:last-child) {
    margin-bottom: 2.5rem;
}

.\[\&\>\*\:not\(\:last-child\)\]\:mb-3 > *:not(:last-child) {
    margin-bottom: 0.75rem;
}

.\[\&\>\*\:not\(\:last-child\)\]\:mb-5 > *:not(:last-child) {
    margin-bottom: 1.25rem;
}

.\[\&\>\*\:not\(\:last-child\)\]\:mb-6 > *:not(:last-child) {
    margin-bottom: 1.5rem;
}

.\[\&\>\*\:not\(\:last-child\)\]\:mb-8 > *:not(:last-child) {
    margin-bottom: 2rem;
}

.\[\&\>\*\:not\(\:last-child\)\]\:me-1 > *:not(:last-child) {
    margin-inline-end: 0.25rem;
}

.\[\&\>\*\:not\(\:last-child\)\]\:me-2\.5 > *:not(:last-child) {
    margin-inline-end: 0.625rem;
}

.\[\&\>\*\:not\(\:last-child\)\]\:border-b > *:not(:last-child) {
    border-bottom-width: 1px;
}

.\[\&\>\*\:not\(\:last-child\)\]\:border-dashed > *:not(:last-child) {
    border-style: dashed;
}

.\[\&\>\*\:not\(\:last-child\)\]\:border-borderColour > *:not(:last-child) {
    --tw-border-opacity: 1;
    border-color: rgb(237 240 230 / var(--tw-border-opacity));
}

.\[\&\>\*\:not\(\:last-child\)\]\:border-gray-100 > *:not(:last-child) {
    --tw-border-opacity: 1;
    border-color: rgb(220 224 211 / var(--tw-border-opacity));
}

.\[\&\>\*\:not\(\:last-child\)\]\:after\:absolute > *:not(:last-child)::after {
    content: var(--tw-content);
    position: absolute;
}

.\[\&\>\*\:not\(\:last-child\)\]\:after\:bottom-0 > *:not(:last-child)::after {
    content: var(--tw-content);
    bottom: 0px;
}

.\[\&\>\*\:not\(\:last-child\)\]\:after\:h-0\.5 > *:not(:last-child)::after {
    content: var(--tw-content);
    height: 0.125rem;
}

.\[\&\>\*\:not\(\:last-child\)\]\:after\:h-2\.5 > *:not(:last-child)::after {
    content: var(--tw-content);
    height: 0.625rem;
}

.\[\&\>\*\:not\(\:last-child\)\]\:after\:w-10 > *:not(:last-child)::after {
    content: var(--tw-content);
    width: 2.5rem;
}

.\[\&\>\*\:not\(\:last-child\)\]\:after\:w-full > *:not(:last-child)::after {
    content: var(--tw-content);
    width: 100%;
}

.\[\&\>\*\:not\(\:last-child\)\]\:after\:overflow-hidden > *:not(:last-child)::after {
    content: var(--tw-content);
    overflow: hidden;
}

.\[\&\>\*\:not\(\:last-child\)\]\:after\:bg-\[url\(\'\.\.\/images\/analytics\/account-right-arrow\.png\'\)\] > *:not(:last-child)::after {
    content: var(--tw-content);
}

.\[\&\>\*\:not\(\:last-child\)\]\:after\:bg-\[url\(\'\.\.\/images\/crypto\/account-right-arrow\.png\'\)\] > *:not(:last-child)::after {
    content: var(--tw-content);
    background-image: url('../images/account-right-arrow.png');
}

.\[\&\>\*\:not\(\:last-child\)\]\:after\:bg-center > *:not(:last-child)::after {
    content: var(--tw-content);
    background-position: center;
}

.\[\&\>\*\:not\(\:last-child\)\]\:after\:bg-no-repeat > *:not(:last-child)::after {
    content: var(--tw-content);
    background-repeat: no-repeat;
}

.\[\&\>\*\:not\(\:last-child\)\]\:after\:content-\[url\(\'\.\.\/images\/payment\/seperator\.png\'\)\] > *:not(:last-child)::after {
    --tw-content: url('../images/seperator.png');
    content: var(--tw-content);
}

@media not all and (min-width: 1024px) {
    .max-lg\:\[\&\>\*\:not\(\:last-child\)\]\:mb-4 > *:not(:last-child) {
        margin-bottom: 1rem;
    }

    .max-lg\:\[\&\>\*\:not\(\:last-child\)\]\:after\:hidden > *:not(:last-child)::after {
        content: var(--tw-content);
        display: none;
    }
}

@media not all and (min-width: 768px) {
    .max-md\:\[\&\>\*\:not\(\:last-child\)\]\:mb-4 > *:not(:last-child) {
        margin-bottom: 1rem;
    }

    .max-md\:\[\&\>\*\:not\(\:last-child\)\]\:after\:-bottom-5 > *:not(:last-child)::after {
        content: var(--tw-content);
        bottom: -1.25rem;
    }

    .max-md\:\[\&\>\*\:not\(\:last-child\)\]\:after\:-bottom-\[60px\] > *:not(:last-child)::after {
        content: var(--tw-content);
        bottom: -60px;
    }

    .max-md\:\[\&\>\*\:not\(\:last-child\)\]\:after\:left-1\/2 > *:not(:last-child)::after {
        content: var(--tw-content);
        left: 50%;
    }

    .max-md\:\[\&\>\*\:not\(\:last-child\)\]\:after\:hidden > *:not(:last-child)::after {
        content: var(--tw-content);
        display: none;
    }

    .max-md\:\[\&\>\*\:not\(\:last-child\)\]\:after\:h-\[1px\] > *:not(:last-child)::after {
        content: var(--tw-content);
        height: 1px;
    }

    .max-md\:\[\&\>\*\:not\(\:last-child\)\]\:after\:w-\[270px\] > *:not(:last-child)::after {
        content: var(--tw-content);
        width: 270px;
    }

    .max-md\:\[\&\>\*\:not\(\:last-child\)\]\:after\:-translate-x-1\/2 > *:not(:last-child)::after {
        content: var(--tw-content);
        --tw-translate-x: -50%;
        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));
    }

    .max-md\:\[\&\>\*\:not\(\:last-child\)\]\:after\:rotate-90 > *:not(:last-child)::after {
        content: var(--tw-content);
        --tw-rotate: 90deg;
        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));
    }

    .max-md\:\[\&\>\*\:not\(\:last-child\)\]\:after\:content-\[url\(\'\.\.\/images\/clients\/client-item-border-mobile\.svg\'\)\] > *:not(:last-child)::after {
        --tw-content: url('../images/clients/client-item-border-mobile.svg');
        content: var(--tw-content);
    }
}

@media (min-width: 768px) {
    .md\:\[\&\>\*\:not\(\:last-child\)\]\:after\:-right-4 > *:not(:last-child)::after {
        content: var(--tw-content);
        right: -1rem;
    }

    .md\:\[\&\>\*\:not\(\:last-child\)\]\:after\:right-0 > *:not(:last-child)::after {
        content: var(--tw-content);
        right: 0px;
    }

    .md\:\[\&\>\*\:not\(\:last-child\)\]\:after\:top-1\/2 > *:not(:last-child)::after {
        content: var(--tw-content);
        top: 50%;
    }

    .md\:\[\&\>\*\:not\(\:last-child\)\]\:after\:h-\[60px\] > *:not(:last-child)::after {
        content: var(--tw-content);
        height: 60px;
    }

    .md\:\[\&\>\*\:not\(\:last-child\)\]\:after\:w-\[1px\] > *:not(:last-child)::after {
        content: var(--tw-content);
        width: 1px;
    }

    .md\:\[\&\>\*\:not\(\:last-child\)\]\:after\:-translate-y-1\/2 > *:not(:last-child)::after {
        content: var(--tw-content);
        --tw-translate-y: -50%;
        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));
    }

    .md\:\[\&\>\*\:not\(\:last-child\)\]\:after\:content-\[url\(\'\.\.\/images\/clients\/client-item-border\.svg\'\)\] > *:not(:last-child)::after {
        --tw-content: url('../images/client-item-border.svg');
        content: var(--tw-content);
    }
}

@media (min-width: 1024px) {
    .lg\:\[\&\>\*\:not\(\:last-child\)\]\:mr-10 > *:not(:last-child) {
        margin-right: 2.5rem;
    }

    .lg\:\[\&\>\*\:not\(\:last-child\)\]\:after\:-right-\[60px\] > *:not(:last-child)::after {
        content: var(--tw-content);
        right: -60px;
    }
}

:is(:where(.dark) .dark\:\[\&\>\*\:not\(\:last-child\)\]\:border-borderColour-dark>*:not(:last-child)) {
    --tw-border-opacity: 1;
    border-color: rgb(55 57 53 / var(--tw-border-opacity));
}

:is(:where(.dark) .dark\:\[\&\>\*\:not\(\:last-child\)\]\:after\:bg-\[url\(\'\.\.\/images\/analytics\/account-right-arrow-dark\.png\'\)\]>*:not(:last-child))::after {
    content: var(--tw-content);
    background-image: url('../images/account-right-arrow-dark.png');
}

:is(:where(.dark) .dark\:\[\&\>\*\:not\(\:last-child\)\]\:after\:bg-\[url\(\'\.\.\/images\/crypto\/account-right-arrow-dark\.png\'\)\]>*:not(:last-child))::after {
    content: var(--tw-content);
    background-image: url('../images/crypto/account-right-arrow-dark.png');
}

:is(:where(.dark) .dark\:\[\&\>\*\:not\(\:last-child\)\]\:after\:content-\[url\(\'\.\.\/images\/payment\/seperator-dark\.png\'\)\]>*:not(:last-child))::after {
    --tw-content: url('../images/seperator-dark.png');
    content: var(--tw-content);
}

@media not all and (min-width: 768px) {
    :is(:where(.dark) .max-md\:dark\:\[\&\>\*\:not\(\:last-child\)\]\:after\:content-\[url\(\'\.\.\/images\/clients\/client-item-border-mobile-dark\.svg\'\)\]>*:not(:last-child))::after {
        --tw-content: url('../images/clients/client-item-border-mobile-dark.svg');
        content: var(--tw-content);
    }
}

@media (min-width: 768px) {
    :is(:where(.dark) .md\:dark\:\[\&\>\*\:not\(\:last-child\)\]\:after\:content-\[url\(\'\.\.\/images\/clients\/client-item-border-dark\.svg\'\)\]>*:not(:last-child))::after {
        --tw-content: url('../images/client-item-border-dark.svg');
        content: var(--tw-content);
    }
}

.\[\&\>\*\:nth-child\(2n\+1\)\]\:before\:absolute > *:nth-child(2n+1)::before {
    content: var(--tw-content);
    position: absolute;
}

.\[\&\>\*\:nth-child\(2n\+1\)\]\:before\:left-0 > *:nth-child(2n+1)::before {
    content: var(--tw-content);
    left: 0px;
}

.\[\&\>\*\:nth-child\(2n\+1\)\]\:before\:top-1\/2 > *:nth-child(2n+1)::before {
    content: var(--tw-content);
    top: 50%;
}

.\[\&\>\*\:nth-child\(2n\+1\)\]\:before\:h-full > *:nth-child(2n+1)::before {
    content: var(--tw-content);
    height: 100%;
}

.\[\&\>\*\:nth-child\(2n\+1\)\]\:before\:w-\[1px\] > *:nth-child(2n+1)::before {
    content: var(--tw-content);
    width: 1px;
}

.\[\&\>\*\:nth-child\(2n\+1\)\]\:before\:-translate-y-1\/2 > *:nth-child(2n+1)::before {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    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));
}

.\[\&\>\*\:nth-child\(2n\+1\)\]\:before\:content-\[url\(\'\.\.\/images\/payment\/coreborder-right\.svg\'\)\] > *:nth-child(2n+1)::before {
    --tw-content: url('../images/coreborder-right.svg');
    content: var(--tw-content);
}

@media not all and (min-width: 1024px) {
    .max-lg\:\[\&\>\*\:nth-child\(2n\+1\)\]\:before\:hidden > *:nth-child(2n+1)::before {
        content: var(--tw-content);
        display: none;
    }
}

:is(:where(.dark) .dark\:\[\&\>\*\:nth-child\(2n\+1\)\]\:before\:content-\[url\(\'\.\.\/images\/payment\/coreborder-right-dark\.svg\'\)\]>*:nth-child(2n+1))::before {
    --tw-content: url('../images/coreborder-right-dark.svg');
    content: var(--tw-content);
}

.\[\&\>\*\:nth-child\(3n\+1\)\]\:before\:absolute > *:nth-child(3n+1)::before {
    content: var(--tw-content);
    position: absolute;
}

.\[\&\>\*\:nth-child\(3n\+1\)\]\:before\:left-0 > *:nth-child(3n+1)::before {
    content: var(--tw-content);
    left: 0px;
}

.\[\&\>\*\:nth-child\(3n\+1\)\]\:before\:top-1\/2 > *:nth-child(3n+1)::before {
    content: var(--tw-content);
    top: 50%;
}

.\[\&\>\*\:nth-child\(3n\+1\)\]\:before\:h-full > *:nth-child(3n+1)::before {
    content: var(--tw-content);
    height: 100%;
}

.\[\&\>\*\:nth-child\(3n\+1\)\]\:before\:w-\[1px\] > *:nth-child(3n+1)::before {
    content: var(--tw-content);
    width: 1px;
}

.\[\&\>\*\:nth-child\(3n\+1\)\]\:before\:-translate-y-1\/2 > *:nth-child(3n+1)::before {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    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));
}

.\[\&\>\*\:nth-child\(3n\+1\)\]\:before\:content-\[url\(\'\.\.\/images\/payment\/coreborder-right\.svg\'\)\] > *:nth-child(3n+1)::before {
    --tw-content: url('../images/coreborder-right.svg');
    content: var(--tw-content);
}

@media not all and (min-width: 1024px) {
    .max-lg\:\[\&\>\*\:nth-child\(3n\+1\)\]\:before\:hidden > *:nth-child(3n+1)::before {
        content: var(--tw-content);
        display: none;
    }
}

:is(:where(.dark) .dark\:\[\&\>\*\:nth-child\(3n\+1\)\]\:before\:content-\[url\(\'\.\.\/images\/payment\/coreborder-right-dark\.svg\'\)\]>*:nth-child(3n+1))::before {
    --tw-content: url('../images/coreborder-right-dark.svg');
    content: var(--tw-content);
}

.\[\&\>\*\:nth-child\(odd\)\]\:after\:absolute > *:nth-child(odd)::after {
    content: var(--tw-content);
    position: absolute;
}

.\[\&\>\*\:nth-child\(odd\)\]\:after\:bottom-0 > *:nth-child(odd)::after {
    content: var(--tw-content);
    bottom: 0px;
}

.\[\&\>\*\:nth-child\(odd\)\]\:after\:left-1\/2 > *:nth-child(odd)::after {
    content: var(--tw-content);
    left: 50%;
}

.\[\&\>\*\:nth-child\(odd\)\]\:after\:h-0\.5 > *:nth-child(odd)::after {
    content: var(--tw-content);
    height: 0.125rem;
}

.\[\&\>\*\:nth-child\(odd\)\]\:after\:w-full > *:nth-child(odd)::after {
    content: var(--tw-content);
    width: 100%;
}

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

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

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

.\[\&\>\*\:nth-child\(odd\)\]\:after\:-translate-x-1\/2 > *:nth-child(odd)::after {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    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));
}

.\[\&\>\*\:nth-child\(odd\)\]\:after\:bg-\[url\(\'\.\.\/images\/payment\/seperator\.png\'\)\] > *:nth-child(odd)::after {
    content: var(--tw-content);
    background-image: url('../images/seperator.png');
}

.\[\&\>\*\:nth-child\(odd\)\]\:after\:bg-full > *:nth-child(odd)::after {
    content: var(--tw-content);
    background-size: 100%;
}

.\[\&\>\*\:nth-child\(odd\)\]\:after\:bg-center > *:nth-child(odd)::after {
    content: var(--tw-content);
    background-position: center;
}

.\[\&\>\*\:nth-child\(odd\)\]\:after\:bg-no-repeat > *:nth-child(odd)::after {
    content: var(--tw-content);
    background-repeat: no-repeat;
}

:is(:where(.dark) .dark\:\[\&\>\*\:nth-child\(odd\)\]\:after\:bg-\[url\(\'\.\.\/images\/payment\/seperator-dark\.png\'\)\]>*:nth-child(odd))::after {
    content: var(--tw-content);
    background-image: url('../images/seperator-dark.png');
}

.\[\&\>\*\:nth-row\(n\+2\)\]\:mb-32 > *:nth-row(n+2) {
    margin-bottom: 8rem;
}