@media (min-width: 1023px) {
  body {
    padding: 25px 30px 0px 30px;
  }

  .desktop-menu {
    display: flex;
    flex-direction: row;
    position: absolute;
    right: 10px;
    top: 6px;
  }
  .desktop-menu a {
    appearance: none;
    text-decoration: none;
    color: #fff;

    font-family: Satoshi;
    font-size: 17.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 29.167px; /* 166.667% */
  }

  .menu-section {
    background: #00b742;
    padding: 17px 50.7px;

    box-shadow: 0px 12.5px 25px 0px rgba(0, 183, 66, 0.25);
  }
  /* .menu-section:last-of-type {
    border-radius: 0px 12.5px 12.5px 0px;
  }
  .menu-section:first-of-type {
    border-radius: 12.5px 0px 0px 12.5px;
  } */

  .navbar-buttons button {
    visibility: hidden;
  }
  .main-logo img {
    /* width: 43.877px; */
    width: 90px;
    height: 68.75px;
  }
  .main-logo {
    margin-top: -4px;
    margin-left: 7px;
  }

  .section-home.header {
    margin-top: 20px;
    margin-bottom: 92px;
    border-radius: 12.5px;
    padding: 130px 0px;
  }
  .main-title-white {
    max-width: 334px;
    color: #fff;
    text-align: center;
    margin-bottom: 34px;

    font-family: "Fira Sans";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 56.25px; /* 112.5% */
  }
  .body-homepage input.search-text {
    color: #595959;

    font-family: Satoshi;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 31.25px; /* 178.571% */
  }
  .td button img {
    height: 13.4px;
    width: 13.4px;
  }
  .td button {
    height: 56.25px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12.5px;
  }
  .search .tb input {
    max-width: none;
  }
  .body-homepage .submit-btn {
    margin: 9.25px 9.25px 9.25px;
  }

  .second-title-green {
    text-align: center;
    color: #00b742;

    font-family: "Fira Sans";
    font-size: 37.5px;
    font-style: normal;
    font-weight: 600;
    line-height: 37.5px; /* 100% */
    margin-bottom: 70px;
  }

  .hidden {
    display: none !important;
  }
  .group-waist .multiple-items {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 12.5px;
  }
  .body-homepage .item-waist {
    max-width: 263px;
    border-radius: 12.5px;
    min-height: 100%;
  }
  .body-homepage .img-dog-waist {
    background-size: cover;
    background-position: center;
    border-radius: 12.5px 12.5px 0px 0px;
    width: 263px;
    height: 173px;
  }
  .body-homepage .card .dog-img {
    background-size: cover;
    background-position: center;
    border-radius: 12.5px 12.5px 0px 0px;
    width: 263px;
    height: 187px;
  }
  .body-homepage .card {
    max-width: 263px;
  }
  .body-homepage .cards {
    gap: 9px;
  }

  .body-homepage .details-waist {
    padding: 25px;
  }
  .body-homepage .details-waist h3 {
    color: #595959;
    max-width: none;
    min-height: 42.5px;
    font-family: Satoshi;
    font-size: 17.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 21.25px; /* 121.429% */
  }
  .body-homepage button.btn-see-more {
    color: #fff;
    width: 100%;
    padding: 7.3px 16.25px;
    font-family: Satoshi;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 29.167px; /* 194.444% */
  }

  .body-homepage .btn-dog-details {
    color: #fff;
    width: 100%;
    /* padding: 7.3px 16.25px; */
    font-family: Satoshi;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 29.167px;
  }
  .body-homepage h3.dog-name {
    color: #595959;
    min-height: 42.5px;
    font-family: Satoshi;
    font-size: 17.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 21.25px;
  }
  p.breed-price {
    color: #00b742;
    font-family: Satoshi;
    font-size: 17.5px;
    font-style: normal;
    font-weight: 900;
    line-height: 21.25px;
  }
  .bestseller.section-home .cards {
    justify-content: center;
  }
  .body-homepage .section-home {
    margin-bottom: 92px;
  }
  .body-homepage .section-home.people-reviews {
    margin-bottom: 104px;
  }
  .body-homepage .benefit p.title-benefit {
    color: #595959;
    text-align: center;
    max-width: 62px;

    font-family: Satoshi;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 16.25px; /* 108.333% */
  }
  .body-homepage .benefit {
    gap: 18.75px;
    padding: 14px 45px;
    max-width: none;
    max-height: none;
    width: auto;
  }
  .body-homepage .benefits-content {
    gap: 12.5px;
  }

  .benefits-content .benefit:nth-of-type(1) img {
    width: 27.672px;
    height: 43.75px;
  }
  .benefits-content .benefit:nth-of-type(2) img {
    width: 43.749px;
    height: 37.952px;
  }
  .benefits-content .benefit:nth-of-type(3) img {
    width: 28.751px;
    height: 43.75px;
  }
  .benefits-content .benefit:nth-of-type(4) img {
    width: 43.75px;
    height: 24.83px;
  }
  .benefits-content .benefit:nth-of-type(5) img {
    width: 43.751px;
    height: 24.628px;
  }
  .benefits-content .benefit:nth-of-type(6) img {
    width: 43.75px;
    height: 31.251px;
  }
  .benefits-content .benefit:nth-of-type(7) img {
    width: 43.75px;
    height: 35.052px;
  }
  .benefits-content .benefit:nth-of-type(8) img {
    width: 43.75px;
    height: 22.476px;
  }
  .benefits-content .benefit-amount:nth-of-type(9) img {
    width: 43.752px;
    height: 39.399px;
  }
  .benefits-content .benefit-amount:nth-of-type(10) img {
    width: 35.339px;
    height: 43.75px;
  }

  .body-homepage .reviews-content.multiple-reviews {
    justify-content: center;
    width: 100%;
    gap: 12.5px;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .how-to-order.green-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 66px;
  }

  .txt-review p {
    color: #595959;

    font-family: Satoshi;
    font-size: 17.5px;
    font-style: italic;
    font-weight: 500;
    line-height: 29.125px; /* 166.429% */
    /* overflow: auto; */
  }

  .body-homepage .review {
    padding: 37.5px;
    /* max-height: 354px; */
    max-height: 100%;

    height: 100%;
  }
  /* .body-homepage .review p {
    max-height: 187px;
    
  } */
  .review .tracks img {
    width: 18px;
    height: 15px;
  }

  .section-home.benefits {
    margin-bottom: 94px;
  }

  .body-homepage .review .person-name {
    color: #595959;
    text-align: right;
    font-family: Satoshi;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 31.25px; /* 156.25% */
    padding: 0px;

    position: absolute;
    bottom: 20px;
    right: 37px;
  }

  .body-homepage .review .txt-review{
    padding-bottom: 30px;
  }

  .body-homepage .section-home.green-section {
    margin-bottom: 95px;
    max-width: 89.5%;
    align-self: center;
    padding: 67px;
  }
  .section-home-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .how-to-order.green-section h2 {
    color: #fff;
    margin-bottom: 46px;
    font-family: "Fira Sans";
    font-size: 37.5px;
    font-style: normal;
    font-weight: 600;
    line-height: 42.5px; /* 113.333% */
  }
  .how-to-order.green-section .txt-order {
    color: #fff;
    margin-bottom: 10px;
    font-family: Satoshi;
    font-size: 17.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.5px; /* 128.571% */
  }

  .section-home.how-to-order .txt-order.order-desc {
    margin-bottom: 30px;
  }
  .how-to-order.green-section .step {
    color: #fff;
    text-align: center;
    gap: 20px;

    font-family: "Fira Sans";
    font-size: 25px;
    font-style: italic;
    font-weight: 700;
    line-height: 31.25px; /* 125% */
  }
  .section-home.how-to-order .steps {
    align-items: center;
    max-width: 81%;
    gap: 4px;
  }
  .section-home .order-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .section-home.values .title-value {
    color: #00b742;

    font-family: "Fira Sans";
    font-size: 25px;
    font-style: italic;
    font-weight: 700;
    line-height: 31.25px; /* 125% */
  }
  .section-home.values .value {
    padding: 16px 0px;
    align-self: flex-start;
  }

  .section-home .values {
    max-width: 50%;
    /* max-height: 132px; */
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 75px;
  }

  .values .main-value {
    width: 388px;
  }
  .section-home.values .value#onestitate {
    padding: 16px 0 16px;
  }

  .values {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .section-home.values .txt-values {
    color: #595959;
    width: 388px;
    font-family: Satoshi;
    font-size: 17.5px;
    font-style: normal;
    font-weight: 500;
    line-height: 29.125px; /* 166.429% */
    /* position: absolute; */
  }

  .values .second-title-green {
    margin-bottom: 86px;
  }
  .section-home.quote {
    align-items: center;
    max-width: 851px;
    gap: 20px;
  }
  .section-home.quote .second-title-green {
    margin-bottom: 0px;
  }

  .quote-container {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .section-home .second-title-green.quote {
    color: #00b742;
    text-align: center;

    font-family: "Fira Sans";
    font-size: 37.5px;
    font-style: italic;
    font-weight: 600;
    line-height: 42.5px; /* 113.333% */
  }
  .section-home.quote .name-author {
    position: initial;
    color: #00b742;
    text-align: center;

    font-family: Satoshi;
    font-size: 17.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 31.25px; /* 178.571% */
  }
  .body-homepage .section-home.green-section.contact {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .body-homepage .section-home.green-section.contact h2 {
    color: #fff;

    font-family: "Fira Sans";
    font-size: 37.5px;
    font-style: normal;
    font-weight: 600;
    line-height: 42.5px; /* 113.333% */
  }
  .section-home.contact .contact-btn a {
    color: #00b742;
    gap: 39px;
    font-family: Satoshi;
    font-size: 17.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 31.25px; /* 178.571% */
  }
  .section-home.contact .contact-btn {
    max-width: 312px;
  }
  .section-home.contact .contact-btn span {
    height: 68.5px;
    width: 68.5px;
  }
  .section-home.contact .contact-btn span img {
    height: 68.5px;
    width: 68.5px;
  }
  .section-home.contact .buttons-contact {
    flex-direction: row;
  }
  /* footer {
    background-color: #00b742;
    width: 98.9vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 55px;
  } */
  .footer-links {
    color: #fff;

    font-family: Satoshi;
    font-size: 18.75px;
    font-style: normal;
    font-weight: 700;
    line-height: 21.25px; /* 113.333% */
    display: flex;
    gap: 39px;
    margin-bottom: 48px;
  }

  .footer-links a {
    color: #fff;

    font-family: Satoshi;
    font-size: 18.75px;
    font-style: normal;
    font-weight: 700;
    line-height: 21.25px; /* 113.333% */
  }

  .right,
  .left {
    display: flex;
    gap: 50px;
    margin-top: 20px;
    margin-bottom: 54px;
  }
  .copyright {
    color: #fff;
    margin-bottom: 20px;
    font-family: Satoshi;
    font-size: 17.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 21.25px; /* 121.429% */
  }
  .legal {
    position: relative;
    width: 350px;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 90px;
    padding: 20px;
    padding-bottom: 13px;
    margin-bottom: 70px;
  }
  .fci {
    margin-right: 14px;
    height: 101.62px;
  }
  .anpc {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 179.77px;
    height: 44.58px;
  }
  .litigii {
    width: 179.77px;
    height: 44.58px;
    position: absolute;
    bottom: 26px;
    right: 25px;
  }

  .body-homepage .main-logo {
    top: 4px;
    margin-left: -3px;
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .body-homepage .mobile-navbar-content {
    padding: 16px;
  }
  .desktop-menu {
    top: 12.25px;
    right: 14px;
  }

  .desktop-menu .menu-section:hover,
  .btn-see-more:hover {
    /* text-shadow: 1px 1px 2px rgb(80, 80, 80); */
    box-shadow: none;
    cursor: pointer;
  }

  .tb button:hover {
    cursor: pointer;
    box-shadow: none;
  }

  /* .menu-section:hover {
  } */
  input.search-text:focus {
    outline: none;
  }

  .item-waist:hover {
    cursor: pointer;
  }
  .item-waist:hover button,
  .card:hover button {
    box-shadow: none;
  }
  .btn-see-more:hover,
  .card:hover,
  .btn-more-breeds:hover {
    cursor: pointer;
    box-shadow: none;
  }
  /* .txt-review p {
    max-height: 150px;
  } */
  a:hover {
    cursor: pointer;
  }
  a {
    appearance: none;
    text-decoration: none;
  }
}
