/* ABT- VAR 1 */

    #AB-A {
  padding: 40px 20px;
  background: #fafaf8; 
}

#AB-A h2 {
  margin: 0 0 28px;
  color: #6b6f59;
  text-align: center;
}

#AB-A .awards-container {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  align-items: flex-start;
}

#AB-A .award-item {
  flex: 0 1 300px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: left;
}

#AB-A .award-media {
  background: #efece3;
  border-radius: 8px;
  padding: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  box-sizing: border-box;
  aspect-ratio:3/2;
}

#AB-A .award-media img {
max-height: 100%;
    width: auto;
}

#AB-A .award-text {
  margin: 12px 0 0;
  color: #333;
  padding-left:0px;
  padding-right:0px;
}

@media (max-width: 768px) {

        #AB-A {
  padding: 40px 5px;
        }
  
  #AB-A .awards-container {
    flex-direction: row;             
    gap: 14px;
    justify-content: center;
    overflow: hidden;                
  }


  #AB-A .award-item {
    flex: 0 0 calc((100% - 32px) / 3);
    max-width: calc((100vw - 32px) / 3);
    min-width: 70px; 
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }


  #AB-A .award-text {
    display: none;
  }


  #AB-A .award-media {
    aspect-ratio: 1 / 1;
    padding: 15px;
    box-sizing: border-box;
  }

  #AB-A .award-media img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
  }


}





/* ABT- VAR 2 */

    #AB-B {
  padding: 40px 20px;
  background: #fafaf8; 
}

#AB-B h2 {
  margin: 0 0 28px;
  color: #6b6f59;
  text-align: center;
}

#AB-B .awards-container {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  align-items: flex-start;
}

#AB-B .award-item {
  flex: 0 1 300px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: left;
}

#AB-B .award-media {
  background: #efece3;
  border-radius: 8px;
  padding: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  box-sizing: border-box;
  aspect-ratio:3/2;
}

#AB-B .award-media img {
max-height: 100%;
    width: auto;
}

#AB-B .award-text {
  margin: 12px 0 0;
  color: #333;
  padding-left:0px;
  padding-right:0px;
}

@media (max-width: 768px) {

            #AB-B {
  padding: 40px 5px;
        }
  
  #AB-B .awards-container {
    flex-direction: row;             
    gap: 14px;
    justify-content: center;
    overflow: hidden;                
  }


  #AB-B .award-item {
    flex: 0 0 calc((100% - 32px) / 3);
    max-width: calc((100vw - 32px) / 3);
    min-width: 70px; 
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }


  #AB-B .award-text {
    display: none;
  }


  #AB-B .award-media {
    aspect-ratio: 1 / 1;
    padding: 15px;
    box-sizing: border-box;
  }

  #AB-B .award-media img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}





/* ABT- VAR 3 */

    #AB-C {
  padding: 40px 20px;
  background: #E8E5DA; 
}

#AB-C .awards-container {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  align-items: flex-start;
}

#AB-C .award-item {
  flex: 0 1 300px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: left;
}

#AB-C .award-media {
  background: #F8F7F4;
  border-radius: 8px;
  padding: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  box-sizing: border-box;
  aspect-ratio:1/1;
}
#AB-C .award-media a {
    width: auto;
    height: 100%;
        max-height: fit-content;
}

#AB-C .award-media img {
max-height: 100%;
    width: auto;
}



@media (max-width: 768px) {

            #AB-C {
  padding: 40px 5px;
        }
  
#AB-C .award-media a {
    width: auto;
    max-height: max-content;
}

  #AB-C .awards-container {
    flex-direction: row;             
    gap: 14px;
    justify-content: center;
    overflow: hidden;                
  }


  #AB-C .award-item {
    flex: 0 0 calc((100% - 32px) / 3);
    max-width: calc((100vw - 32px) / 3);
    min-width: 70px; 
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }


  #AB-C .award-media {
    aspect-ratio: 1 / 1;
    padding: 15px;
    box-sizing: border-box;
  }

  #AB-C .award-media img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}





/* ABT- VAR 4 */

    #AB-D {
  padding: 40px 20px;
  background: #fff; 
}

#AB-D .awards-container {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  align-items: flex-start;
}

#AB-D .award-item {
  flex: 0 1 300px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: left;
}

#AB-D .award-media {
  background: #F8F7F4;
  border-radius: 8px;
  padding: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  box-sizing: border-box;
  aspect-ratio:1/1;
}
#AB-D .award-media a {
    width: auto;
    height: 100%;
        max-height: fit-content;
}

#AB-D .award-media img {
max-height: 100%;
    width: auto;
}



@media (max-width: 768px) {

            #AB-D {
  padding: 40px 5px;
        }
  
#AB-D .award-media a {
    width: auto;
    max-height: max-content;
}

  #AB-D .awards-container {
    flex-direction: row;             
    gap: 14px;
    justify-content: center;
    overflow: hidden;                
  }


  #AB-D .award-item {
    flex: 0 0 calc((100% - 32px) / 3);
    max-width: calc((100vw - 32px) / 3);
    min-width: 70px; 
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }


  #AB-D .award-media {
    aspect-ratio: 1 / 1;
    padding: 15px;
    box-sizing: border-box;
  }

  #AB-D .award-media img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}