@import url("https://fonts.googleapis.com/css2?family=Anek+Telugu:wght@100;200;300;400;500;600;700;800&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');


@font-face {
    font-family: "Cabinet Grotesk";
    src: url("../assets/fonts/cabinet/CabinetGrotesk-Thin.otf") format("opentype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Cabinet Grotesk";
    src: url("/assets/fonts/cabinet/CabinetGrotesk-Extralight.otf") format("opentype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Cabinet Grotesk";
    src: url("/assets/fonts/cabinet/CabinetGrotesk-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Cabinet Grotesk";
    src: url("/assets/fonts/cabinet/CabinetGrotesk-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Cabinet Grotesk";
    src: url("/assets/fonts/cabinet/CabinetGrotesk-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Cabinet Grotesk";
    src: url("/assets/fonts/cabinet/CabinetGrotesk-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Cabinet Grotesk";
    src: url("/assets/fonts/cabinet/CabinetGrotesk-Extrabold.otf") format("opentype");
    font-weight: 800;
    font-style: normal;
}

:root {
    --cabinet-font: "Cabinet Grotesk", sans-serif;
}

:root {
    --font-primary: "Overpass", sans-serif;
    --font-secondary: 'Anek Telugu', sans-serif;
    --color-primary: #4986DB;
    --instrument-sans: "Instrument Sans", sans-serif;

    --text-theme1: #FF3BFF;
    --text-theme2: #ECBFBF;
    --text-theme3: #4986DB;
    --text-theme4: #D94FD5;
}

/* font-family: 'Overpass', sans-serif; */

body {
    /* font-family: var(--cabinet-font); */
    /* background: none !important; */
}

.rainbow-gradient-circle {
    position: fixed;
    left: -370px;
    top: 206px;
    right: auto;
    bottom: auto;
    z-index: 22;
    width: 507px;
    height: 708px;
    border-radius: 1000px;
    background: linear-gradient(184.16deg, rgba(73, 134, 219, 0.4) 17.46%, rgba(252, 75, 246, 0.4) 96.61%);
    opacity: 0.5;
    -webkit-filter: blur(100px);
    filter: blur(100px);
    z-index: 2 !important;
    background: linear-gradient(184.16deg, rgba(73, 134, 219, 0.4) 17.46%, rgba(252, 75, 246, 0.4) 96.61%);
    backdrop-filter: blur(400px);
    mix-blend-mode: screen;
}

.rainbow-gradient-circle.theme-pink {
    left: auto;
    width: 507px;
    height: 507px;
    top: 190px;
    /* right: -250px; */
    left: 1148px;
    bottom: auto;
    background: linear-gradient(219.43deg, rgba(219, 173, 73, 0.4) 32.86%, rgba(117, 39, 40, 0.4) 72.13%);
    backdrop-filter: blur(400px);
    background: linear-gradient(219.43deg, rgba(219, 173, 73, 0.4) 32.86%, rgba(117, 39, 40, 0.4) 72.13%);
}



.theme-gradient {
    /* background: linear-gradient(95deg, var(--color-primary) 15%, var(--color-tertiary) 45%, var(--color-pink) 75%, var(--color-secondary) 100%) 98% / 200% 100%; */
    background: linear-gradient(90deg, var(--text-theme1) 0%, var(--text-theme2) 38.02%, var(--text-theme3) 75.83%, var(--text-theme4) 100%);
    text-transform: capitalize;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 200% 200%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmer 3s ease-in-out infinite;
}

@keyframes shimmer {

    0%,
    100% {
        background-position: 0% 50%;
    }

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

.default-btn {
    font-family: var(--instrument-sans);
}

.default-btn2 {
    font-size: 14px;
    transition: 0.4s;
    height: 50px;
    padding: 10px 40px;
    background: #121212;
    /* background: #12121280; */
    border: 2px solid transparent;
    border-radius: 100px;
    position: relative;
    font-family: var(--instrument-sans);
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    text-align: center;
    cursor: pointer;
}

.default-btn2::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(90deg, #FF3BFF 0%, #ECBFBF 38.02%, #5C24FF 75.83%, #D94FD5 100%);
    z-index: -1;
    border-radius: 100px;
}




/* Ensures the inner background doesn't cover the border */
.default-btn2 {
    background-clip: padding-box;
}

.hero-section {
    /* position: relative !important; */
    /* background: red !important; */
    padding: 80px 0px;
    overflow: hidden;
    padding-bottom: 0px;
}

.hero-section .container {
    z-index: 9999 !important;
}


.hero-section .banner-img {
    width: 100%;
    height: 403px;
    background-position: center;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background: url("/assets/images/banner/banner-img2.png");
    z-index: -1;
    opacity: 0.4;
    margin-top: -240px;
    /* position: relative; */
}

.hero-section .banner-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30%;
    /* Adjust height as needed */
    /* background: linear-gradient(180deg,
            #0A0A0A 0%,
            rgba(10, 10, 10, 0) 100%); */
}

.hero-section .banner-img::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    /* Adjust this to control how much of the bottom is blurred */
    background: linear-gradient(189.8deg, rgba(0, 0, 0, 0) -15.82%, #0A0A0A 87.07%);
}


.hero-text-header {
    font-family: var(--cabinet-font);
    font-weight: 700;
    font-size: 80px;
    line-height: 50px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    position: relative;
    z-index: 99;
}

/* .hero-text-header .text-gradient {
    background: linear-gradient(90deg,
            #fff 0%,
            #fff 26%,
            #3b82f6 45%,
            #60a5fa 60%,
            #fff 62%,
            #fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 5px rgba(59, 130, 246, 0.3);
} */

.hero-text-header .dynamic-text {
    font-size: 70px;
    font-family: var(--instrument-sans);
    font-weight: 700;
}



.hero-section .hero-description {
    font-family: var(--instrument-sans);
    padding: 0 15%;
    font-size: 25px;
    margin-bottom: 50px;
    font-weight: 400;
    font-size: 24px;
    line-height: 42px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #D3D3D3;
    position: relative;
    z-index: 99;
}



.hero-section .hero-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: relative;
    z-index: 99;
}


.hero-section .leading-feature {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 15%;
    margin-bottom: 30px;
}

.hero-section .leading-feature .leading-tag {
    text-transform: none;
    font-family: var(--instrument-sans);
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 2%;
    text-align: center;
    z-index: 99;
    position: relative;
    margin-top: -20px;
}




/* ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUTABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT  */
.about-area {
    padding-top: 10px;
    padding-bottom: 50px;
}

.about-area .content {
    position: relative;
    z-index: 99;
}

.about-area .section-title .sub-title {
    font-family: var(--cabinet-font);
    font-weight: 700;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.about-area .section-title .title {
    padding-right: 30%;
}

.about-area .section-title .title p.theme-gradient {
    font-family: var(--instrument-sans);
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: 2%;
    margin-top: 15px;
    margin-bottom: 30px;
}


.about-area .content .about-inner {
    max-width: 600px;
}

.about-area .content .about-inner p {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0%;
}

.about-area .about-app-thumbnail {
    position: relative;
    z-index: 99;
}







/* brand brand brand brand brand brandbrand brand brand brandbrand brand */
.brand-section {
    /* padding-top: 80px; */
    /* background: #141413; */
    position: relative;
    overflow: hidden;
    z-index: 99;
}

/* .logos__marquee {
    display: flex;
    overflow-x: hidden;
    user-select: none;
    mask-image: linear-gradient(to right,
            hsl(0 0% 0% / 0),
            hsl(0 0% 0% / 1) 20%,
            hsl(0 0% 0% / 1) 80%,
            hsl(0 0% 0% / 0));
}

.marquee__logos {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 1rem;
    min-width: 100%;
    animation: loop 20s linear infinite;
}

.marquee__logos img {
    display: block;
    margin-inline: 2rem;
}

@keyframes loop {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
} */

.logo-slider-container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.logo-slider-track {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
    /* Optimize for animations */
}

.logo-slide {
    flex: 0 0 20%;
    /* Show 5 logos at a time (adjust as needed) */
    padding: 0 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-slide img {
    max-width: 100%;
    height: auto;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

.logo-slide img:hover {
    filter: grayscale(0%);
}

/* Navigation buttons */
.slider-prev,
.slider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.7);
    border: none;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    display: none;
}

.slider-prev {
    left: 10px;
}

.slider-next {
    right: 10px;
}

.slider-prev:hover,
.slider-next:hover {
    background: rgba(0, 0, 0, 0.7);
    color: white;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .logo-slide {
        flex: 0 0 33.33%;
        /* Show 3 logos on tablets */
    }
}

@media (max-width: 480px) {
    .logo-slide {
        flex: 0 0 50%;
        /* Show 2 logos on mobile */
    }
}




.marquee-slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
}

.marquee-slider-track {
    display: flex;
    width: max-content;
    will-change: transform;
}

.marquee-slide {
    flex: 0 0 auto;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.marquee-slide img {
    max-width: 100%;
    height: auto;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

.marquee-slide img:hover {
    filter: grayscale(0%);
}



/* .brand-section-title .title-gradient1 {
    background: linear-gradient(95deg, #fff 15%, #fff 45%, #fff 80%, rgba(67, 63, 67, 0.267) 100%) 98% / 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
} */




/* why us  */
.section-box-title {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    align-items: center;
    max-width: 650px;
    margin: auto;
    position: relative;
    z-index: 99;
}

.section-box-title .title-tag {
    font-family: var(--cabinet-font);
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    background: linear-gradient(89.28deg, #343434 -48.84%, #202020 99.38%);
    /* Fixed border solution: */
    border: 1px solid transparent;
    border-radius: 100px;
    padding: 16px 34px;
    display: inline-block;
    position: relative;
    z-index: 2 !important;
    overflow: hidden;
    border-top: 1px solid #fff;
    color: #FFFFFF;
}

.section-box-title .title {
    font-family: var(--instrument-sans);
    font-weight: 700;
    font-size: 45px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #FFFFFF;
}

.section-box-title .sub-title {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
    color: #FFFFFF;
}

.section-box-title .sub-title span {
    font-weight: 600;
}


.why-us-content {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    column-gap: 30px;
    margin-top: 20px;
    align-items: stretch !important;
    position: relative;
    z-index: 99;
}

.why-us-content .left {
    height: 100%;
}

.why-us-content .right-content .rainbow-default-tab {
    flex: 1;
    display: flex;
    flex-direction: column;
}



.why-us-content .right-content .rainbow-default-tab::before {
    background: linear-gradient(90deg, #FF3BFF 0%, #ECBFBF 38.02%, #4986DB 75.83%, #D94FD5 100%);
    width: 100%;
    height: 0px;
    content: "";
    left: 0;
    bottom: 0px;
    position: absolute;
    z-index: -1;
    border-radius: 20px;
    opacity: 0.5;
    backdrop-filter: blur(20px);
    overflow: hidden;
    animation: shimmer 2s ease-in-out infinite;
}

.why-us-content .right-content {
    height: 100%;
    position: relative;
    z-index: 99;
    flex-direction: column;
    display: flex;
}


.why-us-content .right-content .rainbow-default-tab .nav.nav-tabs {
    flex-shrink: 0;
}


.why-us-content .right-content .why-tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    justify-content: start;

}

.why-us-content .right-content .why-tabs .nav-link {
    color: #fff;
    padding: 24px 15px;
    margin-bottom: -2px;
    outline: none;
    border: 0 none;
    font-size: 500;
    font-size: 18px;
    text-align: center;
    width: 100%;
    font-family: var(--instrument-sans);
}

.why-us-content .right-content .tab-button .nav-item {
    width: 100%;
}

.why-us-content .right-content .tab-button .tabs__tab .nav-link.active {
    background: #222222;
    border-color: transparent;
    width: 100%;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.why-us-content .right-content .rainbow-tab-content {
    background: #1E1E1E;
    border-top-left-radius: 0;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 30px;
    flex: 1;
    min-height: 0;
}



.why-us-content .right-content .rainbow-tab-content::before {
    display: none;
}

.why-us-content .right-content .rainbow-tab-content .inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.why-us-content .right-content .rainbow-tab-content .inner p {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0%;
    color: #D3D3D3;
}

.why-us-content .right-content .rainbow-tab-content .inner p span {
    font-weight: 600;
}





/* HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS HOW IT WORKS */
.how-it-works {
    padding-top: 100px;
}

.how-it-works .timeline-style-two {
    background: #1E1E1E;
    border-radius: 30px;
    position: relative;
    z-index: 99;
    padding: 20px 30px 40px 30px;
}

.how-it-works .rainbow-timeline .title {
    margin-bottom: 30px;
    font-size: 18px;
    font-family: var(--instrument-sans);
}

.how-it-works .rainbow-timeline .description {
    margin-top: 10px;
    margin-bottom: 0px;
    padding: 0px 6%;
    font-family: var(--instrument-sans);
    font-size: 18px;
}

.how-it-works .rainbow-timeline .progress-line .line-inner {
    background: #333333 !important;
}

.how-it-works .rainbow-timeline .progress-dot .dot-level {
    background: var(--color-primary) !important;
    width: 20px;
    height: 20px;
    top: 5px;
}

.how-it-works .rainbow-timeline .progress-dot .dot-level .dot-inner {
    background-color: #333333 !important;
    width: 10px;
    height: 10px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* SMART FEATURE  SMART FEATURE SMART FEATURE SMART FEATURE SMART FEATURE SMART FEATURE SMART FEATURE SMART FEATURE SMART FEATURE SMART FEATURE SMART FEATURE SMART FEATURE SMART FEATURE SMART FEATURE SMART FEATURE SMART FEATURE SMART FEATURE SMART FEATURE */
.smart-feature {
    padding-top: 100px;
}

.smart-feature-content .feature-grid {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    column-gap: 20px;
    row-gap: 20px;
    position: relative;
    z-index: 99;
    row-gap: 20px;
    align-items: stretch;
}

.smart-feature-content .feature-grid .left-column {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
    height: 100%;
}

.smart-feature-content .feature-grid .right-column {
    height: 100%;
}

.smart-feature-content .feature-card {
    height: 100%;
    position: relative;
}

.smart-feature-content .feature-card img {
    width: 100%;
    height: 100%;
}





/* TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS TESTIMONIALS */
.testimonials {
    padding-top: 100px;
}

.testimonial-content {
    position: relative;
    z-index: 99;
}


.testimonial-content .thumbnail {
    background: linear-gradient(90deg, #FF3BFF 0%, #ECBFBF 38.02%, #4986DB 75.83%, #D94FD5 100%);
    border-radius: 100%;
    padding: 10px;
    width: 330px;
    height: 330px;
}

.testimonial-content .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}



.testimonial-content .content .form {
    font-family: var(--cabinet-font);
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #D3D3D3;
    text-transform: none;
    display: flex;
    align-items: center;
    gap: 2px;
}



.testimonial-content .content .description {
    margin-bottom: 25px;
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 23px;
    line-height: 35px;
    letter-spacing: 0%;
    color: #D3D3D3;
}

.testimonial-content .content .description span {
    font-weight: 600;
}

.testimonial-content .content .client-info .title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 8px;
    font-family: var(--instrument-sans);
    line-height: 100%;
    letter-spacing: 0%;
}

.testimonial-content .content .client-info .rating {
    display: flex;
}

.testimonial-content .content .client-info .rating i {
    color: var(--color-primary);
}



.testimonials .rainbow-slick-arrow {
    position: relative;
}

.testimonials .rainbow-slick-arrow button.slick-arrow {
    position: absolute;
    top: 320px !important;
    z-index: 2;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 50%;
    color: var(--color-border);
    background-color: transparent;
    transition: 0.3s;
    opacity: 0.5;
}

/* Center them at the bottom */
.testimonials .rainbow-slick-arrow.slick-arrow-alignwide button.prev-arrow {
    left: 50%;
    transform: translateX(-60px);
    /* adjust to space out from next arrow */
}

.testimonials .rainbow-slick-arrow.slick-arrow-alignwide button.next-arrow {
    left: 50%;
    transform: translateX(0px);
    /* adjust as needed */
}

.testimonials .rainbow-slick-arrow button.slick-arrow::before {
    line-height: 1;
    opacity: 0.8;
    position: relative;
    top: -2px;
    z-index: 2;
    transition: 0.7s;
    color: #fff;
}

.testimonials .rainbow-slick-dot .slick-dots {
    bottom: -25px;
    display: none !important;
}


.rainbow-slick-arrow button.slick-arrow.prev-arrow::before {
    content: "←";
    font-size: 18px;
    vertical-align: middle;
    font-weight: 700;
}

.rainbow-slick-arrow button.slick-arrow.next-arrow::before {
    content: "→";
    font-size: 18px;
    vertical-align: middle;
    font-weight: 700;
}




/* FAQFAQ FAQ FAQ FAQ FAQ FAQ FAQFAQ FAQ FAQ FAQ FAQ FAQ FAQFAQ FAQ FAQ FAQ FAQ FAQ FAQFAQ FAQ FAQ FAQ FAQ FAQ FAQFAQ FAQ FAQ FAQ FAQ FAQ FAQFAQ FAQ FAQ FAQ FAQ FAQ FAQFAQ FAQ FAQ FAQ FAQ FAQ FAQFAQ FAQ FAQ FAQ FAQ FAQ */

.faq-section {
    padding-top: 100px;
    position: relative;
    z-index: 99;
}




.faq-section .accordion .accordion-item .card-header button {
    font-family: var(--instrument-sans);
    font-weight: 600;
    font-size: 22px;
    line-height: 35px;
    letter-spacing: 0%;
    color: #fff;
}


.faq-section .accordion .accordion-item .card-header button.collapsed::before {
    position: absolute;
    content: "\ea4e" !important;
    font-family: "remixicon" !important;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.4s;
}

.faq-section .accordion .accordion-item .card-header button::before {
    content: "\ea78" !important;
    position: absolute;
    font-family: "remixicon" !important;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.4s;
}

.faq-section .accordion .accordion-item .accordion-body {
    font-family: var(--instrument-sans);
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #D3D3D3;
}





/* EXPLORE EXPLORE EXPLORE EXPLORE EXPLORE DEXPLORE  EXPLORE EXPLORE EXPLORE EXPLORE EXPLORE EXPLORE EXPLORE  */


.explore-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 0px 13%;
    padding-top: 100px;
    position: relative;
    z-index: 99;
    gap: 40px;
    margin-bottom: 100px;
}

.explore-wrapper .explore-text {
    text-transform: none;
    font-family: var(--instrument-sans);
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 2%;
    text-align: center;
    z-index: 99;
    position: relative;
}



/* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER  */

.footer-wrapper .footer-top {
    padding: 70px 0px 40px;
}



.rainbow-footer {
    /* background: red; */
    position: relative;
    z-index: 99;
    background: #131313;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
}

.footer-wrapper .footer-top .rainbow-footer-widget .footer-logo {
    width: 200px;
}

.footer-wrapper .footer-top .rainbow-footer-widget .inner .subtitle {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #D3D3D3;
}

.footer-style-default .footer-top .rainbow-footer-widget .title {

    letter-spacing: 1px;
    margin-bottom: 10px;
    font-family: var(--instrument-sans);
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
}

.rainbow-footer-widget .footer-link li a {
    display: inline-block;
    color: #D3D3D3;
    text-transform: capitalize;
    transition: 0.3s;
    font-family: var(--instrument-sans);
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
}


.rainbow-newsletter-default .newsletter-section-title .title {
    color: #FFFFFF;
    margin-bottom: 10px;
    font-family: var(--instrument-sans);
    font-weight: 600;
    font-size: 26px;
    line-height: 100%;
    letter-spacing: 0%;
}

.rainbow-newsletter-default .newsletter-section-title .description {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #D3D3D3;
}


.rainbow-newsletter-default .rainbow-newsletter .form-group input {
    height: 50px;
    min-width: 400px;
    padding: 0px 24px;
    border-width: 0px;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: #19191B;
    font-family: var(--cabinet-font);
}

.rainbow-newsletter-default .rainbow-newsletter .form-group .btn-default {
    height: 50px;
    background: linear-gradient(180deg, #4986DB 0%, #001664 100%);
    border-radius: 10px;
    color: #FFFFFF;
    border: none;
    outline: none;
}

.copyright-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 20px;
}

.copyright-footer p {
    text-align: center;
    font-family: var(--instrument-sans);
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #D3D3D3;
}












.text-gradient {
    background: linear-gradient(90deg, #FF3BFF 20%, #ECBFBF 38.02%, #4986DB 55.83%, #D94FD5 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 200%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmer 3s ease-in-out infinite;
}

@keyframes shimmer {

    0%,
    100% {
        background-position: 0% 50%;
    }

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

/* ABOUT US PAGE  ABOUT US PAGE ABOUT US PAGE  ABOUT US PAGE  ABOUT US PAGE  ABOUT US PAGE ABOUT US PAGE  ABOUT US PAGE   ABOUT US PAGE   ABOUT US PAGE   ABOUT US PAGE  ABOUT US PAGE  ABOUT US PAGE  ABOUT US PAGE  ABOUT US PAGE  ABOUT US PAGE  */
.about-hero-section {
    padding-top: 90px;
    padding-bottom: 90px;
}



.section-header-text h1 {
    font-family: var(--instrument-sans);
    font-weight: 700;
    font-size: 64px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
}

.section-header-text h2 {
    font-family: var(--instrument-sans);
    font-weight: 700;
    font-size: 64px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}

.section-header-text .sub-text {
    color: #D3D3D3;
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 22px;
    line-height: 42px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    margin-top: 15px;
}

.about-hero-section .about-banner {
    position: relative;
    z-index: 99;
    max-width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-hero-section .about-banner img {
    width: 100%;
}

.about-hero-section .about-banner img::after {
    background: linear-gradient(180deg, rgba(10, 10, 10, 0) -19.88%, #0A0A0A 100%);
    content: "";
    bottom: 0;
    height: 20px;
    width: 100%;
    position: absolute;
}


/* ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION ABOUT MISSION */

.mission-section {
    position: relative;
    z-index: 99;
}

.mission-header {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mission-header .title {
    display: inline !important;
    font-family: var(--instrument-sans);
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: 2%;
    color: #FFFFFF;
    position: relative;
    z-index: 2;
}

.mission-header .title::after {
    position: absolute;
    content: "";
    width: 130px;
    height: 15px;
    z-index: -1;
    background: linear-gradient(90deg, #FF3BFF 20%, #ECBFBF 38.02%, #4986DB 75.83%, #D94FD5 100%);
    /* bottom: 0; */
    top: 25px;
    left: 140px;
    animation: shimmer 3s ease-in-out infinite;
    background-size: 200% 200%;
}



@keyframes shimmer {

    0%,
    100% {
        background-position: 0% 50%;
    }

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

.mission-header .sub-title {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #D3D3D3;
    max-width: 535px;
}

.mission-section .mission-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
    margin-top: 50px;
    justify-content: center;
    align-items: center;
}

.mission-section .mission-content .right-content h2 {
    font-family: var(--instrument-sans);
    font-weight: 600;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    line-height: 36px;
    margin-bottom: 15px;
}

.mission-section .mission-content .right-content p {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 19px;
    line-height: 36px;
    letter-spacing: 0%;
    color: #D3D3D3;
}

.mission-section .mission-card-wrapper {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-bottom: 60px;
    column-gap: 40px;
}

.mission-section .mission-card-wrapper .mission-card .mission-number h2 {
    font-family: var(--cabinet-font);
    font-weight: 400;
    font-size: 80px;
    line-height: 100px;
    letter-spacing: 2%;

}


.mission-section .mission-card-wrapper .mission-card .mission-number .numberone {
    background: linear-gradient(90deg, #FF3BFF 0%, #ECBFBF 38.02%, #4986DB 75.83%, #D94FD5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    animation: shimmer 3s ease-in-out infinite;
    background-size: 200% 200%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}




.mission-section .mission-card-wrapper .mission-card .mission-number .numbertwo {
    background: linear-gradient(90deg, #FF3BFF, #ECBFBF, #4986DB, #D94FD5);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    display: inline-block;
    animation: shimmer 3s ease-in-out infinite;
    background-size: 200% 200%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mission-section .mission-card-wrapper .mission-card .mission-number .numberthree {
    background: linear-gradient(90deg, #FF3BFF, #ECBFBF, #4986DB, #D94FD5);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    display: inline-block;
    animation: shimmer 3s ease-in-out infinite;
    background-size: 200% 200%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mission-section .mission-card-wrapper .mission-card .mission-header {
    font-family: var(--instrument-sans);
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    margin-bottom: 10px;
}


.mission-section .mission-card-wrapper .mission-card span {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 19px;
    line-height: 26px;
    letter-spacing: 0%;
}




/* ABOUT US VISION ABOUT US VISION ABOUT US VISION ABOUT US VISION ABOUT US VISION ABOUT US VISION ABOUT US VISION ABOUT US VISION ABOUT US VISION ABOUT US VISION ABOUT US VISION ABOUT US VISION ABOUT US VISION ABOUT US VISION ABOUT US VISION ABOUT US VISION ABOUT US VISION ABOUT US VISION ABOUT US VISION ABOUT US VISION */

.vision-section {
    padding-bottom: 60px;
}

.vision-section .mission-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 25px;
    row-gap: 25px;
    position: relative;
    z-index: 99;
    align-items: stretch;
}

.vision-section .mission-content .header-cell {
    grid-column: span 2;
}


.vision-section .mission-content .header-cell .mission-header .title {
    margin-bottom: 18px;
}

.vision-section .mission-content .right-cell {
    grid-row: span 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.vision-section .mission-content .right-cell img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.vision-section .mission-content .first-image,
.vision-section .mission-content .pink {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.vision-section .mission-content .first-image img {
    width: 100%;
    height: auto;
}

.vision-section .mission-content .pink {
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    gap: 15px;
}

.vision-section .vision-writeup {
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    gap: 15px;
}

.vision-section .vision-writeup p {
    font-family: var(--instrument-sans);
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0%;
    color: #FFFFFF;
}

.vision-section .vision-writeup span {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    letter-spacing: 0%;
    color: #D3D3D3;
}


.vision-section .vision-grid-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 25px;
    margin-top: 60px;
    position: relative;
    z-index: 99;
}



/* ABOUT VIDEO SECTION ABOUT VIDEO SECTION ABOUT VIDEO SECTION ABOUT VIDEO SECTION ABOUT VIDEO SECTION ABOUT VIDEO SECTION ABOUT VIDEO SECTION ABOUT VIDEO SECTION ABOUT VIDEO SECTION ABOUT VIDEO SECTION ABOUT VIDEO SECTION ABOUT VIDEO SECTION ABOUT VIDEO SECTION ABOUT VIDEO SECTION ABOUT VIDEO SECTION ABOUT VIDEO SECTION */
.video-section {
    padding-top: 40px;
    z-index: 99;
    position: relative;
}

.video-section .video-popup .thumbnail {
    width: 100%;
    height: 500px;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
}

.video-section .video-popup .thumbnail .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-popup .video-icon {
    margin-top: 0px;
}

.video-popup .video-icon .play-button {
    border-radius: 100%;
    width: 100px;
    height: 100px;
    padding: 0;
    line-height: 0px;
    font-size: 30px;
    display: inline-block;
    border: 7.33px solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-popup .video-icon .play-button i {
    color: #fff;
    font-weight: 900;
}



.video-popup .video-icon .play-button {
    position: relative;
    width: 100px;
    height: 100px;
    z-index: 2;
}

.video-popup .video-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.4);
    animation: ripple 1.5s infinite ease-out;
    z-index: 1;
}

@keyframes ripple {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.6;
    }

    100% {
        transform: translate(-50%, -50%) scale(2.5);
        opacity: 0;
    }
}



/* EXPLORE ABOUT  EXPLORE ABOUT EXPLORE ABOUT EXPLORE ABOUT EXPLORE ABOUT EXPLORE ABOUT EXPLORE ABOUT*/
.explore-about .slick-dotted.slick-slider {
    margin-bottom: 0px;
}










/* MEET JARGEN PAGE MEET JARGEN PAGE MEET JARGEN PAGE MEET JARGEN PAGE MEET JARGEN PAGE MEET JARGEN PAGE MEET JARGEN PAGE MEET JARGEN PAGE MEET JARGEN PAGE MEET JARGEN PAGE MEET JARGEN PAGE MEET JARGEN PAGE MEET JARGEN PAGE MEET JARGEN PAGE MEET JARGEN PAGE MEET JARGEN PAGE MEET JARGEN PAGE MEET JARGEN PAGE  */
.jarden-hero-section {

    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    /* margin-bottom: 80px; */
}

.jarden-hero-image {
    z-index: 1;
    position: relative;
    margin-top: -30px;
}


.jarden-hero-image img {
    max-width: 600px;
    height: auto;
    position: relative;

}

.jarden-hero-section .section-header-text {
    position: absolute;
    top: 200px;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
}

.jarden-hero-section .section-header-text h2 {
    margin-top: 13px;
}

.jarden-hero-section .get-started {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}


.who-is-jarden p {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #D3D3D3;
    margin-top: 10px;
}




/* HOW JARDEN WORKS HOW JARDEN WORKS HOW JARDEN WORKS HOW JARDEN WORKS HOW JARDEN WORKS HOW JARDEN WORKS HOW JARDEN WORKS  */
.how-jarden-works {
    padding-bottom: 70px;
    padding-top: 20px;
}

.how-jarden-works .service.service__style--1 .content .title {
    margin-bottom: 18px;
    font-family: var(--instrument-sans);
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #FFFFFF;
}

.how-jarden-works .service.service__style--1 .content .description {
    color: #D3D3D3 !important;
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
}



/* SMART JARDEN SMART JARDEN SMART JARDEN SMART JARDEN SMART JARDEN SMART JARDEN SMART JARDEN SMART JARDEN SMART JARDEN SMART JARDEN */
.smart-jarden {
    padding-bottom: 70px;
    position: relative;
    z-index: 99;
}

.smart-jarden .smart-jarden-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 20px;
    margin-top: 60px;
}

.smart-jarden .smart-jarden-grid .item {
    width: 100%;
    height: 370px;
    border-radius: 40px;
    background: #0F0F11;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    padding: 30px;
}

.smart-jarden .smart-jarden-grid .item .top-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: "";
}

.smart-jarden .smart-jarden-grid .item .top-layer img {
    width: 100%;
}

.smart-jarden .smart-jarden-grid .item .abs {
    position: absolute;
    content: "";
}

.smart-jarden .smart-jarden-grid .item .abs.abs1 {
    left: 50%;
    transform: translateX(-50%);
    top: 60px;
}

.smart-jarden .smart-jarden-grid .item .abs.abs2 {
    top: 0;
    right: 0;
}

.smart-jarden .smart-jarden-grid .item .abs.abs3 {
    bottom: 0;
    right: 0;
}

.smart-jarden .smart-jarden-grid .item .abs.abs4 {
    top: 17px;
    right: 35px;
}

.smart-jarden .smart-jarden-grid .item .text-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 99;
    position: relative;
}

.smart-jarden .smart-jarden-grid .item .text-content p {
    font-family: var(--instrument-sans);
    font-weight: 700;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
}

.smart-jarden .smart-jarden-grid .item .text-content span {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #D3D3D3;
}


/* TRADING STRATEGY TRADING STRATEGY TRADING STRATEGY TRADING STRATEGY TRADING STRATEGY TRADING STRATEGY TRADING STRATEGY TRADING STRATEGY TRADING STRATEGY  */
.trading-strategy {
    position: relative;
    z-index: 99;
    padding-bottom: 70px;
}


.trading-strategy .content {
    background: #0F0F11;
    border-radius: 40px;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.trading-strategy .content .ts-image {
    padding-right: 30px;
}

.trading-strategy .content .ts-image img {
    width: 400px;
}

.trading-strategy .content .list-content {
    width: 530px;
}

.trading-strategy .content .list-content .text-header {
    font-family: var(--instrument-sans);
    font-weight: 700;
    font-size: 50px;
    letter-spacing: 2%;
    color: #FFFFFF;
}

.trading-strategy .content .list-content .list-item {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.trading-strategy .content .list-content .list-item .item {
    position: relative;
    padding-left: 17px;

}

.trading-strategy .content .list-content .list-item .item::before {
    height: 100%;
    width: 6px;
    left: 0;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    border-radius: 30px;
}

.trading-strategy .content .list-content .list-item .item-1::before {
    background: #4986DB;
}

.trading-strategy .content .list-content .list-item .item-2::before {
    background: #FF6F00;
}

.trading-strategy .content .list-content .list-item .item-3::before {
    background: #FC4BF6;
}

.trading-strategy .content .list-content .list-item .item p {
    font-family: var(--instrument-sans);
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #FFFFFF;
}

.trading-strategy .content .list-content .list-item .item span {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #D3D3D3;
}







/* ASIDE VIDEO ASIDE VIDEO ASIDE VIDEO ASIDE VIDEO ASIDE VIDEO ASIDE VIDEO ASIDE VIDEO ASIDE VIDEO ASIDE VIDEO ASIDE VIDEO ASIDE VIDEO ASIDE VIDEO ASIDE VIDEO */
.side-video {
    position: relative;
    z-index: 99;
    padding-bottom: 70px;
}

.side-video .section-box-title {
    max-width: 650px;
}

.side-video .section-box-title .title {
    font-size: 40px;

}

.side-video .side-video-content {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    max-width: 100%;
}

.side-video .video-btn {
    width: 45%;
    height: 373px;
    overflow: hidden;
    border-radius: 40px;
}

.side-video .content {
    width: 55%;
}

.side-video .video-btn .thumbnail {
    width: 100%;
}

.side-video .video-btn .thumbnail img {
    width: 100%;
}

.side-video-content .content .inner .title {
    font-family: var(--instrument-sans);
    font-weight: 600;
    font-size: 28px !important;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    margin-bottom: 20px;
}

ul {
    margin-bottom: 0px;
    padding-left: 0px;
}

.side-video .side-video-content .feature-list {
    padding-left: 0px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}



.side-video .side-video-content .feature-list .title-wrapper h4 {
    font-family: var(--instrument-sans);
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 10px;
}


.side-video .side-video-content .feature-list .title-wrapper p {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0%;
    color: #D3D3D3;
}




/* READY READY READY READY READY READY READY READY READY READY READY READY READY READY READY READY READY READY */
.ready {
    padding-bottom: 80px;
    position: relative;
    z-index: 99;
}

.ready .ready-content {
    background: #0F0F11;
    padding: 60px;
    border-radius: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}


.ready .ready-content .explore-text {
    text-transform: none;
    font-family: var(--instrument-sans);
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 2%;
    text-align: center;
    z-index: 99;
    position: relative;
}

.ready .ready-content span {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 28px;
    line-height: normal;
    letter-spacing: 0%;
    text-align: center;
    color: #D3D3D3;
    width: 700px;
}





/* CONTACT US PAGE  CONTACT US PAGE CONTACT US PAGE CONTACT US PAGE CONTACT US PAGE CONTACT US PAGE CONTACT US PAGE CONTACT US PAGE CONTACT US PAGE CONTACT US PAGE CONTACT US PAGE CONTACT US PAGE CONTACT US PAGE CONTACT US PAGE CONTACT US PAGE CONTACT US PAGE CONTACT US PAGE CONTACT US PAGE CONTACT US PAGE CONTACT US PAGE CONTACT US PAGE */

.contact-hero-section {
    padding: 90px 0px;
}

.contact-hero-section .text-gradient {
    /* background: linear-gradient(90deg, #FF3BFF 20%, #ECBFBF 38.02%, #4986DB 55.83%, #D94FD5 100%); */
    background: linear-gradient(90deg, #FF3BFF 25%, #ECBFBF 40.02%, #4986DB 50.83%, #D94FD5 70%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sub-contact {
    padding-bottom: 50px;
}

.contact-text {
    position: relative;
    z-index: 99;
}

.sub-contact .resused-side img {
    margin-bottom: 10px;
    position: relative;
    z-index: 99;
}

.sub-contact .resused-side h3 {
    font-family: var(--instrument-sans);
    font-weight: 700;
    font-size: 55px;
    line-height: normal;
    letter-spacing: 2%;
}

.sub-contact .contact-text .contact-address {
    margin-top: 34px;
    padding-left: 30px;
}

.sub-contact .contact-text .contact-address p {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #D3D3D3;
}

.sub-contact .contact-text .contact-address h6 {
    font-family: var(--instrument-sans);
    font-weight: 600;
    font-size: 22px;
    line-height: 40px;
    letter-spacing: 0%;
    margin-bottom: 5px;
    color: #fff;
}


.sub-contact .contact-text .contact-address span {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 19px;
    line-height: normal;
    letter-spacing: 0%;
    color: #D3D3D3;
}


/* CONTACT MAP CONTACT MAP CONTACT MAP  */
.contact-map {
    padding-inline: 40px;
    position: relative;
    z-index: 99;
    border-radius: 40px;
    width: 100%;
    overflow: hidden;
}


/* CONTACT FORM CONTACT FORM CONTACT FORM CONTACT FORM  */

.contact-form-wrapper {
    padding-bottom: 60px;
    position: relative;
    z-index: 99;
    margin-top: -70px;
}

.contact-section {
    background: #171717;
    /* background: red; */
    padding: 50px;
    border-radius: 40px;
}

.contact-section .contact-title {
    font-family: var(--cabinet-font);
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
}


.contact-section .contact-subtitle {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0%;
    text-align: center;
    font-style: italic;
    color: #fff;
}


.contact-section .contact-form {
    margin-top: 30px;
}

.contact-section .contact-form label {
    font-family: var(--instrument-sans);
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #fff;
    margin-bottom: 5px;
}

.contact-section .contact-form .form-control {
    border-radius: 10px;
    border: none;
    background: #303030;
    font-family: var(--instrument-sans);
    box-shadow: none;
    outline: none;
    color: #D3D3D3;
}

.contact-section .contact-form .form-control:focus {
    border: 1px solid #fff;
}

.contact-section .contact-form .contact-submit-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.contact-section .contact-form .contact-submit-btn button {
    border: none;
    box-shadow: none;
    outline: none;
}



/* TERMS POLICCY PAGE  TERMS POLICCY PAGE TERMS POLICCY PAGE TERMS POLICCY PAGE TERMS POLICCY PAGE TERMS POLICCY PAGE TERMS POLICCY PAGE TERMS POLICCY PAGE TERMS POLICCY PAGE TERMS POLICCY PAGE TERMS POLICCY PAGE TERMS POLICCY PAGE TERMS POLICCY PAGE TERMS POLICCY PAGE TERMS POLICCY PAGE  */
.terms-policy-page {
    position: relative;
    z-index: 99;
    padding-bottom: 60px;
}

.terms-policy-page .items {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.terms-policy-page .items .item {}

.terms-policy-page .items .item p {
    font-family: var(--instrument-sans);
    font-weight: 600;
    font-size: 22px;
    line-height: 40px;
    letter-spacing: 2%;
    color: #fff;
}

.terms-policy-page .items .item span {
    display: block;
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 2%;
    color: #D3D3D3;
}

.terms-policy-page .items .item ul {
    padding-left: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.terms-policy-page .items .item ul li {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 2%;
    color: #D3D3D3;
    margin: 0px 0px;
}

.terms-policy-page .items .item a {
    font-family: var(--instrument-sans);
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 2%;
    color: #D3D3D3;
    transition: 0.5s;
}

.terms-policy-page .items .item a:hover {
    color: var(--color-primary);
    transition: 0.5s;
}