.grain-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Cfilter id='noiseFilter'%3%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3%3C/filter%3%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3%3C/svg%3%3E");
    opacity: 0.05;
}

:root {
    --color-bg: #ffffff;
    --color-bg-alt: #f5f4f0;
    --color-primary: #4e0b0b;
    --color-accent: #f39200;
    --color-accent-alt: #f8c301;
    --color-text: #1a1a1a;
    --color-text-dim: rgba(30, 30, 30, 0.6);
    --color-border: rgba(78, 11, 11, 0.15);

    /* Luxury Typography Scale */
    --font-main: "Sora", sans-serif;
    --font-display: "Sora", sans-serif;

    /* Aesthetic Tokens */
    --glass-bg: rgba(255, 255, 255, 0.85);
    --glass-border: rgba(78, 11, 11, 0.12);
    --glow-primary: rgba(78, 11, 11, 0.18);
    --glow-accent: rgba(243, 146, 0, 0.25);
    --container-padding: 5vw;
    --section-margin: 15vh;
}

/* Base Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-main);
    overflow-x: hidden;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: var(--color-bg);
}
::-webkit-scrollbar-thumb {
    background: var(--color-primary);
    border-radius: 10px;
}

/* Typography Utility */
h1,
h2,
h3,
h4 {
    font-family: var(--font-display);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.text-reveal {
    overflow: hidden;
}

/* Layout Helpers */
.container {
    padding: 0 var(--container-padding);
}

.fullscreen {
    height: 100vh;
    width: 100vw;
    position: relative;
    overflow: hidden;
}

/* PRELOADER */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#preloader .logo-wrap {
    width: 150px;
    margin-bottom: 20px;
    opacity: 0;
    transform: scale(0.8);
}

#preloader .progress-bar {
    width: 200px;
    height: 2px;
    background: rgba(78, 11, 11, 0.1);
    position: relative;
    overflow: hidden;
}

#preloader .progress-fill {
    position: absolute;
    height: 100%;
    width: 0%;
    background: var(--color-accent-alt); /* Logo Yellow */
}

/* NAVBAR */
nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 30px var(--container-padding);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10000;
    transition:
        background 0.5s ease,
        padding 0.5s ease,
        border 0.5s ease;
}

nav.scrolled {
    background: rgba(255, 255, 255, 0.95);
    padding: 15px var(--container-padding);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--color-border);
    box-shadow: 0 2px 20px rgba(78, 11, 11, 0.08);
}

nav.scrolled .nav-links a {
    color: var(--color-primary);
}

.nav-logo img {
    height: 90px;
    transition: transform 0.3s ease;
}

.nav-links {
    display: flex;
    gap: 40px;
}

.nav-links a {
    color: #ffffff; /* White over dark hero banner */
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 600;
    position: relative;
    opacity: 0.9;
    transition:
        opacity 0.3s ease,
        color 0.4s ease;
}

.nav-links a:hover {
    opacity: 1;
}

.nav-links a::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0%;
    height: 1px;
    background: var(--color-accent);
    transition: width 0.3s ease;
}

.nav-links a:hover::after {
    width: 100%;
}

/* HERO SECTION */
.hero {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.hero-video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    opacity: 1;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        0deg,
        rgba(10, 10, 10, 0.6) 0%,
        rgba(10, 10, 10, 0.1) 50%,
        rgba(10, 10, 10, 0.3) 100%
    );
    z-index: 0;
}

.hero-content {
    position: relative;
    z-index: 1;
}

.hero-content h1 {
    font-size: 10vw;
    line-height: 0.9;
    margin-bottom: 20px;
    background: linear-gradient(to bottom, #fff 40%, rgba(255, 255, 255, 0.2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-content p {
    font-size: 18px;
    max-width: 600px;
    margin: 0 auto 40px;
    color: var(--color-text-dim);
}

/* BUTTONS - LUXURY GLOW */
.btn-primary {
    background: linear-gradient(135deg, var(--color-primary), #7a1212);
    border: 1px solid var(--glass-border);
    padding: 18px 45px;
    border-radius: 100px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    box-shadow: 0 15px 35px var(--glow-primary);
    position: relative;
    overflow: hidden;
}

.btn-primary:hover {
    transform: translateY(-5px) scale(1.05);
    box-shadow:
        0 25px 50px var(--glow-primary),
        0 0 20px var(--color-accent);
}

/* CURSOR - AESTHETIC LIGHT */
.custom-cursor {
    display: none !important;
    width: 20px;
    height: 20px;
    background: var(--color-accent);
    border-radius: 50%;
    position: fixed;
    pointer-events: none;
    z-index: 10001;
    mix-blend-mode: difference;
    transition: transform 0.2s ease;
}

.custom-cursor-follower {
    display: none !important;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, var(--glow-accent) 0%, transparent 70%);
    position: fixed;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
    opacity: 0.4;
    transition: transform 0.1s ease;
}

/* FOOTER */
footer {
    padding: 100px var(--container-padding) 50px;
    background: var(--color-accent-alt); /* Golden Yellow from logo */
    border-top: 2px solid var(--color-accent);
}

footer,
footer p,
footer h4,
footer a,
footer li,
footer span {
    color: var(--color-primary) !important; /* Deep Maroon text on yellow */
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 50px;
    margin-bottom: 80px;
}

.footer-col h4 {
    margin-bottom: 30px;
    font-size: 14px;
    color: var(--color-accent);
}

.footer-col ul {
    list-style: none;
}

.footer-col ul li {
    margin-bottom: 15px;
}

.footer-col ul li a {
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.footer-col ul li a:hover {
    color: var(--color-accent);
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    font-size: 12px;
    color: rgba(255, 255, 255, 0.55);
}

/* HAMBURGER MENU */
.mobile-toggle {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    z-index: 1001;
}

.mobile-toggle span {
    width: 25px;
    height: 2px;
    background: var(--color-primary);
    transition: 0.3s;
}

/* SWIPER CUSTOMIZATION */
.swiper-pagination-bullet {
    background: var(--color-primary);
    opacity: 0.3;
}

.swiper-pagination-bullet-active {
    background: var(--color-accent);
    opacity: 1;
}

.slider-controls {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    z-index: 10;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

.swiper-button-next,
.swiper-button-prev {
    position: static;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: 0.3s;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 18px;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    border-color: var(--color-accent);
    color: var(--color-accent);
}

/* FLOATING ELEMENTS */
.floating-item {
    position: absolute;
    opacity: 0.15;
    filter: blur(1px);
    z-index: 1;
}

/* SWAR MANDALA & WISDOM (Logo Sunburst Theme) */
.wisdom-universe {
    background: radial-gradient(
        circle at center,
        var(--color-primary) 0%,
        #000 100%
    ) !important;
}

.swar-mandala {
    perspective: 1000px;
    transition: transform 0.1s ease-out;
    border: 2px solid var(--color-accent-alt) !important;
    box-shadow: 0 0 50px rgba(243, 146, 0, 0.2);
}

.swar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    text-shadow: 0 0 15px var(--color-accent);
}

.swar-item .sanskrit {
    font-size: 40px;
    display: block;
    margin-bottom: 5px;
    color: var(--color-accent-alt);
}

.swar-item .note {
    font-size: 10px;
    letter-spacing: 2px;
    opacity: 0.6;
    text-transform: uppercase;
}

.mandala-center h2 {
    animation: mandala-pulse 4s infinite ease-in-out;
}

@keyframes mandala-pulse {
    0%,
    100% {
        transform: scale(1);
        opacity: 1;
        filter: blur(0);
    }
    50% {
        transform: scale(1.1);
        opacity: 0.8;
        filter: blur(2px);
    }
}

/* CARDS - GLASSMORPHISM */
.course-card,
.legend-card,
.event-card,
.lab-feature-item,
.knowledge-card {
    background: var(--glass-bg);
    backdrop-filter: blur(15px);
    border: 1px solid var(--glass-border) !important;
    border-radius: 24px;
    transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

.course-card:hover,
.legend-card:hover,
.event-card:hover,
.knowledge-card:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: var(--color-accent) !important;
    box-shadow:
        0 40px 80px rgba(0, 0, 0, 0.6),
        0 0 30px var(--glow-accent);
    transform: translateY(-10px);
}

/* MARQUEE */
.marquee-item {
    font-family: var(--font-display);
    font-size: 2.5vw;
    color: var(--color-accent-alt); /* Logo Yellow */
    letter-spacing: 2px;
    opacity: 0.8;
}

.char {
    display: inline-block;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .nav-links {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%; /* Full width for cleaner mobile feel */
        height: 100vh;
        background: #FFFDF8;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
        z-index: 1000;
        gap: 20px;
    }

    .nav-links a {
        color: var(--color-primary) !important;
    }

    .nav-links.active {
        right: 0;
    }

    .mobile-toggle {
        display: flex;
        position: absolute;
        right: 5vw;
        top: 50%;
        transform: translateY(-50%);
    }

    .nav-cta {
        display: none;
    }

    .courses-grid,
    .events-grid,
    .footer-grid {
        grid-template-columns: 1fr !important;
    }

    .legacy-stats {
        grid-template-columns: 1fr !important;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .hero-content h1 {
        font-size: 15vw;
    }
    .container {
        padding: 0 30px;
    }

    .btn-primary {
        white-space: nowrap; /* Prevent button text wrapping */
        padding: 12px 25px;
    }

    h2 {
        font-size: 35px !important;
    }

    .story-section {
        height: auto !important; /* Non-sticky on mobile for better usability */
    }

    .sticky-container {
        position: relative !important;
        height: auto !important;
    }
}

/* --- DIRECTOR'S CUT EXTENSIONS --- */

/* AUDIO CONTROL */
.wave-bar {
    animation: wave-pulse 1s infinite ease-in-out;
}
.wave-bar:nth-child(2) {
    animation-delay: 0.2s;
}
.wave-bar:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes wave-pulse {
    0%,
    100% {
        height: 40%;
    }
    50% {
        height: 100%;
    }
}

/* LEGEND CARDS */
.legend-card:hover .legend-overlay {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* CINEMATIC SECTIONS */
section {
    position: relative;
    z-index: 2;
}

#three-canvas {
    background: #000;
}

.arc-step {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.legend-card img {
    will-change: transform, filter;
}

/* ==========================================================================
   MOBILE RESPONSIVE ENGINE & ENGINE OVERRIDES
   ========================================================================== */

/* SplitType Word-level Wrapping fix */
.word {
    display: inline-block;
    white-space: nowrap;
}

@media (max-width: 992px) {
    /* Founder Section */
    .founder-section {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
        padding-bottom: 8vh !important;
    }
    .founder-image {
        max-width: 500px;
        margin: 0 auto;
    }
    .founder-text {
        text-align: center;
    }
    .founder-text h2 {
        font-size: 32px !important;
    }

    /* Contact Section */
    .contact-section {
        grid-template-columns: 1fr !important;
        gap: 50px !important;
        padding-bottom: 8vh !important;
    }

    /* Interactive Lab */
    .learning-lab > div {
        grid-template-columns: 1fr !important;
        gap: 50px !important;
    }
    .learning-lab .lab-visual {
        height: 380px !important;
    }

    /* Faculty Grid */
    .faculty-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

@media (max-width: 768px) {
    /* Global Typography Scales */
    h1,
    .page-header h1 {
        font-size: 12vw !important;
    }
    h2,
    section h2 {
        font-size: 8vw !important;
    }
    h3 {
        font-size: 6vw !important;
    }

    /* Swar Mandala mobile constraints */
    .swar-mandala {
        width: 320px !important;
        height: 320px !important;
        margin: 0 auto;
    }
    .mandala-container {
        height: 100vh !important;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .swar-item .sanskrit {
        font-size: 26px !important;
    }
    .swar-item .note {
        font-size: 8px !important;
    }
    .mandala-center h2 {
        font-size: 48px !important;
    }

    /* Wisdom Universe general text */
    .mandala-text {
        position: relative !important;
        bottom: auto !important;
        margin-top: 40px;
    }
    .mandala-text h3 {
        font-size: 24px !important;
    }

    /* Timeline Grid */
    .timeline-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    /* Did You Know Facts */
    #knowledge-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    /* Faculty Grid */
    .faculty-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    /* Gallery Grid */
    .gallery-grid {
        grid-template-columns: 1fr !important;
        grid-auto-rows: 240px !important;
        gap: 15px !important;
    }
    .gallery-grid > div {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
    }

    /* Footer bottom adjustments */
    .footer-bottom {
        flex-direction: column-reverse !important;
        gap: 20px !important;
        text-align: center !important;
    }
    .footer-bottom div {
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    /* Floating audio controller */
    .audio-control {
        bottom: 20px !important;
        right: 20px !important;
        background: rgba(10, 10, 10, 0.8) !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        padding: 10px 18px !important;
        border-radius: 30px !important;
        backdrop-filter: blur(12px) !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    }
}

@media (max-width: 576px) {
    /* Form fields collapse */
    .contact-section form {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .contact-section form > div {
        grid-column: span 1 !important;
    }

    /* Course filter flex wrapping */
    .courses-filter {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
    }

    /* Navigation hamburger visual animation */
    .mobile-toggle.open span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }
    .mobile-toggle.open span:nth-child(2) {
        opacity: 0;
    }
    .mobile-toggle.open span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }
}

/* --- COURSES EXPO SLIDER --- */
.coursesSwiper {
    width: 100%;
    padding: 20px 0;
    overflow: visible;
}

.course-slide {
    width: 600px;
    height: 700px;
    transition:
        transform 1s cubic-bezier(0.2, 0.8, 0.2, 1),
        opacity 1s ease;
    opacity: 0.6;
}

.course-slide-inner {
    width: 100%;
    height: 100%;
    border-radius: 28px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    background: #000;
}

.course-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: grayscale(80%);
    transform: scale(1.2);
    transition:
        transform 1s cubic-bezier(0.2, 0.8, 0.2, 1),
        filter 1s ease;
}

.course-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to top,
        rgba(10, 10, 10, 0.95) 0%,
        rgba(10, 10, 10, 0.1) 100%
    );
    transition: background 1s ease;
}

.course-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity 0.5s ease,
        transform 0.5s ease;
    backdrop-filter: blur(8px);
    background: rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.course-content .course-icon {
    font-size: 50px;
    color: var(--color-accent);
    margin-bottom: 15px;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 12px;
}

.course-content h3 {
    font-size: 32px;
    margin-bottom: 10px;
    color: #fff;
}

.course-content p {
    font-size: 15px;
    color: var(--color-text-dim);
    margin-bottom: 25px;
    line-height: 1.5;
}

/* Active slide */
.swiper-slide-active.course-slide {
    transform: scale(1);
    opacity: 1;
    z-index: 2;
}
.swiper-slide-active .course-bg {
    transform: scale(1);
    filter: grayscale(0%);
}
.swiper-slide-active .course-overlay {
    background: linear-gradient(
        to top,
        rgba(78, 11, 11, 0.95) 0%,
        rgba(0, 0, 0, 0.2) 100%
    );
}
.swiper-slide-active .course-content {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

/* Side slides */
.course-slide:not(.swiper-slide-active) {
    transform: scale(0.85);
}

@media (max-width: 1024px) {
    .course-slide {
        width: 450px;
        height: 600px;
    }
}

@media (max-width: 768px) {
    .course-slide {
        width: 85vw;
        height: 60vh;
    }
}

/* ===================================================
   WHITE / LIGHT THEME – GLOBAL SECTION OVERRIDES
   Overrides hardcoded dark backgrounds from inline styles
   =================================================== */

/* Body & page base */
body {
    background-color: #ffffff;
    color: var(--color-text);
}

/* Scrollbar on light bg */
::-webkit-scrollbar-track {
    background: #f5f4f0;
}

/* Academy Legacy section */
.academy-legacy {
    background: var(--color-bg-alt) !important;
}

/* Wisdom / Universe section – give it a warm light tint */
.wisdom-universe {
    background: #faf7f2 !important;
}

/* Soul section – keep cinematic feel with maroon gradient */
.soul-section {
    background: radial-gradient(
        circle at center,
        #4e0b0b 0%,
        #2a0505 100%
    ) !important;
}
.soul-section,
.soul-section h2,
.soul-section p,
.soul-section span {
    color: #fff !important;
}

/* Events section bg */
.events-section {
    background: var(--color-bg-alt) !important;
}

/* Lab feature items */
.lab-feature-item {
    background: #f5f4f0 !important;
    border-color: var(--color-border) !important;
}

/* Lab visual box */
.lab-visual {
    border-color: var(--color-accent) !important;
    background: var(--color-primary) !important;
}

/* Knowledge cards */
.knowledge-card {
    background: var(--color-bg-alt) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 16px;
}

/* Quote section */
.quote-section {
    border-top-color: var(--color-border) !important;
}
.quote-icon {
    color: var(--color-primary) !important;
    opacity: 0.2 !important;
}

/* Courses Expo section bg */
.courses-expo {
    background: var(--color-bg-alt) !important;
}

/* Team section cards */
.team-card {
    background: #fff !important;
    border: 1px solid var(--color-border) !important;
    box-shadow: 0 8px 30px rgba(78, 11, 11, 0.08) !important;
}

/* Testimonial cards */
.testimonial-card {
    background: #fff !important;
    border: 1px solid var(--color-border) !important;
    box-shadow: 0 8px 30px rgba(78, 11, 11, 0.08) !important;
}

/* CTA section */
.cta-box {
    background: linear-gradient(
        135deg,
        var(--color-primary) 0%,
        #2a0505 100%
    ) !important;
}

/* Stat items text – ensure visible on light backgrounds */
.stat-item h3 {
    color: var(--color-primary) !important;
}
.stat-item p {
    color: var(--color-text-dim) !important;
}

/* Event cards */
.event-card {
    border-color: var(--color-border) !important;
}

/* Section headings visible on light bg */
section h2,
section h3 {
    color: var(--color-primary);
}

/* Story / beyond the strings section */
.story-section {
    background: var(--color-primary) !important;
}

/* Marquee section override — now used for logo ticker */
.marquee-section {
    background: #fff !important;
}

/* ===================================================
   LOGO TICKER / PARTNER STRIP
   =================================================== */
.logo-ticker-wrap {
    overflow: hidden;
    width: 100%;
}

.logo-ticker-track {
    display: flex;
    align-items: center;
    width: max-content;
    animation: logoScroll 12s linear infinite;
}

.logo-ticker-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0 40px; /* equal spacing on both sides incl. after last item */
}

.logo-ticker-item img {
    height: 52px;
    max-width: 160px;
    width: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.logo-ticker-item img:hover {
    transform: scale(1.08);
}

@keyframes logoScroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-33.33%);
    }
}

/* ===================================================
   TESTIMONIAL SWIPER SLIDER
   =================================================== */

/* Each slide wrapper */
.testi-slide {
    height: auto;
    display: flex;
}

/* Card */
.testi-card {
    position: relative;
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: 20px;
    padding: 40px 35px 35px;
    box-shadow: 0 8px 30px rgba(78, 11, 11, 0.07);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 18px;
    flex: 1;
}

.testi-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(78, 11, 11, 0.13);
}

/* Featured (centre) card – maroon accent border + slight lift */
.testi-card--featured {
    border: 2px solid var(--color-primary);
    box-shadow: 0 12px 40px rgba(78, 11, 11, 0.15);
}

/* Stars */
.testi-stars {
    color: var(--color-accent);
    font-size: 18px;
    letter-spacing: 2px;
}

/* Quote text */
.testi-quote {
    font-size: 15px;
    line-height: 1.75;
    font-style: italic;
    color: var(--color-text);
    flex: 1;
    border: none;
    padding: 0;
    margin: 0;
}

/* Author row */
.testi-author {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 8px;
}

.testi-author img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--color-accent);
    flex-shrink: 0;
}

.testi-author h6 {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-primary);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 2px;
}

.testi-author p {
    font-size: 12px;
    color: var(--color-accent);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}

/* Decorative large quote mark */
.testi-quote-icon {
    position: absolute;
    bottom: 20px;
    right: 24px;
    font-size: 80px;
    line-height: 1;
    color: var(--color-primary);
    opacity: 0.06;
    font-family: Georgia, serif;
    pointer-events: none;
    user-select: none;
}

/* Navigation buttons */
.testi-nav {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 40px;
}

.testi-btn {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 2px solid var(--color-primary);
    background: transparent;
    color: var(--color-primary);
    font-size: 20px;
    cursor: pointer;
    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testi-btn:hover {
    background: var(--color-primary);
    color: #fff;
    transform: scale(1.08);
}

/* Swiper overrides for testimonial slider */
.testimonial__slider {
    padding: 20px 5vw 60px !important;
}

/* ===================================================
   REEL VIDEO LAYOUT
   =================================================== */
@media (max-width: 991px) {
    .story-reel-text {
        display: none !important;
    }
    .story-reel-video {
        justify-content: center !important;
        min-height: 50vh;
        width: 100%;
    }
}

/* ===================================================
   HERO SLIDER BACKGROUNDS (Responsive)
   =================================================== */
.bg-slide-1 {
    background: url("../images/banner.webp") center/cover no-repeat;
}
.bg-slide-2 {
    background: url("../images/banner_ndim_2.jpg") center/cover no-repeat;
}
.bg-slide-3 {
    background: url("../images/banner_ndim_1.jpg") center/cover no-repeat;
}

@media (max-width: 767px) {
    .bg-slide-1 {
        background: url("../images/mob_banner/17-1.webp") center/cover no-repeat;
    }
    .bg-slide-2 {
        background: url("../images/mob_banner/2-1.webp") center/cover no-repeat;
    }
    .bg-slide-3 {
        background: url("../images/mob_banner/3-1.webp") center/cover no-repeat;
    }
    .hero-overlay {
        display: none;
    }
}

/* ===================================================
   REFERENCE BOOTSTRAP UTILITIES FOR FOUNDER SECTION
   =================================================== */
.custom-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 1200px) {
    .custom-container {
        max-width: 1140px;
    }
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.row > * {
    padding-right: 15px;
    padding-left: 15px;
}
.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
@media (min-width: 992px) {
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 1200px) {
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .offset-xl-1 {
        margin-left: 8.333333%;
    }
}
.img-fluid {
    max-width: 100%;
    height: auto;
}

/* ===================================================
   USER PROVIDED CSS EXACT MATCH
   =================================================== */

/* inner banner start */
.inner__banner {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 0 0 40px 40px;
    -webkit-border-radius: 0 0 40px 40px;
    -moz-border-radius: 0 0 40px 40px;
    -ms-border-radius: 0 0 40px 40px;
    -o-border-radius: 0 0 40px 40px;
}
.inner__banner_bg {
    padding: min(15.3646vw, 18.4375rem) 0;
    max-height: 800px;
}
.inner__banner .section_grad_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(
        270deg,
        rgba(13, 176, 43, 0.2) 0%,
        rgba(40, 170, 226, 0.2) 100%
    );
}
.inner__banner .section_white_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -36%;
    left: 0;
    opacity: 0.8;
    background: linear-gradient(
        180deg,
        #fff 42.03%,
        rgba(255, 255, 255, 0) 78.26%
    );
}

@media only screen and (max-width: 991px) {
    .inner__banner_bg {
        padding: 9.375rem 0;
    }
}
@media only screen and (max-width: 767px) {
    .inner__banner_bg {
        background-position: 70% 50% !important;
    }
}
/* inner banner end */

/* breadcrumb start */
.breadcrumb__section {
    position: relative;
    padding: min(2.6042vw, 3.125rem) 0;
}
.breadcrumb {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: min(2.2917vw, 2.75rem);
    row-gap: 10px;
}
.breadcrumb li {
    position: relative;
}
.breadcrumb li + li::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-color: var(--color-border);
    left: -1.3021vw;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.breadcrumb li a {
    font-size: min(0.9375vw, 1.125rem);
}
.breadcrumb li a.active {
    font-weight: 500;
    color: var(--theme-primary);
}

@media only screen and (max-width: 1500px) {
    .breadcrumb li a {
        font-size: 0.875rem;
    }
    .breadcrumb li + li::before {
        width: 6px;
        height: 6px;
    }
}
@media only screen and (max-width: 991px) {
    .leadership__section .circle.lg__circle {
        display: none;
    }
    .leadership__section .circle.sm__circle {
        display: none;
    }
    .breadcrumb__section {
        padding: 1.25rem 0;
        padding-top: 1.875rem;
    }
    .breadcrumb {
        column-gap: 1.25rem;
    }
    .breadcrumb li + li::before {
        left: -0.875rem;
    }
}
@media only screen and (max-width: 767px) {
    .leadership__section .bottom_content {
        font-size: 1.125rem;
    }
}
/* breadcrumb end */

/* leadership section start */
.leadership__section {
    position: relative;
    padding-bottom: min(3.6458vw, 4.375rem);
}
.leadership__section .circle {
    /* border-width: 2px; */
}
.leadership__section .circle.lg__circle {
    width: min(82.5521vw, 99.0625rem);
    height: min(82.5521vw, 99.0625rem);
    top: -85%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}
.leadership__section.leadership__section-circle .circle.sm__circle {
    top: -60%;
}
.leadership__section .circle.sm__circle {
    width: min(67.7083vw, 81.25rem);
    height: min(67.7083vw, 81.25rem);
    top: -37%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}
.leadership__section .section_overlay {
    position: absolute;
    width: 100%;
    height: 170%;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.7) 45.06%
    );
}
.leadership__section .custom-container {
    position: relative;
    z-index: 1;
}
.leadership__section .section_header .heading {
    margin-bottom: 0.347em;
}
.leadership__section .bottom_content {
    margin-top: min(6.25vw, 7.5rem);
}
.leadership__section .bottom_content p {
    line-height: 1.2;
}
.leadership__section .bottom_content p + p {
    margin-top: min(2.0833vw, 2.5rem);
}

@media only screen and (max-width: 767px) {
    .leadership__section .section_header .heading {
        line-height: 1.1;
    }
    .leadership__section .section_header .heading br {
        display: none;
    }
}
/* leadership section end */

/* founder section start */
.founder__section {
    position: relative;
    padding: 0;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    overflow: hidden;
    margin-bottom: min(5.2083vw, 6.25rem);
    background-repeat: no-repeat;
    background-size: cover;
}
.founder__section .section_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        270deg,
        rgba(13, 176, 43, 0.15) 0%,
        rgba(40, 170, 226, 0.15) 100%
    );
}
.founder__section .section_overlay {
    position: absolute;
    width: 100%;
    height: 50%;
    /* background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 0) 37.38%,
        #fff 82.06%
    ); */
}
.founder__section .custom-container {
    position: relative;
    z-index: 1;
}
.founder__section .row {
    justify-content: space-between;
}
.founder__section .section_header {
    margin-top: min(10.4167vw, 12.5rem);
    margin-top: min(3.4167vw, 65px);
}
.founder__section .section_header .icon_wrap {
    margin-bottom: 20px;
}
.founder__section .section_header .heading {
    margin-bottom: min(2.3438vw, 2.8125rem);
    line-height: 1.12;
}
.founder__section .content__wrap {
    line-height: 1.3;
}
.founder__section .blockquote {
    white-space: nowrap;
    margin-top: 30px;
    line-height: 1.17;
}
.founder__section .profile__wrap {
    margin-top: min(3.3854vw, 4.0625rem);
}
.founder__section .profile__wrap .heading + .heading {
    margin-top: 10px;
}

@media only screen and (max-width: 1500px) {
    .founder__section {
        margin-top: 3.125rem;
    }
}
@media only screen and (max-width: 1199px) {
    .founder__section {
        margin-top: 1.875rem;
    }
    .founder__section .section_header {
        margin-top: min(14.4167vw, 9.5rem);
    }
    .founder__section .section_header .icon_wrap {
        width: 3.125rem;
    }
    .founder__section .blockquote {
        font-size: 1.25rem;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .founder__section .section_header {
        margin-top: min(10.4167vw, 9.5rem);
    }
}
@media only screen and (max-width: 991px) {
    .founder__section .section_header {
        margin-top: 1.125rem;
    }
    .founder__section .founder__img {
        margin-top: 1.25rem;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
    .founder__section .blockquote {
        white-space: unset;
    }
}
@media only screen and (max-width: 767px) {
    .founder__section {
        margin-bottom: 2.5rem;
    }
    .founder__section .section_header .heading {
        margin-bottom: 0.9375rem;
    }
    .founder__section .founder__img {
        width: 90%;
    }
    .founder__section .content__wrap {
        line-height: 1.5;
    }
    .founder__section .profile__wrap {
        margin-top: 1.25rem;
    }
}
/* founder section end */

/* team section start */
.team__section {
    position: relative;
    padding: min(2.6042vw, 3.125rem) 0 min(3.125vw, 3.75rem);
    overflow: hidden;
}
.team__section .section_header {
    margin-bottom: min(3.125vw, 3.75rem);
}
.team__section .section_header .heading {
    margin-bottom: 0.625em;
}
.team__section .item__tab_wrapper::after {
    bottom: 1%;
}
.item__tab_wrapper::after {
    z-index: -1;
}
.item__tablist {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    position: relative;
}
.item__tablist .list_item {
    flex: 0 0 auto;
    /* width: calc(100% / 3); */
}
.item__tablist .list_item * {
    display: inline-flex;
    flex-direction: column;
}
.category__slider {
    overflow: visible;
}
.category__slider .swiper-slide.swiper-slide-active .list_item {
    /* text-align: left; */
}
.category__slider .swiper-slide.swiper-slide-next .list_item {
    text-align: center;
}
.category__slider .swiper-slide .list_item {
    justify-content: flex-end;
    /* text-align: right; */
}
.category__slider_btn {
    display: none;
}
.team__leadership .item__tablist .item__tab:nth-child(1) {
    justify-self: flex-start;
}
.team__leadership .item__tablist .item__tab .heading {
    padding: 0;
}
.circle__wrapper {
    position: absolute;
    border: 1px solid rgba(13, 176, 43, 0.1);
    width: 54px;
    height: 54px;
    background-color: #ffffff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.circle__wrapper .circle-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(176, 86, 13, 0.25);
    width: 80%;
    height: 80%;
    background-color: #ffffff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.circle__wrapper .circle-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(176, 86, 13, 0.25);
    width: 58%;
    height: 58%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.tab_circle_1 {
    left: 31.5%;
    top: 50%;
}
.tab_circle_3 {
    left: 88.5%;
    top: 50%;
}
.tab_circle_2 {
    right: 35%;
    top: 50%;
}
.team__slider {
    position: relative;
}
.team__slider .single__item {
    position: relative;
    max-width: 410px;
    margin-left: min(1.3021vw, 1.5625rem);
    margin-right: min(1.3021vw, 1.5625rem);
    padding-top: 30px;
    cursor: pointer;
}
.team__slider .single__item .img__wrap {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    top: 0;
    transition: top 0.3s ease-in-out;
    -webkit-transition: top 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out;
    -ms-transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out;
}
.team__slider .single__item .img__wrap img {
    /* filter: grayscale(1);
    -webkit-filter: grayscale(1); */
}
.team__slider .single__item .img__bg {
    width: 80%;
    height: 70%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top: 25%;
    z-index: -1;
    background: rgba(91, 91, 91, 0.2);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
}
.team__slider .single__item .img__bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: linear-gradient(
        270deg,
        rgba(13, 176, 43, 0.2) 0%,
        rgba(40, 170, 226, 0.2) 100%
    );
    transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
}
.team__slider .single__item:hover .img__bg {
    background: transparent;
}
.team__slider .single__item:hover .img__bg::before {
    opacity: 1;
}
.team__slider .single__item:hover .img__wrap {
    top: -24px;
}
.team__slider .single__item:hover .img__wrap img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

.team__slider .single__item .content__area {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: min(1.3021vw, 1.5625rem) min(2.0833vw, 2.5rem);
    margin-top: -80px;
    position: relative;
    z-index: 1;
}
.team__slider .single__item .content__area .heading {
    min-height: 68px;
    margin-bottom: 5px;
}
.team__slider .single__item .content__area .sub-heading {
    margin-bottom: 20px;
    min-height: min(max(45px, 3.3854vw), 65px);
}
.team__slider .single__item .btn-group .btn_icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
}
.team__slider .single__item .btn-group .btn_icon svg {
    /* width: 100%;
    height: 100%; */
}
.team__slider .single__item:hover .btn-group .btn_icon {
    /* width: 50px; */
}
.team__slider_wrap {
    position: relative;
}
.team__slider_btn {
    position: absolute;
    top: 50%;
    width: 100%;
    justify-content: space-between;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.team__slider_btn .prev-btn-team {
    position: absolute;
    left: -0%;
    width: min(max(40px, 4.4271vw), 5.3125rem);
    height: min(max(40px, 4.4271vw), 5.3125rem);
}
.team__slider_btn .next-btn-team {
    position: absolute;
    right: -0%;
    width: min(4.4271vw, 5.3125rem);
}
.team__slider .single__item .btn-group {
    position: relative;
    height: 1rem;
}
.team__slider .single__item .btn-group .btn-inner {
    position: relative;
}
.team__slider .single__item .btn-group .btn_icon.on-hover {
    /* display: none; */
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
}
.team__slider .single__item:hover .btn-group .btn_icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
}
.team__slider .single__item:hover .btn-group .btn_icon.on-hover {
    display: inline-flex;
    visibility: visible;
    opacity: 1;
}

.team__section .category__slider_btn {
    width: 100%;
}
.team__section .category__slider_btn li {
    position: absolute;
    left: 0;
}
.team__section .category__slider_btn li a {
    width: 30px;
    height: 30px;
}
.team__section .category__slider_btn li + li {
    right: 0;
    left: unset;
}

.team__modal {
    position: fixed;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.team-overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
}
.team__modal_wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 870px;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    background-color: #ffffff;
    box-shadow: -20px 0px 5px 0px rgba(0, 0, 0, 0.15);
}
.team-close-modal {
    background: transparent;
    border: none;
    box-shadow: none;
    position: absolute;
    z-index: 1;
    top: 7%;
    right: 5%;
    padding: 0;
    width: min(2.7042vw, 3.125rem);
    height: min(2.7042vw, 3.125rem);
}
.team-close-modal svg {
    width: 100%;
    height: 100%;
}
.team__modal_detail {
    padding: min(5.2083vw, 6.25rem) min(4.6875vw, 5.625rem)
        min(5.2083vw, 6.25rem) min(3.9063vw, 4.6875rem);
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-grow: 1;
    column-gap: min(3.125vw, 3.75rem);
}
.team__member {
    flex: 0 0 auto;
    width: 36%;
}
.team__member_detail {
    flex: 0 0 auto;
    width: calc(100% - (36% + min(3.125vw, 3.75rem)));
    margin-top: min(2.6042vw, 3.125rem);
    padding-right: 10px;
    max-height: 870px;
    height: min(45.3125vw, 870px);
    overflow-y: auto;
}
.team__member_detail::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #f5f5f5;
    border-radius: 10px;
}

.team__member_detail::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5;
}

.team__member_detail::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--color-primary);
}
.team__member_detail .content__area .heading {
    margin-bottom: 5px;
}
.team__member .btn-group {
    padding: min(1.0417vw, 1.25rem);
    border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    -o-border-radius: 0px 0px 10px 10px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-wrap: wrap;
    column-gap: 15px;
    justify-content: space-between;
    width: 100%;
}
.team__member .btn-group .primary_text_btn .btn_icon {
    margin-right: 5px;
}
.team__member_detail .content__wrap .heading {
    margin-bottom: 5px;
}
.team__member_detail .content__wrap .quote-icon-left {
    padding-top: 10px;
    padding-bottom: 15px;
}
.team__member_detail .content__wrap .quote-icon-right {
    padding-top: 16px;
}
.team__member_detail .content__wrap {
    margin-top: 30px;
}
.team__member .single__item {
    position: relative;
}
.team__member .single__item .img__bg {
    width: 80%;
    height: 70%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top: 15%;
    z-index: -1;
    background: rgba(91, 91, 91, 0.2);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}
.team__member .single__item .img__bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: linear-gradient(
        270deg,
        rgba(13, 176, 43, 0.2) 0%,
        rgba(40, 170, 226, 0.2) 100%
    );
}

.team__modal.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}

.team-overlay.active {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 1536px) {
    .team-close-modal {
        top: 5%;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1500px) {
    .tab_circle_1 {
        top: 38%;
    }
    .tab_circle_2 {
        top: 38%;
        right: 33%;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1366px) {
    .tab_circle_1 {
        top: 30%;
    }
    .tab_circle_2 {
        top: 30%;
        right: 33%;
    }
}

@media only screen and (max-width: 1199px) {
    .circle__wrapper {
        width: 2.5rem;
        height: 2.5rem;
    }
    .tab_circle_2 {
        right: 31.5%;
    }
    .team__slider .single__item {
        padding-top: 1.9375rem;
    }
    .team__slider .single__item .content__area {
        padding: 0.9375rem 1.25rem;
    }
    .team__slider .single__item .content__area .heading {
        margin-bottom: 0.625rem;
    }
    .team__slider .single__item .img__bg {
        height: 65%;
    }
    .team__slider .single__item:hover .img__wrap {
        top: 0;
    }
    .team__slider_btn {
        position: relative;
        margin-top: 30px;
        justify-content: center;
        column-gap: 1.25rem;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
    .team__slider_btn .prev-btn-team {
        position: relative;
        width: 2.5rem;
        height: 2.5rem;
    }
    .team__slider_btn .next-btn-team {
        position: relative;
        width: 2.5rem;
        height: 2.5rem;
    }
    .team__section .item__tablist .item__tab .heading {
        font-size: 18px;
    }
    .team__slider .single__item .content__area .sub-heading {
        min-height: 60px;
    }
    .team__member_detail {
        height: 64.3125vw;
    }
}

@media only screen and (max-width: 991px) {
    .category__slider .swiper-slide.swiper-slide-active .list_item {
        text-align: center;
    }
    .tab_circle_1 {
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .tab_circle_2 {
        display: none;
    }
    .team__section .category__slider .swiper-slide .list_item {
        margin-right: 10%;
    }
    .team__member_detail {
        height: 100.3125vw;
    }
}
@media only screen and (max-width: 767px) {
    .team__section {
        padding-top: 1.875rem;
    }
    .team__section .item__tab_wrapper {
        margin-bottom: 1.875rem;
    }
    .category__slider .item__tab .heading {
        font-size: 1.25rem;
    }
    .category__slider .item__tab .shape {
        height: 14px;
    }
    .tab_circle_1 {
        display: none;
        display: inherit;
        left: 10%;
        top: 43%;
    }
    .tab_circle_2 {
        top: 43%;
        display: inherit;
        right: 3.5%;
    }
    .category__slider .swiper-slide .list_item {
        text-align: center;
    }
    .category__slider .swiper-slide.swiper-slide-active .list_item {
        text-align: center;
    }
    .category__slider_btn {
        position: relative;
        display: flex;
        display: none;
        width: 100%;
        justify-content: space-between;
        z-index: 1;
        top: -16px;
    }
    .category__slider_btn li {
        width: 30px;
        height: 30px;
        background-color: #ffffff;
        position: absolute;
        overflow: hidden;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
    }
    .category__slider_btn .prev-btn-category {
        left: 0;
    }
    .category__slider_btn .next-btn-category {
        right: 0;
    }
    .team__section .section_header {
        margin-bottom: 1.25rem;
    }
    .team-close-modal {
        top: 2%;
    }
    .team__modal_detail {
        flex-wrap: wrap;
        padding: 50px 20px 20px;
        row-gap: 20px;
    }
    .team-close-modal {
        width: 40px;
        height: 40px;
    }
    .team__modal_detail > * {
        width: 100%;
    }
    .team__modal_detail > *:first-child {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .team__member_detail {
        padding-right: 5px;
        margin-top: 0;
        height: 250px;
        overflow-y: auto;
    }
    .team__member .btn-group {
        padding: 20px;
    }
    .item__tablist .list_item * {
        display: block;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    .item__tab.active:after {
        width: 70%;
        left: 0;
        right: 0;
        margin: auto;
    }
    .team__section .circle__wrapper {
        display: none;
    }
    .team__section .category__slider .swiper-slide .list_item {
        margin-right: 0;
    }
    .team__section .item__tab.active:after {
        width: 95%;
    }
}
@media only screen and (max-width: 360px) {
    .team__section .item__tab_wrapper {
        margin-bottom: 3.875rem;
    }
    .category__slider_btn {
        position: relative;
        justify-content: center;
        top: 20px;
    }
    .category__slider_btn .prev-btn-category {
        left: 35%;
    }
    .category__slider_btn .next-btn-category {
        right: 35%;
    }
}
/* team section end */

/* resource section start */
.resource__section {
    /* margin-top: 0; */
}
.team__section + .resource__section {
    margin-top: min(5.2083vw, 6.25rem);
}
@media only screen and (max-width: 991px) {
    .team__section + .resource__section {
        margin-top: 0;
    }
    .team__section + .resource__section .section_header .btn-group {
        justify-content: flex-end;
    }
}
@media only screen and (max-width: 767px) {
    .team__section + .resource__section {
        padding-bottom: 1.875rem;
    }
    .team__section + .resource__section .section_header .btn-group {
        justify-content: flex-start;
    }
}
.media__slider .single__item .top__block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: min(1.5625vw, 1.875rem);
    margin-bottom: 20px;
}
.media__slider .single__item .top__block .heading {
    margin-bottom: 0;
}
.media__slider .single__item .top__block .publish__date {
    margin-bottom: 0;
}
.media__slider .single__item .content__wrap .heading {
    line-height: 1.6;
}
.media__slider .single__item .content__wrap p {
    line-height: 1.6;
}
.media__slider .single__item .list-unstyled {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}
.media__slider .single__item .list-unstyled li {
    position: relative;
}
.media__slider .single__item .list-unstyled li + li::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: var(--theme-gradient);
    left: -13px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

@media only screen and (max-width: 1500px) {
    .media__slider .single__item .top__block .heading {
        font-size: inherit;
    }
}

@media only screen and (max-width: 1199px) {
    .media__slider .single__item .top__block {
        margin-bottom: 10px;
    }
}
/* resource section end */

/* inspired section start */
.inspired__section {
    position: relative;
    padding: min(7.8125vw, 9.375rem) 0 min(10px, 0.625rem);
}
.inspired__section .section_header .heading + .heading {
    margin-top: min(1.5625vw, 1.875rem);
}
.inspired__section .section_header {
    margin-bottom: min(2.0833vw, 2.5rem);
}
.inspired__section .circle.lg__circle {
    z-index: -1;
    width: min(82.5521vw, 99.0625rem);
    height: min(43.75vw, 52.5rem);
    margin: auto;
    top: -60%;
    left: 0;
    right: 0;
    border-radius: 50% 50% 0 0/100% 100% 0 0;
    -webkit-border-radius: 50% 50% 0 0/100% 100% 0 0;
    -moz-border-radius: 50% 50% 0 0/100% 100% 0 0;
    -ms-border-radius: 50% 50% 0 0/100% 100% 0 0;
    -o-border-radius: 50% 50% 0 0/100% 100% 0 0;
}
.inspired__section .circle.sm__circle {
    z-index: -1;
    width: min(67.7083vw, 81.25rem);
    height: min(39.0625vw, 46.875rem);
    margin: auto;
    top: -28%;
    left: 0;
    right: 0;
    border-radius: 50% 50% 0 0/100% 100% 0 0;
    -webkit-border-radius: 50% 50% 0 0/100% 100% 0 0;
    -moz-border-radius: 50% 50% 0 0/100% 100% 0 0;
    -ms-border-radius: 50% 50% 0 0/100% 100% 0 0;
    -o-border-radius: 50% 50% 0 0/100% 100% 0 0;
}
.inspired__section .section_overlay {
    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 45.06%
    );
    width: 100%;
    height: 100%;
    position: absolute;
    top: -75%;
    z-index: -1;
}
.inspired__section .btn-group {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: min(2.6042vw, 3.125rem);
    row-gap: 1.25rem;
}
.circle__area {
    /* position: relative; */
}
@media only screen and (max-width: 1199px) {
    .inspired__section .circle.lg__circle {
        top: -40%;
    }
    .inspired__section .circle.sm__circle {
        top: -15%;
    }
}
@media only screen and (max-width: 991px) {
    .inspired__section .section_header {
        margin-bottom: 1.25rem;
    }
    .inspired__section .btn-group {
        flex-wrap: wrap;
    }
    .inspired__section .circle.sm__circle {
        display: none;
    }
    .inspired__section .circle.lg__circle {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .inspired__section {
        padding-top: 2.5rem;
    }
    .inspired__section .section_header {
        margin-bottom: 1.25rem;
    }
    .inspired__section .btn-group {
        column-gap: 1.25rem;
    }
    .inspired__section .section_header .heading + .heading {
        margin-top: 0.9375rem;
        font-size: 1.25rem;
    }
}

/* inspired section end */

/* --- VIDEO TESTIMONIAL SLIDER --- */
section#testimonial-videos {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 80px; /* Ensure space for dots below */
}

.simple blockquote {
    width: 100%;
    margin: 0px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 80px;
    padding-bottom: 80px;
    min-height: 500px;
    position: relative;
}

/* Updated Background Images */
.simple blockquote#testimonial1 {
    background: rgba(0, 0, 0, 0) url("../images/banner.webp") repeat scroll
        center center / cover;
}
.simple blockquote#testimonial2 {
    background: rgba(0, 0, 0, 0) url("../images/guitar_class.webp") repeat
        scroll center center / cover;
}
.simple blockquote#testimonial3 {
    background: rgba(0, 0, 0, 0) url("../images/singing.jpeg") repeat scroll
        center center / cover;
}

/* Add overlay to make text readable */
.simple blockquote::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.simple blockquote p,
.simple blockquote cite,
.simple blockquote .play-button {
    position: relative;
    z-index: 2;
}

.simple blockquote p {
    font-family: Baskerville, var(--font-display);
    color: #ffffff;
    padding: 25px 40px;
    font-size: 36px;
    font-style: italic;
    text-align: center;
}
.simple cite {
    font-family: var(--font-main);
    font-weight: bold;
    letter-spacing: 3px;
    font-style: normal;
    font-size: 13px;
    text-align: center;
    color: #b5b5b5;
    display: block;
    text-transform: uppercase;
}
.simple .play-button {
    width: 70px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.simple .play-button:hover {
    transform: scale(1.1);
}

.slick-dots {
    bottom: -60px; /* Moved down to prevent overlapping video controls */
    z-index: 100001; /* Above video */
}
.slick-dots li {
    width: 80px;
    background: #000;
    height: 80px;
    border-radius: 100px;
    text-align: center;
    margin: 0 15px;
}
.slick-dots li button {
    height: 80px;
    width: 80px;
    opacity: 0.6;
    margin: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.slick-dots li:nth-child(1) button {
    background: url("../images/banner.webp") no-repeat scroll center center /
        cover;
}
.slick-dots li:nth-child(2) button {
    background: url("../images/guitar_class.webp") no-repeat scroll center
        center / cover;
}
.slick-dots li:nth-child(3) button {
    background: url("../images/singing.jpeg") no-repeat scroll center center /
        cover;
}

.slick-dots li.slick-active button {
    opacity: 1;
    border-color: var(--color-accent);
    transform: scale(1.1);
}
.slick-dots li button::before {
    content: "";
}

.video_wrapper {
    visibility: hidden;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    transition: opacity 0.6s ease;
    opacity: 0;
    background-color: #000;
    z-index: 99999;
}
.video_wrapper.playing {
    visibility: inherit;
    opacity: 1;
}
.video_wrapper video {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Prevents zooming/cropping of portrait videos */
}

.inspired_backed_section {
    padding: 80px 0;
    overflow: hidden;
    background: #ffffff;
}
.inspired_backed_section .common_heading {
    text-align: center;
    margin-bottom: 50px;
}
.inspired_backed_section .common_heading h2 {
    font-size: 3.5vw;
    color: var(--color-primary);
    margin-bottom: 20px;
}
.inspired_backed_section .common_heading .peragraph_cnt p {
    color: var(--color-text-dim);
    font-size: 18px;
    max-width: 700px;
    margin: 0 auto;
}
.inspired_backed_inner {
    position: relative;
    padding: 0 40px;
}
.inspired_backed_box {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
}
.video-container {
    position: relative;
    width: 100%;
    height: 480px; /* Fixed height to ensure all videos are the same size */
    overflow: hidden;
    border-radius: 20px;
    background-color: #000;
}
.video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.video-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    z-index: 1;
    opacity: 0.6;
    transition: opacity 0.5s ease;
}
.plat_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(5px);
    transition:
        background 0.3s ease,
        transform 0.3s ease;
}
.inspired_backed_box:hover .plat_btn {
    background: var(--color-accent);
    border-color: var(--color-accent);
    transform: translate(-50%, -50%) scale(1.1);
}
.inspired_backed_box:hover .video-container::before {
    opacity: 0.3;
}
.inspired_backed_box:hover video {
    transform: scale(1.05);
}

.inspired_backed_hover_content {
    position: absolute;
    bottom: -100%;
    left: 0;
    right: 0;
    padding: 40px 20px 20px;
    z-index: 3;
    transition: bottom 0.4s ease-in-out;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.9) 0%,
        rgba(0, 0, 0, 0.6) 60%,
        transparent 100%
    );
}
.inspired_backed_box:hover .inspired_backed_hover_content {
    bottom: 0;
}
.inspired_cnt a {
    text-decoration: none;
    color: var(--color-accent);
    font-weight: 600;
    font-size: 14px;
    display: block;
}
.inspired_cnt .fs-22 {
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    margin-top: 5px;
    font-weight: 400;
}

.trusted_brands_btn {
    position: absolute;
    top: -80px;
    right: 40px;
    display: flex;
    gap: 15px;
    z-index: 10;
}
.arrow_design_common {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #000;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease;
}
.arrow_design_common:hover {
    border-color: var(--color-accent);
    color: var(--color-accent);
}

/* Modal CSS */
.inspired_backed_modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.95);
    z-index: 100000;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}
.inspired_backed_modal-content {
    position: relative;
    width: 90%;
    max-width: 600px;
    aspect-ratio: 9/16;
}
.inspired_backed_modal-content video {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}
.inspired_backed_close-btn {
    position: fixed;
    top: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 24px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease;
    z-index: 1000001;
}
.inspired_backed_close-btn:hover {
    background: var(--color-accent);
    border-color: var(--color-accent);
}

@media (max-width: 768px) {
    .trusted_brands_btn {
        display: flex;
        top: auto;
        bottom: -60px;
        right: 50%;
        transform: translateX(50%);
    }
    .inspired_backed_inner {
        padding-bottom: 60px;
    }
}

/* ==========================================================================
   GALLERY SHOWCASE SECTION
   ========================================================================== */
.gallery_showcase_section {
    padding: 100px 0 80px;
    background: #ffffff;
    overflow: hidden;
    position: relative;
}

.gallery_showcase_inner {
    position: relative;
    padding: 0 40px;
}

.gallery_showcase_slider {
    overflow: visible !important;
}

.gallery_showcase_slider .swiper-slide {
    width: 400px;
    transition:
        transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1),
        opacity 0.6s ease;
    opacity: 0.5;
}

.gallery_showcase_slider .swiper-slide-active {
    opacity: 1;
    transform: scale(1.05);
}

.gallery_card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: 320px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    transition:
        box-shadow 0.4s ease,
        transform 0.4s ease;
    cursor: pointer;
}

.gallery_card:hover {
    box-shadow: 0 20px 60px rgba(78, 11, 11, 0.2);
    transform: translateY(-5px);
}

.gallery_card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.gallery_card:hover img {
    transform: scale(1.08);
}

.gallery_card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(78, 11, 11, 0.4) 0%,
        transparent 50%
    );
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.gallery_card:hover::after {
    opacity: 1;
}

.gallery_slider_nav {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
}

/* Lightbox overlay for gallery */
.gallery_lightbox {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.95);
    z-index: 100000;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.gallery_lightbox.active {
    display: flex;
}
.gallery_lightbox img {
    max-width: 90vw;
    max-height: 85vh;
    border-radius: 16px;
    object-fit: contain;
    box-shadow: 0 20px 80px rgba(0, 0, 0, 0.6);
}
.gallery_lightbox_close {
    position: fixed;
    top: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 24px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease;
    z-index: 100001;
}
.gallery_lightbox_close:hover {
    background: var(--color-accent);
    border-color: var(--color-accent);
}

@media (max-width: 1024px) {
    .gallery_showcase_slider .swiper-slide {
        width: 320px;
    }
    .gallery_card {
        height: 260px;
    }
}

@media (max-width: 768px) {
    .gallery_showcase_section {
        padding: 60px 0 50px;
    }
    .gallery_showcase_slider .swiper-slide {
        width: 280px;
    }
    .gallery_card {
        height: 220px;
        border-radius: 14px;
    }
    .gallery_slider_nav {
        display: none;
    }
}

.circle {
    position: absolute;
    border-radius: 50%;
    border: 1px solid var(--color-primary);
    z-index: -1;
}

/* ongoing section start */

.ongoing__section {
    position: relative;
    padding: min(5.2083vw, 100px) 0 min(4.1667vw, 80px);
    padding-top: 0;
}

.ongoing__section .custom-container {
    position: relative;
    z-index: 2;
}

.ongoing__section::before,
.ongoing__section::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: min(29.1667vw, 35rem);
    z-index: 0;
}

.ongoing__section .section_header .heading {
    margin-bottom: min(0.72917vw, 0.875rem);
}
.ongoing__section .section_header .content__wrap {
    margin-bottom: min(2.6042vw, 3.125rem);
    max-width: 1115px;
    width: 82%;
    margin-left: auto;
    margin-right: auto;
}
.ongoing__wrapper {
    position: relative;
}
.ongoing__slider .swiper-slide {
    filter: blur(6px);
    -webkit-filter: blur(6px);
    opacity: 0.45;
    width: min(35.625vw, 42.75rem);
}
.ongoing__slider .single__item {
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.ongoing__slider .single__item .img__wrap {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    margin-bottom: min(2.34375vw, 2.8125rem);
}
.ongoing__slider
    .swiper-slide:not(.swiper-slide-active)
    .single__item
    .content__area {
    display: none;
}

.ongoing__slider .single__item .content__area {
    display: none;
}
.ongoing__slider .single__item .content__area .heading {
    margin-bottom: min(1.25vw, 1.5rem);
}
.ongoing__slider .single__item .content__area .content__wrap {
    margin-bottom: min(1.25vw, 1.5rem);
}
.ongoing__content_slider .single__item .content__area .heading {
    margin-bottom: min(1.25vw, 1.5rem);
}
.ongoing__content_slider .single__item .content__area .content__wrap {
    margin-bottom: min(1.25vw, 1.5rem);
}
.ongoing__slider .swiper-slide.swiper-slide-active {
    filter: unset;
    -webkit-filter: unset;
    opacity: 1;
}
.ongoing__wrapper {
    overflow: hidden;
    /* margin-top: min(1.30208vw, 1.5625rem); */
}
.ongoing__slider .award__content {
    display: none;
}
.ongoing__slider .award__content .heading {
    margin-bottom: 0;
}
.ongoing__slider .swiper-slide.swiper-slide-active .award__content {
    display: block;
}
.ongoing__slider .award__content {
    max-width: 582px;
    width: min(30.3125vw, 36.375rem);
    top: -7.125vw;
    padding: 1.30208vw 2.34375vw;
    min-height: auto;
}

.ongoing__slider .award__content .fs-20 {
    padding: 0 2.604vw;
    padding-top: 18px;
}

.ongoing__slider {
    position: relative;
}
.ongoing__slider_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 50%;
    z-index: 100;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.ongoing__slider_btn .prev-btn-ongoing {
    left: 0;
    position: absolute;
}
.ongoing__slider_btn .next-btn-ongoing {
    right: 0;
    position: absolute;
}
.ongoing_sliding_row {
    position: relative;
}
.ongoing_focus_action {
    margin-top: -5%;
}

@media only screen and (max-width: 1199px) {
    .sbti_commitment_section .section_header {
        max-width: 491px;
        width: min(48vw, 30.6875rem);
    }
    .focus_foundation_section .focus__item_pagination {
        z-index: 1;
    }
    .ongoing__slider_btn .prev-btn-ongoing {
        left: 3%;
    }
    .ongoing__slider_btn .next-btn-ongoing {
        right: 3%;
    }
    .ongoing__slider_btn li {
        width: 2.5rem;
        height: 2.5rem;
    }
    .ongoing__slider_btn svg {
        width: 100%;
        height: 100%;
    }
    .foundation_sustain_section .left_gallery {
        max-width: 214px;
        width: min(20.96875vw, 13.375rem);
    }
    .foundation_sustain_section .center_gallery {
        max-width: 169px;
        width: min(16.59375vw, 10.5625rem);
    }
    .foundation_sustain_section .right_gallery {
        max-width: 214px;
        width: min(20.96875vw, 13.375rem);
    }
    .foundation_sustain_section .foundation_gallery {
        justify-content: end;
    }
    .ongoing__slider .swiper-slide {
        width: 70%;
    }
    .ongoing__slider .award__content {
        max-width: 566px;
        width: min(55.3125vw, 34.75rem);
        top: min(-7.125vw, -5.75rem);
        padding: 3.30208vw 2.34375vw;
    }
    .foundation_sustain_section .search_year {
        width: 192px;
        max-width: min(18.75vw, 12rem);
    }
}

@media only screen and (max-width: 991px) {
    .ongoing__slider .swiper-slide {
        width: 80%;
    }
    .ongoing__slider_btn .prev-btn-ongoing {
        left: 2%;
    }
    .ongoing__slider_btn .next-btn-ongoing {
        right: 2%;
    }
    .ongoing__slider .award__content {
        max-width: 100%;
        width: 90%;
        padding: 4.30208vw 2.34375vw;
        top: min(-7.125vw, -4.75rem);
    }
    .ongoing_sliding_row {
        position: relative;
        margin-top: 20px;
    }
    .award__content .heading {
        line-height: normal;
    }
    .foundation_sustain_section .foundation_gallery {
        justify-content: center;
        width: 100%;
    }
    .foundation_sustain_section .left_gallery {
        width: 30%;
        max-width: 30%;
    }
    .foundation_sustain_section .center_gallery {
        width: 30%;
        max-width: 30%;
    }
    .foundation_sustain_section .right_gallery {
        width: 30%;
        max-width: 30%;
    }
    .foundation_sustain_section {
        padding-top: min(8.20833vw, 8.25rem);
        padding-bottom: min(8.72917vw, 9.875rem);
    }
    .foundation_sustain_section .row {
        flex-direction: column;
    }
    .sbti_commitment_section .section_header {
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .sbti_commitment_section .foundation_img .founation_left_img {
        width: 50%;
        max-width: 50%;
    }
    .sbti_commitment_section .foundation_img .founation_right_img {
        width: 50%;
        max-width: 50%;
    }
    .foundation_sustain_section .foundation_gallery {
        margin-top: 35px;
    }
    .foundation_sustain_section .search_year {
        max-width: min(22.75vw, 12rem);
    }
    .foundation_sustain_section .search_year select {
        padding: min(1.2vw, 0.875rem);
    }
}

@media only screen and (max-width: 767px) {
    .ongoing__slider .swiper-slide {
        width: 100%;
    }
    .ongoing__slider .award__content {
        width: 95%;
        top: min(-7.125vw, -3.75rem);
    }
    .foundation_sustain_section .search_year {
        width: 100%;
        max-width: 100%;
    }
    .foundation_sustain_section .search_year select {
        padding: min(2.72917vw, 0.875rem);
    }
    .foundation_sustain_section .foundation_gallery {
        margin-top: 40px;
        flex-wrap: wrap;
    }
    .foundation_sustain_section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .foundation_sustain_section .left_gallery,
    .foundation_sustain_section .center_gallery,
    .foundation_sustain_section .right_gallery {
        width: 100%;
        max-width: 100%;
    }
    .foundation_sustain_section .right_gallery .right_top_img {
        width: 100%;
        max-width: 100%;
    }
    .foundation_sustain_section .left_gallery .left_top_img,
    .foundation_sustain_section .center_gallery img,
    .foundation_sustain_section .right_gallery .right_top_img img {
        width: 100%;
        max-width: 100%;
    }
    .foundation_sustain_section .img_design .foundation_gallery_txt {
        bottom: min(3.14583vw, 1.375rem);
        left: min(3.45833vw, 1.75rem);
    }
}

#gallery.ongoing__section {
    background-color: #ffffff;
    position: relative;
    z-index: 10;
}

#gallery .section_header .heading {
    color: var(--color-primary);
    font-size: 48px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

#gallery .content__wrap p {
    color: var(--color-text-dim);
    font-size: 18px;
    margin-top: 15px;
}

#gallery .img__wrap img.img-fluid {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#gallery .ongoing__slider_btn li {
    cursor: pointer;
    z-index: 10;
}

/* legacy section start */
.legacy__section {
    position: relative;
    padding: min(max(40px, 5.2083vw), 6.25rem) 0 min(3.6458vw, 4.375rem);
}
.legacy__section .section_header .heading {
    margin-bottom: 0.625em;
}
.legacy__section .section_header .content__wrap {
    margin-bottom: min(2.6042vw, 3.125rem);
}
.legacy__tab__slider_btn {
    height: 100%;
    align-items: center;
    justify-content: flex-start;
    column-gap: 25px;
}
.legacy__tab__slider_btn li.swiper-button-disabled {
    opacity: 0.5;
}
.legacy__tab__slider_btn li a {
    width: min(max(1.5rem, 1.875vw), 2.25rem);
    height: min(max(1.5rem, 1.875vw), 2.25rem);
    display: flex;
    align-items: center;
    justify-content: center;
}
.legacy__tab__slider_btn li a svg {
    width: 90%;
    height: 90%;
}
.legacy__tab__slider_btn li a svg path {
    fill: none;
}
.legacy__item_wrapper {
    margin-left: min(3.6458vw, 4.375rem);
}
.legacy__item {
    column-gap: min(4.6875vw, 5.625rem);
}
.legacy__block {
    padding: 10px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    width: min(21.3542vw, 25.625rem);
    flex: 0 0 auto;
}
.legacy__block.theme-gradient-1 {
    background: linear-gradient(
        270deg,
        var(--color-primary) 0%,
        var(--color-accent) 100%
    );
}
.legacy__block .img__wrap {
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.legacy__section .custom-container-fluid {
    padding-left: min(6.25vw, 7.5rem);
    --theme-gutter-x: 0;
}
.legacy__section .custom-container-fluid .row {
    --theme-gutter-x: 0;
}
.legacy_list_wrapper {
    overflow: hidden;
    margin-top: min(max(30px, 2.6042vw), 3.125rem);
    /* margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px; */
}
.legacy_list {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    list-style: none;
    margin: min(max(30px, 4.1667vw), 5rem) 0 0;
    padding: 0;
    column-gap: 2.60417vw;
    padding-top: 30px;
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 35px;
    padding-right: 35px;
    overflow: visible;
}
.legacy_list::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 1px;
    position: absolute;
    top: 30px;
    left: 35px;
    right: 0;
    opacity: 0.5;
}
.legacy_list li {
    /* width: calc((100% - 2.60417vw * 6) / 7); */
    flex: 1 1 auto;
    position: relative;
    /* cursor: pointer; */
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.legacy_list li a {
    cursor: default;
}
.legacy_list li .dot {
    display: inline-flex;
    position: absolute;
    z-index: 0;
    top: min(max(-19px, -0.9896vw), 1.1875rem);
    /* left: -0.52083vw; */
    width: 2.1875vw;
    height: 2.1875vw;
    align-items: center;
    justify-content: center;
    /* transform: scale(0.90);
    -webkit-transform: scale(0.90);
    -moz-transform: scale(0.90);
    -ms-transform: scale(0.90);
    -o-transform: scale(0.90); */
}
.legacy_list li .dot svg {
    width: 100%;
    height: 100%;
}
.legacy_list li .dot svg path {
    fill: #77a5c7;
}
.legacy_list li .dot svg .main_path {
    fill: #77a5c7;
}
.legacy_list li .dot svg .bg_path {
    fill: none;
}
.legacy_list .dot .circle__wrapper {
    width: 24px;
    height: 24px;
}
.legacy_list .dot .circle__wrapper .circle-2 {
    background: linear-gradient(
        270deg,
        rgba(78, 11, 11, 0.5) 0%,
        rgba(243, 146, 0, 0.5) 100%
    );
}
.legacy_list .swiper-slide-active .dot .circle__wrapper {
    width: min(max(30px, 2.8125vw), 3.375rem);
    height: min(max(30px, 2.8125vw), 3.375rem);
}
.legacy_list .swiper-slide-active .dot .circle__wrapper .circle-2 {
    background: linear-gradient(
        270deg,
        var(--color-primary) 0%,
        var(--color-accent) 100%
    );
}
.legacy_list li .legacy_content {
    position: relative;
    padding-top: 40px;
}
.legacy_list li .legacy_content .year {
    position: absolute;
    top: -85px;
    font-weight: 600;
    opacity: 0.5;
    transform: scale(0.55);
    -webkit-transform: scale(0.55);
    -moz-transform: scale(0.55);
    -ms-transform: scale(0.55);
    -o-transform: scale(0.55);
    transform-origin: left;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.legacy_list .swiper-slide-active li .legacy_content .year {
    position: absolute;
    top: -90px;
    font-weight: 500;
    opacity: 1;
    background: linear-gradient(
        270deg,
        var(--color-primary) 0%,
        var(--color-accent) 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.legacy_list li .legacy_content .heading {
    font-weight: 600;
    margin-bottom: 0.75rem;
    opacity: 0.5;
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform-origin: left;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.legacy_list .swiper-slide-active li .legacy_content .heading {
    font-weight: 400;
    color: var(--theme-black);
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.legacy_list li .legacy_content .content__wrap {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
}
.legacy_list .swiper-slide-active li .legacy_content .content__wrap {
    opacity: 1;
    visibility: visible;
}
.legacy_list li .approach_content_wrap {
    position: relative;
    padding-top: 40px;
}
.legacy_list li .approach_content_wrap .year {
    position: absolute;
    top: -60px;
    font-size: min(1.0417vw, 1.25rem);
}
.legacy_list li .approach_content_wrap .seperator {
    width: 60px;
    height: 3px;
    background-color: transparent;
}
.legacy_list li a.active .approach_content {
    color: var(--black-color);
}
.legacy_list li a.active .approach_content_wrap .seperator {
    background-color: var(--green-color);
}
.legacy__section .btn-top-row .lg-block {
    /* display: none; */
}
.legacy__section .btn-bottom-row .sm-block {
    display: none;
}

@media only screen and (max-width: 1500px) {
    .legacy__section .custom-container-fluid {
        padding-left: min(3.25vw, 2.8125rem);
    }
}
@media only screen and (max-width: 1199px) {
    .legacy__section .custom-container-fluid {
        padding-left: 1.875rem;
    }
    .legacy__item_wrapper {
        margin-left: 0;
    }
    .legacy_list li .legacy_content .year {
        top: -55px;
    }
    .legacy_list .swiper-slide-active li .legacy_content .year {
        top: -60px;
    }
    .legacy__block {
        width: 250px;
    }
}
@media only screen and (max-width: 767px) {
    .legacy__section .custom-container-fluid {
        padding-left: 1.25rem;
    }
    .legacy__section .btn-top-row .lg-block {
        display: none;
    }
    .legacy__section .btn-bottom-row .sm-block {
        display: block;
    }
    .legacy__section .btn-top-row .legacy__tab__slider_btn {
        display: none;
    }
    .legacy__tab__slider_btn {
        margin-top: 30px;
    }
    .legacy__item {
        flex-wrap: wrap;
    }
    .legacy__block {
        width: 100%;
        max-width: 375px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }
    .legacy__item_wrapper {
        margin-top: 20px;
    }
}
/* legacy section end */

.legacy__section {
    background-color: #ffffff !important;
}
.legacy__section .heading {
    color: #333333 !important;
}
.legacy__section .content__wrap p {
    color: #555555 !important;
}

/* Arrow Fixes */
.legacy__tab__slider_btn li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.legacy__tab__slider_btn li::before {
    display: none !important;
    content: none !important;
}
.legacy__tab__slider_btn {
    align-items: center;
    gap: 15px;
}
.legacy__tab__slider_btn li a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.legacy_list li a {
    text-decoration: none !important;
}
.legacy_list li a:hover {
    text-decoration: none !important;
}
.legacy__tab__slider_btn {
    flex-direction: row !important;
    display: flex !important;
}

.legacy_list li a {
    color: inherit !important;
}
.legacy_list li a:hover {
    color: inherit !important;
}

.legacy__block .img__wrap img {
    height: 250px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

/* Legacy Section Fonts */
.legacy__section .fs-48 {
    font-size: min(2.5vw, 48px) !important;
}
.legacy__section .fs-36 {
    font-size: min(1.875vw, 36px) !important;
}
.legacy__section .fs-28 {
    font-size: min(1.4583vw, 28px) !important;
}
.legacy__section .fw-300 {
    font-weight: 300 !important;
}
.legacy__section .fw-500 {
    font-weight: 500 !important;
}

/* Alignment Fix */
.legacy__section .custom-container {
    max-width: 100% !important;
    padding-left: min(6.25vw, 7.5rem) !important;
    padding-right: min(6.25vw, 7.5rem) !important;
}

/* Missing Grid & Utilities */
.legacy__section .d-flex {
    display: flex !important;
}
.legacy__section .align-items-center {
    align-items: center !important;
}
.legacy__section .justify-content-start {
    justify-content: flex-start !important;
}
.legacy__section .justify-content-center {
    justify-content: center !important;
}
.legacy__section .list-unstyled {
    padding-left: 0 !important;
    list-style: none !important;
    z-index: 1000000;
}

.legacy__section .d-none {
    display: none !important;
}

@media (min-width: 768px) {
    .legacy__section .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .legacy__section .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .legacy__section .d-md-block {
        display: block !important;
    }
    .legacy__section .d-md-none {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .legacy__section .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
}

.legacy__section .text-gradient {
    background: linear-gradient(
        270deg,
        var(--color-primary) 0%,
        var(--color-accent) 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent !important;
}

.legacy__section .heading {
    text-transform: none !important;
}

/* legacy section start */
.legacy__section {
    position: relative;
    padding: min(max(40px, 5.2083vw), 6.25rem) 0 min(3.6458vw, 4.375rem);
}
.legacy__section .section_header .heading {
    margin-bottom: 0.625em;
}
.legacy__section .section_header .content__wrap {
    margin-bottom: min(2.6042vw, 3.125rem);
}
.legacy__tab__slider_btn {
    height: 100%;
    align-items: center;
    justify-content: flex-start;
    column-gap: 25px;
}
.legacy__tab__slider_btn li.swiper-button-disabled {
    opacity: 0.5;
}
.legacy__tab__slider_btn li a {
    width: min(max(1.5rem, 1.875vw), 2.25rem);
    height: min(max(1.5rem, 1.875vw), 2.25rem);
    display: flex;
    align-items: center;
    justify-content: center;
}
.legacy__tab__slider_btn li a svg {
    width: 90%;
    height: 90%;
}
.legacy__tab__slider_btn li a svg path {
    fill: none;
}
.legacy__item_wrapper {
    margin-left: min(3.6458vw, 4.375rem);
}
.legacy__item {
    column-gap: min(4.6875vw, 5.625rem);
}
.legacy__block {
    padding: 10px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    width: min(21.3542vw, 25.625rem);
    flex: 0 0 auto;
}
.legacy__block.theme-gradient-1 {
    background: linear-gradient(
        270deg,
        rgba(13, 176, 43, 0.25) 0%,
        rgba(40, 170, 226, 0.25) 100%
    );
}
.legacy__block .img__wrap {
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.legacy__section .custom-container-fluid {
    padding-left: min(6.25vw, 7.5rem);
    --theme-gutter-x: 0;
}
.legacy__section .custom-container-fluid .row {
    --theme-gutter-x: 0;
}
.legacy_list_wrapper {
    overflow: hidden;
    margin-top: min(max(30px, 2.6042vw), 3.125rem);
    /* margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px; */
}
.legacy_list {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    list-style: none;
    margin: min(max(30px, 4.1667vw), 5rem) 0 0;
    padding: 0;
    column-gap: 2.60417vw;
    padding-top: 30px;
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 35px;
    padding-right: 35px;
    overflow: visible;
}
.legacy_list::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 1px;
    position: absolute;
    top: 30px;
    left: 35px;
    right: 0;
    opacity: 0.5;
}
.legacy_list li {
    /* width: calc((100% - 2.60417vw * 6) / 7); */
    flex: 1 1 auto;
    position: relative;
    /* cursor: pointer; */
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.legacy_list li a {
    cursor: default;
}
.legacy_list li .dot {
    display: inline-flex;
    position: absolute;
    z-index: 0;
    top: min(max(-19px, -0.9896vw), 1.1875rem);
    /* left: -0.52083vw; */
    width: 2.1875vw;
    height: 2.1875vw;
    align-items: center;
    justify-content: center;
    /* transform: scale(0.90);
    -webkit-transform: scale(0.90);
    -moz-transform: scale(0.90);
    -ms-transform: scale(0.90);
    -o-transform: scale(0.90); */
}
.legacy_list li .dot svg {
    width: 100%;
    height: 100%;
}
.legacy_list li .dot svg path {
    fill: #77a5c7;
}
.legacy_list li .dot svg .main_path {
    fill: #77a5c7;
}
.legacy_list li .dot svg .bg_path {
    fill: none;
}
.legacy_list .dot .circle__wrapper {
    width: 24px;
    height: 24px;
}
.legacy_list .dot .circle__wrapper .circle-2 {
    background: linear-gradient(
        270deg,
        rgba(78, 11, 11, 0.5) 0%,
        rgba(243, 146, 0, 0.5) 100%
    );
}
.legacy_list .swiper-slide-active .dot .circle__wrapper {
    width: min(max(30px, 2.8125vw), 3.375rem);
    height: min(max(30px, 2.8125vw), 3.375rem);
}
.legacy_list .swiper-slide-active .dot .circle__wrapper .circle-2 {
    background: linear-gradient(var(--color-primary) 0%);
}
.legacy_list li .legacy_content {
    position: relative;
    padding-top: 40px;
}
.legacy_list li .legacy_content .year {
    position: absolute;
    top: -85px;
    font-weight: 600;
    opacity: 0.5;
    transform: scale(0.55);
    -webkit-transform: scale(0.55);
    -moz-transform: scale(0.55);
    -ms-transform: scale(0.55);
    -o-transform: scale(0.55);
    transform-origin: left;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.legacy_list .swiper-slide-active li .legacy_content .year {
    position: absolute;
    top: -90px;
    font-weight: 500;
    opacity: 1;
    background: linear-gradient(
        270deg,
        var(--color-primary) 0%,
        var(--color-accent) 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.legacy_list li .legacy_content .heading {
    font-weight: 600;
    margin-bottom: 0.75rem;
    opacity: 0.5;
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform-origin: left;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.legacy_list .swiper-slide-active li .legacy_content .heading {
    font-weight: 400;
    color: var(--theme-black);
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.legacy_list li .legacy_content .content__wrap {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
}
.legacy_list .swiper-slide-active li .legacy_content .content__wrap {
    opacity: 1;
    visibility: visible;
}
.legacy_list li .approach_content_wrap {
    position: relative;
    padding-top: 40px;
}
.legacy_list li .approach_content_wrap .year {
    position: absolute;
    top: -60px;
    font-size: min(1.0417vw, 1.25rem);
}
.legacy_list li .approach_content_wrap .seperator {
    width: 60px;
    height: 3px;
    background-color: transparent;
}
.legacy_list li a.active .approach_content {
    color: var(--black-color);
}
.legacy_list li a.active .approach_content_wrap .seperator {
    background-color: var(--green-color);
}
.legacy__section .btn-top-row .lg-block {
    /* display: none; */
}
.legacy__section .btn-bottom-row .sm-block {
    display: none;
}

@media only screen and (max-width: 1500px) {
    .legacy__section .custom-container-fluid {
        padding-left: min(3.25vw, 2.8125rem);
    }
}
@media only screen and (max-width: 1199px) {
    .legacy__section .custom-container-fluid {
        padding-left: 1.875rem;
    }
    .legacy__item_wrapper {
        margin-left: 0;
    }
    .legacy_list li .legacy_content .year {
        top: -55px;
    }
    .legacy_list .swiper-slide-active li .legacy_content .year {
        top: -60px;
    }
    .legacy__block {
        width: 250px;
    }
}
@media only screen and (max-width: 767px) {
    .legacy__section .custom-container-fluid {
        padding-left: 1.25rem;
    }
    .legacy__section .btn-top-row .lg-block {
        display: none;
    }
    .legacy__section .btn-bottom-row .sm-block {
        display: block;
    }
    .legacy__section .btn-top-row .legacy__tab__slider_btn {
        display: none;
    }
    .legacy__tab__slider_btn {
        margin-top: 30px;
    }
    .legacy__item {
        flex-wrap: wrap;
    }
    .legacy__block {
        width: 100%;
        max-width: 375px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }
    .legacy__item_wrapper {
        margin-top: 20px;
    }
}

/* FAQ SECTION START */
.faq_section {
    position: relative;
    padding: min(max(60px, 5.7292vw), 6.875rem) 0
        min(max(60px, 5.7292vw), 6.875rem);
    background-color: #ffffff !important;
    z-index: 2;
}
.faq_section .section_header .heading {
    margin-bottom: 0.625em;
    color: var(--color-primary) !important;
    font-family: var(--font-display) !important;
}
.faq_section .faqtab__slider {
    margin-top: 30px;
    margin-bottom: min(max(30px, 2.6042vw), 3.125rem);
}
.faq_section .faq__tab .tab_ul {
    column-gap: 16px;
}
.faq_section .faq__tab {
    width: 100%;
    line-height: 1.2;
    padding: 13px min(max(20px, 2.0833vw), 2.5rem);
    text-align: center;
    border: 2px solid var(--color-border);
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    background: #ffffff;
}
.faq_section .faq__tab.active {
    padding: 13px min(max(20px, 2.0833vw), 2.5rem);
    text-align: center;
    border: 2px solid transparent;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    background:
        linear-gradient(white, white) padding-box,
        linear-gradient(
                270deg,
                var(--color-primary) 0%,
                var(--color-accent) 100%
            )
            border-box;
}
.faq_section .faq__tab.active span {
    background: linear-gradient(
        270deg,
        var(--color-primary) 0%,
        var(--color-accent) 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.faq_section .top__row .section_header .content__wrap {
    max-width: 870px;
    width: min(max(100%, 45.3125vw), 54.375rem);
}
.faq_section .section_header .content__wrap p {
    color: var(--color-text-dim) !important;
}

.faq__tab_data {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
}
.faq__tab_data.tab-active {
    display: block;
    opacity: 1;
}

.single_faq {
    border-radius: 20px !important;
    background: linear-gradient(135deg, #d7ecf9 0%, #e4f5e9 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    overflow: hidden;
    position: relative;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.3s ease-in-out;
}
.single_faq:hover {
    box-shadow: 0 10px 30px rgba(78, 11, 11, 0.05) !important;
}
.faq__tab_data .single_faq .faq_title {
    position: relative;
    cursor: pointer;
    padding: min(max(20px, 1.875vw), 2.25rem) min(max(60px, 5.7292vw), 6.875rem)
        min(max(20px, 2.0833vw), 2.5rem) min(max(20px, 2.0833vw), 2.5rem);
    background: transparent !important;
    color: var(--color-text) !important;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.faq__tab_data .single_faq .faq_title::after {
    content: "";
    position: absolute;
    right: 24px;
    top: 24px;
    width: min(max(24px, 2.5vw), 3rem);
    height: min(max(24px, 2.5vw), 3rem);
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><g opacity="0.4"><path fill-rule="evenodd" clip-rule="evenodd" d="M33 25.5H25.5V33C25.5 33.825 24.8295 34.5 24 34.5C23.1705 34.5 22.5 33.825 22.5 33V25.5H15C14.1705 25.5 13.5 24.825 13.5 24C13.5 23.175 14.1705 22.5 15 22.5H22.5V15C22.5 14.175 23.1705 13.5 24 13.5C24.8295 13.5 25.5 14.175 25.5 15V22.5H33C33.8295 22.5 34.5 23.175 34.5 24C34.5 24.825 33.8295 25.5 33 25.5ZM24 0C10.7445 0 0 10.74 0 24C0 37.26 10.7445 48 24 48C37.2555 48 48 37.26 48 24C48 10.74 37.2555 0 24 0Z" fill="%234e0b0b"/></g></svg>');
}
.faq__tab_data {
    margin-top: 20px;
}
.faq__tab_data .faq_content__wrap {
    padding: 0 min(max(20px, 5.7292vw), 6.875rem) 30px
        min(max(20px, 2.0833vw), 2.5rem);
    color: var(--color-text-dim) !important;
}

.faq__tab_data .single_faq + .single_faq {
    margin-top: -15px;
}
.faq__tab_data .single_faq.active {
    background: #ffffff !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    z-index: 5;
}
.faq__tab_data .single_faq.active .faq_title {
    background: transparent !important;
    color: var(--color-accent) !important;
    padding-bottom: 16px;
}
.faq__tab_data .single_faq.active .faq_title::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M33 25.5H15C14.1705 25.5 13.5 24.825 13.5 24C13.5 23.175 14.1705 22.5 15 22.5H33C33.8295 22.5 34.5 23.175 34.5 24C34.5 24.825 33.8295 25.5 33 25.5ZM24 0C10.7445 0 0 10.74 0 24C0 37.26 10.7445 48 24 48C37.2555 48 48 37.26 48 24C48 10.74 37.2555 0 24 0Z" fill="url(%23paint0_linear_2634_1772)"/><defs><linearGradient id="paint0_linear_2634_1772" x1="48" y1="24" x2="0" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="%23f39200"/><stop offset="1" stop-color="%234e0b0b"/></linearGradient></defs></svg>');
}
.faq_accord_wrap .single_faq:not(:first-child) .faq_content__wrap {
    display: none;
}
.faq_section .faq_image {
    margin-left: min(3.125vw, 3.75rem);
    position: relative;
    top: min(1.3021vw, 1.5625rem);
    right: -7%;
}

@media only screen and (max-width: 1500px) {
    .faq__tab_data .single_faq .faq_title::after {
        top: 15px;
    }
}
@media only screen and (max-width: 1439px) {
    .faq__tab_data .single_faq .faq_title::after {
        top: 10px;
    }
}
@media only screen and (max-width: 1199px) {
    .faq_section .faq_image {
        margin-left: 0;
        top: 0;
        right: 0;
    }
}
@media only screen and (max-width: 991px) {
    .faq__tab_data .single_faq .faq_title::after {
        top: 24px;
    }
    .faq__tab_data .single_faq .faq_title {
        padding-bottom: 30px;
    }
}
/* faq section end */

/* hr initiate section start */
.hr__initiative_section {
    background-color: #ffffff !important;
}
.hr__initiative_section .item__wrapper {
    position: relative;
    margin-left: -4%;
}
.initiate_bottom_cnt {
    position: absolute;
    right: 0;
    top: 47%;
    height: auto;
    width: 28.219vw;
    max-width: 600px;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(78, 11, 11, 0.12);
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(78, 11, 11, 0.15);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    overflow: hidden;
    z-index: 10;
}
.initiate_bottom_cnt::before {
    content: "";
    opacity: 0.08;
    background: linear-gradient(
        270deg,
        var(--color-primary) 0%,
        var(--color-accent) 100%
    );
    position: absolute;
    inset: 0;
}
.initiate__slider {
    padding-bottom: 30px;
}
.initiate__slider .swiper-slide {
    width: min(max(320px, 18.75vw), 22.5rem);
}
.initiate__slider .single__item .img__wrap img {
    width: 100%;
}
.initiate__slider .single__item .img__wrap {
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 7px 4px 25px 0 rgba(0, 0, 0, 0.25);
}
.initiate__content_slider {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    height: 100%;
}
.initiate_bottom_cnt .single__item {
    height: 100%;
}
.initiate_bottom_cnt .single__item .content__wrap {
    line-height: 1.75;
}
.initiate_bottom_cnt .content__area {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    row-gap: 20px;
    padding: min(max(30px, 2.6042vw), 3.125rem) min(max(30px, 2.0833vw), 2.5rem);
}
.initiate__slider .swiper-slide-active + .swiper-slide {
    opacity: 0;
}
.initiate__slider .swiper-slide-active + .swiper-slide + .swiper-slide {
    opacity: 0;
}
.initiate__slider
    .swiper-slide-active
    + .swiper-slide
    + .swiper-slide
    + .swiper-slide {
    opacity: 0;
}
.initiate__slider
    .swiper-slide-active
    + .swiper-slide
    + .swiper-slide
    + .swiper-slide
    + .swiper-slide {
    opacity: 0;
}
.hr__initiative_section .relative_btn {
    position: relative;
}
.initiative__slider_btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    column-gap: 24px !important;
    margin-top: 50px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    position: relative !important;
    list-style: none !important;
}
.initiative__slider_btn .prev-btn-initiative,
.hr_initiative_btn .prev-btn-initiative,
.initiative__slider_btn .next-btn-initiative,
.hr_initiative_btn .next-btn-initiative {
    position: static !important;
    z-index: 20;
    display: block !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.initiative__slider_btn .prev-btn-initiative:hover,
.initiative__slider_btn .next-btn-initiative:hover {
    transform: scale(1.1) !important;
}
.initiative__slider_btn li a {
    width: min(max(40px, 4.5313vw), 5.4375rem);
    height: min(max(40px, 4.5313vw), 5.4375rem);
}
@media (max-width: 767px) {
    .initiative__slider_btn {
        margin-top: 20px !important;
    }
    .initiative__slider_btn li a {
        width: 50px !important;
        height: 50px !important;
    }
    .initiative__slider_btn li a svg {
        width: 50px;
        height: 50px;
    }
}
.hr__initiative_section .section_header {
    padding-bottom: min(max(30px, 2.604vw), 50px);
}

@media only screen and (max-width: 1199px) {
    .hr_initiative_btn .prev-btn-initiative {
        position: static;
    }

    .hr_initiative_btn .next-btn-initiative {
        position: static;
    }
    .hr_initiative_btn {
        padding: 0;
    }

    .hr_initiative_btn .prev-btn-initiative svg {
        width: 60px;
        height: 60px;
    }

    .hr_initiative_btn .next-btn-initiative svg {
        width: 60px;
        height: 60px;
    }

    .hr_initiative_btn {
        padding: 0;
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        column-gap: 20px;
        margin: 0 auto;
        width: fit-content;
        margin-top: 30px;
    }

    .initiate_bottom_cnt {
        position: relative;
        width: 100%;
        margin-top: 40px;
        text-align: center;
    }
    .initiate_bottom_cnt .initiate__content_slider {
        max-width: 100%;
        width: 100%;
    }
    .initiate__slider .swiper-slide-active + .swiper-slide {
        opacity: 1;
    }
    .initiate__slider .swiper-slide-active + .swiper-slide + .swiper-slide {
        opacity: 1;
    }
    .initiate__slider
        .swiper-slide-active
        + .swiper-slide
        + .swiper-slide
        + .swiper-slide {
        opacity: 1;
    }
    .initiate__slider
        .swiper-slide-active
        + .swiper-slide
        + .swiper-slide
        + .swiper-slide
        + .swiper-slide {
        opacity: 1;
    }
    .initiate_bottom_cnt .content__area {
        justify-content: center;
        padding: 30px 40px;
    }
}
/* hr initiate section end */

@media (max-width: 768px) {
    .ongoing__slider_btn {
        display: none !important;
    }
}

/* ==========================================================================
   From Class to Stage Image Slider Section
   ========================================================================== */

.class-to-stage-section {
    position: relative;
    width: 100%;
    background-color: #250809;
    padding: 100px 0 120px;
    overflow: hidden;
    color: #f5f0e8;
    z-index: 1;
}

/* Background Decor & Vignette */
.class-to-stage-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 150px rgba(0, 0, 0, 0.9);
    pointer-events: none;
    z-index: 1;
}

.cts-bg-decor {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 0;
}

.cts-radial-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    background: radial-gradient(
        circle,
        rgba(100, 20, 20, 0.3) 0%,
        rgba(37, 8, 9, 0) 70%
    );
}

.cts-music-notes {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.03;
    font-size: 15vw;
    color: #e2b85a;
}

.cts-note {
    position: absolute;
}
.cts-note-1 {
    top: 10%;
    left: 10%;
    transform: rotate(-15deg);
}
.cts-note-2 {
    bottom: 20%;
    right: 15%;
    transform: rotate(20deg);
}
.cts-note-3 {
    top: 40%;
    right: 5%;
    transform: rotate(-10deg);
}

/* Section Header */
.cts-header {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    z-index: 2;
}

.cts-eyebrow-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 10px;
}

.cts-line {
    width: 40px;
    height: 1px;
    background-color: #c99a3d;
}

.cts-eyebrow {
    font-size: 14px;
    letter-spacing: 5px;
    color: #c99a3d;
    text-transform: uppercase;
}

.cts-ornament {
    font-size: 18px;
    color: #c99a3d;
    margin-bottom: 15px;
    opacity: 0.8;
}

.cts-heading {
    font-family: var(
        --font-display,
        "Times New Roman",
        serif
    ); /* Fallback to elegant serif */
    font-size: 58px;
    font-weight: 400;
    color: #f5f0e8;
    margin: 0;
}

/* Carousel Container */
.cts-carousel-container {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.cts-slider-track {
    position: relative;
    width: 100%;
    height: 100%;
    perspective: 1000px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Slide Cards */
.cts-slide {
    position: absolute;
    width: 550px;
    height: 525px;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);
    opacity: 0;
    visibility: hidden;
    transform: scale(0.6) translateX(0);
    border: 2px solid #c99a3d;
    box-shadow:
        0 10px 40px rgba(0, 0, 0, 0.6),
        0 0 20px rgba(201, 154, 61, 0.2);
    z-index: 1;
}

.cts-slide.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1) translateX(0);
    z-index: 3;
    box-shadow:
        0 15px 50px rgba(0, 0, 0, 0.8),
        0 0 30px rgba(201, 154, 61, 0.4);
}

.cts-slide.prev {
    opacity: 0.75;
    visibility: visible;
    transform: scale(0.85) translateX(-60%);
    z-index: 2;
}

.cts-slide.next {
    opacity: 0.75;
    visibility: visible;
    transform: scale(0.85) translateX(60%);
    z-index: 2;
}

/* Darker overlay for inactive cards */
.cts-slide .cts-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(42, 8, 9, 0.6);
    transition: background 0.7s ease;
    z-index: 2;
}

.cts-slide.active .cts-overlay {
    background: linear-gradient(
        to top,
        rgba(10, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0) 40%
    );
}

.cts-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Card Info */
.cts-info {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 3;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease 0.2s;
    display: flex;
    flex-direction: column;
}

.cts-slide.active .cts-info {
    opacity: 1;
    transform: translateY(0);
}

.cts-name {
    font-size: 20px;
    color: #f5f0e8;
    font-weight: 600;
    letter-spacing: 1px;
}

.cts-instrument {
    font-size: 12px;
    color: #c99a3d;
    letter-spacing: 2px;
    margin-top: 5px;
    font-weight: 500;
}

/* Arrow Controls */
.cts-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #3a0d0d;
    border: 1px solid #c99a3d;
    color: #f5f0e8;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
    transition: all 0.3s ease;
}

.cts-nav-btn:hover {
    background-color: #641414;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 0 15px rgba(201, 154, 61, 0.5);
    color: #e2b85a;
}

.cts-prev {
    left: -20px;
}

.cts-next {
    right: -20px;
}

/* Pagination */
.cts-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 50px;
    position: relative;
    z-index: 2;
}

.cts-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #c99a3d;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cts-dot.active {
    background-color: #c99a3d;
    transform: scale(1.3);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .cts-slide {
        width: 450px;
        height: 480px;
    }
    .cts-heading {
        font-size: 46px;
    }
}

@media (max-width: 768px) {
    .cts-slide {
        width: 90vw;
        height: 480px;
    }
    .cts-slide.prev,
    .cts-slide.next {
        opacity: 0;
        visibility: hidden;
        transform: scale(0.6) translateX(0);
    }
    .cts-heading {
        font-size: 38px;
    }
    .cts-prev {
        left: 5vw;
    }
    .cts-next {
        right: 5vw;
    }
    .cts-carousel-container {
        height: 480px;
    }
    .cts-nav-btn {
        width: 40px;
        height: 40px;
    }
}

/* ==========================================================================
   Students with Certificates Section
   ========================================================================== */

:root {
    --cert-bg-primary: #f7f0e5;
    --cert-bg-secondary: #efe3d1;
    --cert-card-bg: #fbf6ed;
    --cert-text-primary: #351a12;
    --cert-text-secondary: #60483a;
    --cert-gold: #c58b32;
    --cert-gold-light: #d9aa5a;
    --cert-border: #d9b985;
    --cert-white: #ffffff;
}

.cert-section {
    position: relative;
    width: 100%;
    padding: 100px 0;
    background: linear-gradient(135deg, #f8f1e6 0%, #f4ebdd 50%, #f9f3ea 100%);
    overflow: hidden;
    font-family: var(--font-main);
}

.cert-bg-music-elements {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}

.cert-elem {
    position: absolute;
    font-size: 15vw;
    color: var(--cert-text-primary);
    opacity: 0.05;
    user-select: none;
}

.cert-elem.top-left {
    top: 5%;
    left: 5%;
    transform: rotate(-15deg);
}
.cert-elem.top-right {
    top: 10%;
    right: 10%;
    transform: rotate(15deg);
}
.cert-elem.bottom-right {
    bottom: 5%;
    right: 5%;
    transform: rotate(-10deg);
    font-size: 20vw;
}

.cert-container {
    position: relative;
    z-index: 1;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 5vw;
}

.cert-header {
    text-align: center;
    margin-bottom: 60px;
}

.cert-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    text-transform: uppercase;
    color: var(--cert-gold);
    letter-spacing: 4px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
}

.cert-line {
    width: 40px;
    height: 1px;
    background-color: var(--cert-gold);
}

.cert-ornament {
    margin-bottom: 20px;
}

.cert-title {
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 400;
    line-height: 1.1;
    color: var(--cert-text-primary);
    margin-bottom: 24px;
}

.cert-subtitle {
    max-width: 650px;
    margin: 0 auto;
    font-size: clamp(15px, 2vw, 18px);
    line-height: 1.7;
    color: var(--cert-text-secondary);
}

.cert-carousel-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
}

.cert-carousel-container {
    overflow: hidden;
    width: 100%;
}

.cert-carousel-track {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    /* Space between cards will be handled by padding/margin in JS or CSS */
}

.cert-slide {
    flex: 0 0 auto;
    padding: 0 10px; /* Space between cards */
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.cert-card {
    width: 100%;
    max-width: 270px;
    height: 450px;
    background: var(--cert-card-bg);
    border: 1px solid var(--cert-border);
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(80, 50, 20, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.cert-card-img-wrap {
    width: 100%;
    height: 290px;
    overflow: hidden;
    position: relative;
}

.cert-card-img-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(197, 139, 50, 0.05); /* Subtle gold overlay */
    pointer-events: none;
}

.cert-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.cert-card:hover .cert-card-img {
    transform: scale(1.05);
}

.cert-card-info {
    padding: 20px;
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cert-card-name {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    font-weight: 600;
    color: var(--cert-text-primary);
    margin-bottom: 8px;
}

.cert-card-divider {
    width: 30px;
    height: 2px;
    background: var(--cert-gold);
    margin: 0 auto 12px;
}

.cert-card-instrument {
    font-size: 14px;
    color: var(--cert-text-primary);
    font-weight: 500;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.cert-card-cert {
    font-size: 13px;
    color: var(--cert-text-secondary);
    line-height: 1.4;
}

/* Nav Buttons */
.cert-nav-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--cert-bg-secondary);
    border: 1px solid var(--cert-gold);
    color: var(--cert-text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.cert-nav-btn:hover,
.cert-nav-btn:focus-visible {
    background: var(--cert-gold);
    color: var(--cert-white);
    transform: scale(1.05);
    outline: none;
}

.cert-nav-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Pagination */
.cert-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 60px;
}

.cert-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid var(--cert-gold);
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}

.cert-dot.active {
    background: var(--cert-gold);
    transform: scale(1.2);
}

/* Bottom Information Strip */
.cert-bottom-strip {
    background: #f2e6d4;
    border: 1px solid var(--cert-border);
    border-radius: 18px;
    padding: 30px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.cert-highlights {
    display: flex;
    align-items: center;
    gap: 40px;
    flex: 1;
}

.cert-highlight-block {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    flex: 1;
}

.cert-icon {
    font-size: 24px;
    line-height: 1;
}

.cert-highlight-text h4 {
    font-size: 16px;
    font-weight: 600;
    color: var(--cert-text-primary);
    margin-bottom: 6px;
}

.cert-highlight-text p {
    font-size: 14px;
    color: var(--cert-text-secondary);
    line-height: 1.5;
    margin: 0;
}

.cert-join-btn {
    background: var(--cert-gold);
    color: var(--cert-white);
    border: none;
    border-radius: 30px;
    padding: 16px 28px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.cert-join-btn:hover {
    background: #a97024;
    transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 1199px) {
    .cert-slide {
        /* Desktop = 5 cards, Tablet = 3 cards */
    }
    .cert-bottom-strip {
        flex-direction: column;
        text-align: center;
    }
    .cert-highlights {
        flex-direction: column;
        gap: 30px;
    }
    .cert-highlight-block {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .cert-carousel-wrapper {
        position: relative;
    }
    .cert-nav-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        width: 40px;
        height: 40px;
    }
    .cert-prev {
        left: -10px;
    }
    .cert-next {
        right: -10px;
    }
    .cert-nav-btn:hover {
        transform: translateY(-50%) scale(1.05);
    }
    .cert-bottom-strip {
        padding: 30px 20px;
    }
    .cert-join-btn {
        width: 100%;
    }
}

.cert-card-img-wrap.full-image {
    height: 100%;
}

.cert-nav-btn {
    display: none !important;
}

.cert-card-img {
    object-fit: contain !important;
}

.inspired_backed_hover_content {
    display: none !important;
}

.inspired-pagination .swiper-pagination-bullet {
    background: var(--color-primary);
    opacity: 0.3;
    width: 12px;
    height: 12px;
}
.inspired-pagination .swiper-pagination-bullet-active {
    background: var(--color-accent);
    opacity: 1;
}

.inspired-pagination {
    text-align: center;
    width: 100%;
}

/* ==========================================================================
   Premium Founder Section
   ========================================================================== */

:root {
    --pf-deep-burgundy: #350b0b;
    --pf-dark-wine: #4a1010;
    --pf-accent-burgundy: #641414;
    --pf-gold: #c89432;
    --pf-bright-gold: #e2b65a;
    --pf-cream: #f7efe3;
    --pf-ivory: #fff9f0;
    --pf-text: #ffffff;
    --pf-sec-text: #e6d8c8;
    --pf-bg-beige: #f7f0e5;
}

.premium-founder-section {
    padding: 80px 20px;
    background-color: var(--pf-bg-beige);
    position: relative;
    font-family: var(--font-main);
    overflow: hidden;
}

.pf-container {
    max-width: 1450px;
    margin: 0 auto;
    background: linear-gradient(
        135deg,
        var(--pf-deep-burgundy) 0%,
        var(--pf-dark-wine) 50%,
        var(--pf-deep-burgundy) 100%
    );
    border-radius: 28px;
    border: 1px solid rgba(200, 148, 50, 0.7);
    box-shadow: 0 25px 70px rgba(50, 20, 10, 0.2);
    position: relative;
    display: flex;
    padding: 80px;
    gap: 5%;
}

/* Background Decoration */
.pf-bg-decor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
    border-radius: 28px;
    z-index: 0;
}

.pf-decor-elem {
    position: absolute;
    color: var(--pf-gold);
    opacity: 0.08;
    font-size: 15vw;
    line-height: 1;
    user-select: none;
}

.pf-decor-1 {
    top: -5%;
    right: 5%;
    font-size: 250px;
    transform: rotate(15deg);
}
.pf-decor-2 {
    bottom: 5%;
    right: 15%;
    font-size: 200px;
    transform: rotate(-10deg);
}
.pf-decor-3 {
    top: 20%;
    left: -2%;
    font-size: 300px;
    transform: rotate(-5deg);
}

/* Left Column */
.pf-left-col {
    flex: 0 0 52%;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pf-quote-icon {
    font-family: Georgia, serif;
    font-size: 80px;
    color: var(--pf-bright-gold);
    line-height: 0.6;
    margin-bottom: 20px;
}

.pf-message {
    font-style: italic;
    color: var(--pf-cream);
    font-size: 18px;
    line-height: 1.7;
    max-width: 650px;
    margin-bottom: 30px;
}

.pf-divider {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
    color: var(--pf-bright-gold);
}

.pf-divider::before,
.pf-divider::after {
    content: "";
    height: 1px;
    width: 60px;
    background-color: var(--pf-gold);
}

.pf-heading {
    font-family: Georgia, serif;
    color: var(--pf-ivory);
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
}

.pf-heading-underline {
    width: 50px;
    height: 2px;
    background-color: var(--pf-bright-gold);
    margin-bottom: 30px;
}

.pf-name {
    text-transform: uppercase;
    color: var(--pf-bright-gold);
    letter-spacing: 2.5px;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px;
}

.pf-designation {
    text-transform: uppercase;
    color: var(--pf-cream);
    font-size: 13px;
    letter-spacing: 1.5px;
    font-weight: 500;
    margin-bottom: 40px;
}

/* CTA Buttons */
.pf-cta-group {
    display: flex;
    gap: 20px;
    align-items: center;
}

.pf-btn {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 40px;
    padding: 16px 30px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    max-width: 320px;
}

.pf-btn-primary {
    background: var(--pf-bright-gold);
    color: #35100d;
    box-shadow: 0 10px 20px rgba(200, 148, 50, 0.2);
}

.pf-btn-primary:hover {
    background: var(--pf-gold);
    transform: translateY(-3px);
    box-shadow: 0 15px 25px rgba(200, 148, 50, 0.3);
}

.pf-btn-primary:hover .pf-icon {
    transform: translateX(4px) translateY(-4px);
}

.pf-btn-secondary {
    background: transparent;
    color: var(--pf-text);
    border: 1px solid var(--pf-gold);
}

.pf-btn-secondary:hover {
    background: var(--pf-gold);
    color: #35100d;
    transform: translateY(-3px);
}

.pf-icon {
    transition: transform 0.3s ease;
}

/* Right Column */
.pf-right-col {
    flex: 0 0 45%;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pf-image-wrapper {
    width: 100%;
    position: relative;
    border-radius: 20px;
}

.pf-image {
    width: 100%;
    aspect-ratio: 4/5;
    object-fit: cover;
    border-radius: 20px;
    border: 1px solid rgba(200, 148, 50, 0.5);
    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.4),
        0 0 20px rgba(226, 182, 90, 0.15);
    transition: transform 0.5s ease;
}

.pf-image-wrapper:hover .pf-image {
    transform: scale(1.02);
}

/* Animations */
.founder-reveal-left {
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}

.founder-reveal-right {
    opacity: 0;
    transform: translateX(30px);
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}

.founder-reveal-left.pf-visible,
.founder-reveal-right.pf-visible {
    opacity: 1;
    transform: translate(0, 0);
}

@media (prefers-reduced-motion: reduce) {
    .founder-reveal-left,
    .founder-reveal-right {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* Responsive */
@media (max-width: 1199px) {
    .pf-container {
        padding: 50px;
        align-items: center;
    }
    .pf-left-col {
        flex: 0 0 55%;
    }
    .pf-right-col {
        flex: 0 0 40%;
    }
    .pf-heading {
        font-size: 40px;
    }
    .pf-cta-group {
        flex-direction: column;
        align-items: flex-start;
    }
    .pf-btn {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .premium-founder-section {
        padding: 40px 15px;
    }
    .pf-container {
        flex-direction: column;
        padding: 30px 20px;
        border-radius: 20px;
        gap: 30px;
    }
    .pf-left-col,
    .pf-right-col {
        flex: 1 1 auto;
        width: 100%;
    }
    .pf-right-col {
        order: -1; /* Image on top */
    }
    .pf-message {
        font-size: 15px;
    }
    .pf-heading {
        font-size: 34px;
    }
    .pf-cta-group {
        width: 100%;
    }
    .pf-btn {
        max-width: 100%;
    }
    .pf-decor-elem {
        font-size: 100px;
    }
}

/* ==========================================================================
   Premium Free Trial Section
   ========================================================================== */

:root {
    --pt-bg-beige: #f7f0e5;
    --pt-secondary-beige: #efe1cc;
    --pt-card: #fff9f0;
    --pt-dark-brown: #351a12;
    --pt-sec-brown: #60483a;
    --pt-gold: #c58b32;
    --pt-light-gold: #d9a85b;
    --pt-burgundy: #641414;
    --pt-white: #ffffff;
}

.premium-trial-section {
    background: linear-gradient(135deg, #f8f1e6 0%, #f4e9d8 50%, #faf5ec 100%);
    position: relative;
    font-family: var(--font-main);
    overflow: hidden;
    padding: 80px 40px;
}

/* Background Decoration */
.pt-bg-decor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}

.pt-decor-elem {
    position: absolute;
    color: var(--pt-dark-brown);
    opacity: 0.05;
    font-size: 15vw;
    line-height: 1;
    user-select: none;
}
.pt-decor-1 {
    top: -5%;
    left: 5%;
    font-size: 200px;
    transform: rotate(15deg);
}
.pt-decor-2 {
    bottom: 5%;
    left: -5%;
    font-size: 250px;
    transform: rotate(-10deg);
}
.pt-decor-3 {
    top: 20%;
    right: -2%;
    font-size: 300px;
    transform: rotate(-5deg);
}

.pt-container {
    max-width: 1450px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

/* LEFT COLUMN */
.pt-left-col {
    flex: 0 0 38%;
    padding-right: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pt-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--pt-gold);
    background: var(--pt-card);
    color: var(--pt-dark-brown);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 20px;
    align-self: flex-start;
}

.pt-eyebrow svg {
    width: 14px;
    height: 14px;
}

.pt-heading {
    font-family: Georgia, serif;
    font-size: clamp(40px, 5vw, 72px);
    font-weight: 400;
    line-height: 1;
    color: var(--pt-dark-brown);
    margin-bottom: 15px;
}
.pt-heading span {
    color: var(--pt-gold);
}

.pt-divider {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    color: var(--pt-gold);
}
.pt-divider::before,
.pt-divider::after {
    content: "";
    height: 1px;
    width: 60px;
    background-color: var(--pt-gold);
}

.pt-description {
    font-size: 17px;
    line-height: 1.7;
    color: var(--pt-sec-brown);
    max-width: 600px;
    margin-bottom: 40px;
}

.pt-benefits-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 40px;
}
.pt-benefit-item {
    display: flex;
    align-items: center;
    gap: 12px;
}
.pt-benefit-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--pt-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pt-gold);
    flex-shrink: 0;
}
.pt-benefit-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--pt-dark-brown);
    line-height: 1.3;
}

.pt-guidance-box {
    background: var(--pt-card);
    border: 1px solid #e1c99f;
    border-radius: 18px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}
.pt-guidance-icon {
    width: 36px;
    height: 36px;
    background: var(--pt-burgundy);
    color: var(--pt-gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.pt-guidance-content h4 {
    color: var(--pt-burgundy);
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 700;
}
.pt-guidance-content p {
    color: var(--pt-sec-brown);
    font-size: 13px;
    line-height: 1.5;
}

/* CENTER COLUMN */
.pt-center-col {
    flex: 0 0 32%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.pt-image {
    width: 100%;
    height: 740px;
    object-fit: cover;
    border-radius: 60px 0 60px 0;
    border: 2px solid rgba(217, 168, 91, 0.5); /* light gold */
    box-shadow: 0 20px 50px rgba(53, 26, 18, 0.15);
}

/* RIGHT COLUMN */
.pt-right-col {
    flex: 0 0 30%;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pt-form-card {
    background: var(--pt-card);
    border: 1px solid #e4cfa9;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(80, 45, 20, 0.12);
    padding: 36px 30px;
    width: 115%; /* Slight overlap */
    margin-left: -15%;
    position: relative;
}

.pt-form-header {
    text-align: center;
    margin-bottom: 25px;
}
.pt-form-header-icon {
    width: 48px;
    height: 48px;
    border: 1px solid var(--pt-gold);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--pt-burgundy);
    margin-bottom: 15px;
}
.pt-form-title {
    font-family: Georgia, serif;
    color: var(--pt-dark-brown);
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.pt-form-subtitle {
    font-size: 14px;
    color: var(--pt-sec-brown);
}

.pt-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.pt-input-group {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}
.pt-input-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--pt-sec-brown);
    width: 16px;
    height: 16px;
}
.pt-input {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    height: 52px;
    background: #fffdf8;
    border: 1px solid #e3ceaa;
    border-radius: 12px;
    padding: 14px 14px 14px 40px;
    color: var(--pt-dark-brown);
    font-family: var(--font-main);
    font-size: 15px;
    transition: all 0.3s ease;
    -webkit-appearance: none;
    appearance: none;
}
.pt-input::placeholder {
    color: #806f61;
}
.pt-input:focus {
    outline: none;
    border-color: var(--pt-gold);
    box-shadow: 0 0 0 3px rgba(197, 139, 50, 0.1);
}
select.pt-input {
    appearance: none;
    cursor: pointer;
}
.pt-select-arrow {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--pt-sec-brown);
    pointer-events: none;
}

.pt-submit-btn {
    background: var(--pt-burgundy);
    color: var(--pt-white);
    border: none;
    border-radius: 10px;
    height: 56px;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 5px;
}
.pt-submit-btn:hover {
    background: #4a1010;
    transform: translateY(-2px);
    box-shadow: 0 8px 15px rgba(74, 16, 16, 0.2);
}

.pt-trust {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 15px;
}
.pt-trust-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--pt-sec-brown);
}

/* Validation */
.pt-error-msg {
    color: var(--pt-burgundy);
    font-size: 12px;
    margin-top: 4px;
    display: none;
}
.pt-input.pt-error {
    border-color: var(--pt-burgundy);
}

/* BOTTOM STRIP */
.pt-bottom-strip {
    width: 100%;
    background: var(--pt-card);
    border-radius: 20px;
    margin-top: 60px;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 10px 30px rgba(80, 45, 20, 0.08);
}
.pt-strip-item {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 0 20px;
    border-right: 1px solid #e3ceaa;
}
.pt-strip-item:last-child {
    border-right: none;
}
.pt-strip-icon {
    color: var(--pt-gold);
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
.pt-strip-content h5 {
    color: var(--pt-dark-brown);
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 4px;
}
.pt-strip-content p {
    color: var(--pt-sec-brown);
    font-size: 13px;
    line-height: 1.4;
}

/* Animations */
.pt-reveal-up {
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}
.pt-reveal-up.pt-visible {
    opacity: 1;
    transform: translate(0, 0);
}
@media (prefers-reduced-motion: reduce) {
    .pt-reveal-up {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* RESPONSIVE */
@media (max-width: 1199px) {
    .pt-container {
        flex-direction: column;
    }
    .pt-left-col {
        flex: 100%;
        padding-right: 0;
        margin-bottom: 50px;
    }
    .pt-center-col {
        flex: 1 1 50%;
    }
    .pt-right-col {
        flex: 1 1 50%;
        justify-content: center;
    }
    .pt-image {
        height: 600px;
    }
    .pt-form-card {
        width: 100%;
        margin-left: -20px; /* Slight overlap */
    }
    .pt-bottom-strip {
        flex-wrap: wrap;
        gap: 20px 0;
    }
    .pt-strip-item {
        flex: 0 0 50%;
        border-right: none;
    }
    .pt-strip-item:nth-child(odd) {
        border-right: 1px solid #e3ceaa;
    }
}

@media (max-width: 767px) {
    .premium-trial-section {
        padding: 40px 20px;
    }
    .pt-center-col,
    .pt-right-col {
        flex: 100%;
    }
    .pt-center-col {
        margin-bottom: 30px;
    }
    .pt-form-card {
        margin-left: 0;
        padding: 25px 20px;
    }
    .pt-image {
        height: 450px;
        border-radius: 40px 0 40px 0;
    }
    .pt-heading {
        font-size: 40px;
    }
    .pt-benefits-grid {
        grid-template-columns: 1fr;
    }
    .pt-strip-item {
        flex: 100%;
        border-right: none !important;
        border-bottom: 1px solid #e3ceaa;
        padding: 15px 0;
    }
    .pt-strip-item:last-child {
        border-bottom: none;
    }
    .pt-bottom-strip {
        padding: 20px;
    }
}

/* ==========================================================================
   Premium Location Section
   ========================================================================== */

:root {
    --loc-bg-primary: #f7f0e5;
    --loc-bg-secondary: #efe2cf;
    --loc-card: #fff9f0;
    --loc-text-primary: #351a12;
    --loc-text-secondary: #60483a;
    --loc-gold: #c58b32;
    --loc-gold-light: #d9a85b;
    --loc-burgundy: #641414;
    --loc-burgundy-dark: #4a1010;
    --loc-border: #dec59c;
}

.premium-location-section {
    background-color: var(--loc-bg-primary);
    position: relative;
    padding: 100px 40px;
    font-family: var(--font-main);
    overflow: hidden;
}

/* Background Decorations */
.loc-bg-decor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}
.loc-decor-icon {
    position: absolute;
    color: var(--loc-text-primary);
    opacity: 0.05;
    font-size: 15vw;
    line-height: 1;
    user-select: none;
}
.loc-decor-1 {
    top: 5%;
    left: 2%;
    font-size: 150px;
    transform: rotate(-15deg);
}
.loc-decor-2 {
    bottom: 10%;
    right: -2%;
    font-size: 200px;
    transform: rotate(10deg);
}
.loc-decor-3 {
    top: 30%;
    left: 50%;
    font-size: 80px;
    transform: rotate(20deg);
    opacity: 0.03;
}

.loc-container {
    max-width: 1450px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 1;
}

/* Header */
.loc-header {
    margin-bottom: 50px;
}
.loc-eyebrow {
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--loc-gold);
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}
.loc-eyebrow::before,
.loc-eyebrow::after {
    content: "";
    height: 1px;
    width: 40px;
    background-color: var(--loc-gold);
}
.loc-heading {
    font-family: Georgia, serif;
    font-size: clamp(38px, 4.5vw, 64px);
    font-weight: 400;
    color: var(--loc-text-primary);
    line-height: 1.1;
    margin-bottom: 25px;
}
.loc-heading-divider {
    height: 3px;
    width: 60px;
    background-color: var(--loc-gold);
    border-radius: 2px;
}

/* Main Layout */
.loc-main {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

/* Left Panel */
.loc-info-panel {
    flex: 0 0 45%;
    padding-right: 20px;
}
.loc-intro-text {
    font-size: 17px;
    line-height: 1.7;
    color: var(--loc-text-secondary);
    max-width: 500px;
    margin-bottom: 40px;
}

.loc-info-rows {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.loc-info-row {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 25px 0;
    border-bottom: 1px solid rgba(197, 139, 50, 0.2); /* subtle gold */
}
.loc-info-row:first-child {
    border-top: 1px solid rgba(197, 139, 50, 0.2);
}
.loc-icon-wrapper {
    width: 48px;
    height: 48px;
    background-color: var(--loc-burgundy);
    color: var(--loc-gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.loc-icon-wrapper svg {
    width: 24px;
    height: 24px;
}
.loc-row-content {
    flex: 1;
}
.loc-row-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--loc-text-primary);
    margin-bottom: 6px;
}
.loc-row-text {
    font-size: 15px;
    color: var(--loc-text-secondary);
    line-height: 1.6;
}
.loc-row-text a {
    color: var(--loc-text-secondary);
    text-decoration: none;
    transition: color 0.3s;
}
.loc-row-text a:hover {
    color: var(--loc-burgundy);
}

.loc-cta-wrapper {
    margin-top: 40px;
}
.loc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background-color: var(--loc-burgundy);
    color: #ffffff;
    border: none;
    border-radius: 10px;
    height: 56px;
    padding: 0 30px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.loc-btn:hover {
    background-color: var(--loc-burgundy-dark);
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(100, 20, 20, 0.15);
}

/* Right Panel (Map) */
.loc-map-panel {
    flex: 1;
    min-width: 0;
}
.loc-map-container {
    width: 100%;
    height: 650px;
    border-radius: 20px;
    border: 1px solid var(--loc-border);
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(80, 45, 20, 0.1);
    position: relative;
    background: #efe2cf;
}
.loc-map-container iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}
.loc-map-overlay {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--loc-card);
    padding: 15px 20px;
    border-radius: 12px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--loc-border);
    max-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    z-index: 2;
}
.loc-overlay-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--loc-text-primary);
}
.loc-overlay-text {
    font-size: 12px;
    color: var(--loc-text-secondary);
    line-height: 1.4;
}
.loc-overlay-link {
    font-size: 12px;
    color: var(--loc-burgundy);
    font-weight: 600;
    text-decoration: none;
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* Feature Strip */
.loc-feature-strip {
    background: var(--loc-card);
    border: 1px solid var(--loc-border);
    border-radius: 18px;
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.loc-feature-item {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-right: 1px solid rgba(197, 139, 50, 0.2);
}
.loc-feature-item:last-child {
    border-right: none;
}
.loc-feature-icon {
    width: 40px;
    height: 40px;
    border: 1px solid var(--loc-gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--loc-gold);
    margin-bottom: 15px;
}
.loc-feature-icon svg {
    width: 20px;
    height: 20px;
}
.loc-feature-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--loc-text-primary);
    margin-bottom: 8px;
}
.loc-feature-desc {
    font-size: 13px;
    color: var(--loc-text-secondary);
    line-height: 1.5;
}

/* Animations */
.loc-reveal-fade {
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}
.loc-reveal-scale {
    opacity: 0;
    transform: scale(0.98);
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}
.loc-visible {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
    .loc-reveal-fade,
    .loc-reveal-scale {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* Responsive */
@media (max-width: 1199px) {
    .loc-info-panel {
        flex: 0 0 50%;
        padding-right: 0;
    }
    .loc-map-container {
        height: 500px;
    }
    .loc-feature-strip {
        grid-template-columns: repeat(2, 1fr);
    }
    .loc-feature-item {
        border-right: none;
        border-bottom: 1px solid rgba(197, 139, 50, 0.2);
    }
    .loc-feature-item:nth-child(odd) {
        border-right: 1px solid rgba(197, 139, 50, 0.2);
    }
    .loc-feature-item:nth-last-child(-n + 2) {
        border-bottom: none;
    }
}

@media (max-width: 991px) {
    .loc-main {
        flex-direction: column;
        gap: 40px;
    }
    .loc-info-panel {
        flex: 100%;
    }
}

@media (max-width: 767px) {
    .premium-location-section {
        padding: 60px 20px;
    }
    .loc-map-container {
        height: 400px;
    }
    .loc-heading {
        font-size: 32px;
    }
    .loc-feature-strip {
        grid-template-columns: 1fr;
    }
    .loc-feature-item {
        border-right: none !important;
        border-bottom: 1px solid rgba(197, 139, 50, 0.2);
        padding: 20px;
    }
    .loc-feature-item:last-child {
        border-bottom: none;
    }
}

/* Prevent image drag on custom sliders */
.cts-slide img,
.cert-card img {
    pointer-events: none;
    -webkit-user-drag: none;
    user-select: none;
}