* ============================================================= */
        /*  GLOBAL RESET & BASE SETTINGS (mobile-first)                 */
        /* ============================================================= */
        
        *{margin:0;padding:0;box-sizing:border-box}
        html{font-size:100%}
        /* Smooth scrolling for all anchor links */
html {
    scroll-behavior: smooth;
}

        body{
            font-family:Poppins,sans-serif;
            line-height:1.6;
            color:#333;
            background:#F6CDD0;
            overflow-x:hidden;
            
        }

        /* ============================================================= */
        /*  HEADER / NAVBAR                                            */
        /* ============================================================= */
        header{
            position:sticky;
            top:0;
            z-index:1000;
            background:#fff;
            box-shadow:0 4px 6px rgba(0,0,0,.1);
        }
        .container{max-width:1200px;margin:auto;padding:0 15px}
        .navbar{
            display:flex;
            justify-content:space-between;
            align-items:center;
            padding:15px 0;
            min-height:60px;
        }
        .navbar img{height:55px;transition:height .3s; padding:0px 5px;}
        .nav-links{
            display:flex;
            gap:20px;
            align-items:center;
        }
        .nav-links a {
             display: block;              /* Makes the entire area clickable */
            padding: 10px 15px;          /* Spacing for better look */
    color:black;                 /* Text color */
    text-decoration: none;       /* Remove underline */
    transition: 0.3s ease;       /* Smooth hover effect */
    border: 2px solid #830B4F;
    border-radius: 20px;
}

.nav-links a:hover {
    background: #830B4F;         /* Choose your hover color */
    color: #fff;                 /* Optional: keep text white */
}

        .nav-buttons{
            display:flex;
            gap:12px;
            align-items:center;
            margin: 10px;
        }
        .nav-buttons a{
            background:#830B4F;
            color:#fff;
            
        
            padding:8px 14px;
            border-radius:6px;
            text-decoration:none;
            font-weight:bold;
            font-size:.85rem;
            white-space:nowrap;
            transition:all .3s;
        }
        .nav-buttons a:hover{
            background:#a03366;
            transform:translateY(-2px);
            box-shadow:0 4px 8px rgba(131,11,79,.3);
        }
        .hamburger{
            display:none;
            flex-direction:column;
            gap:4px;
            cursor:pointer;
            padding:5px;
            border-radius:4px;
        }
        .hamburger span{
            width:25px;
            height:3px;
            background:#830B4F;
            border-radius:2px;
            transition:all .3s;
        }

        /* ============================================================= */
        /*  BREAKPOINTS                                                */
        /* ============================================================= */
        @media (max-width:767px){
            .navbar img{height:38px}
            .nav-links,.nav-buttons{display:none}
            .hamburger{display:flex}
            .nav-links.active{
                display:flex;
                flex-direction:column;
                position:absolute;
                top:60px;
                left:0;right:0;
                background:#fff;
                padding:20px 0;
                box-shadow:0 4px 12px rgba(0,0,0,.15);
                gap:16px;
                align-items:center;
                z-index:999;
                border-top:1px solid #eee;
            }
            .nav-links.active a{font-size:1rem;padding:8px 20px}
        }
        @media (min-width:768px) and (max-width:1228px){
            .nav-buttons{display:none}
            .nav-links{gap:16px}
            .nav-links a{font-size:.85rem}
        }
        @media (min-width:1229px){
            .nav-links{gap:24px}
            .nav-links a{font-size:.95rem}
            .nav-buttons a{padding:10px 18px;font-size:.9rem}
        }
/* ===================== HERO WRAPPER ===================== */
.hero-wrapper {
    width: 100%;
    position: relative;
}

.hero-image-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.hero-image {
    width: 100%;
    height: auto;
    display: block;
}

/* Overlay layer */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 1;
}

/* Text on left side */
.hero-text {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    z-index: 2;
    color: #fff;
    max-width: 500px; /* wider for desktop */
}

.hero-text h1 {
    font-size: 3.2rem;   /* BIG text on desktop */
    font-weight: 700;
    line-height: 1.2;
}
.subheading {
    font-size: 1.4rem;
    margin-top: 10px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 1.4;
}

.rating {
    display: block;
    align-items: center;
    gap: 10px;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
}

.stars {
    font-size: 1.6rem; /* bigger stars */
    letter-spacing: 2px;
}


/* Responsive */
@media (max-width: 768px) {
    .hero-text h1 {
        font-size: 1.6rem;
    }
}
/* Tablet */
@media (max-width: 992px) {
    .hero-text h1 {
        font-size: 2rem;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .hero-text {
        left: 4%;
        top: 45%; /* better alignment on small screens */
        transform: translateY(-45%);
        max-width: 300px;
    }

    .hero-text h1 {
        font-size: 1rem;
    }
}
/* Tablet */
@media (max-width: 992px) {
    .subheading {
        font-size: 1.2rem;
    }
    .rating {
        font-size: 1rem;
    }
    .stars {
        font-size: 1.4rem;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .subheading {
        font-size: 0.7rem;
    }

    .rating {
        font-size: 0.5rem;
    }

    .stars {
        font-size: 0.4rem;
    }
}




/* ===================== FORM (DESKTOP) ===================== */


.hero-form {
    position: static;      /* remove absolute overlay */
        transform: none;
        width: 60%;
        margin: 20px auto;
        right: auto;
        top: auto;
        max-width: 80%;
        padding: 25px;
        border-radius: 16px;
    

    /* Glassmorphism effect */
    background: rgba(255, 255, 255, 0.4); /* semi-transparent */
    border: 1px solid rgba(255, 255, 255, 0.3); /* light border */
    backdrop-filter: blur(10px); /* frosted glass */
    -webkit-backdrop-filter: blur(10px); /* Safari support */

    /* Optional shadow for depth */
    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
}
/* FORM ELEMENTS */
.form-title {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    
    
}

.input-wrapper {
    position: relative;
    margin-bottom: 15px;
}

.form-input {
    width: 90%;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #ccc;
}

.input-icon, .dropdown-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.modern-btn {
    display: block;               /* makes it a block element */
    margin: 20px 0 0 0;           /* spacing from elements above */
    width: fit-content;           /* auto width based on text */
    padding: 14px 28px;           /* more comfortable padding */
    background: #830B4F;
    color: #fff;
    font-size: 1rem;            /* button text size */
    font-weight: 600;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    text-align: center;
    transition: 0.3s all ease;
    justify-content: center;
}

/* Hover effect */
.modern-btn:hover {
    background: #a50f70;
}
@media (max-width: 600px) {
    .modern-btn {
        width: 50%;             /* full width on small screens */
        padding: 10px 0;         /* slightly smaller padding */
        font-size: 0.7rem;       /* slightly smaller text */
        margin: 10px 0 0 0;      /* smaller top margin */
    }
}


        /* ============================================================= */
        /*  TABS SECTION                                               */
        /* ============================================================= */
        .tabs{
            display:flex;
            flex-wrap:wrap;
            gap:10px;
            margin-bottom:24px;
            overflow-x:auto;
            padding-bottom:8px;
            -webkit-overflow-scrolling:touch;
            scrollbar-width:thin;
        }
        .tab-button{
            flex:0 0 auto;
            padding:12px 20px;
            background:#fff;
            border:3px solid #830B4F;
            border-radius:20px 0 20px 0;
            color:#830B4F;
            font-weight:600;
            font-size:.95rem;
            cursor:pointer;
            white-space:nowrap;
            transition:all .3s;
        }
        .tab-button:hover{background:#830B4F;color:#fff;}
        .tab-button.active{background:#830B4F;color:#fff;}
        .tab-content{display:none}
        .tab-content.active{display:flex;flex-direction:column;gap:20px}
        .side-panel{display:flex;flex-direction:column;gap:15px}
        .side-image{width:100%;height:auto;border-radius:10px}
        .main-head{color:#830B4F;font-size:2rem;margin-bottom:10px; text-align:center;}
        .sub-head{color:#fff;margin-bottom:10px}
        .booknow {
         background: #830B4F;
         color: #fff;
         border: 2px solid #830B4F;
         margin-bottom: 10px;
         padding: 10px 20px; /* Adjusted horizontal padding */
         border-radius: 10px;
         font-size: 1rem;
         cursor: pointer;
         display: inline-block; /* This is key */
         width: auto; /* Override any full width */
         margin-top: 15px;
         text-align: center;
         }
         .callnow {
        background: #830B4F;
        color: #fff;
        border: 2px solid #830B4F;
        margin-bottom: 10px;
        padding: 10px 24px;           /* Adjust horizontal padding as needed */
        border-radius: 10px;
        font-size: 1rem;
        cursor: pointer;
        display: inline-block;        /* Key: fits to text width */
        width: auto;                  /* Override full width */
        text-align: center;
        transition: background 0.2s ease;
        text-decoration: none;        /* If used in <a> */
        }
        
        .side-image {
    width: 100%;                 /* fill the parent width */
    object-fit: cover;           /* crop if needed, no stretching */
    display: block;              /* remove bottom gap */
    border-radius: 10px;         /* keep your rounded corners */
}



        @media (min-width:769px){
            .tabs{justify-content:center;overflow:visible}
            .tab-button{font-size:1rem;padding:14px 24px}
            .side-panel{flex-direction:row}
            .side-tabs{max-width:200px}
            .side-content{flex:3}
            .side-image{ height: 300px;}
        }
        @media (max-width:768px){
            .tab-button{font-size:.85rem;padding:8px 12px}
            .side-tabs{flex-direction:row;overflow-x:auto;gap:5px}
            .side-image{height: 400px;  }
        }
        
        
        
        /* ============================================================= */
        /*  Service                                             */
        /* ============================================================= */
            .service-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding: 20px 0;
}

.service-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
}

.service-box.reverse {
    flex-direction: row-reverse;
}

.service-image {
    flex: 1 1 45%;
}

.service-image img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.service-content {
    flex: 1 1 45%;
}

.service-content h2 {
    font-size: 28px;
    margin-bottom: 15px;
}

.service-content p {
    font-size: 16px;
    line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
    .service-box,
    .service-box.reverse {
        flex-direction: column;
        text-align: center;
    }

    .service-image, 
    .service-content {
        flex: 1 1 100%;
    }
}

        /* ============================================================= */
        /*  MACHINE IMAGE SLIDER                                       */
        /* ============================================================= */
        .slider-wrapper{position:relative;overflow:hidden;border-radius:12px;margin:20px 0}
        .slider{display:flex;transition:transform .6s ease-in-out}
        .slide{
            min-width:100%;
            display:flex;
            flex-direction:column;
            gap:20px;
            height: auto;
            
            padding:20px;
            box-sizing:border-box;
        }
        .line{
            margin-bottom: 50px;
            color: #830B4F;
        }
        
        .slide .image {
          flex: 0 0 auto;           /* Don't grow */
          max-width: 100%;
          margin: 0 auto;
            }
        .slide .image img{width:100%;height:auto;border-radius:10px;object-fit:cover}
        .content h2{font-size:1.6rem;color:#830B4F;}
        .content h3{color:#830B4F;font-weight:bold}
        .nav{
            position:absolute;top:50%;transform:translateY(-50%);
            background:#830b4f7a;color:#fff;border:none;
            width:40px;height:40px;border-radius:50%;
            font-size:1.2rem;cursor:pointer;
        }
        .nav.prev{left:10px}
        .nav.next{right:10px}
        @media (min-width:769px){
            .slide{flex-direction:row;align-items:center}
            .slide .content{flex:1;padding-left:20px}
        }

        /* ============================================================= */
        /*  MOBILE BOTTOM MENU                                         */
        /* ============================================================= */
        .mobile-menu{
            display:none;
            position:fixed;
            bottom:0;left:0;right:0;
            background:#830B4F;
            justify-content:space-around;
            padding:8px 0;
            border-top-left-radius:15px;
            border-top-right-radius:15px;
            z-index:1000;
            box-shadow:0 -2px 10px rgba(0,0,0,.1);
        }
        .mobile-menu .menu-item{
            color:#fff;
            font-size:.75rem;
            text-align:center;
            text-decoration: none;
        }
        .mobile-menu .menu-item i{font-size:1.25rem;margin-bottom:4px}
        .call-icon{animation:ring 1.5s infinite}
        .whatsapp-icon{position:relative}
        .whatsapp-icon::after{
            content:"";
            position:absolute;
            top:50%;left:50%;
            width:40px;height:40px;
            border-radius:50%;
            background:rgba(37,211,102,.3);
            transform:translate(-50%,-50%) scale(1);
            animation:ripple 1.5s infinite ease-out;
            z-index:-1;
        }
        @keyframes ring{
            0%{transform:rotate(0)}
            25%{transform:rotate(15deg)}
            50%{transform:rotate(-15deg)}
            75%{transform:rotate(10deg)}
            100%{transform:rotate(0)}
        }
        @keyframes ripple{
            0%{transform:translate(-50%,-50%) scale(.8);opacity:1}
            100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}
        }
        @media (max-width:768px){.mobile-menu{display:flex}}

        /* ============================================================= */
        /*  FEATURE CARDS                                              */
        /* ============================================================= */
        .features-container{
            display:flex;
            flex-wrap:wrap;
            justify-content:center;
            gap:15px;
            padding:20px;
            margin-bottom:30px ;
        }
        .feature-card{
        flex:1 1 140px;
        max-width:180px;
        background:#830B4F;
        border:2px solid #830B4F;
        border-radius:12px;
        padding:12px;
        text-align:center;
        color:#fff;
        transition:transform .3s;
    }
  @media (max-width: 600px){
    .feature-card{
        flex: 0 0 50%;
        max-width: 30%;     /* override 180px */
    }
}



        .feature-card:hover{transform:translateY(-5px)}
        .feature-card i{font-size:2rem;margin-bottom:8px}
        .feature-card p{font-size:.85rem}

        /* ============================================================= */
        /*  GOOGLE REVIEW SLIDER                                       */
        /* ============================================================= */
        /* ============================================================= */
/*  GOOGLE REVIEWS – DEBUG VERSION (FORCE RESPONSIVE)          */
/* ============================================================= */
.google_review_section {
  padding: 40px 20px;
  background: transparent;
}

.google_review_section .main-head {
  margin-bottom: 40px;
  font-size: 1.8rem;
  color: #830B4F;
  text-align: center;
}

/* Grid container for cards */
.sliderR {
  display: grid;
  grid-template-columns: 1fr; /* default 1 column */
  gap: 20px;
  justify-items: center;
}

/* Individual card */
.cardR {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  width: 90%;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cardR .profile-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cardR .profile-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #830B4F;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 1.2rem;
}

.cardR .google-icon {
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 18px;
  height: 18px;
}

.cardR .google-icon img {
  width: 100%;
  height: 100%;
}

.cardR .testimonial {
  font-size: 0.9rem;
  color: #333;
}

.cardR .name {
  font-weight: bold;
  color: #830B4F;
}

.cardR .stars {
  color: #FFD700; /* gold stars */
  font-size: 1rem;
}

/* Tablet: 2 cards per row */
@media (min-width: 601px) and (max-width: 1024px) {
  .sliderR {
    grid-template-columns: repeat(2, 1fr);
    
  }
  
}


/* Desktop: 3 cards per row */
@media (min-width: 1025px) {
  .sliderR {
    grid-template-columns: repeat(3, 1fr);
    
  }
}

        /* ============================================================= */
        /*  SHORTS VIDEO SLIDER                                        */
        /* ============================================================= */
        .shorts-slider-container{position:relative;overflow:hidden;padding:10px 0}
        .shorts-slider-track{
            display:flex;
            transition:transform .5s ease-in-out;
            gap:10px;
            padding:0 10px;
        }
        .shorts-slider-item{
            min-width:calc(100% - 20px);
            padding:5px;
            box-sizing:border-box;
        }
        .shorts-slider-item video{
            width:100%;
            aspect-ratio:9/16;
            border-radius:12px;
            object-fit:cover;
            background:#000;
        }
        .shorts-btn{
            position:absolute;top:50%;transform:translateY(-50%);
            background:#2f48724e;color:#fff;border:none;
            width:44px;height:44px;border-radius:50%;
            font-size:1.5rem;cursor:pointer;
        }
        .shorts-btn-prev{left:5px}
        .shorts-btn-next{right:5px}
        .mute-btn{
            position:absolute;top:8px;right:8px;
            background:rgba(0,0,0,.6);color:#fff;
            border:none;padding:5px 8px;border-radius:4px;
            cursor:pointer;z-index:2;
        }
        .shorts-video-caption{
            text-align:center;margin-top:5px;
            font-size:.875rem;color:#F8E8D8;
            font-weight:600;background:#830B4F;
            padding:5px;border-radius:10px;
        }
        .shorts-video-caption a{color:#fff;text-decoration:none}
        @media (min-width:481px){.shorts-slider-item{min-width:calc(50% - 20px)}}
        @media (min-width:769px){.shorts-slider-item{min-width:calc(33.33% - 20px)}}
        @media (min-width:1025px){.shorts-slider-item{min-width:calc(25% - 20px)}}
        @media (min-width:1201px){.shorts-slider-item{min-width:calc(20% - 20px)}}

        /* ============================================================= */
        /*  WHY CHOOSE US – CIRCULAR CARDS                             */
        /* ============================================================= */
        .containerc{
            display:flex;
            flex-wrap:wrap;
            gap:120px;
            justify-content:center;
            padding:20px 15px;
        }
        .cardc{
            flex:0 1 140px;
            text-align:center;
        }
        .cardc img{
            width:100%;
            height:140px;
            object-fit:cover;
            border-radius:50%;
            border:4px solid #830B4F;
        }
        
        @media (max-width: 768px) {
    .containerc {
        gap: 20px;                    /* Reduce gap on mobile */
        padding: 20px 10px;
    }
    .cardc {
        flex: 0 1 calc(50% - 10px);   /* 2 per row (50% - half gap) */
        max-width: calc(50% - 10px);
    }
}

        /* ============================================================= */
        /*  FOOTER                                                     */
        /* ============================================================= */
       /* Wrapper */
       
     
.address{
    color: #830B4F;
}

.location-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    flex-wrap: wrap;
    padding: 40px 20px;
}

/* Left Section */
.location-left {
    flex: 1 1 40%;
    background-color: #E6FFFC;
    padding: 40px 0;
    text-align: center;
    border-radius: 5%;
}

.address-box h3 {
    margin-top: 15px;
    font-size: 20px;
}

.address-box p {
    font-size: 15px;
    line-height: 1.6;
}

/* Right Section */
.location-right {
    flex: 1 1 55%;
}

.map-wrapper {
    width: 100%;
    height: 350px;
    border-radius: 10px;
    overflow: hidden;
}

/* Responsive */
@media (max-width: 768px) {
    .location-container {
        flex-direction: column;
    }

    .location-right,
    .location-left {
        flex: 1 1 100%;
    }

    .map-wrapper {
        height: 300px;
    }
}

        
/* Responsive */
@media (max-width: 768px) {
    .footer {
        flex-direction: column;
        gap: 25px;
    }
}


        /* ============================================================= */
        /*  WHATSAPP FLOAT BUTTON (desktop only)                       */
        /* ============================================================= */
        .whatsapp-btn1{
            position:fixed;
            bottom:80px;
            right:20px;
            background:#25D366;
            color:#fff;
            width:48px;height:48px;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:1.5rem;
            box-shadow:0 4px 6px rgba(0,0,0,.2);
            z-index:1000;
            transition:transform .3s;
            text-decoration: none;
        }
        .whatsapp-btn1:hover{transform:scale(1.1)}
        @media (max-width:768px){.whatsapp-btn1{display:none}}

        /* ============================================================= */
        /*  CUSTOM ALERT                                               */
        /* ============================================================= */
        .custom-alert{
            display:none;
            position:fixed;
            top:20px;right:20px;
            background:#fff;color:#000;
            padding:10px 20px;border-radius:5px;
            box-shadow:0 0 8px rgba(0,0,0,.3);
            z-index:1000;
            width:250px;font-size:.875rem;
            border-left:4px solid #ff0000;