.member-logos { overflow: hidden; }
.member-logos__header { display: flex; justify-content: space-between; align-items: flex-end; }
.member-logos__title-text { width: 78%; flex-basis: 78%; }
.member-logos__button { width: 22%; flex-basis: 22%; }
.member-logos__header .content-block__content p { margin-bottom: 0; }
.member-logos__header .button__container { width: 100% !important; justify-content: flex-end; }

.member-logos__label { font-size: 1rem; text-transform: uppercase; margin: 65px 0 30px; }
.member-logos__container { display: flex; align-items: center; gap: 40px; justify-content: space-between;  }

.swiper-logos-container { margin-top: 60px;}
.member-logos__label + .swiper-logos-container { margin-top: 0; }

.member-logos__container { margin-top: 60px;}
.member-logos__label + .member-logos__container { margin-top: 0; }

.member-logos figure { margin: 0; }
.member-logos figure img { max-height: 90px; width: auto; }

.swiper-logos-buttons { display:flex; justify-content: center; font-size: 45px; line-height: 1; gap: 30px }
.swiper-logos-buttons > div { display:flex; align-items:center; }
.swiper-logos-buttons span:hover,
.swiper-logos-buttons span { color: var(--secondary); cursor: pointer; transition: ease all 250ms; }
.swiper-logos-buttons .swiper-button-disabled span { color: var(--light-gray) }

.member-logos__swiper-nav { display:flex; justify-content:space-between; align-items:center; margin: 30px 0 0;}
.member-logos__swiper-nav .swiper-horizontal>.swiper-scrollbar, .member-logos__swiper-nav .swiper-scrollbar.swiper-scrollbar-horizontal { left: 0 !important; height:1px; bottom: 0; }

.member-logos .swiper-scrollbar-drag { height: 13px; width: 100%; position: relative; background: #292d33; border-radius: 0; left: 0; top: -6px; }

.swiper-logos-scrollbar__container { position: relative; width: 80%;}
.swiper-logos-buttons { width: 20%;}

@media (max-width: 1000px) {
  .swiper-logos-buttons { font-size: 30px; gap: 15px }
}
@media (max-width: 1400px) {
  .member-logos figure { text-align:center; }
}

@media (max-width: 800px) {
  .member-logos__container { width: 100%; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 20px; justify-content: unset;}
  .member-logos__container figure { flex: 0 0 auto; }
  .member-logos__header { flex-direction: column; }
  .member-logos__header .button__container { justify-content: flex-start; margin: 20px 0 0;}
  .member-logos__container { gap: 40px; }
  .swiper-logos-buttons { font-size: 30px; gap: 10px }
  .member-logos__button,
  .member-logos__title-text { width: 100%; flex-basis: 100%; }
  .member-logos.side-border:after { display: none;}
}

.member-logos__grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 20px;
  max-width: 1280px;
  margin: auto;
}

.member-logos__grid-container a {
  text-align: center;
  display: block;
}

.member-logos__grid-container figure {
  margin: 0 0 20px 0;
}

.member-logos__grid-container img {
  max-width: 100%;
  height: auto;
  display: block;
  max-height: none !important;
  width: 80% !important;
  margin: auto;
}

@media (max-width: 1023px) { /* for tablets */
  .member-logos__grid-container {
      grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) { /* for mobile phones */
  .member-logos__grid-container {
      grid-template-columns: repeat(2, 1fr);
  }
}