* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}
body {
   font-family: 'Segoe UI', sans-serif;
}

html{
        font-size: 62.5%;
        
         scroll-behavior: smooth;
        
}

/* Header Section Start */
a{
    text-decoration: none;
}
h1{
    color:white;
    padding-bottom: 30px;
}
.logo{
    width: 150px;
    height: auto;
   
}
.header_section{
    width: 100%;
    height: auto;
   
    box-shadow: rgba(0,0,0,0.05) 0px 6px 24px 0px ,
            rgba(0,0,0,0.08) 0px 0px 0px 1px ;

}

.container {
    max-width: 75%;
    margin: 0 auto;
    padding: 0 20px;
    
}


.header_section .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
   
    padding: 15px 0px;
}


.whatsapp_section{
    
    display: flex;
            align-items: center;
            background:rgb(203, 169, 56);
            /* padding:  7px; */
            padding: 12px 15px;
            border-radius: 5px;
            text-decoration: none;
            color: white;
            gap:1rem;
            position: relative;
            overflow: hidden;
            transition: background 0.4s ease-in-out;
}

/* for hover animation */
.whatsapp_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgb(50, 50, 50);
    transition: left 0.8s ease-in-out;
    z-index: 0;
}

.whatsapp_section:hover::before {
    left: 0;
  
}

 .whatsapp_number{
    font-size: 1.5rem;
    font-weight: 400;
    /* color: black; */
    z-index: 1;
    
}

.whatsapp_cion i{
    font-size: 2rem;
    
    color: rgb(9, 222, 9);
    background-color:black;
    border-radius: 50%;
    padding: 5px;
    z-index: 1;
} 

.whatsapp_cion{
    z-index: 1;
}


/* Header Section End */

/* Banner */
/* Banner */


.dbanner-slider {
  position: relative;
  width: 100%;
  /* max-height: 500px; */
  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;
}



/*Banner */


/*Banner */

/* 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{
background:#f5f5f7;
padding:40px 20px;
}

.consultation-wrapper{
display:flex;
max-width:1100px;
margin:auto;
border-radius:20px;
overflow:hidden;
}

/* LEFT SIDE FORM */

.consultation-left{
flex:2;
background:#f5f5f7;
padding:40px;
background-image:radial-gradient(#d9d9df 2px,transparent 2px);
background-size:25px 25px;
}

.form_section h2{
font-size:30px;
color:#3f4b6b;
margin-bottom:5px;
}

.doctor-text{
color:#3f4b6b;
margin-bottom:20px;
font-size: 20px;
font-weight: 700;
}

.form-group{
display:flex;
flex-direction:column;
gap:25px;
}

.form-group label{
font-weight:600;
}

.form-group input{
width:100%;
padding:14px;
border:none;
border-radius:10px;
background:#e6e6ea;
font-size:16px;
}

.form-name{
    font-size: 15px;
    margin-bottom: 15px;
    font-weight: 600;
}

.captcha-number{
    font-size: 15px;
    font-weight: 10px;
}







/* captcha */

.captcha-inline-wrapperad{
display:flex;
gap:10px;
align-items:center;
}

#captchaAnswerpulad{
flex:1;
padding:10px;
border-radius:6px;
border:none;
}

/* button */

.btn{
margin-top:10px;
background:#C49A3A;
color:white;
padding:12px 24px;
border:none;
border-radius:6px;
font-size:16px;
cursor:pointer;
width:120px;
}

/* RIGHT SIDE HELP */

.consultation-right{
flex:1;
background:#c49a3a;
display:flex;
align-items:center;
justify-content:center;
padding:30px;
}

.help-box{
display:flex;
align-items:center;
gap:20px;
color:white;
}

.phone-circle{
width:70px;
height:70px;
background:white;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
color:#2f3338;
}

.help-text p{
margin:0;
font-weight:600;
}

.help-text h3{
margin:5px 0 0;
font-size:22px;
}

/* MOBILE */

@media(max-width:768px){

.consultation-wrapper{
flex-direction:column;
}

.consultation-left{
padding:25px;
}

.consultation-right{
padding:20px;
justify-content:flex-start;
}

.help-box{
width:100%;
}

}















/* grid image start */


/* bio_section start */


/* bio_section %nd */



/* video start */
.video_section{
    background-color: #fffcf1;
}

.video_section .container{
    max-width: 1200px;
}
.youtube_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5px;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

/* .container .video {
    flex: 1 1 calc(33.333% - 10px); 
    max-width: calc(33.333% - 10px);
} */

.video_h2{
    font-size: 32px;
    font-weight: 700;
    padding-top: 20px;
   
}

.video iframe {
    width: 100%;
    height: 200px;
}

/* Responsive */
@media (max-width: 768px) {
    .video-container .video {
        flex: 1 1 100%;
        
    }
}









/* video end */


/* image section start */
.featured-section{
padding:10px 20px;
background:#f5f6fa;
text-align:center;
overflow:hidden;
}

.featured-title{
font-size:30px;
color:#24234b;
margin-bottom:40px;
font-weight:700;
}

/* slider container */

.featured-slider{
width:100%;
overflow:hidden;
position:relative;
}

/* moving track */

.featured-track{
display:flex;
gap:60px;
align-items:center;
width:max-content;
animation:featured-scroll 25s linear infinite;
}

.featured-track img{
height:40px;
width:auto;
}

/* animation */

@keyframes featured-scroll{
0%{
transform:translateX(0);
}
100%{
transform:translateX(-50%);
}
}

/* mobile */

@media(max-width:768px){

.featured-title{
font-size:28px;
}

.featured-track{
gap:35px;
animation-duration:18s;
}

.featured-track img{
height:30px;
}

}




/* image section end */

/* Doctor Profile Section */

.drprofile-section{
padding:70px 20px;
background:#f5f6fa;
}

.drprofile-container{
max-width:1200px;
margin:auto;
display:flex;
align-items:center;
gap:50px;
}

/* Image */

.drprofile-image{
position:relative;
flex:1;
}

.drprofile-image img{
width:100%;
border-radius:16px;
display:block;
}

/* Experience Badge */

.drprofile-badge{
position:absolute;
top:-25px;
right:-25px;
background:#C49A3A;
color:white;
width:120px;
height:120px;
border-radius:50%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
}

.drprofile-badge span{
font-size:34px;
font-weight:700;
}

.drprofile-badge p{
font-size:12px;
margin-top:3px;
}

/* Content */

.drprofile-content{
flex:1.2;
}

.drprofile-content h2{
font-size:40px;
color:#3f4b6b;
margin-bottom:10px;
}

.drprofile-content h3{
font-size:32px;
margin-bottom:20px;
color:#3f4b6b;
}

.drprofile-content p{
font-size:16px;
line-height:1.7;
margin-bottom:15px;
color:#444;
}

/* Call Button */

.drprofile-call{
display:inline-block;
margin-top:20px;
background:#C49A3A;
color:white;
padding:14px 30px;
border-radius:40px;
font-size:20px;
text-decoration:none;
font-weight:600;
}

.drprofile-call:hover{
background:#1d1c4f;
}

/* Mobile */

@media(max-width:768px){

.drprofile-container{
flex-direction:column;
gap:30px;
}

.drprofile-content h2{
font-size:28px;
}

.drprofile-content h3{
font-size:22px;
}

.drprofile-badge{
top:10px;
right:10px;
width:90px;
height:90px;
}

.drprofile-badge span{
font-size:24px;
}

.drprofile-call{
font-size:18px;
width:100%;
text-align:center;
}

}












/* big image section start*/




/* big image section end */




/* Review google */

.g-review-section{
padding:20px 20px;
background:#f5f6fa;
}

.g-review-wrapper{
display:flex;
align-items:center;
gap:40px;
max-width:1300px;
margin:auto;
}

/* left summary */

.g-review-summary{
min-width:220px;
}

.g-review-summary h2{
font-size:28px;
margin-bottom:10px;
}

.g-review-stars{
font-size:30px;
color:#f4b400;
}

.g-review-google{
width:50px;
margin-top:10px;
}

/* slider */

.g-review-slider{
overflow:hidden;
width:100%;
}

.g-review-track{
display:flex;
gap:25px;
overflow-x:auto;
scroll-behavior:smooth;
}

.g-review-track::-webkit-scrollbar{
display:none;
}

/* card */

.g-review-card{
background:#fff;
border-radius:14px;
padding:20px;
width:280px;
flex-shrink:0;
display:flex;
flex-direction:column;
justify-content:space-between;
min-height:220px;
}

.g-review-top{
display:flex;
align-items:center;
gap:12px;
}

.g-review-avatar{
width:40px;
height:40px;
border-radius:50%;
background:#DBBF8B;
color:white;
display:flex;
align-items:center;
justify-content:center;
font-weight:600;
}

.g-review-icon{
margin-left:auto;
width:20px;
}

.g-review-stars-small{
color:#f4b400;
margin:10px 0;
}

.g-review-text{
font-size:14px;
line-height:1.5;
max-height:60px;
overflow:hidden;
}

.g-read-btn{
background:none;
border:none;
color:#777;
cursor:pointer;
margin-top:5px;
}



@media (max-width:768px){

.g-review-wrapper{
flex-direction:column;
align-items:flex-start;
}

.g-review-summary{
width:100%;
margin-bottom:20px;
}

.g-review-slider{
width:100%;
}

.g-review-card{
width:260px;
}

.g-review-wrapper{
flex-direction:column;
align-items:center;
text-align:center;
}

.g-review-summary{
width:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
margin-bottom:25px;
}

.g-review-google{
margin-top:10px;
}

}





/* section about our serivce*/

.corederm-section{
padding:20px 20px;
background:#f6f7fb;
margin-bottom: 40px;
}

.corederm-container{
max-width:1200px;
margin:auto;
display:flex;
gap:50px;
align-items:center;
}

/* image */

.corederm-image{
flex:2;
position:relative;
}

.corederm-image img{
width:100%;
border-radius:20px;
display:block;
}

/* rating card */

.corederm-rating{
position:absolute;
top:5px;
left:5px;
background:white;
padding:5px;
border-radius:14px;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
text-align:center;
}

.corederm-stars{
color:#f5b301;
font-size:18px;
margin-bottom:5px;
}

.corederm-score{
font-size:34px;
font-weight:700;
display:block;
color:#2f3356;
}

/* content */

.corederm-content{
flex:1.2;
}

.corederm-content h2{
font-size:34px;
margin-bottom:15px;
color:#2f3356;
}

.corederm-intro{
margin-bottom:25px;
line-height:1.6;
color:#555;
font-size: 15px;
}

/* services grid */

.corederm-services{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
}

/* card */

.corederm-card{
background:white;
padding:18px;
border-radius:12px;
box-shadow:0 5px 12px rgba(0,0,0,0.05);
transition:0.3s;
}

.corederm-card:hover{
transform:translateY(-4px);
}

.corederm-card h4{
font-size: 20px;
margin-bottom:6px;
color:#DBBF8B;
}

.corederm-card p{
font-size:18px;
color:#666;
}

/* mobile */

@media(max-width:768px){

.corederm-container{
flex-direction:column;
gap:30px;
}

.corederm-content h2{
font-size:26px;
}

.corederm-services{
grid-template-columns:1fr;
}

.corederm-rating{
top:15px;
left:15px;
padding:15px;
}

.corederm-rating{

top:5px;
left:5px;
padding:1px;
}

}









/* section our serices card start */
/* section */

.treatgrid-section{
padding:70px 20px;
background:#f4f6fb;
text-align:center;
}

.treatgrid-title{
font-size:34px;
margin-bottom:45px;
color:#2f3356;
}

/* grid */

.treatgrid-container{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

/* card */

.treatgrid-card{
background:white;
border-radius:16px;
overflow:hidden;
text-align:left;
box-shadow:0 6px 18px rgba(0,0,0,0.07);
transition:0.3s;
}

.treatgrid-card:hover{
transform:translateY(-6px);
}

.treatgrid-card img{
width:100%;
height:180px;
object-fit:cover;
}

.treatgrid-card h3{
font-size:20px;
margin:15px 18px 6px;
color:#2f3356;
}

.treatgrid-card p{
font-size:14px;
color:#555;
margin:0 18px 18px;
line-height:1.6;
}

/* tablet */

@media(max-width:900px){

.treatgrid-container{
grid-template-columns:repeat(2,1fr);
}

}

/* mobile */

@media(max-width:600px){

.treatgrid-container{
grid-template-columns:1fr;
}

.treatgrid-title{
font-size:26px;
}

}




/* section our serices card start */







/* section of why choose us */

/* section */

.whyderm-section{
padding:20px 20px;
background:#f4f6fb;
text-align:center;
}

.whyderm-title{
font-size:30px;
margin-bottom:50px;
color:#394266;
}

/* grid */

.whyderm-grid{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
}

/* card */

.whyderm-card{
background:white;
padding:30px;
border-radius:18px;
text-align:left;
position:relative;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
transition:0.3s;
}

.whyderm-card:hover{
transform:translateY(-6px);
}

/* icon */

.whyderm-icon{
width:45px;
height:45px;
background:#3e4470;
color:white;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:20px;
margin-bottom:15px;
}

.whyderm-card h3{
font-size:22px;
margin-bottom:10px;
color:#2f3356;
}

.whyderm-card p{
font-size:15px;
line-height:1.6;
color:#555;
}

/* tablet */

@media(max-width:900px){

.whyderm-grid{
grid-template-columns:1fr 1fr;
}

}

/* mobile */

@media(max-width:600px){

.whyderm-title{
font-size:28px;
}

.whyderm-grid{
grid-template-columns:1fr;
gap:20px;
}

.whyderm-card{
padding:22px;
}

}

/* section of why choose us end*/











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




/* Faq start */
/* CTA Section */

.cta-derm-section{
position:relative;
background-image:url("images/clinic-team.jpg");
background-size:cover;
background-position:center;
padding:120px 20px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
overflow:hidden;
}

/* overlay */

.cta-derm-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(40,42,70,0.75);
}

/* content */

.cta-derm-content{
position:relative;
max-width:750px;
color:white;
}

.cta-derm-content h2{
font-size:52px;
margin-bottom:20px;
font-weight:700;
}

.cta-derm-content p{
font-size:18px;
line-height:1.6;
margin-bottom:30px;
}

/* button */

.cta-derm-btn{
display:inline-block;
background:#caa041;
color:white;
padding:16px 38px;
border-radius:40px;
font-size:22px;
font-weight:600;
text-decoration:none;
transition:0.3s;
}

.cta-derm-btn:hover{
background:#b28c35;
}

/* tablet */

@media(max-width:900px){

.cta-derm-content h2{
font-size:38px;
}

}

/* mobile */

@media(max-width:600px){

.cta-derm-section{
padding:80px 20px;
}

.cta-derm-content h2{
font-size:28px;
}

.cta-derm-content p{
font-size:15px;
}

.cta-derm-btn{
font-size:18px;
padding:14px 28px;
}

}

/* faq end */


/* Google review Slider Start */



/* Google Reivew Slider End */


/* Doctor Reiview Satrt */
/* .container1 {
    max-width: 1200px;
    margin: auto;
    padding: 40px 20px;
  } */


  /*.heading11 {*/
  /*  text-align: start;*/
  /*  font-size: 24px;*/
  /*  font-weight: bold;*/
  /*  margin-bottom: 40px;*/
  /*}*/

  /*.grid11{*/
  /*  display: grid;*/
  /*  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));*/
  /*  gap: 20px;*/
  /*  justify-content: center;*/
  /*}*/

  /*.card11{*/
  /*  background-color: #ffffff;*/
  /*  border-radius: 10px;*/
  /*  text-align: center;*/
  /*  padding: 30px 20px;*/
  /*  box-shadow: 0 4px 10px rgba(0,0,0,0.1);*/
  /*  transition: transform 0.2s;*/
  /*}*/

  /*.card11:hover {*/
  /*  transform: translateY(-5px);*/
  /*}*/

  /*.icon11{*/
  /*  width: 70px;*/
  /*  height: 70px;*/
  /*  border: 5px solid #fff4cd;;*/
  /*  border-radius: 50%;*/
  /*  display: flex;*/
  /*  align-items: center;*/
  /*  justify-content: center;*/
  /*  margin: 0 auto 20px;*/
  /*}*/

  /*.icon11 i {*/
  /*  font-size: 50px;*/
  /*  color: rgb(178, 176, 176);*/
  /*}*/

  /*.title11{*/
  /*  font-size: 24px;*/
  /*  font-weight: bold;*/
  /*  margin-bottom: 5px;*/
  /*}*/

  /*.subtitle11{*/
  /*  font-size: 14px;*/
  /*  color: #000000;*/
  /*}*/

  /*@media (max-width: 600px) {*/
  /*  .title11{*/
  /*    font-size: 20px;*/
  /*  }*/
  /*}*/


/* Doctor Review End */



/* why choose feature section start */






/* Why choose features section end */



/* feature section start */


.feature_sections{
    background-color: #fffcf1;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.feature_sections .container{
    max-width: 1200px;
}
.list_icons{
    display: flex;
    /* justify-content: center; */
    gap: 10px;
    font-size: 18px;
    align-items: center;
    color: #cba938;
}


.fps{
    font-size: 14px;
    margin-left: 25px;
    margin-top: 5px;
    text-align: justify;
}

.rights{
    width: 70%;
    display: flex;
    flex-direction: column;
    gap:20px;
    margin-left: 60px;
}

.fcontainers{
    display: flex;
}

.lefts{
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lefts img{
   padding: 30px;
  border-radius: 25%;
}
/* features section end */


/* Footer Start */
.footer_section{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
}


.f2{
    font-size: smaller;
}


/* Footer End */

/* Mobile Menu Footer Satar */
/* *************************************************************************************************** */
                                        /* 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: #2F3338;
    display: flex;
    justify-content: space-around;
    padding: 2px 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    z-index: 1000;
    border-top:2px solid #CBA938;
  }

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







/* Mobile Footer Menu Endt */

 /* WhatsApp Button */
 .whatsapp-btn1 {
    position: fixed;
    bottom: 80px;
    right: 20px;
    background: #25D366;
    color: white;
    padding: 12px 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.whatsapp-btn1 i {
    font-size: 22px;
    margin-right: 8px;
}

/* scroll button start */


/* Scroll to Top Button */
.scroll-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: black;
    color: white;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: none;
}

/* Show scroll button when scrolling */
.show {
    display: flex;
}



/* scroll button end */


/* responsive code  */

@media (max-width: 600px) {
    .container {
        max-width: 90%;
        /* background-color: red; */
        
    }
   .whatsapp-btn1{
     display: none;
   }
   .scroll-top{
    bottom: 40px;
   }
   
   h1{
    color:white;
    padding-bottom: 30px;
}


.footer_section{
    
    padding-bottom: 80px;
    gap:5px

}


    .whatsapp_section{
                padding: 12px 5px;
                border-radius: 5px;
                text-decoration: none;
                color: white;
                gap:1rem;
    }
    .whatsapp_number{
        font-size: 1rem;
        font-weight: 600;
        /* color: black; */
        
    }
    .btn {
        width: auto;
        width: 100%;
    }

    .mobile{
    display: flex;
    width: 100%;
      border-radius: 0 30px 0 30px;
    border: 10px solid #fff4cd;
    margin-top: 15px;
    /* border-radius: 0 30px 0 30px;
    border: 10px solid #fff4cd;
   
   
    height: 25%; */
   } 

    .desktop{
        display: none;
    }
    .right_content{
        display: none;
    }
  .biobtn{
    margin-bottom: 5px;
  } 

  .video_h2{
    font-size: 24px;
    font-weight: 600;
  
   
}

.desktop1{
    display: none;
}

.mobile1{
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;

}
  

.fcontainer{
    display: flex;
    flex-direction: column;
}

.left{
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;

}

.right{
    width: 100%;
    margin-left: 0px;
    
}
.left img{
    padding: 0px;
   border-radius: 20px;
 }



    
    
    /* .whatsapp_cion i{
        font-size: 2rem;
        
        color: rgb(9, 222, 9);
        background-color:white;
        border-radius: 50%;
        padding: 5px;
    } */
}





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






/* Meet Our Expert Section  start*/
.meet-expert-section {
  background-color: #fdf8ec;
  padding: 50px 20px;
  font-family: 'Segoe UI', sans-serif;
}

.meet-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  max-width: 1200px;
  margin: auto;
  flex-wrap: wrap;
}

.meet-text {
  flex: 1 1 450px;
}

.meet-text h2 {
  font-size: 32px;
  color: #1a1a1a;
  margin-bottom: 15px;
}

.meet-text p {
  font-size: 16px;
  line-height: 1.6;
  color: #444;
  max-width: 600px;
}

.meet-image {
  flex: 1 1 450px;
  text-align: center;
}

.meet-image img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

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

.meet-image {
  flex: 0 0 0px;
  text-align: center;
}

.meet-text {
    flex: 0 0 0px;
}




  .meet-text h2 {
    font-size: 26px;
  }

  .meet-text p {
    font-size: 15px;
  }
}



/* Meet Our Expert Section  end*/