

/* Start:/local/templates/html/assets/components-template/brands/style.css?17543027674758*/
.brands-section .brands-wrap {
  display: flex;
  flex-direction: column; }
  .brands-section .brands-wrap .brands-cards-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    @media (max-width: 1199px) {
      .brands-section .brands-wrap .brands-cards-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr; } }
    @media (max-width: 767px) {
      .brands-section .brands-wrap .brands-cards-wrap {
        grid-template-columns: 1fr 1fr; } }
    @media (max-width: 575px) {
      .brands-section .brands-wrap .brands-cards-wrap {
        grid-template-columns: 1fr; } }
    .brands-section .brands-wrap .brands-cards-wrap .brand-card {
      display: flex;
      border: 1px solid #D4DBDF;
      flex: 0 0 25%;
      position: relative;
      overflow: hidden;
      transition: all 0.3s ease;
      margin: -1px 0 0 -1px; }
      .brands-section .brands-wrap .brands-cards-wrap .brand-card:before {
        content: '';
        padding-bottom: 100%; }
      @media (min-width: 1200px) {
        .brands-section .brands-wrap .brands-cards-wrap .brand-card:hover {
          cursor: pointer;
          border: 1px solid #000;
          z-index: 1; }
          .brands-section .brands-wrap .brands-cards-wrap .brand-card:hover .brand-card__inner--desc {
            transform: translateY(0); } }
      @media (max-width: 1199px) {
        .brands-section .brands-wrap .brands-cards-wrap .brand-card .brand-card__inner {
          padding: 0 20px; } }
      .brands-section .brands-wrap .brands-cards-wrap .brand-card .brand-card__inner--desc {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: translateY(100%);
        transition: all 0.3s ease;
        background-color: #FFF;
        padding: 3.6rem 4.4rem 4.7rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        @media (max-width: 1199px) {
          .brands-section .brands-wrap .brands-cards-wrap .brand-card .brand-card__inner--desc {
            flex: 0 0 33%; } }
        .brands-section .brands-wrap .brands-cards-wrap .brand-card .brand-card__inner--desc .desc__top {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .brands-section .brands-wrap .brands-cards-wrap .brand-card .brand-card__inner--desc .desc__top .desc__top--logo {
            width: 12rem;
            height: 6rem; }
            .brands-section .brands-wrap .brands-cards-wrap .brand-card .brand-card__inner--desc .desc__top .desc__top--logo .brand-preview-logo {
              height: 100%; }
              .brands-section .brands-wrap .brands-cards-wrap .brand-card .brand-card__inner--desc .desc__top .desc__top--logo .brand-preview-logo img {
                filter: saturate(0);
                opacity: 0.3;
                height: 100%;
                width: 100%;
                object-fit: contain; }
        .brands-section .brands-wrap .brands-cards-wrap .brand-card .brand-card__inner--desc .desc__mid {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 6;
          -webkit-box-orient: vertical;
          text-align: start; }
          @media (max-width: 1199px) {
            .brands-section .brands-wrap .brands-cards-wrap .brand-card .brand-card__inner--desc .desc__mid {
              margin: 15px 0 20px; } }
        .brands-section .brands-wrap .brands-cards-wrap .brand-card .brand-card__inner--desc .desc__bottom--link {
          display: flex;
          align-items: center;
          gap: 8px; }
          .brands-section .brands-wrap .brands-cards-wrap .brand-card .brand-card__inner--desc .desc__bottom--link:hover .icon {
            transform: translateY(4px); }
          .brands-section .brands-wrap .brands-cards-wrap .brand-card .brand-card__inner--desc .desc__bottom--link .icon {
            transition: transform 0.3s ease;
            rotate: -90deg; }
          .brands-section .brands-wrap .brands-cards-wrap .brand-card .brand-card__inner--desc .desc__bottom--link--static {
            position: relative;
            display: inline-block; }
          @media (max-width: 575px) {
            .brands-section .brands-wrap .brands-cards-wrap .brand-card .brand-card__inner--desc .desc__bottom--link {
              position: relative;
              display: inline-block; } }
      .brands-section .brands-wrap .brands-cards-wrap .brand-card__inner {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%; }
        .brands-section .brands-wrap .brands-cards-wrap .brand-card__inner--logo {
          max-width: 60%; }

/* End */


/* Start:/local/templates/html/assets/components-template/mixin__show-more-btn/style.css?1754302767528*/
.show-more-btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4.8rem; }
  @media (max-width: 999px) {
    .show-more-btn-container {
      margin-top: 24px; } }
  @media (max-width: 767px) {
    .show-more-btn-container .more-button-wrap {
      width: 100%; } }

.question-answer .question-answer-wrap .show-more-btn-container {
  margin-top: 1.6rem; }
  @media (max-width: 999px) {
    .question-answer .question-answer-wrap .show-more-btn-container {
      margin-top: 24px; } }

/* End */
/* /local/templates/html/assets/components-template/brands/style.css?17543027674758 */
/* /local/templates/html/assets/components-template/mixin__show-more-btn/style.css?1754302767528 */
