body,
html {
  overflow: unset;
  overflow-x: clip !important;
}

#wrapper.pt_category-wide .site-width-slot,
#wrapper.pt_category-wide .breadcrumb-container {
  width: 100%;
  max-width: 1520px;
  margin: 0 auto;
  position: relative;
}

/* Banner Area */
.offer-aspot {
  flex-direction: column !important;
}

.image-wrapper {
  width: 90% !important;
  margin-top: -6rem;
}

.top-page-title {
  display: block;
  padding: 1rem;
}

.top-page-con {
  display: flex;
  flex-direction: column;
  text-align: center;

  h1 {
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: #333;
    font-family: var(
      --font-regular,
      "ClarinsRegular",
      "Times New Roman",
      Times,
      serif
    );
    margin: 0.67em 0 0 0;
  }

  h3 {
    font-family: var(
      --font-book,
      "Gotham SSm book A",
      "Gotham SSm book B",
      Helvetica,
      Arial,
      sans-serif
    );
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #333;
  }
}

.offer-aspot .copy-wrapper {
  width: 100% !important;
}

.copy-wrapper-con {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  width: 56%;
  margin: 0 auto;
  padding-top: 1rem;
}

.copy-wrapper-con p {
  color: #000;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 33px;

  span {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    display: block;
    color: #333;
    margin-top: 0.5rem;
  }
}

/* End of Banner Area */

/* Main Area */

.top-ten-block__content {
  max-width: 100%;
  color: #000;
}

.top-ten-container {
  max-width: 60%;
  justify-content: center;
  gap: 4rem;
  flex-wrap: nowrap;
}

.top-ten-container > section.top-ten-block-right {
  padding-top: 14rem;
}

.top-ten-block {
  padding: unset;
  max-width: 380px;
  overflow: unset;
}

.top-ten-block__content {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 54px 25px 40px 25px !important;
  gap: 1.3rem;
}

.top-ten-block__description {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}

.top-ten-block__link-more a {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  color: #000;
  text-transform: unset;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.top-ten-block:nth-child(2n) {
  margin-top: unset;
  margin-bottom: unset;
}

.top-ten-container {
  margin-top: 2rem !important;
}

.top-ten-container section {
  display: grid;
  gap: 6rem;
}

.top-ten-block__visual {
  transform: scale(0.9);
  margin: -44px 0;
}

.top-ten-block__product {
  font-size: 14px;
}

/* Footer Area */
.legal-terms-con ul {
  padding: 0 20px;
}
.legal-terms-con ul li {
  list-style-type: none;
  line-height: 20px;
  color: #333;
}

@media (min-width: 768px) and (max-width: 1000px) {
}
/* Main Area */

@media only screen and (max-width: 1300px) {
  .top-ten-container {
    max-width: 90% !important;
  }
}
@media only screen and (max-width: 1000px) {
  .top-ten-block-right {
    padding-top: unset !important;
  }
  .top-ten-container {
    margin-top: 4rem !important;
  }
  .image-wrapper {
    margin-top: -2rem;
  }
}
@media only screen and (max-width: 761px) {
  .copy-wrapper-con {
    width: 100%;
  }
  .top-ten-container {
    max-width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 20px 20px 50px 20px;
  }
}

@media only screen and (max-width: 600px) {
  .top-page-con h1 {
    font-size: 32px;
    margin: 10px 0 0 0;
  }
  .top-page-con h3 {
    margin-bottom: 0;
  }
}