/* Tabs */
.tab {
  background:#EEEEEE; width:24%;padding:5px;border-radius:16px;height:100%;
}



.articles-tab{display:flex; gap:30px; width:max-content; margin: 0px auto;  justify-content: center; padding:5px; height:100%;}
.articles-tab button {position:relative;   background-color: inherit;   color: black;  padding:10px 0px;  width:max-content; font-size:12px;   border: inherit; text-transform: uppercase; font-weight: bold;  letter-spacing: 2px;  font-family: "poppins",sans-serif; color:#556600;  outline: none;  cursor: pointer;}
.articles-tab button span{display:block; font-size:12px; color:#556600;}
.articles-tab button img{border-radius:100%; width:70px;  height:70px;}
.articles-tab button.active {border-bottom:1px solid #556600 !important; opacity:1;}
.articles-tab button.active span{color:#556600; }
.articles-tab button:hover{color:#556600;}.location-tab button:hover span{color:#556600; }
 

 



/* Style the buttons inside the tab */
.tab button {
  display: block;position:relative; 
  background-color: inherit;border-radius:12px;
  color: black;
  padding:14px;
  width: 100%;font-size:16px; font-weight:bold;
  border: inherit;
  outline: none;
  text-align: left;
  cursor: pointer;
    margin-bottom: 0px;
letter-spacing: 0.01em;
  color:#8B8B8B;
}

 
.tab button img{width:24px; height:auto; position:absolute; right:20px; top:33px; display:none;}
/* Change background color of buttons on hover */
.tab button:hover {color:#222222;} 
.tab button:hover img{display:block;}
.tab button.active img{display:block;}
/* Create an active/current "tab button" class */
.tab button.active {background:#fff; color:#222222;}

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

@media screen and (max-width:880px) {
.tabcontent{width:100%; padding: 0px 1px;}
.tab{width:100%; display: flex; overflow-x: scroll;flex-wrap: initial;gap: 14px;justify-content: left; /* flex-wrap: wrap; */padding-bottom: 15px;padding-right: 15px;}.tab button{width:max-content;flex: 0 0 auto; margin-bottom:0px;}
 
.articles-tab{gap:10px;}
.articles-tab button{font-size:11px;}.articles-tab button span{font-size:12px;}




}