.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-research-section-left .tab-treatment {margin:0px auto;width:100%;display: flex; flex-direction: column; gap:27px;   justify-content: left;}
.home-research-section-left .tab-treatment button {display:flex; gap:20px; position:relative;
background: #FAFAFA; 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 #F2F2F2;border-radius:12px; padding:30px 20px;}
.home-research-section-left .tab-treatment .research-img{width:50px; height:50px; text-align:center; line-height: 31px; background:#fff; padding:10px; border-radius:100%;}
.home-research-section-left .tab-treatment img{width:20px; height:20px; margin-right:0px;}
.home-research-section-left .tab-treatment h4{display:block; font-size:16px; color:#000000;  font-family: Inter Medium;}
.home-research-section-left .tab-treatment h4 span{display:block; padding-top:10px; font-size:14px; color:#454545;; font-family:Open Sans; font-weight:normal;}
.home-research-section-left .tab-treatment button.active {background:#01568C; box-shadow: 0px 4px 12.8px -9px rgba(0, 0, 0, 0.25);
 border: 1px solid #1585D2; border-radius:8px;}
.home-research-section-left .tab-treatment button.active h4{color: #ffffff;}
.home-research-section-left .tab-treatment button.active h4 span{color: #ffffff;}
.home-research-section-left .tab-treatment button.active .research-img{background:#F1B43D;}



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

 

.home-research-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;}
.home-research-section-left .tab-treatment button{width:70%;flex:0 0 70%; gap: 8px; flex-direction: row; padding:10px 10px; }

.home-research-section-left .tab-treatment h4{font-size:14px;}
.home-research-section-left .tab-treatment h4 span{font-size:12px; padding-top: 4px;}
 


}