.brand-card {
  width: 100%;
  text-align: center;
  background-color: #fff;

  .swiper-container {
    /* margin: 35px 135px 35px 135px;
              padding: 24px; */
    max-width: 73.125rem;
    box-sizing: content-box;
    display: flex;
    /* height: 100%; */
    width: 100%;
    margin: 0 auto;
    position: relative;
    transition-property: transform;
    z-index: 1;
    overflow: hidden;

    .swiper-wrapper {
      webkit-box-pack: center;
      -ms-flex-pack: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: center;
      gap: 24px;
      grid-template-columns: repeat(3, 1fr);
      padding: 40px 0 42px;
      box-sizing: content-box;
      display: flex;
      height: 100%;
      position: relative;
      transition-property: transform;
      width: 100%;
      z-index: 1;

      .swiper-slide {
        height: auto;
        max-width: 33.3336%;
        flex-shrink: 1;
        position: relative;
        transition-property: transform;
        width: 100%;

        .brand-card {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          background-color: #fff;
          border-radius: 4px;
          -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          height: 100%;
          padding: 36px 24px 50px;
          .brand-card__img {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 112px;
            justify-content: center;
            margin-bottom: 32px;

            .cmp-image {
              height: 128px;
              width: 128px;

              img {
                height: 100%;
                max-width: 240px;
                -o-object-fit: contain;
                object-fit: contain;
                width: 100%;
              }
            }
          }

          .brand-card__body {
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: space-between;
            gap: 21px;

            .h_title {
              margin-top: 0px;
              margin-bottom: 0px;
              .alert-heading {
                text-align: left;
                color: #707070;
                font-size: 1.25rem;
                letter-spacing: 0;
                line-height: 28px;
                font-weight: 300;
              }
            }

            .text {
              font-size: 1.125rem;
              text-align: left;
              color: #20252b;
              letter-spacing: 0.22px;
              line-height: 22px;
              font-weight: 300;
            }

            .cta_button {
              justify-content: flex-start !important;
            }
          }
        }
      }
    }

    .glide-3-columns {
      width: 100%;
      .glide__track {
        display: flex;
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;

        .glide__slides {
          height: auto;
          flex-shrink: 1;
          position: relative;
          transition-property: transform;
          width: 100%;
          display: flex;
          padding: 0;
          gap: 24px;

          .cmp-image-list__item {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            background-color: #fff;
            border-radius: 4px;
            -webkit-box-shadow: 0 10px 40px 0 rgba(27, 19, 19, 0.1);
            box-shadow: 0 10px 40px 0 rgba(27, 19, 19, 0.1);
            color: #20252b;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            overflow: hidden;
            width: 100% !important;

            .card {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-direction: column;
              flex-direction: column;
              height: 100%;

              .container-img {
                width: 100%;

                .cmp-image__image {
                  width: 100%;
                }
              }

              .cmp-image-list__item-content {
                -webkit-box-direction: normal;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
                padding: 30px 24px;
                text-align: left;
                flex-grow: 1;
                display: flex;
                flex-direction: column;

                .h_title {
                  margin-bottom: 26px;
                  text-align: left;
                  margin-top: 0px;
                  .alert-heading {
                    font-size: 1.5rem;
                    font-weight: 300;
                    letter-spacing: 0;
                    line-height: 32px;
                  }
                }

                .subtext {
                  font-size: 1rem;
                  font-weight: 300;
                  letter-spacing: 0;
                  line-height: 24px;
                  margin-bottom: 26px;
                  font-family: "Roboto", sans-serif;
                  text-align: left;
                }

                .cta_button {
                  margin-top: auto;
                  .btn-transparent {
                    color: #c21b17;
                    padding: 0;
                  }
                }
              }
            }
          }
        }
      }

      .glide-initialized {
        .glide-track {
          overflow: hidden;
        }

        .glide_slide {
          flex: 0 0 auto;
          margin-right: 60px !important;
        }

        .cmp-image-list__item {
          width: 330px !important;
        }

        @media (max-width: 767px) {
          .glide__slide {
            margin-right: 40px !important;
          }

          .cmp-image-list__item {
            width: 272px !important;
          }
        }
      }

      .glide__arrows {
        text-align: center;
        transform: translateZ(0);
        transition: opacity 0.3s;
        z-index: 10;
        font-size: 0rem;
        overflow: hidden;
        width: 100%;

        .glide__arrow--left {
          background: #fff;
          border-radius: 50%;
          -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
          color: #c21b17;
          height: 40px;
          margin: 0;
          opacity: 100%;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          width: 40px;
          left: -60px;
          display: none;
          right: auto;
        }

        .glide__arrow--right {
          background: #fff;
          border-radius: 50%;
          -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
          color: #c21b17;
          height: 40px;
          margin: 0;
          opacity: 100%;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          width: 40px;
          left: auto;
          display: none;
          right: -60px;
        }
      }
    }
  }
}

@media (max-width: 1023px) {
  .brand-card {
    .glide-3-columns {
      .glide__slides {
        gap: 12px;
      }

      .glide__slide {
        margin-right: 12px !important;
      }

      .container-img {
        .cmp-image__image {
          height: 100%;
        }
      }
    }
  }
}

@media (max-width: 985px) {
  .brand-card {
    .subtext {
      box-shadow: none !important;
    }
    .is-glide-slider {
      .glide__slides {
        gap: unset;

        .glide__slide {
          margin: auto 1rem !important;

          .cmp-image__image {
            height: unset;
          }
        }
      }
    }
  }
}

@media (max-width: 767px) {
  .brand-card {
    .glide__track {
      display: -webkit-box !important;
      -webkit-box-pack: unset !important;

      .glide__slides {
        padding: 0px;
      }
    }
  }
}