.brands {
  margin-bottom: -10rem; }
  .brands__inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2.4rem; }
    @media (max-width: 1023px) {
      .brands__inner {
        gap: 16px;
        grid-template-columns: 1fr 1fr; } }
    @media (max-width: 767px) {
      .brands__inner {
        grid-template-columns: 100%; } }
  @media (max-width: 1023px) {
    .brands {
      margin-bottom: -56px; } }

.brand-card {
  overflow: hidden;
  padding: 2.4rem;
  transition: all ease .3s;
  background-color: #fff;
  border-radius: 1rem;
  position: relative; }
  @media (max-width: 1023px) {
    .brand-card {
      padding: 20px;
      border-radius: 8px; } }
  .brand-card__inner {
    height: 16rem;
    position: relative;
    width: 100%; }
    @media (max-width: 1023px) {
      .brand-card__inner {
        height: 120px; } }
    .brand-card__inner .lazy-img-wrap {
      position: absolute;
      inset: 0; }
      .brand-card__inner .lazy-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
  .brand-card__info {
    margin-top: 1.6rem; }
    @media (max-width: 1023px) {
      .brand-card__info {
        margin-top: 16px; } }
    .brand-card__info p, .brand-card__info div {
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      height: 6.6rem; }
      @media (max-width: 1023px) {
        .brand-card__info p, .brand-card__info div {
          height: 68px; } }
      @media (max-width: 767px) {
        .brand-card__info p, .brand-card__info div {
          display: block;
          height: auto; } }

.brand-inner .mobile-title {
  margin-bottom: 26px; }
  @media (min-width: 1024px) {
    .brand-inner .mobile-title {
      display: none; } }

.brand-inner__row {
  display: grid;
  grid-template-columns: 33rem 1fr;
  gap: 2.4rem; }
  @media (max-width: 1023px) {
    .brand-inner__row {
      grid-template-columns: 100%;
      gap: 0; } }

.brand-inner__col--left {
  background-color: #fff;
  padding-right: 6rem;
  position: relative; }
  @media (max-width: 1023px) {
    .brand-inner__col--left {
      padding: 26px 16px;
      margin: 0 -16px; } }
  .brand-inner__col--left:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: -1;
    background-color: #fff;
    height: 100%; }
    @media (max-width: 1023px) {
      .brand-inner__col--left:before {
        content: none; } }

.brand-inner__col--right {
  width: 100%;
  padding: 6rem 12rem;
  min-width: 100%;
  max-width: 100%; }
  @media (max-width: 1023px) {
    .brand-inner__col--right {
      width: auto;
      padding: 26px 0 56px; }
      .brand-inner__col--right .page-header-section {
        height: 0;
        overflow: hidden;
        margin: 0; } }

.brand-inner .project__slider {
  position: relative;
  top: auto;
  margin-bottom: 3.2rem; }

@media (min-width: 1024px) {
  .brand-inner .alpine-tabs__header {
    flex-wrap: wrap; } }

.brand-img {
  width: 100%;
  height: 14rem;
  position: relative; }
  @media (max-width: 1023px) {
    .brand-img {
      height: 120px; } }
  .brand-img .lazy-img-wrap {
    position: absolute;
    inset: 0; }
    .brand-img .lazy-img-wrap img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
      @media (max-width: 1023px) {
        .brand-img .lazy-img-wrap img {
          object-position: left; } }

.brand-docs {
  margin-top: 3rem; }
  @media (max-width: 1023px) {
    .brand-docs {
      margin-top: 12px; } }
  .brand-docs .downloads {
    flex-direction: column; }
    .brand-docs .downloads__content {
      overflow: hidden; }
    .brand-docs .downloads__item {
      max-width: 27rem; }
      @media (max-width: 1023px) {
        .brand-docs .downloads__item {
          max-width: 100%; } }
    .brand-docs .downloads__title {
      max-width: 100%; }

.brand-btn {
  margin-top: 3rem; }
  @media (max-width: 1023px) {
    .brand-btn {
      margin-top: 16px;
      max-width: 380px; } }