/* =========================
   Meet Neo. Let's follow the white rabbit :)
   Module: Accreditations
   Author: Qbit
   Build Date: 14/12/2025
   Version: 1.0.0

   File path: /uploads/
========================= */

/* =========================
   Accreditation styles 
========================= */

#accreditations {
   width: 100%;
   background: #fff;
   overflow: hidden;
   display: flex;
   justify-content: center;
   padding: 0 20px;
}

#accreditations p {
   margin: 0;
}

.accreditations {
   max-width: 1200px;
   width: 100%;
   overflow: hidden;
}

.accreditation {
   display: flex;
   flex-wrap: nowrap;
   will-change: transform;
}

.accreditation img {
   flex: 0 0 20%;
   width: 20%;
   height: auto;
   display: block;
}

/* =========================
   Responsive styles
========================= */

@media (max-width: 48rem) { /* ≤768px */
   .accreditations {
       width: 100vw;      /* container spans full viewport */
       overflow: hidden;  /* hide overflow for scrolling effect */
   }

   .accreditation {
       display: flex;
       flex-wrap: nowrap;
       width: max-content; /* track width adapts to all images inline */
       overflow: visible;  /* allow transform to scroll images */
   }

   .accreditation img {
       flex: 0 0 50vw; /* each image takes half viewport width */
       width: 50vw;
       height: auto;
   }
}