.logo_size1 {
    width: 30%;
}

/* bangalore page why coose section */
.animate-box {
    opacity: 0;
    transform: translateY(40px);
    transition: transform .4s ease, opacity .4s ease;
    border: solid 1px var(--alipes-base);
    border-radius: 10px;
}

.animate-box.show {
    opacity: 1;
    transform: translateY(0);
}

.animate-box:hover {
    transform: translateY(-8px);
    transition: .3s ease;
}

.icon-animate i {
    opacity: 0;
    transform: scale(.5);
    transition: .4s ease;
}

.icon-animate.show i {
    opacity: 1;
    transform: scale(1);
}

.shadow-brand {
    box-shadow: 0 4px 12px var(--alipes-base-shadow,
            #cd8c6659);
}

/* news section (buying) */
.timeline-wrapper {
    position: relative;
    padding: 120px 0;
}

/* THE MAIN CONNECTING LINE */
.timeline-line {
    position: absolute;
    top: 160px; /* Adjust height of the line to match circles */
    left: 5%;
    width: 90%;
    height: 4px;
    background: #c78662;
    border-radius: 20px;
    z-index: 1;
}

/* Each Step */
.timeline-container {
    width: 100%;
    position: relative;
    margin-top: 40px;
}

/* SVG Path */
.timeline-path {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/* Step Circle */
.step-circle {
    width: 55px;
    height: 55px;
    background: #C78662;
    color: #fff;
    border-radius: 50%;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px auto;
    font-size: 20px;
}

/* Step Block */
.step {
    width: 260px;
    text-align: center;
    position: absolute;
    z-index: 2;
}

/* Positioning Each Step Along the Curve */
.step-1 { top: 20px; left: 120px; }
.step-2 { top: 20px; right: 160px; }
.step-3 { top: 230px; left: 260px; }
.step-4 { top: 230px; right: 260px; }
.step-5 { top: 420px; left: 420px; }
.step-6 { top: 420px; right: 420px; }

/* Responsive */
@media(max-width: 992px) {
    .timeline-path { display: none; }

    .step {
        position: relative;
        margin-bottom: 50px;
    }
}



/* --------------------------------- */

  /* ====================================
           I. COMMON & GLOBAL STYLES (User Provided)
           ==================================== */
        :root {
            /* --- ALIPES THEME VARIABLES --- */
            --alipes-font: 'Manrope', sans-serif;
            --alipes-font-two: 'Teko', sans-serif;
            --alipes-reey-font: "reeyregular";
            --alipes-gray: #827e78;
            --alipes-gray-rgb: 130, 126, 120;
            --alipes-white: #ffffff;
            --alipes-white-rgb: 255, 255, 255;
            --alipes-base: #cd8c66;
            --alipes-base-rgb: 205, 140, 102;
            --alipes-black: #221c13;
            --alipes-black-rgb: 34, 28, 19;
            --alipes-primary: #f6f4f1;
            --alipes-primary-rgb: 246, 244, 241;
            --alipes-letter-spacing: 0.1em;

            /* --- SECTION SPECIFIC VARIANTS (for cards/gradients) --- */
            --color-dark-bg: #282420; /* Slightly darker than alipes-black */
            --color-card-dark-bg: #35302b; 
            --color-subtle-text-dark: #b8947f; /* Muted Copper Accent */
            --color-star: #ffc107; 
            --color-border-dark: #4a4540; 
            --grad-loc-start: #fdeee4;
            --grad-loc-end: #f7d4bf;
            --grad-phone-start: #e9edf9;
            --grad-phone-end: #d6dcff;
            --grad-email-start: #ffe5ea;
            --grad-email-end: #ffd1dd;
            --color-card-bg: #26231F;
            --color-accent-gold-light: #B08B5D;
            --color-accent-gold-dark: #A27546;
        }

        .row {
            --bs-gutter-x: 30px;
        }
        .gutter-y-30 {
            --bs-gutter-y: 30px;
        }
        body {
            font-family: var(--alipes-font);
            color: var(--alipes-gray);
            font-size: 16px;
            line-height: 23px;
            font-weight: 500;
            background-color: var(--alipes-primary); /* Default background set to alipes-primary */
        }
        h1, h2, h3, h4, h5, h6 {
            font-family: var(--alipes-font-two);
            color: var(--alipes-black);
            margin: 0;
            letter-spacing: var(--alipes-letter-spacing);
        }
        p {
            margin: 0;
            font-size: 0.95rem !important;
        }
        a {
            color: var(--alipes-gray);
        }
        a, a:hover, a:focus, a:visited {
            text-decoration: none;
        }
        /* ... (other common styles omitted for brevity, assumed to be included) */
        /* ====================================
           II. SHARED SECTION STYLES
           ==================================== */
        .section-padding {
            padding: 40px 0;
        }
        .light-bg-section {
            background-color: var(--alipes-primary); /* Alipes primary for light sections */
        }
        .dark-bg-section {
            background-color: var(--color-dark-bg); /* Use specific dark BG for contrast */
        }
        .text-dark-general {
            color: var(--alipes-black) !important;
        }

       

 /* ====================================
           II. SECTION 1: TESTIMONIALS (Dark Background)
           ==================================== */
           .testimonial-title-dark {
            color: var(--alipes-white); 
            font-weight: 500; 
            font-size: 2.8rem; 
            margin-bottom: 5px;
        }
        .testimonial-subtitle-dark {
            color: var(--color-subtle-text-dark); 
            font-size: 1.1rem; 
            margin-bottom: 50px;
            font-family: var(--alipes-font);
            font-weight: 500;
            letter-spacing: normal;
        }
       
           .testimonial-card {
            
            padding: 20px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease;

              background-color: var(--color-card-dark-bg); 
            border: 1px solid var(--color-border-dark);
            border-radius: 20px; padding: 30px; height: 100%;
        }
        .testimonial-card:hover {
            transform: translateY(-5px);
        }

        .rating-stars { 
            color: #ffc107; 
            margin-bottom: 15px; 
            font-size: 1rem;
        }

        .testimonial-text {
               color: var(--alipes-white); 
            font-size: 0.95rem; 
            line-height: 23px; 
            margin-bottom: 25px;
            font-family: var(--alipes-font);
        }

        .client-info img {
            width: 55px; height: 55px;
            border: 3px solid var(--alipes-base);
            margin-right: 15px;
            object-fit: cover;
        }

        .client-name {
            color: var(--alipes-white);
            font-weight: 700;
            font-family: var(--alipes-font);
        }
        .client-title {
            color: var(--alipes-base);
            font-family: var(--alipes-font);
            font-size: 0.9rem;
        }

        .testimonials-section{
            padding-top: 130px !important;
    padding-bottom: 60px !important;
        background-color: var(--color-dark-bg);

        }
        /* Swiper Navigation (Modernized) */
        .swiper-button-next, .swiper-button-prev {
            width: 45px; height: 45px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            transition: background 0.3s;
            top: 50%;
        }
        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 18px;
            font-weight: 700;
            color: var(--alipes-base);
        }
        .swiper-button-next:hover, .swiper-button-prev:hover {
            background: var(--alipes-base);
        }
        .swiper-button-next:hover:after, .swiper-button-prev:hover:after {
            color: var(--alipes-black);
        }
        @media (max-width: 768px) {
            .swiper-button-next, .swiper-button-prev { display: none; }
        }

        /* ====================================
           IV. PROCESS SECTION STYLING
           ==================================== */
        .process-section {
            background-color: var(--alipes-white); /* Use white for strong contrast */
            padding: 30px 0;
            overflow: hidden;
        }
        .process-container {
            position: relative;
            max-width: 1200px;
            margin: 0 auto;
            padding-top: 30px;
            padding-bottom: 30px;
        }
        .process-line {
            position: absolute; top: 50px; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; overflow: visible;
        }
        #svgPath { fill: none; stroke: var(--alipes-base); stroke-width: 4; stroke-linecap: round; opacity: 0.8; }
        .process-step { position: relative; z-index: 2; margin-bottom: 1rem; text-align: center; }

        .process-circle {
            width: 60px; height: 60px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto 20px auto; color: #fff; font-size: 28px; font-weight: 700;
            background: linear-gradient(135deg, var(--alipes-base), #a06d4f);
            box-shadow: 0 10px 25px rgba(205, 140, 102, 0.5);
            transition: transform 0.25s ease, box-shadow 0.25s ease;
            font-family: var(--alipes-font-two);
            letter-spacing: 0.05em;
        }
        .step-even .process-circle {
            background: linear-gradient(135deg, var(--alipes-black), #4a4135);
            box-shadow: 0 10px 25px rgba(34, 28, 19, 0.4);
        }
        .process-step h5 {
             color: var(--alipes-black);
        }
        .process-step p {
             color: var(--alipes-gray);
             font-family: var(--alipes-font);
             letter-spacing: normal;
        }

        /* Mobile Vertical Line */
        @media (max-width: 767px) {
            .process-line { display: none; }
            .process-step::after {
                content: ""; position: absolute; top: 80px; left: 50%; width: 2px; height: 100%; 
                background-color: var(--alipes-gray); transform: translateX(-1px); z-index: -1; opacity: 0.2;
            }
            .process-step:last-child::after { display: none; }
        }

        /* ====================================
           V. FAQ SECTION STYLING
           ==================================== */
        .faq-section { background-color: var(--alipes-white); padding: 50px 0; }
        .faq-title { color: var(--alipes-black); font-weight: 500; font-size: 2.8rem; }
        .faq-item { border: none; margin-bottom: 15px; border-radius: 8px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);   background-color: var(--color-dark-bg); }
        .faq-button { 
            /* background-color: var(--alipes-white) !important;  */
            background-color: var(--color-dark-bg) !important;
            color: var(--alipes-white) !important; 
            font-size: 0.95rem;
            font-weight: 600; 
            padding: 1rem 1.25rem; 
            text-align: left; 
            border: none; 
            border-radius: 8px !important; 
            font-family: var(--alipes-font);
            letter-spacing: normal;
            box-shadow: none !important;
        }
        .faq-icon-left { color: var(--alipes-base); margin-right: 15px; }
        .accordion-body { border-top: 1px solid #eee; background-color: #F6F4F1; color: var(--alipes-gray); font-family: var(--alipes-font); font-size: 0.85rem; }

        .accordion-button::after {

color:var( --alipes-base) !important;
    content: "";
    background-image: url('./assets/imgs/down-arrow1.png') !important;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    
        }
        
    
        /* ====================================
           VI. CONTACT SECTION STYLING (Adapted)
           ==================================== */
        .contact-section {
            padding: 30px 0;
            background-color: var(--alipes-primary);
        }
        .info-card {
            /* background: var(--alipes-white); */
            border-radius: 18px;
            padding: 15px;
            /* box-shadow: 0 8px 20px rgba(0,0,0,0.08);  */
            height: 100%;
            display: flex;
            align-items: flex-start;
            transition: 0.3s ease;
        }
        /* .info-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 26px rgba(0,0,0,0.12);
        } */
        .icon-box {
            width: 55px;
            height: 55px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
            margin-right: 18px;
            color: var(--alipes-black);
        }
        .icon-box.loc {
            background: linear-gradient(135deg, var(--grad-loc-start), var(--grad-loc-end));
        }
        .icon-box.phone {
            background: linear-gradient(135deg, var(--grad-phone-start), var(--grad-phone-end));
        }
        .icon-box.email {
            background: linear-gradient(135deg, var(--grad-email-start), var(--grad-email-end));
        }
        .contact-heading {
            font-size: 2.8rem;
            color: var(--alipes-black);
            font-weight: 600;
        }
        .contact-subheading {
            font-size: 2rem;
            margin-bottom: 10px;
            color: var(--alipes-base);
            font-weight: 700;
            font-family: var(--alipes-font-two);
        }
        .location-group strong {
            color: var(--alipes-black);
            font-size: 1.1rem;
            font-family: var(--alipes-font);
            letter-spacing: normal;
        }
        .location-group p {
            color: var(--alipes-gray);
            font-size: 0.95rem;
            margin-bottom: 15px;
            font-family: var(--alipes-font);
            letter-spacing: normal;
        }
        .form-card {
            background: var(--alipes-white);
            padding: 25px 30px;
            border-radius: 22px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.08),
                        0 0 0 10px rgba(var(--alipes-base-rgb), 0.08),
                        0 0 0 25px rgba(var(--alipes-base-rgb), 0.02);
        }
        .form-card input,
        .form-card textarea {
            border-radius: 10px;
            border: 1px solid rgba(var(--alipes-gray-rgb), 0.3);
            padding: 5px 15px;
            color: var(--alipes-black);
            font-size: 0.90rem;
        }
        .form-card input:focus,
        .form-card textarea:focus {
            border-color: var(--alipes-base);
            box-shadow: 0 0 0 0.2rem rgba(var(--alipes-base-rgb), 0.25);
        }
        .btn-submit {
            background: var(--color-dark-bg);
            border: none;
            color: white;
            padding: 14px 36px;
            font-size: 1.05rem;
            border-radius: 12px;
            font-weight: 600;
            box-shadow: 0 6px 15px rgba(var(--alipes-base-rgb), 0.45);
            transition: 0.3s ease;
            position: relative;
            overflow: hidden;
            font-family: var(--alipes-font);
        }
        .btn-submit:hover {
             background: var(--color-dark-bg);
              color: white;
            transform: translateY(-3px);
            box-shadow: 0 10px 22px rgba(var(--alipes-base-rgb), 0.55);
        }
        .btn-submit::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(120deg, transparent, rgba(255,255,255,0.55), transparent);
            transform: translateX(-100%);
            transition: 0.7s;
        }
        .btn-submit:hover::after {
            transform: translateX(100%);
        }
.cta-one__inner {
margin-bottom: -70px;
padding: 51px 0 50px;
}


.mt-md-5{
    padding: 0px !important;
}
.process-line {
display: none !important;

}

.banner-title{
    font-size: 4.8rem;
    line-height:4rem;
    margin-bottom: 20px;
}
.banner-discription{
 font-size: 1rem !important;
}
/* --------------------------------- */

.page-header {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.page-header-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: -1;
}

.page-header__overly {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9); /* adjustable dark overlay */
    z-index: 1;
}
/* .cta-one{
    background-color:#CD8C66;
} */

.text p{
    font-size: 1rem !important;
}
.values-one__content {
    max-width: 524px;

}
.measurement{
padding: 0 0 40px !important;
}

.about-two {
padding: 80px 0 80px;  
}

.counter-two{
   background:#CD8C66;
   padding-top: 60px;
    padding-bottom: 40px;
    margin: 0px;
}


.fa-hourglass:before, .fa-key:before, .fa-trophy:before, .fa-medal:before, .fa-building:before{
    color:#282420;
}
.counter-one__count-box h3 {
font-size: 38px;
}

/* ====================================
           VII. SCROLL TO TOP BUTTON 
           ==================================== */
        .scroll-up-button {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 50px;
            height: 50px;
            background-color: var(--alipes-base);
            color: var(--alipes-white);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1.2rem;
            z-index: 9999;
            box-shadow: 0 4px 15px rgba(var(--alipes-base-rgb), 0.6); /* Assuming RGB is defined or using standard shadow */
            transition: opacity 0.3s, transform 0.3s, background-color 0.3s;
            text-decoration: none;
        }
        .scroll-up-button:hover {
            background-color: var(--alipes-base-dark);
            color: var(--alipes-white);
            transform: translateY(-3px);
            text-decoration: none;
        }

      .values-one__left {
    overflow: hidden;     /* Prevent overflow */
}

.values-one__bg {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    animation: zoomAnim 4s ease-in-out infinite alternate;
}

/* Keyframes for smooth zoom in & out */
@keyframes zoomAnim {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1); /* Zoom level */
    }
}

.fade-in-up {
    opacity: 0;
    transform: translateX(-30px);
    animation: fadeUp 1.4s ease-out forwards;
}

/* Keyframes */
@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.map-hover {
    overflow: hidden;
    display: inline-block;
}

.map-hover iframe {
    transition: transform 0.5s ease;
}

.map-hover:hover iframe {
    transform: scale(1.02); /* Zoom amount */
}

/* ------------------------------------------------- */


  /*
        ================================
        1. CSS STYLES (Adjusted for 6 Steps)
        ================================
        */
        
        .pos-r { position: relative; padding: 50px 0px; }
        .title-effect {width: 115px; height: 45px; top: 0; position: absolute; left: 0; opacity: 0.5; 
            /* animation: rotation 12.8s steps(1) 0s infinite; */
        }
        .text-center .title-effect{left: 40%; margin-left: 0px;}
        .text-center .section-title h6{padding: 15px 0;}

        .title-effect .bar {background: #CD8C66;}
        .title-effect .bar-top {width: 100%; height: 7px; position: absolute; top: 0; left: 0; transform-origin: left top; transform: scale(0, 1); animation: bar-top 3.2s linear 0s infinite;}
        .title-effect .bar-right {width: 7px; height: 100%; position: absolute; top: 0; right: 0; transform-origin: left top; transform: scale(1, 0); animation: bar-right 3.2s linear 0s infinite;}
        .title-effect .bar-bottom {width: 100%; height: 7px; position: absolute; right: 0; bottom: 0; transform-origin: right top; transform: scale(0, 1); animation: bar-bottom 3.2s linear 0s infinite;}
        .title-effect .bar-left {width: 7px; height: 100%; position: absolute; left: 0; bottom: 0; transform-origin: left bottom; transform: scale(1, 0); animation: bar-left 3.2s linear 0s infinite;}

        .title {position: relative; color: #282420; margin-bottom: 0;}
        .section-title h2{margin-bottom: 15px;}

        /* How It Work */
        .work-process{position: relative; text-align: center;}
        .step-num {background: #fff; border-radius: 50%; box-shadow: 0 12px 20px 0 rgba(117, 178, 240, 0.4); color: #CD8C66; display: inline-block; font-size: 16px; font-weight: 600; height: 40px; right: 0; line-height: 43px; position: absolute; text-align: center; top: 0; width: 40px;}
        .step-icon {background: #ffffff; width:100px; height:100px; position: relative; border: 3px solid #fafaff; border-radius: 50%; line-height: 120px; font-size: 30px; text-align: center; color: #282420; margin: 0 auto;}
        .step-icon span {position: relative;}
        .step-icon span::after, .step-icon span::before {border-radius: 50%; content: ""; height: 40px; position: absolute; width: 40px; z-index: -1;}
        .step-icon span::after {background: #cdf3f6; height: 25px; left: -10px; top: 5px; width: 25px;}
        .step-icon span::before {background: #d4f8e6; bottom: 0; right: -10px;}
        .step-num-box{position: relative; display: inline-block; margin-bottom: 20px;}
        
        /* Adjusted box loader positioning for horizontal flow on desktop */
        .work-process .box-loader{position: absolute; top: 15px; right: -15px; left: inherit; display: none;}
        .work-process:nth-child(3n) .box-loader { /* Hide loader on the last step of each row */
            display: none;
        }

        #svg-container {
            position: absolute; 
            width: 100%; 
            left: 52%; 
            z-index: -1; 
            transform: translateX(-50%); 
            width: 75%;
            /* Increased height to span both rows */
            height: 100%; 
            top: 150px; 
            margin-top: 50px;
        }
        #svgC {margin: 0 auto; width: 100%;}

        /* box-loader */
        .box-loader {border-radius: 100%; margin: 0 auto; position: absolute; top: 15px; left: 15px;}
        .box-loader span{display: inline-block; width: 10px; height: 10px; border-radius: 100%; background: #CD8C66; margin: 0 5px; opacity: 0;}
        .box-loader span:nth-child(1){animation: opacitychange 1s ease-in-out infinite;}
        .box-loader span:nth-child(2){animation: opacitychange 1s ease-in-out 0.33s infinite;}
        .box-loader span:nth-child(3){animation: opacitychange 1s ease-in-out 0.66s infinite;}

        /* Keyframe Animations */
        @keyframes rotation { 0% { transform: rotate(0deg); } 25% { transform: rotate(90deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(270deg); } 100% { transform: rotate(360deg); } }
        @keyframes bar-top { 0% { transform: scale(0, 1); } 12.5% { transform: scale(1, 1); } 87.5% { transform: scale(1, 1); } 100% { transform: scale(0, 1); } }
        @keyframes bar-right { 0% { transform: scale(1, 0); } 12.5% { transform: scale(1, 0); } 25% { transform: scale(1, 1); } 75% { transform: scale(1, 1); } 87.5% { transform: scale(1, 0); } 100% { transform: scale(1, 0); } }
        @keyframes bar-bottom { 0% { transform: scale(0, 1); } 25% { transform: scale(0, 1); } 37.5% { transform: scale(1, 1); } 62.5% { transform: scale(1, 1); } 75% { transform: scale(0, 1); } 100% { transform: scale(0, 1); } }
        @keyframes bar-left { 0% { transform: scale(1, 0); } 37.5% { transform: scale(1, 0); } 50% { transform: scale(1, 1); } 62.5% { transform: scale(1, 0); } 100% { transform: scale(1, 0); } }
        @keyframes opacitychange{ 0%, 100%{ opacity: 0; } 60%{ opacity: 1; } }

        /* Responsive Styles */
        @media (max-width: 1200px){
            #svg-container { width: 85%; }
        }
        @media (max-width: 992px){
            .md-mt-5 { margin-top: 50px !important; }
            /* Steps stack vertically */
            .col-lg-4, .col-md-12 { flex: 0 0 100%; max-width: 100%; }
            .work-process .box-loader{display: none !important;} /* Hide all loaders when stacked */
            .step-desc p {max-width: 300px;  margin: 0 auto;}
            /* Hide the large SVG connector when stacked vertically as the path would be complex */
            #svg-container {display: none;}
        }
   
 .aos-init .fw-bold{
        font-size: 45px;
    font-weight: 500 !important;
    line-height: 50px !important;
    }
.page-header__inner {
    padding: 258px 0 190px;
   
}


        @media only screen and (max-width: 767px) {
    .cta-one__title
 {
        font-size: 25px;
        line-height: 30px;
    }

    .testimonial-title-dark {
       font-size: 2.2rem; 
    }
    .text p {
    font-size: 0.85rem !important;
    line-height: 26px !important;
}
.values-one__points-box {
    margin-top: 30px;
}
    .section-title__title {
        font-size: 34px;
        line-height: 30px;
    }
    .contact-heading {
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 30px;
}
.counter-one__single {
        padding: 10px 38px 26px 0;
}
.counter-one__icon span {
   font-size: 40px; 
}
.values-one__right {
       
        padding:30px 0px;
    }
    .aos-init .fw-bold, .banner-title{
        font-size: 2.0rem;
    font-weight: 500 !important;
    line-height: 30px !important;
    }

.page-header__inner {
    padding: 160px 0 150px;
   
}
.page-header {
    height: 94vh;

}
.banner-discription {
    font-size: 0.85rem !important;
}
}


/* -------------------------------------- */



  .carousel-container {
            width: 100%;
            max-width: 1400px;
            height: 320px;
            position: relative;
            perspective: 2000px;
            margin-top: 0px;
            z-index: 2;
            /* Added cursor style to indicate drag capability */
            cursor: grab;
        }

        .carousel-track {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            transform-style: preserve-3d;
            /* Reduced transition time slightly for better drag responsiveness feedback */
            transition: transform 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        }

        .card {
            position: absolute;
            width: 450px;
            height: 300px;
            background: var(--color-card-bg);
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            transition: all 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
            /* Matched track transition */
            cursor: pointer;
            will-change: transform, opacity;
            transform-origin: center;
            border: 1px solid rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(10px);
            background: linear-gradient(145deg,
                    rgba(38, 35, 31, 0.9) 0%,
                    rgba(26, 23, 21, 0.9) 100%);
        }

        /* Hover glow effect - changed to gold accent */
        .card::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg,
                    rgba(176, 139, 93, 0.2) 0%,
                    rgba(162, 117, 70, 0.2) 50%,
                    rgba(176, 139, 93, 0.2) 100%);
            opacity: 0;
            transition: opacity 0.4s ease;
            z-index: 2;
        }

        .card:hover::before {
            opacity: 1;
        }

        .card-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
            /* Matched track transition */
            filter: brightness(0.8);
        }


        /* Card positions (3D rotation logic) */
        .card.center {
            z-index: 10;
            transform: scale(1.15) translateZ(0);
            box-shadow: 0 30px 60px -10px rgba(162, 117, 70, 0.5);
        }

        .card.center .card-img {
            filter: brightness(1);
        }

        /* Remaining card positions unchanged */
        .card.left-2 {
            z-index: 1;
            transform: translateX(-400px) scale(0.8) translateZ(-200px) rotateY(15deg);
            opacity: 0.6;
        }

        .card.left-1 {
            z-index: 5;
            transform: translateX(-200px) scale(0.95) translateZ(-50px) rotateY(8deg);
            opacity: 0.8;
        }

        .card.right-1 {
            z-index: 5;
            transform: translateX(200px) scale(0.95) translateZ(-50px) rotateY(-8deg);
            opacity: 0.8;
        }

        .card.right-2 {
            z-index: 1;
            transform: translateX(400px) scale(0.8) translateZ(-200px) rotateY(-15deg);
            opacity: 0.6;
        }

        .card.hidden {
            opacity: 0;
            pointer-events: none;
        }

        /* Dots navigation - REMOVED */

        /* Navigation arrows - changed to gold accent */
        .nav-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: linear-gradient(135deg, var(--color-accent-gold-light) 0%, var(--color-accent-gold-dark) 100%);
            color: white;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 20;
            transition: all 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
            font-size: 1.5rem;
            border: 2px solid rgba(255, 255, 255, 0.1);
            outline: none;
            backdrop-filter: blur(5px);
            box-shadow: 0 5px 15px rgba(176, 139, 93, 0.3);
        }

        .nav-arrow:hover {
            transform: translateY(-50%) scale(1.1);
            box-shadow: 0 8px 25px rgba(176, 139, 93, 0.4),
                0 0 0 4px rgba(176, 139, 93, 0.2);
        }

        .nav-arrow.left {
            left: 20px;
        }

        .nav-arrow.right {
            right: 20px;
        }

        /* Background elements unchanged */
        .bg-blur {
            position: absolute;
            width: 500px;
            height: 500px;
            border-radius: 50%;
            filter: blur(100px);
            opacity: 0.15;
            z-index: 0;
            mix-blend-mode: soft-light;
        }

        .bg-blur-1 {
            background: radial-gradient(circle, var(--color-accent-gold-light) 0%, transparent 70%);
            animation: float1 20s ease-in-out infinite;
        }

        .bg-blur-2 {
            background: radial-gradient(circle, var(--color-accent-gold-dark) 0%, transparent 70%);
            animation: float2 25s ease-in-out infinite;
        }

        @keyframes float1 {
            0% {
                transform: translate(0, 0) rotate(0deg);
            }

            50% {
                transform: translate(-30px, -30px) rotate(180deg);
            }

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

        @keyframes float2 {
            0% {
                transform: translate(0, 0) rotate(0deg);
            }

            50% {
                transform: translate(30px, -20px) rotate(-180deg);
            }

            100% {
                transform: translate(0, 0) rotate(-360deg);
            }
        }

        /* Responsive adjustments unchanged */
        @media (max-width: 1024px) {
            .card {
                width: 240px;
                height: 360px;
            }

            .card.left-2 {
                transform: translateX(-300px) scale(0.8) translateZ(-200px) rotateY(15deg);
            }

            .card.left-1 {
                transform: translateX(-150px) scale(0.95) translateZ(-50px) rotateY(8deg);
            }

            .card.right-1 {
                transform: translateX(150px) scale(0.95) translateZ(-50px) rotateY(-8deg);
            }

            .card.right-2 {
                transform: translateX(300px) scale(0.8) translateZ(-200px) rotateY(-15deg);
            }
        }

        @media (max-width: 768px) {
           

            .carousel-container {
                height: 400px;
            }

            .card {
                width: 200px;
                height: 300px;
            }

            .card.left-2 {
                transform: translateX(-220px) scale(0.8) translateZ(-200px) rotateY(15deg);
            }

            .card.left-1 {
                transform: translateX(-110px) scale(0.95) translateZ(-50px) rotateY(8deg);
            }

            .card.right-1 {
                transform: translateX(110px) scale(0.95) translateZ(-50px) rotateY(-8deg);
            }

            .card.right-2 {
                transform: translateX(220px) scale(0.8) translateZ(-200px) rotateY(-15deg);
            }

            .nav-arrow {
                width: 40px;
                height: 40px;
                font-size: 1.2rem;
            }
        }

        @media (max-width: 480px) {
            .carousel-container {
                height: 350px;
            }

            .card {
                width: 160px;
                height: 240px;
            }

            .card.left-2,
            .card.right-2 {
                display: none;
            }

            .card.left-1 {
                transform: translateX(-90px) scale(0.9) translateZ(-50px) rotateY(8deg);
            }

            .card.right-1 {
                transform: translateX(90px) scale(0.9) translateZ(-50px) rotateY(-8deg);
            }
        }

       .gallery-section{
          background: #f6f4f1;
            overflow-x: hidden;
            padding: 40px 0px;
       } 

       .thm-breadcrumb{
        margin-bottom: 20px;
       }

       .counter-one__count-box h3 {
    position: absolute;
    top: -69px;
    left: 26px;
}
.counter-one__count-box p{
    font-size: 1.2rem !important;
    font-weight: 600;
}