/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;

@layer theme {

    :root,
    :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
            "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
            "Courier New", monospace;
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.25rem;
        --text-sm: 0.875rem;
        --text-sm--line-height: calc(1.25 / 0.875);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --font-weight-light: 300;
        --font-weight-bold: 700;
        --radius-xl: 0.75rem;
        --blur-sm: 8px;
        --default-transition-duration: 150ms;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
    }
}

@layer base {

    *,
    ::after,
    ::before,
    ::backdrop,
    ::file-selector-button {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0 solid;
    }

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

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px;
    }

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

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

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

    b,
    strong {
        font-weight: bolder;
    }

    code,
    kbd,
    samp,
    pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em;
    }

    small {
        font-size: 80%;
    }

    sub,
    sup {
        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;
    }

    :-moz-focusring {
        outline: auto;
    }

    progress {
        vertical-align: baseline;
    }

    summary {
        display: list-item;
    }

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

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

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

    button,
    input,
    select,
    optgroup,
    textarea,
    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        border-radius: 0;
        background-color: transparent;
        opacity: 1;
    }

    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder;
    }

    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px;
    }

    ::file-selector-button {
        margin-inline-end: 4px;
    }

    ::placeholder {
        opacity: 1;
    }

    @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
        ::placeholder {
            color: currentcolor;

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, currentcolor 50%, transparent);
            }
        }
    }

    textarea {
        resize: vertical;
    }

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

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit;
    }

    ::-webkit-datetime-edit {
        display: inline-flex;
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0;
    }

    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-year-field,
    ::-webkit-datetime-edit-month-field,
    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field,
    ::-webkit-datetime-edit-second-field,
    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0;
    }

    ::-webkit-calendar-picker-indicator {
        line-height: 1;
    }

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

    button,
    input:where([type="button"], [type="reset"], [type="submit"]),
    ::file-selector-button {
        appearance: button;
    }

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

    [hidden]:where(:not([hidden="until-found"])) {
        display: none !important;
    }
}

@layer utilities {
    .pointer-events-auto {
        pointer-events: auto;
    }

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

    .visible {
        visibility: visible;
    }

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

    .absolute {
        position: absolute;
    }

    .relative {
        position: relative;
    }

    .top-0 {
        top: calc(var(--spacing) * 0);
    }

    .top-\[-2rem\] {
        top: -2rem;
    }

    .right-\[2\.5rem\] {
        right: 2.5rem;
    }

    .bottom-\[2\.5rem\] {
        bottom: 2.5rem;
    }

    .bottom-\[5\%\] {
        bottom: 5%;
    }

    .left-0 {
        left: calc(var(--spacing) * 0);
    }

    .left-\[2\.3w\] {
        left: 2.3w;
    }

    .left-\[50\%\] {
        left: 50%;
    }

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

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

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

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

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

    .container {
        width: 100%;

        @media (width >=40rem) {
            max-width: 40rem;
        }

        @media (width >=48rem) {
            max-width: 48rem;
        }

        @media (width >=64rem) {
            max-width: 64rem;
        }

        @media (width >=80rem) {
            max-width: 80rem;
        }

        @media (width >=96rem) {
            max-width: 96rem;
        }
    }

    .mx-auto {
        margin-inline: auto;
    }

    .my-\[1\.5rem\] {
        margin-block: 1.5rem;
    }

    .my-\[2\.5rem\] {
        margin-block: 2.5rem;
    }

    .\!mt-\[3\.125rem\] {
        margin-top: 3.125rem !important;
    }

    .mt-2 {
        margin-top: calc(var(--spacing) * 2);
    }

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

    .mt-\[\.9rem\] {
        margin-top: .9rem;
    }

    .mt-\[1\.5rem\] {
        margin-top: 1.5rem;
    }

    .mt-\[1\.25rem\] {
        margin-top: 1.25rem;
    }

    .mt-\[1\.87rem\] {
        margin-top: 1.87rem;
    }

    .mt-\[2\.5rem\] {
        margin-top: 2.5rem;
    }

    .mt-\[2rem\] {
        margin-top: 2rem;
    }

    .mt-\[3\.5rem\] {
        margin-top: 3.5rem;
    }

    .mt-\[3\.15rem\] {
        margin-top: 3.15rem;
    }

    .mt-\[3\.125rem\] {
        margin-top: 3.125rem;
    }

    .mt-\[4\.6rem\] {
        margin-top: 4.6rem;
    }

    .mt-\[5rem\] {
        margin-top: 5rem;
    }

    .mt-\[6rem\] {
        margin-top: 6rem;
    }

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

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

    .\!mr-0 {
        margin-right: calc(var(--spacing) * 0) !important;
    }

    .mb-\[1\.5rem\] {
        margin-bottom: 1.5rem;
    }

    .mb-\[1\.25rem\] {
        margin-bottom: 1.25rem;
    }

    .mb-\[1\.875rem\] {
        margin-bottom: 1.875rem;
    }

    .mb-\[1rem\] {
        margin-bottom: 1rem;
    }

    .mb-\[2\.5rem\] {
        margin-bottom: 2.5rem;
    }

    .mb-\[2\.18rem\] {
        margin-bottom: 2.18rem;
    }

    .mb-\[3\.15rem\] {
        margin-bottom: 3.15rem;
    }

    .mb-\[3\.125rem\] {
        margin-bottom: 3.125rem;
    }

    .mb-\[4\.68rem\] {
        margin-bottom: 4.68rem;
    }

    .mb-\[5rem\] {
        margin-bottom: 5rem;
    }

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

    .block {
        display: block;
    }

    .flex {
        display: flex;
    }

    .grid {
        display: grid;
    }

    .hidden {
        display: none;
    }

    .inline-flex {
        display: inline-flex;
    }

    .\!h-full {
        height: 100% !important;
    }

    .h-\[1\.87rem\] {
        height: 1.87rem;
    }

    .h-auto {
        height: auto;
    }

    .h-full {
        height: 100%;
    }

    .h-screen {
        height: 100vh;
    }

    .\!w-full {
        width: 100% !important;
    }

    .w-auto {
        width: auto;
    }

    .w-full {
        width: 100%;
    }

    .max-w-\[11\.5rem\] {
        max-width: 11.5rem;
    }

    .max-w-\[14\.7\%\] {
        max-width: 14.7%;
    }

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

    .max-w-\[23\.12rem\] {
        max-width: 23.12rem;
    }

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

    .max-w-\[31\.4\%\] {
        max-width: 31.4%;
    }

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

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

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

    .max-w-\[38\.87rem\] {
        max-width: 38.87rem;
    }

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

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

    .max-w-\[49\.5\%\] {
        max-width: 49.5%;
    }

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

    .max-w-\[50\.6rem\] {
        max-width: 50.6rem;
    }

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

    .max-w-\[55\.87rem\] {
        max-width: 55.87rem;
    }

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

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

    .max-w-\[65\.3\%\] {
        max-width: 65.3%;
    }

    .max-w-\[65\.85\%\] {
        max-width: 65.85%;
    }

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

    .max-w-\[66\.7\%\] {
        max-width: 66.7%;
    }

    .max-w-\[72\.6rem\] {
        max-width: 72.6rem;
    }

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

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

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

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

    .flex-1 {
        flex: 1;
    }

    .flex-\[14\.7\%\] {
        flex: 14.7%;
    }

    .flex-\[31\.4\%\] {
        flex: 31.4%;
    }

    .flex-\[32\.5\%\] {
        flex: 32.5%;
    }

    .flex-\[33\%\] {
        flex: 33%;
    }

    .flex-\[40rem\] {
        flex: 40rem;
    }

    .flex-\[49\.5\%\] {
        flex: 49.5%;
    }

    .flex-\[50\%\] {
        flex: 50%;
    }

    .flex-\[63\%\] {
        flex: 63%;
    }

    .flex-\[65\.3\%\] {
        flex: 65.3%;
    }

    .flex-\[65\.85\%\] {
        flex: 65.85%;
    }

    .flex-\[66\.7\%\] {
        flex: 66.7%;
    }

    .grow {
        flex-grow: 1;
    }

    .translate-x-\[-50\%\] {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .transform {
        transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .resize {
        resize: both;
    }

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

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

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

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

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

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

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

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

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

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

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

    .\!gap-\[\.5rem\] {
        gap: .5rem !important;
    }

    .gap-2 {
        gap: calc(var(--spacing) * 2);
    }

    .gap-3 {
        gap: calc(var(--spacing) * 3);
    }

    .gap-\[\.5rem\] {
        gap: .5rem;
    }

    .gap-\[\.6rem\] {
        gap: .6rem;
    }

    .gap-\[\.625rem\] {
        gap: .625rem;
    }

    .gap-\[\.875rem\] {
        gap: .875rem;
    }

    .gap-\[1\.5rem\] {
        gap: 1.5rem;
    }

    .gap-\[1\.15rem\] {
        gap: 1.15rem;
    }

    .gap-\[1\.25rem\] {
        gap: 1.25rem;
    }

    .gap-\[1\.65\%\] {
        gap: 1.65%;
    }

    .gap-\[1rem\] {
        gap: 1rem;
    }

    .gap-\[2\%\] {
        gap: 2%;
    }

    .gap-\[2\.3\%\] {
        gap: 2.3%;
    }

    .gap-\[2\.5rem\] {
        gap: 2.5rem;
    }

    .gap-\[2rem\] {
        gap: 2rem;
    }

    .gap-\[3\%\] {
        gap: 3%;
    }

    .gap-\[3\.125rem\] {
        gap: 3.125rem;
    }

    .gap-\[4\.3rem\] {
        gap: 4.3rem;
    }

    .gap-\[4\.37rem\] {
        gap: 4.37rem;
    }

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

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

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

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

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

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

    .gap-y-\[1\.5rem\] {
        row-gap: 1.5rem;
    }

    .gap-y-\[2rem\] {
        row-gap: 2rem;
    }

    .\!overflow-visible {
        overflow: visible !important;
    }

    .overflow-hidden {
        overflow: hidden;
    }

    .\!rounded-\[3\.125rem\] {
        border-radius: 3.125rem !important;
    }

    .rounded-\[3\.75rem\] {
        border-radius: 3.75rem;
    }

    .rounded-\[3\.125rem\] {
        border-radius: 3.125rem;
    }

    .rounded-xl {
        border-radius: var(--radius-xl);
    }

    .bg-black\/40 {
        background-color: color-mix(in srgb, #000 40%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
        }
    }

    .object-contain {
        object-fit: contain;
    }

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

    .p-\[1\.5rem\] {
        padding: 1.5rem;
    }

    .p-\[1\.25rem\] {
        padding: 1.25rem;
    }

    .p-\[1\.87rem\] {
        padding: 1.87rem;
    }

    .p-\[2\.5rem\] {
        padding: 2.5rem;
    }

    .p-\[2rem\] {
        padding: 2rem;
    }

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

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

    .px-\[1\.4rem\] {
        padding-inline: 1.4rem;
    }

    .px-\[2\.5rem\] {
        padding-inline: 2.5rem;
    }

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

    .py-\[1\.25rem\] {
        padding-block: 1.25rem;
    }

    .py-\[1\.375rem\] {
        padding-block: 1.375rem;
    }

    .py-\[2\.5rem\] {
        padding-block: 2.5rem;
    }

    .py-\[2rem\] {
        padding-block: 2rem;
    }

    .py-\[5rem\] {
        padding-block: 5rem;
    }

    .py-\[6rem\] {
        padding-block: 6rem;
    }

    .py-\[40px\] {
        padding-block: 40px;
    }

    .pt-\[3\.75rem\] {
        padding-top: 3.75rem;
    }

    .pt-\[3\.125rem\] {
        padding-top: 3.125rem;
    }

    .pt-\[4\.1rem\] {
        padding-top: 4.1rem;
    }

    .pt-\[4rem\] {
        padding-top: 4rem;
    }

    .pt-\[6\.25rem\] {
        padding-top: 6.25rem;
    }

    .pt-\[6rem\] {
        padding-top: 6rem;
    }

    .pt-\[7\.5rem\] {
        padding-top: 7.5rem;
    }

    .pt-\[9\.75rem\] {
        padding-top: 9.75rem;
    }

    .pt-\[9rem\] {
        padding-top: 9rem;
    }

    .pt-\[12\.25rem\] {
        padding-top: 12.25rem;
    }

    .pr-\[2\.81rem\] {
        padding-right: 2.81rem;
    }

    .pb-\[\.8rem\] {
        padding-bottom: .8rem;
    }

    .pb-\[1\.25rem\] {
        padding-bottom: 1.25rem;
    }

    .pb-\[1\.87rem\] {
        padding-bottom: 1.87rem;
    }

    .pb-\[4\.75rem\] {
        padding-bottom: 4.75rem;
    }

    .pb-\[5\.7rem\] {
        padding-bottom: 5.7rem;
    }

    .pb-\[6rem\] {
        padding-bottom: 6rem;
    }

    .pb-\[9\.75rem\] {
        padding-bottom: 9.75rem;
    }

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

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

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

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

    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .\!text-\[1\.5rem\] {
        font-size: 1.5rem !important;
    }

    .text-\[1\.125rem\] {
        font-size: 1.125rem;
    }

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

    .leading-\[1\.8rem\] {
        --tw-leading: 1.8rem;
        line-height: 1.8rem;
    }

    .\!font-light {
        --tw-font-weight: var(--font-weight-light) !important;
        font-weight: var(--font-weight-light) !important;
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
    }

    .text-\[\#8E97A8\] {
        color: #8E97A8;
    }

    .text-white {
        color: var(--color-white);
    }

    .ring {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-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-sm {
        --tw-backdrop-blur: blur(var(--blur-sm));
        -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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .hover\:underline {
        &:hover {
            @media (hover: hover) {
                text-decoration-line: underline;
            }
        }
    }

    .sm\:flex-row {
        @media (width >=40rem) {
            flex-direction: row;
        }
    }

    .md\:mt-0 {
        @media (width >=48rem) {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .md\:mt-\[4\.18rem\] {
        @media (width >=48rem) {
            margin-top: 4.18rem;
        }
    }

    .md\:mt-\[11\.8rem\] {
        @media (width >=48rem) {
            margin-top: 11.8rem;
        }
    }

    .md\:mb-0 {
        @media (width >=48rem) {
            margin-bottom: calc(var(--spacing) * 0);
        }
    }

    .md\:flex {
        @media (width >=48rem) {
            display: flex;
        }
    }

    .md\:\!h-full {
        @media (width >=48rem) {
            height: 100% !important;
        }
    }

    .md\:h-full {
        @media (width >=48rem) {
            height: 100%;
        }
    }

    .md\:w-1\/2 {
        @media (width >=48rem) {
            width: calc(1/2 * 100%);
        }
    }

    .md\:max-w-\[28\.12rem\] {
        @media (width >=48rem) {
            max-width: 28.12rem;
        }
    }

    .md\:max-w-\[38\.87rem\] {
        @media (width >=48rem) {
            max-width: 38.87rem;
        }
    }

    .md\:max-w-\[69\%\] {
        @media (width >=48rem) {
            max-width: 69%;
        }
    }

    .md\:max-w-\[550px\] {
        @media (width >=48rem) {
            max-width: 550px;
        }
    }

    .md\:flex-row {
        @media (width >=48rem) {
            flex-direction: row;
        }
    }

    .md\:items-end {
        @media (width >=48rem) {
            align-items: flex-end;
        }
    }

    .md\:justify-center {
        @media (width >=48rem) {
            justify-content: center;
        }
    }

    .md\:gap-\[4\.375rem\] {
        @media (width >=48rem) {
            gap: 4.375rem;
        }
    }

    .md\:gap-x-\[4\.375rem\] {
        @media (width >=48rem) {
            column-gap: 4.375rem;
        }
    }

    .md\:p-0 {
        @media (width >=48rem) {
            padding: calc(var(--spacing) * 0);
        }
    }

    .md\:p-\[2\.5rem\] {
        @media (width >=48rem) {
            padding: 2.5rem;
        }
    }

    .md\:p-\[3\.125rem\] {
        @media (width >=48rem) {
            padding: 3.125rem;
        }
    }

    .md\:p-\[3rem\] {
        @media (width >=48rem) {
            padding: 3rem;
        }
    }

    .md\:p-\[5rem\] {
        @media (width >=48rem) {
            padding: 5rem;
        }
    }

    .md\:p-\[40px\] {
        @media (width >=48rem) {
            padding: 40px;
        }
    }

    .md\:px-\[2\.5rem\] {
        @media (width >=48rem) {
            padding-inline: 2.5rem;
        }
    }

    .md\:py-\[3\.125rem\] {
        @media (width >=48rem) {
            padding-block: 3.125rem;
        }
    }

    .md\:py-\[4\.37rem\] {
        @media (width >=48rem) {
            padding-block: 4.37rem;
        }
    }

    .md\:py-\[9\.37rem\] {
        @media (width >=48rem) {
            padding-block: 9.37rem;
        }
    }

    .md\:py-\[9\.375rem\] {
        @media (width >=48rem) {
            padding-block: 9.375rem;
        }
    }

    .md\:pt-\[9\.8rem\] {
        @media (width >=48rem) {
            padding-top: 9.8rem;
        }
    }

    .md\:pt-\[9\.37rem\] {
        @media (width >=48rem) {
            padding-top: 9.37rem;
        }
    }

    .md\:pt-\[9\.375rem\] {
        @media (width >=48rem) {
            padding-top: 9.375rem;
        }
    }

    .md\:pr-\[2\.5rem\] {
        @media (width >=48rem) {
            padding-right: 2.5rem;
        }
    }

    .md\:pl-0 {
        @media (width >=48rem) {
            padding-left: calc(var(--spacing) * 0);
        }
    }

    .md\:pl-\[5rem\] {
        @media (width >=48rem) {
            padding-left: 5rem;
        }
    }

    .md\:pl-\[30px\] {
        @media (width >=48rem) {
            padding-left: 30px;
        }
    }

    .lg\:mt-0 {
        @media (width >=64rem) {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .lg\:block {
        @media (width >=64rem) {
            display: block;
        }
    }

    .lg\:hidden {
        @media (width >=64rem) {
            display: none;
        }
    }

    .lg\:h-screen {
        @media (width >=64rem) {
            height: 100vh;
        }
    }

    .lg\:flex-col {
        @media (width >=64rem) {
            flex-direction: column;
        }
    }

    .lg\:flex-row {
        @media (width >=64rem) {
            flex-direction: row;
        }
    }

    .lg\:items-end {
        @media (width >=64rem) {
            align-items: flex-end;
        }
    }

    .lg\:items-start {
        @media (width >=64rem) {
            align-items: flex-start;
        }
    }

    .lg\:justify-between {
        @media (width >=64rem) {
            justify-content: space-between;
        }
    }

    .lg\:gap-0 {
        @media (width >=64rem) {
            gap: calc(var(--spacing) * 0);
        }
    }

    .lg\:gap-\[6\.25rem\] {
        @media (width >=64rem) {
            gap: 6.25rem;
        }
    }

    .lg\:gap-\[10px\] {
        @media (width >=64rem) {
            gap: 10px;
        }
    }

    .lg\:gap-\[50px\] {
        @media (width >=64rem) {
            gap: 50px;
        }
    }

    .lg\:gap-x-\[6\.25rem\] {
        @media (width >=64rem) {
            column-gap: 6.25rem;
        }
    }

    .lg\:p-\[3\.75rem\] {
        @media (width >=64rem) {
            padding: 3.75rem;
        }
    }

    .lg\:py-\[8rem\] {
        @media (width >=64rem) {
            padding-block: 8rem;
        }
    }

    .lg\:pt-\[11\.25rem\] {
        @media (width >=64rem) {
            padding-top: 11.25rem;
        }
    }

    .lg\:pb-\[13\.25rem\] {
        @media (width >=64rem) {
            padding-bottom: 13.25rem;
        }
    }

    .lg\:pl-\[2\.5rem\] {
        @media (width >=64rem) {
            padding-left: 2.5rem;
        }
    }

    .lg\:pl-\[5rem\] {
        @media (width >=64rem) {
            padding-left: 5rem;
        }
    }

    .lg\:text-left {
        @media (width >=64rem) {
            text-align: left;
        }
    }

    .lg\:\!text-\[48px\] {
        @media (width >=64rem) {
            font-size: 48px !important;
        }
    }

    .lg\:\!leading-\[52px\] {
        @media (width >=64rem) {
            --tw-leading: 52px !important;
            line-height: 52px !important;
        }
    }

    .xl\:mt-0 {
        @media (width >=80rem) {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .xl\:mr-\[8\.1rem\] {
        @media (width >=80rem) {
            margin-right: 8.1rem;
        }
    }

    .xl\:ml-\[8\.1rem\] {
        @media (width >=80rem) {
            margin-left: 8.1rem;
        }
    }

    .xl\:max-w-\[60\.7\%\] {
        @media (width >=80rem) {
            max-width: 60.7%;
        }
    }

    .xl\:p-\[5rem\] {
        @media (width >=80rem) {
            padding: 5rem;
        }
    }

    .xl\:pr-\[2\.5rem\] {
        @media (width >=80rem) {
            padding-right: 2.5rem;
        }
    }

    .xl\:pl-\[2\.5rem\] {
        @media (width >=80rem) {
            padding-left: 2.5rem;
        }
    }

    .xl\:pl-\[5rem\] {
        @media (width >=80rem) {
            padding-left: 5rem;
        }
    }

    .\32 xl\:gap-\[1rem\] {
        @media (width >=96rem) {
            gap: 1rem;
        }
    }
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Light.eot');
    src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Light.woff2') format('woff2'), url('../fonts/ProximaNova-Light.woff') format('woff'), url('../fonts/ProximaNova-Light.ttf') format('truetype'), url('../fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Regular.woff2') format('woff2'), url('../fonts/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Semibold.eot');
    src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Semibold.woff2') format('woff2'), url('../fonts/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximaNova-Semibold.ttf') format('truetype'), url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Extrabld.eot');
    src: url('../fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'), url('../fonts/ProximaNova-Extrabld.woff') format('woff'), url('../fonts/ProximaNova-Extrabld.ttf') format('truetype'), url('../fonts/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --site-primary-color: #000000;
    --site-bg-color: #000a21;
    --site-white-color: #ffffff;
    --site-ash-color: #8E97A8;
    --site-liner-bg: linear-gradient(90deg, #0544E4 0%, #008CFF 100%);
    --site-liner-dark: linear-gradient(90deg, #008cffd1 -10.86%, #061435 100.01%);
    --primary-font: 'Proxima Nova', serif;
    --delay: 0;
    --duration: 800ms;
    --iterations: 1;
    --hwidth: 10rem;
}

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #0544e49a 0%, #008cff9a 100%);
    border-radius: 10px;
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #0544e49a transparent;
}


/* body {
  cursor: url('../images/cursor-32.png') 8 5,  url('../images/cursor-64.png') 8 5,  auto;
}
.cl, .cl * {
  cursor: url('../images/cursor-white-32.png') 8 5,  url('../images/cursor-white-64.png') 8 5,  auto;
} */
/* Default custom cursor */
body {
    cursor: url('../images/cursor-32.png') 8 5, auto !important;
}

/* White custom cursor for interactive elements */
.cl,
.cl *,
.globeViz canvas,
.globeViz div {
    cursor: url('../images/cursor-white-32.png') 8 5, auto !important;
}

/* Ensure standard pointers don't override you */
a,
button,
[role="button"] {
    cursor: url('../images/cursor-white-32.png') 8 5, auto !important;
}

.swiper-pagination-bullet {
    cursor: url('../images/cursor-white-32.png') 8 5, auto !important;
}

.cursor {
    position: absolute;
    transform: translate(-50%, -50%);
}

.cursor-white svg path {
    fill: #fff !important;
}



@media (max-width: 1024px) {
    #custom-cursor {
        display: none;
    }

    .\!rounded-\[3\.125rem\] {
        border-radius: 1.5rem !important;
    }

    .rounded-\[3\.75rem\] {
        border-radius: 1.75rem;
    }

    .rounded-\[3\.125rem\] {
        border-radius: 1.5rem;
    }
}

body {
    -webkit-font-smoothing: antialiased;
    font-family: var(--primary-font);
    font-weight: 400;
    color: var(--site-white-color);
    background-color: var(--site-bg-color);
}

html {
    font-size: 100%;
}

.base-container {
    width: 100%;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.char {
    display: inline-block;
}

.tl-height-screen {
    height: 100vh;
    height: 100svh;
}




body.home .home-banner .banner-content p,
body.home .home-banner .section-btn {
    opacity: 0;
    visibility: hidden;
}

body.home .home-banner .banner-content p.visible,
body.home .home-banner .section-btn.visible {
    opacity: 1;
    visibility: visible;
    transition: 1s ease-in-out;
}

.section-headline {
    font-weight: 400;
    font-size: 4rem;
    line-height: 4.75rem;
    letter-spacing: 0;
}

.section-headline-two {
    font-family: var(--primary-font);
    font-weight: 700;
    font-style: normal;
    font-size: 4rem;
    line-height: 4.06rem;
    letter-spacing: 0rem;
    text-transform: uppercase;
}

.banner-sub-headline {
    font-weight: 300;
    font-style: normal;
    font-size: 2rem;
    line-height: 2.31rem;
    margin-top: 10px;
}

.section-description {
    font-weight: 300;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 140%;
    letter-spacing: 0;
}

.section-btn a,
.section-btn button {
    font-weight: 600;
    font-style: normal;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0;
    vertical-align: bottom;
    text-transform: uppercase;
    color: var(--site-white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    padding: 1.375rem 1.875rem;
    border-radius: 4.25rem;
    background: linear-gradient(to right, #0544E4, #008CFF, #0544E4, #008CFF);
    background-size: 350% 100%;
    transition: all .4s ease-in-out;
}

.section-btn a:hover,
.section-btn button:hover,
.section-btn a:active,
.section-btn button:active {
    background-position: 100% 0;
    animation-name: flow;
    animation-duration: 500ms;
    animation-timing-function: linear;
}

@keyframes flow {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100%;
    }
}

/* .section-btn.btn-two a {
  background: transparent;
  border: 1px solid var(--site-white-color);
  transition: none;
}
.section-btn.btn-two a:hover {
  background: linear-gradient(to right, #0544E4, #008CFF, #0544E4, #008CFF);
  background-position: 100% 0;
  animation-name: flow;
  animation-duration: 500ms;
  animation-timing-function: linear;
  background-size: 350% 100%;
  border: transparent;
} */


.section-btn.btn-two a {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--site-white-color);
    color: var(--site-white-color);
    background: transparent;
    transition: border-color .4s ease-in-out;
}

.section-btn.btn-two a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #0544E4, #008CFF, #0544E4, #008CFF);
    background-size: 350% 100%;
    background-position: 0% 50%;
    opacity: 0;
    transition: background-position .4s linear, opacity 0s linear .4s;
    z-index: -1;
}

.section-btn.btn-two a:hover::before {
    opacity: 1;
    transition: background-position .4s linear, opacity 0s linear 0s;
    background-position: 100% 50%;
}

.section-btn.btn-two a:not(:hover)::before {
    background-position: 0% 50%;
    opacity: 0;
}

.section-btn.btn-two a:hover {
    border-color: transparent;
}



.reveal-text,
.reveal-text::after {
    -webkit-animation-delay: var(--animation-delay, 2s);
    animation-delay: var(--animation-delay, 2s);
    -webkit-animation-iteration-count: var(--iterations, 1);
    animation-iteration-count: var(--iterations, 1);
    -webkit-animation-duration: var(--duration, 800ms);
    animation-duration: var(--duration, 800ms);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}

.reveal-text {
    --animation-delay: var(--delay, 0);
    --animation-duration: var(--duration, 800ms);
    --animation-iterations: var(--iterations, 1);
    -webkit-animation-name: clip-text;
    animation-name: clip-text;
    position: relative;
}

.reveal-text::after {
    content: "";
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    transform: scaleX(0);
    transform-origin: 0 50%;
    pointer-events: none;
    -webkit-animation-name: text-revealer;
    animation-name: text-revealer;
}

@-webkit-keyframes clip-text {
    from {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
    }

    to {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }
}

@keyframes clip-text {
    from {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
    }

    to {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }
}

@-webkit-keyframes text-revealer {

    0%,
    50% {
        transform-origin: 0 50%;
    }

    60%,
    100% {
        transform-origin: 100% 50%;
    }

    60% {
        transform: scaleX(1);
    }

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

@keyframes text-revealer {

    0%,
    50% {
        transform-origin: 0 50%;
    }

    60%,
    100% {
        transform-origin: 100% 50%;
    }

    60% {
        transform: scaleX(1);
    }

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

@media (min-width: 1024px) {
    .wd-section-headline {
        font-size: 2rem;
    }
}

@media (min-width: 1440px) {
    .wd-section-headline {
        font-size: 2.2rem;
        padding-bottom: 10px;
    }
}

@media (min-width: 120.0625rem) {
    html {
        font-size: 120%;
    }

    .banner-content {
        max-width: 75%;
    }
}

@media (min-width: 156.25rem) {
    html {
        font-size: 130%;
    }
}

@media (min-width: 218.75rem) {
    html {
        font-size: 140%;
    }
}

@media (max-width: 1366px) {
    .section-headline {
        font-size: 3.8rem;
    }
}

@media (max-width: 1280px) {
    .base-container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .section-headline {
        font-size: 3.5rem;
        line-height: 1.3;
    }

    .section-headline-two {
        font-size: 3rem;
        line-height: 1.2;
    }

    .section-description {
        font-size: 22px;
        line-height: 1.4;
    }
}

@media (max-width: 768px) {
    .base-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-headline-two {
        font-size: 2.5rem;
    }

    .section-btn a {
        font-size: 16px;
        padding: 15px 1.5rem;
    }

    .section-description {
        font-size: 16px;
        line-height: 23px;
    }

    .section-headline {
        font-size: 3rem;
        line-height: 1.2;
    }
}

@media (max-width: 600px) {
    .section-headline {
        font-size: 2.3rem;
        line-height: 1.2;
    }

    .section-description {
        font-size: 14px;
        line-height: 23px;
    }

    .banner-sub-headline {
        font-size: 23px;
        line-height: 1.2;
        margin-top: 30px;
    }
}

.section-radius-bottom {
    background: var(--site-bg-color);
    border-bottom-right-radius: 3.125rem;
    border-bottom-left-radius: 3.125rem;
    overflow: hidden;
    z-index: 20;
    position: relative;
}



body.home header.site-header {
    transform: translateY(-150px);
}

body.home header.site-header.visible {
    transform: translateY(0);
    transition: 1s ease-in-out;
    transition-delay: .1s;
}

/* Main Header Layout */
header.site-header {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    transition: transform .5s ease;
}

/* The Pseudo-Element Background Layer */
header.site-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00050fa8;
    opacity: 0; 
    
    transition: opacity .5s ease; 
}

/* Sticky State Override */
header.site-header.aquila-sticky-header {
    position: fixed;
    transform: translateY(0);
}

/* When sticky class is active, fade the pseudo-element in */
header.site-header.aquila-sticky-header::before {
    opacity: 1;
}


header.site-header.aquila-sticky-header.is-hidden {
    transform: translateY(-100%) !important;;
    transition: transform 1s ease;
}


.site-logo {
    width: auto;
    height: 4rem;
}

.site-nav ul li a {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0;
    vertical-align: middle;
    text-transform: uppercase;
    color: var(--site-white-color);
    padding: .93rem;
}

.site-nav ul li {
    position: relative;
    z-index: 20;
}

.bubble {
    position: absolute;
    height: 2.375rem;
    width: 5rem;
    left: 0;
    box-sizing: border-box;
    transition: width 0.3s, left 0.3s;
    border: 2px solid transparent;
    border-radius: 1.125rem;
    background-image: linear-gradient(to right, #0544E4, #008CFF);
    background-origin: border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
    mask-composite: exclude;
}

.header-menu .site-nav ul li>.sub-menu {
    background-color: #00000099;
    box-shadow: 0px 10px 30px 0px #00000040;
    padding: 1.25rem;
    position: absolute;
    top: 3rem;
    left: 0;
    width: max-content;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out;
    /* backdrop-filter: blur(30px); */
    /*   
    backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px); */
    border-radius: 1.25rem;

}

.site-nav ul li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    transition: .3s ease-in-out;
}

.site-nav ul li>.sub-menu li a {
    position: relative;
    overflow: hidden;
    padding: 1.56rem .93rem;
    color: var(--site-white-color);
    display: flex;
    align-items: center;
    justify-content: left;
    border-radius: .625rem;
    z-index: 1;
}

/* sliding background layer */
.site-nav ul li>.sub-menu li a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--site-liner-bg);
    transform: translateX(-102%);
    transition: transform .4s ease-in-out;
    z-index: -1;
}

/* hover effect */
.site-nav ul li>.sub-menu li a:hover::before {
    transform: translateX(0);
}


.mobile-hamburger {
    cursor: pointer;
    position: relative;
    z-index: 50;
}

.mobile-hamburger span {
    display: block;
    width: 32px;
    height: 1px;
}

.mobile-hamburger span {
    background-color: #ffffff;
}

.mobile-hamburger span:nth-child(2) {
    width: 22px;
}

.mobile-menu-wrapper {
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 99;
    overflow: hidden;
    height: 0px;
    position: fixed;
    width: 100%;
}

.mobile-menu-wrapper.actived {
    height: 100dvh;
    background: transparent;
}

.mobile-menu {
    min-height: 0dvh;
    height: 0%;
    z-index: 9;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, #041f62 0%, #0f61a5 100%);
    width: 100%;
    transition: min-height .5s ease-out 1s, height .5s ease-out 1s;
}

.mobile-menu.actived {
    min-height: calc(100dvh - 110px);
    height: 100%;
    transition: min-height .5s ease-in-out 0s, height .5s ease-in-out 0s;
}

.mobile-menu-outer {
    padding: 0px;
    min-height: 100dvh;
    height: 100%;
    width: 100%;
    transition: padding .5s ease-in-out .5s;
}

.mobile-menu.actived .mobile-menu-outer {
    padding: 30px;
    transition: padding .5s ease-in-out .5s;
}

.mobile-menu-inner {
    background-color: #fff;
    width: 100%;
    height: 100%;
    min-height: calc(100dvh - 110px);
    overflow: hidden;
}

.menu-content {
    opacity: 0;
    visibility: hidden;
    transition: .5s ease-out;
}

.mobile-menu.actived .menu-content {
    opacity: 1;
    visibility: visible;
    transition: .8s ease-in-out 1s;
}

.mobile-menu-inner ul {
    padding: 100px 20px 10px;
    width: 100%;
}

.mobile-menu-inner ul li a {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
    text-transform: uppercase;
    color: var(--site-bg-color);
}

.mobile-menu .mobile-menu-contact {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translatex(-50%);
    color: #a3a3a3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-menu .mobile-close {
    background: var(--site-bg-color);
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
}

.mobile-close img {
    filter: invert(1);
    width: 25px;
    height: auto;
}

.mobile-nav ul li ul {
    padding: 0 0 30px 0 !important;
    padding: 10px 0;
}

.mobile-nav ul li ul li a {
    font-size: 18px;
    font-weight: 400;
    color: var(--site-bg-color) !important;
    padding: 10px 0 10px 30px !important;
}

.mobile-nav .sub-menu {
    background-color: transparent !important;
    position: relative !important;
    padding-bottom: 0 !important;
    display: none;
    margin-top: 20px;
}

.mobile-nav li.active-dropdown>.sub-menu {
    display: block;
}

.mobile-menu-wrapper .custom-mega-menu,
.mobile-menu-wrapper .menu-item-type-custom {
    position: relative;
}

.mobile-menu-wrapper .custom-mega-menu:after,
.mobile-menu-wrapper .menu-item-type-custom:after {
    position: absolute;
    content: '';
    background: url("../images/icon/down-arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 20px;
    width: 20px;
    height: 20px;
    top: 2px;
    right: 0;
}

.mobile-menu-inner .site-bottom-logo .site-logo a {
    display: flex;
    width: 100%;
    justify-content: center;
}


.site-bottom-logo {
    bottom: 0;
    background: #ffffff;
    z-index: 20;
    padding-bottom: 10px;
    padding-top: 5px;
}

@media (max-width: 1280px) {
    .site-nav #menu-primary-menu {
        gap: 5px;
    }

    .header-menu .site-nav ul li a {
        font-size: 14px;
        font-weight: 500;
        padding: 10px;
    }
}

@media (max-width: 1100px) {
    .header-menu .site-nav ul li a {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .site-nav ul li>.sub-menu li a:hover {
        color: var(--site-white-color) !important;
    }

}

@media (max-width: 768px) {
    .site-logo{
        height: 3rem;
    }

}

.site-footer {
    background: url("../images/footer-bg-min.webp"), #000000db;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    position: relative;
    margin-top: -6rem;
    /* backdrop-filter: blur(30px); */
    /* backdrop-filter: blur(10px); */
    /* -webkit-backdrop-filter: blur(10px); */
    /* transform: translate3d(0, 0, 0); */
}

.footer-phone-icon,
.footer-location-icon {
    height: 1.06rem !important;
    width: auto;
    margin-top: .1rem;
}

.footer-phone p,
.footer-phone a {
    /* font-size: .8125rem; */
    letter-spacing: .5px;
}

.footer-location p,
.footer-location a,
.footer-phone p,
.footer-phone a {
    font-weight: 300;
}

.copyright-text p {
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1;
    color: var(--site-ash-color);
}

.footer-menus h3 {
    font-weight: 600;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
    letter-spacing: 1px;
}

.footer-menus ul li a {
    font-weight: 600;
    font-style: normal;
    font-size: 1rem;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: .95rem;
    color: var(--site-ash-color);
}

.footer-menus ul li a:hover {
    color: var(--site-white-color);
}

.footer-social a img {
    transition: .1s ease-in-out;
}

.footer-social a:hover img {
    filter: grayscale(1);
    transform: scale(1.1);
    transition: .1s ease-in-out;
}

footer li.current_page_item a {
    color: var(--site-white-color) !important;
}

.footer-logo {
    padding-bottom: 2.5rem;
}

@media (max-width: 1280px) {
    .footer-menu-wrapper {
        gap: 2rem;
    }
}

@media (max-width: 1150px) {
    .footer-menu-wrapper {
        gap: 1rem;
    }
}

@media (max-width: 1024px) {
    .footer-menu-wrapper {
        gap: 3rem;
    }
}

@media (max-width: 768px) {
    .copyright-text {
        position: relative;
        margin-top: 50px;
        text-align: center;
        right: inherit;
        bottom: 30px;
    }

    .copyright-text p {
        font-size: 14px;
    }
}

.media-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 10, 29, 0) 0%, #000A1D 100%);
}

.banner-content p {
    font-size: 1.125rem;
    color: var(--site-ash-color);
}

/* .common-banner {
  background: url("../images/drill-banner.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
} */
.common-banner::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #0000002e);
    pointer-events: none;
}

body.home .common-banner::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000a1b);
    pointer-events: none;
}

.hero-reveal-text,
.hero-reveal-sub {
    word-break: break-word;
    visibility: hidden;
}

.hero-reveal-text .char {
    display: inline-block;
    will-change: opacity, filter, transform;
    opacity: 0;
    filter: blur(8px);
    -webkit-filter: blur(8px);
    transform: translate3d(0, 0, 0);
}

.hero-reveal-sub .word {
    display: inline-block;
    will-change: opacity, transform;
    opacity: 0;
    transform: translateY(100%);
}

.hero-reveal-sub {
    word-break: break-word;
    visibility: hidden;
    overflow: hidden;
    padding-bottom: 0.2em;
    /* Prevent descender clipping */
}

.common-reveal-text {
    word-break: break-word;
}

.common-reveal-text .char {
    display: inline-block;
    opacity: 0;
    /* filter: blur(8px); */

    filter: blur(8px);
    -webkit-filter: blur(8px);
    transform: translate3d(0, 0, 0);
}

.common-reveal-text,
.hero-reveal-text {
    will-change: opacity, filter;
}


@media (max-width: 1024px) {
    .media-overlay {
        background: linear-gradient(180deg, #000A1D 0%, rgba(0, 10, 29, 0) 100%);
    }

    .home-banner .base-container {
        padding-bottom: 0;
    }

    .banner-content p {
        font-size: 16px;
        line-height: 1.3;
    }
}

.location-earth {
    background: url("../images/locations-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


section.location-earth:after {
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 10, 29, 0) 60%, #000a1d 100%), linear-gradient(180deg, #000a1d 0%, rgba(0, 10, 29, 0.2) 50%, #000a1db9 100%);
    z-index: 0;
    position: absolute;
}

.location-area {
    background: var(--site-liner-bg);
    max-width: 27.62rem;
    width: 100%;
    /* backdrop-filter: blur(30px); */
    /* backdrop-filter: blur(10px); */
    /* -webkit-backdrop-filter: blur(10px); */
    /* transform: translate3d(0, 0, 0); */
    border-radius: 3.125rem;
}

.location-area h3 {
    font-weight: 500;
    font-style: normal;
    font-size: 3rem;
    line-height: 1;
    letter-spacing: -2%;
    margin-bottom: .8rem;
}

.location-area p {
    font-weight: 500;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.3;
    letter-spacing: 0;
}

.location-min-img {
    width: auto;
    height: 13.5rem;
}



@media (min-width: 1025px) {
    .location-earth .base-container {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
}

@media (min-width: 1366px) {
    .location-area {
        padding: 2.5rem;
    }
}

@media (min-width: 1600px) {
    .location-min-img {
        width: auto;
        height: 14rem;
    }
}


@media (max-width: 1366px) {
    .location-area h3 {
        font-size: 2.2rem;
    }

    .location-area p {
        font-size: 1rem;
    }

    .city-list {
        gap: 8px;
    }

    .location-area {
        gap: 1.2rem;
        padding: 1.5rem 2.2rem;
        max-width: 30rem;
    }

    .location-content {
        padding-left: 2rem;
    }
}

@media (max-width: 1024px) {
    .loaction-earth-img {
        position: relative;
        margin-top: 50px;
        right: 0;
        max-width: 100%;
        padding-left: 5rem;
    }

    .location-earth {
        padding-bottom: 0;
    }

    .location-earth .base-container {
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    .location-content {
        padding: 0 !important;
    }

    .loaction-earth-img {
        padding-left: 3rem;
    }

    .location-area h3 {
        font-size: 1.8rem;
    }

    .location-area {
        gap: 2rem;
        border-radius: 2rem;
        padding: 1.5rem;
    }
}

.number-stat {
    background: url("../images/wave-blue-bg.webp");
    background-position: 95% 140%;
    background-repeat: no-repeat;
    background-size: 250% 125%;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
    overflow: hidden;
    position: relative;
}

.number-stat:before {
    background: linear-gradient(180deg, #000A1D 0%, rgba(0, 10, 29, 0) 100%);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.stats-number-count {
    font-weight: 300;
    font-style: normal;
    font-size: 5rem;
    line-height: .7;
    letter-spacing: -5px;
    display: inline-flex;
}

.stats-sub-headline {
    font-weight: 500;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1;
}

.stats-details {
    font-weight: 400;
    font-style: normal;
    font-size: 1.005625rem;
    line-height: 1.5;
    color: var(--site-ash-color);
    margin-top: 1.5rem;
}

.stats-box-single {
    /* background: #00000099; */
    background: #000000ba;
    border-radius: 3.125rem;
    padding: 2.5rem;
    /* backdrop-filter: blur(30px); */
    /* backdrop-filter: blur(10px); */
    /* -webkit-backdrop-filter: blur(10px); */
    /* transform: translate3d(0, 0, 0); */
}

.video-on-hover {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.video-on-hover img {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.3s ease;
}

.video-on-hover.h-full,
.video-on-hover.h-full img {
    height: 100%;
}

.video-on-hover.h-full img {
    object-fit: cover;
}

.video-on-hover video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.video-on-hover.hovered video {
    opacity: 1;
}

.video-on-hover.hovered img {
    opacity: 0;
}

@media (min-width: 3000px) {
    .video-on-hover {
        height: 500px;
    }
}

@media (max-width: 1024px) {
    .stats-number-count {
        font-size: 60px;
    }

    .stats-box-single {
        padding: 2rem;
    }
}

@media (max-width: 768px) {
    .stats-number-count {
        font-size: 50px;
    }

    .stats-box-single {
        padding: 1.5rem;
    }

    .wd-max-w {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .video-on-hover,
    .video-on-hover.h-full,
    .video-on-hover.h-full img {
        height: auto !important;
    }

    .mobile-gap-50 {
        gap: 50px !important;
    }
}

@media (max-width: 640px) {
    /* number-two-img now inherits 100% from wd-max-w */
}

.scroll-card-content p {
    font-weight: 400;
    font-style: normal;
    font-size: 1.005625rem;
    line-height: 1.5;
    max-width: 31.25rem;
}

.sc-card:nth-child(even) .scroll-card {
    background: var(--site-liner-dark);
    /* backdrop-filter: blur(30px); */
    /* backdrop-filter: blur(10px); */
    /* -webkit-backdrop-filter: blur(10px); */
    /* transform: translate3d(0, 0, 0); */
}

.sc-card:nth-child(odd) .scroll-card {
    background: rgba(0, 0, 0, 0.8);
    /* backdrop-filter: blur(30px); */
    /* backdrop-filter: blur(10px); */
    /* -webkit-backdrop-filter: blur(10px); */
    /* transform: translate3d(0, 0, 0); */
}

.scroll-card {
    will-change: transform;
    margin-bottom: 5rem;
    transform-style: preserve-3d;
    perspective: 800px;
}

@media (min-width: 1660px) {
    .scroll-card .card-bottom {
        margin-top: 200px;
    }
}

@media (min-width: 2500px) {
    .scroll-card .card-bottom {
        margin-top: 250px;
    }
}

.brand-partner {
    background: var(--site-bg-color);
    opacity: .01;
}

.brand-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 7rem;
    position: absolute;
    left: 0;
    top: 10%;
    transform: translateY(-50%);
    width: 100%;
    will-change: transform;
}

.brand-single {
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-single img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.brand-single img {
    opacity: 1;
    transition: opacity 0.4s ease;
}

.brand-single img.fade-out {
    opacity: 0;
}

@media (max-width: 1024px) {
    .grid {
        grid-template-columns: repeat(3, 1fr);

        .brand-single {
            height: 60px;
        }
    }
}

@media (max-width: 768px) {
    .grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .brand-wrapper {
        top: 50%;
        padding: 0 35px;
        gap: 5rem;
    }

}

.combind-section {
    background-color: var(--site-bg-color);
    border-bottom-right-radius: 3.125rem;
    border-bottom-left-radius: 3.125rem;
    overflow: hidden;
}

.team-moving {
    gap: 30vh;
}

.moving-img {
    height: auto;
    width: 26vw;
}

.moving-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.moving-image-animation {
    height: 100vh;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.team-images-wrapper {
    height: 100%;
    display: flex;
    align-items: flex-start;
}

.left-team-img {
    padding-left: 2.5rem;
}

.right-team-img {
    padding-right: 2.5rem;
}

.left-team-img,
.right-team-img {
    transform: translateY(-102%);
    will-change: transform;
}

.middle-team-img {
    transform: translateY(101vh);
    will-change: transform;
}

.sticky-logo-bg {
    position: absolute;
    width: 100%;
    height: 80vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .2;
    /* filter: blur(20px); */
    filter: blur(8px);
    -webkit-filter: blur(8px);
}



@media (max-width: 1024px) {
    .sticky-logo-bg {
        height: auto;
    }

    .middle-team-img,
    .team-moving {
        display: none;
    }

    .team-images-wrapper {
        gap: 5vw;
    }

    .moving-img {
        width: 100%;
    }


    .team-moving {
        gap: 5vw;
    }

    .left-team-img {
        padding-left: 20px;
    }

    .right-team-img {
        padding-right: 20px;
    }

    .mobile-team-moving {
        transform: translateY(-100%);
        display: flex;
        flex-direction: column;
        gap: 50px;
        justify-content: center;
        width: 100%;
        padding: 50px;
        will-change: transform;
    }

}

.home-inner-combind-section {
    background-position: 40% 130%;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 250% 195%;
    position: relative;
}

.cbg {
    position: absolute;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 1) 80%, rgb(0 14 41) 80%, rgba(0, 0, 0, 0) 87%);
    opacity: 0.7;
    top: -7%;
    overflow: hidden;
    width: 100%;
}


.cbg img {
    transform: scale(3);
    width: 100% !important;
    height: 100% !important;
}

.home-inner-combind-section::before {
    background: linear-gradient(180deg, rgba(0, 11, 33, 0.8) 85.02%, #000b21 100%);
    content: "";
    position: absolute;
    inset: 0;
}

.schedule-demo-inner {
    background: var(--site-liner-dark);
    position: relative;
    /* backdrop-filter: blur(30px); */
    /* backdrop-filter: blur(10px); */
    /* -webkit-backdrop-filter: blur(10px); */
    /* transform: translate3d(0, 0, 0); */
    overflow: hidden;
    will-change: transform;
    transform-style: preserve-3d;
}

.schedule-demo-inner h3 {
    font-weight: 400;
    font-style: normal;
    font-size: 3rem;
    line-height: 1;
    letter-spacing: 0;
    margin-bottom: 1.87rem;
}

.schedule-demo-inner p {
    font-weight: 400;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1.5;
}

.ai-future-contents h3 {
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.ai-future-contents p {
    font-weight: 300;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.4;
}

.ai-right-content {
    background: var(--site-liner-bg);
    min-height: 12.68rem;
    height: 100%;
    padding-top: 5rem;
}

@media (max-width: 1280px) {
    .location-content {
        padding: 0 20px;
    }
}

@media (max-width: 1024px) {

    .single-ai-future-left,
    .single-ai-future-right {
        max-width: 48%;
        flex: 0 0 48%;
    }

    .location-earth {
        height: 100% !important;
    }

    #globeViz,
    .locations-wrapper {
        position: relative !important;
    }
}

@media (max-width: 768px) {

    .single-ai-future-left,
    .single-ai-future-right {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .ai-right-content,
    .single-ai-future-left {
        min-height: 30vh;
    }

    .ai-future-contents {
        gap: .875rem;
    }

    .cbg {
        top: -5%;
    }

}

.solution-combind {
    position: relative;
    /* background: url(../images/wave-blue-bg.webp); */
    background-position: 40% -22%;
    background-repeat: no-repeat;
    background-size: 300%;
}

.solution-combind::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(0 0 0 / 70%);
    z-index: 1;
}

/* .solution-combind:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #0000002e);
    pointer-events: none;
    z-index: 1;
} */

.solution-combind>* {
    position: relative;
    z-index: 20;
}

.aquila-slider-images {
    max-width: 47%;
    flex: 0 0 47%;
    height: 500px;
}

.aquila-slider-single-img {
    border-radius: 3.125rem;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.solution-slider-wrapper {
    max-width: 50%;
    flex: 0 0 50%;
}


.solution-slider-wrapper .swiper-slide {
    background: #00000099;
    padding: 3.125rem;
    /* SAME as active */
    border-radius: 3.125rem;
    position: relative;
    overflow: hidden;
    transition: .3s ease-in-out;
    /* backdrop-filter: blur(30px); */
    /* backdrop-filter: blur(10px); */
    /* -webkit-backdrop-filter: blur(10px); */
    /* transform: translate3d(0, 0, 0); */
    width: 100%;
    height: 100%;
}

.solution-slider-wrapper .swiper-slide.swiper-slide-active {
    background: var(--site-liner-bg);
    /* padding: 3.125rem; */
    width: 100%;
    height: 100%;
}

.solution-slider-wrapper .swiper-slide.swiper-slide-active:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(264deg, #00000000 0%, #0000008a 95%);
    /* backdrop-filter: blur(30px); */
    /* backdrop-filter: blur(10px); */
    /* -webkit-backdrop-filter: blur(10px); */
    /* transform: translate3d(0, 0, 0); */
}


.solution-slider-wrapper .swiper-slide {
    transform: scale(0.96);
    transition: transform 0.3s ease, background 0.3s ease;
}

.solution-slider-wrapper .swiper-slide.swiper-slide-active {
    transform: scale(1);
}




.solution-slider-wrapper .swiper-wrapper {
    align-items: center !important;
}

.solution-slider-wrapper .swiper-slide p,
.solution-slider-wrapper .timeline-title,
.solution-slider-wrapper .time-line-count span {
    color: var(--site-ash-color);
    transition: .3s ease-in-out;
}

.solution-slider-wrapper .timeline-title {
    font-size: 1.62rem;
}

.solution-slider-wrapper .swiper-slide.swiper-slide-active .timeline-title {
    font-size: 1.875rem;
}

.solution-slider-wrapper .swiper-slide.swiper-slide-active p,
.solution-slider-wrapper .swiper-slide.swiper-slide-active .timeline-title,
.solution-slider-wrapper .swiper-slide.swiper-slide-active .time-line-count span {
    color: var(--site-white-color);
    transition: .3s ease-in-out;
}

.arrow-btn {
    background: var(--site-liner-bg);
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 9999px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s;
}

.arrow-btn:hover {
    background: white;
    transition: .3s;
}

.arrow-btn svg path {
    transition: .3s ease-in-out;
}

.arrow-btn:hover svg path {
    stroke: #344054;
    transition: .3s ease-in-out;
}

.solution-slider-wrapper .swiper-pagination .swiper-pagination-bullet {
    background: #ffffff !important;
    height: .625rem;
    width: .625rem;
    opacity: 1;
}

.solution-slider-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--site-liner-bg) !important;
}

.aquila-solution-slider {
    min-height: 82vh;
}

.aquila-slider-single-img {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.6s ease;
    pointer-events: none;
    transform: scale(1.05);
    transition: opacity 0.6s ease, transform 0.8s ease;
}

.aquila-slider-single-img.is-active {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}

@media (min-width: 1700px) {
    .aquila-slider-images {
        height: 550px;
    }
}

@media (min-width: 2300px) {
    .aquila-slider-images {
        height: 650px;
    }
}

@media (min-width: 2500px) {
    .aquila-slider-images {
        height: 700px;
    }
}

@media (min-width: 3000px) {
    .aquila-slider-images {
        height: 800px;
    }
}

@media (max-width: 1024px) {

    .solution-slider-wrapper,
    .aquila-slider-images {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .solution-slider-wrapper {
        padding-right: 20px;
    }

    .aquila-slider-images {
        height: 400px;
    }
}

@media (max-width: 768px) {
    .solution-slider-wrapper .swiper-slide {
        padding: 15px;
    }

    .solution-slider-wrapper .swiper-slide.swiper-slide-active {
        padding: 20px;
        min-height: 350px;
    }

    .aquila-solution-slider {
        padding-bottom: 30px;
        min-height: 270px;
    }

    .solution-slider-wrapper .timeline-title {
        font-size: 1.3rem;
        text-wrap: balance;
    }

    .solution-slider-wrapper .swiper-slide.swiper-slide-active .timeline-title {
        font-size: 1.4rem;
    }

    .timeline-title {
        font-size: 1.5rem;
        line-height: 1.3;
    }
}

.real-time-slider {
    background: linear-gradient(to bottom, rgba(0, 8, 25, 0.95) 0%, rgba(0, 8, 25, 0.6) 20%, rgba(0, 8, 25, 0) 40%);
}

.slider-media {
    will-change: transform;
    transform-style: preserve-3d;
    height: 61vh;
    border-radius: 3.125rem;
    overflow: hidden;
}

.real-time-slider-wrapper .swiper-slide .slider-media {
    opacity: 0;
    visibility: hidden;
}

.real-time-slider-wrapper .swiper-slide.swiper-slide-active .slider-media {
    opacity: 1;
    visibility: visible;
}

.progress-content h3 {
    font-weight: 400;
    font-size: 1.875rem;
    line-height: 1;
    color: var(--site-ash-color);
    margin-top: 2rem;
    margin-bottom: 1.25rem;
    transition: color 0.3s;
}

.progress-content h5 {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.5;
    color: var(--site-ash-color);
    transition: color 0.3s;
}

.single-progress-content.active h3,
.single-progress-content.active h5 {
    color: var(--site-white-color);
}

.realtime-progress-content {
    margin-top: 2.5rem;
}

.single-progress-content {
    flex: 1;
    min-width: 250px;
    position: relative;
    padding-top: 1.5rem;
}

.single-progress-content .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 0%;
    background: var(--site-liner-bg);
    z-index: 5;
}

.single-progress-content:before {
    content: '';
    position: absolute;
    /* top: 0; */
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}

.real-time-slider-wrapper {
    display: flex;
    flex-direction: column;
    gap: 3.75rem;
}

.realtime-images-grid {
    width: 100%;
    min-height: 25rem;
    position: relative;
}

.realtime-slide-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

.realtime-slide-img.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    z-index: 10;
}

@media (max-width: 768px) {
    .real-time-slider-wrapper {
        gap: 2rem;
    }

    .realtime-images-grid {
        min-height: 15rem;
    }

    .single-progress-content {
        min-width: 100%;
        padding-top: 0 !important;
    }

    .progress-content h3 {
        font-size: 1.5rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding-top: 0;
    }

    .progress-content h5 {
        font-size: 1rem;
    }
}

.timeline-wrapper::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -10;
    background-color: #00000099;
    border-radius: 3.125rem;
    /* backdrop-filter: blur(5px); */
    /* backdrop-filter: blur(5px); */
    /* -webkit-backdrop-filter: blur(5px); */
    /* transform: translate3d(0, 0, 0); */
}

.timeline-inner-img {
    width: 100%;
    display: none;
}

.time-line-count {
    width: 4.5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.time-line-count::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: .81rem;
    height: .81rem;
    border-left: 1px solid var(--site-white-color);
    border-top: 1px solid var(--site-white-color);
    border-top-left-radius: 9px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    z-index: 10;
}

.time-line-count::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: .81rem;
    height: .81rem;
    border-right: 1px solid var(--site-white-color);
    border-top: 1px solid var(--site-white-color);
    border-top-right-radius: 9px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    z-index: 10;
}

.borders-bottom::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: .81rem;
    height: .81rem;
    border-left: 1px solid var(--site-white-color);
    border-bottom: 1px solid var(--site-white-color);
    border-bottom-left-radius: 9px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    z-index: 10;
}

.borders-bottom::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: .81rem;
    height: .81rem;
    border-right: 1px solid var(--site-white-color);
    border-bottom: 1px solid var(--site-white-color);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 0;
    z-index: 10;
}

.time-line-count span {
    font-weight: 300;
    font-size: 3.125rem;
    line-height: 1;
    letter-spacing: -0.02em;
}

.timeline-title {
    font-weight: 400;
    font-size: 2rem;
    line-height: 1;
    margin-top: 1.87rem;
    margin-bottom: .625rem;
    max-width: 29rem;
}

.timeline-item p {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 25px;
    color: var(--site-ash-color);
    max-width: 21rem;
}

.timeline-linebar {
    background: #0086F733;
    height: 100%;
    width: 2px;
}

.timeline-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #0086F733;
}

.timeline-left-img {
    max-width: 45%;
    flex: 0 0 45%;
}

.timeline-content {
    max-width: 55%;
    flex: 0 0 55%;
    padding-left: 10%;
    position: relative;
}

.timeline-item {
    position: relative;
    padding-bottom: 8.43rem;
}

.single-expect-timeline-line {
    position: absolute;
    top: 2rem;
    left: -11%;
    width: 2px;
    height: 0;
    background: linear-gradient(334.07deg, #73FBFD 16.25%, #195BF5 83.79%);
    transition: height 0.1s linear;
}

.timeline-item:last-child .single-expect-timeline-line {
    display: none;
}

.timeline-item::before {
    content: "";
    position: absolute;
    top: 2rem;
    left: -11%;
    width: 2px;
    height: 100%;
    background: #0086F733;
}

.timeline-item:last-child:before {
    display: none;
}

.timeline-item::after {
    content: url("../images/icon/dot-bw.svg");
    position: absolute;
    left: calc(-11% - .83rem);
    top: 1.5rem;
    width: 1.81rem;
    height: 1.81rem;
    background: var(--site-bg-color);
    border-radius: 55px;
    background-repeat: no-repeat;
    z-index: 10;
}

.timeline-item.active::after {
    content: url("../images/icon/dot-color.svg");
}

.timeline-left-img {
    position: sticky;
    top: 10vh;
    height: 44.5vh;
    border-radius: 3.125rem;
    overflow: hidden;
}

.timeline-left-img .timeline-single-img {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
}

.timeline-left-img .timeline-single-img:first-child {
    opacity: 1;
    visibility: visible;
}

.timeline-single-img.active {
    opacity: 1;
    visibility: visible;
    transition: .1s ease-in-out;
}

@media (min-width: 1600px) {
    .timeline-item {
        position: relative;
        padding-bottom: 10rem;
    }
}

@media (min-width: 1920px) {
    .timeline-item::after {
        left: calc(-11% - .75rem);
    }
}

@media (min-width: 2500px) {
    .timeline-item::after {
        left: calc(-11% - .63rem);
    }
}

@media (max-width: 768px) {
    .timeline-left-img {
        display: none;
    }

    .timeline-inner-img {
        display: block;
    }

    .timeline-content {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .timeline-item {
        padding-bottom: 5rem;
    }


    .timeline-title {
        font-size: 1.5rem;
        line-height: 1.2;
    }
}

.aquila-logo-solo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    mix-blend-mode: lighten;
}

.zoom-after-contents {
    border-radius: 3.125rem;
    overflow: hidden;
    position: relative;
    background: linear-gradient(180deg, #0A84FF 0%, #0544E4 100%);
}



.zoom-after-contents::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    /* background: linear-gradient(180deg, #00000000 0%, #000000e0 95%); */
}

.zoom-after-contents p {
    font-size: 2rem;
    line-height: 1.2;
}

.zoom-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000E29B2;
    height: 4.75rem;
    width: 4.75rem;
    border-radius: 999px;
}

@media (max-width: 768px) {
    .zoom-after-contents p {
        font-size: 1.2rem;
        line-height: 1.2;
    }

    .zoom-icons {
        width: 3rem;
        height: 3rem;
    }

    .zoom-icons img {
        width: 20px;
        height: auto;
    }
}

.our-operation {
    background: url("../images/footer-bg-min.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.our-operation:after {
    background: linear-gradient(180deg, rgba(0, 11, 33, 0.856) 85.02%, #000b21 100.05%);
    content: "";
    position: absolute;
    inset: 0;
}

.our-operation:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 30px;
    background: linear-gradient(to top, rgb(0 11 34 / 0%), #000b21);
    pointer-events: none;
    Z-index: 20;
}

.operations-item span {
    font-weight: 300;
    font-size: 6.4375rem;
    line-height: .75em;
    display: inline-block;
}

.operations-item h3 {
    font-weight: 400;
    font-size: 2rem;
    line-height: 37px;
}

.operations-item {
    /* max-width: 32%;
    flex: 0 0 32%; */
    max-width: 22%;
    flex: 0 0 22%;
}

.operation-img {
    border-radius: 3.125rem;
    overflow: hidden;
    width: 100%;
    /* height: 41vh; */
    height: 30vh;
}

.operation-globe {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}

@media (max-width: 1366px) {
    .operations-item span {
        font-size: 5rem;
    }

    .operations-item h3 {
        font-size: 1.6rem;
        line-height: 32px;
    }
}

@media (max-width: 1024px) {
    .operations-item {
        /* max-width: 45%;
        flex: 0 0 45%; */
        max-width: 40%;
        flex: 0 0 40%;
    }

    .operation-img {
        height: 250px;
    }

    .operation-globe {
        height: auto;
    }

    .operations-content {
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    .operations-item h3 {
        font-size: 23px;
    }

    .operations-item span {
        font-size: 5.2rem;
    }
}

@media (max-width: 640px) {
    .operations-item {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .operations-content {
        gap: 50px;
    }
}

.key-capabilites {
    background: url("../images/wave-blue-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.key-capabilites::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(0, 11, 33, 0.712);
    z-index: 1;
}

.key-capabilites::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(to top, rgb(0 11 34 / 0%), #000b21);
    pointer-events: none;
}

.platform-key-capabilites::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(to bottom, rgb(0 10 33 / 0%), #000a21);
    pointer-events: none;
    z-index: 30;
}

.single-capabilities h3 {
    font-weight: 400;
    font-size: 2rem;
    line-height: 1;
    margin-right: 30px;
}

.single-capabilities p {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.5;
    color: var(--site-ash-color);
    max-width: 29rem;
    width: 100%;
}

.capabilites-wrapper {
    margin-top: 3.125rem;
}

.single-capabilities {
    padding: 2.5rem;
    border-bottom: 1px solid #ddd;
    position: relative;
    z-index: 1;
}

.cap-img-container {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 18.75rem;
    height: 12.5rem;
    z-index: 100;
    overflow: hidden;
    border-radius: 20px;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
    transition: transform 0.4s ease, opacity 0.3s ease;
    pointer-events: none;
}

.cap-img-hover {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.cap-img-hover img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.5s ease;
    will-change: transform;
    backface-visibility: hidden;
    /* Prevents jitter in Chrome */
}

.img-old {
    transform: translateY(0);
    z-index: 1;
}

.img-new {
    transform: translateY(-100%);
    z-index: 2;
}

@media (max-width: 768px) {
    .single-capabilities {
        padding: 10px;
    }

    .single-capabilities h3 {
        font-size: 20px;
        line-height: 1.2;
    }

    .single-capabilities p {
        font-size: 16px;
        line-height: 1.2;
        text-align: center;
    }

    .rounded-\[3\.75rem\] {
        border-radius: 2rem;
    }

    .single-capabilities {
        flex-direction: column;
        gap: 30px;
    }
}

.product-combind {
    position: relative;
    /* background: url("../images/wave-blue-bg.webp"); */
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}



.product-combind::before {
    content: "";
    position: absolute;
    inset: 0;
    /* background: linear-gradient(to bottom, rgba(0, 8, 25, 0.95) 0%, rgba(0, 8, 25, 0.6) 20%, rgba(0, 8, 25, 0) 40%); */
    z-index: 1;
}

.product-combind>* {
    position: relative;
    z-index: 2;
}

.performence-outer {
    position: relative;
    z-index: 3;
}

.performence-outer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(#000000bd, #000000bd), url("../images/wave-blue-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 200% 200%;
    background-attachment: fixed;
    mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);
    -webkit-mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);
    z-index: -1;
}




.product-banner {
    background: url("../images/products/product-digital-bop.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.product-slider-outer {
    position: relative;
}

.product-slider-outer::before {
    background: url("../images/products/product-slider-bg-min.webp");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3.125rem;
    z-index: 2;
    position: absolute;
    content: "";
    inset: 0;
    width: 100%;
    height: 100%;
}

.product-slider-outer::after {
    background: linear-gradient(to bottom, rgba(0, 8, 25, 0.95) 0%, rgba(0, 8, 25, 0.6) 50%, rgb(0 9 28) 100%);
    position: absolute;
    content: "";
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 3.125rem;
    z-index: 3;
}

.product-realtime-slider .swiper-wrapper {
    background: url("../images/products/mac-book-img.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 63rem;
    margin: 0 auto;
    height: 35.5rem;
    display: flex;
    align-items: center;
    position: relative;
}

.product-realtime-slider .swiper-slide {
    max-width: 47.5rem;
    margin: 0 auto;
    height: 29.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-realtime-slider .slider-media {
    border-radius: unset !important;
    transform: translate(7.8rem, -.5rem);
    height: 100%;
    width: 100%;
}

.product-realtime-slider .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
    transition: .3s;
}

@media (max-width: 1280px) {
    .product-realtime-slider .swiper-wrapper {
        max-width: calc(63rem * 0.8);
        height: calc(35.5rem * 0.8);
    }

    .product-realtime-slider .swiper-slide {
        max-width: calc(47.5rem * 0.8);
        height: calc(29.8rem * 0.8);
    }

    .product-realtime-slider .slider-media {
        transform: translate(6.4rem, -.5rem);
    }
}

@media (max-width: 1024px) {
    .product-realtime-slider .swiper-wrapper {
        max-width: calc(63rem * 0.5);
        height: calc(35.5rem * 0.5);
    }

    .product-realtime-slider .swiper-slide {
        max-width: calc(47.5rem * 0.5);
        height: calc(29.8rem * 0.5);
    }

    .product-realtime-slider .slider-media {
        transform: translate(4rem, -.5rem);
    }
}

@media (max-width: 640px) {
    .product-realtime-slider .swiper-wrapper {
        max-width: calc(63rem * 0.30);
        height: calc(35.5rem * 0.30);
    }

    .product-realtime-slider .swiper-slide {
        max-width: calc(47.5rem * 0.30);
        height: calc(29.8rem * 0.30);
    }

    .product-realtime-slider .slider-media {
        transform: translate(2.4rem, -.2rem);
    }
}

@media (max-width: 375px) {
    .product-realtime-slider .swiper-wrapper {
        max-width: calc(63rem * 0.27);
        height: calc(35.5rem * 0.27);
    }

    .product-realtime-slider .swiper-slide {
        max-width: calc(47.5rem * 0.27);
        height: calc(29.8rem * 0.27);
    }

    .product-realtime-slider .slider-media {
        transform: translate(2.06rem, -.2rem);
    }
}

.report-content p {
    font-weight: 400;
    font-style: normal;
    font-size: 2rem;
    line-height: 40px;
}

.report-cards-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 25.3rem;
    flex: 0 0 25.3rem;
}

.report-cards-animation {
    height: 31.5rem;
    width: 100%;
}

.report-card {
    position: absolute;
    top: 0;
    will-change: transform;
    transform-style: preserve-3d;
    width: 100%;
    height: 100%;
    border-radius: 1.25rem;
    overflow: hidden;
    transition: transform 0.1s ease-out;
    transform: rotateZ(calc(var(--rindex) * 3deg));
    z-index: calc(10 - var(--rindex));
}

.static-report-card {
    position: absolute;
    top: 0;
    will-change: transform;
    transform-style: preserve-3d;
    width: 100%;
    height: 100%;
    border-radius: 1.25rem;
    overflow: hidden;
    transition: transform 0.1s ease-out;
    transform: rotateZ(calc(var(--rindex) * 3deg));
    z-index: -1;
    outline-color: var(--site-white-color);
    outline-offset: -9px;
    outline-width: 2px;
    outline-style: dashed;
}

@media (max-width: 1280px) {
    .report-content {
        max-width: 30rem;
        flex: 0 0 30rem;
    }

    .report-cards-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 22rem;
        flex: 0 0 22rem;
    }

    .report-cards-animation {
        height: 28rem;
    }
}

@media (max-width: 1023px) {
    .report-content {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .report-cards-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .report-cards-animation {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
        display: flex;
        justify-content: center;
    }

    .report-card,
    .static-report-card {
        height: 28rem;
        max-width: 22rem;
    }

    .report-content p {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 768px) {
    .report-content p {
        font-size: 16px;
        line-height: 20px;
    }

    .performence-outer {
        padding-top: 30px;
    }

    .report-card,
    .static-report-card {
        height: 380px;
        max-width: 270px;
    }
}

@media (max-width: 375px) {

    .report-card,
    .static-report-card {
        height: 350px;
        max-width: 230px;
    }
}

.case-studies-wrapper {
    background: var(--site-liner-dark);
    border-radius: 3.125rem;
    overflow: hidden;

    display: flex;
    justify-content: flex-end;
    /* Keeps collapsed tabs to the right */
}

.horizontal-slider-wrapper {
    margin-top: 50px;
    height: calc(100vh - 60px);
}

.single-horizontal-slider {
    height: 100%;
    position: absolute;
    top: 0;
    width: var(--hwidth);
    z-index: calc(10 + var(--hindex));
    pointer-events: none;
}

.horizon-slider-title-bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 5;
    pointer-events: none;
    height: auto;
    /* Growth driven by padding */
    padding: 0 2rem;
    /* Initial state */
    background: linear-gradient(90deg, rgba(5, 68, 228, var(--bg-opacity, 0)) 0%, rgba(0, 140, 255, var(--bg-opacity, 0)) 50%);
    display: flex;
    align-items: center;
}

.horizon-slider-title-bottom .horizon-vetticaltext {
    position: absolute;
    bottom: 40vh;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1.2;
    white-space: nowrap;
    transform-origin: left bottom;
    transform: translate(4.2vw, 17vw) rotate(-90deg);
    /* Add this to prevent text reflow glitches */
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    min-height: 3.62rem;
    display: flex;
    align-items: center;
}

/* Active state: Horizontal (at bottom) */
.single-horizontal-slider.active .horizon-slider-title-bottom {
    --bg-opacity: 1;
    padding: 2rem;
}


.single-horizontal-slider.active .horizon-slider-title-bottom .horizon-vetticaltext {
    position: relative;
    width: 100%;
    /* In active state, it can return to 100% of the expanded slide */
    bottom: 0;
    left: 0;
    font-size: 2rem;
    transform: translate(0, 0) rotate(0deg);
    white-space: normal;
}


@media (max-width: 1023px) {

    .horizon-slider-title-bottom h3,
    .single-horizontal-slider.active .horizon-slider-title-bottom .horizon-vetticaltext {
        font-size: 1.6rem;
    }

    .horizon-slider-title-bottom .horizon-vetticaltext {
        font-size: 4vw;
    }
}

@media (max-width: 768px) {

    .horizon-slider-title-bottom h3,
    .single-horizontal-slider.active .horizon-slider-title-bottom .horizon-vetticaltext {
        font-size: 1.2rem;
        line-height: 1.3rem;
        max-width: 250px;
    }

    .horizon-slider-title-bottom .horizon-vetticaltext {
        font-size: 3.4vw;
    }

    .single-horizontal-slider.active .horizon-slider-title-bottom {
        padding: 1.2rem;
    }

    .horizontal-slider-wrapper {
        border-radius: 2rem;
    }

    .horizon-slider-title-bottom .horizon-vetticaltext {
        transform: translate(4.2vw, 50vw) rotate(-90deg);
    }

    :root {
        --hwidth: 3rem;
    }
}

.platform-banner {
    background: url("../images/oculus-banner.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.text-switching-on-img-wrapper {
    height: 90vh;
    border-radius: 3.125rem;
    overflow: hidden;
}

.slider-switching-text .banner-sub-headline {
    color: var(--site-ash-color);
    transition: .3s ease-in-out;
    padding-left: 1.375rem;
    padding-right: 3.75rem;
    margin-top: 0 !important;
    line-height: 1.2;
}

.slider-switching-text .banner-sub-headline.current-text {
    color: #ffffff;
    transition: .3s ease-in-out;
}



.slider-switching-text {
    position: absolute;
    z-index: 20;
    left: 3.75rem;
    bottom: 3.75rem;
    width: 100%;
}

.slider-bg-img {
    position: relative;
}

.slider-bg-img:after {
    background: linear-gradient(209.58deg, rgba(0, 0, 0, 0) 50.16%, #000000 87.27%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.slider-switching-text:before {
    content: '';
    width: 2px;
    height: var(--progress-height, 1.5rem);
    position: absolute;
    left: 0;
    top: 2px;
    background: linear-gradient(334.07deg, #73FBFD 50.05%, #195BF5 83.79%);
    z-index: 10;
    /* This makes the bar "grow" to the next level smoothly */
    transition: height 0.8s ease-in-out;
}

.big-text-slider span {
    font-weight: 300;
    font-size: 103px;
    line-height: 100%;
}

.big-text-slider {
    position: absolute;
    top: 3.75rem;
    left: 3.75rem;
    z-index: 20;
}

.platform-ft-wrapper {
    max-width: 80rem !important;
}


@media (max-width: 768px) {
    .slider-switching-text {
        left: 1.375rem;
        bottom: 2rem;
    }

    .platform-ft-wrapper .banner-sub-headline {
        margin-top: 0;
    }

    .big-text-slider span {
        font-weight: 300;
        font-size: 60px;
        line-height: 100%;
    }
}

.platform-box-info {
    background: url(../images/wave-blue-bg.webp);
    background-repeat: no-repeat;
    background-size: 212% 80%;
    background-position: 95% -75%;
    position: relative;
}

.platform-box-info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(to top, rgb(0 11 34 / 0%), #000b21);
    pointer-events: none;
}

.platform-box-info::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    /* filter: blur(10px); */
    filter: blur(8px);
    -webkit-filter: blur(8px);
    /* transform: translate3d(0, 0, 0); */
    background: #000a2175;
}

.platform-box-info-wrapper .banner-sub-headline {
    margin-top: 0;
}

.platform-box-info-wrapper p,
.platform-box-info-wrapper ul li {
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--site-ash-color);
}

.platform-box-info-wrapper ul li {
    list-style-type: disc;
    margin-left: 1rem;
}

.platform-box-left,
.platform-box-right {
    display: flex;
    flex-direction: column;
}

.platform-box-info-wrapper .stats-box-single {
    flex-grow: 1;
}

.platform-schedule {
    padding-bottom: 3rem;
}

.platform-sch-content {
    border-top-left-radius: 3.125rem;
    border-top-right-radius: 3.125rem;
    overflow: hidden;
    position: relative;
    background: linear-gradient(180deg, #0A84FF 0%, #0544E4 100%);
}

.platform-sch-content::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    background: linear-gradient(135deg, #00000000 0%, #000000e0 95%);
}

.platform-sch-content {
    padding-bottom: 160px;
}

.platform-sch-img {
    margin-top: -75px;
    position: relative;
    z-index: 50;
}

.text-switching-two-outer {
    padding-left: 3.125rem;
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 8.09%, rgba(0, 0, 0, 0.85) 100%), linear-gradient(90deg, #0544E4 0%, #008CFF 100%);
    border-radius: 3.125rem;
    overflow: hidden;
}

.text-switching-two-contents h4 {
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: .7rem;
    color: #5E87D5;
}

.text-switching-two-contents h4.current-text {
    transition: .3s ease-in-out;
    color: var(--site-white-color);
}

.text-switching-two-wrapper .swiper-slide {
    position: absolute;
    top: 2.5rem;
    right: 0;
    max-width: 82% !important;
    width: 100%;
    height: 30rem;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out;
    display: flex;
    justify-content: end;
    transform: none !important;
}

.text-switching-two-wrapper .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
    visibility: visible !important;
    transition: .3s ease-in-out;
}

.text-switching-two-left,
.text-switching-two-wrapper {
    max-width: 50%;
    flex: 0 0 50%;
}

.text-switching-two-wrapper .swiper-wrapper {
    background-image: url("../images/macbook-half.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
    height: 35.6rem;
    width: 50vw;
}

.text-slider-two-progress-bar {
    background: #0086F7;
    height: 2px;
    width: 19.3rem;
    position: relative;
}

.slider-two-progress-bar-inner {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(334.07deg, #73FBFD 0.05%, #004cff 100.79%);
    height: 100%;
    z-index: 20;
    width: 0%;
}

@media (max-width: 1400px) {
    .text-switching-two-wrapper .swiper-wrapper {
        height: 30rem;
        width: 50vw;
    }

    .text-switching-two-wrapper .swiper-slide {
        height: 25rem;
    }
}

@media (max-width: 1366px) {
    .text-switching-two-wrapper .swiper-wrapper {
        height: 25rem;
        width: 50vw;
    }

    .text-switching-two-wrapper .swiper-slide {
        height: 20rem;
    }

    .slider-two-title {
        padding-right: 20px;
    }
}

@media (max-width: 1280px) {
    .text-switching-two-wrapper .swiper-wrapper {
        height: 20rem;
        width: 50vw;
    }

    .text-switching-two-wrapper .swiper-slide {
        height: 15rem;
    }
}

@media (max-width: 1024px) {
    .text-switching-two-outer {
        gap: 50px;
    }

    .text-switching-two-left,
    .text-switching-two-wrapper {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .text-switching-two-wrapper {
        display: flex;
        justify-content: end;
    }
}

@media (max-width: 768px) {
    .text-switching-two-wrapper .swiper-wrapper {
        height: 15rem;
        width: 90vw;
    }

    .text-switching-two-wrapper .swiper-slide {
        height: 12rem;
        top: 20px;
    }

    .text-switching-two-outer {
        padding: 20px;
        padding-right: 0;
    }

    .slider-two-title {
        font-size: 20px !important;
    }
}

#marker {
    opacity: 0;
    visibility: hidden;
}

#marker.is-visible {
    opacity: 1;
    visibility: visible;
}

.contact-combind {
    background: url("../images/wave-blue-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 250% 150%;
    position: relative;
}

.contact-combind:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000E29B2;
}

.form-content {
    max-width: 43.5%;
    flex: 0 0 43.5%;
}

.aquila-contact-form {
    max-width: 56.5%;
    flex: 0 0 56.5%;
}

.aquila-contact-form,
.apply-now-form {
    background: #00000099;
    border-radius: 2rem;
    position: relative;
    overflow: hidden;
    transition: .3s ease-in-out;
    /* backdrop-filter: blur(30px); */
    /* backdrop-filter: blur(10px); */
    /* -webkit-backdrop-filter: blur(10px); */
    /* transform: translate3d(0, 0, 0); */
    width: 100%;
    /* height: 100%; */
}

.input-field {
    max-width: 46%;
    flex: 0 0 46%;
}

.form-input {
    border-bottom: 1px solid #20293A;
    padding-bottom: 1.5rem;
    font-size: 1rem;
    line-height: 1;
    color: var(--site-ash-color);
    width: 100%;
}

.form-input:focus {
    outline: none;
    /* color: #ffffff; */
    border-color: #ffffff;
}




.form_control:focus+label,
.form_control.is-filled+label {
    top: -1.5rem;
    font-size: 0.85rem;
    color: #ffffff;
}

/* Invalid State - Label and Border color */
.form_control:invalid.is-filled:not(:focus) {
    border-color: #ff4d4d;
}

.form_control:invalid.is-filled:not(:focus)+label {
    color: #ff4d4d !important;
}

/* Error Message Logic */
.error-msg {
    position: absolute;
    bottom: -1.2rem;
    left: 0;
    font-size: 0.75rem;
    color: #ff4d4d;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    line-height: 1;
}

.form_control:invalid.is-filled:not(:focus)~.error-msg {
    opacity: 1;
}

.moving-field {
    position: relative;
    width: 100%;
}

.moving-field label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.5rem 0;
    pointer-events: none;
    transition: all 0.3s ease;
    font-size: 1rem;
    line-height: 1;
    color: var(--site-ash-color);
    font-weight: 300;
}


@media (max-width: 1024px) {

    .form-content,
    .aquila-contact-form {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .input-field {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .aquila-contact-form {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (max-width: 768px) {
    .moving-field label {
        font-size: 0.875rem;
    }

    .form_control:focus+label,
    .form_control.is-filled+label {
        font-size: 0.7rem;
    }

    .input-field {
        margin-bottom: 5px;
    }
}

.contact-combind {
    position: relative;
    z-index: 100;
    overflow: hidden;
    border-bottom-left-radius: 3.125rem;
    border-bottom-right-radius: 3.125rem;
}

.single-location-box {
    background: #00000099;
    border-radius: 3.75rem;
    position: relative;
    overflow: hidden;
    transition: .3s ease-in-out;
    /* backdrop-filter: blur(30px); */
    /* backdrop-filter: blur(10px); */
    /* -webkit-backdrop-filter: blur(10px); */
    /* transform: translate3d(0, 0, 0); */
    min-height: 19.75rem;
    padding: 2.5rem;
}

.location-marker {
    width: 4.75rem;
    height: 4.75rem;
    background: #000E29B2;
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-location-box h4 {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1;
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
}

.single-location-box p {
    color: var(--site-ash-color);
    font-size: 1rem;
    line-height: 1.3;
}

.single-location-box:nth-child(2),
.single-location-box:nth-child(3),
.single-location-box:nth-child(6),
.single-location-box:nth-child(7) {
    max-width: 64%;
    flex: 0 0 64%;
}

.single-location-box:nth-child(1),
.single-location-box:nth-child(4),
.single-location-box:nth-child(5),
.single-location-box:nth-child(8) {
    max-width: 34%;
    flex: 0 0 34%;
}

@media (max-width: 768px) {
    .single-location-box {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

.aquila-blogs {
    background: url("../images/wave-blue-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.aquila-blogs:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000E29B2;
}

.blog-full-width .blog-card-single {
    background: linear-gradient(90deg, #008CFF 0%, #000712 73.5%);
    border-radius: 3.125rem;
    overflow: hidden;
}

.box-blog-date {
    margin-bottom: 1.25rem;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.5;
}

.box-blog-title {
    margin-bottom: 1.25rem;
    font-weight: 400;
    font-size: 1.875rem;
    line-height: 35px;
}

.box-blog-description {
    margin-bottom: 3rem;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.5;
}

.box-blog-btn,
.load-more-btn {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1;
    text-transform: uppercase;
}

.box-blog-btn {
    position: relative;
}

.box-blog-btn:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 0;
    height: 2px;
    background: var(--site-liner-bg);
    transition: .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.box-blog-btn:hover:after {
    width: 100%;
    transition: .3s cubic-bezier(0.175, 0.885, 0.32, 1);
}

.blog-box-content {
    max-width: 50%;
    flex: 0 0 50%;
}

.blog-full-width .blog-box-image {
    max-width: 46%;
    flex: 0 0 46%;
}

.blog-box-image {
    border-radius: 3.125rem;
    overflow: hidden;
    aspect-ratio: 1 / .7;
}

.blog-half-width .blog-card-single {
    max-width: 48.5%;
    flex: 0 0 48.5%;
}

.load-more-btn {
    padding: 1.375rem 1.875rem;
    border: 1px solid #ffffff;
    border-radius: 9999px;
}

.blog-single-inner .box-blog-date {
    color: var(--site-ash-color);
}

.single-blog-image {
    aspect-ratio: 1 / .4;
}

.single-blogmore-content-wrapper {
    max-width: 58.75rem;
    margin: 0 auto;
}

.blog-single-page:after {
    background: linear-gradient(#000e2900 00%, #000e28 85%), url("../images/wave-blue-bg.webp");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90vh;
    z-index: 10;
    content: '';
}

.single-blog-card {
    background: linear-gradient(90deg, #000712 0%, #008CFF 73.5%);
    padding: 2.5rem;
    border-radius: 3.125rem;
    overflow: hidden;
}

.single-blog-card-inner {
    display: flex;
    gap: 3.125rem;
    align-items: center;
}

.single-blog-card-image {
    max-width: 27.18rem;
    flex: 0 0 27.18rem;
    height: 24.68rem;
    border-radius: 3.125rem;
    overflow: hidden;
}

.blog-moreinfo-title-list h3 {
    font-weight: 400;
    font-size: 3.4375rem;
    line-height: 1.2;
}

.blog-moreinfo-title-list p,
.blog-moreinfo-title-list ul {
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 30px;
    margin-top: 2.5rem;
}

.blog-moreinfo-title-list ul li {
    list-style: disc;
    margin-left: 1.5rem;
}

@media (max-width: 1024px) {

    .blog-full-width .blog-box-image,
    .blog-box-content,
    .blog-half-width .blog-card-single {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .blog-card-single {
        margin-bottom: 120px;
    }

    .blog-moreinfo-title-list h3 {
        font-size: 40px;
    }

    .single-blog-card-inner {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .blog-moreinfo-title-list h3 {
        font-size: 30px;
    }
}

.join-team-headline {
    font-size: 8rem;
    line-height: 1;
    font-weight: 300;
}

.join-the-team-img {
    background: linear-gradient(158.71deg, rgba(0, 14, 41, 0) 60.72%, rgba(0, 14, 41, 0.75) 77.14%, #000E29 85.98%), linear-gradient(201.29deg, rgba(0, 14, 41, 0) 53.67%, rgba(0, 14, 41, 0.75) 74.67%, #000E29 85.98%);
    margin-top: -3.8rem;
}

.apply-now-outer {
    background: linear-gradient(#000E29 10%, #000e29 85.98%);
}

.apply-now-outer p {
    color: var(--site-ash-color);
    max-width: 35.2rem;
}

.input-field label {
    margin-bottom: .6rem;
    display: block;
}

#consent-checkbox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #008CFF;
    border-radius: 8px;
    background: transparent;
    position: relative;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

#consent-checkbox:checked {
    background: linear-gradient(0deg, #0544E4 0%, #008CFF 100%);
}

#consent-checkbox:checked::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 6.42px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
}

label {
    cursor: inherit !important;
}

.radio-input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid white;
    border-radius: 50%;
    background: transparent;
    position: relative;
    flex-shrink: 0;
    transition: all 0.3s ease;
    margin: 0;
}

.radio-input:checked {
    border-color: #008CFF;
    background: linear-gradient(0deg, #0544E4 0%, #008CFF 100%);
}

.radio-input:checked::after {
    content: '';
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.radio-label {
    font-size: 1rem;
    color: white;
    user-select: none;
}

.radio-buttons label {
    margin-bottom: 0 !important;
}

.file-field {
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: visible;
    padding: 16px;
    background: transparent;
}

.file-field::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 1px;
    background: linear-gradient(316.46deg, #0544E4 1.27%, #008CFF 25.64%, #0544E4 50%, #008CFF 74.36%, #0544E4 98.73%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: padding 0.3s ease;
}

.file-field:hover::before {
    padding: 2px;
    animation: borderRotate 3s linear infinite;
}

@keyframes borderRotate {
    0% {
        background: linear-gradient(316.46deg, #0544E4 1.27%, #008CFF 25.64%, #0544E4 50%, #008CFF 74.36%, #0544E4 98.73%);
    }

    25% {
        background: linear-gradient(46.46deg, #0544E4 1.27%, #008CFF 25.64%, #0544E4 50%, #008CFF 74.36%, #0544E4 98.73%);
    }

    50% {
        background: linear-gradient(136.46deg, #0544E4 1.27%, #008CFF 25.64%, #0544E4 50%, #008CFF 74.36%, #0544E4 98.73%);
    }

    75% {
        background: linear-gradient(226.46deg, #0544E4 1.27%, #008CFF 25.64%, #0544E4 50%, #008CFF 74.36%, #0544E4 98.73%);
    }

    100% {
        background: linear-gradient(316.46deg, #0544E4 1.27%, #008CFF 25.64%, #0544E4 50%, #008CFF 74.36%, #0544E4 98.73%);
    }
}

.file-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.fileupload-msg {
    font-size: .875rem;
    line-height: 1.5;
}

.fileupload-msg>span {
    color: #008CFF;
}

.single-job-position {
    background: #00000099;
    border-radius: 2rem;
    position: relative;
    /* backdrop-filter: blur(10px); */
    /* backdrop-filter: blur(10px); */
    /* -webkit-backdrop-filter: blur(10px); */
    /* transform: translate3d(0, 0, 0); */
}

.single-job-position:last-child {
    margin-bottom: 0 !important;
}

.single-job-position::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 2rem;
    padding: 1px;
    background: linear-gradient(316.46deg, #0544E4 1.27%, #008CFF 25.64%, #0544E4 50%, #008CFF 74.36%, #0544E4 98.73%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.single-job-position.active:before {
    padding: 2px;
    animation: borderRotate 3s linear infinite;
}

.job-title {
    font-size: 1.5rem;
    font-weight: 600;
}

.single-job-position p,
.single-job-position ul {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.7;
    font-weight: 300;
    margin-top: .5rem;
}

.single-job-position ul li {
    list-style: disc;
    margin-left: 1.25rem;
    margin-bottom: .4rem;
}

.job-description-block {
    margin-top: 2.125rem;
    padding-top: 2.125rem;
    border-top: 1px solid #20293A;
}

.job-position-head:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    background: url('../images/icon/arrow-down.svg') no-repeat center center;
    background-size: contain;
    z-index: 20;
    transition: .5s cubic-bezier(0.23, 1, 0.320, 1);
}

.apply-now-outer:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 6rem;
    background: linear-gradient(to bottom, rgb(0 10 33) 0%, rgba(0, 8, 25, 0.6) 20%, rgb(0 14 41) 100%);
    pointer-events: none;
    Z-index: 20;
}

.apply-now-outer::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6rem;
    background: linear-gradient(to bottom, rgb(0 14 41) 0%, rgba(0, 8, 25, 0.6) 80%, rgb(0 10 33) 100%);
    pointer-events: none;
    Z-index: 20;
}

.single-job-position.active .job-position-head:after {
    transform: translateY(-50%) rotate(180deg);
    transition: .5s cubic-bezier(0.23, 1, 0.320, 1);
}

.job-position-body {
    display: none;
    transition: .5s cubic-bezier(0.23, 1, 0.320, 1);
}

.single-job-position.active .job-position-body {
    display: block;
    transition: .5s cubic-bezier(0.23, 1, 0.320, 1);
}

.join-team-bottom-combind {
    background: url(../images/wave-blue-bg.webp);
    background-repeat: no-repeat;
    background-size: 300% 200%;
    background-position: 40% 50%;
    background-attachment: fixed;
    position: relative;
}

.join-team-bottom-combind::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#000a21de 10%, #000e2961 100%);
}

.join-team-bottom-combind::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#000e2900 10%, #000a21 80%);
}

.vision-mision-card .vm-description {
    font-size: 1.85rem;
    line-height: 1.3;
}

.vision-mision-card .card-bottom {
    gap: 4.5rem;
    align-items: center;
}

.vision-mision-card:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 9rem;
    background: linear-gradient(to top, rgb(0 10 33 / 0%), #000e29);
    pointer-events: none;
    z-index: 30;
}

.single-value-text {
    display: flex;
    align-items: center;
    gap: 1.875rem;
    max-width: 21rem;
    opacity: 1;
}

.value-details {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    min-width: 340px;
    height: 100%;
    width: 100%;
    left: calc(100% + 2rem);
    top: -1rem;
}

.value-details h3 {
    font-size: 1.875rem;
    margin-top: .4rem;
}

.value-details p {
    color: var(--site-ash-color);
    font-size: 1rem;
    font-weight: 300;
    margin-top: 10px;
}

.our-values-solo-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    width: 100%;
    text-align: center;
}

.single-value-text img {
    opacity: 0;
    transform: translateY(40px);
    will-change: transform opacity;
}


.our-values {
    position: relative;
    background: url(../images/wave-blue-bg.webp);
    background-repeat: no-repeat;
    background-size: 400% 400%;
    background-attachment: fixed;
    background-position: 45% 83%;
}

.our-values .init-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#000a21 00%, #000a20 85%);
}

.our-values.initready .init-overlay {
    opacity: 0;
    transition: .8s ease-in-out;
    z-index: 10;
}



.our-values:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#000a21 00%, #000e294f 85%);

}

.our-values:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#000e2900 00%, #000e28 85%);
}

.single-value-text img {
    width: auto;
    height: 5.625rem !important;
}

.join-the-team-img {
    min-height: 60vh;
    height: 100%;
}




@media (max-width: 1280px) {
    .join-the-team-img {
        min-height: 40vh;
    }
}

@media (max-width: 1024px) {
    .join-the-team-img {
        min-height: 44vw;
    }

    .join-the-team {
        padding-top: 6rem;
    }

    .join-the-team-img {
        margin-top: -2.5rem;
    }
}

@media (max-width: 768px) {
    .join-team-headline {
        font-size: 4.5rem;
    }

    .apply-now-form .section-btn,
    .apply-now-form .section-btn button {
        width: 100%;
    }

    .value-details h3 {
        font-size: 24px;
    }

    .value-details p {
        margin-top: 0;
    }

    .value-details {
        left: calc(100% + 1rem);
    }

    .vision-mision-card .vm-description {
        font-size: 1.4rem;
    }
}

@media (max-width: 430px) {
    .single-value-text img {
        width: auto;
        height: 4.5rem !important;
    }

    .value-details p {
        max-width: 75%;
        line-height: 1.2;
        margin-top: 5px;
        text-wrap: balance;
    }
}

@media (max-width: 380px) {
    .join-team-headline {
        font-size: 4rem;
    }

    .value-details h3 {
        font-size: 22px;
    }

    .value-details p {
        margin-top: 0;
        font-size: 14px;
        max-width: 65%;
    }

    .single-value-text img {
        width: auto;
        height: 3.5rem !important;
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false;
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false;
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false;
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false;
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false;
}

@property --tw-leading {
    syntax: "*";
    inherits: false;
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false;
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false;
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false;
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false;
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff;
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-blur {
    syntax: "*";
    inherits: false;
}

@property --tw-brightness {
    syntax: "*";
    inherits: false;
}

@property --tw-contrast {
    syntax: "*";
    inherits: false;
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false;
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false;
}

@property --tw-invert {
    syntax: "*";
    inherits: false;
}

@property --tw-opacity {
    syntax: "*";
    inherits: false;
}

@property --tw-saturate {
    syntax: "*";
    inherits: false;
}

@property --tw-sepia {
    syntax: "*";
    inherits: false;
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false;
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false;
}

@layer properties {
    @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {

        *,
        ::before,
        ::after,
        ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
        }
    }
}




.single-value-text {
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}


video::-webkit-media-controls {
    display: none !important;
}

video {
    pointer-events: none;
    /* optional: disables taps */
}



/* Utility: No Scroll Override */
.no-scroll {
    overflow: hidden !important;
    height: 100vh;
    touch-action: none;
}













/*  aquila tab slider */

.aquila-tab-slider {
    padding-top: 3.75rem;
    /* padding-bottom: 3.75rem; */
    /* background: linear-gradient(to bottom, rgba(0, 8, 25, 0.95) 0%, rgba(0, 8, 25, 0.6) 20%, rgb(0 3 10) 40%); */
    position: relative;
}

.aquila-tab-slider:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(180deg, #000819 0%, #000a21 95%);
    pointer-events: none;
    Z-index: -1;
}


.aquila-tab-slider-outer {
    position: relative;
    width: 100%;
    min-height: 37rem;
    border-radius: 2.25rem;
    overflow: hidden;
    padding: 3.125rem;
}

.tab-slider-bg-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


.tab-slider-title-wrapper .single-progress-content::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #0086F733;
    height: 2px;
    width: 100%;
    z-index: 1;
}

.tab-slider-title-wrapper {
    max-width: 26.37rem;
    flex: 0 0 26.37rem;
}

.tab-slider-title-wrapper .single-progress-content .progress-bar {
    margin-top: 20px;
}

.single-progress-content h5 {
    font-size: 1rem;
}


.tab-slider-full-content {
    max-width: 25.25rem;
    flex: 0 0 25.25rem;
    z-index: 20;
}

.tab-slider-full-content .banner-sub-headline {
    font-size: 1.375rem;
    line-height: 1.3;
}

.tab-single-silder .right-silder-img {
    height: 14.06rem;
    border-radius: 2rem;
    overflow: hidden;
    margin: 1.5rem 0;
    width: 100%;
}

.tab-slider-details h3 {
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 500;
}

.tab-slider-details {
    padding: 1.5rem;
    background: linear-gradient(57.38deg, rgba(0, 0, 0, 0.85) 0.02%, rgba(0, 0, 0, 0) 100.02%),
        linear-gradient(90deg, #0544E4 0%, #008CFF 100%);
    border-radius: 2rem;
    overflow: hidden;
    margin-bottom: 2rem;
    width: 100%;
}

.tab-slider-details h3 {
    font-size: 1rem;
    line-height: 1.7;
    margin-top: 10px;
}

.tab-slider-details p {
    font-size: .875rem;
    line-height: 1.7;
    margin-top: 10px;
}

.tab-single-silder.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.tab-slider-full-content .swiper-pagination-bullet {
    background: #EAECF0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 .25rem;
}

.tab-slider-full-content .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ffffff;
}

/* Tab Content Slider CSS for Fade & active states */
.tab-slider-bg-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

.tab-slider-bg-item.active {
    opacity: 1;
    visibility: visible;
}

.tab-slider-full-content {
    position: relative;
    min-height: 38rem;
}

.tab-slider-full-content .slider-right-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    z-index: 10;
}

.tab-slider-full-content .slider-right-wrapper.active {
    opacity: 1;
    visibility: visible;
    z-index: 20;
}

.single-progress-content {
    cursor: pointer;
    /* opacity: 0.5; */
    transition: opacity 0.3s ease;
    padding-bottom: 2rem;
    position: relative;
}

.single-progress-content.active {
    opacity: 1;
}

.tab-slider-title-wrapper .single-progress-content .progress-bar {
    margin-top: 20px;
    width: 0%;
    height: 2px;
    background: linear-gradient(0deg, rgba(0, 134, 247, 0.2), rgba(0, 134, 247, 0.2)),
        linear-gradient(334.07deg, #73FBFD 50.05%, #195BF5 83.79%);

    position: relative;
    transition: width 0.5s ease;
    z-index: 2;
}

.tab-slider-title-wrapper .single-progress-content.active .progress-bar {
    width: 100%;
}

.tab-slider-title-wrapper .progress-content h3,
.tab-slider-title-wrapper .progress-content h5 {
    color: #ACB5C6;
}

.tab-slider-title-wrapper .single-progress-content.active .progress-content h3,
.tab-slider-title-wrapper .single-progress-content.active .progress-content h5,
.tab-slider-title-wrapper .single-progress-content.active .progress-content p {
    color: #FFF;
}

.single-progress-content {
    padding-bottom: 0;
}

.tab-slider-bg-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 80%);
    pointer-events: none;
    z-index: 2;
}

.tab-slider-title-wrapper {
    position: relative;
    z-index: 20;
}

@media (max-width: 1280px) {
    .aquila-tab-slider-outer {
        padding: 1.2rem;
    }
}

@media (max-width: 1024px) {
    .aquila-tab-slider-outer {
        flex-direction: column;
        justify-content: center;
        gap: 20px;
    }

    .tab-slider-full-content {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .aquila-tab-slider .section-headline {
        margin-bottom: 10px;
    }
}


.platform-combind .aquila-tab-slider,
.product-combind .aquila-tab-slider {
    /* background: linear-gradient(to bottom, rgba(0, 8, 25, 0.95) 0%, rgba(0, 8, 25, 0.6) 20%, rgb(0 10 33) 40%); */
}










.zoom-after-contents {
    background: inherit;
    border-radius: unset;
}

.zoom-after-contents .base-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

body.bg-changes-light {
    background-color: #025cae;
    transition: 0.8s ease;
}

body {
    transition: 0.8s ease;
}

.bg-changes-section {
    position: relative;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-changes-section .zoom-icons{
    opacity: 1 !important;
}

.focus-object {
    position: absolute;
    inset: 0;
    z-index: 40;
    pointer-events: none;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 40;
}



@media (max-width: 768px) {
    .focus-object {
        display: none;
    }
}






/* aquila university */

.section-short-text {
    font-weight: 400;
    font-size: 1rem;
    line-height: 2rem;
}

.aquila-university-info-box {
    background:
        linear-gradient(114.6deg, rgba(0, 7, 18, 0.8) -0.01%, rgba(0, 7, 18, 0) 99.99%),
        linear-gradient(93.47deg, #0544E4 2.86%, #008CFF 100.01%),
        linear-gradient(0deg, rgba(0, 14, 41, 0.8), rgba(0, 14, 41, 0.8));
    padding: 3.125rem;
    border-radius: 2.5rem;
    margin-top: 3.125rem;

    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 10px;
    flex-wrap: wrap;
}

.aquila-university-info-left,
.aquila-university-info-right {
    max-width: 46%;
    flex: 0 0 46%;
}

.aquila-university-info-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
    height: 100%;
    gap: 3.125rem;
}

.university-single-info-tab h3 {
    margin-bottom: 1rem;
}

.university-single-info-tab {
    padding-bottom: 1.25rem;
    margin-bottom: 2.5rem;
    position: relative;
}

.university-single-info-tab h3,
.university-single-info-tab p {
    color: #ACB5C6;
    transition: 0.5s ease;

}

.university-single-info-tab.active h3,
.university-single-info-tab.active p {
    color: #fff;
}

.university-info-left-content h3,
.university-info-left-content p {
    text-wrap: balance;
}


.university-single-info-tab::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #0086F733;
    height: 2px;
    width: 100%;
    z-index: 1;
}


.university-single-info-tab .progress-bar {
    margin-top: 20px;
    width: 0%;
    height: 2px;
    background: linear-gradient(0deg, rgba(0, 134, 247, 0.2), rgba(0, 134, 247, 0.2)),
        linear-gradient(334.07deg, #73FBFD 50.05%, #195BF5 83.79%);

    position: absolute;
    left: 0;
    bottom: 0;
    transition: width 0.5s ease;
    z-index: 2;
}


.university-single-info-tab.active .progress-bar {
    width: 100%;
}

.university-tab-image {
    border-radius: 2rem;
    overflow: hidden;
    height: 43.75rem;
    max-width: 30.6rem;
}


.university-tab-image {
    position: relative;
    overflow: hidden;
}

.university-tab-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

.university-tab-image img.active {
    opacity: 1;
    visibility: visible;
    position: relative;
}

.university-tab-image img.active {
    position: relative;
}



@media (max-width: 1024px) {

    .aquila-university-info-left,
    .aquila-university-info-right {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .aquila-university-info-box {
        padding: 20px;
    }

    .aquila-university-info-right {
        flex-direction: column-reverse;
        gap: 10px;
    }

    .university-tab-image {
        height: 300px;
    }

    .university-tab-image {
        margin-top: 30px;
    }
}












/* ═══ DPT Scatter Chart ═══ */
.dpt-chart-outer {
    max-width: 1100px;
    margin-inline: auto;
    overflow: visible;
    margin-top: 100px;
}

.dpt-chart {
    display: flex;
    align-items: stretch;
    gap: 0;
    overflow: visible;
}

/* Y-axis */
.dpt-chart-y-axis {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding-bottom: 0;
    flex-shrink: 0;
}

.dpt-y-label {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #8E97A8;
    align-self: center;
}

.dpt-y-ticks {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 4px 0;
}

.dpt-y-tick {
    font-size: 0.75rem;
    color: #8E97A8;
    line-height: 1;
    text-align: right;
    min-width: 1.5rem;
}

/* Plot area */
.dpt-chart-plot {
    flex: 1;
    position: relative;
    height: 250px;
    margin-left: 0.5rem;
    overflow: visible;
}

/* Grid lines */
.dpt-grid-line {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(142, 151, 168, 0.12);
    pointer-events: none;
}

/* Step line */
.dpt-step-line {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.dpt-step-path {
    fill: none;
    stroke: rgba(255, 255, 255, 0.35);
    stroke-width: 1.5;
    vector-effect: non-scaling-stroke;
}

/* Dots */
.dpt-dot {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--dot-color);
    left: var(--dot-x);
    bottom: var(--dot-y);
    transform: translate(-50%, 50%);
    z-index: 2;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    cursor: crosshair;
    will-change: transform, opacity;
}

.dpt-dot:hover {
    box-shadow: 0 0 14px var(--dot-color);
    transform: translate(-50%, 50%) scale(1.8);
    z-index: 10;
}

/* Category labels below chart */
.dpt-chart-labels {
    display: flex;
    justify-content: space-around;
    margin-top: 1.5rem;
    padding-left: 3.5rem;
}

.dpt-cat-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.dpt-cat-value {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.02em;
}

.dpt-cat-label {
    font-size: 0.8rem;
    color: #8E97A8;
    margin-top: 0.35rem;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.dpt-cat-icon {
    width: 50px;
    height: auto;
    display: inline-block;
    flex-shrink: 0;
}

/* Legend */
.dpt-chart-legend {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 2rem;
    padding-top: 1.25rem;
}

.dpt-legend-dots {
    display: flex;
    gap: 4px;
}

.dpt-legend-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
}

.dpt-legend-text {
    font-size: 0.75rem;
    color: #8E97A8;
    letter-spacing: 0.05em;
}

/* Responsive */
@media (max-width: 768px) {
    .dpt-chart-plot {
        height: 180px;
    }

    .dpt-cat-value {
        font-size: 1.25rem;
    }

    .dpt-cat-label {
        font-size: 0.7rem;
    }

    .dpt-chart-labels {
        padding-left: 2rem;
        gap: 0.25rem;
    }

    .dpt-y-label {
        font-size: 0.6rem;
    }
}








/* additional css hide backup */
/* .scroll-cards-wrapper>.sc-card:first-child{
	display: none;
}
body.is-loading {
    overflow: hidden !important;
    height: 100vh !important;
}
.section-btn.btn-two a:hover {
    background-position: 99% 0%;
    border: 1px solid transparent;
}


.video-on-hover img{
	opacity: 0;
	visibility: hidden;
}

.video-on-hover video{
	opacity: 1;
}

 */







/* operation scroll */

.operation-scroll-item {
    /* min-height: 76vh; */
    border-radius: 3.125rem;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 5.6rem 5rem;
    margin-bottom: 3.125rem;
    scale: .85;

    transform-origin: center center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: transform;
    transform-style: preserve-3d;
}

.operation-scroll-item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 10, 33, 0.7) 0%, rgba(0, 10, 33, 0.7) 100%);
    z-index: 2;
}

.operation-box-title {
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.2;
}

.operation-bottom-link-text {
    margin-top: 3.75rem;
    color: var(--site-ash-color);
}

.operation-bottom-link-text:hover {
    text-decoration: underline;
}

.operation-scroll-item .operation-scroll-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.operation-scroll-item .operation-scroll-content {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    width: 100%;
    max-width: 73.75rem;
    margin: 0 auto;
}


.operation-scroll-content .section-headline {
    will-change: transform;
    transform: translateX(15vw);

}

.operation-scroll-content .operation-inner-content {
    will-change: transform;
    transform: translateX(25vw);
    margin-top: 3.75rem;
    gap: 3.5%;
    flex-wrap: wrap;
    flex-grow: 1;
}

.operation-scroll-content .zoom-icons {
    will-change: transform;
    transform: translateX(8vw);
}


.operation-single-col {
    max-width: 31%;
    flex: 0 0 31%;
}

.operation-scroll-content .operation-bottom-link-text {
    will-change: transform;
    transform: translateX(50vw);
}

.operation-single-col p{
    line-height: 1.7;
    text-wrap: balance;
}




@media (max-width: 1366px) {
    .operation-scroll-item {
        padding: 2.8rem 2rem;
        /* min-height: 60vh; */
    }
}


@media (max-width: 1024px) {
    .operation-scroll-item {
        padding: 30px;
        scale: .75;
    }

    .operation-scroll-content .section-headline {
        will-change: transform;
        transform: translateX(15vw);
    }

    .operation-scroll-content .operation-bottom-link-text {
        will-change: transform;
        transform: translateX(50vw);
    }

    .operation-box-title {
        font-size: 2.5rem;
    }
}


@media (max-width: 640px) {
    .operation-single-col {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .operation-impact .section-headline{
        margin-bottom: 0;
    }

}





/* elementor edit settings */
body.elementor-editor-active .hero-reveal-text,
body.elementor-editor-active .hero-reveal-sub {
        visibility: visible;
    
}


body.elementor-editor-active .single-value-text img{
    opacity: 1;
    visibility: visible;
}



body.home.elementor-editor-active .home-banner .banner-content p, 
body.home.elementor-editor-active .home-banner .section-btn{
    opacity: 1;
    visibility: visible;
}


.form_control option:first-child {
    color: #999;
}

.form_control option:not(:first-child) {
    color: var(--site-primary-color);
}