* {
  color: #000000;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Urbanist", sans-serif;
  font-size: 20px;
}

:root {
  --spellOrange: #ff7800;
  --spellPink: #faeaea;
  --speelGreen: #172b1a;
  --spellPinkText: #d7b8b8;
  --colorRed: #fd5e53;
  --colorGreen: #21bf73;
}

a {
  text-decoration: none;
  display: inline-flex;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}

p {
  margin-bottom: 0;
}

img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

ul,
ol {
  margin-bottom: 0;
  padding-left: 0;
}

li {
  list-style: none;
}

body {
  background: var(--spellPink);
  overflow-x: hidden;
}

body.mobile-menu-open {
  overflow: hidden;
}

.fancybox__toolbar__column .f-button {
  background: #fff !important;
}

.fancybox__infobar,
.fancybox__infobar span {
  color: #fff !important;
}

.fancybox__slide.has-youtube .f-button.is-close-btn svg {
  stroke: #fff;
}

@media (min-width: 1699px) {
  .container {
    max-width: 1459px;
  }
  main.cart .container {
    max-width: 1499px;
  }
  #footer .container {
    max-width: 1340px;
  }
}

.header-banner {
  background-color: var(--spellOrange);
  padding: 10px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  font-family: "Inter";
}

#header {
  position: relative;
  padding: 30px 90px;
}

#header .header-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

#header .header-left,
#header .header-right {
  flex: 1;
}

#header .header-right {
  display: flex;
  justify-content: end;
}

#header .logo-area {
  width: 133px;
  height: 56.775px;
}

#header .logo-area img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#header .main-menu {
  display: inline-flex;
  align-items: center;
  gap: 32px;
  padding: 16px 53px;
  border-radius: 56px;
  border: 1px solid #c49160;
  background: #fff;
  position: fixed;
  top: 68px;
  z-index: 999;
}

#header .main-menu .menu-item a {
  text-align: center;
  color: var(--speelGreen);
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
}

#header .shop-menu {
  display: inline-flex;
  align-items: center;
  padding: 16px 53px;
  gap: 32px;
  background-color: var(--speelGreen);
  border-radius: 56px;
  position: fixed;
  top: 68px;
  z-index: 999;
}

#header .shop-menu .menu-item {
  display: flex;
  gap: 32px;
  align-items: center;
}

#header .shop-menu .menu-item::after {
  content: "";
  width: 1px;
  height: 29px;
  background: #708474;
  display: block;
}

#header .shop-menu .menu-item:nth-last-child(1):after,
#header .shop-menu .menu-item:nth-last-child(2):after {
  display: none;
}

#header .shop-menu .menu-item a {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
}

#header-2 .mobile-menu-btn,
#header .shop-menu .mobile-menu-btn {
  display: none;
}

#header-2 .mobile-menu-btn a,
#header .shop-menu .mobile-menu-btn a {
  display: flex;
  width: 27.75px;
  height: 19px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='19' viewBox='0 0 28 19' fill='none'%3E%3Cpath d='M0 19V15.8333H27.75V19H0ZM0 11.0833V7.91667H27.75V11.0833H0ZM0 3.16667V0H27.75V3.16667H0Z' fill='white'/%3E%3C/svg%3E");
}

#mobile-menu {
  position: fixed;
  top: -1000px;
  left: 0;
  width: 100%;
  z-index: 9999;
  border-radius: 0 0 48px 48px;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(12.5px);
  -webkit-backdrop-filter: blur(12.5px);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 69px 94px 40px 68px;
  transition: top 0.4s ease;
  pointer-events: none;
}

#mobile-menu.show {
  top: 0;
  pointer-events: auto;
}

#mobile-menu .mobile-menu-body-wrap {
  display: flex;
  flex-direction: column;
  position: relative;
}

#mobile-menu .mobile-menu-body {
  border-radius: 24px;
  border: 1px solid #c49160;
  background: #fff;
  padding: 18px 37px;
  min-height: 265px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 7px;
}

#mobile-menu .mobile-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

#mobile-menu .mobile-menu .menu-item a {
  color: #172b1a;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 101%;
}

#mobile-menu .shop-menu {
  display: flex;
  gap: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 56px;
  background: #172b1a;
  height: 52px;
  padding: 0 53px;
}

#mobile-menu .shop-menu .menu-item {
  display: flex;
  gap: 32px;
  align-items: center;
  white-space: nowrap;
}

#mobile-menu .shop-menu .menu-item::after {
  content: "";
  width: 1px;
  height: 29px;
  background: #708474;
  display: block;
}

#mobile-menu .shop-menu .menu-item:nth-last-child(1):after {
  display: none;
}

#mobile-menu .shop-menu .menu-item a {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
  white-space: nowrap;
}

#mobile-menu .mobile-menu-close {
  width: 52px;
  height: 52px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52' fill='none'%3E%3Crect width='52' height='52' rx='26' fill='%23172B1A'/%3E%3Cpath d='M17.0654 37.1668L14.832 34.9334L23.7653 26.0001L14.832 17.0668L17.0654 14.8335L25.9987 23.7668L34.932 14.8335L37.1653 17.0668L28.232 26.0001L37.1653 34.9334L34.932 37.1668L25.9987 28.2335L17.0654 37.1668Z' fill='white'/%3E%3C/svg%3E");
  background-size: contain;
  position: absolute;
  top: -26px;
  right: -26px;
  cursor: pointer;
  transition: 0.3s ease;
}

#mobile-menu .mobile-menu-close:hover {
  transform: scale(1.1);
}

main.home .s1 {
  padding-top: 107px;
  background-image: url(../images/home/spell-text-bg.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top 15% center;
}

main.home .s1 .title {
  color: var(--speelGreen);
  text-align: center;
  font-size: 120px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -3.6px;
  display: flex;
  flex-direction: column;
  margin-bottom: 116px;
  position: relative;
  z-index: 2;
}

main.home .s1 .title > span {
  color: var(--spellPinkText);
  text-align: center;
  font-size: 260.976px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -7.829px;
  top: -47.5px;
  position: relative;
  z-index: -1;
}

main.home .s1 .video-area {
  margin-bottom: 70px;
  width: 100%;
  height: auto;
  max-height: 696px;
  display: flex;
  justify-content: center;
}

main.home .s1 .video-area video {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 19.5px;
}

main.home .s1 p > strong,
main.home .s1 p {
  color: #000;
  text-align: center;
  font-family: "Inter";
  font-size: 32px;
  font-weight: 500;
  line-height: 131%;
}

main.home .s1 p > strong {
  font-weight: 700;
}

main.home .s1 .products-wrap {
  margin-top: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}

main.home .s1 .product-item:nth-last-child(1) {
  margin-left: 38px;
}

main.home .s1 .product-item:nth-child(1) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
main.home .s1 .product-item:nth-child(2) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

main.spell-w-products .product-item {
  padding: 49px 20px 27px 20px;
  background: var(--speelGreen);
  border-radius: 24px;
  flex: 1;
  height: 100%;
}

main.spell-w-products .product-item .product-image {
  border-radius: 12px;
  background: #ffffff33;
  padding: 0 10px 6px 10px;
  height: 397px;
}

main.spell-w-products .product-item .product-image a{
  display: flex;
  position: relative;
  height: 100%;
  z-index: 9;
}

main.spell-w-products .product-item .product-image img {
  position: relative;
  height: 430px;
  top: -40px;
}

main.spell-w-products .product-item .product-info {
  padding-top: 33px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

main.spell-w-products .product-item .product-header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

main.spell-w-products .product-item .product-title {
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  line-height: 101%;
  text-align: left;
}

main.spell-w-products .product-item .price {
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  line-height: 101%;
}

main.spell-w-products .product-item .product-footer {
  display: flex;
  gap: 29px;
  align-items: center;
  justify-content: space-between;
}

main.spell-w-products .product-item .add-to-cart {
  color: var(--speelGreen);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 52px;
  padding: 0 53px;
  border-radius: 10px;
  background: var(--spellOrange);
}

main.spell-w-products .product-item .learn-more {
  color: #faeaea;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
  text-decoration: underline;
  white-space: nowrap;
}

main.spell-w-products .product-item .description-area p {
  color: #faeaea;
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
  letter-spacing: 0.48px;
  max-width: 288px;
  font-family: "Urbanist";
  text-align: left;
}

main.home .s2 {
  padding: 310px 0 150px 0;
  background-image: url(../images/home/dragon.svg);
  background-position: top -250px center;
  background-repeat: no-repeat;
}

main.home .s2 .stats-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 100px;
  margin-bottom: 290px;
}

main.home .s2 .stat-item .heading {
  color: var(--spellPinkText);
  font-size: 200px;
  font-weight: 500;
  line-height: 90%;
  letter-spacing: -18px;
  text-align: center;
}

main.home .s2 .stat-item .desc {
  color: var(--speelGreen);
  font-size: 38px;
  font-weight: 500;
  line-height: 101%;
  text-align: center;
}

main.home .s2 .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

main.home .s2 .title {
  color: var(--spellPinkText);
  text-align: center;
  font-size: 200px;
  font-style: normal;
  font-weight: 400;
  line-height: 86%;
  letter-spacing: -6px;
  max-width: 1100px;
  margin-bottom: 45px;
}

main.home .s2 p {
  color: var(--speelGreen);
  text-align: center;
  font-size: 54px;
  font-weight: 500;
  line-height: 101%;
  max-width: 989px;
}

main.home .s2 .abs-items {
  position: relative;
  width: 100%;
  min-height: 600px;
}

main.home .s2 .abs-items .abs-item {
  display: flex;
  position: absolute;
}

main.home .s2 .abs-items .abs-item .image {
  overflow: hidden;
}

main.home .s2 .abs-items .abs-item .abs-box h6 {
  color: var(--speelGreen);
  text-align: center;
  font-size: 38px;
  font-weight: 500;
  line-height: 101%;
}

main.home .s2 .abs-items .abs-item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

main.home .s2 .abs-items .abs-item:nth-child(1) {
  left: 0;
}

main.home .s2 .abs-items .abs-item:nth-child(2) {
  top: 135px;
  max-width: 555px;
  left: 37.5%;
}

main.home .s2 .abs-items .abs-item:nth-child(3) {
  right: 0;
  top: -100px;
  max-width: 662px;
  flex-direction: row-reverse;
}

main.home .s2 .abs-items .abs-item:nth-child(1) .image {
  width: 205px;
  height: 153px;
  border-radius: 34px;
}

main.home .s2 .abs-items .abs-item:nth-child(2) .image {
  width: 207px;
  height: 222px;
  border-radius: 27px;
}

main.home .s2 .abs-items .abs-item:nth-child(3) .image {
  width: 207px;
  height: 222px;
  border-radius: 27px;
}

main.home .s2 .abs-items .abs-item:nth-child(1) .abs-box {
  display: flex;
  rotate: -9.928deg;
  padding: 42.178px 72.23px 42.639px 70.788px;
  justify-content: center;
  align-items: center;
  border-radius: 36px;
  background: #fff;
  height: 167.376px;
  left: -120px;
  top: 92px;
  position: relative;
}

main.home .s2 .abs-items .abs-item:nth-child(2) .abs-box {
  display: inline-flex;
  flex: 1;
  height: 177.487px;
  rotate: 3.994deg;
  align-items: center;
  border-radius: 36px;
  background: #d7b8b8;
  position: relative;
  top: 190px;
  left: -103px;
  padding: 0 25px;
}

main.home .s2 .abs-items .abs-item:nth-child(3) .abs-box {
  border-radius: 36px;
  background: #b9b9b9;
  position: relative;
  display: flex;
  width: 497.654px;
  rotate: -1.702deg;
  justify-content: center;
  align-items: center;
  top: 190px;
  right: -47px;
  height: 178px;
  flex: 1;
  padding: 0 40px;
}

main.home .s3 {
  padding: 227px 0 394px 0;
  background-color: #fff;
}

main.home .s3 .title {
  color: var(--spellPinkText);
  text-align: center;
  font-size: 200px;
  font-weight: 400;
  line-height: 35%;
  letter-spacing: -6px;
  margin-bottom: 129px;
  display: flex;
  flex-direction: column;
}

main.home .s3 .title > span {
  color: var(--speelGreen);
  text-align: center;
  font-size: 48px;
  font-weight: 500;
  line-height: 101%;
  letter-spacing: normal;
  top: 50px;
  position: relative;
}

main.home .s3 .description-mobile {
  color: var(--speelGreen);
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  line-height: 101%;
  display: none;
  margin-bottom: 45px;
}

main.home .s3 .cards-wrap {
  display: flex;
  justify-content: center;
  gap: 30px;
}

main.home .s3 .flip-card {
  background: transparent;
  height: 619px;
  perspective: 1000px;
  flex: 1;
}

main.home .s3 .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s ease;
  transform-style: preserve-3d;
}

main.home .flip-card-front {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

main.home .s3 .flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

main.home .s3 .flip-card-front,
main.home .s3 .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 24px;
  overflow: hidden;
}

main.home .s3 .flip-card-front .card-image {
  width: 100%;
  height: 100%;
}

main.home .s3 .flip-card-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
}

main.home .s3 .flip-card-front .card-title {
  color: #fff;
  font-size: 48px;
  font-weight: 400;
  line-height: 101%;
  position: absolute;
  padding: 320px 60px 150px 60px;
  top: 0;
  left: 0;
  text-align: left;
  width: 100%;
  height: 100%;
}

main.home .s3 .flip-card:nth-child(1) .card-title {
  padding: 320px 40px 150px 60px;
}

main.home .s3 .flip-card:nth-child(2) .card-title {
  padding: 320px 80px 150px 110px;
}

main.home .s3 .flip-card-back {
  transform: rotateY(180deg);
  box-sizing: border-box;
}

/* Contact */
body.page-template-contact {
  background-image: url(../images/contact/line-bg.svg);
  background-position: top center;
  background-repeat: no-repeat;
}

main.contact .s1 {
  padding: 110px 0 231px 0;
  background-image: url(../images/contact/text-bg.svg);
  background-position: bottom -10px center;
  background-repeat: no-repeat;
  background-size: 100%;
}

main.contact .s1 .title {
  color: var(--spellPinkText);
  text-align: center;
  font-size: 240px;
  font-weight: 400;
  line-height: 29%;
  letter-spacing: -7.5px;
  margin-bottom: 175px;
}

main.contact .s1 .subtitle-mobile {
  color: var(--speelGreen);
  text-align: center;
  font-size: 60px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -1.8px;
  margin-bottom: 130px;
  display: none;
}

main.contact .s1 .title span {
  color: var(--speelGreen);
  text-align: center;
  font-size: 118px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -3.6px;
  position: relative;
  z-index: 2;
  top: -20px;
}

main.contact .s1 .box-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

main.contact .s1 .form-box {
  border-radius: 12px;
  background: #fff;
  width: 100%;
  max-width: 1080px;
  padding: 82px 154px 50px 154px;
}

main.contact .s1 .form-row {
  display: flex;
  column-gap: 27px;
  width: 100%;
}

main.contact .s1 .input-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  margin-bottom: 23px;
}

main.contact .s1 .input-wrap label {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 118%;
}

main.contact .s1 .input-wrap textarea,
main.contact .s1 .input-wrap input[type="text"],
main.contact .s1 .input-wrap input[type="tel"],
main.contact .s1 .input-wrap input[type="email"] {
  border-radius: 12px;
  border: 1px solid #708474;
  background: #f4f4f4;
  height: 52px;
  width: 100%;
  padding: 6px 12px;
  outline-color: var(--spellPinkText);
}

main.contact .s1 .input-wrap textarea {
  height: 98px;
  resize: none;
}

main.contact .s1 .form-box input[type="submit"] {
  color: var(--speelGreen);
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  line-height: 101%;
  width: 100%;
  border: 1px solid var(--spellOrange);
  background-color: var(--spellOrange);
  border-radius: 10px;
  height: 52px;
  transition: 0.3s ease;
  margin-bottom: 53px;
}

main.contact .s1 .form-box input[type="submit"]:hover {
  background-color: #fff;
  color: var(--spellOrange);
}

main.contact .s1 .form-box .disclaimer a,
main.contact .s1 .form-box .disclaimer {
  color: #000;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 145%;
}

main.contact .s1 .form-box .disclaimer a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* About */
main.about {
  background-image: url(../images/home/spell-text-bg.svg);
  background-position: top 135px center;
  background-repeat: no-repeat;
  background-size: 100%;
}
main.about .s1 {
  padding: 70px 0 260px 0;
}

main.about .s1 .title {
  color: var(--spellPinkText);
  text-align: center;
  font-size: 250px;
  font-weight: 400;
  line-height: 77%;
  letter-spacing: -7.5px;
}

main.about .s1 .title > span {
  color: var(--speelGreen);
  text-align: center;
  font-size: 120px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -3.6px;
  position: relative;
  top: -75px;
}

main.about .s2 {
  padding-bottom: 100px;
  position: relative;
}

main.about .s2 .bg-img {
  width: 95%;
  position: absolute;
  left: 0;
  bottom: 110px;
  z-index: -1;
}

main.about .s2 .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

main.about .s2 .title {
  color: #d7b8b8;
  text-align: center;
  font-size: 200px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -6px;
  margin-bottom: 25px;
}

main.about .s2 p {
  color: #000;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.64px;
  max-width: 887px;
  margin-bottom: 43px;
}

main.about .s2 .timeline-row {
  display: flex;
}

main.about .s2 .timeline-row.row-top {
  gap: 9%;
}

main.about .s2 .timeline-row.row-bottom {
  gap: 8.5%;
  padding-bottom: 165px;
  position: relative;
  top: 210px;
  padding-left: 13.5%;
}

main.about .s2 .timeline-item {
  display: flex;
  flex-direction: column;
  gap: 7px;
  position: relative;
}

main.about .s2 .timeline-item .timeline-mark {
  width: 70px;
  height: 82px;
  display: flex;
  background-image: url(../images//about/timeline-mark.svg);
  background-position: center;
  background-repeat: no-repeat;
}

main.about .s2 .timeline-row.row-bottom .timeline-item .timeline-mark {
  rotate: 180deg;
}

main.about .s2 .timeline-row.row-top .timeline-item:nth-child(1) {
  width: 21%;
  top: 310px;
}

main.about .s2 .timeline-row.row-top .timeline-item:nth-child(2) {
  width: 27.3%;
  top: 195px;
  left: 3.5%;
}

main.about .s2 .timeline-row.row-top .timeline-item:nth-child(3) {
  width: 28.5%;
  top: 100px;
}

main.about .s2 .timeline-row.row-top .timeline-item:nth-child(4) {
  width: 25.6%;
}

main.about .s2 .timeline-row.row-bottom .timeline-item:nth-child(1) {
  width: 24.5%;
}

main.about .s2 .timeline-row.row-bottom .timeline-item:nth-child(2) {
  width: 23%;
  bottom: 53px;
}

main.about .s2 .timeline-row.row-bottom .timeline-item:nth-child(3) {
  width: 26.8%;
  bottom: 178px;
}

main.about .s2 .timeline-item .heading {
  color: var(--speelGreen);
  font-size: 88.846px;
  font-weight: 400;
  line-height: 86%;
  letter-spacing: -4.442px;
}

main.about .s2 .timeline-item span {
  color: var(--speelGreen);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.36px;
}

main.about .s3 {
  padding: 236px 0 587px 0;
  background: linear-gradient(180deg, rgba(251, 251, 251, 0) 0%, #fff 8.66%);
}

main.about .s3 .content-row {
  display: flex;
  position: relative;
}

main.about .s3 .content-row .content-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
  margin-bottom: 20px;
}

main.about .s3 .content-row .image-left {
  width: 256.695px;
  height: 275.314px;
  rotate: 7.826deg;
  position: relative;
  top: 35px;
}

main.about .s3 .content-row .image-right {
  width: 207px;
  height: 222px;
  rotate: -15.21deg;
  position: relative;
  top: 75px;
}

main.about .s3 .content-row .image-right img,
main.about .s3 .content-row .image-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 27px;
}

main.about .s3 .title {
  color: var(--spellPinkText);
  text-align: center;
  font-size: 200px;
  font-weight: 400;
  line-height: 86%;
  letter-spacing: -6px;
}

main.about .s3 .description {
  color: #000;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 135%;
  letter-spacing: -0.48px;
  max-width: 980px;
}

main.about .s3 .boxes-wrap {
  display: flex;
  position: relative;
}

main.about .s3 .box-item {
  padding: 48px 73px 37px 73px;
  border-radius: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16.5px;
}

main.about .s3 .box-item .box-title {
  color: var(--speelGreen);
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  line-height: 101%;
}

main.about .s3 .box-item p {
  color: #000;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.36px;
}

main.about .s3 .box-item:nth-child(1) {
  background: #ffeed3;
  rotate: 9.234deg;
  width: 100%;
  max-width: 520px;
  position: relative;
  top: 25px;
}

main.about .s3 .box-item:nth-child(2) {
  background: #d7b8b8;
  width: 100%;
  max-width: 629px;
  rotate: 3.994deg;
  position: absolute;
  top: 250px;
  left: 430px;
}

main.about .s3 .box-item .box-img {
  width: 272.797px;
  height: 204.471px;
  rotate: 2deg;
  position: absolute;
  top: -230px;
}

main.about .s3 .box-item .box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 27px;
}

main.about .s3 .box-item:nth-child(3) {
  background: #b9b9b9;
  rotate: -1.702deg;
  width: 100%;
  max-width: 497px;
  position: absolute;
  right: 0;
}

main.about .s3 .boxes-wrap .img-mobile {
  display: none;
}

main.about .s3-new {
  padding: 300px 0 320px 0;
  background: linear-gradient(180deg, rgba(251, 251, 251, 0) 0%, #fff 8.66%);
}

main.about .s3-new .content-area {
  display: flex;
  flex-direction: column;
  align-items: center;
}

main.about .s3-new .title {
  color: #172b1a;
  text-align: center;
  font-size: 120px;
  font-weight: 400;
  line-height: 94%;
  letter-spacing: -3.6px;
  max-width: 1100px;
  margin-bottom: 100px;
  position: relative;
  z-index: 3;
}

main.about .s3-new .boxes-row {
  display: flex;
  justify-content: center;
  gap: 80px;
  position: relative;
  max-width: 1457px;
}

main.about .s3-new .box-item {
  flex: 1;
  max-width: 410px;
  min-height: 589px;
  border-radius: 36px;
  background-color: #ffeed3;
  padding: 100px 10px 60px 30px;
  display: flex;
  flex-direction: column;
  transform: rotate(6.722deg);
  position: relative;
  top: -160px;
  background-image: url(../images/icons/1-bg.svg);
  background-repeat: no-repeat;
  background-position: top 8px right 35px;
}

main.about .s3-new .box-item:nth-child(2) {
  background-color: #d7b8b8;
  transform: rotate(0deg);
  top: 0;
  background-image: url(../images/icons/2-bg.svg);
  background-position: bottom 10px right;
}
main.about .s3-new .box-item:nth-last-child(1) {
  background-color: #bfc7c0;
  transform: rotate(-7.758deg);
  top: -110px;
  background-image: url(../images/icons/3-bg.svg);
  background-position: top left;
}

main.about .s3-new .box-item .box-title {
  color: #172b1a;
  font-size: 60px;
  font-weight: 400;
  line-height: 82%;
  flex: 1;
}

main.about .s3-new .box-item p {
  color: #172b1a;
  font-size: 32px;
  font-weight: 400;
  line-height: 100%;
}

/* Learn */
main.learn .s1 {
  padding: 110px 0 0 0;
  background-image: url(../images/home/spell-text-bg.svg);
  background-position: top 100px center;
  background-repeat: no-repeat;
  background-size: 100%;
}

main.learn .s1 .title {
  color: var(--speelGreen);
  text-align: center;
  font-size: 120px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -3.6px;
  margin-bottom: 130px;
}

main.learn .products-row {
  display: flex;
  flex-direction: column;
  gap: 58px;
}

main.home .s3 .cards-mobile-slider,
main.home .s1 .mobile-slider,
main.learn .s1 .mobile-slider {
  display: none;
}

main.home .s3 .cards-slider,
main.home .s1 .products-slider,
main.learn .s1 .products-slider {
  padding-bottom: 75px;
  border-radius: 24px;
}

main.home .s3 .cards-slider{
  padding-left: 15px;
}

main.home .s3 .swiper-slide,
main.home .s1 .products-slider .swiper-slide,
main.learn .s1 .products-slider .swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column;
}

main.home .s3 .swiper-pagination-bullet,
main.home .s1 .products-slider .swiper-pagination-bullet,
main.learn .s1 .products-slider .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: #b3b9b4;
  border-radius: 40px;
  transition: 0.3s ease;
  opacity: 1;
}

main.home .s3 .swiper-pagination-bullet-active,
main.home .s1 .products-slider .swiper-pagination-bullet-active,
main.learn .s1 .products-slider .swiper-pagination-bullet-active {
  background: #455548;
  width: 54px;
}

main.shop .swiper-prev:after,
main.shop .swiper-next:after,
main.learn .s1 .products-slider .swiper-button-prev:after,
main.learn .s1 .products-slider .swiper-button-next:after,
main.home .s1 .products-slider .swiper-button-prev:after,
main.home .s3 .swiper-button-next:after,
main.home .s3 .swiper-button-prev:after,
main.home .s1 .products-slider .swiper-button-next:after {
  content: "";
}

main.shop .swiper-prev,
main.shop .swiper-next,
main.home .s3 .swiper-button-prev,
main.home .s3 .swiper-button-next,
main.home .s1 .products-slider .swiper-button-prev,
main.home .s1 .products-slider .swiper-button-next,
main.learn .s1 .products-slider .swiper-button-prev,
main.learn .s1 .products-slider .swiper-button-next {
  margin-top: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #b3b9b4;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px;
  top: 30%;
}

main.home .s3 .swiper-button-prev,
main.home .s3 .swiper-button-next {
  top: 40%;
}

main.home .s3 .swiper-button-next,
main.shop .swiper-next,
main.learn .s1 .products-slider .swiper-button-next,
main.home .s1 .products-slider .swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' viewBox='0 0 11 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1822 10.6065L2.03616 19.092L0 16.971L7.128 9.546L0 2.121L2.03616 0L10.1822 8.4855C10.4522 8.76679 10.6039 9.14825 10.6039 9.546C10.6039 9.94375 10.4522 10.3252 10.1822 10.6065Z' fill='black'/%3E%3C/svg%3E");
}

main.home .s3 .swiper-button-next {
  right: 0;
}

main.home .s3 .swiper-button-prev {
  left: 0;
}

main.home .s3 .swiper-button-prev,
main.shop .swiper-prev,
main.learn .s1 .products-slider .swiper-button-prev,
main.home .s1 .products-slider .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' viewBox='0 0 11 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.421277 10.6065L8.56736 19.092L10.6035 16.971L3.47552 9.546L10.6035 2.121L8.56736 0L0.421277 8.4855C0.151319 8.76679 -0.000335693 9.14825 -0.000335693 9.546C-0.000335693 9.94375 0.151319 10.3252 0.421277 10.6065Z' fill='black'/%3E%3C/svg%3E");
}

main.learn .product-learn {
  position: relative;
  border-radius: 24px;
  background: var(--speelGreen);
  padding: 10px 25px 28px 25px;
}

main.learn .product-learn:nth-child(2) .detail-title {
  min-width: 225px;
}

main.learn .product-learn .product-image {
  position: absolute;
  left: 20px;
  width: 335px;
  height: 470px;
}

main.learn .product-learn .product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

main.learn .product-learn .product-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 0 30px 310px;
}

main.learn .product-learn .product-title {
  color: #d7b8b8;
  font-size: 72px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -2.16px;
}

main.learn .product-learn .add-to-cart {
  color: var(--speelGreen);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
  display: flex;
  width: 281px;
  height: 52px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: var(--spellOrange);
}

main.learn .product-learn .add-to-cart.btn-mobile {
  display: none;
}

main.learn .product-learn .product-body {
  background: #ffffff33;
  border-radius: 12px;
  padding: 53px 30px 45px 350px;
  display: inline-flex;
  gap: 30px;
  justify-content: space-between;
}

main.learn .product-learn .detail-item {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

main.learn .product-learn .detail-title {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 101%;
  min-height: 48.5px;
}

main.learn .product-learn .detail-item p {
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 135%;
  letter-spacing: -0.32px;
  flex: 1;
}

main.learn .s1 .boxes-wrap {
  background: #172b1a;
  border-radius: 24px;
  margin-bottom: 68px;
}

main.learn .s1 .box-item {
  border-radius: 24px;
  background: #172b1a;
  padding: 110px 31px 31px 31px;
}

main.learn .s1.boxes-wrap .box-item:nth-child(1) {
  padding-bottom: 0;
}

main.learn .s1 .boxes-wrap .box-item:nth-child(2) {
  padding-top: 42px;
}

main.learn .s1 .box-item .box-content {
  background: #ffffff33;
  position: relative;
  border-radius: 12px;
  min-height: 352px;
  padding: 47px 75px 47px 515px;
}

main.learn .s1 .box-item .image-area {
  width: 378px;
  height: 412px;
  position: absolute;
  left: 0;
  top: -55px;
}

main.learn .s1 .box-item .image-area img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

main.learn .s1 .box-item .box-details {
  display: flex;
  flex-direction: column;
  gap: 35px;
}

main.learn .s1 .box-item .box-title {
  color: #d7b8b8;
  font-size: 64px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -1.92px;
}

main.learn .s1 .box-item p {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 121%;
}

main.learn .s1 .box-item .primary-btn {
  color: #172b1a;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
  border-radius: 10px;
  background: #ff7800;
  display: flex;
  width: 211px;
  height: 52px;
  justify-content: center;
  align-items: center;
  gap: 32px;
}

main.learn .s2 {
  padding: 375px 0 200px 0;
  background-image: url(../images/learn/line-bg.svg);
  background-position: top center;
  background-repeat: no-repeat;
}

main.learn .s2 .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

main.learn .s2 .title {
  color: var(--spellPinkText);
  font-size: 200px;
  font-weight: 400;
  line-height: 86%;
  letter-spacing: -6px;
  max-width: 1100px;
  text-align: center;
  margin-bottom: 45px;
}

main.learn .s2 .description {
  color: var(--speelGreen);
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  line-height: 130%;
  max-width: 827px;
}

main.learn .s2 .boxes-wrap {
  position: relative;
  display: flex;
  padding-bottom: 140px;
}

main.learn .s2 .box-item {
  padding: 52px 30px 35px 40px;
  border-radius: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

main.learn .s2 .box-item:nth-child(1) {
  background: #fff;
  rotate: 9.234deg;
  width: 100%;
  max-width: 520px;
  position: relative;
  left: 5%;
}

main.learn .s2 .box-item:nth-child(2) {
  background: #d7b8b8;
  rotate: -4.866deg;
  width: 100%;
  max-width: 560px;
  position: absolute;
  right: 18%;
  bottom: 0;
}

main.learn .s2 .box-item:nth-child(3) {
  background: #c49160;
  rotate: -1.702deg;
  width: 100%;
  max-width: 497px;
  position: absolute;
  right: 0;
  top: -35px;
}

main.learn .s2 .box-item .box-title {
  color: var(--speelGreen);
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  line-height: 101%;
  margin-bottom: 20px;
  max-width: 344px;
}

main.learn .s2 .box-item p {
  color: #000;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.36px;
}

main.learn .s2 .btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 140px;
}

main.learn .s2 .cta-btn {
  color: var(--speelGreen);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
  border-radius: 10px;
  background: var(--spellOrange);
  display: flex;
  width: 377px;
  height: 52px;
  justify-content: center;
  align-items: center;
}

main.learn .s2-new {
  padding: 173px 0 300px 0;
  background-image: url(../images/learn/dragon-bg.svg);
  background-position: top -375px center;
  background-repeat: no-repeat;
}

main.learn .s2-new .content-area {
  display: flex;
  flex-direction: column;
  align-items: center;
}

main.learn .s2-new .title {
  color: #d7b8b8;
  text-align: center;
  font-size: 200px;
  font-weight: 400;
  line-height: 86%;
  letter-spacing: -6px;
  margin-bottom: 49px;
  max-width: 1241px;
}

main.learn .s2-new p {
  color: #172b1a;
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 60px;
}

main.learn .s2-new .boxes-row {
  display: flex;
  margin-bottom: 220px;
}

main.learn .s2-new .box-item {
  flex: 1;
  padding: 60px 50px;
  min-height: 513px;
  border-radius: 36px;
  background-color: #bfc7c0;
  background-image: url(../images/icons/1-bg.svg);
  background-repeat: no-repeat;
  transform: rotate(9.234deg);
  background-position: bottom -15px center;
}

main.learn .s2-new .box-item:nth-child(2) {
  transform: rotate(0deg);
  background-color: #d7b8b8;
  background-image: url(../images/icons/2-bg-new.svg);
  background-position: bottom left;
  display: flex;
  align-items: center;
}
main.learn .s2-new .box-item:nth-last-child(1) {
  transform: rotate(3.45deg);
  background-color: #deab7b;
  background-image: url(../images/icons/3-bg-new.svg);
  background-position: top right;
}

main.learn .s2-new .box-item .box-title {
  color: #172b1a;
  font-size: 60px;
  font-weight: 400;
  line-height: 95%;
}

main.learn .s2-new .slogan-title {
  color: #172b1a;
  text-align: center;
  font-size: 120px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -3.6px;
  max-width: 1459px;
}

/* Review */
main.review {
  background-image: url(../images/review/text-bg.svg);
  background-size: 100%;
  background-position: top 150px center;
  background-repeat: no-repeat;
}

main.review .s1 {
  padding: 140px 0 60px 0;
}

main.review .s1 .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

main.review .s1 .title {
  color: var(--speelGreen);
  text-align: center;
  font-size: 106px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -3.6px;
  margin-bottom: 53px;
}

main.review .s1 p {
  color: #000;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 131%;
  max-width: 1250px;
  margin-bottom: 30px;
}

main.review .s1 .subtitle {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #cfa9a9;
  font-size: 200px;
  font-weight: 500;
  line-height: 101%;
  letter-spacing: -4px;
}

main.review .s1 .subtitle > span {
  color: #000;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 101%;
  position: absolute;
  z-index: 2;
  letter-spacing: normal;
  white-space: nowrap;
}

main.review .s2 {
  padding-bottom: 170px;
}

main.review .s2 .review-row {
  display: flex;
  gap: 63px;
}

main.review .s2 .review-types {
  display: flex;
  flex-direction: column;
  gap: 13px;
  margin-bottom: 49px;
}

main.review .s2 .filter-item {
  display: flex;
  align-items: center;
  padding: 13px 25px 13px 30px;
  border-radius: 36px;
  background: var(--speelGreen);
  min-width: 306px;
}

main.review .s2 .filter-item .filter-label {
  flex: 1;
  color: #faeaea;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 101%;
  transition: 0.3s ease;
}

main.review .s2 .filter-item:hover .filter-label,
main.review .s2 .filter-item.active .filter-label {
  color: var(--spellOrange);
}

main.review .s2 .filter-item .filter-icon {
  display: flex;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

main.review .s2 .filter-item .filter-right span {
  color: #faeaea;
  font-size: 18px;
  font-weight: 400;
  line-height: 101%;
  opacity: 0.55;
}

main.review .s2 .filter-item .filter-icon.audio {
  background-image: url(../images/icons/audio.svg);
}

main.review .s2 .filter-item .filter-icon.video {
  background-image: url(../images/icons/video.svg);
}

main.review .s2 .filter-item .filter-icon.text {
  background-image: url(../images/icons/text.svg);
}

main.review .s2 .filter-item .filter-icon.filter {
  background-image: url(../images/icons/filter.svg);
}

main.review .s2 .filter-item .filter-right {
  border-left: 1px solid #708474;
  min-width: 45px;
  min-height: 29px;
  display: flex;
  align-items: center;
  justify-content: end;
}

main.review .s2 .filter-column .filter-item.toggle-filters {
  display: none;
}

main.review .s2 .categories-wrap {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

main.review .s2 .review-row .reviews-column {
  flex: 1;
}

main.review .s2 .review-row .reviews-area {
  column-gap: 18px;
  row-gap: 58px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

main.review .s2 .load-more-reviews {
  color: var(--speelGreen);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
  border-radius: 10px;
  background: var(--spellOrange);
  display: flex;
  width: 100%;
  height: 52px;
  justify-content: center;
  align-items: center;
  margin-top: 58px;
}

main.review .s2 .s-review-form {
  margin-top: 80px;
}

.spell-review-item {
  border-radius: 24px;
  background: #fff;
  padding: 34px 21px 40px 27px;
  display: flex;
  flex-direction: column;
}

.spell-review-item .review-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
}

.spell-review-item .review-item-header .review-category {
  color: var(--speelGreen);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
  border-radius: 24px;
  border: 1px solid var(--speelGreen);
  padding: 10px 15px;
}

.spell-review-item .review-item-header .review-badge {
  padding: 6px 10px;
  border-radius: 24px;
  border: 1px solid var(--speelGreen);
}

.spell-review-item .review-item-header .badge-icon {
  display: flex;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.spell-review-item.text .review-item-header .badge-icon {
  background-image: url(../images/icons/text.svg);
}

.spell-review-item.audio .review-item-header .badge-icon {
  background-image: url(../images/icons/audio.svg);
}

.spell-review-item.video .review-item-header .badge-icon {
  background-image: url(../images/icons/video.svg);
}

.spell-review-item .review-item-body {
  flex: 1;
  margin-bottom: 34px;
}

.spell-review-item.video .review-main {
  display: flex;
  justify-content: center;
}

.spell-review-item.text .review-main.is-collapsible {
  max-height: 415px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease;
}

.spell-review-item.text.is-expanded .review-main.is-collapsible {
  max-height: 1500px;
}

.spell-review-item .read-more-btn {
  background: none;
  border: none;
  cursor: pointer;
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.spell-review-item .read-more-btn[hidden] {
  display: none;
}

.spell-review-item .read-more-btn .btn-label {
  color: #000;
  font-size: 17px;
  font-style: italic;
  font-weight: 300;
  line-height: 135%;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.spell-review-item .read-more-btn .btn-icon {
  width: 24px;
  height: 24px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='12' fill='%23FF7800'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3894 12.7109L9.73236 18.3679L8.31836 16.9539L13.2684 12.0039L8.31836 7.05389L9.73236 5.63989L15.3894 11.2969C15.5768 11.4844 15.6821 11.7387 15.6821 12.0039C15.6821 12.2691 15.5768 12.5234 15.3894 12.7109Z' fill='black'/%3E%3C/svg%3E");
}

.spell-review-item .rating {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}

.spell-review-item .rating .star {
  width: 22px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16.5px;
  background-image: url(../images/icons/star-default.svg);
}

.spell-review-item .rating .star.solid {
  background-image: url(../images/icons/star.svg);
  background-size: 21px;
}

.spell-review-item .review-main p {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.34px;
}

.spell-review-item .review-item-footer .review-author {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-style: italic;
  font-weight: 300;
  line-height: 135%;
  letter-spacing: -0.34px;
}

.spell-review-item.video .video-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 240px;
  position: relative;
  width: 100%;
  max-width: 300px;
}

.spell-review-item.video .video-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.spell-review-item.video .video-item .play-button {
  display: flex;
  width: 36px;
  height: 36px;
  background-image: url(../images/icons/play-btn.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 2;
}

.spell-review-item.audio .audio-player {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.spell-review-item.audio .audio-visualizer {
  display: flex;
  align-items: end;
  gap: 3px;
}

.spell-review-item.audio .audio-visualizer .line {
  flex: 1;
  border-radius: 21.218px;
  background: #d9d9d9;
  transition: 0.3s ease;
}

.spell-review-item.audio .audio-visualizer .line.fill {
  background-color: #708474;
}

.spell-review-item.audio .audio-visualizer .line:nth-child(1) {
  height: 71px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(32),
.spell-review-item.audio .audio-visualizer .line:nth-child(2) {
  height: 80px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(11),
.spell-review-item.audio .audio-visualizer .line:nth-child(3) {
  height: 91px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(38),
.spell-review-item.audio .audio-visualizer .line:nth-child(34),
.spell-review-item.audio .audio-visualizer .line:nth-child(29),
.spell-review-item.audio .audio-visualizer .line:nth-child(27),
.spell-review-item.audio .audio-visualizer .line:nth-child(26),
.spell-review-item.audio .audio-visualizer .line:nth-child(25),
.spell-review-item.audio .audio-visualizer .line:nth-child(20),
.spell-review-item.audio .audio-visualizer .line:nth-child(18),
.spell-review-item.audio .audio-visualizer .line:nth-child(12),
.spell-review-item.audio .audio-visualizer .line:nth-child(7),
.spell-review-item.audio .audio-visualizer .line:nth-child(4) {
  height: 96px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(37),
.spell-review-item.audio .audio-visualizer .line:nth-child(35),
.spell-review-item.audio .audio-visualizer .line:nth-child(6),
.spell-review-item.audio .audio-visualizer .line:nth-child(5) {
  height: 108px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(8) {
  height: 120px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(9) {
  height: 131px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(36),
.spell-review-item.audio .audio-visualizer .line:nth-child(10) {
  height: 117px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(13) {
  height: 108px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(17),
.spell-review-item.audio .audio-visualizer .line:nth-child(14) {
  height: 139px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(16),
.spell-review-item.audio .audio-visualizer .line:nth-child(15) {
  height: 149px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(28),
.spell-review-item.audio .audio-visualizer .line:nth-child(19) {
  height: 87px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(21) {
  height: 134px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(23),
.spell-review-item.audio .audio-visualizer .line:nth-child(22) {
  height: 124px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(24) {
  height: 114px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(30) {
  height: 106px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(31) {
  height: 111px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(33) {
  height: 74px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(39) {
  height: 68px;
}
.spell-review-item.audio .audio-visualizer .line:nth-child(40) {
  height: 57px;
}

.spell-review-item.audio .audio-timeline {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

.spell-review-item.audio .audio-timeline .time {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 300;
  line-height: 135%;
  letter-spacing: -0.24px;
}

/* Progress bar stilleri */
.spell-review-item.audio .audio-progress {
  position: relative;
  width: 100%;
  height: 8px;
  margin: 10px 0;
}

.spell-review-item.audio .progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #d9d9d9;
  border-radius: 12px;
  overflow: hidden;
}

.spell-review-item.audio .progress-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #708474;
  border-radius: 12px;
  width: 0%;
  transition: width 0.1s linear;
}

.spell-review-item.audio .audio-progress input[type="range"] {
  position: relative;
  width: 100%;
  height: 8px;
  -webkit-appearance: none;
  background: transparent;
  z-index: 2;
  top: -21px;
}

.spell-review-item.audio
  .audio-progress
  input[type="range"]::-webkit-slider-runnable-track {
  height: 8px;
  background: transparent;
  border-radius: 12px;
}

.spell-review-item.audio
  .audio-progress
  input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  background: #ff7800;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.spell-review-item.audio .audio-progress input[type="range"]::-moz-range-track {
  height: 8px;
  background: transparent;
  border-radius: 12px;
  border: none;
}

.spell-review-item.audio .audio-progress input[type="range"]::-moz-range-thumb {
  width: 22px;
  height: 22px;
  background: #ff7800;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.spell-review-item.audio .audio-visualizer .line.active {
  background-color: #708474 !important;
}

.spell-review-item.audio .audio-controls {
  display: flex;
  justify-content: center;
}

.spell-review-item.audio .audio-controls .play-btn {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  color: #fff;
  background: #ff7800;
  font-size: 14px;
  text-align: center;
  border: none;
  padding: 8px 5px 6px 11px;
}

main.shop .s1 {
  padding: 110px 0 190px 0;
}

main.shop .s1 .product-row {
  display: flex;
  gap: 48px;
}

body.single-product .f-button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #b3b9b4;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px;
}

body.single-product .f-button svg {
  width: 18px;
}

main.shop .s1 .product-slider-area {
  width: 672px;
}

main.shop .s1 .main-swiper-wrap {
  border-radius: 24px;
  position: relative;
}

main.shop .navigation-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: calc(50% - 18px);
  left: -18px;
  width: calc(100% + 36px);
  z-index: 2;
}

main.shop .swiper-prev:after,
main.shop .swiper-next:after {
  content: "";
}

main.shop .swiper-prev,
main.shop .swiper-next {
  margin-top: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #b3b9b4;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px;
  top: 30%;
}

main.shop .swiper-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' viewBox='0 0 11 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1822 10.6065L2.03616 19.092L0 16.971L7.128 9.546L0 2.121L2.03616 0L10.1822 8.4855C10.4522 8.76679 10.6039 9.14825 10.6039 9.546C10.6039 9.94375 10.4522 10.3252 10.1822 10.6065Z' fill='black'/%3E%3C/svg%3E");
}

main.shop .swiper-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' viewBox='0 0 11 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.421277 10.6065L8.56736 19.092L10.6035 16.971L3.47552 9.546L10.6035 2.121L8.56736 0L0.421277 8.4855C0.151319 8.76679 -0.000335693 9.14825 -0.000335693 9.546C-0.000335693 9.94375 0.151319 10.3252 0.421277 10.6065Z' fill='black'/%3E%3C/svg%3E");
}

main.shop .s1 .product-slider-area .cta-btn-wrap {
  margin: 20px 0;
  display: flex;
  justify-content: center;
}

main.shop .s1 .product-slider-area .fullview {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
  text-decoration: underline;
  text-underline-offset: 3px;
}

main.shop .s1 .product-main {
  position: relative;
}

main.shop .s1 .product-main .product-img {
  width: 100%;
  height: 100%;
  max-height: 672px;
  position: relative;
  user-select: none;
  border-radius: 24px;
  overflow: hidden;
}

main.shop .s1 .product-main .product-img img {
  width: 100%;
  height: 100%;
}

main.shop .s1 .product-main .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

main.shop .s1 .product-thumbs .swiper-slide {
  border-radius: 7.987px;
  overflow: hidden;
  /* height: 211px; */
  height: auto;
  position: relative;
  cursor: pointer;
}

main.shop .s1 .product-thumbs .product-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

main.shop .s1 .product-thumbs .product-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

main.shop .s1 .product-details {
  flex: 1;
}

main.shop .s1 .product-details-mobile {
  display: none;
}

main.shop .s1 .rating-area {
  display: flex;
  align-items: center;
  gap: 29px;
  margin-bottom: 34px;
}

main.shop .s1 .rating-area .stars {
  display: flex;
}

main.shop .s1 .rating-area .star {
  width: 22px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16.5px;
  background-image: url(../images/icons/star-default.svg);
}

main.shop .s1 .rating-area .star.solid {
  background-image: url(../images/icons/star.svg);
  background-size: 21px;
}

main.shop .s1 .rating-area span {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: 0.3px;
}

main.shop .s1 .product-title {
  color: var(--speelGreen);
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -2.16px;
  margin-bottom: 41px;
}

main.shop .s1 .counter-area {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 80px;
}

main.shop .s1 .counter-area .counter-btn {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  border: 1px solid #708474;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  cursor: pointer;
}

main.shop .s1 .counter-area .counter-btn.decrease {
  background-image: url(../images/icons/minus.svg);
}

main.shop .s1 .counter-area .counter-btn.increase {
  background-image: url(../images/icons/plus.svg);
}

main.shop .s1 .counter-area .counter-text {
  color: var(--speelGreen);
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  line-height: 101%;
  min-width: 45px;
}

main.shop .s1 .variant-item {
  display: flex;
  gap: 125px;
  padding-bottom: 41px;
  margin-bottom: 41px;
  border-bottom: 1px solid #b9b9b9;
  user-select: none;
  cursor: pointer;
}

main.shop .s1 .variant-item:nth-last-child(1) {
  margin-bottom: 26px;
  padding-bottom: 0;
  border-bottom: none;
}

main.shop .s1 .variant-item .variant-label-area {
  display: flex;
  gap: 45px;
}

main.shop .s1 .variant-item .check-icon {
  width: 25px;
  height: 25px;
  border: 2px solid #708474;
  border-radius: 50%;
}

main.shop .s1 .variant-item input[type="radio"] {
  display: none;
}

main.shop .s1 .variant-item input[type="radio"]:checked + .check-icon {
  border-width: 8px;
}

main.shop .s1 .variant-item .original-price bdi,
main.shop .s1 .variant-item .original-price bdi > span,
main.shop .s1 .variant-item .original-price,
main.shop .s1 .variant-item .label {
  color: var(--speelGreen);
  font-size: 28px;
  font-weight: 500;
  line-height: 101%;
}

main.shop .s1 .variant-item .label {
  flex: 1;
}

main.shop .s1 .variant-item .discounted-price bdi,
main.shop .s1 .variant-item .discounted-price bdi > span,
main.shop .s1 .variant-item .discounted-price {
  color: #ff7800;
  font-size: 28px;
  font-weight: 500;
  line-height: 101%;
  text-decoration-line: line-through;
  margin-left: 5px;
}

main.shop .s1 .variant-item .price-subtext {
  color: #c49160;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 101%;
}

main.shop .s1 .product-sublist {
  padding-left: 60px;
  margin-bottom: 25px;
}

main.shop .s1 .product-sublist li {
  list-style: disc;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 164%;
}

main.shop .s1 .add-to-cart {
  color: var(--speelGreen);
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 101%;
  border-radius: 10px;
  background: #ff7800;
  width: 100%;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ff7800;
  transition: 0.3s ease;
}

main.shop .s1 .add-to-cart:hover {
  color: #ff7800;
  background-color: transparent;
}

main.shop .s1 .product-tabs {
  display: flex;
  padding-bottom: 17px;
  border-bottom: 1px solid #455548;
  margin-bottom: 38px;
  gap: 49px;
  margin-top: 80px;
}

main.shop .s1 .product-tabs .tab-item {
  color: #172b1a;
  font-family: "Urbanist";
  font-size: 28px;
  font-weight: 700;
  line-height: 101%;
  opacity: 0.3;
  cursor: pointer;
  white-space: nowrap;
}

main.shop .s1 .product-tabs .tab-item.active {
  opacity: 1;
}

main.shop .s1 .tab-content {
  display: none;
}

main.shop .s1 .tab-content.active {
  display: block;
}

main.shop .s1 .tab-content p {
  color: #172b1a;
  font-size: 16px;
  font-weight: 300;
  line-height: 135%;
  letter-spacing: -0.32px;
  margin-bottom: 15px;
}

main.shop .s1 .pagination-wrap {
  display: none;
  align-items: center;
  justify-self: center;
  margin: 20px 0;
}

main.shop .s1 .pagination-wrap .pagination-item {
  width: 14px;
  height: 14px;
  background: #b3b9b4;
  border-radius: 40px;
  transition: 0.3s ease;
  margin: 0 4px;
  cursor: pointer;
  opacity: 1;
}

main.shop .s1 .pagination-wrap .pagination-item.active {
  background: #455548;
  width: 54px;
}

main.shop .s1 .product-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 75px;
  row-gap: 45px;
}

main.shop .s1 .feature-item {
  display: flex;
  gap: 15px;
}

main.shop .s1 .feature-item .check-icon {
  width: 30px;
  height: 30px;
  background-image: url(../images/icons/check-fill.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 30px;
}

main.shop .s1 .feature-item .item-details {
  flex: 1;
}

main.shop .s1 .feature-item .title {
  color: var(--speelGreen);
  font-size: 24px;
  font-weight: 500;
  line-height: 101%;
  margin-bottom: 6px;
}

main.shop .s1 .feature-item p {
  color: var(--speelGreen);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 135%;
  letter-spacing: -0.32px;
}

main.shop .s1-box {
  padding-bottom: 169px;
}

main.shop .s1-box .box-item {
  display: flex;
  align-items: center;
  border-radius: 24px;
  background: #172b1a;
  overflow: hidden;
}

main.shop .s1-box .box-item .image-area {
  width: 366.445px;
  height: 498px;
}

main.shop .s1-box .box-item .image-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

main.shop .s1-box .box-item.yuja .box-details {
  flex: 1;
  padding: 0 75px 0 128px;
}
main.shop .s1-box .box-item.cleanse .box-details {
  flex: 1;
  padding: 0 75px 0 90px;
}

main.shop .s1-box .box-item .box-title {
  color: #d7b8b8;
  font-size: 64px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -1.92px;
  margin-bottom: 80px;
}

main.shop .s1-box .box-item .items {
  display: flex;
  gap: 47px;
}

main.shop .s1-box .box-item .item {
  padding-right: 25px;
  border-right: 1px solid #ff7800;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 101%;
}

main.shop .s1-box .box-item .item:nth-last-child(1) {
  padding-right: 0;
  border-right: none;
}

main.shop .s1-box .box-item.yuja .item:nth-child(2) {
  min-width: 195px;
}
main.shop .s1-box .box-item.cleanse .item:nth-child(1) {
  min-width: 200px;
}
main.shop .s1-box .box-item.cleanse .item:nth-child(2) {
  min-width: 190px;
}

main.shop .s1-box .box-item.yuja .item:nth-last-child(1) {
  min-width: 165px;
}

main.shop .s2 .title-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  margin-bottom: 83px;
}

main.shop .s2 .title {
  color: var(--spellPinkText);
  font-size: 120px;
  font-weight: 400;
  line-height: 86%;
  letter-spacing: -3.6px;
  width: 100%;
  text-align: center;
}

main.shop .s2 .title-area p {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 131%;
  max-width: 553px;
  text-align: center;
}

main.shop .s2 .boxes-row {
  display: grid;
  gap: 60px;
  grid-template-columns: repeat(4, 1fr);
}

main.shop .s2 .box-item {
  border-radius: 36px;
  display: flex;
  align-items: end;
  padding: 40px 25px;
  gap: 30px;
  flex: 1;
  min-height: 329px;
}

main.shop .s2 .box-item:nth-child(1) {
  background: #708474;
  transform: rotate(3.717deg);
}
main.shop .s2 .box-item:nth-child(2) {
  background: #c49160;
  transform: rotate(-3.281deg);
}
main.shop .s2 .box-item:nth-child(3) {
  background: #d7b8b8;
}
main.shop .s2 .box-item:nth-child(4) {
  background: #172b1a;
  transform: rotate(5.034deg);
}

main.shop .s2 .box-item .box-title {
  color: #fff;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 101%;
}

main.shop .s2 .box-item p {
  color: #000;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.36px;
}

main.shop .s3 {
  padding: 238px 0 125px 0;
}

main.shop .s3-bottom {
  padding-bottom: 150px;
}

.s-review-form .title {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 101%;
  margin-bottom: 25px;
}

.s-review-form .review-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  max-width: 720px;
}

.s-review-form .review-form .input-wrap {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
}

.s-review-form .rating-wrap label,
.s-review-form .file-input-wrap label,
.s-review-form .input-wrap label {
  color: #000;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 400;
  line-height: 118%;
}

.s-review-form .rating-wrap label {
  margin-bottom: 8px;
}

.s-review-form .input-wrap select,
.s-review-form .input-wrap textarea,
.s-review-form .input-wrap input {
  width: 100%;
  height: 52px;
  border-radius: 12px;
  border: 1px solid #708474;
  background: #f4f4f4;
  font-family: "Public Sans";
  font-size: 15px;
  padding: 10px 26px;
}

.s-review-form .input-wrap textarea {
  height: 114px;
  resize: none;
}

.s-review-form .rating-wrap .stars {
  display: flex;
  align-items: center;
}

.s-review-form .rating-wrap .star-item {
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.85033 16.8252L12.0003 14.9252L15.1503 16.8502L14.3253 13.2502L17.1003 10.8502L13.4503 10.5252L12.0003 7.1252L10.5503 10.5002L6.90033 10.8252L9.67533 13.2502L8.85033 16.8252ZM12.0003 17.2752L7.85033 19.7752C7.667 19.8919 7.47533 19.9419 7.27533 19.9252C7.07533 19.9085 6.90033 19.8419 6.75033 19.7252C6.60033 19.6085 6.48366 19.4629 6.40033 19.2882C6.317 19.1135 6.30033 18.9175 6.35033 18.7002L7.45033 13.9752L3.77533 10.8002C3.60866 10.6502 3.50466 10.4792 3.46333 10.2872C3.422 10.0952 3.43433 9.90786 3.50033 9.7252C3.56633 9.54253 3.66633 9.39253 3.80033 9.2752C3.93433 9.15786 4.11766 9.08286 4.35033 9.0502L9.20033 8.6252L11.0753 4.1752C11.1587 3.9752 11.288 3.8252 11.4633 3.7252C11.6387 3.6252 11.8177 3.5752 12.0003 3.5752C12.183 3.5752 12.362 3.6252 12.5373 3.7252C12.7127 3.8252 12.842 3.9752 12.9253 4.1752L14.8003 8.6252L19.6503 9.0502C19.8837 9.08353 20.067 9.15853 20.2003 9.2752C20.3337 9.39186 20.4337 9.54186 20.5003 9.7252C20.567 9.90853 20.5797 10.0962 20.5383 10.2882C20.497 10.4802 20.3927 10.6509 20.2253 10.8002L16.5503 13.9752L17.6503 18.7002C17.7003 18.9169 17.6837 19.1129 17.6003 19.2882C17.517 19.4635 17.4003 19.6092 17.2503 19.7252C17.1003 19.8412 16.9253 19.9079 16.7253 19.9252C16.5253 19.9425 16.3337 19.8925 16.1503 19.7752L12.0003 17.2752Z' fill='black'/%3E%3C/svg%3E");
  cursor: pointer;
  transition: 0.3s ease;
}

.s-review-form .rating-wrap .star-item:hover,
.s-review-form .rating-wrap .star-item.solid {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.0003 17.2752L7.85033 19.7752C7.667 19.8919 7.47533 19.9419 7.27533 19.9252C7.07533 19.9085 6.90033 19.8419 6.75033 19.7252C6.60033 19.6085 6.48366 19.4629 6.40033 19.2882C6.317 19.1135 6.30033 18.9175 6.35033 18.7002L7.45033 13.9752L3.77533 10.8002C3.60866 10.6502 3.50466 10.4792 3.46333 10.2872C3.422 10.0952 3.43433 9.90786 3.50033 9.7252C3.56633 9.54253 3.66633 9.39253 3.80033 9.2752C3.93433 9.15786 4.11766 9.08286 4.35033 9.0502L9.20033 8.6252L11.0753 4.1752C11.1587 3.9752 11.288 3.8252 11.4633 3.7252C11.6387 3.6252 11.8177 3.5752 12.0003 3.5752C12.183 3.5752 12.362 3.6252 12.5373 3.7252C12.7127 3.8252 12.842 3.9752 12.9253 4.1752L14.8003 8.6252L19.6503 9.0502C19.8837 9.08353 20.067 9.15853 20.2003 9.2752C20.3337 9.39186 20.4337 9.54186 20.5003 9.7252C20.567 9.90853 20.5797 10.0962 20.5383 10.2882C20.497 10.4802 20.3927 10.6509 20.2253 10.8002L16.5503 13.9752L17.6503 18.7002C17.7003 18.9169 17.6837 19.1129 17.6003 19.2882C17.517 19.4635 17.4003 19.6092 17.2503 19.7252C17.1003 19.8412 16.9253 19.9079 16.7253 19.9252C16.5253 19.9425 16.3337 19.8925 16.1503 19.7752L12.0003 17.2752Z' fill='black'/%3E%3C/svg%3E");
}

.s-review-form .file-input-wrap .file-input {
  width: 100%;
  padding: 31px 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  border: 1px dashed #708474;
  background: #f4f4f4;
  cursor: pointer;
}

.s-review-form .file-input-wrap .placeholder-area {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.s-review-form .file-input-wrap .attach-icon {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.9794 10.984L12.7894 20.174C11.6635 21.2998 10.1365 21.9323 8.54435 21.9323C6.95217 21.9323 5.4252 21.2998 4.29935 20.174C3.17351 19.0482 2.54102 17.5212 2.54102 15.929C2.54102 14.3368 3.17351 12.8098 4.29935 11.684L13.4894 2.494C14.2399 1.74344 15.2579 1.32178 16.3194 1.32178C17.3808 1.32178 18.3988 1.74344 19.1494 2.494C19.8999 3.24456 20.3216 4.26255 20.3216 5.324C20.3216 6.38546 19.8999 7.40344 19.1494 8.154L9.94935 17.344C9.57407 17.7193 9.06508 17.9301 8.53435 17.9301C8.00362 17.9301 7.49463 17.7193 7.11935 17.344C6.74407 16.9687 6.53324 16.4597 6.53324 15.929C6.53324 15.3983 6.74407 14.8893 7.11935 14.514L15.6094 6.034' stroke='%23172B1A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
}

.s-review-form .file-input-wrap input[type="file"] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.s-review-form .file-input-wrap span {
  color: #172b1a;
  text-align: center;
  font-family: "Public Sans";
  font-size: 15px;
  font-weight: 400;
  line-height: 133%;
}

.s-review-form .input-wrap textarea::placeholder,
.s-review-form .input-wrap input::placeholder {
  color: rgba(91, 91, 91, 0.4);
  font-family: "Public Sans";
  font-size: 15px;
  font-weight: 400;
  line-height: 133.333%;
  letter-spacing: -0.075px;
}

.s-review-form button[type="submit"] {
  color: #172b1a;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 101%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--spellOrange);
  width: 100%;
  height: 60px;
  border: 1px solid var(--spellOrange);
  transition: 0.3s ease;
}

.s-review-form button[type="submit"]:hover {
  background-color: transparent;
  color: var(--spellOrange);
}

main.shop .s3 .title-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 46px;
  margin-bottom: 76px;
}

main.shop .s3 .title {
  color: var(--spellPinkText);
  font-size: 120px;
  font-weight: 400;
  line-height: 86%;
  letter-spacing: -3.6px;
  width: 100%;
  text-align: center;
}

main.shop .s3 .title-area p {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 131%;
  max-width: 1270px;
  text-align: center;
}

main.shop .s3 .reviews-area {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-bottom: 76px;
}

main.shop .s3 .cta-btn {
  color: var(--speelGreen);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 101%;
  border-radius: 10px;
  background: #ff7800;
  width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}

main.shop .s4 .slogan-area {
  display: flex;
  justify-content: center;
  padding: 169px 0 186px 0;
}

main.shop .s4 .slogan-area .title {
  color: #172b1a;
  text-align: center;
  font-size: 120px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -3.6px;
  max-width: 1238px;
}

main.shop .s4 .boxes-wrap {
  background: #172b1a;
  border-radius: 24px;
}

main.shop .s4 .box-item {
  border-radius: 24px;
  background: #172b1a;
  padding: 110px 31px 31px 31px;
}

main.shop .s4 .boxes-wrap .box-item:nth-child(1) {
  padding-bottom: 0;
}

main.shop .s4 .boxes-wrap .box-item:nth-child(2) {
  padding-top: 42px;
}

main.shop .s4 .box-item .box-content {
  background: #ffffff33;
  position: relative;
  border-radius: 12px;
  min-height: 352px;
  padding: 47px 75px 47px 515px;
}

main.shop .s4 .box-item .image-area {
  width: 378px;
  height: 412px;
  position: absolute;
  left: 0;
  top: -55px;
}

main.shop .s4 .box-item .image-area img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

main.shop .s4 .box-item .box-details {
  display: flex;
  flex-direction: column;
  gap: 35px;
}

main.shop .s4 .box-item .box-title {
  color: #d7b8b8;
  font-size: 64px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -1.92px;
}

main.shop .s4 .box-item p {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 121%;
}

main.shop .s4 .box-item .primary-btn {
  color: #172b1a;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
  border-radius: 10px;
  background: #ff7800;
  display: flex;
  width: 211px;
  height: 52px;
  justify-content: center;
  align-items: center;
  gap: 32px;
}

main.cart .s1 {
  padding: 115px 0;
}

main.cart .s1 .cart-row {
  display: flex;
  gap: 43px;
}

main.cart .s1 .cart-col {
  flex: 1;
}

main.cart .s1 .checkout-col {
  flex: 1;
}

main.cart .s1 .subtitle {
  color: var(--speelGreen);
  font-size: 28px;
  font-weight: 500;
  line-height: 101%;
  margin-bottom: 15px;
}

main.cart .s1 .form-section .subtitle {
  margin-bottom: 50px;
}

main.cart .s1 .payment-methods {
  margin-bottom: 20px;
}

main.cart .s1 .express-checkout-subtext {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  font-weight: 400;
  line-height: 116%;
  max-width: 560px;
  margin-bottom: 50px;
}

main.cart .s1 .subtitle-header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 38px;
}

main.cart .s1 .subtitle-header .subtitle {
  margin-bottom: 0 !important;
}

main.cart .s1 .subtitle-header p {
  color: var(--speelGreen);
  font-size: 18px;
  font-weight: 400;
  line-height: 101%;
}

main.cart .s1 .subtitle-header p > a {
  color: var(--spellOrange);
  font-size: 18px;
  font-weight: 500;
  line-height: 101%;
  text-decoration: underline;
  text-underline-offset: 2px;
}

main.cart .s1 .form-section {
  margin-bottom: 51px;
}

main.cart .s1 .spell-form-row {
  display: flex;
  gap: 27px;
  margin-bottom: 10px;
  width: 100%;
}

main.cart .s1 .spell-form-row::before,
main.cart .s1 .spell-form-row::after {
  display: none;
}

main.cart .s1 .spell-form-row .form-col {
  flex: 1;
}

main.cart .s1 .spell-form-row .form-row {
  width: 100%;
}

main.cart .s1 .input-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: start;
}

main.cart .s1 span.optional {
  font-size: 14px;
  font-family: "Inter", sans-serif;
}

main.cart .s1 .input-wrap label {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 118%;
  margin-bottom: 8px;
}

main.cart .woocommerce-input-wrapper input,
main.cart .s1 .input-wrap input {
  width: 100%;
  height: 52px;
  padding: 10px 18px;
  border-radius: 12px;
  border: 1px solid #708474;
  background: #f4f4f4;
  font-size: 16px;
  outline-color: var(--spellOrange);
  appearance: none;
  -webkit-appearance: none;
}

main.cart .s1 .label-wrap {
  display: flex;
  gap: 10px;
  margin-bottom: 8px;
}

main.cart .s1 .label-wrap label {
  margin-bottom: 0;
}

main.cart .s1 .payment-options {
  margin-bottom: 50px;
}

main.cart .s1 .payment-options .payment-option {
  display: flex;
  align-items: center;
  gap: 45px;
}

main.cart .s1 .payment-options .payment-option input {
  opacity: 0;
  visibility: hidden;
  display: none;
}

main.cart .s1 .payment-options .payment-option i.custom-checkbox {
  width: 25px;
  height: 25px;
  border: 2px solid #708474;
  border-radius: 50%;
}

main.cart
  .s1
  .payment-options
  .payment-option
  input:checked
  ~ i.custom-checkbox {
  border-width: 8px;
}

main.cart .s1 .payment-options .payment-label {
  color: var(--speelGreen);
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 101%;
}

main.cart .s1 .payment-subtext > a,
main.cart .s1 .payment-subtext {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 118%;
}

main.cart .s1 .payment-subtext > a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

main.cart .s1 .cart-items {
  padding: 40px 63px;
  border-radius: 24px;
  background: var(--speelGreen);
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
}

main.cart .s1 .cart-items p {
  color: #fff;
}

main.cart .s1 .cart-item {
  display: flex;
  gap: 16px;
  position: relative;
}

main.cart .s1 .cart-item .image-area {
  border-radius: 12px;
  overflow: hidden;
  width: 120px;
  height: 120px;
}

main.cart .s1 .cart-item .image-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

main.cart .s1 .cart-item .cart-item-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

main.cart .s1 .cart-item .product-name {
  color: #e4dad7;
  font-family: "Inter";
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 8px;
}

main.cart .s1 .cart-item .product-desc {
  color: #d9d9d9;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 131%;
}

main.cart .s1 .cart-item .cart-item-details-bottom {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: space-between;
}

main.cart .s1 .cart-item .bottom-left {
  display: flex;
  align-items: center;
  gap: 6px;
}

main.cart .s1 .cart-item .counter-area {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid rgba(182, 151, 145, 0.2);
  user-select: none;
}

main.cart .s1 .cart-item .counter-btn {
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

main.cart .s1 .cart-item .counter-btn.plus {
  background-size: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M5 0.666667C5 0.298477 5.29848 0 5.66667 0C6.03486 0 6.33333 0.298477 6.33333 0.666667V5H10.5327C10.9009 5 11.1993 5.29848 11.1993 5.66667C11.1993 6.03486 10.9009 6.33333 10.5327 6.33333H6.33333V10.5327C6.33333 10.9009 6.03486 11.1993 5.66667 11.1993C5.29848 11.1993 5 10.9009 5 10.5327V6.33333H0.666667C0.298477 6.33333 -3.97316e-08 6.03486 0 5.66667C-3.97316e-08 5.29848 0.298477 5 0.666667 5H5V0.666667Z' fill='%23E4DAD7'/%3E%3C/svg%3E");
}

main.cart .s1 .cart-item .counter-btn.minus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='2' viewBox='0 0 14 2' fill='none'%3E%3Cpath d='M14 2H0V0H14V2Z' fill='%23B0AEA7'/%3E%3C/svg%3E");
  background-size: 11px;
}

main.cart .s1 .cart-item .remove-product {
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: 13px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_174_2872)'%3E%3Cpath d='M6.33173 6.62514C6.30877 6.25767 5.99225 5.9784 5.62478 6.00136C5.25731 6.02433 4.97803 6.34084 5.001 6.70832L5.33433 12.0416C5.3573 12.4091 5.67381 12.6884 6.04128 12.6654C6.40876 12.6425 6.68803 12.326 6.66507 11.9585L6.33173 6.62514Z' fill='%23E4DAD7'/%3E%3Cpath d='M10.9984 6.70832C11.0214 6.34084 10.7421 6.02433 10.3746 6.00136C10.0071 5.9784 9.69063 6.25767 9.66766 6.62514L9.33433 11.9585C9.31136 12.326 9.59064 12.6425 9.95811 12.6654C10.3256 12.6884 10.6421 12.4091 10.6651 12.0416L10.9984 6.70832Z' fill='%23E4DAD7'/%3E%3Cpath d='M8.66636 6.66673C8.66636 6.29854 8.36789 6.00006 7.9997 6.00006C7.63151 6.00006 7.33303 6.29854 7.33303 6.66673V12.0001C7.33303 12.3683 7.63151 12.6667 7.9997 12.6667C8.36789 12.6667 8.66636 12.3683 8.66636 12.0001V6.66673Z' fill='%23E4DAD7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.44065 0.666749H8.5587C8.91012 0.666737 9.21332 0.666727 9.46303 0.687129C9.72659 0.708663 9.98874 0.756207 10.241 0.884737C10.6173 1.07648 10.9233 1.38244 11.115 1.75877C11.2436 2.01102 11.2911 2.27317 11.3126 2.53673C11.3309 2.76058 11.3328 3.02739 11.333 3.33342H13.9997C14.3679 3.33342 14.6663 3.63189 14.6663 4.00008C14.6663 4.36827 14.3679 4.66675 13.9997 4.66675H13.2926L12.8509 11.7344C12.8193 12.2401 12.7932 12.6586 12.7446 12.9991C12.6939 13.3537 12.6126 13.6778 12.4416 13.98C12.1755 14.4504 11.7727 14.8287 11.2867 15.065C10.9744 15.2168 10.6459 15.2778 10.2888 15.3062C9.94588 15.3334 9.52664 15.3334 9.01994 15.3334H6.97941C6.47271 15.3334 6.05347 15.3334 5.7105 15.3062C5.35348 15.2778 5.02492 15.2168 4.71264 15.065C4.22661 14.8287 3.82385 14.4504 3.55771 13.98C3.3867 13.6778 3.3054 13.3537 3.25479 12.9991C3.20618 12.6585 3.18003 12.2401 3.14844 11.7344L2.70671 4.66675H1.99967C1.63148 4.66675 1.33301 4.36827 1.33301 4.00008C1.33301 3.63189 1.63148 3.33342 1.99967 3.33342H4.66636C4.66655 3.02739 4.66843 2.76058 4.68672 2.53673C4.70825 2.27317 4.7558 2.01102 4.88433 1.75877C5.07608 1.38244 5.38204 1.07648 5.75836 0.884737C6.01061 0.756207 6.27276 0.708663 6.53632 0.687129C6.78603 0.666727 7.08923 0.666737 7.44065 0.666749ZM9.98372 2.64531C9.99729 2.8114 9.99933 3.02335 9.99963 3.33342H5.99972C6.00002 3.02335 6.00206 2.8114 6.01563 2.64531C6.03042 2.4642 6.05554 2.39705 6.07234 2.36409C6.13625 2.23865 6.23824 2.13666 6.36368 2.07275C6.39664 2.05595 6.46379 2.03083 6.6449 2.01603C6.83379 2.0006 7.08197 2.00008 7.46634 2.00008H8.53301C8.91738 2.00008 9.16556 2.0006 9.35445 2.01603C9.53556 2.03083 9.60271 2.05595 9.63567 2.07275C9.76111 2.13666 9.8631 2.23865 9.92701 2.36409C9.94381 2.39705 9.96893 2.4642 9.98372 2.64531ZM4.04264 4.66675H11.9567L11.5218 11.6248C11.4882 12.1636 11.4648 12.5289 11.4246 12.8107C11.3855 13.0846 11.3369 13.2249 11.2812 13.3234C11.1481 13.5586 10.9468 13.7477 10.7037 13.8659C10.602 13.9154 10.4589 13.9551 10.1831 13.977C9.8993 13.9996 9.53332 14.0001 8.99343 14.0001H7.00592C6.46603 14.0001 6.10004 13.9996 5.81621 13.977C5.54047 13.9551 5.39738 13.9154 5.29561 13.8659C5.05259 13.7477 4.85121 13.5586 4.71814 13.3234C4.66241 13.2249 4.61384 13.0846 4.57475 12.8107C4.53451 12.5289 4.51119 12.1636 4.47752 11.6248L4.04264 4.66675Z' fill='%23E4DAD7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_174_2872'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

main.cart .s1 .cart-item .counter-area .counter-value {
  color: #e4dad7;
  font-family: "Public Sans";
  font-size: 15px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -0.075px;
}

main.cart .s1 .cart-item .price-item bdi,
main.cart .s1 .cart-item .price-item span,
main.cart .s1 .cart-item .price-item {
  color: #e4dad7;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -0.085px;
}

main.cart .s1 .cart-footer {
  display: flex;
  flex-direction: column;
}

main.cart .s1 .cart-footer-item {
  border-radius: 24px;
  background: #e4dad7;
  padding: 20px 63px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

main.cart .s1 .cart-footer-item .cart-footer-value a,
main.cart .s1 .cart-footer-item .cart-footer-value,
main.cart .s1 .cart-footer-item .cart-footer-label {
  color: var(--speelGreen);
  font-size: 18px;
  font-weight: 500;
  line-height: 101%;
}

main.cart .s1 .cart-footer-item .cart-footer-value a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

main.cart .s1 .cart-footer .total-area {
  border-radius: 24px;
  background: #e4dad7;
  padding: 40px 63px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

main.cart .s1 .cart-footer .total-value,
main.cart .s1 .cart-footer .total-label {
  color: var(--speelGreen);
  font-size: 24px;
  font-weight: 500;
  line-height: 101%;
}

main.cart .s1 .cart-footer .cart-footer-subtext {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 164%;
  padding: 0 63px;
}

main.cart .s1 .checkout-btn {
  color: #000;
  font-family: "Public Sans";
  font-size: 18px;
  font-weight: 500;
  line-height: 135%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--spellOrange);
  border-radius: 12px;
  background: var(--spellOrange);
  height: 68px;
  width: 100%;
  margin-top: 75px;
}

main.cart .s1 .checkout-btn.checkout-mobile {
  display: none;
}

main.order-success .s1 {
  padding: 115px 0;
}

main.order-success .s1 .container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px;
}

main.order-success .s1 h1 {
  color: var(--speelGreen);
  font-size: 48px;
  font-weight: 700;
  line-height: 101%;
  text-align: center;
  margin-bottom: 20px;
}

main.order-success .s1 > .container > p {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 135%;
  text-align: center;
  margin-bottom: 50px;
}

main.order-success .s1 > .container > p strong {
  color: var(--speelGreen);
  font-weight: 600;
}

main.order-success .s1 .order-summary {
  border-radius: 24px;
  background: #e4dad7;
  padding: 40px 63px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-bottom: 50px;
}

main.order-success .s1 .order-summary > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(112, 132, 116, 0.2);
}

main.order-success .s1 .order-summary > div:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

main.order-success .s1 .order-summary strong {
  color: var(--speelGreen);
  font-size: 18px;
  font-weight: 600;
  line-height: 135%;
  min-width: 180px;
}

main.order-success .s1 .order-summary > div:not(strong) {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 135%;
  text-align: right;
  flex: 1;
}

main.order-success .s1 .btn-primary {
  color: #000;
  font-family: "Public Sans";
  font-size: 18px;
  font-weight: 500;
  line-height: 135%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--spellOrange);
  border-radius: 12px;
  background: var(--spellOrange);
  height: 68px;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  transition: all 0.3s ease;
  text-decoration: none;
}

main.order-success .s1 .btn-primary:hover {
  background: #ff8c42;
  border-color: #ff8c42;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 111, 0, 0.2);
}

#cart-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

#cart-modal.show {
  display: flex;
}

#cart-modal .cart-modal-body {
  background: #fff;
  border-radius: 12px;
  padding: 39px;
  width: 95%;
  height: max-content;
  max-height: 95%;
  overflow-y: auto;
  max-width: 1057px;
}

#cart-modal .cart-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}

#cart-modal .title {
  color: var(--speelGreen);
  font-size: 72px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -2.16px;
}

#cart-modal .cart-modal-close {
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cpath d='M11.0719 13.4294L2.82059 21.6806C2.51186 21.9893 2.11895 22.1437 1.64183 22.1437C1.16472 22.1437 0.771802 21.9893 0.463081 21.6806C0.15436 21.3719 0 20.979 0 20.5019C0 20.0248 0.15436 19.6318 0.463081 19.3231L8.71435 11.0719L0.463081 2.82059C0.15436 2.51186 0 2.11895 0 1.64183C0 1.16472 0.15436 0.771802 0.463081 0.463081C0.771802 0.15436 1.16472 0 1.64183 0C2.11895 0 2.51186 0.15436 2.82059 0.463081L11.0719 8.71435L19.3231 0.463081C19.6318 0.15436 20.0248 0 20.5019 0C20.979 0 21.3719 0.15436 21.6806 0.463081C21.9893 0.771802 22.1437 1.16472 22.1437 1.64183C22.1437 2.11895 21.9893 2.51186 21.6806 2.82059L13.4294 11.0719L21.6806 19.3231C21.9893 19.6318 22.1437 20.0248 22.1437 20.5019C22.1437 20.979 21.9893 21.3719 21.6806 21.6806C21.3719 21.9893 20.979 22.1437 20.5019 22.1437C20.0248 22.1437 19.6318 21.9893 19.3231 21.6806L11.0719 13.4294Z' fill='black'/%3E%3C/svg%3E");
  background-size: 22px;
  cursor: pointer;
  user-select: none;
}

#cart-modal .cart-modal-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  min-height: 200px;
}

#cart-modal .cart-modal-content.is-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  z-index: 10;
}

#cart-modal .cart-modal-content.is-loading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  border: 3px solid rgba(0, 0, 0, 0.15);
  border-top-color: var(--speelGreen);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: cartSpin 0.8s linear infinite;
  z-index: 11;
}

@keyframes cartSpin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

#cart-modal .cart-item {
  padding: 16px 26px 16px 18px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background: var(--speelGreen);
  display: flex;
  align-items: center;
  gap: 56px;
  position: relative;
}

main.cart .cart-item.is-loading,
#cart-modal .cart-item.is-loading {
  pointer-events: none;
}

main.cart .cart-item.is-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
#cart-modal .cart-item.is-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  border-radius: 12px;
  z-index: 5;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

main.cart .cart-item.is-loading::before,
#cart-modal .cart-item.is-loading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 28px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-top-color: #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: spin 0.8s linear infinite;
  z-index: 6;
}

@keyframes spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

#cart-modal .cart-item .image-area {
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 12px;
}
#cart-modal .cart-item .image-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#cart-modal .cart-item .item-details {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 55px;
  justify-content: space-between;
}

#cart-modal .cart-item .item-detail-col {
  flex: 1.5;
}

#cart-modal .cart-item .counter-col {
  flex: 0.5;
}

#cart-modal .cart-item .price-detail-col {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

#cart-modal .cart-item .product-name {
  color: #e4dad7;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.48px;
}

#cart-modal .cart-item .product-desc {
  color: #d9d9d9;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 131%;
}

#cart-modal .cart-item .counter-area {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 8px;
  border-radius: 11px;
  border: 1.375px solid rgba(182, 151, 145, 0.5);
  user-select: none;
  max-width: 140px;
}

#cart-modal .cart-item .counter-btn {
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

#cart-modal .cart-item .counter-btn.minus {
  background-size: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='2' viewBox='0 0 14 2' fill='none'%3E%3Cpath d='M14 2H0V0H14V2Z' fill='%23B0AEA7'/%3E%3C/svg%3E");
}

#cart-modal .cart-item .counter-btn.plus {
  background-size: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6.875 0.916667C6.875 0.410406 7.28541 0 7.79167 0C8.29793 0 8.70833 0.410406 8.70833 0.916667V6.875H14.4824C14.9887 6.875 15.3991 7.28541 15.3991 7.79167C15.3991 8.29793 14.9887 8.70833 14.4824 8.70833H8.70833V14.4824C8.70833 14.9887 8.29793 15.3991 7.79167 15.3991C7.28541 15.3991 6.875 14.9887 6.875 14.4824V8.70833H0.916667C0.410406 8.70833 -5.46309e-08 8.29793 0 7.79167C-5.46309e-08 7.28541 0.410406 6.875 0.916667 6.875H6.875V0.916667Z' fill='%23E4DAD7'/%3E%3C/svg%3E");
}

#cart-modal .cart-item .counter-value {
  color: #e4dad7;
  font-family: "Public Sans";
  font-size: 20.625px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -0.103px;
}

#cart-modal .cart-item .price-item {
  color: #e4dad7;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -0.1px;
}

#cart-modal .cart-item .cart-delete-btn {
  width: 20px;
  height: 22px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath d='M7.49809 8.9376C7.46364 8.38639 6.98886 7.96747 6.43766 8.00192C5.88645 8.03637 5.46753 8.51114 5.50198 9.06235L6.00198 17.0624C6.03643 17.6136 6.5112 18.0325 7.06241 17.998C7.61362 17.9636 8.03254 17.4888 7.99809 16.9376L7.49809 8.9376Z' fill='%23E4DAD7'/%3E%3Cpath d='M14.4981 9.06235C14.5325 8.51114 14.1136 8.03637 13.5624 8.00192C13.0112 7.96747 12.5364 8.38639 12.502 8.9376L12.002 16.9376C11.9675 17.4888 12.3864 17.9636 12.9377 17.998C13.4889 18.0325 13.9636 17.6136 13.9981 17.0624L14.4981 9.06235Z' fill='%23E4DAD7'/%3E%3Cpath d='M11 8.99997C11 8.44769 10.5523 7.99997 10 7.99997C9.44775 7.99997 9.00003 8.44769 9.00003 8.99997V17C9.00003 17.5523 9.44775 18 10 18C10.5523 18 11 17.5523 11 17V8.99997Z' fill='%23E4DAD7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.16146 7.97061e-07H10.8385C11.3657 -1.61994e-05 11.8205 -3.08603e-05 12.195 0.0305721C12.5904 0.0628731 12.9836 0.134189 13.362 0.326983C13.9265 0.614603 14.3854 1.07354 14.673 1.63803C14.8658 2.01641 14.9371 2.40963 14.9694 2.80497C14.9969 3.14075 14.9997 3.54097 15 4H19C19.5523 4 20 4.44772 20 5C20 5.55229 19.5523 6 19 6H17.9394L17.2769 16.6015C17.2295 17.36 17.1902 17.9877 17.1173 18.4986C17.0414 19.0304 16.9195 19.5166 16.6629 19.9699C16.2637 20.6754 15.6596 21.243 14.9306 21.5974C14.4621 21.8251 13.9693 21.9165 13.4338 21.9591C12.9193 22 12.2904 22 11.5304 22H8.4696C7.70956 22 7.08069 22 6.56624 21.9591C6.03071 21.9165 5.53787 21.8251 5.06944 21.5974C4.34041 21.243 3.73626 20.6754 3.33705 19.9699C3.08054 19.5166 2.95859 19.0304 2.88268 18.4986C2.80975 17.9877 2.77054 17.3601 2.72314 16.6015L2.06055 6H1C0.447715 6 0 5.55229 0 5C0 4.44772 0.447715 4 1 4H5.00003C5.00031 3.54097 5.00314 3.14075 5.03057 2.80497C5.06287 2.40963 5.13419 2.01641 5.32698 1.63803C5.6146 1.07354 6.07354 0.614603 6.63803 0.326983C7.01641 0.134189 7.40963 0.0628731 7.80497 0.0305721C8.17953 -3.08603e-05 8.63433 -1.61994e-05 9.16146 7.97061e-07ZM12.9761 2.96784C12.9964 3.21698 12.9995 3.5349 12.9999 4H7.00007C7.00051 3.5349 7.00357 3.21698 7.02393 2.96784C7.04612 2.69618 7.0838 2.59546 7.10899 2.54601C7.20487 2.35785 7.35785 2.20487 7.54601 2.109C7.59545 2.0838 7.69617 2.04613 7.96784 2.02393C8.25117 2.00078 8.62345 2 9.2 2H10.8C11.3766 2 11.7488 2.00078 12.0322 2.02393C12.3038 2.04613 12.4045 2.0838 12.454 2.109C12.6422 2.20487 12.7951 2.35785 12.891 2.54601C12.9162 2.59546 12.9539 2.69618 12.9761 2.96784ZM4.06445 6H15.9355L15.2832 16.437C15.2327 17.2453 15.1977 17.7932 15.1374 18.216C15.0788 18.6267 15.0059 18.8372 14.9223 18.985C14.7227 19.3377 14.4206 19.6215 14.0561 19.7987C13.9034 19.8729 13.6888 19.9325 13.2752 19.9654C12.8494 19.9993 12.3005 20 11.4906 20H8.50936C7.69953 20 7.15055 19.9993 6.7248 19.9654C6.3112 19.9325 6.09656 19.8729 5.9439 19.7987C5.57938 19.6215 5.27731 19.3377 5.0777 18.985C4.9941 18.8372 4.92124 18.6267 4.86261 18.216C4.80226 17.7932 4.76728 17.2453 4.71676 16.437L4.06445 6Z' fill='%23E4DAD7'/%3E%3C/svg%3E");
}

#cart-modal .cart-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 64px;
  padding-top: 52px;
}

#cart-modal .cart-modal-footer .modal-btn {
  color: var(--speelGreen);
  font-size: 20px;
  font-weight: 500;
  line-height: 101%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 63px;
  border-radius: 12px;
  transition: 0.3s ease;
}

#cart-modal .cart-modal-footer .modal-btn.secondary {
  background: #e4dad7;
  border: 1px solid #e4dad7;
  flex: 0.75;
}

#cart-modal .cart-modal-footer .modal-btn.secondary:hover {
  background-color: #fff;
  border-color: var(--speelGreen);
}

#cart-modal .cart-modal-footer .modal-btn.primary {
  background: var(--spellOrange);
  border: 1px solid var(--spellOrange);
  flex: 1.25;
}

#cart-modal .cart-modal-footer .modal-btn.primary:hover {
  background-color: #fff;
  color: var(--spellOrange);
}
/* WooCommerce */
main.page .woocommerce * {
  font-size: 16px;
}

.woocommerce .order_item a,
.woocommerce-orders-table__cell-order-number a {
  color: var(--spellOrange);
}

main.page .woocommerce legend {
  color: var(--speelGreen);
  font-size: 24px;
  font-weight: 500;
  line-height: 135%;
  margin: 20px 0;
}

main.page .woocommerce h2 {
  color: var(--speelGreen);
  font-size: 24px;
  font-weight: 500;
  line-height: 135%;
  margin: 20px 0;
}

main.page .woocommerce form .form-row {
  padding: 0;
  margin: 0 0 20px;
}

#account_display_name_description em,
#account_display_name_description {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 135%;
}

#account_display_name_description em {
  font-style: italic;
}

.woocommerce-MyAccount-navigation {
  background: #fff;
  border-radius: 56px;
  border: 1px solid #c49160;
  padding: 25px;
}

.woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.woocommerce-MyAccount-navigation li a {
  display: flex;
  color: var(--speelGreen);
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
  padding: 18px 20px;
  border-radius: 27px;
  transition: 0.3s ease;
  text-transform: capitalize;
}

.woocommerce-MyAccount-navigation li:hover a,
.woocommerce-MyAccount-navigation li.is-active a {
  color: #fff !important;
  background-color: var(--speelGreen) !important;
}

.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: var(--colorRed) !important;
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
  border-radius: 12px;
  border: 1px solid #708474;
  background: #fff;
  height: 52px;
  width: 100%;
  padding: 6px 12px;
  outline-color: var(--spellPinkText);
}

main.page .woocommerce .select2-container .select2-dropdown,
main.page .woocommerce .select2-container .select2-selection {
  border: 1px solid #708474;
  background-color: #fff;
  border-radius: 12px;
}

main.page .woocommerce .select2-container .select2-selection--single {
  height: 52px;
  margin: 0;
}

main.page
  .woocommerce
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding: 10px 18px;
  height: 52px;
  font-size: 16px;
  line-height: 28px;
  color: #000;
}

main.page
  .woocommerce
  .select2-container
  .select2-selection--single
  .select2-selection__arrow {
  top: 0;
}

#update_all_subscriptions_addresses_field {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

.woocommerce form .form-row label {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 118%;
  margin-bottom: 6px;
  padding-left: 5px;
}

.woocommerce table.shop_table {
  background: #fff;
  border: none;
  margin: 0;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
  padding: 9px 0;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  #respond
  input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  #respond
  input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  input.button {
  color: var(--speelGreen) !important;
  font-family: "Public Sans";
  font-size: 16px;
  font-weight: 500;
  line-height: 135%;
  border: 1px solid var(--spellOrange);
  border-radius: 12px;
  background-color: var(--spellOrange) !important;
  padding: 12px 25px;
  transition: all 0.3s ease;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  #respond
  input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  #respond
  input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(
    :not(.edit-post-visual-editor)
  )
  .woocommerce
  input.button:hover {
  background-color: transparent !important;
  color: var(--spellOrange) !important;
  border-color: var(--spellOrange) !important;
}

.woocommerce .button.wcs_deletion_error {
  background-color: var(--colorRed) !important;
  border-color: var(--colorRed) !important;
  color: #fff !important;
}

.woocommerce .button.wcs_deletion_error:hover {
  color: var(--colorRed) !important;
  background-color: transparent !important;
  border-color: var(--colorRed) !important;
}

.woocommerce .woocommerce-button.cancel {
  background-color: var(--colorRed) !important;
  border-color: var(--colorRed) !important;
  color: #fff !important;
}

.woocommerce .woocommerce-button.cancel:hover {
  color: var(--colorRed) !important;
  background-color: transparent !important;
  border-color: var(--colorRed) !important;
}

.shop_table.subscription_details .woocommerce-button {
  margin-bottom: 10px;
}

.shop_table.subscription_details .woocommerce-button:nth-last-child(1) {
  margin-bottom: 0;
}

.woocommerce .woocommerce-customer-details address {
  border: none;
  padding: 0;
}

.woocommerce-info {
  border-top-color: var(--spellOrange);
  background-color: #fff;
  border-radius: 0 0 5px 5px;
}

.woocommerce-info::before {
  color: var(--spellOrange);
}

.woocommerce-account .addresses .title .edit {
  color: var(--speelGreen);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-size: 14px;
  font-weight: 500;
}

.woocommerce-MyAccount-content {
  background: #fff;
  border-radius: 30px;
  border: 1px solid #c49160;
  padding: 35px 40px;
  font-family: "Inter", sans-serif;
}

/* Welcome Message */
.woocommerce-MyAccount-content p:first-of-type {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.woocommerce-MyAccount-content p:first-of-type strong {
  color: var(--speelGreen);
  font-weight: 600;
}

.woocommerce-MyAccount-content p:first-of-type a {
  color: var(--spellOrange);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 500;
  transition: color 0.3s ease;
}

.woocommerce-MyAccount-content p:first-of-type a:hover {
  color: var(--speelGreen);
}

/* Dashboard Description */
.woocommerce-MyAccount-content p:last-of-type {
  color: #4a4a4a;
  font-size: 16px;
  line-height: 1.6;
}

.woocommerce-MyAccount-content p:last-of-type a {
  color: var(--spellOrange);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.3s ease;
}

.woocommerce-MyAccount-content p:last-of-type a:hover {
  color: var(--speelGreen);
}

/* Address Sections */
.woocommerce-MyAccount-content .addresses {
  margin-top: 30px;
}

.woocommerce-MyAccount-content .addresses .col-1,
.woocommerce-MyAccount-content .addresses .col-2 {
  background: #f9f9f9;
  border-radius: 16px;
  padding: 25px;
  border: 1px solid #e0e0e0;
}

.woocommerce-MyAccount-content .addresses .title h3 {
  color: var(--speelGreen);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}

.woocommerce-MyAccount-content address {
  font-style: normal;
  line-height: 1.6;
  color: #4a4a4a;
  margin-bottom: 15px;
}

/* Edit Account Form */
.woocommerce-MyAccount-content form.edit-account {
  margin-top: 25px;
}

.woocommerce-MyAccount-content fieldset {
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  padding: 25px;
  margin: 25px 0;
}

/* Responsive */
@media screen and (max-width: 768px) {
  .woocommerce-MyAccount-content {
    padding: 25px 20px;
    border-radius: 24px;
  }

  .woocommerce-MyAccount-content p:first-of-type {
    font-size: 16px;
    padding-bottom: 15px;
  }

  .woocommerce-MyAccount-content p:last-of-type {
    font-size: 15px;
  }

  .woocommerce-MyAccount-content .addresses .col-1,
  .woocommerce-MyAccount-content .addresses .col-2 {
    padding: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 480px) {
  .woocommerce-MyAccount-content {
    padding: 20px 15px;
  }

  .woocommerce-MyAccount-content p:first-of-type {
    font-size: 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
}

/* Dragon LP */
main.dragon .s1 {
  padding: 90px 0 135px 0;
  background-image: url(../images/home/spell-text-bg.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top 135px center;
}

main.dragon .s1 .subtitle {
  color: var(--speelGreen);
  text-align: center;
  font-size: 32px;
  font-weight: 400;
  line-height: 105%;
  letter-spacing: -0.64px;
  margin-bottom: 14px;
}

main.dragon .s1 .title {
  color: #d7b8b8;
  text-align: center;
  font-size: 200px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -6px;
  margin-bottom: 150px;
}

main.dragon .s1 .product-row {
  display: flex;
  gap: 94px;
}

main.dragon .s1 .product-item {
  border-radius: 24px;
  background: var(--speelGreen);
  padding: 39px 28px 27px 25px;
  display: flex;
  flex-direction: column;
}

main.dragon .s1 .product-item .item-header {
  display: flex;
  gap: 18px;
}

main.dragon .s1 .product-item .product-badge {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='74' viewBox='0 0 256 74' fill='none'%3E%3Cpath d='M0 35C0 15.67 16.0461 0 35.84 0H190.464C233.984 0 256 37 256 37C256 37 239.104 74 190.464 74H35.84C16.0461 74 0 58.33 0 39V35Z' fill='%23455548'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 74px;
  min-width: 238px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 0 45px 0 16px;
}

main.dragon .s1 .product-item:nth-child(2) .product-badge {
  padding: 0 15px 0 40px;
}

main.dragon .s1 .product-item .product-badge .badge-icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 25px;
}

main.dragon .s1 .product-item .product-badge .badge-label {
  color: #fff;
  font-size: 17.687px;
  font-weight: 500;
  line-height: 101%;
}

main.dragon .s1 .product-item:nth-child(1) .badge-icon {
  width: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='25' viewBox='0 0 32 25' fill='none'%3E%3Cpath d='M16.2087 0.00024785C15.3823 0.0125311 14.669 0.479977 13.8729 1.11345C9.62677 4.49141 4.41086 9.17542 2.95187 12.4605C2.40322 11.7092 0.491889 11.8751 0.491889 12.9147C0.491889 13.8066 1.82183 14.0534 2.58182 13.6718C2.54114 13.9675 2.54743 14.2436 2.60465 14.4992C2.18347 14.6277 1.85848 14.9083 1.85848 15.3372C1.85848 16.2763 3.33295 16.5024 4.06411 16.0304C4.40511 16.2236 4.75409 16.4015 5.11007 16.5635C5.05582 16.6666 5.02738 16.7843 5.02738 16.9153C5.02738 17.708 6.07704 17.9912 6.84451 17.7769C6.83486 17.8254 6.82996 17.8773 6.82996 17.9304C6.82996 19.1788 9.43666 19.1676 9.43666 17.9304C9.43666 17.9204 9.43494 17.9104 9.43467 17.9006C10.379 18.0872 11.3606 18.2267 12.3638 18.3206C12.5624 19.2978 14.524 19.3381 14.894 18.4614C15.8884 18.4812 16.8893 18.4614 17.8811 18.4017C17.8721 18.449 17.8645 18.4993 17.8645 18.5509C17.8645 19.5179 19.4292 19.7282 20.1343 19.1992C20.9089 20.3852 23.8387 20.1614 23.8387 18.5595C23.8387 18.4023 23.8118 18.2587 23.7601 18.1287C24.3928 18.436 25.2531 18.4852 25.9596 18.2759C26.1209 19.4024 28.5581 19.3505 28.5581 18.1542C28.5581 17.5107 27.8541 17.2106 27.1772 17.2394C27.2153 17.1169 27.2371 16.9847 27.2371 16.8429C27.2371 16.7167 27.2199 16.5993 27.1895 16.4887C27.5257 16.3527 27.8495 16.2089 28.1591 16.0602C28.9688 15.6709 29.3227 15.0415 29.3291 14.2475C30.092 14.614 31.4004 14.3544 31.4004 13.4778C31.4004 12.4912 29.7424 12.3062 29.0706 12.887C27.8435 9.36308 22.5058 4.08716 18.4351 0.932137C17.5634 0.256558 16.8514 -0.00930578 16.2087 0.00024785ZM30.6977 15.7702C30.0459 15.7731 29.3932 16.0825 29.3932 16.6894C29.3932 17.9377 32 17.9266 32 16.6894C32 16.0707 31.3495 15.7672 30.6976 15.7702H30.6977ZM1.30447 16.5592C0.652633 16.5622 0 16.8715 0 17.4783C0 18.7268 2.6067 18.7155 2.6067 17.4783C2.6067 16.8598 1.95618 16.5564 1.30441 16.5593L1.30447 16.5592ZM4.30794 18.4998C3.59947 18.503 2.89035 18.8285 2.84232 19.4658C2.1537 19.4296 1.4201 19.7372 1.4201 20.3806C1.4201 21.564 3.76207 21.6156 4.00609 20.564C4.82536 20.6725 5.7756 20.3289 5.7756 19.5361C5.7756 18.8398 5.04167 18.4964 4.30794 18.4998ZM10.2098 19.2099C9.76945 19.2119 9.3287 19.3532 9.08924 19.6321C8.19675 19.4383 7.04693 19.7874 7.04693 20.6622C7.04693 21.9872 9.53992 22.1072 10.0341 21.0524C10.7388 21.1119 11.5121 20.8033 11.5121 20.1291C11.5121 19.5104 10.8617 19.2069 10.2099 19.2099H10.2098ZM16.1094 19.3208C15.4577 19.3238 14.8052 19.6332 14.8052 20.24C14.8052 21.4884 17.4139 21.4772 17.4139 20.24C17.4139 19.6214 16.7613 19.3179 16.1094 19.3208ZM30.0423 19.7346C29.1857 19.7384 28.3286 20.1461 28.3286 20.9438C28.3286 22.5845 31.7539 22.5697 31.7539 20.9437C31.7539 20.1307 30.899 19.7307 30.0423 19.7346ZM25.0687 20.2208C24.4169 20.2237 23.7642 20.533 23.7642 21.1398C23.7642 22.3882 26.373 22.377 26.373 21.1398C26.373 20.5213 25.7204 20.2179 25.0686 20.2207L25.0687 20.2208ZM13.0769 21.1591C12.3295 21.1624 11.5824 21.5167 11.5824 22.2124C11.5824 23.0646 12.6411 23.4036 13.4987 23.2404C13.9514 24.5167 16.8661 24.3882 16.8661 22.8884C16.8661 21.8499 15.4698 21.4883 14.4598 21.7774C14.2244 21.3608 13.6509 21.1564 13.0769 21.159V21.1591ZM21.1368 21.6324C20.726 21.6342 20.3137 21.7581 20.0661 22.0013C19.299 21.6642 18.03 21.9302 18.03 22.7775C18.0299 23.7942 19.759 23.9743 20.401 23.3385C21.1681 23.6813 22.4392 23.4153 22.4392 22.5515C22.4392 21.9329 21.7886 21.6295 21.1368 21.6323L21.1368 21.6324ZM5.2384 21.8074C4.49091 21.8106 3.74169 22.165 3.74169 22.8607C3.74169 24.2923 6.73298 24.2794 6.73298 22.8607C6.73298 22.1514 5.98576 21.8039 5.2384 21.8073V21.8074ZM27.4025 22.7518C26.6688 22.7552 25.9348 23.103 25.9348 23.7861C25.9348 25.1915 28.8702 25.1789 28.8702 23.7861C28.8702 23.0897 28.1363 22.7485 27.4025 22.7518V22.7518ZM9.4987 22.8777C8.75121 22.8811 8.00412 23.2352 8.00412 23.9311C8.00412 25.3627 10.9933 25.3499 10.9933 23.9311C10.9933 23.2218 10.2461 22.8743 9.4987 22.8777Z' fill='white'/%3E%3C/svg%3E");
}

main.dragon .s1 .product-item:nth-child(2) .badge-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_308_321)'%3E%3Cg filter='url(%23filter0_f_308_321)'%3E%3Cpath d='M5 16C7.20914 16 9 14.2091 9 12C9 9.79086 7.20914 8 5 8C2.79086 8 1 9.79086 1 12C1 14.2091 2.79086 16 5 16Z' fill='white'/%3E%3Cpath d='M19 16C21.2091 16 23 14.2091 23 12C23 9.79086 21.2091 8 19 8C16.7909 8 15 9.79086 15 12C15 14.2091 16.7909 16 19 16Z' fill='white'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_308_321)'%3E%3Cpath d='M16 19C16 16.7909 14.2091 15 12 15C9.79086 15 8 16.7909 8 19C8 21.2091 9.79086 23 12 23C14.2091 23 16 21.2091 16 19Z' fill='white'/%3E%3Cpath d='M16 5C16 2.79086 14.2091 1 12 1C9.79086 1 8 2.79086 8 5C8 7.20914 9.79086 9 12 9C14.2091 9 16 7.20914 16 5Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_308_321' x='-1' y='6' width='26' height='12' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='1' result='effect1_foregroundBlur_308_321'/%3E%3C/filter%3E%3Cfilter id='filter1_f_308_321' x='6' y='-1' width='12' height='26' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='1' result='effect1_foregroundBlur_308_321'/%3E%3C/filter%3E%3CclipPath id='clip0_308_321'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
}

main.dragon .s1 .product-item .header-list {
  padding-left: 1rem;
}

main.dragon .s1 .product-item .header-list li {
  list-style: disc;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 132%;
}

main.dragon .s1 .product-item .item-body {
  flex: 1;
  border-radius: 12px;
  background-color: #ffffff33;
  padding: 49px 37px 32px 330px;
  position: relative;
  margin-top: 76px;
}

main.dragon .s1 .product-item .image-area {
  width: 350px;
  height: 454px;
  position: absolute;
  left: 10px;
  top: -70px;
}

main.dragon .s1 .product-item .image-area img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

main.dragon .s1 .product-item .product-title {
  color: #fff;
  font-size: 32px;
  font-weight: 500;
  line-height: 101%;
  margin-bottom: 16px;
}

main.dragon .s1 .product-item .price-item {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 101%;
}

main.dragon .s1 .product-item .detail-list {
  padding-left: 1rem;
  margin: 55px 0 43px 0;
}

main.dragon .s1 .product-item .detail-list li {
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 132%;
  opacity: 0.2;
  list-style: disc;
}

main.dragon .s1 .product-item .add-to-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--speelGreen);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
  border-radius: 10px;
  background: var(--spellOrange);
  width: 234px;
  height: 52px;
}

main.dragon .s1 .product-item .item-footer {
  display: none;
  padding-top: 33px;
}

main.dragon .s1 .product-item .item-footer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 33px;
}

main.dragon .s1 .product-item .item-footer-body {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  flex-wrap: wrap;
}

main.dragon .s1 .product-item .item-footer .learn-more {
  color: #faeaea;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
  text-decoration-line: underline;
}

main.dragon .s2 {
  padding: 48px 0 135px 0;
  background-image: url(../images/dragon/bg-line.svg);
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
}

main.dragon .s2 .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 9;
}

main.dragon .s2 .title-area {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

main.dragon .s2 .title {
  color: var(--spellPinkText);
  text-align: center;
  font-size: 200px;
  font-weight: 400;
  line-height: 86%;
  letter-spacing: -6px;
  max-width: 1100px;
}

main.dragon .s2 .title-area span {
  color: var(--speelGreen);
  text-align: center;
  font-size: 54px;
  font-weight: 500;
  line-height: 101%;
  position: absolute;
  z-index: 2;
  padding-top: 27.5px;
}

main.dragon .s2 .image-area {
  width: 661.432px;
  height: 702px;
  position: relative;
  top: -140px;
  left: 70px;
}

main.dragon .s2 .image-area img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

main.lp .s2 .form-box {
  border-radius: 12px;
  background: #fff;
  width: 100%;
  max-width: 784px;
  padding: 22px 19px 22px 42px;
  display: flex;
  gap: 10px;
  position: relative;
  margin-top: -435px;
}

main.lp .s2 .form-box .form-label {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 118%;
  max-width: 250px;
}

main.lp .s2 .form-box .form-area {
  flex: 1;
}

main.lp .s2 .form-box .form-row {
  display: flex;
  align-items: center;
  gap: 5px;
}

main.lp .s2 .form-box .form-area input[type="number"],
main.lp .s2 .form-box .form-area input[type="text"] {
  border-radius: 12px;
  background: #d7b8b880;
  padding: 6px 12px;
  height: 52px;
  flex: 1;
  border: none;
}

main.lp .s2 .form-box .form-area input[type="submit"] {
  color: var(--speelGreen);
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
  border-radius: 10px;
  background: var(--spellOrange);
  display: flex;
  width: 93px;
  height: 52px;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--spellOrange);
}

main.dragon .s3-overlay-bg {
  background: linear-gradient(
    360deg,
    rgba(251, 251, 251, 0) 0%,
    #faeaea 54.83%
  );
  height: 464px;
  width: 100%;
  position: relative;
  z-index: 2;
  margin-top: -120px;
}

main.dragon .s3 {
  background-color: #fbfbfb;
  padding-top: 400px;
  margin-top: -220px;
}

main.dragon .s3 .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 42px;
}

main.dragon .s3 .title {
  color: var(--speelGreen);
  text-align: center;
  font-size: 200px;
  font-weight: 400;
  line-height: 98%;
  letter-spacing: -6px;
}

main.dragon .s3 p {
  color: var(--speelGreen);
  text-align: center;
  font-size: 48px;
  font-weight: 500;
  line-height: 101%;
  max-width: 839px;
  margin-bottom: 25px;
}

main.dragon .s3 .boxes-wrap {
  display: flex;
  position: relative;
  margin-top: 120px;
  padding-bottom: 500px;
}

main.dragon .s3 .box-item {
  border-radius: 36px;
  position: relative;
}

main.dragon .s3 .box-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 36px;
}

main.dragon .s3 .box-item .box-title {
  color: var(--speelGreen);
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  line-height: 101%;
}

main.dragon .s3 .box-item:nth-child(1) {
  background: #ebcbcb;
  display: inline-flex;
  width: 355px;
  height: 209px;
  rotate: 5.815deg;
  justify-content: center;
  align-items: center;
}
main.dragon .s3 .box-item:nth-child(2) {
  width: 260px;
  height: 233px;
  rotate: 6.769deg;
  left: -20px;
  top: -100px;
}
main.dragon .s3 .box-item:nth-child(3) {
  display: flex;
  width: 548px;
  height: 209px;
  rotate: -3.178deg;
  justify-content: center;
  align-items: center;
  background: #faeaea;
  left: 450px;
  position: absolute;
  padding: 0 100px;
  z-index: 3;
}
main.dragon .s3 .box-item:nth-child(4) {
  width: 256px;
  height: 171px;
  rotate: -7.794deg;
  left: 330px;
  z-index: 2;
  top: 80px;
}
main.dragon .s3 .box-item:nth-child(5) {
  background: #ebcbcb;
  display: flex;
  width: 355px;
  height: 209px;
  rotate: 5.081deg;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: -90px;
  z-index: 1;
  padding: 0 60px;
}

main.lp .s4 {
  padding-bottom: 390px;
}

main.dragon.lp .s4 {
  background-color: #fbfbfb;
}

main.lp .s4 .title {
  color: #d7b8b8;
  text-align: center;
  font-size: 183px;
  font-weight: 400;
  line-height: 86%;
  letter-spacing: -5.517px;
  position: relative;
  z-index: 3;
  margin-bottom: 40px;
}
main.lp .s4 .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

main.lp .s4 .description-wrap {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
}

main.lp .s4 p {
  color: var(--speelGreen);
  text-align: center;
  font-size: 48px;
  font-weight: 400;
  line-height: 101%;
  max-width: 923px;
}

main.lp .s4 .box-img-left {
  width: 205px;
  height: 153px;
  position: absolute;
  left: 0;
  border-radius: 34px;
  overflow: hidden;
}

main.lp .s4 .box-img-right {
  width: 207px;
  height: 222px;
  rotate: 8.742deg;
  position: absolute;
  right: 0;
  top: -95px;
  border-radius: 27px;
  overflow: hidden;
}

main.lp .s4 .box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

main.lp .s4 .boxes-wrap {
  display: flex;
  position: relative;
  gap: 25px;
  width: 100%;
  max-width: 1250px;
  justify-content: center;
  padding-top: 50px;
}

main.lp .s4 .boxes-wrap .box-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 36px;
}

main.lp .s4 .boxes-wrap .box-item .box-title {
  color: var(--speelGreen);
  text-align: center;
  font-size: 38px;
  font-weight: 500;
  line-height: 101%;
}

main.lp .s4 .boxes-wrap .box-item:nth-child(1) {
  background: #faeaea;
  width: 320px;
  height: 167.376px;
  rotate: -9.928deg;
  position: absolute;
  left: 0;
  padding: 0 65px;
}

main.lp .s4 .boxes-wrap .box-item:nth-child(2) {
  position: relative;
  top: 190px;
  left: -35px;
}

main.lp .s4 .boxes-wrap .box-item:nth-child(2) .box-title {
  rotate: 3.994deg;
  height: 178px;
  background: #d7b8b8;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 36px;
  padding: 0 55px;
  max-width: 440px;
  left: 120px;
  position: relative;
}

main.lp .s4 .boxes-wrap .box-item:nth-child(3) {
  width: 497.654px;
  rotate: -1.702deg;
  height: 178px;
  background: #ffeed3;
  position: absolute;
  right: 50px;
  top: 45px;
  padding: 0 55px;
}

main.lp .s4 .boxes-wrap .box-img {
  width: 207px;
  height: 222px;
  rotate: -6.828deg;
  position: absolute;
  top: -180px;
  left: 0;
}

main.lp .s4 .boxes-wrap .box-img-mobile img,
main.lp .s4 .boxes-wrap .box-img img {
  border-radius: 27px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

main.lp .s4 .boxes-wrap .box-img-mobile {
  display: none;
  width: 207px;
  height: 222px;
  position: relative;
}

/* Being LP */
body.page-template-being {
  background-color: #ffeed8;
}

main.being.lp .s1 {
  padding: 110px 0 0 0;
  background-image: url(../images/home/spell-text-bg.svg);
  background-position: bottom 50px center;
  background-size: 100%;
  background-repeat: no-repeat;
}

main.being.lp .s1 .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

main.being.lp .s1 .subtitle {
  color: #172b1a;
  text-align: center;
  font-size: 32px;
  font-weight: 400;
  line-height: 105%;
  letter-spacing: -0.64px;
}

main.being.lp .s1 .title {
  color: #c4915f;
  text-align: center;
  font-size: 170px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -5.1px;
}

main.being.lp .s1 .hero-image {
  width: 480px;
  height: 722px;
  position: relative;
  top: -55px;
  left: -35px;
}

main.being.lp .s1 .hero-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

main.being.lp .s2 {
  position: relative;
  margin-top: -50px;
}

main.being.lp .s2 .box-item {
  padding: 84px 54px 115px 78px;
  border-radius: 31.177px;
  background: #172b1a;
  display: flex;
  gap: 138px;
}

main.being.lp .s2 .box-item .image-area {
  height: 646px;
  width: 448px;
}

main.being.lp .s2 .box-item .image-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

main.being.lp .s2 .box-item .box-details {
  flex: 1;
}

main.being.lp .s2 .box-item .box-title {
  color: #455548;
  font-size: 120px;
  font-weight: 400;
  line-height: 86%;
  letter-spacing: -3.6px;
  margin-bottom: 85px;
}

main.being.lp .s2 .box-item .box-subtitle {
  color: #708474;
  font-size: 32px;
  font-weight: 500;
  line-height: 101%;
  margin-bottom: 30px;
}

main.being.lp .s2 .box-item p {
  color: #708474;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 130%;
}

main.being.lp .s3 {
  padding: 375px 0 520px 0;
}

main.being.lp .s3 .product-wrap {
  display: flex;
  justify-content: center;
}

main.being.lp .s3 .product-item {
  padding: 63px 24px 41px 24px;
  border-radius: 24px;
  background: var(--speelGreen);
  width: 100%;
  max-width: 616px;
}

main.being.lp .s3 .product-item .item-body {
  border-radius: 12px;
  background: #ffffff33;
  height: 420px;
}

main.being.lp .s3 .product-item .image-area {
  display: flex;
  justify-content: center;
}

main.being.lp .s3 .product-item .image-area img {
  width: 396px;
  height: 496px;
  position: relative;
  left: 7.5%;
  top: -60px;
  object-fit: contain;
}

main.being.lp .s3 .product-item .item-footer {
  padding-top: 25px;
  display: flex;
  flex-direction: column;
  gap: 55px;
}

main.being.lp .s3 .product-item .item-footer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

main.being.lp .s3 .product-item .product-title {
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  line-height: 101%;
}

main.being.lp .s3 .product-item .price-item {
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  line-height: 101%;
}

main.being.lp .s3 .product-item .add-to-cart {
  color: var(--speelGreen);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 52px;
  border-radius: 10px;
  background: #ff7800;
}

main.being.lp .s4 .title {
  color: #c4915f;
}

main.being.lp .s4 .boxes-wrap .box-item:nth-child(3),
main.being.lp .s4 .boxes-wrap .box-item:nth-child(1) {
  background-color: #fff;
}

main.being.lp .s4 .boxes-wrap .box-item:nth-child(2) .box-title {
  background-color: #c4915f;
}

main.being.lp .s3-s4-wrap {
  background-image: url(../images/being/bg-line.svg);
  background-position: bottom center;
  background-repeat: no-repeat;
}

/* Miracle LP */
body.page-template-miracle {
  background-color: #708474;
}

main.miracle.lp .s1 {
  padding: 90px 0 197px 0;
  background-image: url(../images/miracle/spell-text-bg.svg);
  background-position: top 150px center;
  background-size: 100%;
  background-repeat: no-repeat;
}

main.miracle.lp .s1 .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

main.miracle.lp .s1 .title {
  color: #faeaea;
  text-align: center;
  font-size: 200px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -6px;
  margin-bottom: 60px;
}

main.miracle.lp .s1 .subtitle {
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-weight: 400;
  line-height: 105%;
  letter-spacing: -0.64px;
  margin-bottom: 295px;
}

main.miracle.lp .s1 .product-item {
  width: 100%;
  max-width: 606px;
  border-radius: 24px;
  background: #ebcbcb;
  padding: 49px 25px 21px 25px;
}

main.miracle.lp .s1 .product-item .item-body {
  border-radius: 12px;
  background: #69222233;
  display: flex;
  justify-content: end;
  padding-right: 3%;
  height: 471px;
}

main.miracle.lp .s1 .product-item .image-area {
  width: 440px;
  height: 510px;
  position: relative;
  top: -30px;
}
main.miracle.lp .s1 .product-item .image-area img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

main.miracle.lp .s1 .product-item .item-footer {
  padding-top: 26px;
  display: flex;
  flex-direction: column;
  gap: 26px;
}

main.miracle.lp .s1 .product-item .item-footer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

main.miracle.lp .s1 .product-item .price-item,
main.miracle.lp .s1 .product-item .product-title {
  color: var(--speelGreen);
  font-size: 28px;
  font-weight: 500;
  line-height: 101%;
}

main.miracle.lp .s1 .product-item .add-to-cart {
  color: var(--speelGreen);
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #ff7800;
  width: 100%;
  height: 52px;
}

main.miracle.lp .s2 {
  background-image: url(../images/miracle/line-bg.svg);
  background-repeat: no-repeat;
  background-position: top 170px center;
  background-size: 100%;
  padding-bottom: 275px;
}

main.miracle.lp .s2 .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

main.miracle.lp .s2 .title {
  color: #faeaea;
  text-align: center;
  font-size: 160px;
  font-weight: 400;
  line-height: 98%;
  letter-spacing: -5.1px;
}

main.miracle.lp .s2 .subtitle {
  color: #fff;
  text-align: center;
  font-size: 54px;
  font-weight: 500;
  line-height: 101%;
}

main.miracle.lp .s2 .image-area {
  width: 782px;
  height: 822px;
  position: relative;
  top: -80px;
  left: 70px;
}

main.miracle.lp .s2 .image-area img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

main.miracle.lp .s3 .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

main.miracle.lp .s3 .title {
  color: #faeaea;
  text-align: center;
  font-size: 170px;
  font-weight: 400;
  line-height: 98%;
  letter-spacing: -5.1px;
  margin-bottom: 25px;
}

main.miracle.lp .s3 p {
  color: var(--speelGreen);
  text-align: center;
  font-size: 48px;
  font-weight: 400;
  line-height: 101%;
  max-width: 761px;
}

main.miracle.lp .s3 .boxes-area {
  position: relative;
  width: 100%;
  min-height: 900px;
  top: -200px;
}

main.miracle.lp .s3 .box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
}

main.miracle.lp .s3 .box-item {
  text-align: center;
  font-size: 38px;
  font-weight: 500;
  line-height: 101%;
  border-radius: 36px;
}

main.miracle.lp .s3 .box-item:nth-child(1) {
  width: 232px;
  height: 253px;
  position: absolute;
  left: 0;
  top: 0;
}
main.miracle.lp .s3 .box-item:nth-child(2) {
  color: var(--speelGreen);
  display: flex;
  width: 288.325px;
  rotate: 7.075deg;
  padding: 27.887px 49.237px 20.965px 48.789px;
  justify-content: center;
  align-items: center;
  background: #ffeed3;
  position: absolute;
  left: 117px;
  top: 224px;
  z-index: 5;
}
main.miracle.lp .s3 .box-item:nth-child(3) {
  color: var(--speelGreen);
  display: inline-flex;
  height: 131.624px;
  rotate: -1.702deg;
  padding: 44.353px 63.316px 49.271px 53.704px;
  align-items: center;
  background: #ffeed3;
  position: absolute;
  right: 220px;
  top: 250px;
}
main.miracle.lp .s3 .box-item:nth-child(4) {
  width: 201.608px;
  height: 220.765px;
  rotate: 9.109deg;
  position: absolute;
  right: 0;
  top: -30px;
}
main.miracle.lp .s3 .box-item:nth-child(5) {
  color: #708474;
  display: flex;
  width: 256.879px;
  height: 131.624px;
  rotate: 6.6deg;
  padding: 24.289px 15.645px 24.563px 16.285px;
  justify-content: center;
  align-items: center;
  background: #172b1a;
  position: absolute;
  right: 0;
  top: 200px;
  z-index: 3;
}
main.miracle.lp .s3 .box-item:nth-child(6) {
  width: 195px;
  height: 213px;
  rotate: -9.234deg;
  position: absolute;
  left: 10px;
  top: 330px;
}
main.miracle.lp .s3 .box-item:nth-child(7) {
  color: #708474;
  display: inline-flex;
  height: 131.624px;
  rotate: -2.912deg;
  align-items: center;
  background: #172b1a;
  padding: 23.702px 44.041px 25.149px 34.328px;
  position: absolute;
  width: 365px;
  left: 180px;
  top: 400px;
  z-index: 3;
}
main.miracle.lp .s3 .box-item:nth-child(8) {
  width: 234px;
  height: 295px;
  position: absolute;
  left: 469px;
  top: 310px;
}
main.miracle.lp .s3 .box-item:nth-child(9) {
  width: 289px;
  height: 225px;
  position: absolute;
  right: 265px;
  top: 490px;
}
main.miracle.lp .s3 .box-item:nth-child(10) {
  color: var(--speelGreen);
  display: inline-flex;
  height: 131.624px;
  rotate: 7.514deg;
  padding: 27.32px 56.954px 28.301px 48.224px;
  align-items: center;
  background: #d7b8b8;
  position: absolute;
  right: -25px;
  top: 430px;
  width: 365px;
}

/* Header for Home 2 */
#header-2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  top: 42px;
  display: flex;
  justify-content: center;
}

#header-2 .logo-area {
  width: 95px;
  height: 40.6px;
}

#header-2 .logo-area img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#header-2 .header-wrapper {
  display: flex;
  align-items: center;
  gap: 35px;
  border-radius: 56px;
  border: 1px solid #faeaea;

  background: #708474;
  width: 100%;
  max-width: 789px;
}

#header-2 .header-left {
  display: flex;
  align-items: center;
  gap: 65px;
  flex: 1;
  padding: 13.75px 30px;
}

#header-2 .header-right {
  border-radius: 56px;
  border: 1px solid #faeaea;

  background: #172b1a;
  height: 100%;
  padding: 0 53px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#header-2 .shop-menu,
#header-2 .main-menu {
  display: flex;
  align-items: center;
  gap: 32px;
}

#header-2 .menu-item a {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
}

#header-2 .shop-menu .menu-item:nth-child(1) {
  display: flex;
  align-items: center;
  gap: 32px;
}

#header-2 .shop-menu .menu-item:nth-child(1):after {
  content: "";
  width: 1px;
  height: 29px;
  background: #708474;
  display: block;
}

/* Home 2 */
main.home-2 .s1 {
  padding: 296px 0 105px 0;
  background-image: url(../images/home-2/home-2-bg.svg);
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
}

main.home-2 .s1.sticky {
  position: sticky;
  top: 0;
}

main.home-2 .s1 .content-row {
  display: flex;
  justify-content: space-between;
}

main.home-2 .s1 .title-area {
  max-width: 550px;
}

main.home-2 .s1 .title {
  color: #455548;
  font-size: 210.433px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -8.417px;
}

main.home-2 .s1 .bubble-wrap {
  border-radius: 50%;
  background: #ff7800;
  padding: 30px;
  transform: rotate(-8.881deg);
  width: 196px;
  height: 196px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -20px;
  left: -25px;
}

main.home-2 .s1 .bubble-text {
  color: #fff;
  text-align: center;
  font-family: "Inter";
  font-size: 24px;
  font-weight: 500;
  line-height: 112%;
}

main.home-2 .s1 .img-wrap {
  position: relative;
  width: 326px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@keyframes floatY {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes shadowScale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.6);
  }
  100% {
    transform: scale(1);
  }
}

main.home-2 .s1 .img-wrap::after {
  content: "";
  width: 150.529px;
  height: 30.105px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='151' height='32' viewBox='0 0 151 32' fill='none'%3E%3Cg filter='url(%23filter0_f_852_3254)'%3E%3Cellipse cx='75.2646' cy='15.5524' rx='65.7646' ry='6.05237' fill='%23686868'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_852_3254' x='0' y='0' width='150.529' height='31.1047' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='4.75' result='effect1_foregroundBlur_852_3254'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  bottom: -20px;

  animation: shadowScale 4s ease-in-out infinite;
  transform-origin: center;
  will-change: transform, opacity;
}

main.home-2 .s1 .img-wrap img {
  animation: floatY 4s ease-in-out infinite;
  will-change: transform;
}

main.home-2 .s1 .content-area {
  flex: 1;
  display: flex;
  align-items: end;
}

main.home-2 .s1 .description-wrap {
  position: relative;
  padding-bottom: 50px;
  padding-left: 90px;
  display: flex;
  align-items: end;
  height: 100%;
  flex: 1;
}

main.home-2 .s1 .subtext {
  width: 100%;
}

main.home-2 .s1 .subtext .subtext-top {
  display: flex;
  gap: 5px;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 136%;
}

main.home-2 .s1 .subtext .texts-wrap {
  position: relative;
  overflow: hidden;
  height: 50px;
  min-width: 220px;
}

main.home-2 .s1 .subtext .texts-wrap::after {
  content: "";
  width: 220px;
  height: 15.47px;
  transform: rotate(-0.42deg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='233' height='17' viewBox='0 0 233 17' fill='none'%3E%3Cg filter='url(%23filter0_g_537_3513)'%3E%3Crect x='3.97656' y='5.62158' width='224.342' height='6.47039' rx='3.23519' transform='rotate(-0.420191 3.97656 5.62158)' fill='%23FF7800'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_g_537_3513' x='0' y='0' width='232.336' height='16.0681' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.10752687603235245 0.10752687603235245' numOctaves='3' seed='8285'/%3E%3CfeDisplacementMap in='shape' scale='8' xChannelSelector='R' yChannelSelector='G' result='displacedImage' width='100%25' height='100%25'/%3E%3CfeMerge result='effect1_texture_537_3513'%3E%3CfeMergeNode in='displacedImage'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  display: block;
  position: absolute;
  top: 32px;
  left: -7.5px;
}

main.home-2 .s1 .subtext strong,
main.home-2 .s1 .subtext .text-item {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 136%;
}

main.home-2 .s1 .subtext .text-item {
  position: absolute;
  z-index: 2;
  white-space: nowrap;
}

main.home-2 .s2 {
  padding-bottom: 246px;
  position: relative;
  z-index: 9;
}

@media (min-width: 1700px) {
  main.home-2 .s2 .container {
    max-width: 1600px;
  }
}

main.home-2 .s2 .box-item {
  border-radius: 35px;
  background: #172b1a;
  padding: 35px 50px 55px 50px;
}

main.home-2 .s2 .box-item .title-area {
  position: relative;
  z-index: 6;
}

main.home-2 .s2 .box-item .title {
  color: #f0c9c9;
  font-size: 333px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -13.33px;
  white-space: nowrap;
}

main.home-2 .s2 .box-item .description {
  color: #d7b8b8;
  font-family: "Inter";
  font-size: 32px;
  text-align: right;
  font-weight: 500;
  line-height: 101%;
}

main.home-2 .s2 .box-item .image-area {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 5;
}

main.home-2 .s2 .box-item .image-area .backdrop-shadow {
  content: "";
  width: 100%;
  height: 100%;
  max-width: 800px;
  position: absolute;
  border-radius: 827.959px;
  background: rgba(46, 86, 53, 0.7);
  filter: blur(42px);
  -webkit-filter: blur(42px);
  display: block;
  top: -20%;
  z-index: 0;
}

main.home-2 .s2 .box-item .image-area img {
  width: 100%;
  max-width: 705px;
  max-height: 692px;
  position: relative;
  z-index: 2;
}

main.home-2 .s2 .box-item .box-bottom {
  position: relative;
  margin-top: -300px;
}

main.home-2 .s2 .box-item .items-title {
  color: #d7b8b8;
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 101%;
}

main.home-2 .s2 .box-item .items-wrap {
  width: 100%;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 50px;
}

main.home-2 .s2 .box-item .item {
  flex: 1;
}

main.home-2 .s2 .box-item .item:nth-child(1) {
  flex: 0.8;
}
main.home-2 .s2 .box-item .item:nth-last-child(1) {
  flex: 1.2;
  padding-bottom: 15px;
}

main.home-2 .s2 .item .heading {
  color: #d7b8b8;
  font-size: 200px;
  font-weight: 500;
  line-height: 101%;
  letter-spacing: -8px;
}

main.home-2 .s2 .item .subtext {
  color: #708474;
  font-size: 38px;
  font-weight: 500;
  line-height: 101%;
  position: relative;
  top: -15px;
}

main.home-2 .s2 .item .subtitle span,
main.home-2 .s2 .item .subtitle {
  color: #d7b8b8;
  font-size: 100px;
  font-weight: 500;
  line-height: 85%;
  letter-spacing: -4px;
}

main.home-2 .s2 .item .subtitle span {
  color: #708474;
}

main.home-2 .s3 {
  padding: 200px 0;
}

main.home-2 .s3 .title-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 34px;
  margin-bottom: 80px;
}

main.home-2 .s3 .title {
  color: #d7b8b8;
  text-align: center;
  font-size: 120px;
  font-weight: 400;
  line-height: 86%;
  letter-spacing: -3.6px;
}

main.home-2 .s3 .title-area p {
  color: #000;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 131%;
}

main.home-2 .s3 .reviews-wrap {
  position: relative;
}

main.home-2 .s3 .reviews-wrap::before {
  content: "";
  width: 90%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #ebd1c4;
  filter: blur(67px);
  display: block;
  border-radius: 1705.896px;
}

main.home-2 .s3 .reviews-row {
  display: flex;
  overflow-x: scroll;
  width: 100%;
  padding: 50px 35px 50px 15%;
  position: relative;
}

main.home-2 .s3 .reviews-row::-webkit-scrollbar {
  display: none;
  visibility: hidden;
}

main.home-2 .s3 .spell-review-item {
  min-width: 365px;
  box-shadow: 0 4px 29px 0 rgba(196, 145, 96, 0.45);
}

main.home-2 .s3 .spell-review-item:nth-child(1) {
  transform: rotate(-2.517deg);
}
main.home-2 .s3 .spell-review-item:nth-child(2) {
  transform: rotate(1.992deg);
}
main.home-2 .s3 .spell-review-item:nth-child(3) {
  transform: rotate(-1.588deg);
}
main.home-2 .s3 .spell-review-item:nth-child(4) {
  transform: rotate(3.627deg);
}
main.home-2 .s3 .spell-review-item:nth-child(5) {
  transform: rotate(-2.517deg);
}
main.home-2 .s3 .spell-review-item:nth-child(6) {
  transform: rotate(-2.517deg);
}
main.home-2 .s3 .spell-review-item:nth-child(7) {
  transform: rotate(1.992deg);
}
main.home-2 .s3 .spell-review-item:nth-child(8) {
  transform: rotate(-1.588deg);
}

main.home-2 .s4 {
  padding-bottom: 270px;
  background-image: url(../images/home-2/s4-bg.svg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
}

main.home-2 .s4 .title-area {
  display: flex;
  gap: 30px;
  margin-bottom: 95px;
}

main.home-2 .s4 .icon-area {
  width: 411px;
}

main.home-2 .s4 .icon-area img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-height: 391px;
  transition: 0.3s ease;
}

main.home-2 .s4 .icon-area img.animate {
  display: none;
}

main.home-2 .s4 .icon-area:hover img.default {
  display: none;
}
main.home-2 .s4 .icon-area:hover img.animate {
  display: block;
}

main.home-2 .s4 .title {
  flex: 1;
  color: #455548;
  text-align: right;
  font-size: 210.433px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -8.417px;
}

main.home-2 .s4 .boxes-row {
  display: flex;
  gap: 60px;
}

main.home-2 .s4 .box-item {
  border-radius: 35px;
  background: #172b1a;
  padding: 58px 31px 37px 31px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

main.home-2 .s4 .box-item .image-area {
  flex: 1;
  max-height: 462px;
  display: flex;
  position: relative;
}

main.home-2 .s4 .box-item .image-area::before {
  content: "";
  width: 95%;
  height: 80%;
  border-radius: 534px;
  background: rgba(46, 86, 53, 0.7);
  filter: blur(42px);
  backdrop-filter: blur(42px);
  display: block;
  position: absolute;
}

main.home-2 .s4 .box-item .image-area img {
  position: relative;
  z-index: 3;
}

main.home-2 .s4 .box-item:nth-last-child(1) img {
  max-height: 530px;
  width: 100%;
  top: -50px;
}

main.home-2 .s4 .box-item .subtitle {
  color: #d7b8b8;
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 101%;
  margin-bottom: 55px;
}

main.home-2 .s4 .box-item .box-title {
  color: #708474;
  font-family: "Inter", sans-serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 101%;
}

main.home-2 .s4 .box-item .cta-btn {
  color: #172b1a;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 101%;
  width: 100%;
  border-radius: 10px;
  background: var(--spellOrange);
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#exit-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #000000cc;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  display: none;
  align-items: center;
  justify-content: center;
}

#exit-modal.show {
  display: flex;
}

#exit-modal .exit-modal-close {
  position: absolute;
  top: 24px;
  right: 16px;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='41' viewBox='0 0 41 41' fill='none'%3E%3Cpath d='M20.2066 22.5646L11.9554 30.8159C11.6466 31.1246 11.2537 31.279 10.7766 31.279C10.2995 31.279 9.90657 31.1246 9.59785 30.8159C9.28913 30.5072 9.13477 30.1142 9.13477 29.6371C9.13477 29.16 9.28913 28.7671 9.59785 28.4584L17.8491 20.2071L9.59785 11.9558C9.28913 11.6471 9.13477 11.2542 9.13477 10.7771C9.13477 10.3 9.28913 9.90706 9.59785 9.59833C9.90657 9.28961 10.2995 9.13525 10.7766 9.13525C11.2537 9.13525 11.6466 9.28961 11.9554 9.59833L20.2066 17.8496L28.4579 9.59833C28.7666 9.28961 29.1595 9.13525 29.6366 9.13525C30.1138 9.13525 30.5067 9.28961 30.8154 9.59833C31.1241 9.90706 31.2785 10.3 31.2785 10.7771C31.2785 11.2542 31.1241 11.6471 30.8154 11.9558L22.5641 20.2071L30.8154 28.4584C31.1241 28.7671 31.2785 29.16 31.2785 29.6371C31.2785 30.1142 31.1241 30.5072 30.8154 30.8159C30.5067 31.1246 30.1138 31.279 29.6366 31.279C29.1595 31.279 28.7666 31.1246 28.4579 30.8159L20.2066 22.5646Z' fill='white'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

#exit-modal .exit-modal-body {
  position: relative;
  width: 95%;
  max-width: 1080px;
  height: 90%;
  max-height: 574px;
  background-color: #172b1a;
  background-image: url("../images/general/exit-modal-bg.png");
  background-size: 100%;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: 80px 86px 75px 86px;
  border-radius: 12px;
}

#exit-modal .modal-title > span,
#exit-modal .modal-title {
  color: #fff;
  font-size: 72px;
  font-weight: 400;
  line-height: 105%;
  letter-spacing: -0.72px;
}

#exit-modal .modal-title > span {
  color: #708474;
}

#exit-modal .subtext {
  margin: 25px 0 73px 0;
  color: #d7b8b8;
  font-size: 28px;
  font-weight: 500;
  line-height: 126%;
  max-width: 750px;
}

#exit-modal .newsletter-title {
  color: #ff7800;
  font-size: 32px;
  font-weight: 500;
  line-height: 101%;
  margin-bottom: 44px;
}

#exit-modal .newsletter-row {
  display: flex;
  gap: 10px;
}

#exit-modal .input-email {
  width: 100%;
  max-width: 492px;
}

#exit-modal input[type="email"] {
  border-radius: 12px;
  border: 1px solid #708474;
  background: #f4f4f4;
  height: 54px;
  padding: 12.5px 17.5px;
  width: 100%;
}

#exit-modal .primary-btn {
  color: #172b1a;
  font-size: 18px;
  font-weight: 500;
  line-height: 101%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #ff7800;
  height: 53px;
  width: 229px;
  border: 1px solid #ff7800;
  transition: 0.3s ease;
}

#exit-modal .primary-btn:hover {
  background: #e068001a;
  color: #ff7800;
}

#exit-modal .wpcf7 form .wpcf7-response-output {
  margin: 20px 0 0 0;
  border: none;
  padding: 12px 20px;
  color: #fff;
  width: 100%;
  max-width: 730px;
  border-radius: 12px;
}

#exit-modal .wpcf7 form.sent .wpcf7-response-output {
  background-color: #46b450; /* Green */
}

#exit-modal .wpcf7 form.failed .wpcf7-response-output,
#exit-modal .wpcf7 form.aborted .wpcf7-response-output {
  background-color: #dc3232; /* Red */
}

#exit-modal .wpcf7 form.spam .wpcf7-response-output {
  background-color: #f56e28; /* Orange */
}

#exit-modal .wpcf7 form.invalid .wpcf7-response-output,
#exit-modal .wpcf7 form.unaccepted .wpcf7-response-output,
#exit-modal .wpcf7 form.payment-required .wpcf7-response-output {
  background-color: #ffb900; /* Yellow */
}

/* Policies Template */
body.page-template-policies {
  background-image: url(../images/general/policies-bg.svg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
}

main.policies {
  padding-top: 186px;
}

main.policies .s1 {
  padding: 45px 0 180px 0;
}

main.policies .date-text > strong,
main.policies .date-text {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

main.policies .date-text > strong {
  font-weight: 700;
}

main.policies .date-text {
  margin-bottom: 8px;
}

main.policies .s1 .title {
  color: var(--speelGreen);
  text-align: center;
  font-size: 120px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -3.6px;
  margin-bottom: 210px;
}

main.policies .content-box {
  padding: 50px 360px 80px 50px;
  border-radius: 12px;
  background: #fff;
}

main.policies h2,
main.policies h3,
main.policies h4,
main.policies h5,
main.policies h6 {
  margin-bottom: 5px;
}

main.policies h2 {
  color: var(--speelGreen);
  font-size: 32px;
  font-weight: 600;
  line-height: 130%;
}

main.policies h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 130%;
}

main.policies p {
  color: var(--speelGreen);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 5px;
}

main.policies .spacer {
  display: block;
  height: 35px;
}

main.policies ul,
main.policies ol {
  padding-left: 1.5rem;
}

main.policies li {
  list-style: disc;
  color: var(--speelGreen);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 2.5px;
}

main.policies p > a {
  color: var(--speelGreen);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

main.policies p > strong {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.spell-form-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #000000cc;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  display: none;
  align-items: center;
  justify-content: center;
}

.spell-form-modal form.is-loading {
  pointer-events: none;
  opacity: 0.6;
}

.spell-form-modal.is-active {
  display: flex;
}

.spell-form-modal .spell-modal-body {
  position: relative;
  width: 95%;
  max-width: 1080px;
  height: 90%;
  max-height: 574px;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
}

.spell-form-modal.register .spell-modal-body {
  max-height: 630px;
}

.spell-form-modal .spell-modal-close {
  position: absolute;
  top: 36px;
  right: 27px;
  z-index: 10;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cpath d='M11.0719 13.4294L2.82059 21.6806C2.51186 21.9893 2.11895 22.1437 1.64183 22.1437C1.16472 22.1437 0.771802 21.9893 0.463081 21.6806C0.15436 21.3719 0 20.979 0 20.5019C0 20.0248 0.15436 19.6318 0.463081 19.3231L8.71435 11.0719L0.463081 2.82059C0.15436 2.51186 0 2.11895 0 1.64183C0 1.16472 0.15436 0.771802 0.463081 0.463081C0.771802 0.15436 1.16472 0 1.64183 0C2.11895 0 2.51186 0.15436 2.82059 0.463081L11.0719 8.71435L19.3231 0.463081C19.6318 0.15436 20.0248 0 20.5019 0C20.979 0 21.3719 0.15436 21.6806 0.463081C21.9893 0.771802 22.1437 1.16472 22.1437 1.64183C22.1437 2.11895 21.9893 2.51186 21.6806 2.82059L13.4294 11.0719L21.6806 19.3231C21.9893 19.6318 22.1437 20.0248 22.1437 20.5019C22.1437 20.979 21.9893 21.3719 21.6806 21.6806C21.3719 21.9893 20.979 22.1437 20.5019 22.1437C20.0248 22.1437 19.6318 21.9893 19.3231 21.6806L11.0719 13.4294Z' fill='black'/%3E%3C/svg%3E");
  background-size: 22px;
  width: 24px;
  height: 24px;
  transition: 0.3s ease;
}

.spell-form-modal .spell-modal-close:hover {
  transform: scale(1.1);
}

.spell-form-modal .modal-row {
  display: flex;
  height: 100%;
}

.spell-form-modal .modal-col {
  flex: 1;
  position: relative;
}

.spell-form-modal .modal-form-area {
  padding: 64px 124px 50px 84px;
}

.spell-form-modal .modal-image-area {
  height: 100%;
}

.spell-form-modal .modal-image-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}

.spell-form-modal .spell-modal-title {
  color: var(--speelGreen);
  font-size: 72px;
  font-weight: 400;
  line-height: 82%;
  letter-spacing: -2.16px;
  margin-bottom: 48px;
}

.spell-form-modal .spell-modal-input {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 20px;
}

.spell-form-modal .spell-modal-input label {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 118%;
}

.spell-form-modal .spell-modal-input input {
  width: 100%;
  height: 52px;
  border-radius: 12px;
  border: 1px solid #708474;
  background: #f4f4f4;
  padding: 10px 18px;
  font-size: 16px;
  outline-color: var(--spellOrange);
}

.spell-form-modal .spell-modal-input.pass .input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.spell-form-modal .spell-modal-input.pass .input-wrap input {
  padding-right: 35px;
}

.spell-form-modal .spell-modal-input.pass .show-pass {
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg opacity='0.5'%3E%3Cpath d='M11.83 9L15 12.16V12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9H11.83ZM7.53 9.8L9.08 11.35C9.03 11.56 9 11.77 9 12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.22 15 12.44 14.97 12.65 14.92L14.2 16.47C13.53 16.8 12.79 17 12 17C10.6739 17 9.40215 16.4732 8.46447 15.5355C7.52678 14.5979 7 13.3261 7 12C7 11.21 7.2 10.47 7.53 9.8ZM2 4.27L4.28 6.55L4.73 7C3.08 8.3 1.78 10 1 12C2.73 16.39 7 19.5 12 19.5C13.55 19.5 15.03 19.2 16.38 18.66L16.81 19.08L19.73 22L21 20.73L3.27 3M12 7C13.3261 7 14.5979 7.52678 15.5355 8.46447C16.4732 9.40215 17 10.6739 17 12C17 12.64 16.87 13.26 16.64 13.82L19.57 16.75C21.07 15.5 22.27 13.86 23 12C21.27 7.61 17 4.5 12 4.5C10.6 4.5 9.26 4.75 8 5.2L10.17 7.35C10.74 7.13 11.35 7 12 7Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px;
  cursor: pointer;
  display: block;
  position: absolute;
  right: 13px;
}

.spell-form-modal .submit-wrap {
  margin: 35px 0 25px 0;
}

.spell-form-modal .submit-wrap input[type="submit"] {
  color: var(--speelGreen);
  font-size: 18px;
  font-weight: 500;
  line-height: 101%;
  width: 100%;
  height: 52px;
  border: 1px solid var(--spellOrange);
  background-color: var(--spellOrange);
  border-radius: 10px;
  transition: 0.3s ease;
}

.spell-form-modal .submit-wrap input[type="submit"]:hover {
  background-color: #fff;
  color: var(--spellOrange);
}

.spell-form-modal .spell-modal-subtext > a,
.spell-form-modal .spell-modal-subtext {
  color: var(--speelGreen);
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 101%;
}

.spell-form-modal .spell-modal-subtext > a {
  color: var(--spellOrange);
  text-decoration: underline;
  text-underline-offset: 2px;
}

#footer {
  padding: 187px 0 600px 0;
  background-color: var(--speelGreen);
  border-top-left-radius: 31.177px;
  border-top-right-radius: 31.177px;
  background-image: url(../images/general/footer-bg.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom center;
}

#footer .title {
  color: #455548;
  font-size: 180.738px;
  font-weight: 400;
  line-height: 98%;
  letter-spacing: -5.422px;
  margin-bottom: 82px;
}

#footer .content-row {
  display: flex;
  align-items: center;
  gap: 84px;
  margin-bottom: 63px;
}

#footer .newsletter-area {
  display: flex;
  align-items: end;
  gap: 84px;
}

#footer .newsletter-area .input-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: 483px;
  position: relative;
}

#footer .newsletter-area .input-wrap input[type="email"] {
  height: 52px;
  width: 100%;
  padding: 12px 20px;
  border-radius: 12px;
  border: 1px solid rgba(112, 132, 116, 1);
  color: #fff;
  background: rgba(244, 244, 244, 0.55);
  outline: none;
}

#footer .newsletter-area .input-wrap label {
  color: #708474;
  font-size: 16px;
  font-weight: 400;
  line-height: 118%;
}

#footer .newsletter-area .wpcf7-not-valid-tip {
  position: absolute;
  top: calc(100% + 4px);
  font-size: 15px;
}

#footer .wpcf7 form .wpcf7-response-output {
  margin: 40px 0 20px 0;
  padding: 10px 20px;
  background: #00a0d2;
  border-radius: 10px;
  color: #fff;
  font-size: 18px;
}

#footer .wpcf7 form.init .wpcf7-response-output,
#footer .wpcf7 form.resetting .wpcf7-response-output,
#footer .wpcf7 form.submitting .wpcf7-response-output {
  display: none;
}

#footer .wpcf7 form.sent .wpcf7-response-output {
  background-color: #46b450; /* Green */
}

#footer .wpcf7 form.failed .wpcf7-response-output,
#footer .wpcf7 form.aborted .wpcf7-response-output {
  background-color: #dc3232; /* Red */
}

#footer .wpcf7 form.spam .wpcf7-response-output {
  background-color: #f56e28; /* Orange */
}

#footer .wpcf7 form.invalid .wpcf7-response-output,
#footer .wpcf7 form.unaccepted .wpcf7-response-output,
#footer .wpcf7 form.payment-required .wpcf7-response-output {
  background-color: #ffb900; /* Yellow */
}

#footer .newsletter-area .btn-area {
  flex: 1;
}

#footer .content-row .subtitle {
  color: #708474;
  font-size: 32px;
  font-weight: 500;
  line-height: 101%;
  max-width: 483px;
}

#footer .btns-wrap {
  display: flex;
  gap: 30px;
  flex: 1;
}

#footer .footer-btn {
  display: flex;
  width: 100%;
  height: 52px;
  padding: 10px 25px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
  text-align: center;
  white-space: nowrap;
}

#footer .shop-btn {
  background: #ff7800;
  max-width: 377px;
  color: var(--speelGreen);
}

#footer .subscribe-btn {
  background: #455548;
  max-width: 377px;
  color: #fff;
  border: none;
}

#footer .footer-bottom {
  padding-top: 300px;
  display: flex;
  flex-direction: column;
  gap: 55px;
}

#footer .ft-row {
  display: flex;
  align-items: center;
  gap: 75px;
  justify-content: space-between;
}

#footer .ft-row .logo-col {
  min-width: 270px;
}

#footer .ft-row .logo-area {
  width: 133px;
  height: 56.775px;
}

#footer .ft-row .logo-area img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#footer .ft-row .footer-menu {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 32px;
}

#footer .ft-row .social-media,
#footer .ft-row .social-media a,
#footer .ft-row .footer-menu a {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 101%;
}

#footer .ft-row .social-media br {
  display: none;
}

#footer .fb-row {
  display: flex;
  align-items: center;
  gap: 75px;
}

#footer .fb-row .fb-links,
#footer .fb-row .fb-links a,
#footer .fb-row .copyright {
  color: rgb(255, 255, 255, 0.35);
  font-size: 16px;
  font-weight: 400;
  line-height: 101%;
}

#footer .disclaimer {
  color: rgb(255, 255, 255, 0.35);
  font-size: 15px;
  font-weight: 400;
  line-height: 101%;
}

#footer .fb-row .copyright {
  min-width: 270px;
}

main.page .woocommerce form.login {
  border: none;
  padding: 0;
}

main.page .woocommerce form.login .form-row:not(.form-row-wide) {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 20px;
}

main.page .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  margin-right: 0;
  font-family: "Urbanist", sans-serif;
  width: 100%;
  max-width: 299px;
}

main.page .woocommerce form.login .form-row::before,
main.page .woocommerce form.login .form-row::after {
  display: none;
}

main.page .woocommerce .lost_password a {
  color: var(--spellOrange);
  text-decoration: underline;
  text-underline-offset: 2px;
  font-size: 18px;
  font-weight: 400;
  line-height: 101%;
}

main.page
  .woocommerce
  .woocommerce-form-login
  .woocommerce-form-login__rememberme {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0;
}

main.page .woocommerce-form-login__rememberme input {
  width: 24px;
  height: 24px;
  accent-color: var(--spellOrange);
}

main.page .woocommerce-form-login__rememberme span {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 118%;
}

@media (max-width: 1830px) {
  main.about .s2 .bg-img {
    width: 99%;
    bottom: 120px;
  }
}

@media (max-width: 1750px) {
  main.about .s2 .timeline-row.row-bottom .timeline-item:nth-child(2) {
    width: 24%;
  }

  main.about .s2 .timeline-row.row-bottom {
    padding-left: 17.5%;
  }
}

@media (max-width: 1699px) {
  main.home .s1 .title > span {
    font-size: 234px;
  }

  main.home .s2 .abs-items .abs-item .abs-box h6 {
    font-size: 32px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(3) {
    max-width: 595px;
  }

  main.home .s2 p {
    font-size: 48px;
    max-width: 890px;
  }

  main.home .s2 .title {
    font-size: 170px;
    max-width: 930px;
  }
  main.home .s3 .title,
  main.home .s2 .stat-item .heading {
    font-size: 170px;
  }

  main.home .s2 .stat-item .heading {
    letter-spacing: -10px;
  }

  main.home .s3 .title > span {
    font-size: 42px;
    top: 40px;
  }

  main.home .s3 .flip-card-front .card-title {
    font-size: 38px;
  }

  main.home .s3 .flip-card:nth-child(1) .card-title {
    padding: 320px 40px 150px 90px;
  }

  main.spell-w-products .product-item .product-title,
  main.spell-w-products .product-item .price {
    font-size: 24px;
  }

  main.home .s3 .flip-card-front .card-title {
    padding: 320px 60px 35px 55px;
  }

  main.home .s3 .flip-card:nth-child(2) .card-title {
    padding: 320px 80px 35px 76px;
  }

  main.home .s3 .flip-card:nth-child(1) .card-title {
    padding: 320px 40px 35px 90px;
  }

  /* Home 2 */
  main.home-2 .s1 .title-area {
    max-width: 490px;
  }

  main.home-2 .s1 .title {
    font-size: 190px;
  }

  main.home-2 .s1 .description-wrap {
    padding-bottom: 80px;
    padding-left: 65px;
  }

  main.home-2 .s1 .subtext strong,
  main.home-2 .s1 .subtext .text-item,
  main.home-2 .s1 .subtext .subtext-top {
    font-size: 26px;
  }

  main.home-2 .s1 .subtext .texts-wrap {
    height: 41px;
    min-width: 181px;
  }

  main.home-2 .s1 .subtext .texts-wrap::after {
    width: 100%;
    top: 27px;
    left: 0;
  }

  main.home-2 .s2 .box-item .title {
    font-size: 280px;
  }

  main.home-2 .s2 .box-item .image-area img {
    max-width: 580px;
  }

  main.home-2 .s2 .item .heading {
    font-size: 160px;
  }

  main.home-2 .s2 .item .subtitle span,
  main.home-2 .s2 .item .subtitle {
    font-size: 88px;
  }

  main.home-2 .s4 .icon-area {
    width: 360px;
  }

  main.home-2 .s4 .box-item .box-title {
    font-size: 56px;
  }

  main.home-2 .s4 .title {
    font-size: 185px;
  }

  /* Contact */
  main.contact .s1 .title {
    font-size: 200px;
  }

  main.contact .s1 .title span {
    font-size: 96px;
    top: -17px;
  }

  /* about */
  main.about .s1 .title {
    font-size: 190px;
  }

  main.about .s1 .title > span {
    font-size: 80px;
    top: -65px;
  }

  main.about .s2 .title {
    font-size: 150px;
  }

  main.about .s2 p {
    font-size: 24px;
    max-width: 600px;
  }

  main.about .s2 .bg-img {
    width: 98%;
    bottom: 130px;
  }

  main.about .s2 .timeline-row.row-bottom {
    padding-bottom: 190px;
    padding-left: 13.5%;
  }

  main.about .s2 .timeline-row.row-top .timeline-item:nth-child(2) {
    top: 220px;
  }

  main.about .s2 .timeline-row.row-top .timeline-item:nth-child(4) {
    top: 35px;
  }

  main.about .s2 .timeline-row.row-bottom .timeline-item:nth-child(3) {
    left: -20px;
  }

  main.about .s2 .timeline-item .heading {
    font-size: 72px;
  }

  main.about .s2 .timeline-item span {
    font-size: 16px;
  }

  main.about .s3 .box-item:nth-child(1) {
    max-width: 480px;
  }

  main.about .s3 .box-item:nth-child(3) {
    max-width: 420px;
  }

  main.about .s3 .box-item:nth-child(2) {
    max-width: 570px;
    left: 370px;
  }

  /* Learn */
  main.learn .s1 .title {
    font-size: 100px;
  }

  main.learn .product-learn .product-image {
    width: 300px;
    height: 480px;
  }

  main.learn .product-learn .product-title {
    font-size: 56px;
  }

  main.learn .product-learn .product-body {
    gap: 30px;
    padding: 53px 30px 45px 320px;
    width: 100%;
  }

  main.learn .product-learn .detail-title {
    font-size: 20px;
    min-height: 40px;
  }

  main.learn .product-learn .product-header {
    padding: 25px 0 30px 300px;
  }

  main.learn .product-learn .detail-item {
    flex: 1;
  }

  main.learn .product-learn:nth-child(2) .detail-title {
    min-width: auto;
  }

  main.learn .s2-new .box-item .box-title {
    font-size: 55px;
  }

  main.learn .s2-new .box-item {
    padding: 60px 45px;
  }

  main.learn .s2-new .title {
    font-size: 160px;
    letter-spacing: -4.5px;
    max-width: 999px;
  }

  main.learn .s2-new .slogan-title {
    font-size: 100px;
    max-width: 1190px;
  }

  main.learn .s2 {
    padding: 300px 0 125px 0;
  }

  main.learn .s2 .title {
    font-size: 150px;
    max-width: 860px;
  }

  main.learn .s2 .description {
    font-size: 24px;
    max-width: 650px;
  }

  main.learn .s2 .box-item:nth-child(3) {
    top: -15px;
  }

  main.learn .s2 .boxes-wrap {
    padding-bottom: 220px;
  }

  /* Review */
  main.review .s1 .title {
    font-size: 96px;
    margin-bottom: 40px;
  }

  main.review .s1 .subtitle {
    font-size: 160px;
  }

  /* Shop */
  main.shop .s1 .product-slider-area {
    width: 572px;
  }

  main.shop .s1 .product-title {
    font-size: 64px;
  }

  main.shop .s1 .rating-area {
    margin-bottom: 20px;
  }

  main.shop .s1 .counter-area {
    margin-bottom: 60px;
  }

  main.shop .s1 .variant-item .original-price bdi,
  main.shop .s1 .variant-item .original-price bdi > span,
  main.shop .s1 .variant-item .discounted-price bdi > span,
  main.shop .s1 .variant-item .discounted-price bdi,
  main.shop .s1 .variant-item .discounted-price,
  main.shop .s1 .variant-item .original-price,
  main.shop .s1 .variant-item .label {
    font-size: 24px;
  }

  main.shop .s1 .variant-item .variant-label-area {
    gap: 30px;
  }

  main.shop .s1 .variant-item {
    gap: 100px;
  }

  main.shop .s2 .title,
  main.shop .s3 .title {
    font-size: 100px;
  }

  main.shop .s3 .title-area p,
  main.shop .s2 .title-area p {
    font-size: 22px;
  }

  main.shop .s1-box .box-item .image-area {
    width: 310px;
    height: 430px;
  }

  main.shop .s1-box .box-item .box-title {
    font-size: 56px;
  }

  main.shop .s1-box .box-item .box-details {
    padding: 0 70px 0 90px;
  }

  main.shop .s1-box .box-item .item {
    font-size: 22px;
  }

  main.shop .s1-box .box-item.yuja .item:nth-child(2) {
    min-width: 180px;
  }

  main.shop .s1-box .box-item.yuja .item:nth-last-child(1) {
    min-width: 150px;
  }

  main.shop .s4 .slogan-area .title {
    font-size: 96px;
    max-width: 1050px;
  }

  main.shop .s1-box .box-item.cleanse .item:nth-child(1) {
    min-width: 185px;
  }

  main.shop .s1-box .box-item.cleanse .item:nth-child(2) {
    min-width: 180px;
  }

  main.shop .s1-box .box-item.cleanse .box-details {
    padding: 0 75px 0 70px;
  }

  main.about .s3-new .box-item .box-title {
    font-size: 55px;
  }

  main.about .s3-new .title {
    font-size: 110px;
    letter-spacing: -3.6px;
    max-width: 990px;
  }

  /* Dragom LP */
  main.dragon .s1 .title {
    font-size: 160px;
  }

  main.dragon .s1 .product-item .item-body {
    padding: 35px 37px 32px 270px;
    margin-top: 40px;
  }

  main.dragon .s1 .product-item .detail-list {
    margin: 44px 0;
  }

  main.dragon .s1 .product-item .image-area {
    width: 300px;
    height: 420px;
    left: 10px;
    top: -50px;
  }

  main.dragon .s3-overlay-bg {
    height: 330px;
  }

  main.dragon .s3 .box-item:nth-child(1) {
    width: 310px;
    height: 190px;
  }

  main.dragon .s3 .box-item:nth-child(3) {
    width: 500px;
    height: 190px;
    padding: 0 70px;
  }

  main.dragon .s3 .box-item:nth-child(5) {
    width: 290px;
    height: 190px;
    padding: 0 35px;
  }

  main.dragon .s3 .boxes-wrap {
    padding-bottom: 350px;
  }

  main.lp .s4 p {
    max-width: 870px;
  }

  /* Being LP */
  main.being.lp .s2 .box-item {
    gap: 120px;
  }

  /* Miracle LP */
  main.miracle.lp .s2 .title {
    font-size: 140px;
  }

  /* Policies */
  main.policies {
    padding-top: 120px;
  }

  main.policies .s1 .title {
    margin-bottom: 150px;
  }

  #footer .title {
    font-size: 165px;
  }
}

@media (max-width: 1600px) {
  main.about .s2 .bg-img {
    width: 106%;
    left: -6.5%;
  }

  main.about .s2 .timeline-item .timeline-mark {
    width: 60px;
    height: 78px;
    background-size: contain;
  }

  main.about .s2 .timeline-row.row-bottom {
    gap: 6.5%;
  }

  main.about .s2 .timeline-row.row-top {
    gap: 7%;
  }
  main.about .s2 .timeline-row.row-top .timeline-item:nth-child(3) {
    width: 20.5%;
    left: -40px;
  }

  main.about .s2 .timeline-row.row-top .timeline-item:nth-child(2) {
    width: 19.3%;
    left: 0;
  }

  main.about .s2 .timeline-row.row-top .timeline-item:nth-child(4) {
    width: 16.6%;
    left: -20px;
  }

  main.home-2 .s1 {
    padding: 230px 0 90px 0;
  }

  main.home-2 .s2 {
    padding-bottom: 120px;
  }

  main.home-2 .s3 .reviews-row {
    padding: 50px 35px 50px 10%;
  }
}

@media (max-width: 1470px) {
  main.about .s2 .bg-img {
    width: 108.5%;
    left: -8.5%;
    bottom: 145px;
  }

  main.about .s2 .timeline-row.row-top {
    gap: 6%;
  }
}

@media (max-width: 1399px) {
  main.home .s1 .title {
    font-size: 96px;
    margin-bottom: 30px;
  }

  main.home .s1 .title > span {
    font-size: 180px;
  }

  main.home .s1 p > strong,
  main.home .s1 p {
    font-size: 24px;
  }

  main.home .s1 .products-wrap {
    margin-top: 100px;
  }

  main.home .s1 .product-item:nth-last-child(1) {
    margin-left: 20px;
  }

  main.spell-w-products .product-item .product-title {
    min-height: 48.5px;
  }

  main.spell-w-products .product-item .product-image {
    padding: 0 10px 6px 20px;
    height: 330px;
  }

  main.spell-w-products .product-item {
    padding: 30px 20px 17px 20px;
  }

  main.spell-w-products .product-item .product-info {
    padding-top: 25px;
    gap: 25px;
  }

  main.spell-w-products .product-item .product-image img {
    height: 380px;
  }

  main.home .s3 .title,
  main.home .s2 .stat-item .heading {
    font-size: 128px;
  }

  main.home .s2 .stat-item .heading {
    letter-spacing: -8px;
  }

  main.home .s2 .stat-item .desc {
    font-size: 28px;
  }

  main.home .s2 .stats-wrap {
    gap: 50px;
    margin-bottom: 200px;
  }

  main.home .s2 {
    padding: 280px 0 140px 0;
    background-position: top -420px center;
  }

  main.home .s2 .title {
    font-size: 128px;
    max-width: 650px;
  }

  main.home .s2 p {
    font-size: 38px;
    max-width: 670px;
  }

  main.home .s2 .abs-items .abs-item .abs-box h6 {
    font-size: 24px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(3) .abs-box {
    height: 120px;
    top: 160px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(3) {
    max-width: 510px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(1) .abs-box {
    height: 120px;
    padding: 25px 50px;
    left: -70px;
    top: 105px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(2) .abs-box {
    height: 120px;
    top: 170px;
    left: -70px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(2) {
    max-width: 460px;
  }

  main.home .s3 .title > span {
    font-size: 28px;
    top: 30px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(1) .image {
    width: 175px;
    height: 130px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(2) .image {
    width: 175px;
    height: 188px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(3) .image {
    width: 175px;
    height: 188px;
  }

  main.home .s3 {
    padding: 170px 0 275px 0;
  }

  main.home .s3 .flip-card {
    height: 530px;
  }

  /* Home 2 */
  main.home-2 .s1 {
    padding: 185px 0 70px 0;
  }

  main.home-2 .s1 .title-area {
    max-width: 435px;
  }

  main.home-2 .s1 .title {
    font-size: 170px;
  }

  main.home-2 .s1 .img-wrap {
    width: 270px;
  }

  main.home-2 .s1 .subtext strong,
  main.home-2 .s1 .subtext .text-item,
  main.home-2 .s1 .subtext .subtext-top {
    font-size: 24px;
  }

  main.home-2 .s1 .subtext .texts-wrap {
    height: 35px;
    min-width: 168px;
  }

  main.home-2 .s1 .subtext .texts-wrap::after {
    top: 21px;
  }

  main.home-2 .s1 .bubble-text {
    font-size: 20px;
  }

  main.home-2 .s1 .bubble-wrap {
    width: 172px;
    height: 172px;
    padding: 25px;
  }

  main.home-2 .s2 .box-item .title {
    font-size: 235px;
  }

  main.home-2 .s2 .box-item .items-title,
  main.home-2 .s2 .box-item .description {
    font-size: 28px;
  }

  main.home-2 .s2 .item .heading {
    font-size: 140px;
  }

  main.home-2 .s2 .item .subtitle span,
  main.home-2 .s2 .item .subtitle {
    font-size: 72px;
  }

  main.home-2 .s2 .item .subtext {
    font-size: 32px;
  }

  main.home-2 .s2 .box-item .box-bottom {
    position: relative;
    margin-top: -240px;
  }

  main.home-2 .s2 .box-item .image-area img {
    max-height: 500px;
  }

  main.home-2 .s3 .title {
    font-size: 96px;
  }

  main.home-2 .s3 .title-area p {
    font-size: 20px;
  }

  main.home-2 .s4 .title {
    font-size: 156px;
  }

  main.home-2 .s4 .title-area {
    align-items: center;
  }

  main.home-2 .s4 .boxes-row {
    gap: 30px;
  }

  main.home-2 .s4 .box-item:nth-last-child(1) img {
    top: -25px;
  }

  main.home-2 .s4 .box-item .image-area {
    max-height: 360px;
  }

  main.home-2 .s4 .box-item .box-title {
    font-size: 48px;
  }

  main.home-2 .s4 .box-item .subtitle {
    font-size: 28px;
    margin-bottom: 35px;
  }

  /* Contact */
  main.contact .s1 .title {
    font-size: 150px;
    line-height: 33%;
    margin-bottom: 150px;
  }

  main.contact .s1 .title span {
    font-size: 71px;
    top: -15px;
    letter-spacing: -2.6px;
  }

  main.contact .s1 {
    padding: 90px 0 200px 0;
  }

  main.contact .s1 .form-box {
    max-width: 780px;
    padding: 62px 80px 40px 80px;
  }

  /* About */
  main.about .s2 .timeline-wrap {
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    padding-left: 235px;
    padding-bottom: 10px;
  }

  main.about .s2 .timeline-wrap::-webkit-scrollbar {
    display: none;
    visibility: hidden;
  }

  main.about .s2 .container-timeline {
    padding: 0;
    margin: 0;
    max-width: 100%;
  }

  main.about .s2 .bg-img {
    left: 0;
    width: 1825px;
    bottom: 20px;
    padding-right: 90px;
  }

  main.about .s2 .timeline-row.row-top {
    gap: 150px;
    width: max-content;
  }

  main.about .s2 .timeline-row.row-top .timeline-item:nth-child(1) {
    width: 158px;
  }

  main.about .s2 .timeline-row.row-top .timeline-item:nth-child(2) {
    width: 249px;
    top: 195px;
    left: 35px;
  }

  main.about .s2 .timeline-row.row-top .timeline-item:nth-child(3) {
    width: 293px;
    left: -20px;
  }

  main.about .s2 .timeline-row.row-top .timeline-item:nth-child(4) {
    width: 251px;
  }

  main.about .s2 .timeline-row.row-bottom {
    gap: 75px;
    width: max-content;
    padding-left: 180px;
  }

  main.about .s2 .timeline-row.row-bottom .timeline-item:nth-child(1) {
    width: 310px;
  }

  main.about .s2 .timeline-row.row-bottom .timeline-item:nth-child(2) {
    width: 299px;
  }

  main.about .s2 .timeline-row.row-bottom .timeline-item:nth-child(3) {
    width: 344px;
    left: 0;
  }

  main.about .s2 .timeline-item .heading {
    font-size: 88px;
  }

  main.about .s2 .timeline-item span {
    font-size: 18px;
  }

  main.about .s3 .title {
    font-size: 140px;
  }

  main.about .s3 .description {
    font-size: 22px;
  }

  main.about .s3 .box-item {
    padding: 38px 43px 30px 43px;
  }

  main.about .s3 .box-item:nth-child(1) {
    max-width: 400px;
  }

  main.about .s3 .box-item:nth-child(2) {
    max-width: 560px;
    left: 290px;
  }

  main.about .s3 .box-item:nth-child(3) {
    max-width: 380px;
  }

  main.about .s3 .box-item .box-img {
    width: 220px;
    height: 170px;
    top: -190px;
  }

  /* Learn */
  main.learn .s1 .title {
    font-size: 84px;
    margin-bottom: 70px;
  }

  main.learn .product-learn .product-title {
    font-size: 48px;
    line-height: 99%;
  }

  main.learn .product-learn .product-header {
    min-height: 95px;
    gap: 25px;
  }

  main.learn .product-learn .product-body {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 45px;
  }

  main.learn .product-learn .detail-item {
    gap: 17px;
  }

  main.learn .s2 .title {
    font-size: 110px;
    max-width: 650px;
  }

  main.learn .s2 .box-item .box-title {
    font-size: 24px;
    margin-bottom: 15px;
    max-width: 280px;
  }

  main.learn .s2 .box-item:nth-child(1) {
    left: auto;
  }

  main.learn .s2 .box-item:nth-child(2) {
    max-width: 480px;
  }

  main.learn .s2 .box-item:nth-child(3) {
    top: -15px;
    max-width: 420px;
  }

  main.learn .s2-new {
    background-position: top -700px center;
  }

  main.learn .s2-new .box-item .box-title {
    font-size: 45px;
  }

  main.learn .s2-new .box-item {
    min-height: 435px;
    background-size: 32.5%;
  }

  main.learn .s2-new .box-item:nth-child(2),
  main.learn .s2-new .box-item:nth-last-child(1) {
    background-size: 60%;
  }

  main.learn .s2-new .title {
    font-size: 130px;
    letter-spacing: -3.5px;
    max-width: 840px;
  }

  main.learn .s2-new .boxes-row {
    margin-bottom: 150px;
  }

  main.learn .s2-new .slogan-title {
    font-size: 90px;
    max-width: 1020px;
  }

  /* Review */
  main.review .s1 .title {
    font-size: 82px;
  }

  main.review .s2 .review-row .reviews-area {
    grid-template-columns: repeat(2, 1fr);
  }

  main.review .s2 .review-row {
    gap: 35px;
  }

  main.review .s2 .filter-item {
    min-width: 250px;
  }

  main.review .s2 .filter-item .filter-right {
    min-width: 35px;
  }

  main.review .s2 .filter-item .filter-right span,
  main.review .s2 .filter-item .filter-label {
    font-size: 16px;
  }

  /* Shop */
  main.shop .s1 .product-title {
    font-size: 56px;
  }

  main.shop .s1 .product-slider-area {
    width: 520px;
  }

  main.shop .s1 .product-tabs .tab-item {
    font-size: 24px;
  }

  main.shop .s1 .variant-item {
    padding-bottom: 21px;
    margin-bottom: 21px;
  }

  main.shop .s1 .product-features {
    column-gap: 30px;
  }

  main.shop .s3 .reviews-area {
    grid-template-columns: repeat(2, 1fr);
  }

  main.shop .s2 .boxes-row {
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }

  main.shop .s2 .box-item {
    padding: 43px 30px 28px 30px;
    gap: 20px;
  }

  main.shop .s3 .title-area p,
  main.shop .s2 .title-area p {
    font-size: 20px;
  }

  main.shop .s2 .title,
  main.shop .s3 .title {
    font-size: 86px;
  }

  main.shop .s3 .title-area p {
    max-width: 595px;
  }

  main.shop .s1-box .box-item .box-title {
    font-size: 48px;
    margin-bottom: 50px;
  }

  main.shop .s1-box .box-item .items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 25px;
    row-gap: 45px;
  }

  main.shop .s1-box .box-item .item {
    font-size: 20px;
  }

  main.shop .s1-box .box-item .item:nth-child(2) {
    padding-right: 0;
    border-right: none;
  }

  main.shop .s4 .slogan-area {
    padding: 110px 0 120px 0;
  }

  main.shop .s4 .slogan-area .title {
    font-size: 72px;
    max-width: 780px;
  }

  main.learn .s1 .box-item .box-content,
  main.shop .s4 .box-item .box-content {
    padding: 47px 75px 47px 450px;
  }

  main.about .s3-new {
    padding: 250px 0 220px 0;
  }

  main.about .s3-new .title {
    font-size: 96px;
    max-width: 850px;
    margin-bottom: 80px;
  }

  main.about .s3-new .boxes-row {
    gap: 55px;
  }

  main.about .s3-new .box-item .box-title {
    font-size: 48px;
  }

  main.about .s3-new .box-item {
    min-height: 500px;
    top: -130px;
  }

  main.about .s3-new .box-item:nth-last-child(1) {
    top: -80px;
  }

  main.about .s3-new .box-item p {
    font-size: 26px;
  }

  /* Cart */
  main.cart .s1 .payment-options .payment-label,
  main.cart .s1 .subtitle {
    font-size: 24px;
  }

  main.cart .s1 .form-section .subtitle {
    margin-bottom: 30px;
  }

  main.cart .s1 .subtitle-header p > a,
  main.cart .s1 .subtitle-header p {
    font-size: 16px;
  }

  main.cart .s1 .subtitle-header {
    margin-bottom: 28px;
  }

  main.cart .s1 .payment-options .payment-option {
    gap: 25px;
  }

  main.cart .s1 .cart-items {
    padding: 35px 30px;
  }

  main.cart .s1 .cart-footer-item {
    padding: 15px 30px;
  }

  main.cart .s1 .cart-footer .total-area {
    padding: 40px 30px;
  }

  main.cart .s1 .cart-footer .cart-footer-subtext {
    padding: 0 30px;
  }

  main.cart .s1 .checkout-btn {
    margin-top: 60px;
  }

  /* Dragon LP */
  main.dragon .s1 .product-row {
    gap: 35px;
    flex-direction: column;
    align-items: center;
  }

  main.dragon .s1 .product-item {
    max-width: 670px;
  }

  main.dragon .s3 .title,
  main.dragon .s2 .title {
    font-size: 160px;
  }

  main.dragon .s2 .title-area span {
    font-size: 48px;
  }

  main.dragon .s2 .image-area {
    top: -120px;
    left: 64px;
  }

  main.dragon .s3 p {
    font-size: 36px;
    max-width: 750px;
  }

  main.dragon .s3 .box-item:nth-child(2) {
    width: 200px;
    height: 212px;
  }

  main.dragon .s3 .box-item:nth-child(3) {
    width: 420px;
    height: 170px;
    padding: 0 35px;
    left: 330px;
  }

  main.dragon .s3 .box-item:nth-child(1) {
    width: 260px;
    height: 170px;
  }

  main.dragon .s3 .box-item:nth-child(4) {
    width: 200px;
    height: 150px;
    left: 255px;
    top: 60px;
  }

  main.dragon .s3 .box-item:nth-child(5) {
    width: 280px;
    height: 170px;
    padding: 0 25px;
    top: -75px;
  }

  main.lp .s4 .title {
    font-size: 130px;
  }

  main.lp .s4 p {
    max-width: 660px;
    font-size: 36px;
  }

  /* Being LP */
  main.being.lp .s1 .title {
    font-size: 140px;
  }

  main.being.lp .s1 .hero-image {
    top: -50px;
    left: -10px;
  }

  main.being.lp .s2 .box-item {
    gap: 90px;
  }

  main.being.lp .s2 .box-item .image-area {
    height: 535px;
    width: 371px;
  }

  main.being.lp .s2 .box-item .box-title {
    font-size: 106px;
    margin-bottom: 50px;
  }

  main.being.lp .s2 .box-item .box-subtitle {
    font-size: 28px;
  }

  main.being.lp .s2 .box-item p {
    font-size: 20px;
  }

  main.being.lp .s3 {
    padding: 275px 0 420px 0;
  }

  /* Miracle LP */
  main.miracle.lp .s1 .title {
    font-size: 160px;
    margin-bottom: 40px;
  }

  main.miracle.lp .s2 .title {
    font-size: 120px;
  }

  main.miracle.lp .s2 .subtitle {
    font-size: 42px;
  }

  main.miracle.lp .s3 p {
    font-size: 42px;
    max-width: 652px;
  }

  main.miracle.lp .s3 .boxes-area {
    top: -165px;
  }

  main.miracle.lp .s3 .box-item:nth-child(3) {
    right: 380px;
    top: 195px;
    width: 288px;
  }

  main.miracle.lp .s3 .box-item:nth-child(5) {
    height: 181px;
    top: 192px;
  }

  main.miracle.lp .s3 .box-item:nth-child(6) {
    width: 236px;
    height: 239px;
    left: 250px;
    top: 640px;
  }

  main.miracle.lp .s3 .box-item:nth-child(7) {
    left: 0;
    top: 385px;
    height: 215px;
    padding: 54.761px 123.794px 77.717px 73.155px;
    width: 483px;
  }

  main.miracle.lp .s3 .box-item:nth-child(8) {
    left: 495px;
    top: 380px;
  }

  main.miracle.lp .s3 .box-item:nth-child(9) {
    width: 257px;
    height: 199px;
    right: 115px;
    top: 600px;
  }

  main.miracle.lp .s3 .box-item:nth-child(10) {
    height: 188px;
    top: 395px;
  }

  /* Policies */
  main.policies {
    padding-top: 80px;
  }

  main.policies .s1 .title {
    margin-bottom: 100px;
    font-size: 96px;
  }

  #footer .title {
    font-size: 140px;
  }

  #footer .content-row .subtitle {
    font-size: 28px;
  }

  #footer {
    padding: 120px 0 540px 0;
  }

  #footer .footer-bottom {
    padding-top: 200px;
  }
}

@media (max-width: 1199px) {
  #header .main-menu {
    gap: 22px;
    padding: 16px 30px;
  }

  #header .shop-menu {
    padding: 16px 30px;
    gap: 22px;
  }

  #header .shop-menu .menu-item {
    gap: 22px;
  }

  main.home .s1 .title {
    font-size: 64px;
    margin-bottom: 25px;
  }

  main.home .s1 .title > span {
    font-size: 140px;
    top: -30px;
  }

  main.home .s1 p > strong,
  main.home .s1 p {
    font-size: 20px;
  }

  main.spell-w-products .product-item .description-area p {
    font-size: 14px;
  }

  main.spell-w-products .product-item .product-footer {
    flex-direction: column;
    gap: 15px;
  }

  main.spell-w-products .product-item .add-to-cart {
    flex: none;
    width: 100%;
    max-width: 100%;
  }

  main.spell-w-products .product-item .product-image {
    height: 280px;
  }

  main.spell-w-products .product-item .product-image img {
    height: 310px;
    top: -20px;
  }

  main.spell-w-products .product-item .price,
  main.spell-w-products .product-item .product-title {
    font-size: 20px;
  }

  main.spell-w-products .product-item .product-title {
    min-height: 40px;
    max-width: 170px;
  }

  main.home .s2 .title,
  main.home .s3 .title,
  main.home .s2 .stat-item .heading {
    font-size: 110px;
  }

  main.home .s2 .stat-item .desc {
    font-size: 24px;
  }

  main.home .s2 .title {
    max-width: 500px;
  }

  main.home .s2 p {
    font-size: 32px;
    max-width: 580px;
  }

  main.home .s2 .abs-items .abs-item .abs-box h6 {
    font-size: 22px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(3) .image {
    width: 150px;
    height: 160px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(3) .abs-box {
    padding: 0 20px;
    top: 130px;
    height: 100px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(3) {
    max-width: 410px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(1) .image {
    width: 150px;
    height: 120px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(1) .abs-box {
    height: 100px;
    padding: 0 50px;
    left: -60px;
    top: 80px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(2) .image {
    width: 150px;
    height: 160px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(2) .abs-box {
    height: 100px;
    top: 140px;
    left: -40px;
  }

  main.home .s2 .abs-items {
    min-height: 450px;
  }

  main.home .s3 .title > span {
    top: 25px;
    font-size: 24px;
  }

  main.home .s3 .cards-wrap {
    gap: 15px;
  }

  main.home .s3 .flip-card {
    height: 510px;
  }

  main.home .s3 .flip-card:nth-child(1) .card-title,
  main.home .s3 .flip-card:nth-child(2) .card-title,
  main.home .s3 .flip-card-front .card-title {
    padding: 300px 20px 100px 42px;
  }

  main.home .s3 .flip-card-front .card-title {
    font-size: 32px;
  }

  /* Home 2 */
  main.home-2 .s1.sticky {
    position: inherit;
  }

  main.home-2 .s1 {
    background-size: 100%;
    background-position: bottom 20% center;
  }

  main.home-2 .s1 .content-row {
    flex-direction: column;
  }

  main.home-2 .s1 .description-wrap {
    position: inherit;
    padding-left: 20px;
    padding-bottom: 50px;
  }

  main.home-2 .s1 .subtext .texts-wrap {
    min-width: 190px;
  }

  main.home-2 .s1 .subtext strong,
  main.home-2 .s1 .subtext .text-item,
  main.home-2 .s1 .subtext .subtext-top {
    font-size: 28px;
  }

  main.home-2 .s1 .content-row {
    position: relative;
  }

  main.home-2 .s1 .bubble-wrap {
    left: auto;
    right: 0;
  }

  main.home-2 .s2 .box-item .title {
    font-size: 188px;
    letter-spacing: -10px;
  }

  main.home-2 .s2 .box-item .image-area img {
    max-height: 500px;
  }

  main.home-2 .s2 .box-item .items-wrap {
    flex-wrap: wrap;
  }

  main.home-2 .s2 .box-item .box-bottom {
    margin-top: 0;
  }

  main.home-2 .s2 .box-item .item:nth-child(1) {
    flex: 1;
  }

  main.home-2 .s3 .title-area {
    margin-bottom: 50px;
  }

  main.home-2 .s3 .title-area p > br {
    display: none;
  }

  main.home-2 .s3 {
    padding: 100px 0;
  }

  main.home-2 .s4 .icon-area {
    width: 320px;
  }

  main.home-2 .s4 .title {
    font-size: 128px;
  }

  main.home-2 .s4 .box-item .box-title {
    font-size: 42px;
  }

  main.home-2 .s4 .box-item .image-area {
    max-height: 300px;
  }

  /* About */
  main.about .s1 {
    padding: 70px 0 175px 0;
  }

  main.about .s1 .title {
    font-size: 145px;
  }

  main.about .s1 .title > span {
    font-size: 50px;
    top: -60px;
  }

  main.about .s2 .title {
    font-size: 100px;
    margin-bottom: 15px;
  }

  main.about .s3 {
    overflow-x: hidden;
  }

  main.about .s3 .title {
    font-size: 120px;
    letter-spacing: -3.6px;
    margin-bottom: 30px;
  }

  main.about .s3 .content-row .image-right,
  main.about .s3 .content-row .image-left {
    display: none;
  }

  main.about .s3 .boxes-wrap .img-mobile {
    display: block;
  }

  main.about .s3 .boxes-wrap {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding-top: 220px;
  }

  main.about .s3 .boxes-wrap .box-1.img-mobile {
    width: 216.991px;
    height: 232.73px;
    rotate: -1.408deg;
    position: absolute;
    top: -230px;
    z-index: -1;
  }

  main.about .s3 .boxes-wrap .box-3.img-mobile img,
  main.about .s3 .boxes-wrap .box-1.img-mobile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 34px;
  }

  main.about .s3 .box-item .box-img {
    width: 272.797px;
    height: 204.471px;
    rotate: 5.939deg;
    top: -230px;
  }

  main.about .s3 .boxes-wrap .img-mobile.box-3 {
    position: absolute;
    width: 207px;
    height: 222px;
    rotate: -15.21deg;
    bottom: -220px;
  }

  main.about .s3 .box-item:nth-child(1) {
    position: relative;
    rotate: 9.234deg;
    z-index: 2;
    padding: 63px 60px 50px 50px;
    min-width: 363px;
    max-width: 100%;
  }

  main.about .s3 .box-item:nth-child(2) {
    position: relative;
    rotate: 3.994deg;
    padding: 55px 40px 60px 40px;
    left: auto;
  }

  main.about .s3 .box-item:nth-child(3) {
    position: relative;
    top: 260px;
    rotate: -1.702deg;
  }

  main.about .s3-new .boxes-row {
    gap: 35px;
  }

  main.about .s3-new .box-item .box-title {
    font-size: 40px;
  }

  main.about .s3-new .box-item {
    padding: 70px 10px 50px 30px;
    min-height: 460px;
    background-size: 50%;
  }

  main.about .s3-new .box-item:nth-child(2),
  main.about .s3-new .box-item:nth-last-child(1) {
    background-size: 85%;
  }

  /* Learn */
  main.learn .s2 {
    overflow-x: hidden;
  }

  main.learn .s2 .boxes-wrap {
    flex-direction: column;
    align-items: center;
    gap: 60px;
    padding-top: 100px;
    padding-bottom: 0;
  }

  main.learn .s2 .box-item:nth-child(1) {
    order: 2;
    rotate: 6.426deg;
    min-width: 401px;
  }

  main.learn .s2 .box-item:nth-child(2) {
    position: relative;
    right: auto;
    order: 1;
    rotate: -4.866deg;
  }

  main.learn .s2 .box-item:nth-child(3) {
    position: relative;
    order: 3;
    rotate: -1.702deg;
  }

  /* Review */
  main.review .s1 .subtitle > span {
    font-size: 24px;
  }

  main.review .s1 .title {
    font-size: 70px;
  }

  /* Shop */
  main.shop .s1 .product-row {
    flex-direction: column;
    gap: 53px;
  }

  main.shop .s1 .product-main .product-img {
    max-height: unset;
  }

  main.shop .s1 .product-details-mobile {
    display: block;
  }

  main.shop .s1 .product-details .product-title,
  main.shop .s1 .product-details .rating-area {
    display: none;
  }

  main.shop .s1 .product-slider-area {
    width: 100%;
  }

  main.shop .s2 .boxes-row {
    grid-template-columns: repeat(1, 1fr);
  }

  main.shop .s2 .box-item {
    min-height: 300px;
  }

  main.learn .s1 .box-item .box-content,
  main.shop .s4 .box-item .box-content {
    padding: 37px 75px 37px 330px;
    min-height: 310px;
  }

  main.learn .s1 .box-item .image-area,
  main.shop .s4 .box-item .image-area {
    width: 300px;
    height: 340px;
  }

  main.learn .s1 .box-item .box-title,
  main.shop .s4 .box-item .box-title {
    font-size: 48px;
  }

  main.learn .s1 .box-item p,
  main.shop .s4 .box-item p {
    font-size: 20px;
  }

  main.learn .s2-new .box-item .box-title {
    font-size: 35px;
  }

  main.learn .s2-new .box-item {
    min-height: 345px;
    padding: 60px 35px;
  }

  /* Cart */
  main.cart .s1 .cart-row {
    flex-direction: column-reverse;
  }

  main.cart .s1 .checkout-btn.checkout-mobile {
    display: block;
  }

  main.cart .s1 .checkout-btn.checkout-desktop {
    display: none;
  }

  /* Dragon */
  main.dragon .s3 {
    padding-top: 300px;
    margin-top: -200px;
  }
  main.dragon .s3 .boxes-wrap {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding-bottom: 230px;
    margin-top: 35px;
  }

  main.dragon .s3 .box-item {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  main.dragon .s3 .box-item:nth-child(1) {
    order: 2;
    height: 209px;
    width: 100%;
    max-width: 355px;
    top: -15px;
  }

  main.dragon .s3 .box-item:nth-child(2) {
    order: 1;
    width: 260px;
    height: 233px;
    left: auto;
    top: auto;
  }

  main.dragon .s3 .box-item:nth-child(3) {
    order: 3;
    height: 209px;
    left: auto;
    position: relative;
    width: 100%;
    max-width: 350px;
    top: -10px;
  }

  main.dragon .s3 .box-item:nth-child(4) {
    order: 4;
    width: 256px;
    height: 171px;
    left: auto;
    top: auto;
  }

  main.dragon .s3 .box-item:nth-child(5) {
    order: 5;
    height: 209px;
    top: -10px;
    right: auto;
    position: relative;
    width: 100%;
    max-width: 355px;
  }

  main.lp .s4 {
    padding-bottom: 250px;
  }

  main.lp .s4 .description-wrap {
    flex-direction: column;
    gap: 41px;
  }

  main.lp .s4 .box-img-left {
    position: relative;
    order: 2;
  }

  main.lp .s4 .box-img-right {
    display: none;
  }

  main.lp .s4 .boxes-wrap {
    flex-direction: column;
    align-items: center;
    padding-top: 0;
  }

  main.lp .s4 .boxes-wrap .box-item:nth-child(1) {
    height: 167px;
    width: 100%;
    max-width: 355px;
    position: relative;
    left: auto;
  }

  main.lp .s4 .boxes-wrap .box-img {
    position: relative;
    top: auto;
  }

  main.lp .s4 .boxes-wrap .box-item:nth-child(2) {
    flex-direction: column;
    top: auto;
    left: auto;
  }

  main.lp .s4 .boxes-wrap .box-item:nth-child(2) .box-title {
    left: auto;
    top: -25px;
  }

  main.lp .s4 .boxes-wrap .box-item:nth-child(3) {
    position: relative;
    top: auto;
    right: auto;
  }

  main.lp .s4 .boxes-wrap .box-img-mobile {
    display: block;
    top: -45px;
  }

  /* Being LP */
  main.being.lp .s1 .title {
    font-size: 120px;
  }

  main.being.lp .s1 .hero-image {
    top: -40px;
    left: 0px;
    width: 400px;
    height: 613px;
  }

  main.being.lp .s2 .box-item {
    padding: 75px 45px 95px 60px;
    gap: 75px;
  }

  main.being.lp .s2 .box-item .box-title {
    font-size: 96px;
  }

  main.being.lp .s2 .box-item .box-subtitle {
    font-size: 24px;
  }

  main.being.lp .s3 {
    padding: 200px 0 300px 0;
  }

  /* Miracle LP */
  main.miracle.lp .s1 .title {
    font-size: 130px;
  }

  main.miracle.lp .s1 .subtitle {
    margin-bottom: 225px;
  }

  main.miracle.lp .s2 .title {
    font-size: 100px;
  }

  /* Miracle LP */
  main.miracle.lp .s3 .title {
    font-size: 120px;
    max-width: 700px;
  }

  main.miracle.lp .s3 p {
    font-size: 32px;
    max-width: 436px;
  }

  main.miracle.lp .s3 .boxes-area {
    top: -130px;
    min-height: 1000px;
  }

  main.miracle.lp .s3 .box-item:nth-child(1) {
    width: 196px;
    height: 215px;
  }

  main.miracle.lp .s3 .box-item:nth-child(2) {
    width: 311px;
    height: 152px;
    left: 20px;
    top: 255px;
  }

  main.miracle.lp .s3 .box-item:nth-child(3) {
    width: 310px;
    height: 136px;
    padding: 30px 71px;
    right: 250px;
    z-index: 4;
  }

  main.miracle.lp .s3 .box-item:nth-child(4) {
    width: 188.749px;
    height: 206.685px;
    top: 5px;
  }

  main.miracle.lp .s3 .box-item:nth-child(5) {
    padding: 45px 33px;
    width: 226px;
    height: 166px;
    top: 250px;
    right: 50px;
  }

  main.miracle.lp .s3 .box-item:nth-child(6) {
    width: 164px;
    height: 180px;
    left: 174px;
    top: 670px;
  }

  main.miracle.lp .s3 .box-item:nth-child(7) {
    width: 340px;
    height: 186px;
    padding: 55px 0;
    top: 450px;
  }

  main.miracle.lp .s3 .box-item:nth-child(8) {
    left: 387px;
    top: 440px;
    width: 164px;
    height: 207px;
    z-index: 3;
  }

  main.miracle.lp .s3 .box-item:nth-child(9) {
    right: 105px;
    top: 670px;
  }

  main.miracle.lp .s3 .box-item:nth-child(10) {
    width: 343px;
    height: 184px;
    top: 460px;
    right: 40px;
    padding: 50px 40px;
  }

  /* Policies */
  main.policies .s1 .title {
    margin-bottom: 75px;
    font-size: 72px;
  }

  #exit-modal .input-email {
    max-width: 390px;
  }

  #exit-modal .subtext {
    margin: 20px 0 60px 0;
  }

  #exit-modal .newsletter-title {
    margin-bottom: 34px;
  }

  #exit-modal .exit-modal-body {
    padding: 65px 70px 60px 70px;
  }

  #exit-modal .wpcf7 form .wpcf7-response-output {
    max-width: 630px;
  }

  .spell-form-modal .modal-form-area {
    padding: 45px 70px 40px 50px;
  }

  #footer {
    padding: 100px 0 375px 0;
  }

  #footer .footer-wrapper {
    padding: 0 20px;
  }

  #footer .title {
    font-size: 120px;
  }

  #footer .newsletter-area,
  #footer .content-row {
    gap: 25px;
  }

  #footer .newsletter-area .input-wrap {
    max-width: 400px;
  }

  #footer .btns-wrap {
    gap: 20px;
  }

  #footer .content-row .subtitle {
    font-size: 24px;
    max-width: 400px;
  }

  #footer .ft-row {
    gap: 45px;
    flex-direction: column;
    align-items: start;
  }

  #footer .ft-row .logo-col {
    min-width: unset;
  }

  #footer .fb-row {
    flex-direction: column;
    align-items: start;
    gap: 0;
  }
}

@media (max-width: 991px) {
  #header {
    padding: 20px 60px;
  }
  #header-2 .main-menu,
  #header-2 .shop-menu .menu-item:nth-child(1)::after,
  #header .shop-menu .menu-item::after,
  #header-2 .shop-menu .menu-item:nth-last-child(2),
  #header .shop-menu .menu-item:nth-child(1),
  #header .header-left {
    display: none;
  }
  #header-2 .mobile-menu-btn,
  #header .shop-menu .mobile-menu-btn {
    display: block;
  }

  #header-2 .header-wrapper {
    margin: 0 3.5%;
  }

  #header-2 .header-right {
    padding: 0 32px;
  }

  #header-2 .header-left {
    padding-right: 0;
  }

  #header-2 .shop-menu {
    gap: 20px;
  }

  main.home .s1 {
    padding-top: 40px;
  }

  main.home .s1 .title {
    font-size: 60px;
    letter-spacing: -1.8px;
    margin-bottom: 40px;
  }

  main.home .s1 .title > span {
    font-size: 120px;
    top: -10px;
    letter-spacing: -3.6px;
  }

  main.home .s1 p > strong,
  main.home .s1 p {
    font-size: 24px;
  }
  main.home .s1 p {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  main.home .s1 .product-item:nth-last-child(1) {
    margin-left: 0;
  }

  main.home .s1 .product-item:nth-child(2),
  main.home .s1 .product-item:nth-child(1) {
    border-radius: 24px;
  }

  main.spell-w-products .product-item .product-image {
    height: 397px;
    display: flex;
    justify-content: center;
    padding: 0 10px;
  }

  main.spell-w-products .product-item .product-image img {
    height: 430px;
    top: -40px;
  }

  main.spell-w-products .product-item .product-footer {
    flex-direction: row;
    gap: 30px;
  }

  main.spell-w-products .product-item .add-to-cart {
    flex: 1;
    padding: 0 12px;
  }

  main.spell-w-products .product-item {
    padding: 49px 26px 27px 26px;
  }

  main.spell-w-products .product-item .price,
  main.spell-w-products .product-item .product-title {
    font-size: 28px;
  }

  main.spell-w-products .product-item .product-title {
    max-width: 100%;
  }

  main.spell-w-products .product-item .description-area p {
    font-size: 16px;
  }

  main.home .s2 {
    padding: 150px 0 105px 0;
    margin-top: -75px;
    background-position: top -100px center;
  }

  main.home .s2 .stats-wrap {
    flex-direction: column;
    gap: 150px;
    margin-bottom: 100px;
  }

  main.home .s2 .stat-item .heading {
    font-size: 140px;
    letter-spacing: -12.6px;
    text-align: center;
  }

  main.home .s2 .stat-item .desc {
    font-size: 38px;
    text-align: center;
  }

  main.home .s2 .title {
    font-size: 128px;
    line-height: 86%;
    letter-spacing: -3.6px;
    margin-bottom: 20px;
  }

  main.home .s2 p {
    font-size: 24px;
    max-width: 100%;
  }

  main.home .s2 .abs-items .abs-item {
    position: relative;
    display: flex;
    flex-direction: column;
  }

  main.home .s2 .abs-items {
    min-height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    margin-top: 40px;
  }

  main.home .s2 .abs-items .abs-item .abs-box h6 {
    font-size: 38px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(1) .image {
    width: 205px;
    height: 153px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(1) {
    width: 100%;
    max-width: 355px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(1) .abs-box {
    position: relative;
    height: 167.376px;
    width: 100%;
    left: 0;
    top: -20px;
    padding: 42.178px 72.23px 42.639px 70.788px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(2) {
    max-width: 367px;
    left: auto;
    top: auto;
    align-items: center;
  }

  main.home .s2 .abs-items .abs-item:nth-child(2) .image {
    width: 207px;
    height: 222px;
  }

  main.home .s2 .abs-items .abs-item:nth-child(2) .abs-box {
    height: 177.487px;
    width: 100%;
    padding: 44.785px 39.788px 43.598px 33.362px;
    position: relative;
    top: -15px;
    left: 0;
  }

  main.home .s2 .abs-items .abs-item:nth-child(3) {
    width: 100%;
    max-width: 384px;
    top: auto;
    right: auto;
    flex-direction: column-reverse;
    align-items: center;
  }

  main.home .s2 .abs-items .abs-item:nth-child(3) .abs-box {
    position: relative;
    bottom: -20px;
    top: auto;
    right: 0;
    left: auto;
    height: 178.697px;
    padding: 33.43px 41.537px 34.267px 41.025px;
    width: 100%;
  }

  main.home .s2 .abs-items .abs-item:nth-child(3) .image {
    width: 287px;
    height: 222px;
    position: relative;
    z-index: 3;
  }

  main.home .s3 {
    padding: 0 0 140px 0;
    background-color: var(--spellPink);
  }

  main.home .s3 .description-mobile {
    display: block;
  }

  main.home .s3 .title {
    font-size: 120px;
    line-height: 103%;
    margin-bottom: 35px;
  }

  main.home .s3 .title > br,
  main.home .s3 .title > span {
    display: none;
  }

  main.home .s3 .cards-wrap {
    display: none;
  }

  main.home .s3 .cards-mobile-slider {
    display: block;
  }

  main.home .s3 .flip-card {
    flex: none;
    width: 100%;
    height: 603px;
  }

  main.home .s3 .flip-card-front .card-title {
    font-size: 48px;
  }

  /* Contact */
  main.contact .s1 .subtitle-mobile {
    display: block;
  }

  main.contact .s1 .title > br,
  main.contact .s1 .title span {
    display: none;
  }

  main.contact .s1 .title {
    font-size: 80px;
    line-height: 82%;
    letter-spacing: -2.4px;
    margin-bottom: 30px;
  }

  /* About */
  main.about {
    background-image: none;
  }

  main.about .s1 {
    padding: 50px 0 290px 0;
    background-image: url(../images/home/spell-text-bg.svg);
    background-position: bottom 100px center;
    background-repeat: no-repeat;
    background-size: 100%;
  }

  main.about .s1 .title {
    font-size: 120px;
  }

  main.about .s1 .title > span {
    font-size: 60px;
    top: -30px;
  }

  main.about .s2 .title {
    font-size: 120px;
    margin-bottom: 25px;
  }

  main.about .s2 .bg-img {
    left: -200px;
  }

  main.about .s2 .timeline-wrap {
    padding-left: 50px;
  }

  main.about .s2 .timeline-row.row-bottom {
    padding-left: 140px;
  }

  main.about .s3-new .boxes-row {
    flex-direction: column;
  }

  main.about .s3-new {
    padding: 175px 0 190px 0;
  }

  main.about .s3-new .box-item:nth-child(2),
  main.about .s3-new .box-item:nth-last-child(1),
  main.about .s3-new .box-item {
    top: auto;
  }

  main.about .s3-new .box-item {
    width: 100%;
    max-width: 400px;
    padding: 100px 10px 60px 30px;
    min-height: 589px;
    background-size: auto;
  }

  main.about .s3-new .box-item .box-title {
    font-size: 60px;
  }

  main.about .s3-new .box-item p {
    font-size: 32px;
  }

  /* Learn */
  main.learn .s1 {
    padding-top: 40px;
    background-position: top 150px center;
  }

  main.learn .s1 .title {
    font-size: 60px;
    margin-bottom: 145px;
  }

  main.learn .s1 .desktop-items,
  main.home .s1 .products-wrap,
  main.learn .s1 .products-row {
    display: none;
  }

  main.home .s1 .mobile-slider {
    display: block;
    margin-top: 67px;
  }

  main.learn .s1 .mobile-slider {
    display: block;
  }

  main.learn .product-learn {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 25px 54px 25px;
  }

  main.learn .s1 .box-item .primary-btn {
    align-self: center;
  }

  main.learn .product-learn .product-image {
    position: relative;
    order: 2;
    width: 100%;
    left: 0;
    height: 430px;
    z-index: 3;
  }

  main.learn .product-learn .product-header {
    padding: 25px;
    order: 1;
    min-height: auto;
    padding-top: 60px;
    justify-content: center;
  }

  main.learn .product-learn .product-title {
    font-size: 60px;
    line-height: 82%;
    letter-spacing: -1.8px;
    text-align: center;
  }

  main.learn .product-learn .product-body {
    order: 3;
    padding: 395px 30px 42px 42px;
    grid-template-columns: repeat(1, 1fr);
    gap: 55px;
    position: relative;
    margin-top: -345px;
  }

  main.learn .product-learn .detail-item {
    gap: 32px;
  }

  main.learn .product-learn .detail-title {
    min-height: unset;
  }

  main.learn .product-learn .product-header .add-to-cart {
    display: none;
  }

  main.learn .product-learn .add-to-cart.btn-mobile {
    display: flex;
    order: 4;
    margin-top: 38px;
    width: 100%;
  }

  main.learn .s2 {
    padding: 330px 0 150px 0;
    background-size: 100%;
    background-image: url(../images/learn/line-bg-mobile.svg);
    margin-top: -75px;
  }

  main.learn .s2 .title {
    font-size: 120px;
  }

  main.learn .s2-new {
    margin-top: -75px;
    position: relative;
  }

  main.learn .s2-new .title {
    font-size: 96px;
    letter-spacing: -2.5px;
    max-width: 635px;
    margin-bottom: 30px;
  }

  main.learn .s2-new p {
    font-size: 24px;
    margin-bottom: 45px;
  }

  main.learn .s2-new .boxes-row {
    flex-direction: column;
    align-items: center;
    margin-bottom: 100px;
  }

  main.learn .s2-new .box-item {
    width: 100%;
    max-width: 400px;
  }

  main.learn .s2-new .slogan-title {
    font-size: 72px;
  }

  main.learn .s2-new {
    padding: 150px 0 190px 0;
  }

  /* Review */
  main.review .s1 {
    padding: 40px 0 68px 0;
  }

  main.review .s1 .title {
    font-size: 60px;
  }

  main.review .s1 p {
    font-size: 20px;
    margin-bottom: 48px;
  }

  main.review .s2 .review-row .reviews-area {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 30px;
  }

  main.review .s1 .subtitle > span {
    position: relative;
    max-width: 230px;
    white-space: normal;
  }

  /* Shop */
  main.shop .s1 {
    padding: 115px 0 70px 0;
  }
  main.shop .s1 .product-title {
    font-size: 48px;
  }

  main.shop .s1 .main-swiper-wrap {
    margin-bottom: 20px;
  }

  main.shop .s1 .counter-area {
    justify-content: center;
  }

  main.shop .s1 .variant-item {
    flex-direction: column;
    gap: 25px;
    padding-bottom: 32px;
    margin-bottom: 32px;
  }

  main.shop .s1 .variant-item .original-price bdi,
  main.shop .s1 .variant-item .original-price bdi > span,
  main.shop .s1 .variant-item .discounted-price bdi > span,
  main.shop .s1 .variant-item .discounted-price bdi,
  main.shop .s1 .variant-item .discounted-price,
  main.shop .s1 .variant-item .original-price,
  main.shop .s1 .variant-item .label {
    font-size: 28px;
  }

  main.shop .s1 .product-sublist {
    padding-left: 90px;
  }

  main.shop .s1 .variant-item .variant-label-area {
    gap: 49px;
  }

  main.shop .s1 .variant-item .price-col {
    padding-left: 74px;
  }

  main.shop .s1 .product-features {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 28px;
  }

  main.shop .s2 .title,
  main.shop .s3 .title {
    font-size: 90px;
  }

  main.shop .s2 .title-area {
    gap: 31px;
    margin-bottom: 54px;
  }

  main.shop .s3 .title-area p,
  main.shop .s2 .title-area p {
    font-size: 24px;
  }

  main.shop .s3 {
    padding: 144px 0 50px 0;
  }

  main.shop .s3 .reviews-area {
    grid-template-columns: repeat(1, 1fr);
  }

  main.shop .s3 .reviews-area .spell-review-item:nth-last-child(1) {
    display: none;
  }

  main.shop .s1-box .box-item .items {
    grid-template-columns: repeat(1, 1fr);
    gap: 25px;
  }

  main.shop .s1-box .box-item.yuja .box-details {
    padding: 0 35px 0 40px;
  }

  main.shop .s1-box .box-item.cleanse .box-details,
  main.shop .s1-box .box-item .box-details {
    padding: 0 35px 0 45px;
  }

  main.shop .s1-box .box-item .item {
    padding-right: 0;
    border-right: none;
    padding-bottom: 25px;
    border-bottom: 1px solid #ff7800;
  }

  main.shop .s1-box .box-item .item:nth-last-child(1) {
    border-bottom: none;
    padding-bottom: 0;
  }

  main.shop .s1-box .box-item .box-title {
    font-size: 38px;
    margin-bottom: 45px;
  }

  main.shop .s1-box .box-item .image-area {
    width: 300px;
    height: 570px;
  }

  main.learn .s1 .box-item .image-area,
  main.shop .s4 .box-item .image-area {
    position: relative;
    top: -45px;
    left: auto;
  }

  main.learn .s1 .box-item .box-details,
  main.shop .s4 .box-item .box-details {
    position: relative;
    top: -45px;
  }

  main.learn .s1 .box-item .box-content,
  main.shop .s4 .box-item .box-content {
    padding: 0 75px;
    min-height: unset;
  }

  main.learn .s1 .box-item,
  main.shop .s4 .box-item {
    padding: 70px 21px 21px 21px;
  }

  /* Cart */
  #cart-modal .title {
    font-size: 48px;
  }

  #cart-modal .cart-modal-header {
    margin-bottom: 30px;
  }

  #cart-modal .cart-item {
    gap: 30px;
  }

  #cart-modal .cart-item .item-details {
    column-gap: 45px;
    row-gap: 10px;
    flex-wrap: wrap;
  }

  #cart-modal .cart-modal-footer {
    gap: 30px;
    padding-top: 40px;
  }

  #cart-modal .cart-item .item-detail-col {
    width: 100%;
    flex: none;
  }

  #cart-modal .cart-item .price-detail-col,
  #cart-modal .cart-item .counter-col {
    flex: none;
  }

  /* Dragon */
  main.dragon .s1 .title {
    font-size: 96px;
    margin-bottom: 100px;
  }

  main.dragon .s3 .title,
  main.dragon .s2 .title {
    font-size: 120px;
  }

  main.dragon .s2 .title-area span {
    font-size: 32px;
    padding-top: 20px;
  }

  main.dragon .s2 .image-area {
    width: 500px;
    height: 525px;
    top: -85px;
    left: 49px;
  }

  /* Being LP */
  main.being.lp .s1 .title {
    font-size: 90px;
  }

  main.being.lp .s1 .hero-image {
    top: -30px;
    left: 0px;
    width: 100%;
    max-width: 400px;
    height: auto;
  }

  main.being.lp .s2 .box-item {
    flex-direction: column;
    gap: 88px;
  }

  main.being.lp .s2 .box-item .image-area {
    height: 316px;
    width: auto;
  }

  /* Miracle LP */
  main.miracle.lp .s2 {
    overflow: hidden;
  }

  main.miracle.lp .s3 .boxes-area {
    top: 60px;
    min-height: 1200px;
  }

  main.miracle.lp .s3 .box-item:nth-child(2) {
    width: 374px;
    top: 225px;
  }

  main.miracle.lp .s3 .box-item:nth-child(3) {
    width: 224px;
    right: -25px;
    padding: 0;
  }

  main.miracle.lp .s3 .box-item:nth-child(5) {
    top: 435px;
    right: 0;
  }

  main.miracle.lp .s3 .box-item:nth-child(6) {
    width: 206px;
    height: 225px;
    left: -15px;
    top: 630px;
  }

  main.miracle.lp .s3 .box-item:nth-child(7) {
    width: 383px;
    height: 162px;
    padding: 50px 40px;
    top: 420px;
  }

  main.miracle.lp .s3 .box-item:nth-child(8) {
    left: 265px;
    top: 610px;
    width: 206px;
    height: 259px;
    z-index: 3;
  }

  main.miracle.lp .s3 .box-item:nth-child(9) {
    right: 0;
    top: 860px;
    width: 206px;
    height: 160px;
  }

  main.miracle.lp .s3 .box-item:nth-child(10) {
    width: 277px;
    top: 634px;
    right: 5px;
    padding: 50px 10px;
    z-index: 3;
  }

  /* Home 2 */
  main.home-2 .s1 .title {
    font-size: 140px;
  }

  main.home-2 .s2 .box-item .title {
    font-size: 128px;
    letter-spacing: -2px;
  }

  main.home-2 .s4 {
    padding-bottom: 120px;
    background-position: top 340px center;
  }

  main.home-2 .s4 .title-area {
    flex-direction: column;
    align-items: start;
  }

  main.home-2 .s4 .title {
    text-align: left;
    font-size: 100px;
  }

  main.home-2 .s4 .boxes-row {
    flex-direction: column;
  }

  main.home-2 .s4 .box-item .image-area {
    max-height: 450px;
  }

  main.home-2 .s4 .box-item:nth-last-child(1) img {
    top: -50px;
  }

  /* Policies */
  main.policies {
    padding-top: 50px;
  }

  main.policies .s1 .title {
    margin-bottom: 100px;
    font-size: 60px;
  }

  main.policies .content-box {
    padding: 50px 50px 80px 50px;
  }

  #exit-modal .exit-modal-body {
    padding: 55px 175px 60px 50px;
  }

  #exit-modal .modal-title > span,
  #exit-modal .modal-title {
    font-size: 64px;
  }
  #exit-modal .subtext {
    margin: 25px 0 50px 0;
    font-size: 24px;
    max-width: 650px;
  }

  #exit-modal .newsletter-title {
    margin-bottom: 30px;
    font-size: 28px;
  }

  #exit-modal .input-email {
    max-width: 320px;
  }

  #exit-modal .primary-btn {
    width: 195px;
  }

  #exit-modal .wpcf7 form .wpcf7-response-output {
    max-width: 530px;
    font-size: 16px;
  }

  .spell-form-modal .spell-modal-title {
    font-size: 48px;
    margin-bottom: 35px;
  }

  .spell-form-modal .modal-form-area {
    padding: 40px 35px 35px 35px;
  }

  #login.spell-form-modal .spell-modal-body {
    max-height: 470px;
  }

  .spell-form-modal .submit-wrap {
    margin: 30px 0 20px 0;
  }

  #footer {
    padding: 90px 0 30% 0;
  }

  #footer .content-row {
    flex-direction: column;
    align-items: start;
  }

  #footer .content-row .subtitle {
    font-size: 32px;
    max-width: 430px;
  }

  #footer .title {
    font-size: 80px;
  }
}

@media (max-width: 768px) {
  main.contact .s1 .form-container {
    max-width: 100%;
    padding: 0;
    margin: 0;
  }
  main.contact .s1 .form-row {
    flex-direction: column;
  }
  main.review .s2 .review-row {
    flex-direction: column;
    gap: 30px;
  }
  main.review .s2 .filter-column .filter-item.toggle-filters {
    display: flex;
    margin-bottom: 25px;
  }
  main.review .s2 .filter-column .filters-area {
    display: none;
  }
  main.review .s2 .filter-column .filters-area.show {
    display: block;
    padding: 31px 29px 40px 30px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  main.shop .s1 .pagination-wrap {
    display: flex;
  }

  main.shop .s1 .product-tabs {
    overflow-x: auto;
  }

  main.shop .s1 .product-tabs::-webkit-scrollbar {
    display: none;
    visibility: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }

  main.shop .s1-box .box-item {
    flex-direction: column;
    background: transparent;
  }

  main.shop .s1-box .box-item .image-area {
    width: 100%;
    height: auto;
  }

  main.shop .s1-box .box-item .image-area img {
    object-position: top;
  }

  main.shop .s1-box .box-item .box-details {
    background-color: #172b1a;
    padding: 45px 35px 45px 35px !important;
  }

  /* Cart */
  main.cart .s1 {
    padding: 60px 0 80px 0;
  }

  main.cart .s1 .subtitle-header {
    flex-direction: column;
    gap: 10px;
  }

  main.cart .s1 .payment-options .payment-label,
  main.cart .s1 .subtitle {
    font-size: 28px;
  }

  main.cart .s1 .spell-form-row {
    flex-direction: column;
    gap: 10px;
  }

  main.order-success .s1 {
    padding: 80px 0;
  }

  main.order-success .s1 h1 {
    font-size: 36px;
    margin-bottom: 15px;
  }

  main.order-success .s1 > .container > p {
    font-size: 18px;
    margin-bottom: 40px;
  }

  main.order-success .s1 .order-summary {
    padding: 30px 25px;
    gap: 20px;
    margin-bottom: 40px;
  }

  main.order-success .s1 .order-summary > div {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding-bottom: 12px;
  }

  main.order-success .s1 .order-summary strong {
    min-width: auto;
    font-size: 16px;
  }

  main.order-success .s1 .order-summary > div:not(strong) {
    text-align: left;
    font-size: 16px;
    width: 100%;
  }

  main.order-success .s1 .btn-primary {
    height: 60px;
    font-size: 16px;
  }

  #cart-modal .cart-modal-footer {
    flex-direction: column;
    gap: 10px;
  }

  #cart-modal .cart-modal-footer .modal-btn {
    flex: none !important;
    width: 100%;
  }

  #cart-modal .cart-item .price-item,
  #cart-modal .cart-item .product-name {
    font-size: 17px;
  }

  #cart-modal .cart-item .product-desc {
    font-size: 12px;
  }

  #cart-modal .cart-item {
    gap: 16px;
    padding: 10px;
  }

  #cart-modal .cart-item .price-detail-col {
    flex: 1 !important;
    flex-direction: row-reverse;
  }

  #cart-modal .cart-item .price-item {
    flex: 1;
    text-align: right;
  }

  #cart-modal .cart-item .item-details {
    column-gap: 20px;
  }

  #cart-modal .cart-item .counter-value {
    font-size: 15px;
  }

  #cart-modal .cart-item .image-area {
    width: 100px;
    height: 100px;
  }

  #cart-modal .cart-modal-body {
    padding: 29px 10px;
  }

  /* Dragon */
  main.dragon .s1 {
    padding: 50px 0 200px 0;
    background-position: top 240px center;
  }

  main.dragon .s1 .title {
    font-size: 88px;
    margin-bottom: 120px;
  }

  main.dragon .s1 .product-item {
    padding: 49px 26px 27px 26px;
  }

  main.dragon .s1 .product-item .item-header {
    display: none;
  }

  main.dragon .s1 .product-item .item-body {
    margin-top: 0;
    padding: 0;
  }

  main.dragon .s1 .product-item .image-area {
    position: relative;
    width: 100%;
    height: 420px;
    left: 30px;
    top: -25px;
  }

  main.dragon .s1 .product-item .item-details {
    display: none;
  }

  main.dragon .s1 .product-item .item-footer {
    display: block;
  }

  main.dragon .s1 .product-item .product-title {
    font-size: 28px;
    margin-bottom: 0;
  }

  main.dragon .s1 .product-item .price-item {
    font-size: 28px;
  }

  main.dragon .s1 .product-item .add-to-cart {
    max-width: 196px;
    width: 100%;
    flex: 1;
  }

  main.dragon .s2 {
    background-image: url(../images/dragon/bg-line-mobile.svg);
    background-position: top 195px center;
    overflow: hidden;
  }

  main.dragon .s2 .title-area {
    gap: 20px;
  }

  main.dragon .s2 .title {
    font-size: 80px;
  }

  main.dragon .s2 .title-area span {
    position: relative;
    padding-top: 0;
  }

  main.lp .s2 .form-box {
    flex-direction: column;
    gap: 26px;
    padding: 22px 32px;
    margin-top: -150px;
  }

  main.lp .s2 .form-box .form-row {
    flex-direction: column;
    gap: 17px;
  }

  main.lp .s2 .form-box .form-area input[type="number"],
  main.lp .s2 .form-box .form-area input[type="text"] {
    width: 100%;
    flex: none;
  }

  main.lp .s2 .form-box .form-area input[type="submit"] {
    width: 100%;
  }

  main.dragon .s2 .image-area {
    top: auto;
    left: 45px;
    width: 100%;
    height: auto;
    max-width: 491px;
  }

  main.dragon .s3-overlay-bg {
    height: 200px;
  }

  main.dragon .s3 {
    padding-top: 250px;
  }

  main.dragon .s3 p {
    font-size: 32px;
  }

  main.lp .s4 .title {
    font-size: 120px;
  }

  main.lp .s4 p {
    font-size: 24px;
  }

  main.lp .s4 .boxes-wrap .box-item:nth-child(3) {
    width: 100%;
    max-width: 384px;
  }

  main.lp .s4 .boxes-wrap .box-item:nth-child(2) .box-title {
    width: 100%;
    max-width: 367px;
  }

  /* Being LP */
  main.being.lp .s1 {
    padding-top: 40px;
    background-position: bottom 185px center;
  }

  main.being.lp .s1 .subtitle {
    margin-bottom: 20px;
  }

  main.being.lp .s3-s4-wrap {
    background-image: none;
  }

  main.being.lp .s3 {
    padding: 232px 0 265px 0;
    background-image: url(../images/being/bg-line-mobile.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 75%;
  }

  main.being.lp .s2 .box-item .box-title {
    font-size: 60px;
    margin-bottom: 45px;
  }

  main.being.lp .s2 .box-item .box-subtitle {
    font-size: 32px;
  }

  main.being.lp .s2 .box-item p {
    font-size: 24px;
  }

  main.being.lp .s2 .container {
    padding: 0;
    margin: 0;
  }

  main.being.lp .s2 .box-item {
    padding: 64px 28px 117px 49px;
  }

  /* Miracle LP */
  main.miracle.lp .s1 {
    padding: 70px 0 174px 0;
  }

  main.miracle.lp .s1 .title {
    font-size: 80px;
    line-height: 98%;
    margin-bottom: 60px;
  }

  main.miracle.lp .s1 .subtitle {
    font-size: 28px;
    margin-bottom: 250px;
  }

  main.miracle.lp .s1 .product-item .image-area {
    width: 95%;
    height: 385px;
  }

  main.miracle.lp .s1 .product-item .item-body {
    height: 360px;
    padding-right: 0;
  }

  main.miracle.lp .s2 {
    background-image: url(../images/miracle/line-bg-mobile.svg);
    padding-bottom: 243px;
  }

  main.miracle.lp .s2 .title {
    font-size: 80px;
    margin-bottom: 25px;
  }

  main.miracle.lp .s2 .subtitle {
    font-size: 32px;
  }

  main.miracle.lp .s2 .image-area {
    width: 533px;
    height: 565px;
    top: 0;
    left: 7.5%;
  }

  main.miracle.lp .s3 .title {
    font-size: 100px;
    line-height: 86%;
    margin-bottom: 20px;
  }

  main.miracle.lp .s3 .boxes-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: unset;
    top: auto;
    margin-top: 20px;
  }

  main.miracle.lp .s3 .box-item {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
  }

  main.miracle.lp .s3 .box-item:nth-child(1) {
    order: 1;
  }

  main.miracle.lp .s3 .box-item:nth-child(2) {
    order: 2;
    width: 100%;
    max-width: 374px;
    margin: 20px 0;
  }
  main.miracle.lp .s3 .box-item:nth-child(3) {
    order: 4;
    width: 100%;
    max-width: 341px;
    display: flex;
    justify-content: center;
    margin: 30px 0 40px 0;
  }
  main.miracle.lp .s3 .box-item:nth-child(4) {
    order: 3;
    width: 196px;
    height: 215px;
  }
  main.miracle.lp .s3 .box-item:nth-child(5) {
    order: 7;
    width: 100%;
    max-width: 337px;
    top: -55px !important;
  }
  main.miracle.lp .s3 .box-item:nth-child(6) {
    order: 8;
    width: 226px;
    height: 247px;
    top: -60px !important;
  }
  main.miracle.lp .s3 .box-item:nth-child(7) {
    order: 5;
    width: 100%;
    max-width: 383px;
  }
  main.miracle.lp .s3 .box-item:nth-child(8) {
    order: 6;
    top: -20px !important;
    width: 241px;
    height: 341px;
  }
  main.miracle.lp .s3 .box-item:nth-child(9) {
    order: 10;
    width: 247px;
    height: 193px;
    top: -80px !important;
  }
  main.miracle.lp .s3 .box-item:nth-child(10) {
    order: 9;
    width: 100%;
    max-width: 346px;
    top: -75px !important;
    padding: 50px 30px;
  }

  /* Home 2 */
  main.home-2 .s1 {
    padding: 175px 0 50px 0;
    background-image: none;
  }

  main.home-2 .s1 .title {
    font-size: 128px;
  }

  main.home-2 .s1 .content-area {
    flex-direction: column-reverse;
    align-items: start;
    gap: 45px;
  }

  main.home-2 .s1 .bubble-wrap {
    top: 110px;
    width: 132px;
    height: 132px;
    padding: 20px;
  }

  main.home-2 .s1 .bubble-text {
    font-size: 18px;
  }

  main.home-2 .s1 .content-row {
    gap: 45px;
  }

  main.home-2 .s1 .description-wrap {
    padding-left: 0;
    padding-bottom: 0;
    position: relative;
    width: 100%;
  }

  main.home-2 .s1 .subtext strong,
  main.home-2 .s1 .subtext .text-item,
  main.home-2 .s1 .subtext .subtext-top {
    font-size: 24px;
  }

  main.home-2 .s1 .img-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  main.home-2 .s1 .img-wrap img {
    max-width: 330px;
  }

  main.home-2 .s2 .box-item {
    padding: 35px 25px 45px 25px;
  }

  main.home-2 .s2 .box-item .title {
    font-size: 96px;
    white-space: normal;
    max-width: 410px;
  }

  main.home-2 .s2 .item .heading {
    font-size: 120px;
  }

  main.home-2 .s2 .item .subtitle span,
  main.home-2 .s2 .item .subtitle {
    font-size: 64px;
  }

  main.home-2 .s2 .box-item .description {
    text-align: left;
  }

  main.home-2 .s2 .box-item .items-title,
  main.home-2 .s2 .box-item .description {
    font-size: 22px;
  }

  main.home-2 .s2 .item .subtext {
    font-size: 28px;
  }

  main.home-2 .s2 .box-item .items-wrap {
    flex-direction: column;
    gap: 30px;
    align-items: start;
  }

  main.home-2 .s3 .title {
    font-size: 64px;
  }

  main.home-2 .s3 .spell-review-item {
    min-width: 300px;
  }

  main.home-2 .s3 .reviews-row {
    padding: 35px 7.5% 35px 7.5%;
  }

  main.home-2 .s4 .icon-area {
    width: 250px;
  }

  main.home-2 .s4 .title {
    font-size: 72px;
    letter-spacing: -3px;
  }

  main.home-2 .s4 .title-area {
    margin-bottom: 60px;
  }

  main.home-2 .s4 .box-item:nth-last-child(1) img {
    top: auto;
  }

  main.home-2 .s4 .box-item .box-title {
    font-size: 36px;
  }

  main.home-2 .s4 .box-item .subtitle {
    font-size: 24px;
    margin-bottom: 25px;
  }

  main.home-2 .s4 .box-item .cta-btn {
    font-size: 18px;
    height: 54px;
  }

  #exit-modal .newsletter-row {
    flex-direction: column;
  }

  #exit-modal .exit-modal-body {
    max-height: max-content;
    padding: 55px 35px 95px 35px;
  }

  #exit-modal .modal-title > span,
  #exit-modal .modal-title {
    font-size: 48px;
  }

  #exit-modal .subtext {
    margin: 20px 0 45px 0;
    font-size: 20px;
  }

  #exit-modal .newsletter-title {
    margin-bottom: 20px;
    font-size: 24px;
  }

  #exit-modal .wpcf7 form .wpcf7-response-output {
    max-width: 320px;
    padding: 8px 12px;
  }

  .spell-form-modal .modal-col.col-image {
    display: none;
  }

  .spell-form-modal .spell-modal-close {
    top: 48px;
  }

  #footer .newsletter-area {
    flex-direction: column;
    align-items: start;
  }
}

@media (max-width: 576px) {
  #header {
    padding: 40px 0.75rem 20px 0.75rem;
  }

  #header .shop-menu {
    right: 0.75rem;
    top: 40px;
  }

  main.home .s1 {
    background-position: top 16% center;
    padding-top: 23px;
  }

  main.home .s1 .video-area {
    margin-bottom: 35px;
  }

  main.home .s2 .stats-wrap {
    gap: 31px;
    margin-bottom: 200px;
  }

  main.home .s3 .container{
    padding: 0;
  }

  main.home .s3 .description-mobile,
  main.home .s3 .title {
    padding: 0 15px;
  }

  main.home .s3 .title,
  main.home .s2 .title {
    font-size: 82px;
    margin-bottom: 40px;
  }

  main.home-2 .s1 .subtext .subtext-top {
    flex-wrap: wrap;
  }

  main.contact .s1 {
    padding: 50px 0 135px 0;
  }

  main.contact .s1 .form-box {
    padding: 60px 20px 80px 20px;
  }

  main.contact .s1 .form-box input[type="submit"] {
    margin-bottom: 73px;
  }

  main.review {
    background-position: top 16.5% center;
  }

  main.learn .s1 .box-item,
  main.shop .s4 .box-item {
    height: 100%;
  }

  main.learn .s1 .box-item .box-content,
  main.shop .s4 .box-item .box-content {
    padding: 0 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  main.learn .s1 .box-item .image-area,
  main.shop .s4 .box-item .image-area {
    width: 100%;
    max-width: 300px;
    height: auto;
    max-height: 340px;
    top: -30px;
  }

  main.learn .s1 .box-item .box-details,
  main.shop .s4 .box-item .box-details {
    top: -30px;
    flex: 1;
    justify-content: end;
  }

  main.shop .s4 .slogan-area .title {
    letter-spacing: -2px;
    line-height: 92%;
  }

  main.about .s3-new .box-item .box-title {
    font-size: 48px;
  }

  main.about .s3-new .box-item:nth-last-child(1),
  main.about .s3-new .box-item:nth-child(1) {
    transform: rotate(0);
  }

  main.about .s3-new .box-item p {
    font-size: 26px;
  }

  main.learn .s2-new {
    background-position: top center;
  }

  main.learn .s2-new .title {
    font-size: 72px;
  }

  main.about .s3-new .title {
    font-size: 64px;
  }

  main.learn .s2-new .boxes-row {
    gap: 30px;
  }

  main.learn .s2-new .box-item:nth-child(1),
  main.learn .s2-new .box-item:nth-last-child(1),
  main.learn .s2-new .box-item {
    transform: rotate(0deg);
  }

  main.shop .navigation-wrap {
    width: calc(100% + 18px);
    left: -9px;
  }

  /* Dragon */
  main.dragon .s1 .product-item {
    max-width: 345px;
  }

  main.dragon .s1 .product-item .image-area {
    height: 350px;
  }

  /* Miracle LP */
  main.miracle.lp .s1 {
    background-position: top 430px center;
  }

  main.policies .s1 {
    padding: 0 0 230px 0;
    background-image: url(../images/review/text-bg.svg);
    background-position: bottom -50px center;
    background-size: 100%;
    background-repeat: no-repeat;
  }

  main.policies .s1 .container {
    padding: 0;
    margin: 0;
  }

  main.policies .s1 .title,
  main.policies .s1 .date-text {
    padding: 0 15px;
  }

  body.page-template-policies {
    background-image: url(../images/general/policies-top.svg);
    background-position: top center;
  }

  main.spell-w-products .flip-card .product-item .product-image {
    height: 352px;
  }

  main.order-success .s1 h1 {
    font-size: 28px;
  }

  main.order-success .s1 > .container > p {
    font-size: 16px;
  }

  main.order-success .s1 .order-summary {
    padding: 25px 20px;
  }

  #footer .btns-wrap {
    flex-direction: column;
    width: 100%;
  }

  #footer .ft-row .footer-menu {
    flex-wrap: wrap;
    column-gap: 20px;
    max-width: 280px;
    row-gap: 26px;
  }

  #footer .footer-btn {
    max-width: 100%;
  }

  #footer .footer-bottom {
    padding-top: 125px;
  }

  #footer .ft-row {
    gap: 50px;
  }

  #footer .ft-row .social-media {
    max-width: 217px;
    text-align: left;
    line-height: 192%;
  }

  #footer .ft-row .social-media br {
    display: block;
  }
}

@media (max-width: 480px) {
  main.being.lp .s3 .product-item .item-body {
    height: 370px;
    display: flex;
    justify-content: end;
  }
  main.being.lp .s3 .product-item .image-area {
    width: 95%;
    height: 390px;
    position: relative;
    top: -30px;
  }
  main.being.lp .s3 .product-item .image-area img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    top: auto;
    left: auto;
  }
}

@media (max-width: 400px) {
  main.learn .s2 {
    padding: 250px 0 120px 0;
  }
}