

.award-section{background-color: #F7F4EB;}
.tabs {display: flex; gap: 30px;}
.tab-btn { background: none; border: none; font-size: 16px; cursor: pointer; position: relative; padding-bottom: 6px; opacity: 0.5;}
.tab-btn.active {opacity: 1;}
.tab-btn.active::after {content: ''; position: absolute; width: 100%; height: 2px; background: #d33; left: 0; bottom: 0;}
.tab-content {display: none;}
.tab-content.active {display: block;}
.award-title-tab{display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}

/* Rows */
.award-row {display: flex;}
.count {font-size: 18px; font-weight: 400; color: #333; width: 15%; border: 1px solid #ccc; border-left: 0; padding: 30px;}
.award-header{width: 25%; padding: 30px; border: 1px solid #ccc; border-left: 0;}
.award-header h4 {margin: 0; font-size: 20px; font-weight: 600;}
.award-body {display: flex; gap: 30px; padding-bottom: 20px; width: 40%; padding: 30px; border: 1px solid #ccc; border-left: 0;}
.award-img {width: 20%; text-align: center; border: 1px solid #ccc; border-left: 0; border-right: 0; height: auto; display: flex; align-items: center; justify-content: center;}
.award-img img{width: 100%; height: 100%; max-height: 160px; max-width: 200px; margin: auto; padding: 10px; object-fit: contain;}
.mobile-count{display: none;}
.award-img-mobile{display: none;}
 
/* ACCORDION (Mobile) */
.accordion.active .award-body {display: flex;}

/* RESPONSIVE */
@media (max-width: 991px) {

  .accordion .award-body {display: none;}
  .count{display: none;}
  .count.mobile-count{display: block; border: 0; width: auto; padding: 0;}
  .award-header{display: flex; gap: 20px; width: 100%; border: 0; position: relative;}
  .award-header::after{content: ""; display: block; width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; position: absolute; top: 50%; right: 40px; transform: translateY(-50%) rotate(135deg);}
  .award-row{flex-direction: column; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
  .award-img{display: none;}
  .award-img-mobile{display: block; width: 250px; text-align: center;}
  .award-body{width: 100%; border: 0; gap: 20px; padding: 0; padding-left: 83px;}
  .award-body p{width: calc(100% - 270px);}
  .accordion.active .award-body{padding-bottom: 30px;}
    
}

@media screen and (max-width:767px) {

    .award-header{padding: 20px 40px 20px 15px; gap: 10px;}
    .award-header::after{right: 20px;}
    .count.mobile-count{font-size: 16px;}
    .award-header h4{font-size: 18px;}
    .award-body{padding-left: 53px;}
    .award-title-tab{display: block;}
    .award-title{margin-bottom: 30px; text-align: center;}
}

@media screen and (max-width:599px) {

    .accordion.active .award-body{padding-bottom: 20px;}
    .award-body{flex-direction: column; padding: 0 20px 0 53px;}
    .award-body p{width: 100%;}
    .award-img-mobile{width: 100%;}

}
