@media (max-width: 1199px) {
  .valores-about .row {
    gap: 0px;
  }

  .card-about {
    width: auto;
    height: 350px;
  }

  .about-2 img {
    width: 100%;
    height: auto;
  }

  #main > section.about-2 > div > div:nth-child(2) {
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .collection-banner {
    background-image: url("../../../images/banner-about-mobile.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 250px;
    border-radius: 8px;
  }

  .valores-about .flex {
    flex-direction: column;
    width: 100%;
  }

  .card-about {
    margin-top: 0px;
    height: auto;
  }

  .valores-about p.body-16 {
    margin-bottom: 48px;
  }

  .about .title {
    padding-left: 24px;
    width: 50%;
  }

  .about-3 h1 {
    font-size: 32px;
    width: 70%;
  }
}

@media (max-width: 767px) {
  .about-3 {
    background-image: url("../../../images/banner-about-2-mobile.webp");
  }
}

@media (max-width: 425px) {
  .about h2 {
    font-size: 32px;
    line-height: 125%;
  }

  .about .contain-banner {
    padding-left: 24px;
  }

  .card-about {
    padding: 32px 16px;
  }

  .about-3 h1 {
    width: 100%;
  }

  .about-3 .btn-default {
    width: 219px;
  }
}