/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */

        @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-border-style {
            syntax: "*";
            inherits: false;
            initial-value: solid;
        }

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

            :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.4rem;
                --text-lg: 1.8rem;
                --text-lg--line-height: calc(1.75 / 1.125);
                --text-xl: 2rem;
                --text-xl--line-height: calc(1.75 / 1.25);
                --text-2xl: 2.4rem;
                --text-2xl--line-height: calc(2 / 1.5);
                --text-3xl: 3rem;
                --text-3xl--line-height: calc(2.25 / 1.875);
                --text-4xl: 3.6rem;
                --text-4xl--line-height: calc(2.5 / 2.25);
                --text-5xl: 4.8rem;
                --text-5xl--line-height: 1;
                --text-6xl: 6rem;
                --text-6xl--line-height: 1;
                --font-weight-bold: 700;
                --default-font-family: var(--font-sans);
                --default-mono-font-family: var(--font-mono);
            }


            *,
             ::after,
             ::before,
             ::backdrop,
             ::file-selector-button {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
                border: 0 solid;
            }
            html {
              line-height: 1.5;
            }
            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
              font-weight: inherit;
            }
            a {
              text-decoration: inherit;
            }

            .absolute {
                position: absolute;
            }
            .relative {
                position: relative;
            }
            .inset-0 {
                inset: calc(var(--spacing) * 0);
            }
            .top-0 {
                top: calc(var(--spacing) * 0);
            }
            .top-\[-87px\] {
                top: -87px;
            }
            .\!bottom-0 {
                bottom: calc(var(--spacing) * 0) !important;
            }
            .-bottom-20 {
                bottom: calc(var(--spacing) * -10);
            }
            .left-\[-32px\] {
                left: -32px;
            }
            .mx-10 {
                margin-inline: calc(var(--spacing) * 10);
            }
            .mx-auto {
                margin-inline: auto;
            }
            .mt-4 {
                margin-top: calc(var(--spacing) * 4);
            }
            .mt-10 {
                margin-top: calc(var(--spacing) * 10);
            }
            .mb-2 {
                margin-bottom: calc(var(--spacing) * 2);
            }
            .flex {
                display: flex;
            }
            .grid {
                display: grid;
            }
            .hidden {
                display: none;
            }
            .h-\[290px\] {
                height: 290px;
            }
            .h-\[600px\] {
                height: 600px;
            }
            .h-auto {
                height: auto;
            }
            .h-screen {
                height: 100vh;
            }
            .min-h-\[713px\] {
                min-height: 713px;
            }
            .w-\[300px\] {
                width: 300px;
            }
            .w-\[500px\] {
                width: 500px;
            }
            .w-fit {
                width: fit-content;
            }
            .w-full {
                width: 100%;
            }
            .max-w-\[300px\] {
                max-width: 300px;
            }
            .max-w-\[400px\] {
                max-width: 400px;
            }
            .max-w-\[410px\] {
                max-width: 410px;
            }
            .max-w-\[690px\] {
                max-width: 690px;
            }
            .max-w-\[1000px\] {
                max-width: 1000px;
            }
            .max-w-\[1025px\] {
                max-width: 1025px;
            }
            .max-w-\[1240px\] {
                max-width: 1240px;
            }
            .min-w-\[300px\] {
                min-width: 300px;
            }
            .translate-x-\[-145px\] {
                --tw-translate-x: -145px;
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
            .grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }
            .flex-col {
                flex-direction: column;
            }
            .flex-col-reverse {
                flex-direction: column-reverse;
            }
            .items-center {
                align-items: center;
            }
            .justify-between {
                justify-content: space-between;
            }
            .justify-center {
                justify-content: center;
            }
            .justify-end {
                justify-content: flex-end;
            }
            .gap-0 {
                gap: calc(var(--spacing) * 0);
            }
            .gap-2 {
                gap: calc(var(--spacing) * 2);
            }
            .gap-4 {
                gap: calc(var(--spacing) * 4);
            }
            .gap-6 {
                gap: calc(var(--spacing) * 6);
            }
            .gap-10 {
                gap: calc(var(--spacing) * 10);
            }
            .gap-\[120px\] {
                gap: 120px;
            }
            .rounded-full {
                border-radius: calc(infinity * 1px);
            }
            .border-\[5px\] {
                border-style: var(--tw-border-style);
                border-width: 5px;
            }
            .border-black {
                border-color: var(--color-black);
            }
            .border-white {
                border-color: var(--color-white);
            }
            .bg-\[\#1E2B42\] {
                background-color: #1E2B42;
            }
            .bg-\[\#5E5E5EB2\] {
                background-color: #5E5E5EB2;
            }
            .bg-\[\#ABB8C3\] {
                background-color: #ABB8C3;
            }
            .bg-\[\#B5C4D1\] {
                background-color: #B5C4D1;
            }
            .bg-\[\#CCDDEC\] {
                background-color: #CCDDEC;
            }
            .bg-\[\#EAF2F9\] {
                background-color: #EAF2F9;
            }
            .bg-white {
                background-color: var(--color-white);
            }
            .object-cover {
                object-fit: cover;
            }
            .p-2 {
                padding: calc(var(--spacing) * 2);
            }
            .p-4 {
                padding: calc(var(--spacing) * 4);
            }
            .px-4 {
                padding-inline: calc(var(--spacing) * 4);
            }
            .px-10 {
                padding-inline: calc(var(--spacing) * 10);
            }
            .py-2 {
                padding-block: calc(var(--spacing) * 2);
            }
            .py-4 {
                padding-block: calc(var(--spacing) * 4);
            }
            .py-6 {
                padding-block: calc(var(--spacing) * 6);
            }
            .py-10 {
                padding-block: calc(var(--spacing) * 10);
            }
            .pt-\[64px\] {
                padding-top: 64px;
            }
            .pb-10 {
                padding-bottom: calc(var(--spacing) * 10);
            }
            .pl-3 {
                padding-left: calc(var(--spacing) * 3);
            }
            .pl-4 {
                padding-left: calc(var(--spacing) * 4);
            }
            .text-center {
                text-align: center;
            }
            .text-2xl {
                font-size: var(--text-2xl);
                line-height: var(--tw-leading, var(--text-2xl--line-height));
            }
            .text-3xl {
                font-size: var(--text-3xl);
                line-height: var(--tw-leading, var(--text-3xl--line-height));
            }
            .text-4xl {
                font-size: var(--text-4xl);
                line-height: var(--tw-leading, var(--text-4xl--line-height));
            }
            .text-5xl {
                font-size: var(--text-5xl);
                line-height: var(--tw-leading, var(--text-5xl--line-height));
            }
            .text-xl {
                font-size: var(--text-xl);
                line-height: var(--tw-leading, var(--text-xl--line-height));
            }
            .text-\[32px\] {
                font-size: 32px;
            }
            .text-\[44px\] {
                font-size: 44px;
            }
            .text-\[150px\] {
                font-size: 150px;
            }
            .leading-\[1\.3\] {
                --tw-leading: 1.3;
                line-height: 1.3;
            }
            .leading-\[1\.4\] {
                --tw-leading: 1.4;
                line-height: 1.4;
            }
            .leading-\[1\.5\] {
                --tw-leading: 1.5;
                line-height: 1.5;
            }
            .leading-\[1\.8\] {
                --tw-leading: 1.8;
                line-height: 1.8;
            }
            .font-bold {
                --tw-font-weight: var(--font-weight-bold);
                font-weight: var(--font-weight-bold);
            }
            .text-black {
                color: var(--color-black);
            }
            .text-black\/50 {
                color: color-mix(in srgb, #000 50%, transparent);
                @supports (color: color-mix(in lab, red, red)) {
                    color: color-mix(in oklab, var(--color-black) 50%, transparent);
                }
            }
            .text-white {
                color: var(--color-white);
            }
            .text-white\/50 {
                color: color-mix(in srgb, #fff 50%, transparent);
                @supports (color: color-mix(in lab, red, red)) {
                    color: color-mix(in oklab, var(--color-white) 50%, transparent);
                }
            }
            .shadow-\[5px_5px_5px_rgba\(0\,0\,0\,0\.25\)\] {
                --tw-shadow: 5px 5px 5px var(--tw-shadow-color, rgba(0, 0, 0, 0.25));
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
            .shadow-\[\#00000040\] {
                --tw-shadow-color: #00000040;
                @supports (color: color-mix(in lab, red, red)) {
                    --tw-shadow-color: color-mix(in oklab, #00000040 var(--tw-shadow-alpha), transparent);
                }
            }
            .min-\[425px\]\:px-0 {
                @media (width >=425px) {
                    padding-inline: calc(var(--spacing) * 0);
                }
            }
            .sm\:text-4xl {
                @media (width >=40rem) {
                    font-size: var(--text-4xl);
                    line-height: var(--tw-leading, var(--text-4xl--line-height));
                }
            }
            .sm\:text-lg {
                @media (width >=40rem) {
                    font-size: var(--text-lg);
                    line-height: var(--tw-leading, var(--text-lg--line-height));
                }
            }
            .md\:min-h-\[429px\] {
                @media (width >=48rem) {
                    min-height: 429px;
                }
            }
            .md\:min-h-\[470px\] {
                @media (width >=48rem) {
                    min-height: 470px;
                }
            }
            .md\:max-w-\[1123px\] {
                @media (width >=48rem) {
                    max-width: 1123px;
                }
            }
            .md\:min-w-\[550px\] {
                @media (width >=48rem) {
                    min-width: 550px;
                }
            }
            .md\:min-w-\[600px\] {
                @media (width >=48rem) {
                    min-width: 600px;
                }
            }
            .md\:px-0 {
                @media (width >=48rem) {
                    padding-inline: calc(var(--spacing) * 0);
                }
            }
            .md\:text-center {
                @media (width >=48rem) {
                    text-align: center;
                }
            }
            .md\:text-2xl {
                @media (width >=48rem) {
                    font-size: var(--text-2xl);
                    line-height: var(--tw-leading, var(--text-2xl--line-height));
                }
            }
            .md\:text-3xl {
                @media (width >=48rem) {
                    font-size: var(--text-3xl);
                    line-height: var(--tw-leading, var(--text-3xl--line-height));
                }
            }
            .md\:text-5xl {
                @media (width >=48rem) {
                    font-size: var(--text-5xl);
                    line-height: var(--tw-leading, var(--text-5xl--line-height));
                }
            }
            .md\:text-6xl {
                @media (width >=48rem) {
                    font-size: var(--text-6xl);
                    line-height: var(--tw-leading, var(--text-6xl--line-height));
                }
            }
            .md\:text-xl {
                @media (width >=48rem) {
                    font-size: var(--text-xl);
                    line-height: var(--tw-leading, var(--text-xl--line-height));
                }
            }
            .md\:text-\[22px\] {
                @media (width >=48rem) {
                    font-size: 22px;
                }
            }
            .md\:text-\[44px\] {
                @media (width >=48rem) {
                    font-size: 44px;
                }
            }
            .lg\:top-\[-168px\] {
                @media (width >=64rem) {
                    top: -168px;
                }
            }
            .lg\:left-\[-113px\] {
                @media (width >=64rem) {
                    left: -113px;
                }
            }
            .lg\:mx-0 {
                @media (width >=64rem) {
                    margin-inline: calc(var(--spacing) * 0);
                }
            }
            .lg\:block {
                @media (width >=64rem) {
                    display: block;
                }
            }
            .lg\:flex {
                @media (width >=64rem) {
                    display: flex;
                }
            }
            .lg\:grid {
                @media (width >=64rem) {
                    display: grid;
                }
            }
            .lg\:hidden {
                @media (width >=64rem) {
                    display: none;
                }
            }
            .lg\:max-w-\[500px\] {
                @media (width >=64rem) {
                    max-width: 500px;
                }
            }
            .lg\:max-w-\[700px\] {
                @media (width >=64rem) {
                    max-width: 700px;
                }
            }
            .lg\:flex-row {
                @media (width >=64rem) {
                    flex-direction: row;
                }
            }
            .lg\:gap-10 {
                @media (width >=64rem) {
                    gap: calc(var(--spacing) * 10);
                }
            }
            .lg\:gap-20 {
                @media (width >=64rem) {
                    gap: calc(var(--spacing) * 20);
                }
            }
            .lg\:gap-24 {
                @media (width >=64rem) {
                    gap: calc(var(--spacing) * 24);
                }
            }
            .lg\:px-0 {
                @media (width >=64rem) {
                    padding-inline: calc(var(--spacing) * 0);
                }
            }
            .lg\:pt-\[109px\] {
                @media (width >=64rem) {
                    padding-top: 109px;
                }
            }
            .lg\:pl-4 {
                @media (width >=64rem) {
                    padding-left: calc(var(--spacing) * 4);
                }
            }
            .lg\:text-\[200px\] {
                @media (width >=64rem) {
                    font-size: 200px;
                }
            }
            .xl\:max-w-\[1240px\] {
                @media (width >=80rem) {
                    max-width: 1240px;
                }
            }
            .xl\:text-2xl {
                @media (width >=80rem) {
                    font-size: var(--text-2xl);
                    line-height: var(--tw-leading, var(--text-2xl--line-height));
                }
            }
            .xl\:text-6xl {
                @media (width >=80rem) {
                    font-size: var(--text-6xl);
                    line-height: var(--tw-leading, var(--text-6xl--line-height));
                }
            }

        @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-border-style: solid;
                --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;
            }
        }

        .iconTxtHidden {
            display: inline-block;
            position: absolute;
            top: auto;
            left: -100000px;
            width: 1px;
            height: 1px;
            overflow: hidden
        }

        .submenu.open {
            padding: 20px 0px 0px 20px;
            max-height: 200px;
            opacity: 1;
        }

        .submenu {
            list-style: none;
            max-height: 0;
            overflow: hidden;
            transition: all 0.3s ease;
            opacity: 0;
        }

        body {
            font-family: ' Helvetica Neue ', Arial, sans-serif;
        }

        .swiper-wrapper {
            height: 70% !important;
        }

        .swiper-slide {
            display: flex;
            justify-content: center;
            /* align-items: center; */
            height: 100%;
        }

        .swiper {
            position: relative;
            padding-bottom: 20px !important;
            /* space for pagination below slides */
        }

        .swiper-pagination {
            position: static !important;
            /* make it flow below slides */
            text-align: center;
        }

        @media (min-width: 425px) {
            .mySwiper .swiper-pagination,
            .mySwiper2 .swiper-pagination,
            .mySwiper3 .swiper-pagination {
                margin-top: 1rem !important;
                /* adjust as needed */
            }
        }
        /* .mySwiper4 .swiper-pagination {
            margin-top: 1rem !important;
        } */
        /* Bullet styling */

        .swiper-pagination-bullet {
            width: 10px !important;
            height: 10px !important;
            border-radius: 9999px !important;
            background: #D9D9D9 !important;
            /* default semi-white */
            opacity: 1 !important;
            margin: 0 6px !important;
            transition: all 0.3s ease !important;
        }

        .mySwiper .swiper-pagination-bullet-active {
            background: white !important;
        }
        /* Active bullet color (change as you like) */

        .swiper-pagination-bullet-active {
            background: #1E2B42 !important;
            /* bright yellow */
        }

        ul li {
            cursor: pointer;
        }

        ul li:hover {
            color: #828282;
        }