* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body {
        font-family: Arial, sans-serif;
      line-height: 1.6;
      color: #333;
      /* background-color:#ff7777; */
      /* 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: 80px;
    }
    .nav-links {
      display: flex;
      gap: 30px;
      align-items: center;
    }
    .nav-links a {
      text-decoration: none;
      color:#000000;
      font-weight: 500;
      font-size: 14px;
    }
    .nav-buttons a {
      background-color: #2F4872;
      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: #F8E8D8;
      color: black;
      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:#2F4872;
     font-weight: bold;
     border: 2px solid #2F4872;
    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: 45px;
        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-img{
   position: relative;
  display: inline-block;
  background-color: #E99CAA; 
  overflow: hidden;
}

.banner-img::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #E99CAA); 
  pointer-events: none;
} */

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


/* Slider  Banner */
/* Banner */


.dbanner-slider {
  position: relative;
  width: 100%;
  /*max-height: 650px;*/
  overflow: hidden;
}

.dslides {
  display: none;
  position: absolute;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.dslides.dactive {
  display: block;
  opacity: 1;
  position: relative;
}

.dslides picture,
.dslides img {
  width: 100%;
  height: auto;
  display: block;
}

.ddots {
  text-align: center;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
}

.ddot {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #ccc;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}

.ddot.dactive {
  /*background-color: #333; */
  background-color: #25252554;
}



/*Slider Banner */


/*Banner */



















 /* *************************************************************************************************** */
                                        /* 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: 10px !important; 
    /* padding-top: 30px; */
  padding: 20px;
  padding: 5px !important;
  /* padding-bottom: 30px; */
  margin-bottom: 20px;
    
   
}

.form_section .container{
    /*background-color: black;*/
    
    background-color:#2F4872;
    padding: 5px;
    padding: 25px !important;
    border:3px solid #fcf3f4;
    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 #ff4772, 0 0 30px #FECFDA, 0 0 45px #ff4772; */
   
    
}

.form_section .container h2{
    font-size: 1.5rem;
    color: #fc656f;
    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: #F8E8D8;
  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:#F8E8D8;
    color: #000000;
    padding: 12px;
    font-weight: 600;
    /* border: none; */
    font-size: 16px;
    cursor: pointer;
    width: 32%;
    border-radius: 10px;
    margin-bottom: 5px;
    Border: 2px solid #F8E8D8;
}



.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:#2F4872; /* 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 */
}


/* animation slide down start */

@keyframes slideDown {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.form_section {
    animation: slideDown 2s ease-out;
}



/* animation slide down end */

/* @keyframes slideLeft {
  from {
    transform: translateX(50px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.profile-container{
  animation: slideLeft 10s ease-out;

} */





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

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





}

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



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



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

/* Overlay background popup*/
  /* Overlay background */
  .popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    justify-content: center;
    align-items: center;
  }

  /* Popup box */
  .popup-content {
    position: relative;
    max-width: 600px;
    width: 95%;
    animation: fadeIn 0.6s ease;
  }

  /* Close button */
  .close-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #F8E8D8;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    border-radius: 50%;
    cursor: pointer;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 25px;
    border: 2px solid #F8E8D8;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: scale(0.95);
    }

    to {
      opacity: 1;
      transform: scale(1);
    }
  }





























 /* *************************************************************************************************** */
                                        /* what are service Start
/* *************************************************************************************************** */
.img-slider-h2{
   text-align: center;
   font-weight: 600;
   font-size: 25px;
   /*color:#2F4872;*/
   color: black !important;
   /* margin-top: 10px; */
   /* margin-bottom: 10px; */
  
}
 
.img-slider-h3{
   text-align: center;
   font-weight: 600;
   font-size: 20px;
   /*color:#2F4872;*/
   color: black !important;
   /* margin-top: 10px; */
   /* margin-bottom: 10px; */
  
}


 /* *************************************************************************************************** */
                                        /* Shorts Section section end
/* *************************************************************************************************** */

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

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

    .cards{
       text-align: center;
   font-weight: 600;
   /*font-size: 30px;*/
   /*color:#2F4872;*/
   font-size: 22px;
    color: #000000;
   margin-top: 10px;
   margin-bottom: 10px;
    }

    /*.feature-card {*/
    /*  background-color: #F8E8D8;*/
    /*  border: 2px solid #2F4872;*/
    /*  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: #2F4872;*/
    /*  margin-bottom: 10px;*/
    /*}*/

    /*.feature-card p {*/
    /*  font-size: 14px;*/
    /*  font-weight: 600;*/
    /*  color: #2F4872;*/
    /*  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
/* *************************************************************************************************** */


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

/* .shorts-slider-container {*/
/*      width: 100%;*/
/*      max-width: 1200px;*/
/*      margin: auto;*/
/*      overflow: hidden;*/
/*      position: relative;*/
/*      display: none;*/
/*    }*/
/*    .shorts-slider-track {*/
/*      display: flex;*/
/*      transition: transform 0.5s ease-in-out;*/
/*    }*/
/*    .shorts-slider-item {*/
/*      min-width: 20%;*/
/*      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: #ff47727c;*/
/*      border: none;*/
/*      color: white;*/
/*      font-size: 20px;*/
/*      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;*/
/*    }*/
  
    
/*    @media (max-width: 1024px) {*/
/*      .shorts-slider-item {*/
/*        min-width: 25%; */
/*      }*/
/*    }*/
/*    @media (max-width: 768px) {*/
/*      .shorts-slider-item {*/
/*        min-width: 33.33%;*/
/*      }*/
/*    }*/
/*    @media (max-width: 480px) {*/
/*      .shorts-slider-item {*/
/*        min-width: 50%;*/
/*      }*/
/*    }*/
/*    @media (max-width: 320px) {*/
/*      .shorts-slider-item {*/
/*        min-width: 100%; */
/*      }*/
/*    }*/

/*.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 {*/

/*  text-align: center;*/
/*  margin-top: 5px;*/
/*  font-size: 14px;*/
/*  color: White;*/
/*  font-weight: 600;*/
/*  background-color: #ff4772;*/
/*  padding: 5px;*/
/*  border-radius: 10px;*/
/*  border:2px solid white ;*/
/*  cursor: pointer;*/
/*} */


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


 /* *************************************************************************************************** */
                                        /* Profile
/* *************************************************************************************************** */
.profile-container {
     
      display: flex;
      flex-wrap: wrap;
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
       max-width: 1200px;
      margin: auto;
      /*box-shadow: 0 0 10px rgba(0,0,0,0.1);*/
    }

    .profile-image {
      flex: 1 1 300px;
      min-width: 300px;
      display: flex;
      align-items: center;
      justify-content: center;
       /* background: #2F4872; */
      background: linear-gradient(to right, #F8E8D8 20%, #ffffff 50%);
      padding: 20px;
    }
    /*.profiledata{*/
    /*    text-align: center;*/
    /*    color:black !important;*/
    /*}*/

    .profile-image img {
      /*border-radius: 10%;*/
      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
/* *************************************************************************************************** */


.image_section{
    background-color:White;
    margin-bottom: 20px;
}

.image_section .container{
    max-width: 1200px;
}
.images {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.images img {
    width: 100%;
    height: auto;
}
@media (max-width: 768px) {
    .images {
        grid-template-columns: repeat(2, 1fr);
    }
}



/* image section end */





/* Google review Slider Start */
.google_review_section{
    /* font-family: Arial, sans-serif; */
    background-color:#2f487269;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    /* height: 100vh; */
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}

.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: start;
}

.profile-icon {
    width: 40px;
    height: 40px;
    background-color: #4a7c59;
    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;
}

/* 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;
}

.slider {
    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 Reivew Slider End */


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

 .footer {
    background-color: #2F4872;
    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
/* *************************************************************************************************** */

/* WhatsApp Button - Round Shape */

/* Mobile Footer Menu Start */
/* *************************************************************************************************** */
                                        /* mobile menu start */
/* *************************************************************************************************** */

/* Show only on mobile */
@media only screen and (max-width: 768px) {
  .mobile-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #2F4872;
    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: #F8E8D8;
    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); }
  50% { transform: rotate(-15deg); }
  75% { transform: rotate(10deg); }
  100% { transform: rotate(0deg); }
}

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



/* *************************************************************************************************** */
                                        /* 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;
}

}





/* Mobile Footer Menu Endt */

.section {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 40px;
      background-color: #ffffff;
      flex-wrap: wrap;
    }

    .text-content {
      flex: 1 1 400px;
      padding-right: 30px;
    }
    
    .text-content li {
        text-align: justify;
    }
    
    .text-content li::marker{
        font-size: 25px; /* marker size */
    color: black;
    }

    .text-content h2 {
      color: #2f4872;
      font-size: 28px;
      margin-bottom: 20px;
    }

    .text-content h3 {
      color: #2f4872;
      margin-bottom: 10px;
    }

    .text-content p {
      color: #333;
      margin-bottom: 20px;
      text-align: justify;
    }

    .image-content {
      flex: 1 1 300px;
      text-align: center;
    }

    .image-content img {
      width: 100%;
      /* max-width: 400px; */
      border-radius: 20px;
    }

    @media (max-width: 768px) {
      .section {
        flex-direction: column;
        text-align: left;
        padding: 20px;
      }

      .text-content {
        padding-right: 0;
      }

      .image-content {
        margin-top: 20px;
      }
    }