* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body {
        font-family: Arial, sans-serif;
      line-height: 1.6;
      color: #333;
      background-color: #F6CDD0;
      /* background-color:#ffffff; */
      /* background: linear-gradient(to bottom right, #E99CAA, #ffffff); */
       /* light pink to white */
    }
/* *************************************************************************************************** */
                                    /* This is heder menue section stat */ 
/* *************************************************************************************************** */
    header {
      position: sticky;
      top: 0;
      z-index: 1000;
      background-color: #fff;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    .container{
         padding: 20px 10px;
      max-width: 1200px;
      margin: auto;
    }
    .navbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
     
      
    }
    .navbar img {
      height: 50px;
    }
    .nav-links {
      display: flex;
      gap: 30px;
      align-items: center;
    }
    .nav-links a {
      text-decoration: none;
      color:#000000;
      /* font-weight: 600; */
      font-size: 14px;
    }
    .nav-buttons a {
      background-color:#830B4F;
      color: white;
      padding: 10px 15px;
      text-decoration: none;
      border-radius: 4px;
      font-weight: bold;
      margin-left: 10px;
       transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
    }
     .nav-buttons a:hover {
      background-color: #1f3253;
      transform: scale(1.02);
    }
    .hamburger {
      display: none;
      flex-direction: column;
      cursor: pointer;
    }
    .hamburger span {
      height: 3px;
      width: 25px;
      background: #005b4f;
      margin: 4px 0;
    }

    .ri-menu-line{
     font-size: 18px;
     color:#830B4F;
     font-weight: bold;
     border: 2px solid #830B4F;
    padding: 1px 10px;
    border-radius: 5px;
      
    }
 
    @media (max-width: 768px) {
      .nav-links, .nav-buttons {
        display: none;
        flex-direction: column;
        background-color: #fff;
        position: absolute;
        top: 46px;
        left: 0;
        width: 100%;
        padding: 20px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        align-items: start;
        gap: 20px;
      }
       .nav-links.active {
        display: flex;
      }
      .nav-buttons {
        display: none;
      }
      .hamburger {
        display: flex;
      }
       .container{
         padding: 5px 10px;
      
    }
    .navbar img {
      height: 35px;
    }
    }

/* *************************************************************************************************** */
                                        /* header manue section end */
/* *************************************************************************************************** */



/* *************************************************************************************************** */
                                        /* Banner section Start */
/* *************************************************************************************************** */
.banner img {
    width: 100%;
    height: auto;
    display: block;
}


/* *************************************************************************************************** */
                                        /* Banner section end */
/* *************************************************************************************************** */

/* *************************************************************************************************** */
                                        /* Form section start */
/* *************************************************************************************************** */



/* Default border color */
/* Border color change on focus */
#mobile:focus {
    outline: 2px solid #48a32c; /* Green outline on focus */
}

/* Red outline when input is invalid */
#mobile.invalid {
    outline: 2px solid red; /* Red outline on invalid input */
}




.form_section{
    width: 100%;
    /* background-color: #000000; */
    /* margin-top: 5px; */
    /* padding-top: 30px; */
  padding: 20px;
  /* padding-bottom: 30px; */
  margin-bottom: 20px;
    
   
}

.form_section .container{
    background-color:#830B4F;
    padding: 5px;
    border:3px solid #F6CDD0;
    border-radius: 10px 10px 10px 10px;
     /* box-shadow: 0 0 15px #065949, 0 0 30px #0ff, 0 0 45px #065949; */
     box-shadow: 0 0 15px #830B4F, 0 0 30px #F6CDD0, 0 0 45px #830B4F;
   
    
}

.form_section .container h2{
    font-size: 1.5rem;
    color: #F8E8D8;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 5px;
}

.form-group {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

/* .form-group {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
} */

.form-group label {
    color: white;
    font-size: 14px;
    font-weight:bolder;
    display: block;
    /* text-shadow: 
        -1px -1px 0 #075949,
         1px -1px 0 #075949,
        -1px  1px 0 #075949,
         1px  1px 0 #075949; */
    margin-bottom: 5px;
    
}

.form3{
  font-weight: 700;
  color: white;
  text-align: center;
  margin-bottom: 10px;
}

.form-group input, .form-group select {
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    border: none;
    font-size: 16px;
    outline: none;
}

.form-group input{
    outline: none;
    
}
.form-group div {
    flex: 1;
    min-width: 250px;
}
.btn {
    margin-top: 15px;
    background-color:#830B4F;
    color: white;
    padding: 12px;
    /* border: none; */
    font-size: 16px;
    cursor: pointer;
    width: 32%;
    border-radius: 10px;
    margin-bottom: 5px;
    Border: 2px solid #F6CDD0;
}



.custom-alert {
    display: none; /* Initially hidden */
    position: fixed;
    top: 20px; /* Position near top of the screen */
    right: 20px; /* Position near the right side */
    background-color: white; /* White background */
    color: black; /* Black text */
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    width: 250px; /* Width for small note style */
    font-family: Arial, sans-serif;
    font-size: 14px; /* Slightly smaller font size */
    line-height: 1.5;
    border-left: 4px solid #ff0000; /* Green left border to make it stand out */
}

.alert-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.alert-content button {
    background-color: blue; /* Blue background for the button */
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    font-size: 14px;
}

.alert-content button:hover {
    background-color: darkblue; /* Dark blue background on hover */
}


@media (max-width: 768px) {
.container {
        max-width: 95%;
        /* background-color: red; */
        
    }

     .btn {
        width: auto;
        width: 100%;
    }





}

@media (min-width: 1024px) {
  .form_section{
    width: 25%;
    /* background-color: #f6f3f2; */
    margin-top: 5px;
    padding-top: 30px;
  
  padding-bottom: 30px;
  margin-bottom: 20px;
  position: absolute;
    top: 150px;
    right: 60px;
    
   
}
.btn {
    
    width: 100%;
  
}
.banner img {
   position: relative;
}



.form_section .container{
  
    padding: 20px;
   
   
    
}
 
}



/* *************************************************************************************************** */
                                        /* form section end */
/* *************************************************************************************************** */


/* *************************************************************************************************** */
                                        /* Tab section Start */
/* *************************************************************************************************** */

  /* .container {
      max-width: 1200px;
      margin: auto;
      padding: 20px;
    } */
   .tabs {
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 20px;
  /* overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;  */
}
/* .tabs::-webkit-scrollbar {
  display: none; 
} */
    /* .tab-button {
      padding: 10px 20px;
      background: #ccc;
      border: none;
      cursor: pointer;
      border-radius: 4px;
      font-weight: 600;
    font-size: 16px;
     padding: 22px;
    } */

    .tab-button {
  flex: 0 0 auto;
  padding: 10px 20px;
  background: #ffffff;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  font-weight: 600;
    font-size: 16px;
    padding: 22px; 
    color:#830B4F;
     border:3px solid #830B4F;
    border-radius: 20px 0 20px 0;
     /* box-shadow: 0 0 15px #065949, 0 0 30px #0ff, 0 0 45px #065949; */
     /* box-shadow: 0 0 15px #ff4772, 0 0 30px #FECFDA, 0 0 45px #ff4772; */
}
    .tab-button.active {
      background: #830B4F;
      color: white;
    }
    .tab-content {
      display: none;
    }
    .tab-content.active {
      display: flex;
      gap: 20px;
    }
    .side-tabs {
      flex: 1;
      max-width: 200px;
    }
    .side-tab-button {
      display: block;
      /* padding: 10px; */
      margin-bottom: 10px;
      background: #ffffff;
      color:#830B4F;
      border: none;
      cursor: pointer;
      text-align: left;
      border-radius: 4px;
      width: 100%;
       font-weight: 600;
    font-size: 16px;
    padding: 15px;
     border:3px solid #830B4F;
    border-radius: 10px;
    }
    .side-tab-button.active {
      background: #830B4F;
      color: white;
    
    }
    .side-content {
      flex: 3;
      background: rgba(255, 255, 255, 0);
      /* padding: 20px; */
      /* border-radius: 5px; */
    }

    .side-panel{
      display: flex;
      gap:10px;
    }

    .side-image{
       width: 25rem;
        height: 25rem;
        border-radius: 10px;
    }
.main-head{
  color:#830B4F;
  margin-bottom: 10px;
  font-size: 30px;
  /* margin-top: 5px; */
}

.sub-head{
  color: white;
  margin-bottom: 10px;
}

p{
  line-height: 1.8;
  text-align: justify;
  font-size: 16px;
}

.booknow{
   margin-top: 15px;
    background-color:#830B4F;
    color: white;
    padding: 10px;
    /* border: none; */
    font-size: 16px;
    cursor: pointer;
    width: 32%;
    border-radius: 10px;
    /* margin-bottom: 5px; */
    Border: 2px solid #830B4F;
}
    
@media (max-width: 768px) {
      .side-panel{
        flex-direction: column;
      }
      .side-image{
        width: 100%;
        height: 100%;
        border-radius: 10px;
      }
      p{
  line-height: 1.6;
  text-align: justify;
  font-size: 12px;
}
.booknow{
  width: 100%;
}

.side-tab-button{
    font-weight: 600;
    font-size: 16px;
    padding: 8px;
    
}
 .tab-content {
      display: none;
    }
    .tab-content.active {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
 
.tab-button{
      max-width: 48%;
      /* padding: 10px 20px; */
    background: #ffffff;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-weight: 600;
    font-size: 18px;
    padding: 5px;
    color: #830B4F;
    border: 3px solid #830B4F;
}
  

.side-tabs {
     display: flex;
     flex-direction: row;
    gap:5px;
     overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; 
 max-width: 100%;
 
    }
.tabs{
  display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}
    

}
    /* *************************************************************************************************** */
                                        /* Tab section end */
/* *************************************************************************************************** */


 /* *************************************************************************************************** */
                                        /* Machine image secion start */
/* *************************************************************************************************** */

.slider-wrapper {
  position: relative;
  /* max-width: 1200px; */
  width: 100%;
  margin: auto;
  overflow: hidden;
  /* padding: 20px; */
}

.slider {
  display: flex;
  transition: transform 0.6s ease-in-out;
}

.slide {
  min-width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 40px;
  padding: 20px;
  box-sizing: border-box;
}

.slide .image img {
  width: 100%;
  /* max-width: 500px; */
  height: auto;
}

.content{
  /* width: 90%;  old tha*/
  width: 100%;
}

.content h2 {
  font-size: 28px;
  color: #830B4F;
  margin-bottom: 10px;
}

.content h3 {
  color: #830B4F;
  font-weight: bold;
  margin-bottom: 15px;
}

.content p {
  color: #000000;
  line-height: 1.6;
  font-size: 16px;
}

.highlight {
  color: #00684a;
  font-weight: bold;
  margin-top: 10px;
}

/* Navigation Buttons */
.nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #830b4f7a;
  color: white;
  border: none;
  font-size: 10px;
  padding: 10px 15px;
  cursor: pointer;
  border-radius: 50%;
}

.nav.prev {
  left: 10px;
}

.nav.next {
  right: 10px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .slide {
    flex-direction: column;
    text-align: center;
  }

  .slide .image img {
    max-width: 100%;
  }

  .content h2 {
    font-size: 24px;
  }
 
}





    /* *************************************************************************************************** */
                                        /* machine image section end
/* *************************************************************************************************** */





/* *************************************************************************************************** */
                                        /* mobile menu start */
/* *************************************************************************************************** */

/* Show only on mobile */
/* Hide on desktop by default */
.mobile-menu {
  display: none;
}

@media only screen and (max-width: 768px) {
  .mobile-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #830B4F;
    display: flex;
    justify-content: space-around;
    padding: 2px 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    z-index: 1000;
  }

  .mobile-menu .menu-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
    font-size: 12px;
    text-decoration: none;
  }

  .mobile-menu .menu-item i {
    font-size: 20px;
    margin-bottom: 4px;
    font-weight: 500;
  }

  .call-icon {
    color: #F8E8D8; /* Bright green */
  }

  .whatsapp-icon {
    color: #25D366; /* WhatsApp green */


  }

  @keyframes ring {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(15deg);
  color:rgb(0, 255, 0);
  font-size:large;
  }
  50% { transform: rotate(-15deg); 
  color:white;
font-size:larger}
  75% { transform: rotate(10deg); 
  color:green;}
  100% { transform: rotate(0deg); }
}

.call-icon {
  color: #F8E8D8; /* Ya aapka preferred color */
  animation: ring 1.5s infinite;
}
  
}


.whatsapp-icon {
  position: relative;
  color: #25D366;
  font-size: 24px;
}

/* Ripple Animation Circle */
.whatsapp-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(37, 211, 102, 0.3);
  transform: translate(-50%, -50%) scale(1);
  animation: ripple 1.5s infinite ease-out;
  z-index: -1; /* Send it behind the icon */
}

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


/* ye desktop ka whatsapp ke liye  start */

.ri-whatsapp-line {
  position: relative;
  color: #25D366;
  font-size: 24px;
}

/* Ripple Animation Circle */
.ri-whatsapp-line::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(37, 211, 102, 0.3);
  transform: translate(-50%, -50%) scale(1);
  animation: ripple 1.5s infinite ease-out;
  z-index: -1; /* Send it behind the icon */
}

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

/* desktop ke whatsapp  ke liye end */

/* @keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

.ri-contacts-book-line {
  color: #F8E8D8;
  animation: bounce 1.5s infinite;
} */

 /* *************************************************************************************************** */
                                        /*Card Start
/* *************************************************************************************************** */

 .features-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding: 20px;
      max-width: 1200px;
      margin: auto;
    }

    .feature-card {
      background-color: #830B4F;
      border: 2px solid #830B4F;
      border-radius: 12px;
      text-align: center;
      /* padding: 5px 10px; */
      padding: 10px;
      margin: 10px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
      transition: transform 0.3s ease;
      flex: 1 1 14%; /* default: 6 cards in a row */
      max-width: 180px;
      min-width: 100px;
    }

    .feature-card:hover {
      transform: translateY(-5px);
    }

    .feature-card i {
      font-size: 36px;
      color: white;
      margin-bottom: 10px;
    }

    .feature-card p {
      font-size: 14px;
      font-weight: 600;
      color: white;
      margin: 0;
      text-align: center;
      line-height: 1.4;
    }

    /* Tablet & Mobile (≤768px): 2 per row */
     /* ✅ Mobile & Tablet - 2 per row */
    @media (max-width: 768px) {
      .features-container {
        justify-content: space-between;
      }

      .feature-card {
        width: calc(50% - 20px); /* 2 cards per row */
      }
    }

    /* ✅ Very small mobile - 1 per row */
    @media (max-width: 420px) {
      .feature-card {
        width: 100%;
      }
    
    }
     /* *************************************************************************************************** */
                                        /*Card End
/* *************************************************************************************************** */




/* *************************************************************************************************/

                                   /* galary section start */
                          
/* *************************************************************************************************/

 /* h2.gallery-title {
      text-align: center;
      font-size: 2rem;
      color: #004d40;
      margin-bottom: 30px;
    }

    .gallery {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 20px;
      max-width: 1200px;
      margin: auto;
    }

    .gallery img {
      width: 100%;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s;
    }

    .gallery img:hover {
      transform: scale(1.03);
    } */



    /* *************************************************************************************************/

                                   /* galary section start */
                          
/* *************************************************************************************************/


/* *************************************************************************************************** */
                                        /* Profile
/* *************************************************************************************************** */
/* .profile-container {
     
      display: flex;
      flex-wrap: wrap;
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
       max-width: 1200px;
      margin: auto;
      
    }

    .profile-image {
      flex: 1 1 300px;
      min-width: 300px;
      display: flex;
      align-items: center;
      justify-content: center;
     
      background: linear-gradient(to right, #F8E8D8 20%, #ffffff 50%);
      padding: 20px;
    }
   

    .profile-image img {
     
      max-width: 500px;
      width: 100%;
      height: auto;
    }

    .profile-content {
      flex: 2 1 400px;
      padding: 20px;
    }

    .profile-content h2 {
      font-size: 1.8em;
      color: #333;
      margin-bottom: 10px;
    }

    .profile-content h3 {
         text-align: center !important;
      font-size: 1.2em;
      color: black !important;
      margin-bottom: 20px;
      font-weight: 500;
    }

    .profile-content p {
      font-size: 1em;
      line-height: 1.6;
      margin-bottom: 15px;
    }

    .experience {
      background: #2F4872;
      color: #F8E8D8;
      padding: 10px 20px;
      border-radius: 30px;
      display: inline-block;
      margin-bottom: 15px;
      font-weight: bold;
      font-size: 0.9em;
    }

    .appointment-btn {
      display: inline-block;
      padding: 10px 20px;
      background: #2F4872;
      color: #F8E8D8;
      text-decoration: none;
      border-radius: 5px;
      font-weight: bold;
      transition: background 0.3s ease;
    }

    .appointment-btn:hover {
      background: #2563eb;
    }

    @media (max-width: 768px) {
      .profile-container {
        flex-direction: column;
        align-items: center;
      }

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

      .profile-content h2 {
        text-align: center;
      }

      .profile-content p {
        text-align: justify;
      }

      .experience {
        display: block;
        text-align: center;
      }

      .appointment-btn {
        display: block;
        text-align: center;
        margin: 0 auto;
      }
    } */


    
 /* *************************************************************************************************** */
                                        /* Profile End
/* *************************************************************************************************** */

/* *************************************************************************************************** */
                                        /* Google Review section start
/* *************************************************************************************************** */



.google_review_section .container{
    max-width: 1200px;
}


/* .slider-container {
    
    overflow: hidden;
    position: relative;
}

.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.cardR {
 min-width: 31.7%;
    background: white;
    padding: 20px;
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    text-align: left;
} */



.profile-container {
    display: flex;
    align-items: center;
}

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

.google-icon {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 15px;
    height: 15px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.google-icon img {
    width: 12px;
    height: 12px;
}

.testimonial {
    font-size: 14px;
    color: #333;
    margin-top: 10px;
}

.name {
    font-weight: bold;
    margin-top: 10px;
}

.stars {
    color: gold;
}

.video_h2{
  color: #2F4872;
  text-align: center;
}

/* Responsive Styling */
/* @media (max-width: 768px) {
    .cardR {
        min-width: 50%;
    }
}

@media (max-width: 480px) {
    .cardR {
        min-width: 100%;
    }
} */

.slider-container {
    /* width: 80%; */
    overflow: hidden;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.sliderR {
    display: flex;
    transition: transform 0.5s ease-in-out;
}
.cardR {
    min-width: 23.5%;
    background: white;
    padding: 15px;
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    text-align: left;
}

@media (max-width: 768px) {
    .cardR {
        min-width: 100%;
    }
}

 /* *************************************************************************************************** */
                                        /* Google Review section end
/* *************************************************************************************************** */

/* *************************************************************************************************** */
                                        /* Shorts Section section Start
/* *************************************************************************************************** */

 /* Shorts Slider Video CSS by Rajesh Start*/
 .shorts-slider-container {
      width: 100%;
      max-width: 1200px;
      margin: auto;
      overflow: hidden;
      position: relative;
    }
    .shorts-slider-track {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }
    .shorts-slider-item {
      min-width: 20%; /* 5 videos per row on desktop */
      padding: 5px;
    }
    .shorts-slider-item video {
      width: 100%;
      aspect-ratio: 9 / 16;
      border-radius: 8px;
      background: black;
      object-fit: cover;
    }
    .shorts-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: #2f48724e;
      border: none;
      color: white;
      font-size: 30px;
      cursor: pointer;
      padding: 10px 15px;
      border-radius: 50%;
      user-select: none;
      z-index: 10;
    }
    .shorts-btn:hover {
      background: rgba(255,255,255,0.5);
    }
    .shorts-btn-prev {
      left: 5px;
    }
    .shorts-btn-next {
      right: 5px;
    }
  
    /* Responsive adjustments */
    @media (max-width: 1024px) {
      .shorts-slider-item {
        min-width: 25%; /* 4 videos per row on tablets */
      }
    }
    @media (max-width: 768px) {
      .shorts-slider-item {
        min-width: 33.33%; /* 3 videos per row on small tablets */
      }
    }
    @media (max-width: 480px) {
      .shorts-slider-item {
        min-width: 50%; /* 2 videos per row on large phones */
      }
    }
    @media (max-width: 320px) {
      .shorts-slider-item {
        min-width: 100%; /* 1 video per row on small phones */
      }
    }

.shorts-video-wrapper {
  position: relative;
}

.mute-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  background-color: rgba(0, 0, 0, 0.6);
  border: none;
  color: white;
  font-size: 16px;
  padding: 5px 8px;
  border-radius: 4px;
  cursor: pointer;
  z-index: 2;
}

.shorts-video-caption {
  /*  position: absolute;*/
  /*  top: : 90%;*/
  /*right: 8px;*/
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  color: #F8E8D8;
  font-weight: 600;
  background-color: #830B4F;
  padding: 5px;
  border-radius: 10px;
}

.shorts-video-caption a {
    color: White;
    text-decoration: none;
}

/*.shorts-video-caption a:hover {*/
/*    color: White;*/
/*}*/





/* Shorts Slider Video CSS by Rajesh END*/

 /* *************************************************************************************************** */
                                        /* Shorts Section section End
/* *************************************************************************************************** */



/* *************************************************************************************************** */
                                        /* mobile menu end */
/* *************************************************************************************************** */

/* WhatsApp Button - Round Shape */
.whatsapp-btn1 {
    position: fixed;
    bottom: 80px;
    right: 20px;
    background: #25D366;       /* WhatsApp Green */
    color: white;
    width: 45px;
    height: 45px;
    border-radius: 50%;        /* Circle shape */
    display: flex;
    align-items: center;
    justify-content: center;   /* Center the icon */
    font-size: 28px;           /* Icon size */
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    transition: transform 0.3s ease;
}

.whatsapp-btn1:hover {
    transform: scale(1.1);     /* Hover effect */
}

.whatsapp-btn1 i {
    color: white;
    font-size: 28px;
}



@media only screen and (max-width: 768px) {
  
.whatsapp-btn1{
    display: none;
}

}







/* scroll button end ****************************************************************************/




/* circluar why choose use start ****************************************************************************/

.containert{
         padding: 20px 10px;
      max-width: 1200px;
      margin: auto;
      background-color: #F6CDD0;
      margin-top: 5px;
      margin-bottom: 10px;
    }

.containerc {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 30px;
     
      gap: 30px;
    }
   
.cardc {
      width: 150px;
      text-align: center;
    }

 .cardc img {
      width: 100%;
      height: 150px;
      border-radius: 50%;
      border: 4px solid #830B4F;
      object-fit: cover;
    }

    .title {
      font-weight: bold;
      margin-top: 10px;
    }

    .desc {
      font-size: 0.9rem;
      color: #000000;
    }

    /* Responsive for mobile */
    @media (max-width: 600px) {
      .cardc {
        width: 45%;
      }
    }


    /* circluar why choose use end****************************************************************************/

       /* *************************************************************************************************** */
                                        /*Footer Start
/* *************************************************************************************************** */

 .footer {
    background-color: #830B4F;
    color: white;
    padding: 40px 20px;
  }

  .footer-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: auto;
  }

  .footer-left,
  .footer-right {
    flex: 1 1 300px;
    margin: 10px;
  }

  .footer-logo {
    width: 180px;
    margin-bottom: 15px;
  }

  .footer-text {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .social-icons {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
  }

  .social-icons a{
     text-decoration: none;
  }

  .social-icons i {
    background-color: white;
    color: #2F4872;
    padding: 8px;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 700;
    transition: 0.3s;
  }

  .social-icons i:hover {
    background-color: #ffffffcc;
  }

  .footer-right h3 {
    margin-top: 0;
    font-size: 20px;
  }

  .footer-right hr {
    width: 40px;
    border: 2px solid white;
    margin: 5px 0 15px;
  }

  .map-container iframe {
    border-radius: 8px;
    width: 100%;
  }

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

    .footer-left,
    .footer-right {
      flex: 1 1 100%;
      margin-bottom: 30px;
    }

    .social-icons {
      flex-direction: row;
      flex-wrap: wrap;
    }
  }


       /* *************************************************************************************************** */
                                        /*Footer end
/* *************************************************************************************************** */