/* Tabb   */
 


 
 
  .tabbed-content .centered {
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    padding: 4px 10px;
    margin-bottom: 0px;
    text-decoration: none;
    text-transform: uppercase;
    color: black;

   
}
 
 
.img-gallery{
height: 160px  ;
width: 290px  ;
object-fit: cover;
margin-bottom: 7px;
 
}
.text-span{
color: #8c9090;
padding-left: 5px;
font-weight: 300;
}
.img-gallery{
  height: 182px;
  width: 270px;
  object-fit: fill;
  /* margin-bottom: 7px; */
  padding: 5px;
  border-radius: 28px;
   
}
.text-span{
  color: #8c9090;
  padding-left: 5px;
  font-weight: 300;
}

.tabbed-content {
background: #fff;
/* box-shadow: 1px 1px 6px #ccc; */
/* max-width: 600px; */
padding: 3px;
/* margin: 1em auto; */
overflow: hidden;
}
.tabbed-content-img{
height: 86px;
width: 222px;
object-fit: cover;
}
.tabs ul {
margin: 0;
padding: 0 0 1em 0;
font-weight: bold;
}
.tabs ul li {
background: #eee;
}
.tabs ul li a {
  padding: 4px 10px;
  text-decoration: none;
}
.tabs ul li a:hover, .tabs ul li a.active {
background: #F0CF51;
color: #eee;
}
.item {
margin-bottom: 2px;
}
.item::before {
cursor: pointer;
font-weight: bold;
background: #eee;
padding: 0.5em;
display: block;
}
.item.active::before {
background: #35b1af;
color: #eee;
}
.item.active .item-content {
/* padding: 1em; */
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
@media (min-width: 800px) {
.item.active .item-content {
padding-top: 0;
}
.tabs-side .tabs li {
margin-bottom: 2px;
}

}
/* 
The project specific CSS starts here
This is the minimum CSS that you will need in order for this to work
*/
.tabbed-content .tabs {
display: none;
}
.tabbed-content .item {
min-height: 2em;
}
.tabbed-content .item::before {
content: attr(data-title);
}
.tabbed-content .item .item-content {
opacity: 0;
visibility: hidden;
height: 0;
}
.tabbed-content .item.active .item-content {
opacity: 1;
visibility: visible;
height: auto;
padding: 0px 15px;
}
@media (min-width: 800px) {
.tabbed-content .tabs {
display: block;
margin-left: 5px;
}
.tabbed-content .tabs li {
display: inline-block;
}
.tabbed-content .tabs li a {
display: block;
}
.tabbed-content .item {
min-height: 0;
}
.tabbed-content .item::before {
display: none;
}
.tabbed-content.tabs-side .tabs {
width: 150px;
float: left;
}
.tabbed-content.tabs-side .tabs li {
display: block;
}
.tabbed-content.tabs-side .item {
margin-left: 150px;
}
}
@media (max-width:800px){
  .img-gallery {
    height: 120px;
    width: 100%;
    object-fit: cover;
    /* margin-bottom: 7px; */
    padding: 4px;
    border-radius: 17px;
  }
}