/* Mobile Styles (max-width: 743px) */
@media (max-width: 743px) {
  .mobile {
    display: block;
    position: relative;
    width: 320px;
    margin: 0 auto;
    background: #ffffff;
    overflow: hidden;
  }

  .site-header {
    padding: 0 0 0 4px;
  }

  .logo-5c {
    width: 126.048px;
    height: 73px;
    background: url(../images/logo.svg) no-repeat center;
    background-size: cover;
  }

  .ilustraes-5d {
    width: 316px;
    height: 346px;
    margin: -30px auto -27px;
    background: url(../images/image.svg) no-repeat center;
    background-size: cover;
  }

  .hero-title {
    width: 312px;
    height: 180px;
    margin: 16px auto 23px;
    font-size: 44px;
    font-weight: 600;
    line-height: 45px;
    overflow: hidden;
  }

  .cta-button {
    width: 100%;
    margin: 16px auto 23px;
  }

  .whatsapp-icon {
    width: 38px;
    height: 39px;
    background-image: url(../images/whatsapp.svg);
  }

  .cta-text {
    font-size: 16px;
    line-height: 34.902px;
  }

  .hero-subtitle {
    width: 100%;
    height: 24px;
    margin: 15px auto 23px;
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
  }

  .services-section {
    width: 359px;
    margin: 34px auto 50px;
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .service-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
  }

  .service-icon {
    width: 94px;
    height: 94px;
  }

  .service-item:nth-child(1) .icon-image {
    width: 40px;
    height: 38px;
    background-image: url(../images/encanamento.svg);
  }

  .service-item:nth-child(2) .icon-image {
    width: 25px;
    height: 50px;
    background-image: url(../images/desentupimento.svg);
  }

  .service-item:nth-child(3) .icon-image {
    width: 47px;
    height: 44px;
    background-image: url(../images/24h.svg);
  }

  .service-description {
    width: 209px;
    height: 94px;
  }

  .service-description h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24.93px;
  }

  .service-description p {
    font-size: 13px;
    line-height: 21.93px;
    color: var(--text-gray);
  }

  .section-title {
    width: 328px;
    height: 42px;
    margin: 25px auto 23px;
    font-size: 25px;
    font-weight: 600;
    line-height: 41.55px;
  }

  .section-content {
    width: 318px;
    height: 194px;
    margin: 0 auto 23px;
    font-size: 15px;
    line-height: 24.93px;
  }

  .payment-section {
    width: 320px;
    margin: 28px auto 23px;
  }

  .payment-title {
    width: 477px;
    height: 38px;
  }

  .payment-title h3 {
    font-size: 25px;
    font-weight: 600;
    line-height: 41.55px;
  }

  .payment-cards {
    width: 313px;
    height: 48px;
    margin-top: 20px;
  }

  .card {
    position: absolute;
    width: 70px;
    height: 48px;
  }

  .mastercard-88 {
    top: 0;
    left: 243px;
    background-image: url(../images/hipercard.svg);
  }

  .visa-89 {
    top: 0;
    left: 162px;
    background-image: url(../images/elo.svg);
  }

  .logo-8a {
    top: 0;
    left: 81px;
    background-image: url(../images/mastercard.svg);
  }

  .footer-8b {
    top: 0;
    left: 0;
    background-image: url(../images/visa.svg);
  }

  .certification {
    width: 320px;
    height: 45px;
    margin: 0px auto;
    background-image: url(../images/horizontal_logo.svg);
    background-size: cover;
  }

  .site-footer {
    width: 100%;
    height: 195px;
    margin: 32px 0 0 0;
  }

  .footer-logo {
    width: 200px;
    height: 61px;
    background-image: url(../images/footer_logo.svg);
    background-size: cover;
  }

  .copyright {
    height: 17px;
    font-size: 8px;
    line-height: 16.62px;
  }

  .company-description {
    font-size: 0px;
  }
}