.awards-section{
	display: flex;
  flex-direction: column;
  width: 100%;
}
.awards-filters {
   
	display: flex;
	 flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: var(--s-15);
	margin-bottom:var(--s-50)

}

.award-filter {
    border: 1px solid var(--button);
      border-radius: 100px;
    padding: var(--s-12);
    cursor: pointer;
    transition: .5s;
	color:var(--primary-text);
	background:transparent;
	line-height:70%; font-size:16px
}

.award-filter.active {
    background: #0a7f95;
    color: #fff;
}

.mobile-filter {
    display: none;
    margin-bottom: 30px;
}

.awards-content-wrapper {
   display: flex;

flex-direction: column;

gap: var(--s-40);
}

.award-year-content {
	border-radius: 16px;
background: var(--white-text);
	gap: var(--s-30);
	flex-direction: column;
	display: flex;
padding: var(--s-40) var(--s-30);

   
}
.award-year-heading {
     font-size:16px;
	font-weight:500
}

.award-grid {
	display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--s-10) var(--s-30);
	color:var(--primary-text)
}

.award-item {
   
    break-inside: avoid;
}

.award-item.has-popup {
    cursor: pointer;
}

.award-item.has-popup:hover {
    color: var(--button);
}

.award-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
}

.award-modal.active {
    display: block;
}

.award-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.7);
}
.award-modal-inner-content {
    display: flex;
    gap: 20px;
}
.award-modal-inner {
    position: relative;
	overflow: auto;
  height: 100%;
  padding-bottom: 80px;
    
    z-index: 2;
}

.award-close {
    position: absolute;
    right: 15px;
    top: 15px;
    background-color: #fff;
  color: #000;
  display: flex;
  height: 40px;
  justify-content: center;
  transition: all 0.5s ease 0s;
  width: 40px;
  border-radius: 50%;
  padding: 0px;
  font-size: 26px;
	line-height:35px;
	border:none;
    cursor: pointer;
}


.award-modal-image-wrap img {
    width: 100%;
    height: auto;
    display: block;
}
/*.award-slide{
    display: flex; gap: 20px;
}*/
.award-modal-nav {
    display: flex;
  justify-content: center;
    /*margin-top: 25px;*/
}
.award-modal-nav-inner{
	background-color: var(--white-text);
  box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.08);
  display: flex;
  border-radius: 100px;
  padding: 4px;
	gap: var(--s-5);
}

.award-modal-nav button {
    cursor: pointer;
	align-items: center;
  background-color: #fff;
  color: #000;
  display: flex;
  height: 36px;
  justify-content: center;
  transition: all 0.5s ease 0s;
  width: 36px;
  border-radius: 50%;
  padding: 0px;
}
.award-modal-nav button:is(:hover, :focus) {
  background-color: rgba(1,122,143,0.10);
  color: #000000;
}
.award-prev.disabled,
.award-next.disabled{
    opacity: .4;
    pointer-events: none;
    cursor: not-allowed;
}

.award-modal-body{
    overflow:hidden;
    position:relative;
    background: #fff;
    max-width: 1040px;
    width: 90%;
    margin: 70px auto 40px;
    border-radius: 16px;
    padding: 0px;
}

.award-slide{
    transition:all .35s ease;
}
.award-popup-swiper{
    overflow:hidden;
}

.award-popup-swiper .swiper-slide{
    height:auto;
}

.award-slide{
    display:grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
}

.award-modal-image-wrap{
    
}

.award-modal-des-wrap{
	padding: 30px 20px 30px var(--s-60);
	display:flex;
	flex-direction:column;
	gap:var(--s-25)
   
}

.award-modal-image-wrap img{
    width:100%;
    display:block;
	border-radius:16px;
}

@media(max-width:767px){

    .award-slide{
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
	.award-modal-des-wrap {
  padding: var(--s-50) var(--s-30);
	}

    .award-modal-image-wrap,
    .award-modal-des-wrap{
        
    }

}
@media (max-width:767px) {

    .desktop-filter {
        display: none;
    }

    .mobile-filter {
        display: block;
    }
	.mobile-filter select{
		background: var(--button);
  color: var(--white-text);
  border-radius: 100px;
  padding-right: 10px;
		padding-left:var(--s-20)
	}

    .award-grid {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }

    .awards-content-wrapper {
        
    }

}