/* Tablet Styles (min-width: 744px and max-width: 1365px) */
@media (min-width: 744px) and (max-width: 1365px) {
  .tablet {
    display: block;
    position: relative;
    width: 744px;
    margin: 0 auto;
    background: #ffffff;
    overflow: hidden;
  }

  .site-header {
    position: relative;
  }

  .logo-5b {
    position: absolute;
    width: 179.575px;
    height: 104px;
    top: 372px;
    left: 113px;
    background: url(../images/logo.svg) no-repeat center;
    background-size: cover;
    z-index: 83;
  }

  .ilustraes {
    position: absolute;
    width: 468px;
    height: 508px;
    top: -40px;
    right: 38px;
    background: url(../images/image.svg) no-repeat center;
    background-size: cover;
  }

  .hero-section {
    width: 518px;
    margin: 538px auto 66px;
  }

  .hero-content {
    width: 558px;
  }

  .principal {
    width: 514px;
    margin-bottom: 8px;
  }

  .hero-section h1 {
    width: 514px;
    height: 90px;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    margin-bottom: 50px;
  }

  .cta-button {
    width: 378px;
  }

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

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

  .hero-subtitle {
    margin-top: 9px;
    font-size: 16px;
    line-height: 26.592px;
  }

  .services-section {
    width: 524px;
    height: 288px;
    margin: 34px auto;
    overflow: visible auto;
  }

  .services-icons {
    width: 518px;
  }

  .icons-row {
    display: flex;
    gap: 52px;
  }

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

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

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

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

  .services-descriptions {
    position: relative;
    width: 513px;
    height: 122px;
    margin: 24px 0 0 5px;
  }

  .service-description {
    position: absolute;
    width: 133px;
  }

  .service-description:nth-child(1) {
    top: 0;
    left: 0;
    height: 102px;
  }

  .service-description:nth-child(2) {
    top: 0;
    left: 190px;
    height: 122px;
  }

  .service-description:nth-child(3) {
    top: 0;
    left: 380px;
    height: 122px;
  }

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

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

  .company-info-section {
    width: 503px;
    margin: 44px auto 35px;
  }

  .section-header {
    width: 574px;
  }

  .header-container {
    width: 324px;
    height: 38px;
  }

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

  .section-content {
    font-size: 13px;
    line-height: 21.606px;
    margin-top: 20px;
  }

  .payment-section {
    margin-top: 20px;
  }

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

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

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

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

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

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

  .certification {
    width: 501px;
    height: 71px;
    margin-top: 20px;
    background-image: url(../images/horizontal_logo.svg);
    background-size: cover;
  }

  .site-footer {
    width: 100%;
    height: 210px;
    margin-top: 0px;
    padding: 50px 62px;
  }

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

  .copyright {
    font-size: 15px;
    line-height: 24.93px;
  }

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