#patient-video .tab-treatment {margin:0px auto;width:560px;display: flex; gap:10px;   justify-content: center;border: 1px solid #1585D2;border-radius:12px; padding:6px;}
#patient-video .tab-treatment button {display: block;position:relative;background:none; color:#1585D2;padding:12px 15px;width:50%;border: none;outline: none;text-align:center;cursor: pointer;transition: 0.3s;font-size:18px;border-radius:8px;position:relative;}
#patient-video .tab-treatment button.active {color:#ffffff; background:linear-gradient(187deg, rgba(24,85,67) 20%, rgba(63,123,85,1) 80%);}


#treatment-team .tab-treatment {width:auto; display: flex;gap:20px; margin-left:0px;margin-right:0px; margin-top:30px; margin-bottom:40px; justify-content: center;}
#treatment-team .tab-treatment button img{position:relative;width:25px; padding-right:5px; margin-top:-5px;}
#treatment-team .tab-treatment button.active {color:#ffffff; background:#1585D2; border:1px solid #1585D2;}
#treatment-team .tab-treatment button.active img{
    filter: brightness(0) invert(1);}
#treatment-team .tab-treatment button { display: block; position: relative; background-color:#ffffff; color: #000000;  padding: 12px 25px; width:max-content; border: none; outline: none;text-align: center;cursor: pointer;transition: 0.3s;font-size: 18px; border-radius:8px; border: 1px solid #E6E6E6;}


#testimonials-video-section .tab-treatment {width:auto; display: flex;gap:20px; margin-left:0px;margin-right:0px; margin-top:30px; margin-bottom:40px; justify-content: center;}
#testimonials-video-section .tab-treatment button img{position:relative;width:25px; padding-right:5px; margin-top:-5px;}
#testimonials-video-section .tab-treatment button.active {color:#ffffff; background:#1585D2; border:1px solid #1585D2;}
#testimonials-video-section .tab-treatment button.active img{
    filter: brightness(0) invert(1);}
#testimonials-video-section .tab-treatment button { display: block; position: relative; background-color:#ffffff; color: #000000;  padding: 12px 25px; width:max-content; border: none; outline: none;text-align: center;cursor: pointer;transition: 0.3s;font-size: 18px; border-radius:8px; border: 1px solid #E6E6E6;}



.tab-treatment {
    margin:0px auto;width:550px;display: flex; gap:10px;   justify-content: center;  
}
.tab-treatment button img{position:relative;width:25px; margin-right:5px; margin-top:-5px;}
.city-icon{display:inline-block;}.city-icon-h{display:none;}
button.active .city-icon{display:none;}button.active .city-icon-h{display:inline-block;}

/* Style the buttons inside the tab */
.tab-treatment button {
    display: block;position:relative;
    background:#ffffff; 
	border: 1px solid #CCC;
	border-radius: 8px;
    color:#000000;
    padding:12px 25px;
    width:max-content;
    outline: none;
    text-align:center;
    cursor: pointer;
    transition: 0.3s;
    font-size:18px;
}
/* Change background color of buttons on hover */

.tablinks .fa{color:#000;}
.tab-treatment button.active.fa{color:#000;}
/* Create an active/current "tab button" class */
.tab-treatment button.active {color:#ffffff; background: #1585D2; }

/* Style the tab content */
.tabcontent {
  padding: 0px 12px;
  width:100%;
  border-left: none;
  height: 100%;
  display: none;
}
.tabcontent1 {
  display: none;
}

.home-patient-boxleft .tab-treatment {margin:10px auto;width:100%;display: flex; flex-direction: column; gap:30px;   justify-content: left;}
.home-patient-boxleft .tab-treatment button {display:flex; gap:20px; position:relative;background:#e2e2e2; padding:12px 15px;width:100%;border: none;outline: none;text-align:left;cursor: pointer;transition: 0.3s;font-size:18px;border-radius:8px;position:relative; border: 1px solid #fff;border-radius:12px; padding:30px 20px;}
.home-patient-boxleft .tab-treatment img{width:60px; height:60px; border-radius:100%;}
.home-patient-boxleft .tab-treatment h4{display:block; font-size:22px;  color:#1a1a1a; font-weight: bold;}
.home-patient-boxleft .tab-treatment h4 span{display:block;  font-weight:bold;padding-top:10px; font-size:16px; color:#4b4b4b; }
.home-patient-boxleft .tab-treatment button.active {background: rgba(21, 133, 210, 0.05); border: 1px solid #1585D2;border-radius:12px;}




.location-section-left .tab-treatment {margin:0px auto;width:100%;display: flex; flex-direction: column; gap:18px;   justify-content: left;}
.location-section-left .tab-treatment button {display:flex; gap:20px; position:relative;background:#ffffff; padding:15px;width:100%;border: none;outline: none;text-align:left;cursor: pointer;transition: 0.3s;font-size:18px;border-radius:8px;position:relative; border:2px solid #fff;border-radius:12px; }
.location-section-left .tab-treatment img{width:60px; height:60px; border-radius:100%;}
.location-section-left .tab-treatment h4{display:block; font-size:18px; color:#000000; font-weight: bold;}
.location-section-left .tab-treatment h4 span{display:block; padding-top:10px; font-size:16px; color:#444; font-weight:normal;}
.location-section-left .tab-treatment button.active {background:#ffffff; border: 2px solid #1BA3FF; border-radius:8px;}
.location-section-left .tab-treatment button.active h4{color: #1585D2;}
.location-section-left .tab-treatment button.active h4 span{color: #1585D2;}


@media screen and (max-width:880px) {
.tabcontent{padding-top:10px; padding-left:0px; padding-right:0px;}
.tab-treatment{ width:100%;height:100%; margin:0px;}
.tab {width:100%; height:100%; margin-left:0%; margin-top:0px; border-bottom:0px solid #444; display:none;} 
.tab-treatment button{width:auto; font-size: 14px; display: flex; flex-direction: column; justify-content: center;
align-items: center; padding: 12px 14px;}
.city-icon{display:block;}button.active .city-icon-h{display:block;}

#patient-video .tab-treatment {width:95%; font-size: 14px;justify-content: center;align-items: center;}
#patient-video .tab-treatment button{padding: 12px 6px; font-size:14px;}

.home-patient-boxleft .tab-treatment{flex-wrap: initial;gap: 15px;justify-content: left;overflow-x: scroll;overflow-y: hidden;padding-bottom: 15px;padding-right: 15px;  flex-direction:row;}
.home-patient-boxleft .tab-treatment button{width:80%;flex:0 0 80%; gap: 8px; flex-direction: row; padding:10px 10px; }
.home-patient-boxleft .tab-treatment img{width:45px;height:50px; border-radius:15px;}
.home-patient-boxleft .tab-treatment h4{font-size:14px;}
.home-patient-boxleft .tab-treatment h4 span{font-size:12px; padding-top: 4px;}

.location-section-left  .tab-treatment{flex-wrap: initial;gap: 15px;justify-content: left;overflow-x: scroll;overflow-y: hidden;padding-bottom: 15px;padding-right: 15px;  flex-direction:row;}
.location-section-left  .tab-treatment button{width:80%;flex:0 0 80%; gap: 8px; flex-direction: row; padding:10px 10px; }
.location-section-left  .tab-treatment img{width:45px;height:50px; border-radius:15px;}
.location-section-left  .tab-treatment h4{font-size:14px;}
.location-section-left  .tab-treatment h4 span{font-size:12px; padding-top: 4px;}


#treatment-team .tab-treatment{flex-wrap: initial;gap: 15px;justify-content: left;overflow-x: scroll; overflow-y: hidden;padding-bottom: 25px;padding-right: 15px;flex-direction: row;margin: 20px 0px 0px;}
#treatment-team .tab-treatment button{width:max-content; flex:none; gap:8px;}



#testimonials-video-section .tab-treatment{flex-wrap: initial;gap: 15px;justify-content: left;overflow-x: scroll; overflow-y: hidden;padding-bottom: 25px;padding-right: 15px;flex-direction: row;margin: 20px 0px 0px;}
#testimonials-video-section .tab-treatment button{width:max-content; flex:none; gap:8px;}


}