.wrapper-brand-tile {
    padding-inline: 64px;
    position: relative;
    margin-bottom: 80px;
}

.wrapper-brand-tile .section-heading {
    margin-bottom: 32px;
}


.wrapper-brand-tile .coh-container:before, .wrapper-brand-tile .coh-container:after{
  content: unset;
}

.brand-tile-slider {
    margin: 0;
    display: flex;
    align-items: flex-start;
    width: 100%;
    flex-wrap: wrap;
    gap: 32px 0;
}

/* .brand-tile-slider .brand-tile-slide {
    padding-right: 32px;
} */

.brand-tile-slider .brand-tile-slide a {
    display: inline-flex;
    width: 100%;
    flex-direction: column;
    text-decoration: none;
    gap: 8px;
}

.brand-tile-slider .brand-tile-slide img {
  margin-bottom: 8px;
}

.brand-tile-details {
    display: inline-flex;
    justify-content: space-between;
    column-gap: 16px;
}

.brand-tile-details h6 {
    color: #000a3c;
    margin-bottom: 0;
}

.brand-tile-slide .eyebrow-text.brand-tile-desc{
  font-family: 'Peak Sans';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 8px;
  letter-spacing: 0;
}

span.brand-tile-arr {
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.2s ease-in-out;
}

.brand-tile-slider .brand-tile-slide a:hover span.brand-tile-arr {
    transform: translateX(0px);
    opacity: 1;
}

.brand-tile-cta .secondary-btn{
  font-weight: 600;
}

.secondary-btn.video-btn svg {
    margin-left: 8px;
}
 /** Fix for accessibility **/
.brand-tile-slider .brand-tile-slide a:focus-visible > img {
  outline: 2px solid #fff;
  outline-offset: -10px;
}
.wrapper-brand-tile .pagination-container .slick-arrow:focus-visible {
  outline: 2px solid;
  outline-offset: 2px;
}
 /** Fix for accessibility **/

@media (min-width:1025px){
  .brand-tile-slider .brand-tile-slide {
      margin-right: 32px;
      width: calc(25.6% - 32px);
      padding-right: 0;
  }
  .coh-container.brand-tile-slide:nth-child(4n+4) {
      margin-right: 0;
  }
  .brand-tile-cta .secondary-btn:hover svg {
      left: 0;
  }
  .brand-tile-slider .brand-tile-slide a:hover .brand-tile-cta .secondary-btn svg{
      left: 12px;
  }
  /** Fix for accessibility **/
  .brand-tile-slider .brand-tile-slide a:focus-visible span.brand-tile-arr {
    transform: translateX(0px);
    opacity: 1;
  }
    /** Fix for accessibility **/
}


@media (max-width:1024px) {
    .wrapper-brand-tile{
      margin-bottom: 64px;
    }
    .brand-tile-slide:last-child {
        padding-right: 0;
    }

    .wrapper-brand-tile .max-full-w{
      width: 100%;
      max-width: 100%;
    }

    .brand-tile-slider {
        gap: 24px 0;
    }

    .wrapper-brand-tile {
        padding-inline: 32px;
    }

    /* .brand-tile-slider .brand-tile-slide {
        padding-right: 24px;
    } */
    span.brand-tile-arr {
      opacity: 1;
      transform: translateX(0px);
    }

    .brand-tile-slider .brand-tile-slide {
      padding-right: 0;
      width: calc(34% - 24px);
      margin-right: 24px;
    }

    .brand-tile-slider .brand-tile-slide:nth-child(3n+3) {
          margin-right: 0;
      }

      .brand-tile-slider.brand-tile-stacked h6 {
        font-size: 18px;
      }
}


@media (min-width:768px) {
    .brand-tile-slider .brand-tile-slide img {
        max-height: 456px;
    }

}

@media (max-width:767px) {

    .wrapper-brand-tile .pagination-container {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .wrapper-brand-tile .pagination-control {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 8px 16px;
        gap: 16px;
        border-radius: 20px;
        border: 1px solid #BEC0CD;
        background: #FFF;
    }

    .pagination-control .pagination_count_text {
        color: #000A3C;
        font-family: Peak Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: 1.6px;
        text-transform: uppercase;
    }

    .pagination-control .pagination_prev_arrow.disable svg path,
    .pagination-control .pagination_prev_arrow.disable,
    .pagination-control .pagination_next_arrow.disable svg path,
    .pagination-control .pagination_next_arrow.disable {
        fill: #D9DAE2;
        pointer-events: none;
    }

    .wrapper-brand-tile .max-full-w {
        max-width: 100%;
    }

    .wrapper-brand-tile {
        padding-left: 0px;
        padding-right: 0;
        /* margin-block: 64px; */
    }

    .brand-tile-slider .slick-list {
        padding: 0 39px 0 0 !important;
        margin-block: 36px !important;
    }

    .brand-tile-slider.slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .wrapper-brand-tile .section-heading {
        margin: 0;
        padding-left: 16px !important;
    }

    .brand-tile-slide {
        padding-right: 16px !important;
        margin-right: 0;
        width: 100%;
    }

    .brand-tile-slider {
        --bs-gutter-x: 0;
        gap: 0;
        padding-left: 16px;
    }

    .news-tile-details {
        background-color: transparent;
    }

    .news-tile-body {
        display: none;
    }

    .brand-tile-slider .slick-dots li {
        width: 24px;
        height: 4px;
        margin: 0 4px;
    }

    .brand-tile-slider .slick-dots li button {
        opacity: 0.30000001192092896;
        background: #000A3C;
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .brand-tile-slider .slick-dots li.slick-active button {
        background-color: #000A3C;
        opacity: 1;
    }

    .brand-tile-slider .slick-dots li.slick-active button:before {
        display: none;
    }

    .brand-tile-slider.brand-tile-stacked {
      padding-inline: 35.5px;
      row-gap: 32px;
      margin-top: 32px;
    }

    .brand-tile-slider.brand-tile-stacked .brand-tile-slide{
      width: 100%;
      margin-right: 0;
      padding-right: 0 !important;
    }
}