/* ==========================================
   HIGH-END BOUTIQUE HERO STYLING
========================================== */
.hero-slider-wrapper {
    background-color: #fdfffe;
    /* background-image: 
        radial-gradient(at 10% 10%, rgba(240, 245, 243, 0.6) 0px, transparent 40%),
        radial-gradient(at 90% 20%, rgba(253, 246, 245, 0.5) 0px, transparent 40%); */
    padding: 50px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

/* .luxury-blur-glow-1 {
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(157, 54, 38, 0.03) 0%, rgba(255,255,255,0) 70%);
    top: -5%;
    right: 5%;
    z-index: -1;
}
.luxury-blur-glow-2 {
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(46, 117, 89, 0.02) 0%, rgba(255,255,255,0) 70%);
    bottom: -10%;
    left: -5%;
    z-index: -1;
} */

.hero-slide-item {
    outline: none;
}

.layout-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.brand-badge {
    background-color: rgba(157, 54, 38, 0.05);
    border: 1px solid rgba(157, 54, 38, 0.1);
    color: #078586;
    font-size: 12px;
    font-weight: 700;
    padding: 9px 20px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 26px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.live-pulse {
    width: 6px;
    height: 6px;
    background-color: #2e7559;
    border-radius: 50%;
    display: inline-block;
    position: relative;
}

.hero-main-title {
    font-size: 56px;
    font-weight: 800;
    line-height: 1.12;
    color: #0f172a;
    margin-bottom: 24px;
    letter-spacing: -1.5px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.slick-active .hero-main-title {
    opacity: 1;
    transform: translateY(0);
}

.hero-main-title .highlight-text {
    color: #078586;
}

.hero-subtext {
    font-size: 16px;
    color: #475569;
    line-height: 1.65;
    margin-bottom: 40px;
    max-width: 510px;
}

.hero-btn-group {
    display: flex;
    align-items: center;
    gap: 16px;
}

.btn-prime-solid {
    background: #078586;
    color: #ffffff !important;
    font-weight: 600;
    font-size: 14px;
    padding: 16px 36px;
    border-radius: 100px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 10px 28px rgba(157, 54, 38, 0.18);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-prime-solid i {
    transform: translateX(0);
    transition: transform 0.3s ease;
}

.btn-prime-solid:hover {
    background: #0f172a;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.2);
    transform: translateY(-3px);
}

.btn-prime-solid:hover i {
    transform: translateX(5px);
}

.btn-prime-outline {
    background: #ffffff;
    color: #334155 !important;
    border: 1px solid #e2e8f0;
    font-weight: 600;
    font-size: 14px;
    padding: 16px 36px;
    border-radius: 100px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-prime-outline:hover {
    border-color: #078586;
    color: #078586 !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);
}

.layout-right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.premium-image-frame {
    position: relative;
    padding: 10px;
}

.premium-image-frame::after {
    content: '';
    position: absolute;
    inset: 30px -15px -15px 30px;
    border-radius: 36px;
    background: linear-gradient(135deg, rgba(46, 117, 89, 0.03) 0%, rgba(157, 54, 38, 0.02) 100%);
    z-index: -1;
}

.premium-image-card {
    position: relative;
    width: 100%;
    /* max-width: 470px; */
    border-radius: 32px;
    padding: 14px;
    background: #ffffff;
    box-shadow: 0 30px 60px -20px rgba(15, 23, 42, 0.07);
    border: 1px solid rgba(226, 232, 240, 0.8);
}

.hero-display-img {
    width: 100%;
    /* height: 380px; */
    object-fit: cover;
    border-radius: 22px;
}

.floating-stat-tag {
    position: absolute;
    bottom: 25px;
    left: -30px;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    padding: 14px 22px;
    border-radius: 20px;
    box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 210px;
    animation: luxuriousFloat 5s ease-in-out infinite;
}

.stat-icon-wrapper {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.stat-icon-wrapper.src-green {
    background: rgba(46, 117, 89, 0.08);
    color: #2e7559;
}

.stat-icon-wrapper.src-orange {
    background: rgba(249, 115, 22, 0.08);
    color: #f97316;
}

.stat-icon-wrapper.src-blue {
    background: rgba(59, 130, 246, 0.08);
    color: #3b82f6;
}

.stat-icon-wrapper.src-purple {
    background: rgba(168, 85, 247, 0.08);
    color: #a855f7;
}

.stat-meta h3 {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    line-height: 1;
}

.stat-meta p {
    font-size: 12px;
    color: #64748b;
    margin: 4px 0 0 0;
    font-weight: 600;
}

@keyframes luxuriousFloat {
    0% {
        transform: translateY(0px) scale(1);
    }

    50% {
        transform: translateY(-7px) scale(1.01);
    }

    100% {
        transform: translateY(0px) scale(1);
    }
}

.main-hero-slider .slick-dots {
    bottom: -60px;
}

.main-hero-slider .slick-dots li {
    margin: 0 4px;
    width: auto;
    height: auto;
}

.main-hero-slider .slick-dots li button:before {
    content: '';
    width: 8px;
    height: 8px;
    background: #e2e8f0;
    border-radius: 50%;
    opacity: 1;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.main-hero-slider .slick-dots li.slick-active button:before {
    background: #078586;
    width: 26px;
    border-radius: 6px;
}

/* ==========================================
   🎯 NATIVE SLICK INBUILT ARROWS (ULTRA PREMIUM DESIGNED)
========================================== */
/* Slider Wrapper must be relative to encapsulate absolute arrows */
.hero-slider-wrapper {
    position: relative;
}

/* Designing Slick Auto Generated Buttons */
.hero-slider-wrapper .slick-prev,
.hero-slider-wrapper .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 54px;
    height: 54px;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 50% !important;
    z-index: 999 !important;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    font-size: 0;
    /* Hides default slick text */
}

/* Placing Native Buttons beautifully on left & right boundaries */
.hero-slider-wrapper .slick-prev {
    left: 40px;
}

.hero-slider-wrapper .slick-next {
    right: 40px;
}

/* Injecting Custom Arrow Icons inside Slick tags using CSS pseudo elements */
.hero-slider-wrapper .slick-prev::before {
    content: '\ea64';
    /* RemixIcon Left Arrow Unicode */
    font-family: 'remixicon' !important;
    font-size: 24px;
    color: #0f172a;
    opacity: 1;
}

.hero-slider-wrapper .slick-next::before {
    content: '\ea6e';
    /* RemixIcon Right Arrow Unicode */
    font-family: 'remixicon' !important;
    font-size: 24px;
    color: #0f172a;
    opacity: 1;
}

/* Smooth Premium Hover Actions */
.hero-slider-wrapper .slick-prev:hover,
.hero-slider-wrapper .slick-next:hover {
    background-color: #078586 !important;
    border-color: #078586 !important;
    box-shadow: 0 12px 30px rgba(157, 54, 38, 0.3) !important;
}

.hero-slider-wrapper .slick-prev:hover::before,
.hero-slider-wrapper .slick-next:hover::before {
    color: #ffffff !important;
}

/* Subtle micro shift movements on hover */
.hero-slider-wrapper .slick-prev:hover {
    transform: translateY(-50%) translateX(-4px);
}

.hero-slider-wrapper .slick-next:hover {
    transform: translateY(-50%) translateX(4px);
}

/* Mobile Safeties */
@media (max-width: 1400px) {
    .hero-slider-wrapper .slick-prev {
        left: 15px;
    }

    .hero-slider-wrapper .slick-next {
        right: 15px;
    }
}

@media (max-width: 991px) {
    .hero-slider-wrapper {
        padding: 26px 0 50px 0;
    }

    .hero-main-title {
        font-size: 30px;
    }

    .layout-right {
        margin-top: 60px;
    }

    .premium-image-frame::after {
        display: none;
    }

    .floating-stat-tag {
        left: 15px;
        bottom: 15px;
    }

    .hero-slider-wrapper .slick-prev,
    .hero-slider-wrapper .slick-next {
        display: none !important;
    }

    /* Clean Swipe for Touch Screens */
}

:root {
    --primary-green: #078586;
    --accent-gold: #c5a880;
    /* Sharp Gold Line Tone */
    --text-dark: #111111;
    --text-muted: #555555;
}

:root {
    --primary-green: #078586;
    --primary-dark: #056969;
    --primary-deep: #1eacac;
    --accent-gold: #c5a880;
    --gold-light: #f4dfae;
    --text-dark: #111111;
    --text-muted: #777777;
    --white: #ffffff;
}

/* Main Section */
.directors-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 110px 0;
    background:
        radial-gradient(circle at 15% 20%,
            rgba(197, 168, 128, 0.14),
            transparent 28%),
        radial-gradient(circle at 85% 80%,
            rgba(157, 53, 38, 0.12),
            transparent 30%),
        #fffaf5;
}

.directors-section .row {
    align-items: stretch;
}

.directors-section .col-lg-5,
.directors-section .col-md-6 {
    display: flex;
}

/* Subtle background decoration */
.directors-section::before,
.directors-section::after {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    filter: blur(2px);
    pointer-events: none;
}

.directors-section::before {
    width: 300px;
    height: 300px;
    top: -130px;
    left: -100px;
    border: 1px solid rgba(157, 53, 38, 0.15);
    box-shadow:
        0 0 0 25px rgba(197, 168, 128, 0.06),
        0 0 0 55px rgba(157, 53, 38, 0.04);
}

.directors-section::after {
    width: 260px;
    height: 260px;
    right: -100px;
    bottom: -110px;
    border: 1px solid rgba(197, 168, 128, 0.25);
}

/* Heading */
.section-heading {
    margin-bottom: 70px;
}

.badge-title {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 22px;
    color: var(--primary-green);
    background: rgba(197, 168, 128, 0.13);
    border: 1px solid rgba(197, 168, 128, 0.55);
    border-radius: 50px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.badge-title::before {
    content: "";
    width: 7px;
    height: 7px;
    background: var(--primary-green);
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(157, 53, 38, 0.12);
}

.section-heading h2 {
    margin: 22px 0 10px;
    color: var(--text-dark);
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 800;
    letter-spacing: -1.5px;
}

.section-heading h2 span {
    color: var(--primary-green);
}

.section-heading p {
    margin: 0;
    color: var(--text-muted);
    font-size: 16px;
}

/* 3D Scene */
.director-card-3d {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 1px;
    border-radius: 30px;
    perspective: 1200px;
    transform-style: preserve-3d;
    transition:
        transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1),
        filter 0.45s ease;
}

/* Animated premium border */
.director-card-3d::before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: -2;
    border-radius: inherit;
    background: conic-gradient(from var(--border-angle),
            transparent 0deg,
            var(--accent-gold) 45deg,
            transparent 100deg,
            var(--primary-green) 165deg,
            transparent 230deg,
            var(--accent-gold) 315deg,
            transparent 360deg);
    animation: rotateBorder 8s linear infinite;
}

.director-card-3d::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: -1;
    border-radius: 29px;
    background: #fffdf9;
}

/* Main card */
.director-card-inner {
    position: relative;
    z-index: 2;
    overflow: hidden;
    min-height: 100%;
    border: 1px solid rgba(197, 168, 128, 0.35);
    border-radius: 29px;
    background:
        linear-gradient(145deg,
            rgba(255, 255, 255, 0.94),
            rgba(255, 248, 239, 0.86));
    box-shadow:
        0 25px 60px rgba(59, 16, 12, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
    transform-style: preserve-3d;
    transition:
        box-shadow 0.45s ease,
        border-color 0.45s ease;
}

/* Moving glow behind card */
.card-glow {
    position: absolute;
    z-index: -3;
    width: 220px;
    height: 220px;
    top: 18%;
    left: 50%;
    border-radius: 50%;
    background: var(--primary-green);
    opacity: 0;
    filter: blur(85px);
    transform: translateX(-50%);
    transition: opacity 0.45s ease;
    pointer-events: none;
}

/* Holographic shine */
/* .card-shine {
    position: absolute;
    z-index: 5;
    inset: 0;
    border-radius: inherit;
    background:
        linear-gradient(
            115deg,
            transparent 25%,
            rgba(255, 255, 255, 0.5) 42%,
            transparent 60%
        );
    background-size: 220% 220%;
    background-position: 200% 0;
    opacity: 0;
    pointer-events: none;
    transition:
        opacity 0.45s ease,
        background-position 0.9s ease;
} */



/* Image area */
.director-img-wrapper {
    position: relative;
    height: 390px;
    overflow: hidden;
    transform: translateZ(35px);
    background: var(--primary-deep);
}

.director-img-wrapper::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
        linear-gradient(180deg,
            transparent 45%,
            rgba(59, 16, 12, 0.356) 100%);
    pointer-events: none;
}

.director-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    filter: saturate(0.9) contrast(1.04);
    transition:
        transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1),
        filter 0.5s ease;
}

/* Image overlay */
.director-overlay {
    position: absolute;
    z-index: 3;
    inset: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 28px;
    opacity: 0;
    background: linear-gradient(180deg,
            transparent 40%,
            rgba(59, 16, 12, 0.158));
    transition: opacity 0.4s ease;
}

.director-social {
    display: flex;
    gap: 10px;
    transform: translateY(20px);
    transition: transform 0.45s ease;
}

.director-social a {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: var(--primary-green);
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid var(--accent-gold);
    border-radius: 50%;
    text-decoration: none;
    transition:
        color 0.25s ease,
        background 0.25s ease,
        transform 0.25s ease;
}

.director-social a:hover {
    color: var(--white);
    background: var(--primary-green);
    transform: translateY(-5px) rotate(8deg);
}

/* Floating badge */
.director-img-wrapper .floating-badge {
    position: absolute;
    z-index: 4;
    top: 24px;
    right: 24px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 14px 9px 9px;
    color: var(--primary-deep);
    background: rgba(255, 250, 240, 0.92);
    border: 1px solid rgba(197, 168, 128, 0.85);
    border-radius: 50px;
    box-shadow: 0 10px 25px rgba(59, 16, 12, 0.18);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.5px;
    backdrop-filter: blur(10px);
    animation: badgeFloat 4s ease-in-out infinite;
}

.director-img-wrapper .badge-icon {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    color: var(--white);
    background: var(--primary-green);
    border-radius: 50%;
    font-size: 12px;
    line-height: 1;
}

.director-img-wrapper .badge-icon i {
    color: var(--white);
    font-size: 12px;
}

/* Content */
.director-info {
    position: relative;
    padding: 32px 34px 35px;
    transform: translateZ(25px);
}

.director-role {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--primary-green);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.director-name {
    margin: 0 0 14px;
    color: var(--text-dark);
    font-size: clamp(23px, 2.4vw, 30px);
    font-weight: 800;
    line-height: 1.2;
}

.director-desc {
    max-width: 440px;
    margin: 0 0 25px;
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.8;
}

.director-exp {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.director-exp span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 13px;
    color: var(--primary-deep);
    background: rgba(197, 168, 128, 0.15);
    border: 1px solid rgba(197, 168, 128, 0.45);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
}

.director-exp i {
    color: var(--primary-green);
}

/* Hover state */
.director-card-3d:hover {
    filter: drop-shadow(0 28px 28px rgba(59, 16, 12, 0.15));
}

.director-card-3d:hover .director-card-inner {
    border-color: rgba(197, 168, 128, 0.9);
    box-shadow:
        0 35px 80px rgba(59, 16, 12, 0.2),
        0 0 35px rgba(197, 168, 128, 0.17),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}

.director-card-3d:hover .card-glow {
    opacity: 0.22;
}

.director-card-3d:hover .card-shine {
    opacity: 1;
    background-position: -30% 100%;
}

.director-card-3d:hover .director-img {
    filter: saturate(1.08) contrast(1.07);
    transform: scale(1.08);
}

.director-card-3d:hover .director-overlay {
    opacity: 1;
}

.director-card-3d:hover .director-social {
    transform: translateY(0);
}

/* Keyboard accessibility */
.director-card-3d:focus-within {
    outline: 3px solid rgba(197, 168, 128, 0.75);
    outline-offset: 7px;
}

/* Animations */
@property --border-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@keyframes rotateBorder {
    to {
        --border-angle: 360deg;
    }
}

@keyframes badgeFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}

/* Tablet */
@media (max-width: 991px) {
    .directors-section {
        padding: 80px 0;
    }

    .director-img-wrapper {
        height: 340px;
    }

    .director-info {
        padding: 27px 25px 30px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .directors-section {
        padding: 65px 15px;
    }

    .section-heading {
        margin-bottom: 45px;
    }

    .section-heading h2 {
        font-size: 34px;
    }

    .director-img-wrapper {
        height: 315px;
    }

    .floating-badge {
        top: 16px;
        right: 16px;
    }

    .director-info {
        padding: 25px 21px 27px;
    }

    .director-name {
        font-size: 24px;
    }

    .director-exp span {
        font-size: 11px;
    }
}

/* Accessibility: reduced motion */
@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }

    .director-card-3d:hover,
    .director-card-3d:hover .director-img {
        transform: none;
    }

    .director-overlay,
    .card-shine {
        opacity: 1;
    }

    .director-social {
        transform: none;
    }
}

/* ============================================
   WORLD'S BEST WHO-WE-ARE SECTION
   PURE WHITE BACKGROUND
   ============================================ */

.who-we-are-section {
    padding: 100px 0 120px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

/* ---- Decorative Orbs ---- */
.who-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.who-orb-1 {
    top: -150px;
    right: -100px;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(157, 53, 38, 0.04) 0%, transparent 70%);
    animation: whoOrbFloat1 14s ease-in-out infinite;
}

.who-orb-2 {
    bottom: -100px;
    left: -80px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(197, 168, 128, 0.05) 0%, transparent 70%);
    animation: whoOrbFloat2 18s ease-in-out infinite;
}

.who-orb-3 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(157, 53, 38, 0.02) 0%, transparent 70%);
    animation: whoOrbPulse 10s ease-in-out infinite;
}

@keyframes whoOrbFloat1 {

    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-60px, 40px) scale(1.15);
    }
}

@keyframes whoOrbFloat2 {

    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(50px, -60px) scale(1.2);
    }
}

@keyframes whoOrbPulse {

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

    50% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0.8;
    }
}

.who-we-are-section .container {
    position: relative;
    z-index: 1;
}

/* ============================================
   SECTION HEADER
   ============================================ */

/* ---- Premium Badge ---- */
.who-premium-badge {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: rgba(157, 53, 38, 0.06);
    padding: 8px 22px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #078586;
    border: 1px solid rgba(157, 53, 38, 0.08);
    margin-bottom: 25px;
    transition: all 0.4s ease;
    position: relative;
}

.who-premium-badge:hover {
    background: rgba(157, 53, 38, 0.1);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(157, 53, 38, 0.08);
}

.badge-icon {
    font-size: 14px;
    animation: badgeIconPulse 2s ease-in-out infinite;
}

@keyframes badgeIconPulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.2);
        opacity: 0.6;
    }
}

.badge-line {
    width: 20px;
    height: 2px;
    background: linear-gradient(90deg, #078586, transparent);
    border-radius: 2px;
    display: inline-block;
    animation: badgeLineExpand 3s ease-in-out infinite;
}

@keyframes badgeLineExpand {

    0%,
    100% {
        width: 20px;
        opacity: 1;
    }

    50% {
        width: 40px;
        opacity: 0.5;
    }
}

/* ---- Main Heading ---- */
.who-main-heading {
    font-size: 3.2rem;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.5px;
}

.heading-dark {
    color: #111111;
}

.heading-gradient {
    background: linear-gradient(135deg, #078586, #c5a880);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.heading-highlight {
    background: linear-gradient(135deg, #111111, #078586);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
}

.heading-highlight::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, #078586, #c5a880);
    border-radius: 3px;
    animation: whoHeadingLine 4s ease-in-out infinite;
}

@keyframes whoHeadingLine {

    0%,
    100% {
        width: 0;
        opacity: 0;
    }

    50% {
        width: 100%;
        opacity: 1;
    }
}

/* ---- Description ---- */
.who-desc-wrapper {
    position: relative;
    padding-left: 30px;
    border-left: 3px solid rgba(157, 53, 38, 0.15);
}

.who-top-desc {
    font-size: 16px;
    color: #555555;
    line-height: 1.9;
    margin-bottom: 0;
    font-weight: 400;
}

.desc-highlight {
    color: #078586;
    font-weight: 600;
    position: relative;
    cursor: default;
}

.desc-highlight::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #078586, #c5a880);
    transition: width 0.5s ease;
}

.who-top-desc:hover .desc-highlight::after {
    width: 100%;
}

.who-desc-line {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #078586, #c5a880);
    border-radius: 3px;
    margin-top: 15px;
    animation: whoDescLine 3s ease-in-out infinite;
}

@keyframes whoDescLine {

    0%,
    100% {
        width: 60px;
        opacity: 1;
    }

    50% {
        width: 120px;
        opacity: 0.5;
    }
}

/* ============================================
   SERVICE CARDS
   ============================================ */

.who-service-card {
    background: #ffffff;
    padding: 35px 28px 30px;
    border-radius: 20px;
    text-align: center;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(157, 53, 38, 0.04);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);
    height: 100%;
    cursor: pointer;
}

.who-service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(157, 53, 38, 0.02), transparent);
    opacity: 0;
    transition: opacity 0.5s ease;
    border-radius: 20px;
}

.who-service-card:hover::before {
    opacity: 1;
}

.who-service-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 30px 80px rgba(157, 53, 38, 0.08);
    border-color: rgba(157, 53, 38, 0.08);
}

/* ---- Card Glow Effect ---- */
.card-glow-effect {
    position: absolute;
    top: -50%;
    right: -50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(157, 53, 38, 0.03), transparent 70%);
    border-radius: 50%;
    transition: all 0.6s ease;
    pointer-events: none;
}

.who-service-card:hover .card-glow-effect {
    transform: scale(1.5);
    opacity: 1;
}

/* ---- Icon Wrapper ---- */
.who-icon-wrapper {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

.icon-circle {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, rgba(157, 53, 38, 0.08), rgba(197, 168, 128, 0.08));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 28px;
    color: #078586;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    z-index: 1;
}

.who-service-card:hover .icon-circle {
    background: linear-gradient(135deg, #078586, #7a2a1e);
    color: #ffffff;
    transform: scale(1.1) rotate(-10deg);
    box-shadow: 0 15px 40px rgba(157, 53, 38, 0.2);
}

.card-number {
    position: absolute;
    top: -10px;
    right: -15px;
    font-size: 12px;
    font-weight: 800;
    color: rgba(157, 53, 38, 0.12);
    background: #ffffff;
    padding: 2px 8px;
    border-radius: 4px;
    transition: all 0.4s ease;
    z-index: 2;
}

.who-service-card:hover .card-number {
    color: #078586;
    transform: scale(1.2);
}

/* ---- Card Title ---- */
.who-card-title {
    font-size: 18px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 12px;
    transition: color 0.4s ease;
    position: relative;
    z-index: 1;
}

.who-service-card:hover .who-card-title {
    color: #078586;
}

/* ---- Card Text ---- */
.who-card-text {
    font-size: 14px;
    color: #777777;
    line-height: 1.7;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}

/* ---- Hover Line ---- */
.card-hover-line {
    width: 30px;
    height: 3px;
    background: linear-gradient(90deg, #078586, #c5a880);
    border-radius: 3px;
    margin: 18px auto 0;
    transition: all 0.5s ease;
    position: relative;
    z-index: 1;
}

.who-service-card:hover .card-hover-line {
    width: 60px;
    box-shadow: 0 0 20px rgba(157, 53, 38, 0.2);
}

/* ---- Learn More ---- */
.card-learn-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    font-size: 13px;
    font-weight: 600;
    color: #078586;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.5s ease;
    position: relative;
    z-index: 1;
}

.card-learn-more span {
    position: relative;
}

.card-learn-more i {
    font-size: 14px;
    transition: transform 0.4s ease;
}

.who-service-card:hover .card-learn-more {
    opacity: 1;
    transform: translateY(0);
}

.who-service-card:hover .card-learn-more i {
    transform: translateX(6px);
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 992px) {
    .who-main-heading {
        font-size: 2.6rem;
    }

    .who-desc-wrapper {
        padding-left: 20px;
    }

    .who-service-card {
        padding: 30px 22px 26px;
    }

    .icon-circle {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }

    .who-card-title {
        font-size: 17px;
    }
}

@media (max-width: 768px) {
    .who-we-are-section {
        padding: 60px 0 80px;
    }

    .who-main-heading {
        font-size: 2.2rem;
    }

    .who-desc-wrapper {
        padding-left: 15px;
        border-left-width: 2px;
    }

    .who-top-desc {
        font-size: 15px;
    }

    .who-service-card {
        padding: 25px 18px 22px;
        border-radius: 16px;
    }

    .icon-circle {
        width: 54px;
        height: 54px;
        font-size: 20px;
    }

    .who-card-title {
        font-size: 16px;
    }

    .who-card-text {
        font-size: 13px;
    }

    .card-number {
        font-size: 10px;
        top: -8px;
        right: -10px;
    }

    .card-learn-more {
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .who-main-heading {
        font-size: 1.8rem;
    }

    .who-premium-badge {
        font-size: 10px;
        padding: 6px 16px;
    }

    .who-desc-wrapper {
        padding-left: 12px;
    }

    .who-top-desc {
        font-size: 14px;
    }

    .who-service-card {
        padding: 20px 16px 18px;
        border-radius: 14px;
    }

    .icon-circle {
        width: 48px;
        height: 48px;
        font-size: 18px;
    }

    .who-card-title {
        font-size: 15px;
    }

    .who-card-text {
        font-size: 12px;
    }

    .card-number {
        display: none;
    }

    .card-learn-more {
        font-size: 11px;
    }
}



/* ==========================================
   AGRO-WHITE PURE GRID SERVICES STYLING
========================================== */
.service_section {
    position: relative;
    background-color: #fdfffe;
    /* Crisp white premium sheet */
    /* background-image: radial-gradient(at 50% 0%, rgba(220, 239, 229, 0.4) 0px, transparent 60%); */
    padding: 50px 0;
    color: #0f172a;
    overflow: hidden;
    z-index: 1;
}



/* Subtitle Organic Badge */
.subtitle-badge {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #078586;
    /* Aapka Red Accent Color */
    letter-spacing: 1.5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 18px;
    background: rgba(157, 54, 38, 0.05);
    /* Soft Red Transparency Tint */
    padding: 6px 16px;
    border-radius: 100px;
}

.subtitle-badge .line {
    display: inline-block;
    width: 15px;
    height: 1.5px;
    background-color: rgba(157, 54, 38, 0.3);
}

/* Main Heading Config */
.main-heading {
    font-size: 42px;
    font-weight: 800;
    letter-spacing: -1px;
    margin-bottom: 16px;
    line-height: 1.2;
    color: #132a13;
}

.highlight-green {
    color: #078586;
    /* Heading Highlight changed to your Red Accent */
    text-shadow: none;
}

.section-desc {
    font-size: 16px;
    color: #64748b;
    font-weight: 400;
}

/* Premium White Grid Card Design */
.service-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 24px 20px;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    /* Symmetrical height alignment via bootstrap col flexbox */
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.02);
}

/* Micro-Interaction Elevation Effect & Border Accent Update */
.service-card:hover {
    border-color: #078586;
    /* Hover par sharp crimson red border boundary line */
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(157, 54, 38, 0.06);
    /* Premium Soft Red shadow burst */
}

.card-header-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 14px;
}

.card-title {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    color: #132a13;
    margin: 0;
    letter-spacing: -0.3px;
}

/* Fluid Minimalist Icon Shell with your theme integration */
.icon-glow-wrapper {
    width: 40px;
    height: 40px;
    background: rgba(157, 54, 38, 0.04);
    /* Light Red Base Glow */
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(157, 54, 38, 0.08);
    transition: all 0.3s ease;
    flex-shrink: 0;
    margin-left: 10px;
}

.card-icon {
    font-size: 18px;
    color: #078586;
    /* Default Icon color locked to your Crimson Red */
    transition: all 0.3s ease;
}

/* Card Interaction & Active State System Synchronized */
.service-card:hover .icon-glow-wrapper,
.icon-glow-wrapper.active-glow {
    background: #078586;
    /* Hover standard deep solid fill */
    border-color: #078586;
}

.service-card:hover .card-icon,
.icon-glow-wrapper.active-glow .card-icon {
    color: #ffffff;
    /* Icon shifts to clean white on solid hover fill */
}

.card-text {
    font-size: 13.5px;
    color: #475569;
    line-height: 1.55;
    margin-bottom: 20px;
    flex-grow: 1;
    /* Pushes content down smoothly for equal height layout */
}

/* Sharp Picture Window Holder */
.card-img-holder {
    width: 100%;
    height: 180px;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #f1f5f9;
}

.card-img-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

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

/* Responsive Fixes */
@media (max-width: 991px) {
    .main-heading {
        font-size: 32px;
    }

    .service_section {
        padding: 60px 0;
    }

    .card-title {
        font-size: 15px;
    }
}

@media (max-width: 576px) {
    .service-card {
        padding: 18px 14px;
    }

    .card-title {
        font-size: 14px;
    }

    .card-img-holder {
        height: 130px;
    }
}



#counter_section {
    background-color: #f8fafc !important;
    padding: 50px 20px;
    border-radius: 10px;
    margin: 50px auto;
    max-width: 1320px;
    position: relative;
    overflow: hidden;
    background-image:
        linear-gradient(to right, rgba(11, 17, 30, 0.4), rgba(11, 17, 30, 0.4)), radial-gradient(circle at 20% 50%, rgba(163, 230, 53, 0.08) 0%, transparent 40%), radial-gradient(circle at 80% 50%, rgba(22, 163, 74, 0.06) 0%, #000000cf 50%), url(images/section4.png);

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}


.counter-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    position: relative;
    z-index: 2;
}

/* प्रत्येक काउंटर आइटम की सेटिंग */
.counter-item {
    text-align: center;
    position: relative;
    padding: 10px 20px;
}

/* बीच में पतले सेपरेटर्स (Dividers) लगाने के लिए */
.counter-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 15%;
    width: 1px;
    height: 70%;
    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.15), transparent);
}

/* नंबर ब्लॉक स्टाइलिंग */
.counter-number-block {
    font-size: 56px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.1;
    margin-bottom: 12px;
    letter-spacing: -1px;
}

/* $ या + जैसे सिम्बल्स का स्टाइल */
.counter-plus,
.counter-sign {
    color: #ffffff;
    font-weight: 700;
    margin-left: 2px;
}

.counter-sign {
    margin-right: 4px;
    margin-left: 0;
}

/* नीचे लिखे टेक्स्ट की सेटिंग */
.counter-title {
    color: #94a3b8;
    /* हल्का ग्रे-ब्लू प्रीमियम कलर */
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    letter-spacing: 0.3px;
}

/* ==========================================
   RESPONSIVE DESIGN (मोबाइल फ्रेंडली सेटिंग)
========================================== */

@media (max-width: 991px) {
    .counter-grid-wrapper {
        grid-template-columns: repeat(2, 1fr);
        /* टैबलेट पर 2 कॉलम */
        gap: 40px 0;
    }

    /* टैबलेट पर केवल पहले और तीसरे आइटम के बाद डिवाइडर दिखेगा */
    .counter-item:nth-child(2n)::after {
        display: none;
    }

    .counter-section {
        margin: 30px 20px;
        padding: 60px 20px;
    }
}

@media (max-width: 575px) {
    .counter-grid-wrapper {
        grid-template-columns: 1fr;
        /* मोबाइल पर 1 कॉलम */
        gap: 35px 0;
    }

    .counter-item::after {
        display: none !important;
        /* मोबाइल पर सारे बीच के डिवाइडर हट जाएंगे */
    }

    .counter-number-block {
        font-size: 46px;
        /* मोबाइल पर फॉन्ट थोड़ा छोटा */
    }
}

/* ==========================================
   ULTRA PREMIUM — CONTACT BACKGROUND
========================================== */

.contact_section {
    background:
        /* Main luxury glow */
        radial-gradient(700px circle at 92% 8%,
            rgba(157, 53, 38, 0.28),
            transparent 58%),

        /* Secondary warm glow */
        radial-gradient(500px circle at 8% 88%,
            rgba(157, 53, 38, 0.16),
            transparent 60%),

        /* Subtle center light */
        radial-gradient(800px circle at 50% 45%,
            rgba(255, 255, 255, 0.025),
            transparent 65%),

        /* Premium dark base */
        linear-gradient(135deg,
            #07090b 0%,
            #0d1114 38%,
            #111417 62%,
            #080a0c 100%);

    background-repeat: no-repeat;
    background-size: cover;

    padding: 60px 0;
    color: #ffffff;

    /* Premium depth */
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        inset 0 -1px 0 rgba(0, 0, 0, 0.5);
}


/* ==========================================
   SUBTLE LUXURY GRID
========================================== */
.contact_section {
    background-image: url("../images/HomeContac.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



/* ==========================================
   CONTACT SECTION — COMPACT & RESPONSIVE
========================================== */

.contact_section .badge-git {
    background-color: #078586;
    color: #fff;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 16px;
}

.contact_section .contact-main-heading {
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 700;
    line-height: 1.15;
    color: #ffffff;
    margin-bottom: 20px;
}

.contact_section .divider {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.15);
    margin-bottom: 24px;
}

.contact_section .contact-info-flex {
    display: flex;
    gap: 45px;
    flex-wrap: wrap;
}

.contact_section .info-label {
    font-size: 11px;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.contact_section .info-value {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

/* ==========================================
   FORM OUTER CARD
========================================== */

.contact_section .form-green-parent {
    background-color: #078586;
    border-radius: 18px;
    padding: 14px;
    width: 100%;
    max-width: 520px;
    margin-left: auto;
    box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.45);
}

.contact_section .form-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px 18px;
}

.contact_section .form-card-header h3 {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
}


/* ==========================================
   WHITE FORM CARD
========================================== */

.contact_section .form-white-child {
    background-color: #ffffff;
    border-radius: 14px;
    padding: 26px;
    width: 100%;
}

.contact_section .form-subtitle {
    color: #64748b;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 22px;
}


/* ==========================================
   FORM LABEL
========================================== */

.contact_section .form-custom-label {
    color: #078586;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
}


/* ==========================================
   INPUTS
========================================== */

.contact_section .custom-input {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 9px;
    padding: 10px 13px;
    min-height: 44px;
    color: #0f172a !important;
    font-size: 14px;
    width: 100%;
    transition: all 0.3s ease;
}

.contact_section .custom-input:focus {
    box-shadow: 0 0 0 3px rgba(157, 53, 38, 0.10) !important;
    border-color: #078586 !important;
}


/* ==========================================
   FOOTER ACTION
========================================== */

.contact_section .form-footer-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 8px;
}


/* ==========================================
   SEND BUTTON
========================================== */

.contact_section .btn-send-msg {
    background-color: #078586;
    color: #ffffff;
    font-weight: 600;
    padding: 12px 28px;
    border-radius: 50px;
    border: none;
    transition: all 0.3s ease;
}

.contact_section .btn-send-msg:hover {
    background-color: #000000;
    color: #ffffff;
    transform: translateY(-2px);
}


/* ==========================================
   PHONE LINK
========================================== */

.contact_section .form-phone-link {
    color: #022c22;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.contact_section .form-phone-link:hover {
    color: #044335;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .contact_section .contact-left-content {
        margin-bottom: 35px;
    }

    .contact_section .contact-main-heading {
        font-size: 38px;
    }

    .contact_section .form-green-parent {
        max-width: 100%;
        margin: 0 auto;
    }

    .contact_section .contact-info-flex {
        gap: 30px;
    }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .contact_section .contact-main-heading {
        font-size: 32px;
    }

    .contact_section .contact-info-flex {
        flex-direction: column;
        gap: 18px;
    }

    .contact_section .form-green-parent {
        padding: 10px;
        border-radius: 15px;
    }

    .contact_section .form-card-header {
        padding: 6px 8px 14px;
    }

    .contact_section .form-card-header h3 {
        font-size: 17px;
    }

    .contact_section .form-white-child {
        padding: 20px 16px;
        border-radius: 12px;
    }

    .contact_section .form-subtitle {
        font-size: 13px;
        margin-bottom: 18px;
    }

    .contact_section .form-footer-action {
        flex-direction: column;
        align-items: stretch;
    }

    .contact_section .btn-send-msg {
        width: 100%;
        text-align: center;
    }

    .contact_section .form-phone-link {
        justify-content: center;
    }
}


/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 400px) {

    .contact_section .contact-main-heading {
        font-size: 28px;
    }

    .contact_section .form-green-parent {
        padding: 8px;
    }

    .contact_section .form-white-child {
        padding: 17px 13px;
    }

    .contact_section .custom-input {
        font-size: 13px;
        min-height: 42px;
        padding: 9px 11px;
    }

    .contact_section .btn-send-msg {
        padding: 11px 22px;
    }
}

.contact1 {

    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)),
        url("images/contact_img.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    padding: 130px 0;
    color: #ffffff;

    position: relative;
}


.breadcrumb-heading {
    font-size: 85px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 12px;
    color: #ffffff;
}


.breadcrumb-links {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #cbd5e1;
}


.breadcrumb-links a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
}

/* होम लिंक पर होवर इफ़ेक्ट */
.breadcrumb-links a:hover {
    color: #a3e635;
}


.breadcrumb-links i {
    font-size: 16px;
    color: #94a3b8;
    display: inline-block;
}


.breadcrumb-links span {
    color: #cbd5e1;
    font-weight: 400;
}

@media (max-width: 767px) {

    .breadcrumb-heading {
        font-size: 40px;
    }

    .breadcrumb-links {
        font-size: 15px;
    }
}


.talk-to-us-section {
    background-color: #ffffff;
    padding: 50px 0;

}


.talk-badge {
    background-color: #f1f5f9;
    color: #64748b;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 15px;
    border: 1px solid #e2e8f0;
}

/* मुख्य बड़ी हेडिंग */
.talk-main-heading {
    font-size: 42px;
    font-weight: 700;
    color: #078586;
    margin: 0;
    letter-spacing: -0.5px;
}



.info-contact-card {
    background-color: #fbfdfc;
    border: 1px solid #e6f0ec;
    border-radius: 16px;
    padding: 30px 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: all 0.3s ease;
}

.info-contact-card:hover {
    border-color: #078586;
    transform: translateY(-3px);
}


.card-info-label {
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    margin-bottom: 14px;
}


.card-info-value {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    line-height: 1.6;
    margin: 0;
}


.card-info-value a {
    color: #022c22;
    text-decoration: none;
    transition: color 0.2s ease;
}

.card-info-value a:hover {
    color: #078586;
}

.hours-text {
    font-weight: 500;
    color: #475569;
}

.card-social-flex {
    display: flex;
    gap: 10px;
    margin-top: auto;
}


.social-circle-link {
    width: 36px;
    height: 36px;
    background-color: #f1f5f9;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #022c22;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
}

.social-circle-link:hover {
    background-color: #078586;
    color: #ffffff;
}

@media (max-width: 767px) {
    .talk-to-us-section {
        padding: 50px 0;
    }

    .talk-main-heading {
        font-size: 30px;
    }

    .info-contact-card {
        padding: 20px;
    }
}


.contact2 {

    background: linear-gradient(rgba(15, 23, 42, 0.4), rgba(15, 23, 42, 0.4)),
        url("images/h1-form-img.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 0;
    position: relative;
    overflow: hidden;

}


.brand-person-img {
    max-height: 550px;
    object-fit: contain;
}

.glass-form-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 24px;
    padding: 45px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}


.form-top-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.badge-dot {
    width: 6px;
    height: 6px;
    background-color: #0f172a;
    border-radius: 50%;
    display: inline-block;
}

/* मुख्य टाइटल */
.form-main-title {
    font-size: 44px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 18px;
    letter-spacing: -0.5px;
}


.form-top-desc {
    font-size: 15px;
    color: #475569;
    line-height: 1.6;
    margin-bottom: 35px;
}


.highlight-link {
    color: #0f172a;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s ease;
}

.highlight-link:hover {
    color: #078586;
}


.glass-input {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 5px !important;
    padding: 14px 18px !important;
    font-size: 15px;
    color: #0f172a !important;
    font-weight: 500;
    transition: all 0.3s ease;
}


.glass-input::placeholder {
    color: #94a3b8;
    opacity: 1;
}

.glass-input:focus {

    border-color: #078586 !important;
}


.glass-select {
    background-position: right 18px center !important;
}


.btn-gradient-submit {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 16px 36px;
    background: #078586;
    color: #ffffff;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    width: max-content;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: color 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.4s ease, box-shadow 0.4s ease;
    border: none;
    cursor: pointer;
}




@media (max-width: 991px) {
    .contact2 {
        padding: 60px 0;
    }

    .glass-form-card {
        padding: 30px 20px;
    }

    .form-main-title {
        font-size: 32px;
    }

    .brand-person-img {
        max-height: 380px;
    }
}


/* ============================================
   WORLD'S BEST STRATEGIC ADVANTAGE SECTION
   PURE WHITE BACKGROUND
   ============================================ */

.strategic-advantage-section {
    padding: 90px 0 90px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

/* ---- Premium Decorative Orbs ---- */
.strategic-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.strategic-orb-1 {
    top: -100px;
    right: -100px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(157, 53, 38, 0.04) 0%, transparent 70%);
    animation: orbFloat1 12s ease-in-out infinite;
}

.strategic-orb-2 {
    bottom: -80px;
    left: -80px;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(197, 168, 128, 0.05) 0%, transparent 70%);
    animation: orbFloat2 15s ease-in-out infinite;
}

.strategic-orb-3 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(157, 53, 38, 0.02) 0%, transparent 70%);
    animation: orbPulse 8s ease-in-out infinite;
}

@keyframes orbFloat1 {

    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-50px, 30px) scale(1.1);
    }
}

@keyframes orbFloat2 {

    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(40px, -50px) scale(1.15);
    }
}

@keyframes orbPulse {

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

    50% {
        transform: translate(-50%, -50%) scale(1.3);
        opacity: 1;
    }
}

.strategic-advantage-section .container {
    position: relative;
    z-index: 1;
}

/* ============================================
   LEFT CONTENT
   ============================================ */

.advantage-left-content {
    position: relative;
    padding-right: 30px;
}

/* ---- Premium Badge ---- */
.premium-badge-wrapper {
    margin-bottom: 25px;
}

.premium-badge {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    /* background: linear-gradient(135deg, rgba(157, 53, 38, 0.08), rgba(197, 168, 128, 0.08)); */
    background: linear-gradient(135deg, rgb(7 133 134 / 0%), rgb(7 133 134 / 8%), rgb(7 133 134 / 0%));
    padding: 8px 22px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #078586;
    border: 1px solid rgba(157, 53, 38, 0.12);
    position: relative;
    transition: all 0.4s ease;
}

.premium-badge:hover {
    background: linear-gradient(135deg, rgba(7, 134, 134, 0.13), rgba(58, 157, 159, 0.301));
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(157, 53, 38, 0.1);
}

.badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #078586;
    display: inline-block;
    animation: dotPulse 2s ease-in-out infinite;
}

.badge-dot:last-child {
    animation-delay: 0.5s;
}

@keyframes dotPulse {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(0.5);
    }
}

/* ---- Main Heading ---- */
.advantage-title {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 20px;
    letter-spacing: -1px;
}

.title-gradient {
    background: linear-gradient(135deg, #111111, #333333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.title-highlight {
    background: linear-gradient(135deg, #078586, #c5a880, #078586);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: gradientShift 4s ease-in-out infinite;
}

@keyframes gradientShift {

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

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

/* ---- Description ---- */
.advantage-desc-wrapper {
    position: relative;
    margin-bottom: 35px;
}

.advantage-desc {
    font-size: 17px;
    color: #555555;
    line-height: 1.8;
    max-width: 580px;
    font-weight: 400;
    margin-bottom: 0;
}

.desc-underline {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #078586, #c5a880);
    border-radius: 3px;
    margin-top: 15px;
    animation: underlineExpand 3s ease-in-out infinite;
}

@keyframes underlineExpand {

    0%,
    100% {
        width: 60px;
        opacity: 1;
    }

    50% {
        width: 120px;
        opacity: 0.5;
    }
}

/* ---- Premium Stats Row ---- */
.premium-stats-row {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 25px 30px;
    background: linear-gradient(135deg, rgba(157, 53, 38, 0.03), rgba(197, 168, 128, 0.03));
    border-radius: 20px;
    border: 1px solid rgba(157, 53, 38, 0.06);
    margin-bottom: 30px;
    backdrop-filter: blur(10px);
    transition: all 0.4s ease;

}

.premium-stats-row:hover {
    border-color: rgba(157, 53, 38, 0.12);
    box-shadow: 0 10px 40px rgba(157, 53, 38, 0.05);
}

.stat-item {
    text-align: center;
    flex: 1;
}

.stat-number {
    font-size: 2.5rem;
    font-weight: 800;
    background: linear-gradient(135deg, #078586, #c5a880);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1;
    font-family: 'Poppins', sans-serif;
}

.stat-number::after {
    content: '+';
    -webkit-text-fill-color: #078586;
}

.stat-label {
    display: block;
    font-size: 13px;
    color: #777777;
    font-weight: 500;
    margin-top: 4px;
    letter-spacing: 0.5px;
}

.stat-divider {
    width: 1px;
    height: 40px;
    background: linear-gradient(180deg, transparent, rgba(157, 53, 38, 0.15), transparent);
}

/* ---- Trust Badges ---- */
.trust-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.trust-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #555555;
    font-weight: 500;
    padding: 8px 18px;
    background: #f8f8f8;
    border-radius: 50px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.trust-badge i {
    color: #078586;
    font-size: 14px;
}

.trust-badge:hover {
    background: #ffffff;
    border-color: rgba(157, 53, 38, 0.15);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(157, 53, 38, 0.08);
}

/* ============================================
   RIGHT CONTENT
   ============================================ */

.advantage-right-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
}

/* ---- Floating Premium Card ---- */
.floating-premium-card {
    position: relative;
    background: #ffffff;
    border-radius: 30px;
    padding: 45px 40px 40px;
    width: 100%;
    max-width: 420px;
    box-shadow:
        0 20px 60px rgba(157, 53, 38, 0.08),
        0 0 0 1px rgba(157, 53, 38, 0.04);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    overflow: hidden;
    position: relative;
}

.floating-premium-card:hover {
    transform: translateY(-10px) scale(1.01);
    box-shadow:
        0 40px 80px rgba(157, 53, 38, 0.12),
        0 0 0 1px rgba(157, 53, 38, 0.08);
}

/* Card Glow Effect */
.card-glow {
    position: absolute;
    top: -50%;
    right: -50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(157, 53, 38, 0.04) 0%, transparent 70%);
    animation: cardGlow 6s ease-in-out infinite;
}

@keyframes cardGlow {

    0%,
    100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.5;
    }

    50% {
        transform: translate(-20%, -20%) scale(1.5);
        opacity: 1;
    }
}

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

.card-icon-wrapper {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #078586, #7a2a1e);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    box-shadow: 0 10px 30px rgba(157, 53, 38, 0.2);
    transition: all 0.4s ease;
}

.floating-premium-card:hover .card-icon-wrapper {
    transform: rotate(-10deg) scale(1.05);
}

.card-icon-wrapper i {
    font-size: 28px;
    color: #ffffff;
}

.strategies-count-text {
    font-size: 1.6rem;
    font-weight: 700;
    color: #111111;
    line-height: 1.4;
    margin-bottom: 15px;
}

.highlight-number {
    color: #078586;
    font-size: 2rem;
}

.highlight-text {
    background: linear-gradient(135deg, #078586, #c5a880);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.card-divider {
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, #078586, #c5a880);
    border-radius: 3px;
    margin: 15px 0;
}

.card-small-text {
    font-size: 14px;
    color: #777777;
    margin-bottom: 25px;
    line-height: 1.6;
}

/* ---- Premium Button ---- */
.btn-premium-consulting {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #078586, #7a2a1e);
    color: #ffffff;
    padding: 16px 32px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    overflow: hidden;
    border: none;
}

.btn-premium-consulting::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
    transition: all 0.6s ease;
}

.btn-premium-consulting:hover::before {
    left: 100%;
}

.btn-premium-consulting:hover {
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 15px 40px rgba(157, 53, 38, 0.3);
}

.btn-premium-consulting .btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
}

.btn-premium-consulting:hover .btn-icon {
    transform: translateX(8px);
}

/* ---- Mini Badges ---- */
.mini-badges {
    display: flex;
    gap: 12px;
    align-items: center;
    width: 100%;
    max-width: 420px;
}

.mini-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #f8f8f8;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    color: #555555;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.mini-badge i {
    color: #078586;
    font-size: 14px;
}

.mini-badge:hover {
    background: #ffffff;
    border-color: rgba(157, 53, 38, 0.1);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(157, 53, 38, 0.06);
}

.mini-badge-1 {
    animation: badgeFloat 3s ease-in-out infinite;
}

.mini-badge-2 {
    animation: badgeFloat 3s ease-in-out infinite 0.5s;
}

@keyframes badgeFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 992px) {
    .advantage-title {
        font-size: 2.8rem;
    }

    .advantage-left-content {
        padding-right: 0;
    }

    .advantage-right-content {
        align-items: flex-start;
    }

    .floating-premium-card {
        max-width: 100%;
    }

    .mini-badges {
        max-width: 100%;
    }

    .premium-stats-row {
        flex-wrap: wrap;
        gap: 15px;
    }

    .stat-divider {
        display: none;
    }
}

@media (max-width: 768px) {
    .strategic-advantage-section {
        padding: 60px 0 80px;
    }

    .advantage-title {
        font-size: 2.2rem;
    }

    .floating-premium-card {
        padding: 30px 25px;
    }

    .strategies-count-text {
        font-size: 1.3rem;
    }

    .stat-number {
        font-size: 2rem;
    }

    .premium-stats-row {
        padding: 20px;
        flex-direction: column;
        gap: 10px;
    }

    .stat-item {
        width: 100%;
    }

    .trust-badges {
        flex-direction: column;
    }

    .trust-badge {
        width: 100%;
        justify-content: center;
    }

    .mini-badges {
        flex-direction: column;
        width: 100%;
    }

    .mini-badge {
        width: 100%;
        justify-content: center;
    }

    .btn-premium-consulting {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .advantage-title {
        font-size: 1.8rem;
    }

    .premium-badge {
        font-size: 10px;
        padding: 6px 16px;
    }

    .floating-premium-card {
        border-radius: 20px;
        padding: 25px 20px;
    }

    .card-icon-wrapper {
        width: 50px;
        height: 50px;
    }

    .card-icon-wrapper i {
        font-size: 22px;
    }
}

.who-we-are-section {
    background-color: #ffffff;
    padding: 50px 0;

}

/* ============================================
   PREMIUM ABOUT SECTION - IMAGE STYLE
   PURE WHITE BACKGROUND
   ============================================ */

.about-section {
    padding: 90px 0 120px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

/* ---- Decorative Background Elements ---- */
.about-section::before {
    content: '';
    position: absolute;
    top: -200px;
    right: -200px;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(157, 53, 38, 0.03) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.about-section::after {
    content: '';
    position: absolute;
    bottom: -200px;
    left: -200px;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(197, 168, 128, 0.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}


/* ============================================
   LEFT CONTENT
   ============================================ */

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

/* ---- Badge ---- */
.about-badge {
    display: inline-block;
    background: rgba(157, 53, 38, 0.08);
    color: #078586;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 8px 22px;
    border-radius: 4px;
    margin-bottom: 25px;
    border: 1px solid rgba(157, 53, 38, 0.1);
    position: relative;
    transition: all 0.4s ease;
}

.about-badge:hover {
    background: rgba(157, 53, 38, 0.12);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(157, 53, 38, 0.08);
}

/* ---- Main Heading ---- */
.about-heading {
    font-size: 2.8rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 22px;
    color: #111111;
}

.heading-highlight {
    background: linear-gradient(135deg, #078586, #c5a880);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.heading-gradient {
    background: linear-gradient(135deg, #111111, #078586);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
}

/* Animated Underline Effect */
.heading-gradient::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, #078586, #c5a880);
    border-radius: 3px;
    animation: headingLine 4s ease-in-out infinite;
}

@keyframes headingLine {

    0%,
    100% {
        width: 0;
        opacity: 0;
    }

    50% {
        width: 100%;
        opacity: 1;
    }
}

/* ---- Description ---- */
.about-desc {
    font-size: 15px;
    color: #555555;
    line-height: 1.8;
    margin-bottom: 16px;
    font-weight: 400;
}

.highlight-text {
    color: #078586;
    font-weight: 600;
    position: relative;
    cursor: default;
}

.highlight-text::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #078586, #c5a880);
    transition: width 0.5s ease;
}

.about-desc:hover .highlight-text::after {
    width: 100%;
}

/* ============================================
   FEATURES LIST
   ============================================ */

.features-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
    margin: 28px 0 35px;
}

.feature-item {
    font-size: 14px;
    color: #333333;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
    transition: all 0.3s ease;
    cursor: pointer;
}

.feature-item:hover {
    color: #078586;
    transform: translateX(5px);
}

.feature-diamond {
    width: 10px;
    height: 10px;
    min-width: 10px;
    border: 2px solid #c5a880;
    transform: rotate(45deg);
    display: inline-block;
    transition: all 0.4s ease;
    position: relative;
}

.feature-item:hover .feature-diamond {
    background: #078586;
    border-color: #078586;
    transform: rotate(45deg) scale(1.1);
    box-shadow: 0 0 20px rgba(157, 53, 38, 0.2);
}

/* ============================================
   CTA BUTTON
   ============================================ */

.btn-discover {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #078586, #7a2a1e);
    color: #ffffff;
    padding: 16px 35px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    border: none;
    position: relative;
    overflow: hidden;
}

.btn-discover::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
    transition: left 0.6s ease;
}

.btn-discover:hover::before {
    left: 100%;
}

.btn-discover:hover {
    transform: translateY(-4px) scale(1.03);
    box-shadow: 0 15px 40px rgba(157, 53, 38, 0.3);
    color: #ffffff;
}

.btn-discover .btn-arrow {
    display: inline-block;
    transition: all 0.4s ease;
    font-size: 18px;
}

.btn-discover:hover .btn-arrow {
    transform: translateX(8px);
}

/* ============================================
   RIGHT CONTENT - IMAGE
   ============================================ */

.about-image-wrapper {
    position: relative;
    padding: 10px;
}

/* ---- Image Container ---- */
.image-container {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background: #f8f8f8;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
    transition: all 0.6s ease;
}

.image-container:hover {
    box-shadow: 0 30px 80px rgba(157, 53, 38, 0.08);
}

.image-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(157, 53, 38, 0.02), transparent);
    z-index: 1;
    pointer-events: none;
}

.about-main-img {
    width: 100%;
    height: 600px;
    display: block;
    transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
    z-index: 0;
}

.image-container:hover .about-main-img {
    transform: scale(1.03);
}

/* ---- Floating Badge - Top Right ---- */
.floating-badge {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #ffffff;
    padding: 10px 18px;
    border-radius: 50px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    font-size: 12px;
    font-weight: 600;
    color: #333333;
    border: 1px solid rgba(157, 53, 38, 0.06);
    z-index: 2;
    transition: all 0.4s ease;
    backdrop-filter: blur(10px);
}

.floating-badge i {
    color: #078586;
    font-size: 16px;
}

.floating-badge:hover {
    transform: scale(1.05);
    box-shadow: 0 15px 40px rgba(157, 53, 38, 0.1);
    border-color: rgba(157, 53, 38, 0.15);
}

.top-badge {
    top: 20px;
    right: 20px;
    animation: badgePulse 3s ease-in-out infinite;
}

@keyframes badgePulse {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

/* ============================================
   STATS BADGE - BOTTOM
   ============================================ */

.stats-badge {
    position: absolute;
    bottom: -20px;
    right: -10px;
    background: #ffffff;
    padding: 22px 28px;
    border-radius: 12px;
    box-shadow:
        0 20px 60px rgba(157, 53, 38, 0.1),
        0 0 0 1px rgba(157, 53, 38, 0.04);
    min-width: 200px;
    z-index: 3;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    border: 1px solid rgba(157, 53, 38, 0.04);
}

.stats-badge:hover {
    transform: translateY(-8px);
    box-shadow:
        0 30px 80px rgba(157, 53, 38, 0.15),
        0 0 0 1px rgba(157, 53, 38, 0.08);
}

.stats-subtitle {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
    color: #999999;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 4px;
}

.stats-subtitle i {
    color: #078586;
    font-size: 14px;
}

.stats-number {
    display: flex;
    align-items: baseline;
    gap: 2px;
    font-size: 3rem;
    font-weight: 800;
    color: #111111;
    line-height: 1;
    margin-bottom: 2px;
}

.stats-number .counter-num {
    background: linear-gradient(135deg, #078586, #c5a880);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.stats-number .stats-plus {
    font-size: 2.2rem;
    color: #078586;
    -webkit-text-fill-color: #078586;
}

.stats-text {
    font-size: 13px;
    color: #555555;
    line-height: 1.4;
    margin-bottom: 8px;
}

.stats-rating {
    display: flex;
    align-items: center;
    gap: 3px;
}

.stats-rating i {
    color: #ffc107;
    font-size: 13px;
}

.stats-rating .rating-text {
    font-size: 12px;
    font-weight: 600;
    color: #555555;
    margin-left: 6px;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 992px) {
    .about-heading {
        font-size: 2.2rem;
    }

    .features-list {
        grid-template-columns: 1fr 1fr;
        gap: 8px 15px;
    }

    .stats-badge {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: -20px;
        max-width: 100%;
        border-radius: 12px 12px 0 0;
    }

    .about-image-wrapper {
        padding: 0;
    }

    .top-badge {
        top: 15px;
        right: 15px;
        font-size: 10px;
        padding: 8px 14px;
    }

    .top-badge i {
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .about-section {
        padding: 60px 0 80px;
    }

    .about-heading {
        font-size: 1.8rem;
    }

    .features-list {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .feature-item {
        font-size: 13px;
    }

    .btn-discover {
        width: 100%;
        justify-content: center;
        padding: 14px 25px;
        font-size: 12px;
    }

    .stats-number {
        font-size: 2.5rem;
    }

    .stats-badge {
        padding: 18px 22px;
    }

    .stats-text {
        font-size: 12px;
    }

    .top-badge {
        top: 10px;
        right: 10px;
        font-size: 9px;
        padding: 6px 12px;
    }

    .top-badge i {
        font-size: 11px;
    }
}

@media (max-width: 576px) {
    .about-heading {
        font-size: 1.5rem;
    }

    .about-badge {
        font-size: 10px;
        padding: 6px 16px;
    }

    .about-desc {
        font-size: 14px;
    }

    .feature-item {
        font-size: 12px;
    }

    .feature-diamond {
        width: 8px;
        height: 8px;
        min-width: 8px;
    }

    .stats-badge {
        padding: 15px 18px;
    }

    .stats-number {
        font-size: 2rem;
    }

    .stats-number .stats-plus {
        font-size: 1.6rem;
    }
}

/* छोटा टॉप बैज */
.vision-badge {
    background-color: #f1f5f9;
    color: #64748b;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 15px;
    border: 1px solid #e2e8f0;
}

/* मुख्य बड़ी हेडिंग */
.vision-main-heading {
    font-size: 38px;
    font-weight: 700;
    color: #078586;
    line-height: 1.3;
    margin: 0;
}


.vision-top-desc {
    font-size: 15px;
    color: #475569;
    line-height: 1.6;
    margin: 0;
    padding-left: 15px;
}



.vision-service-card {
    background-color: #f6f5f3;
    border-radius: 20px;
    padding: 40px 25px;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    display: flex;
    flex-direction: column;
    position: relative;
    cursor: pointer;
}

/* आइकॉन बॉक्स सेटिंग्स */
.vision-icon-box {
    width: 50px;
    height: 50px;
    background-color: #078586;
    color: #ffffff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 25px;
    transition: all 0.4s ease;
}

.vision-card-title {
    font-size: 18px;
    font-weight: 700;
    color: #078586;
    line-height: 1.4;
    margin-bottom: 15px;
    transition: color 0.4s ease;
}


.vision-card-text {
    font-size: 14px;
    color: #475569;
    line-height: 1.6;
    margin: 0;
    transition: color 0.4s ease;
}



.vision-service-card:hover {
    background-color: #078586;
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(157, 53, 38, 0.25);
}


.vision-service-card:hover .vision-icon-box {
    background-color: #ffffff;
    color: #078586;
}

.vision-service-card:hover .vision-card-title,
.vision-service-card:hover .vision-card-text {
    color: #ffffff;
}




/* ============================================
   WORLD'S BEST ABOUT2 SECTION
   PURE WHITE BACKGROUND
   ============================================ */

.about2-section {
    padding: 100px 0 120px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

/* ---- Decorative Orbs ---- */
.about2-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.about2-orb-1 {
    top: -150px;
    right: -100px;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(157, 53, 38, 0.04) 0%, transparent 70%);
    animation: orbFloat1 12s ease-in-out infinite;
}

.about2-orb-2 {
    bottom: -100px;
    left: -80px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(197, 168, 128, 0.05) 0%, transparent 70%);
    animation: orbFloat2 15s ease-in-out infinite;
}

@keyframes orbFloat1 {

    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-60px, 40px) scale(1.15);
    }
}

@keyframes orbFloat2 {

    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(50px, -50px) scale(1.2);
    }
}

.about2-section .container {
    position: relative;
    z-index: 1;
}

/* ============================================
   LEFT CONTENT - IMAGE
   ============================================ */

.about2-image-wrapper {
    position: relative;
    padding: 10px;
}

/* ---- Image Container ---- */
.about2-image-container {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: #f8f8f8;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
    transition: all 0.6s ease;
}

.about2-image-container:hover {
    box-shadow: 0 30px 80px rgba(157, 53, 38, 0.08);
    transform: translateY(-5px);
}

.image-glow-ring {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 30% 40%, rgba(157, 53, 38, 0.03), transparent 60%);
    z-index: 1;
    pointer-events: none;
    animation: glowRing 6s ease-in-out infinite;
}

@keyframes glowRing {

    0%,
    100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.5;
    }

    50% {
        transform: translate(10%, 10%) scale(1.3);
        opacity: 1;
    }
}

.about2-main-img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
    z-index: 0;
}

.about2-image-container:hover .about2-main-img {
    transform: scale(1.05);
}

/* ============================================
   FLOATING CARDS
   ============================================ */

.floating-card {
    position: absolute;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
    z-index: 2;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    border: 1px solid rgba(157, 53, 38, 0.06);
    backdrop-filter: blur(10px);
}

.floating-card:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 30px 70px rgba(157, 53, 38, 0.12);
}

/* ---- Card 1 - Percentage ---- */
.card-1 {
    bottom: -20px;
    left: -20px;
    padding: 22px 28px;
    min-width: 160px;
    animation: floatCard1 4s ease-in-out infinite;
}

@keyframes floatCard1 {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.card-1 .card-small-text {
    font-size: 12px;
    color: #999999;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
}

.card-1 .card-big-number {
    font-size: 3.2rem;
    font-weight: 800;
    background: linear-gradient(135deg, #078586, #c5a880);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.1;
    margin: 2px 0;
}

.card-1 .card-desc {
    font-size: 13px;
    color: #555555;
    line-height: 1.4;
    margin-bottom: 10px;
}

.card-progress {
    width: 100%;
    height: 4px;
    background: #f0f0f0;
    border-radius: 4px;
    overflow: hidden;
}

.progress-bar {
    width: 0%;
    height: 100%;
    background: linear-gradient(90deg, #078586, #c5a880);
    border-radius: 4px;
    animation: progressFill 3s ease-in-out infinite;
}

@keyframes progressFill {
    0% {
        width: 0%;
    }

    50% {
        width: 100%;
    }

    100% {
        width: 0%;
    }
}

/* ---- Card 2 - Trust Badge ---- */
.card-2 {
    top: 20px;
    right: -10px;
    padding: 16px 22px;
    display: flex;
    align-items: center;
    gap: 14px;
    animation: floatCard2 5s ease-in-out infinite 1s;
}

@keyframes floatCard2 {

    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-8px) rotate(2deg);
    }
}

.card-icon-circle {
    width: 48px;
    height: 48px;
    min-width: 48px;
    background: linear-gradient(135deg, rgba(157, 53, 38, 0.1), rgba(197, 168, 128, 0.1));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #078586;
    transition: all 0.4s ease;
}

.card-2:hover .card-icon-circle {
    transform: rotate(-20deg) scale(1.1);
    background: linear-gradient(135deg, #078586, #7a2a1e);
    color: #ffffff;
}

.card-info {
    display: flex;
    flex-direction: column;
}

.card-info .card-label {
    font-size: 10px;
    font-weight: 700;
    color: #999999;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.card-info .card-value {
    font-size: 1.8rem;
    font-weight: 800;
    color: #111111;
    line-height: 1;
}

.card-info .card-sub {
    font-size: 11px;
    color: #777777;
}

/* ============================================
   RIGHT CONTENT
   ============================================ */

.about2-content-block {
    position: relative;
    padding-left: 20px;
}

/* ---- Premium Badge ---- */
.about2-premium-badge {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    background: rgba(157, 53, 38, 0.06);
    padding: 8px 22px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #078586;
    border: 1px solid rgba(157, 53, 38, 0.08);
    margin-bottom: 25px;
    transition: all 0.4s ease;
}

.about2-premium-badge:hover {
    background: rgba(157, 53, 38, 0.1);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(157, 53, 38, 0.08);
}

.badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #078586;
    display: inline-block;
    animation: dotPulse 1.5s ease-in-out infinite;
}

.badge-dot:last-child {
    animation-delay: 0.75s;
}

@keyframes dotPulse {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.2;
        transform: scale(0.5);
    }
}

/* ---- Main Heading ---- */
.about2-main-heading {
    font-size: 2.8rem;
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 22px;
    letter-spacing: -0.5px;
}

.heading-dark {
    color: #111111;
}

.heading-gradient-text {
    background: linear-gradient(135deg, #078586, #c5a880);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.heading-highlight {
    background: linear-gradient(135deg, #111111, #078586);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
}

.heading-highlight::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, #078586, #c5a880);
    border-radius: 3px;
    animation: headingLine 4s ease-in-out infinite;
}

@keyframes headingLine {

    0%,
    100% {
        width: 0;
        opacity: 0;
    }

    50% {
        width: 100%;
        opacity: 1;
    }
}

/* ---- Description ---- */
.about2-desc-wrapper {
    position: relative;
    margin-bottom: 30px;
}

.about2-desc-text {
    font-size: 15px;
    color: #555555;
    line-height: 1.9;
    margin-bottom: 0;
}

.desc-highlight {
    color: #078586;
    font-weight: 600;
    position: relative;
    cursor: default;
}

.desc-highlight::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #078586, #c5a880);
    transition: width 0.5s ease;
}

.about2-desc-text:hover .desc-highlight::after {
    width: 100%;
}

.desc-line {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #078586, #c5a880);
    border-radius: 3px;
    margin-top: 15px;
    animation: descLine 3s ease-in-out infinite;
}

@keyframes descLine {

    0%,
    100% {
        width: 60px;
        opacity: 1;
    }

    50% {
        width: 120px;
        opacity: 0.5;
    }
}

/* ============================================
   PREMIUM FEATURES
   ============================================ */

.about2-premium-features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin: 28px 0 35px;
}

.premium-feature-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 18px;
    background: #f8f8f8;
    border-radius: 12px;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    cursor: pointer;
    border: 1px solid transparent;
    position: relative;
    overflow: hidden;
}

.premium-feature-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(157, 53, 38, 0.04), rgba(197, 168, 128, 0.04));
    opacity: 0;
    transition: opacity 0.4s ease;
}

.premium-feature-item:hover::before {
    opacity: 1;
}

.premium-feature-item:hover {
    transform: translateY(-4px);
    border-color: rgba(157, 53, 38, 0.12);
    box-shadow: 0 10px 30px rgba(157, 53, 38, 0.06);
    background: #ffffff;
}

.feature-icon-box {
    width: 40px;
    height: 40px;
    min-width: 40px;
    background: linear-gradient(135deg, #078586, #7a2a1e);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 16px;
    transition: all 0.4s ease;
    position: relative;
    z-index: 1;
}

.premium-feature-item:hover .feature-icon-box {
    transform: rotate(-10deg) scale(1.1);
    box-shadow: 0 8px 20px rgba(157, 53, 38, 0.2);
}

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

.feature-content h4 {
    font-size: 14px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 2px;
    transition: color 0.3s ease;
}

.premium-feature-item:hover .feature-content h4 {
    color: #078586;
}

.feature-content p {
    font-size: 12px;
    color: #999999;
    margin-bottom: 0;
    font-weight: 400;
}

/* ============================================
   PREMIUM CTA BUTTON
   ============================================ */

.btn-about2-premium {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, #078586, #7a2a1e);
    color: #ffffff;
    padding: 16px 34px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    overflow: hidden;
    border: none;
}

.btn-about2-premium::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
    transition: left 0.6s ease;
}

.btn-about2-premium:hover::before {
    left: 100%;
}

.btn-about2-premium:hover {
    transform: translateY(-4px) scale(1.03);
    box-shadow: 0 15px 45px rgba(157, 53, 38, 0.3);
    color: #ffffff;
}

.btn-about2-premium .btn-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
}

.btn-about2-premium:hover .btn-icon-wrapper {
    transform: translateX(8px) rotate(-45deg);
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 992px) {
    .about2-main-heading {
        font-size: 2.2rem;
    }

    .about2-content-block {
        padding-left: 0;
    }

    .about2-premium-features {
        grid-template-columns: 1fr 1fr;
    }

    .card-1 {
        bottom: -10px;
        left: -10px;
        padding: 16px 20px;
        min-width: 130px;
    }

    .card-1 .card-big-number {
        font-size: 2.5rem;
    }

    .card-2 {
        top: 15px;
        right: 0px;
        padding: 12px 16px;
    }

    .card-icon-circle {
        width: 38px;
        height: 38px;
        min-width: 38px;
        font-size: 18px;
    }

    .card-info .card-value {
        font-size: 1.4rem;
    }
}

@media (max-width: 768px) {
    .about2-section {
        padding: 60px 0 80px;
    }

    .about2-main-heading {
        font-size: 1.8rem;
    }

    .about2-premium-features {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .premium-feature-item {
        padding: 14px 16px;
    }

    .btn-about2-premium {
        width: 100%;
        justify-content: center;
        padding: 14px 28px;
        font-size: 13px;
    }

    .floating-card {
        display: none;
    }

    .about2-image-container {
        border-radius: 16px;
    }
}

@media (max-width: 576px) {
    .about2-main-heading {
        font-size: 1.5rem;
    }

    .about2-premium-badge {
        font-size: 10px;
        padding: 6px 16px;
    }

    .about2-desc-text {
        font-size: 14px;
    }

    .premium-feature-item {
        padding: 12px 14px;
    }

    .feature-icon-box {
        width: 34px;
        height: 34px;
        min-width: 34px;
        font-size: 14px;
    }

    .feature-content h4 {
        font-size: 13px;
    }

    .feature-content p {
        font-size: 11px;
    }
}


.breadcrumb-section {
    position: relative;
    padding: 80px 0;
    background: #fdfbf7;
    /* Beige base */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Sharp Blobs (Bubbles) */
.blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    z-index: 0;
}

.blob-1 {
    width: 300px;
    height: 300px;
    background: #dd6a59;
    top: -50px;
    left: -50px;
    opacity: 0.15;
}

.blob-2 {
    width: 400px;
    height: 400px;
    background: #0b111e;
    bottom: -100px;
    right: -50px;
    opacity: 0.08;
}

/* Sharp Heading */
.breadcrumb-heading {
    font-size: 56px;
    font-weight: 900;
    color: #0b111e;
    margin-bottom: 25px;
    text-transform: capitalize;
    letter-spacing: -1px;
}

/* Glassy Navbar */
.breadcrumb-nav {
    display: inline-flex;
    align-items: center;
    padding: 12px 30px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    /* Sharp corners ke liye kam radius */
    backdrop-filter: blur(20px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.breadcrumb-nav a {
    color: #64748b;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.3s ease;
}

.breadcrumb-nav a:hover {
    color: #dd6a59;
}

.breadcrumb-nav .separator {
    margin: 0 15px;
    color: #cbd5e1;
    font-weight: 300;
}

.breadcrumb-nav .current-page {
    color: #0b111e;
    font-weight: 700;
}

.course_card_section {
    padding: 50px 0;
    background-color: #f8fafc;
}

.course-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;

}

.course-card img {
    border-radius: 12px;
}

.course-card:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}

.card-img-wrap {
    position: relative;
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 45px;
    height: 45px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 12px;
    cursor: pointer;
}

.card-content {
    padding: 24px;
}

.badge {


    color: #475569;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    background: #edf2f1;
    border-radius: 20px;
    padding: 10px 15px;
}

.title {
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
    margin: 15px 0;
    line-height: 1.4;
}

.instructor {
    color: #64748b;
    font-size: 14px;
    margin-bottom: 12px;
}

.rating-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
}

.stars {
    color: #e2e8f0;
    letter-spacing: 2px;
}

.reviews {
    font-size: 13px;
    color: #94a3b8;
}

.meta-info {
    display: flex;
    gap: 20px;
    font-size: 13px;
    color: #64748b;
    margin-bottom: 20px;
    border-top: 1px solid #f1f5f9;
    padding-top: 15px;
}

.footer-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.price {
    font-size: 20px;
    font-weight: 800;
    color: #1e293b;
}

.enroll-btn {
    background-color: #078586;
    /* Exact Yellow */
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 50px;
    font-weight: 600;
    transition: 0.3s;
    width: 100%;
    font-size: 14px;
}

.enroll-btn:hover {
    background-color: #e0a800;
}


.awards_section {
    padding: 50px 0;
    background-color: #fdfffe;
    background-image: radial-gradient(at 50% 0%, rgba(220, 239, 229, 0.12) 0px, transparent 60%) !important;
    overflow: hidden;
}

.section-title {
    font-size: 36px;
    font-weight: 800;
    color: #1a202c;
    margin-bottom: 10px;
}

.divider {
    width: 60px;
    height: 4px;
    background: #e95733;
    margin: 0 auto 50px;
    border-radius: 2px;
}


.awards-slider {
    padding-bottom: 50px;
}

.award-card {
    margin: 0 15px;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid #edf2f7;
    background: #fff;
    transition: all 0.5s ease;
    cursor: grab;
}

/* .award-card img { 
    width: 100%; 
    height: 450px; 
    object-fit: cover; 
    transition: transform 0.6s ease;
    } */


.award-card img {
    transition: transform 0.6s ease;
    transition: 0.5s ease;
    height: 280px;
    object-fit: cover;
}

.award-card:hover img {
    transform: scale(1.08);
}


.slick-dots {
    bottom: -20px !important;
    display: flex !important;
    justify-content: center;
    gap: 10px;
}

.slick-dots li {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

.slick-dots li button {
    width: 12px !important;
    height: 12px !important;
    background: #cbd5e0 !important;
    border-radius: 50% !important;
    padding: 0 !important;
    transition: all 0.4s ease !important;
}

.slick-dots li button:before {
    content: none !important;
}

.slick-dots li.slick-active button {
    width: 40px !important;
    background: #078586 !important;
    border-radius: 10px !important;
}


/* tally xceletor */



.tally-hero {
    padding: 50px;
    background: #fdfffe;
    position: relative;
    overflow: hidden;
}

.tally-title {
    font-weight: 700;
    font-size: 2.85rem;
    line-height: 1.2;
    margin-bottom: 22px;
    letter-spacing: -0.5px;
    color: #0f172a;
}

.tally_title2 {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.2;
    margin-bottom: 22px;
    letter-spacing: -0.5px;
    color: #64748b;
}

.tally-hero .tally-hero::before {
    content: '';
    position: absolute;
    top: -200px;
    right: -200px;
    width: 400px;
    height: 500px;
    background: radial-gradient(circle, rgba(72, 187, 120, 0.06) 0%, transparent 70%);
    pointer-events: none;
}

.tally-hero .tally-hero::after {
    content: '';
    position: absolute;
    bottom: -150px;
    left: -150px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(0, 45, 114, 0.04) 0%, transparent 70%);
    pointer-events: none;
}

.tally-hero .section-badge {
    display: inline-block;
    background: rgba(72, 187, 120, 0.12);
    color: #2f855a;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 8px 20px;
    border-radius: 50px;
    margin-bottom: 20px;
}



.tally-hero .brand-highlight {
    color: #078586;
    position: relative;
}

.tally-hero .brand-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 8px;
    background: rgba(72, 187, 120, 0.25);
    border-radius: 4px;
    z-index: -1;
}

.tally-hero .lead-text {

    color: #4a5568;
    font-weight: 600;
    margin-bottom: 0;
}

.tally-hero .lead-text strong {
    color: #002d72;
    font-weight: 700;
}

.tally-hero .description-box {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 32px 40px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.tally-hero .desc-text {

    color: #4a5568;
    line-height: 1.7;
    margin-bottom: 16px;
    font-weight: 600;
}

.tally-hero .highlight-text {
    font-size: 1.05rem;
    color: #2d3748;
    line-height: 1.7;
    margin-bottom: 0;
    padding: 16px 20px;
    background: linear-gradient(135deg, rgb(255 6 6 / 8%) 0%, rgb(221 0 0 / 5%) 100%);
    border-radius: 12px;
    border-left: 4px solid #078586;
}

.tally-hero .highlight-text strong {
    color: #078586;
}

.tally-hero .steps-row {
    position: relative;
}

.tally-hero .step-connector {
    position: absolute;
    top: 180px;
    height: 2px;
    background: linear-gradient(90deg, #078586 0%, #078586 50%, #078586 100%);
    opacity: 0.3;
    z-index: 0;
    left: 14px;
    width: 1203px;
}

.tally-hero .step-card {
    background: #ffffff;
    padding: 36px 28px;
    border-radius: 20px;
    height: 100%;
    border: 1px solid #e2e8f0;
    border-top: 4px solid #078586;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 1;
    text-align: center;
}

.tally-hero .step-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    transform: translateY(-8px);
    border-color: #db1111;
}

.tally-hero .step-icon-wrapper {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

.tally-hero .step-number {
    font-size: 2.2rem;
    font-weight: 900;
    color: #078586;
    line-height: 1;
    position: relative;
    z-index: 2;
}

.tally-hero .step-pulse {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(72, 187, 120, 0.15);
    border-radius: 50%;
    z-index: 1;
    animation: pulse 2s infinite;
}

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

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

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

.tally-hero .step-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 12px;
}

.tally-hero .step-text {
    font-size: 0.95rem;
    color: #4a5568;
    line-height: 1.65;
    margin-bottom: 0;
    font-weight: 500;
}

.tally-hero .step-text kbd {
    background: #1a202c;
    color: #fff;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 0.85rem;
    font-family: inherit;
    font-weight: 600;
}

.tally-hero .step-text strong {
    color: #078586;
}

.tally-hero .step-text em {
    color: #2f855a;
    font-style: normal;
    font-weight: 600;
}

.tally-hero .cta-text {
    font-size: 1.1rem;
    color: #718096;
    margin-bottom: 0;
}

.tally-hero .cta-text strong {
    color: #002d72;
}


:root {
    --brand-red: #078586;
    --brand-red-light: rgba(157, 54, 38, 0.1);
}

.funding-options-section {
    padding: 50px 0;
    background: #ffffff;
}



.funding-options-section .highlight-text {
    color: var(--brand-red);
}

.funding-options-section .feature-card {
    background: #fff;
    padding: 40px 30px;
    border-radius: 20px;
    border: 2px solid #f8f9fa;
    transition: all 0.4s ease;
    height: 100%;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
}

.funding-options-section .feature-card:hover {
    transform: translateY(-10px);
    border-color: var(--brand-red);
    box-shadow: 0 20px 40px rgba(157, 54, 38, 0.1);
}

.funding-options-section .icon-wrapper {
    margin-bottom: 20px;
}

.funding-options-section .icon-wrapper i {
    font-size: 3rem;
    color: var(--brand-red);
}

.funding-options-section .feature-card h5 {
    font-weight: 800;
    color: #1a202c;
    margin-bottom: 12px;
}

.funding-options-section .limit {
    display: inline-block;
    padding: 6px 16px;
    font-weight: 700;
    font-size: 0.85rem;
    border-radius: 50px;
    margin-bottom: 20px;
    background: var(--brand-red-light);
    color: var(--brand-red);
}

.funding-options-section .card-para {
    font-size: 0.95rem;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
}

.about-us-section {
    padding: 100px 0;
    background: #ffffff;
}

.about-us-section .about-desc {
    font-size: 1.1rem;
    color: #4a5568;
    line-height: 1.8;
    margin-bottom: 20px;
}

.contact-box {
    padding: 25px;
    background: #f8fafc;
    border-left: 4px solid #078586;
    border-radius: 8px;
}

.about-us-section .contact-item {
    display: flex;
    align-items: center;
    font-size: 1rem;
    color: #2d3748;
}

.about-us-section .contact-item i {
    font-size: 1.5rem;
    margin-right: 15px;
}

.about-us-section .contact-item a {
    color: #078586;
    text-decoration: none;
    font-weight: 700;
}

.about-us-section .about-image-card {
    background: #078586;
    color: white;
    padding: 50px;
    border-radius: 30px;
    text-align: center;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 20px 40px rgba(157, 54, 38, 0.2);
}

.about-us-section .about-image-card i {
    font-size: 4rem;
    margin-bottom: 20px;
    opacity: 0.9;
}

.about-us-section .about-image-card h4 {
    font-weight: 700;
    margin-bottom: 10px;
}

.about-us-section .about-image-card p {
    opacity: 0.8;
}

.hero-slide-item {
    min-height: 500px;
    /* Apni zaroorat ke hisaab se 450px ya 500px set karo */
    display: flex !important;
    align-items: center;
    /* Content ko vertically center rakhega */
}

/* 2. Layout columns ko bhi center karo */
.hero-slide-item .container,
.hero-slide-item .row {
    width: 100%;
    margin: 0 auto;
}


/* awards */


.award-box {

    padding: 20px;

    border-radius: 8px;

    margin-top: 15px;
}

.award-text p {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin: 0;
}

/* Bold parts ki styling */
.award-text strong {
    color: #222;
    font-weight: 700;
}

.highlight-green {
    color: #078586;
}

.highlight-red {
    color: #078586 !important;
    font-weight: 800;
}

.award-card {
    display: block;
    overflow: hidden;
    border-radius: 12px;
    transition: 0.4s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.award-card img {
    transition: 0.5s ease;
    height: 280px;
    /* Awards ke liye standard height */
    object-fit: cover;
}

.award-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.award-card:hover img {
    transform: scale(1.1);
}

/* Popup image ki height control */
.gslide-image img {
    max-height: 75vh !important;
    object-fit: contain;
}


/* about img */

.about_img {
    padding: 50px 0;
    background: #ffffff;
}

.about_card {
    position: relative;
    border-radius: 25px;
    overflow: hidden;
    transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    cursor: pointer;
}



.about_card img {
    width: 100%;
    /* height: 550px;
        object-fit: cover; */
    transition: 0.8s ease;


    height: 470px;
    object-fit: contain;
    transition: 0.8s ease
}

/* Text Data Box */
.about_img_data {
    /* position: absolute;
        bottom: 25px;
        left: 25px;
        right: 25px;
        padding: 30px;
        background: rgb(255, 255, 255); 
        border-radius: 20px;
        text-align: center;
      
        transition: 0.5s; */


    position: relative;
    bottom: 125px;
    left: 0px;
    right: 0px;
    padding: 28px;
    background: rgb(255, 255, 255);
    border-radius: 20px;
    text-align: center;
    transition: 0.5s;
    display: inline-table;
    margin: auto;
    border: 3px solid #078586;
}

/* Hover Effect: Background Red & Text White */
.about_card:hover .about_img_data {
    background: rgba(157, 54, 38, 0.9);
}

.about_card:hover .about_img_data h1,
.about_card:hover .about_img_data p {
    color: #ffffff !important;
    /* Text White ho jayega */
}

.about_img_data h1 {
    font-size: 24px;
    font-weight: 800;
    color: #000000;
    /* Normal state mein Black */
    margin-bottom: 5px;
    transition: 0.4s;
}

.about_img_data p {
    font-size: 13px;
    color: #000000;
    /* Normal state mein Black */
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 0;
    transition: 0.4s;
}

.about_card:hover img {
    transform: scale(1.1);
}

/* 3. Responsive media query (1024px to 1366px ke liye) */
@media (min-width: 1024px) and (max-width: 1366px) {
    .hero-slide-item {
        min-height: 450px;
        /* Is range ke liye thodi kam height */
    }

    /* Font size adjust kar do taaki wrap na ho */
    .hero-main-title {
        font-size: 2.2rem !important;
    }

    .advantage-title {
        font-size: 30px;
    }

    .main-title {
        font-size: 30px;
    }

    .contact_section .contact-main-heading {
        font-size: 30px;
    }

    .about2-main-heading {
        font-size: 30px;
    }

    .vision-main-heading {
        font-size: 30px;
    }

    .tally-title {
        font-size: 30px;
    }

    .main-heading {
        font-size: 30px;
    }
}

/* 3. Responsive media query (1024px to 1366px ke liye) */
@media (min-width: 1024px) and (max-width: 1366px) {
    .hero-slide-item {
        min-height: 450px;
        /* Is range ke liye thodi kam height */
    }

    /* Font size adjust kar do taaki wrap na ho */
    .hero-main-title {
        font-size: 2.2rem !important;
    }

    .badge-title {
        font-size: 17px !important;
    }

    .subtitle-badge {
        font-size: 17px !important;

    }

    .talk-badge {
        font-size: 17px !important;

    }
}


@media (max-width: 768px) {
    .tally-hero {
        padding: 60px 0 50px;
    }

    .tally-hero .main-title {
        font-size: 1.8rem;
    }

    .tally-hero .step-connector {
        display: none;
    }

    .tally-hero .description-box {
        padding: 24px 20px;
    }

    .tally-hero .step-card {
        margin-bottom: 16px;
    }

    .about_card img {
        height: auto;
    }

    .badge-title {
        font-size: 18px !important;
    }

    .talk-badge {
        font-size: 17px !important;

    }
}

.cta-container {
    margin-top: 30px;
}

.main-cta-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #078586;
    color: #ffffff;
    padding: 16px 32px;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
    font-size: 1rem;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(157, 54, 38, 0.2);
}

.main-cta-button:hover {
    background-color: #7d2a1e;
    transform: translateY(-3px);
    box-shadow: 0 15px 25px rgba(157, 54, 38, 0.3);
    color: #ffffff;
}

.main-cta-button i {
    font-size: 1.3rem;
}


.team-section {
    padding: 50px 0;
    background: #fff;
    text-align: center;
}

.team-card {
    padding: 0 15px;
    margin-bottom: 40px;
}




/* Image Wrapper Styling - Same Height */
.team-img-wrapper {
    border-radius: 12px;
    overflow: hidden;
    background: #e1dede;
    height: 250px;
    width: 100%;
}

.tally_software_warpper {
    background-color: #e1dede;
}

.team-main-title {
    background: #078586;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 10px 15px;
    border-radius: 12px 12px 0 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    height: 55px;
    /* Fixed height taaki sabhi titles ek level par rahein */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(157, 54, 38, 0.2);
}

.tally_exl {}

.team-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: scale-down !important;
    object-position: center;
    border-radius: 12px;
    object-position: top;
    /* background: #c2c2c2; */
    /* background: red; */

}

/* Fixed Social Icons - Color #078586 */
.social-links {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.social-links a {
    background: #078586;
    /* Tumhara manga hua color */
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 16px;
    text-decoration: none;
    border: 2px solid #fff;
    transition: 0.3s;
}

.social-links a:hover {
    background: #fff;
    color: #078586;
    border: 2px solid #078586;
}

/* .member-name { 
        font-weight: 700; 
       
        margin-top: 15px; 
    } */

/* Member Name & Details */
.member-name {
    font-size: 18px;
    color: #078586;
    font-weight: 700;
    margin-bottom: 6px;

    margin-top: 15px;
}

.member-title {
    font-size: 14px;
    color: #666666;
    line-height: 1.4;
}

.member-desc {
    font-size: 14px;
    color: #666666;
    line-height: 1.4;
}

/* tally esceltor */



.benefits-section {
    padding: 50px 0;
    background-color: #ffffff;
}

.benefit-card {
    background: #fff;
    padding: 30px 25px;
    /* Thoda compact padding */
    border: 1px solid #e1e1e1;
    /* Sharp border */
    border-radius: 20px;

    transition: all 0.4s ease;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.benefit-card:hover {
    border-color: #078586;
    box-shadow: 0 20px 40px rgba(157, 54, 38, 0.1);
    transform: translateY(-5px);
}

.icon-box {
    width: 60px;
    height: 60px;
    background: #fdf2f1;
    color: #078586;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 25px;
    transition: 0.3s;
}

.benefit-card:hover .icon-box {
    background: #078586;
    color: #ffffff;
}

.benefit-card h4 {
    font-weight: 700;
    color: #222;
    font-size: 1.1rem;
    /* Compact font size */
    margin-bottom: 12px;
}

.benefit-card p {
    color: #777;
    font-size: 0.95rem;
    /* Text size thoda chhota crisp look ke liye */
    line-height: 1.6;
    margin: 0;
}


.Upskilling_section {
    padding: 60px 0;
    background: #fdfdfd;
}

.section-title {
    color: #078586;
    font-weight: 800;
    font-size: 2rem;
    margin-bottom: 40px;
    text-align: center;
}

.service-content-box {
    background: #ffffff;
    padding: 30px;
    border-left: 4px solid #078586;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    height: 100%;
}

.service-content-box h4 {
    color: #333;
    font-weight: 700;
    margin-bottom: 15px;
}

.service-content-box p {
    color: #444;
    line-height: 1.7;
    margin-bottom: 0;
    text-align: justify;
}


.target_section {
    padding: 50px 0;
    background-color: #fff;
}

.target-card {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    height: 100%;
    transition: all 0.3s ease;
    border-bottom: 4px solid #078586;
}

.target-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 25px rgba(157, 54, 38, 0.15);
}

.target-card h4 {
    color: #078586;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 1.25rem;
}

.target-card p {
    color: #555;
    line-height: 1.6;
    margin: 0;
    font-size: 0.95rem;
}


.tally_partner_section {
    padding: 50px;
}

/* --- Naya Stylish Card Design --- */
.tally_partner_section .partner-card-elegant {
    background: #ffffff;
    border-radius: 24px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(240, 240, 240, 0.8);
}

/* Hover effect */
.tally_partner_section .partner-card-elegant:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.05);
}

/* Elegant Ribbon */
.tally_partner_section .partner-ribbon-elegant {
    position: absolute;
    top: -5px;
    right: -5px;
    background: linear-gradient(135deg, #078586 0%, #078586 100%);
    color: #fff;
    font-weight: 600;
    font-size: 0.6rem;
    padding: 8px 20px;
    border-bottom-left-radius: 12px;
    box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Logo Styling */
.tally_partner_section .partner-logo-wrap {

    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.tally_partner_section .partner-logo {
    max-height: 100%;
    object-fit: contain;
    filter: grayscale(10%);
    /* Thoda subtle effect */
    transition: filter 0.3s;
}

.tally_partner_section .partner-card-elegant:hover .partner-logo {
    filter: grayscale(0);
}

/* Name Title */
.tally_partner_section .partner-name-elegant {
    font-weight: 800;
    color: #2d3748;
    margin-bottom: 5px;
    font-size: 1.3rem;
}

/* Stylish Divider */
.tally_partner_section .elegant-divider {
    height: 4px;
    width: 50px;
    background: linear-gradient(to right, #078586, #ffb2a6);
    border-radius: 2px;
    margin: 15px 0 20px 0;
}

/* Contact Info */
.tally_partner_section .contact-item-elegant {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 0.95rem;
    color: #718096;
}

.tally_partner_section .icon-circle {
    width: 38px;
    height: 38px;
    background: #edf2f7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: #078586;
    font-size: 1rem;
}


.creative_section {
    background-color: #ffffff;
    padding: 50px 0;
}

.creative_section .slide-item {
    padding: 0 15px;
    outline: none;
}

.creative_section .slide-item img {
    width: 100%;

    object-fit: contain;
    padding: 10px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #f0f0f0;


    transition: all 0.4s ease;
}

.creative_section .slide-item img:hover {
    /* filter: grayscale(0%); */
    opacity: 1;
    border-color: #078586;
    box-shadow: 0 15px 30px rgba(157, 54, 38, 0.15);

}

/* Dots Styling - Margin aur customization */
.creative_section .slick-dots {
    margin-top: 30px !important;
    /* Yahan margin diya hai */
    position: relative !important;
    /* Default absolute hata kar relative kiya */
}

.creative_section .slick-dots li button:before {
    font-size: 12px !important;
    color: #078586 !important;
    opacity: 0.3;
}

.creative_section .slick-dots li.slick-active button:before {
    opacity: 1;
    transform: scale(1.2);
    /* Active dot ko bada dikhane ke liye */
}

/* 5 columns ka layout */
.team-grid {
    display: flex;
    flex-wrap: wrap;
}

.col-custom-5 {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 10px;
    /* Thoda gap zaroor rakho taaki design saaf lage */
}


/* Responsive adjustments */
@media (max-width: 1100px) {
    .col-custom-5 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

@media (max-width: 768px) {
    .col-custom-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 480px) {
    .col-custom-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.work_env {
    padding: 50px 0;
    background: #ffffff;
}

.section-title {
    font-size: 36px;
    font-weight: 800;
    color: #1a202c;
}

.divider {
    width: 60px;
    height: 4px;
    background: #e95733;
    margin: 15px auto 40px;
    border-radius: 2px;
}

.env-card {
    display: block;
    border-radius: 20px !important;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    transition: 0.4s ease;
    background: #f8f9fa;
    /* Agar image ke side mein khali jagah aaye toh background clean lagega */
}

.env-card img {
    width: 100%;

    object-fit: contain;
    /* Yeh ensure karega ki image bilkul na kate, poori dikhe */
    display: block;
    transition: transform 0.5s ease;
}

.env-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15);
}

.env-card:hover img {
    transform: scale(1.05);
    /* Scale ko thoda kam kiya hai taaki contain mode mein image box se bahar na nikle */
}



@media screen and (min-width:300px) and (max-width:768px) {

    .carousel-control-prev,
    .carousel-control-next {
        display: none !important;
    }

    .hero-title {
        font-size: 25px;
        margin-top: 30px;
    }

    section {
        padding: 20px 0px !important;
    }

    .main-title {
        font-size: 25px !important;
    }

    .description {
        font-size: 13px;
    }

    .feature-item {
        font-size: 13px;
    }

    .btn-learn-more {
        padding: 10px 17px;
    }

    .about-image-wrapper {
        padding: 0px;
    }

    .stats-badge-sharp {
        display: none;
    }

    .advantage-title {
        font-size: 25px;
    }

    .strategic-advantage-section {
        padding: 90px 0;
    }

    .advantage-title {
        font-size: 25px;
    }

    .advantage-right-content {
        align-items: flex-start !important;
        text-align: left !important;
        margin-top: 0px;
    }

    .strategies-count-text {
        border-right: none;
        border-left: 3px solid rgba(255, 255, 255, 0.25);
        padding-right: 0;
        padding-left: 20px;
    }

    .strategies-count-text br {
        display: none;
    }

    .services-slider-container {
        padding: 20px 0;
    }

    .main-heading {
        font-size: 30px;
        ;
    }

    .contact_section .contact-main-heading {
        font-size: 25px;
    }

    .contact_section .contact-info-flex {
        flex-direction: column;
        gap: 0px;
        ;
    }

    .contact_section .form-green-parent {
        padding: 0px;
    }

    .contact_section .form-white-child {
        padding: 20px;
        ;
    }

    .contact1 {
        padding: 101px 0 !important;
        padding-bottom: 53px !important;
    }

    .vision-main-heading {
        font-size: 25px;
    }

    .vision-top-desc {
        padding-left: 0px;
        font-size: 13px;
    }

    .floating-discount-card {
        display: none;
    }

    .about2-main-heading {
        font-size: 25px;
    }

    .about2-desc-text {
        font-size: 13px;
    }

    .feature-item span {
        font-size: 13px;
    }

    .talk-main-heading {
        font-size: 25px;
    }

    .form-top-badge {
        font-size: 12px;
    }

    .form-main-title {
        font-size: 25px;
    }

    .form-top-desc {
        font-size: 13px;
    }

    .hero-text {
        margin-bottom: 10px;
        font-size: 15px;
    }

    .stats-card {
        display: none;
    }

    .carousel-item {
        background-position: center 100%;
        height: 28vh !important;
        background-size: cover;

    }

    .overlay {

        background: linear-gradient(to right, rgb(10 12 18 / 77%) 30%, rgb(10 12 18 / 77%) 100%);

    }

    .btn-green,
    .btn-outline {
        font-size: 12px;
    }

    .service-card {
        min-height: auto;
        padding: 0px 10px 19px 10px;

    }

    .card-img-holder {
        height: 150px;
        ;
    }

    .icon-glow-wrapper {
        display: none;
    }

    .card-title {
        font-size: 16px;
    }

    .breadcrumb-heading {
        font-size: 30px !important;
    }

    .divider {
        margin: 0 auto 25px;
        ;
    }

    .tally-title {
        font-size: 25px;
    }

    .tally-hero .desc-text {
        font-size: 13px;
    }

    .tally-hero .highlight-text {
        font-size: 14px;
    }

    .tally-hero .step-card {
        margin-bottom: 0px !important;
    }

    .team-img-wrapper img {
        height: auto;
    }

    .tally_partner_section .partner-card-elegant {
        margin-top: 10px;
    }

    .tally-overview-content p {
        font-size: 14px !important;
    }

}

/* index page css */



:root {
    --tc-red: #078586;
    --tc-red-dark: #056969;
    --tc-red-light: #1eacac;
    --tc-gold: #b59668;

    --tc-ink: #171515;
    --tc-text: #35302e;
    --tc-muted: #77716e;

    --tc-bg: #f8f6f3;
    --tc-white: #ffffff;
    --tc-border: #e9e3de;

    --tc-shadow: 0 25px 70px rgba(43, 25, 18, .08);
}


/* =========================================================
   GLOBAL
========================================================= */

.tally-capital-page {
    position: relative;
    overflow: hidden;
    color: var(--tc-text);
    background: #fff;
}

.tally-capital-page *,
.tally-capital-page *::before,
.tally-capital-page *::after {
    box-sizing: border-box;
}

.tc-container {
    width: min(1180px, calc(100% - 40px));
    margin: auto;
}

.tc-section {
    position: relative;
    padding: 110px 0;
}

.tc-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--tc-red);
    font-size: 12px;

    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.tc-kicker {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.tc-kicker::before,
.tc-kicker::after {
    content: "";
    width: 28px;
    height: 1px;
    background: var(--tc-gold);
    display: block;
}


.tc-heading {
    margin: 16px 0 20px;
    color: var(--tc-ink);
    font-size: 42px;
    line-height: 1.02;
    font-weight: 800;

}

.tc-heading span {
    color: var(--tc-red);
}

.tc-description {
    max-width: 650px;
    margin: 8px 0 0;
    color: var(--tc-muted);
    font-size: 14px;
    line-height: 1.9;
}


/* =========================================================
   HERO
========================================================= */

.tc-hero {
    position: relative;

    display: flex;
    align-items: center;
    padding: 85px 0;
    background:
        radial-gradient(circle at 85% 25%,
            rgba(143, 48, 36, .08),
            transparent 30%),
        linear-gradient(120deg,
            #fff 0%,
            #fff 58%,
            #f8f4f0 100%);
    overflow: hidden;
}

.tc-hero-grid {
    position: absolute;
    inset: 0;
    opacity: .4;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(70, 40, 30, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(70, 40, 30, .025) 1px, transparent 1px);
    background-size: 70px 70px;
}

.tc-hero-orb {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    right: -250px;
    top: -150px;
    background: rgba(143, 48, 36, .07);
    filter: blur(70px);
}

.tc-hero-layout {
    position: relative;
    display: grid;
    grid-template-columns: 1.02fr .98fr;
    gap: 70px;
    align-items: center;
}


/* left */

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

.tc-hero-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 12px;
    border: 1px solid #eadfd9;
    border-radius: 100px;
    background: rgba(255, 255, 255, .75);
    color: var(--tc-red);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.7px;
}

.tc-hero-kicker i {
    color: var(--tc-gold);
}

.tc-hero-title {
    margin: 22px 0 0;
    max-width: 700px;
    color: var(--tc-ink);
    font-size: 48px;
    line-height: 63px;
    letter-spacing: -2px;
    font-weight: 850;
}

.tc-hero-title span {
    color: var(--tc-red);
}

.tc-hero-text {
    max-width: 590px;
    margin: 15px 0 0;
    color: #716b68;
    font-size: 15px;
    line-height: 1.9;
}

.tc-hero-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 35px;
}

.tc-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 10px 14px;
    border: 0;
    border-radius: 100px;
    color: #fff;
    background: linear-gradient(135deg,
            var(--tc-red),
            var(--tc-red-dark));
    box-shadow: 0 15px 35px rgba(143, 48, 36, .22);
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: .35s ease;
    text-decoration: none;
}

.tc-btn-primary i {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--tc-red);
    background: #fff;
}

.tc-btn-primary:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 20px 45px rgba(143, 48, 36, .3);
}

.tc-btn-secondary {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 13px 18px;
    border: 1px solid #ded7d2;
    border-radius: 100px;
    color: #403b38;
    background: #fff;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition: .35s ease;
}

.tc-btn-secondary:hover {
    color: var(--tc-red);
    border-color: var(--tc-red);
    transform: translateY(-3px);
}

.tc-hero-trust {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 40px;
    justify-content: center;
}

.tc-trust-item {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 20px 10px;
    border: 1px solid #d3d3d3;
    border-radius: 20px;
    width: 100%;
    background: #fff;
    transition: .4s;

}

.tc-trust-item:hover {
    box-shadow: 0 0 20px #d3d3d3;
}

.tc-trust-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--tc-red);
    background: #fbf1ee;
    font-size: 11px;
}

.tc-trust-item span {
    color: #67615e;
    font-size: 12px;
    font-weight: 700;
}

.tc-trust-divider {
    width: 1px;
    height: 25px;
    background: #ddd6d1;
}


/* hero visual */

.tc-hero-visual {
    position: relative;
    min-height: 570px;
}

.tc-hero-image {
    position: absolute;
    inset: 25px 0 25px 45px;
    overflow: hidden;
    border-radius: 32px;
    box-shadow: var(--tc-shadow);

    transition: transform .7s cubic-bezier(.2, .8, .2, 1);
}

.tc-hero-image:hover {
    transform: rotate(0deg) scale(1.015);
}

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

.tc-hero-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg,
            rgba(20, 5, 2, .02),
            rgba(20, 5, 2, .45));
}

.tc-floating-card {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 18px 13px 13px;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 16px;
    background: rgba(255, 255, 255, .9);
    backdrop-filter: blur(18px);
    box-shadow: 0 18px 40px rgba(35, 20, 15, .12);
}

.tc-floating-card.top {
    top: 15px;
    right: -5px;
}

.tc-floating-card.bottom {
    left: 0;
    bottom: 18px;
}

.tc-floating-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #fff;
    background: var(--tc-red);
}

.tc-floating-card small {
    display: block;
    margin-bottom: 2px;
    color: #999;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.tc-floating-card strong {
    display: block;
    color: #292522;
    font-size: 12px;
}


/* =========================================================
   WHY TALLYCAPITAL
========================================================= */

.tc-why {
    background: var(--tc-bg);
}

.tc-why-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
}

.tc-why-features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 30px;
}

.tc-why-feature {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    border: 1px solid var(--tc-border);
    border-radius: 16px;
    background: #fff;
}

.tc-why-feature i {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: var(--tc-red);
    background: #fbf1ee;
    font-size: 14px;
    flex-shrink: 0;
}

.tc-why-feature span {
    font-size: 12px;
    font-weight: 700;
    color: var(--tc-ink);
}

.tc-stats {
    background: #968e8c;
    padding: 70px 0;
}

.tc-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.tc-stat-item {
    /* text-align: center; */
    padding: 30px 20px;
    border-radius: 20px;
    /* background: var(--tc-bg); */
}

.tc-stat-number {
    color: var(--tc-red);
    font-size: 48px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: -3px;
}

.tc-stat-label {
    margin-top: 10px;
    color: var(--tc-muted);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .8px;
}


/* =========================================================
   PROCESS (TALLYPRIME STEPS)
========================================================= */

.tc-process {
    background: #fff;
}

.tc-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 45px;
}

.tc-process-card {
    position: relative;
    padding: 35px 28px 30px;
    border: 1px solid #e5ddd7;
    border-radius: 23px;
    background: #fff;
    transition: .45s cubic-bezier(.2, .8, .2, 1);
}

.tc-process-card:hover {
    transform: translateY(-8px);
    border-color: rgba(143, 48, 36, .25);
    box-shadow: var(--tc-shadow);
}

.tc-process-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, var(--tc-red), var(--tc-red-dark));
    font-size: 14px;
    font-weight: 800;
}

.tc-process-card h3 {
    margin: 18px 0 10px;
    color: #292522;
    font-size: 18px;
    font-weight: 800;
}

.tc-process-card p {
    margin: 0;
    color: #7b7470;
    font-size: 12px;
    line-height: 1.8;
}

.tc-process-card .tc-step-highlight {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 50px;
    background: #fbf1ee;
    color: var(--tc-red);
    font-size: 13px;
    letter-spacing: .5px;
    font-weight: 700;
    margin-top: 12px;
}


/* =========================================================
   FUNDING SOLUTIONS
========================================================= */

.tc-funding {
    background: var(--tc-bg);
}

.tc-funding-header {
    max-width: 750px;
    margin-bottom: 48px;
}

.tc-funding-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.tc-funding-card {
    position: relative;
    /* min-height: 365px; */
    padding: 25px;
    overflow: hidden;
    border: 1px solid #e8e1dc;
    border-radius: 24px;
    background: #fff;
    transition: .45s cubic-bezier(.2, .8, .2, 1);
}

.tc-funding-card::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -90px;
    top: -90px;
    border-radius: 50%;
    background: rgba(143, 48, 36, .06);
    transition: .5s ease;
}

.tc-funding-card:hover {
    transform: translateY(-9px);
    box-shadow: var(--tc-shadow);
    border-color: rgba(143, 48, 36, .2);
}

.tc-funding-card:hover::before {
    transform: scale(1.7);
}

.tc-funding-icon {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg,
            var(--tc-red),
            var(--tc-red-dark));
    box-shadow: 0 12px 25px rgba(143, 48, 36, .18);
    font-size: 18px;
}

.tc-funding-limit {
    display: inline-block;
    margin-top: 12px;
    padding: 4px 14px;
    border-radius: 50px;
    background: #fbf1ee;
    color: var(--tc-red);
    font-size: 12px;
    font-weight: 800;
}

.tc-funding-card h3 {
    margin: 16px 0 10px;
    color: #25211f;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 800;
}

.tc-funding-card p {
    margin: 0;
    color: #79726e;
    font-size: 11px;
    line-height: 1.75;
}


/* =========================================================
   ABOUT / EXPERTISE
========================================================= */

.tc-expertise {
    padding: 120px 0;
    background: linear-gradient(135deg, #078586, #004848);
    color: #fff;
    overflow: hidden;
}

.tc-expertise::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    right: -300px;
    top: -250px;
    background: rgba(255, 255, 255, .06);
}

.tc-expertise-layout {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: center;
}

.tc-expertise .tc-kicker {
    color: #e5c898;
}

.tc-expertise .tc-kicker::before {
    background: #e5c898;
}

.tc-expertise .tc-heading {
    color: #fff;
}

.tc-expertise .tc-heading span {
    color: #f3c373;
}

.tc-expertise .tc-description {
    color: rgba(255, 255, 255, .7);
}

.tc-expertise-points {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-top: 35px;
}

.tc-expertise-point {
    padding: 17px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 15px;
    background: rgba(255, 255, 255, .055);
}

.tc-expertise-point strong {
    display: block;
    margin-bottom: 5px;
    color: #fff;
    font-size: 14px;
}

.tc-expertise-point span {
    color: rgba(255, 255, 255, .6);
    font-size: 13px;
}

.tc-expertise-visual {
    position: relative;
}

.tc-expertise-box {
    position: relative;
    padding: 35px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 30px;
    background: rgba(255, 255, 255, .07);
    backdrop-filter: blur(20px);
}

.tc-expertise-big {
    color: #fff;
    font-size: clamp(75px, 9vw, 130px);
    line-height: .8;
    font-weight: 900;
    letter-spacing: -8px;
}

.tc-expertise-big span {
    color: #f3c373;
}

.tc-expertise-label {
    margin-top: 20px;
    color: rgba(255, 255, 255, .72);
    font-size: 14px;
    line-height: 1.7;
}

.tc-expertise-line {
    width: 100%;
    height: 1px;
    margin: 20px 0;
    background: rgba(255, 255, 255, .12);
}

.tc-expertise-mini {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tc-expertise-mini span {
    color: rgba(255, 255, 255, .55);
    font-size: 12px;
}

.tc-expertise-mini strong {
    color: #fff;
    font-size: 12px;
}


/* =========================================================
   VIDEO / RESOURCES
========================================================= */

.tc-video {
    background: #f7f5f2;
}

.tc-video-layout {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 70px;
    align-items: center;
}

.tc-video-copy .tc-heading {
    font-size: 42px;
}

.tc-video-copy p {
    max-width: 480px;
}

.tc-video-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 28px;
    color: var(--tc-red);
    /* font-size: 10px; */
    font-weight: 800;
    text-decoration: none;
    border: 1px solid var(--tc-red);
    padding: 6px 30px;
    border-radius: 30px;
    background: #fff;
}

.tc-video-link i {
    transition: .3s ease;
}

.tc-video-link:hover {
    color: var(--tc-red-dark);
}

.tc-video-link:hover i {
    transform: translate(4px, -4px);
}

.tc-video-frame {
    position: relative;
    overflow: hidden;
    padding: 8px;
    border-radius: 28px;
    background: #fff;
    box-shadow: var(--tc-shadow);
}

.tc-video-frame iframe {
    display: block;
    width: 100%;
    min-height: 430px;
    border: 0;
    border-radius: 21px;
}


/* =========================================================
   FINAL CTA
========================================================= */

.tc-final {
    padding: 90px 0;
    background: #fff;
}

.tc-final-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    padding: 45px 50px;
    overflow: hidden;
    border-radius: 28px;
    background: radial-gradient(circle at 90% 50%, rgba(255, 255, 255, .1), transparent 30%), linear-gradient(120deg, #078586, #084040);
}

.tc-final-box::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    right: -120px;
    top: -130px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
}

.tc-final-box h2 {
    position: relative;
    margin: 0;
    color: #fff;
    font-size: clamp(28px, 4vw, 45px);
    line-height: 1.05;
    letter-spacing: -2px;
}

.tc-final-box p {
    position: relative;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .68);
    font-size: 13px;
}

.tc-final .tc-btn-secondary {
    position: relative;
    flex-shrink: 0;
    color: var(--tc-red);
    background: #fff;
    border-color: #fff;
}

.tc-final .tc-btn-secondary:hover {
    color: #fff;
    background: transparent;
}


/* =========================================================
   ANIMATION
========================================================= */

@keyframes tcFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

.tc-floating-card.top {
    animation: tcFloat 5s ease-in-out infinite;
}

.tc-floating-card.bottom {
    animation: tcFloat 6s ease-in-out infinite reverse;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1100px) {

    .tc-hero-layout {
        gap: 40px;
    }

    .tc-hero-title {
        font-size: 62px;
    }

    .tc-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .tc-funding-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .tc-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media(max-width:900px) {

    .tc-hero {
        min-height: auto;
        padding: 75px 0;
    }

    .tc-hero-layout {
        grid-template-columns: 1fr;
    }

    /* .tc-hero-content {
        text-align: center;
    } */

    .tc-hero-kicker,
    .tc-hero-actions,
    .tc-hero-trust {
        justify-content: center;
    }

    .tc-hero-text {
        margin-left: auto;
        margin-right: auto;
    }

    .tc-hero-visual {
        min-height: 500px;
    }

    .tc-hero-image {
        inset: 20px 25px 20px 25px;
    }

    .tc-why-layout,
    .tc-expertise-layout,
    .tc-video-layout {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .tc-why-features {
        grid-template-columns: 1fr;
    }

}

@media(max-width:700px) {

    .tc-container {
        width: min(100% - 28px, 1180px);
    }

    .tc-section {
        padding: 75px 0;
    }

    .tc-hero-title {
        font-size: 47px;
        letter-spacing: -3px;
    }

    .tc-hero-text {
        font-size: 13px;
    }

    .tc-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .tc-btn-primary,
    .tc-btn-secondary {
        justify-content: center;
    }

    .tc-hero-trust {
        flex-wrap: wrap;
        gap: 13px;
    }

    .tc-trust-divider {
        display: none;
    }

    .tc-hero-visual {
        min-height: 400px;
    }

    .tc-hero-image {
        inset: 20px 10px;
        transform: none;
    }

    .tc-floating-card.top {
        right: 0;
        top: 0;
    }

    .tc-floating-card.bottom {
        left: 0;
        bottom: 0;
    }

    .tc-process-grid {
        grid-template-columns: 1fr;
    }

    .tc-funding-grid {
        grid-template-columns: 1fr;
    }

    .tc-stats-grid {
        grid-template-columns: 1fr 1fr;
    }

    .tc-expertise-points {
        grid-template-columns: 1fr;
    }

    .tc-video-frame iframe {
        min-height: 300px;
    }

    .tc-final-box {
        display: block;
        padding: 35px 25px;
    }

    .tc-final .tc-btn-secondary {
        margin-top: 25px;
        width: 100%;
        justify-content: center;
    }

}

@media(max-width:430px) {

    .tc-hero-title {
        font-size: 40px;
    }

    .tc-heading {
        font-size: 36px;
        letter-spacing: -1.8px;
    }

    .tc-hero-visual {
        min-height: 350px;
    }

    .tc-stats-grid {
        grid-template-columns: 1fr;
    }

    .tc-floating-card {
        padding: 9px 12px 9px 9px;
    }

    .tc-floating-icon {
        width: 32px;
        height: 32px;
    }

}

@media(prefers-reduced-motion:reduce) {

    .tc-floating-card.top,
    .tc-floating-card.bottom {
        animation: none;
    }

    .tc-hero-image,
    .tc-process-card,
    .tc-funding-card {
        transition: none;
    }

}


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

body {
    font-family: "DM Sans", sans-serif;
    background-color: #f8f9fa;
    /* Safe light gray background for body */
}

/* ==========================================
   PREMIUM STICKY WHITE NAVBAR WITH BOX SHADOW
========================================== */
.navbar-custom {
    position: fixed;
    /* Fixed at top across scrolling devices */
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1050;
    background: #ffffff !important;
    /* Pure White Theme */
    padding: 16px 0;
    /* Soft premium box shadow layer from your design reference */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02);
    border-bottom: 1px solid #edf2f7;
    transition: all 0.3s ease;
}

/* Spacer used to prevent page content from sliding under fixed navbar */
.navbar-spacer {
    height: 72px;
    /* Matches navbar approximate height; adjusts in responsive rules below */
    width: 100%;
}

.navbar-custom .container {
    max-width: 1300px;
    padding: 0 15px;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* ==========================================
   NAV LINKS (ELEGANT DARK SLATE TEXT)
========================================== */
.nav-link {
    color: #334155 !important;
    /* Premium dark slate code color */
    font-weight: 600;
    font-size: 15px;
    margin: 0 16px;
    position: relative;
    padding: 8px 0 !important;
    transition: color 0.2s ease;
}

/* Elegant Bottom Line on Hover */
.nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #078586;
    /* Dark Rust Accent */
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.nav-link:hover {
    color: #078586 !important;
}

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

/* ==========================================
   SOLID DEEP RED CTA CALL BUTTON
========================================== */
.btn-custom {
    background: #078586;
    color: #fff !important;
    border: 1px solid #078586;
    padding: 16px 36px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.3px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    /* Smooth card curvature */
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-custom:hover {

    background: #0f172a;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.2);
    transform: translateY(-3px);

}

.btn-custom i {
    transition: transform 0.3s ease;
}


.btn-custom:hover i {
    transform: translate(2px, -2px);
}

/* ==========================================
   BRAND LOGO
========================================== */
.navbar-brand {
    display: flex;
    align-items: center;
}

.logo {
    transition: transform 0.3s ease;
}

.navbar-brand:hover .logo {
    transform: scale(1.02);
}

/* ==========================================
   MOBILE TOGGLER
========================================== */
.navbar-toggler {
    border: none !important;
    color: #334155;
    font-size: 26px;
    padding: 0;
}



.dropdown-shadcn .dropdown-toggle-clean {
    color: #334155 !important;
    font-weight: 600;
    font-size: 15px;
    margin: 0 16px;
    position: relative;
    padding: 8px 0 !important;

    /* Elements ko ek line me alignment dene ke liye */
    display: inline-flex;
    align-items: center;
    gap: 6px;

    text-decoration: none;
    transition: color 0.2s ease;
}

/* Arrow Icon ka custom style */
.dropdown-shadcn .dropdown-arrow {
    font-size: 16px;
    color: #64748b;
    /* Slate 500 (Muted look) */
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease;
    line-height: 1;
}

/* Hover underline effect */
.dropdown-shadcn .dropdown-toggle-clean::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #078586;
    /* Dark Rust Accent */
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

/* Hover ya Active hone par text aur arrow ka color change */
.dropdown-shadcn:hover .dropdown-toggle-clean,
.dropdown-shadcn .show.dropdown-toggle-clean {
    color: #078586 !important;
}

.dropdown-shadcn:hover .dropdown-toggle-clean .dropdown-arrow,
.dropdown-shadcn .show.dropdown-toggle-clean .dropdown-arrow {
    color: #078586 !important;
}

/* Desktop par hover karne par arrow rotate hoga (180 degree) */
@media (min-width: 992px) {
    .dropdown-shadcn:hover .dropdown-toggle-clean .dropdown-arrow {
        transform: rotate(180deg);
    }
}

/* Bootstrap click fallback me bhi arrow rotate hoga */
.dropdown-shadcn .show.dropdown-toggle-clean .dropdown-arrow {
    transform: rotate(180deg);
}

.dropdown-shadcn:hover .dropdown-toggle-clean::after,
.dropdown-shadcn .show.dropdown-toggle-clean::after {
    width: 100%;
}

/* Floating Shadcn Card */
.dropdown-shadcn .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    min-width: 250px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 8px;
    margin-top: 14px !important;

    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.08),
        0 1px 3px rgba(0, 0, 0, 0.02);

    transform: scale(0.97) translateY(-6px);
    transition: opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.15s cubic-bezier(0.16, 1, 0.3, 1),
        visibility 0.15s;
}

/* DESKTOP HOVER TRIGGER */
@media (min-width: 992px) {
    .dropdown-shadcn:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.dropdown-shadcn .dropdown-menu.show {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translateY(0);
}

/* Inner Dropdown Link rows */
.dropdown-shadcn .dropdown-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 11px 14px;
    color: #475569;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    background: transparent;
    position: relative;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.dropdown-shadcn .dropdown-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 25%;
    height: 50%;
    width: 3px;
    background: #078586;
    border-radius: 0 4px 4px 0;
    opacity: 0;
    transition: opacity 0.12s ease;
}

.dropdown-shadcn .dropdown-item .item-icon {
    font-size: 18px;
    color: #94a3b8;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.12s ease, transform 0.12s ease;
}

.dropdown-shadcn .dropdown-item:hover {
    background-color: #f8fafc !important;
    color: #0f172a !important;
}

.dropdown-shadcn .dropdown-item:hover::before {
    opacity: 1;
}

.dropdown-shadcn .dropdown-item:hover .item-icon {
    color: #078586;
    transform: translateX(1px);
}

/* MOBILE EXPANSION FIX */
@media (max-width: 991px) {
    .dropdown-shadcn .dropdown-toggle-clean {
        margin: 8px 0;
        padding: 10px 14px !important;
        font-size: 16px;
        width: 100%;
        justify-content: space-between;
        /* Mobile me text left aur arrow right me touch ho jayega */
    }

    .dropdown-shadcn .dropdown-toggle-clean::after {
        display: none !important;
    }

    .dropdown-shadcn .dropdown-menu {
        display: none;
        visibility: visible;
        opacity: 1;
        transform: none;
        box-shadow: none;
        border: none;
        border-left: 2px solid #e2e8f0;
        margin-left: 20px;
        margin-top: 0 !important;
        padding-left: 10px;
        border-radius: 0;
        background: transparent;
    }

    .dropdown-shadcn .dropdown-menu.show {
        display: block;
    }

    .dropdown-shadcn .dropdown-item::before {
        display: none;
    }

    .dropdown-shadcn .dropdown-item:hover {
        background-color: transparent !important;
        color: #078586 !important;
    }
}


/* Mobile Responsive Setup */
@media (max-width: 991px) {
    .navbar-custom {
        padding: 12px 0;
    }

    .navbar-spacer {
        height: 84px;
    }

    .nav-link {
        margin: 8px 0;
        padding: 10px 14px !important;
        font-size: 16px;
        border-radius: 6px;
    }

    .nav-link:hover {
        background: rgba(157, 54, 38, 0.05);
    }

    .nav-link::after {
        display: none !important;
    }

    .navbar-collapse {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #f1f5f9;
    }

    .btn-custom {
        width: 100%;
        justify-content: center;
        margin-top: 8px;
    }
}

:root {
    --accent-brand: #0f172a;
    /* Sophisticated Dark Slate */
    --accent-hover: #1e293b;
    --text-main: #1e293b;
    --text-secondary: #64748b;
    --field-bg: #f8fafc;
    --field-border: #e2e8f0;
    --radius-main: 20px;
}

* {
    box-sizing: border-box;
    font-family: 'Plus Jakarta Sans', sans-serif;
    margin: 0;
    padding: 0;
}

body.modal-open {
    overflow: hidden;
}

/* Clean High-Blur Semi-Transparent Backdrop */
.solar-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.2);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    z-index: 9998;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
}

.modal-active .solar-overlay {
    opacity: 1;
    pointer-events: auto;
}

/* Minimal Luxury Modal Container */
.solar-modal-v2 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -46%) scale(0.96);
    width: 92%;
    max-width: 400px;
    /* Thoda wide kiya hai 2 columns ke liye */
    background: #ffffff;
    border-radius: var(--radius-main);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, visibility 0.3s;
    box-shadow: 0 30px 60px -15px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(15, 23, 42, 0.02);
    padding: 36px 32px;
}

.modal-active .solar-modal-v2 {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}

/* Top Brand Header Section */
.modal-head {
    text-align: center;
    margin-bottom: 24px;
}

.modal-head .brand-logo-container {
    font-size: 22px;
    margin-bottom: 10px;
    display: inline-block;
}

.modal-head h2 {
    font-size: 22px;
    font-weight: 700;
    color: var(--text-main);
    letter-spacing: -0.5px;
}

.modal-head .sub-text {
    font-size: 13.5px;
    font-weight: 400;
    margin-top: 6px;
    color: var(--text-secondary);
    line-height: 1.4;
}

/* Form Row Layout for 2 Inputs per Line */
.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

/* New Input Architecture */
.input-group {
    margin-bottom: 14px;
    position: relative;
}

.input-group.full-width {
    grid-column: span 2;
}

.input-group label {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-main);
    display: block;
    margin-bottom: 5px;
    letter-spacing: 0.3px;
}

.solar-field {
    width: 100%;
    padding: 11px 14px;
    border: 1px solid var(--field-border);
    border-radius: 10px;
    background: var(--field-bg);
    font-size: 13.5px;
    font-weight: 500;
    color: var(--text-main);
    transition: all 0.2s ease;
    outline: none;
}

.solar-field::placeholder {
    color: #a0aec0;
}

.solar-field:focus {
    border-color: var(--accent-brand);
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.06);
}

/* Modern Textarea Styling */
textarea.solar-field {
    resize: none;
    min-height: 80px;
    line-height: 1.5;
}

/* Solid High-Contrast Action Button */
.submit-btn {
    width: 100%;
    padding: 13px;
    background: var(--accent-brand);
    color: #ffffff;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.submit-btn:hover {
    background: var(--accent-hover);
    box-shadow: 0 8px 20px -6px rgba(15, 23, 42, 0.2);
}

.submit-btn:disabled {
    background: #e2e8f0;
    color: #94a3b8;
    cursor: not-allowed;
    box-shadow: none;
}

/* Subtle Circular Close Element */
.close-trigger {
    position: absolute;
    top: 24px;
    right: 24px;
    font-size: 18px;
    cursor: pointer;
    color: var(--text-secondary);
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    transition: all 0.15s ease;
}

.close-trigger:hover {
    background: #f1f5f9;
    color: var(--text-main);
}

/* Minimal Success Layout */
.thank-you-state {
    text-align: center;
    padding: 20px 0;
    animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive adjustment for very small mobile screens */
@media (max-width: 480px) {
    .form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .input-group.full-width {
        grid-column: span 1;
    }
}

.tc-subheading {
    font-weight: 600;
    margin-top: 20px;
    font-size: 20px;
    border-left: 4px solid #078586;
    padding-left: 10px;
}