@font-face {
  font-family: "LarsMalonePro-Regular";
  src: url("../assets/fonts/LarsMalonePro-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "MaloneSerif-Book";
  src: url("../assets/fonts/MaloneSerif-Book.otf") format("opentype");
}
@font-face {
  font-family: "Assistant";
  src: url("../assets/fonts/Assistant-Regular.ttf") format("truetype");
}
[dir=rtl] {
  --rtl-multiplier: -1;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.card-swiper {
  width: 100%;
  height: 100%;
  position: relative;
  margin-top: -50px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.card-swiper.transition {
  opacity: 1;
}

.card-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
  background-color: #ede5d5;
  padding-left: 15px;
  transition: bottom 1s cubic-bezier(0.4, 0, 0.2, 1);
  bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .card-container {
    padding-left: 0;
  }
}
[dir=rtl] .card-container {
  padding-left: 0;
  margin-right: -7px;
}
@media only screen and (min-width: 1024px) {
  [dir=rtl] .card-container {
    margin-right: 0;
  }
}
.card-container.stacked {
  bottom: -25px;
}
.card-container.stacked.compressed {
  bottom: 0px;
}
.card-container.stacked .card:nth-child(1) {
  opacity: 0;
}
.card-container.stacked .card:nth-child(2) {
  opacity: 0;
}
.card-container.flipped {
  padding-left: 0;
}
.card-container.flipped .card:nth-child(1) {
  transform: translateX(calc(-50% + 30px)) translateY(calc(-50% + 20px)) rotate(2deg) rotateY(0deg) scale(1);
}
@media only screen and (min-width: 1024px) {
  .card-container.flipped .card:nth-child(1) {
    transform: translateX(calc(-50% + 80px)) translateY(calc(-50% + 20px)) rotate(2deg) rotateY(0deg) scale(1);
  }
}
.card-container.flipped .card:nth-child(2) {
  transform: translateX(calc(-50% - 10px)) translateY(calc(-50% + 11px)) rotate(1deg) rotateY(0deg) scale(1);
}
@media only screen and (min-width: 1024px) {
  .card-container.flipped .card:nth-child(2) {
    transform: translateX(calc(-50% - 80px)) translateY(calc(-50% + 11px)) rotate(1deg) rotateY(0deg) scale(1);
  }
}
.card-container.flipped .card:nth-child(3) {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 501px) and (max-height: 800px) {
  .card-container.flipped .card:nth-child(3) {
    width: 327px;
  }
}

.card-blur-screen {
  width: 100vw;
  height: 200vh;
  position: absolute;
  top: -150px;
  inset-inline-start: 0;
  background-color: rgba(237, 229, 213, 0.2);
  backdrop-filter: blur(30px);
  align-items: center;
  justify-content: center;
  z-index: 4;
  display: none;
}
.card-blur-screen.active {
  display: flex;
}

.card-modal__close {
  cursor: pointer;
  position: absolute;
  z-index: 6;
  display: none;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin-top: 0;
  transform: none;
}
.card-modal__close.active {
  display: block;
}
.card-modal__close img {
  position: absolute;
  top: calc(50% + 45px);
  left: 50%;
  margin-top: 250px;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 69px; /* Add this line */
  image-rendering: auto; /* Optional, usually not needed for SVGs */
}
@media only screen and (min-width: 1024px) {
  .card-modal__close img {
    top: calc(50% + 45px);
    margin-top: 275px;
  }
}

.card {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1490196078);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 327px;
  border-radius: 17.6px;
  overflow: hidden;
  /* @media screen and (min-width: 1024px) and (max-height: 950px) {
    width: 300px;
  } */
}
@media only screen and (min-width: 1024px) {
  .card {
    width: 360px;
  }
}
@media screen and (max-width: 501px) and (max-height: 800px) {
  .card {
    width: 300px;
  }
}
.card:nth-child(1) {
  width: 306px;
  z-index: 2;
  transform: translateX(calc(-50% + 21px)) translateY(calc(-50% + 20px)) rotate(2deg) rotateY(0deg) scale(1);
  /* @media screen and (min-width: 1024px) and (max-height: 950px) {
    width: 287px;
  } */
}
@media only screen and (min-width: 1024px) {
  .card:nth-child(1) {
    width: 347px;
    transform: translateX(calc(-50% + 61px)) translateY(calc(-50% + 12px)) rotate(4deg) rotateY(0deg) scale(1);
  }
}
@media screen and (max-width: 501px) and (max-height: 800px) {
  .card:nth-child(1) {
    width: 287px;
  }
}
.card:nth-child(1).stacked {
  margin-top: 5px;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(-50%) translateY(-50%) scale(0.917);
}
@media screen and (max-width: 501px) and (max-height: 800px) {
  .card:nth-child(1).stacked {
    width: 306px;
  }
}
@media only screen and (min-width: 1024px) {
  .card:nth-child(1).stacked {
    transform: translateX(-50%) translateY(-50%) scale(0.99);
    margin-top: 0;
  }
}
.card:nth-child(1) .card-inner__title {
  opacity: 1;
  font-size: 24px;
}
@media only screen and (min-width: 1024px) {
  .card:nth-child(1) .card-inner__title {
    font-size: 28px;
  }
}
.base-swiper .card:nth-child(1) .card-inner__title {
  font-size: 28px;
}
.korean .base-swiper .card:nth-child(1) .card-inner__title, .korean .combine-swiper .card:nth-child(1) .card-inner__title, .korean .suggestions-swiper .card:nth-child(1) .card-inner__title {
  font-size: 22px;
}
.japanese .base-swiper .card:nth-child(1) .card-inner__title, .japanese .combine-swiper .card:nth-child(1) .card-inner__title, .japanese .suggestions-swiper .card:nth-child(1) .card-inner__title {
  font-size: 22px;
}
.arabic .combine-swiper .card:nth-child(1) .card-inner__title {
  font-size: 22px;
}
.card:nth-child(1) .card-inner__plus {
  display: none;
}
.card:nth-child(2) {
  z-index: 3;
  width: 316px;
  transform: translateX(calc(-50% + 5px)) translateY(calc(-50% + 11px)) rotate(1deg) rotateY(0deg) scale(1);
}
@media only screen and (min-width: 1024px) {
  .card:nth-child(2) {
    width: 347px;
    transform: translateX(calc(-50% - 112px)) translateY(calc(-50% + 11px)) rotate(-4deg) rotateY(0deg) scale(1);
  }
}
@media screen and (max-width: 501px) and (max-height: 800px) {
  .card:nth-child(2) {
    width: 287px;
  }
}
.card:nth-child(2) .card-inner__title {
  opacity: 1;
  font-size: 24px;
}
@media only screen and (min-width: 1024px) {
  .card:nth-child(2) .card-inner__title {
    font-size: 26px;
  }
}
.card:nth-child(2) .card-inner__plus {
  display: none;
}
.card:nth-child(2).stacked {
  margin-top: 5px;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(-50%) translateY(-50%) scale(0.917);
}
@media screen and (max-width: 501px) and (max-height: 800px) {
  .card:nth-child(2).stacked {
    width: 316px;
  }
}
@media only screen and (min-width: 1024px) {
  .card:nth-child(2).stacked {
    margin-top: 0;
    transform: translateX(-50%) translateY(-50%) scale(0.99);
  }
}
.card:nth-child(3) {
  z-index: 5;
}
.card:nth-child(3) .card-inner__title {
  opacity: 1;
}
.card:nth-child(3).stacked {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(-50%) translateY(calc(-50% + 10px)) scale(0.917) !important;
}
@media screen and (max-width: 501px) and (max-height: 800px) {
  .card:nth-child(3).stacked {
    width: 327px;
  }
}
@media only screen and (min-width: 1024px) {
  .card:nth-child(3).stacked {
    transform: translateX(-50%) translateY(-50%) scale(0.99) !important;
  }
}
.card:nth-child(3).stacked.js-primary-card {
  transform: translateX(-50%) translateY(-50%) rotate(0deg) rotateY(180deg) scale(1) !important;
}
.card img {
  width: 100%;
}
.card .card-inner {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
}
.card .card-inner.hidden {
  display: none;
}
.card .card-inner__plus {
  position: absolute;
  top: 10px;
  inset-inline-end: 12px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 8.4px;
  font-size: 36px;
  line-height: 36px;
  width: 36px;
  height: 36px;
  color: #292929;
  cursor: pointer;
  transition: width 0.2s, height 0.2s;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__plus {
    font-size: 40px;
    line-height: 40px;
    width: 40px;
    height: 40px;
  }
}
.card .card-inner__plus:hover {
  width: 42px;
  height: 42px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__plus:hover {
    width: 46px;
    height: 46px;
  }
}
.card .card-inner__plus.active {
  width: 42px;
  height: 42px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__plus.active {
    width: 46px;
    height: 46px;
  }
}
.card .card-inner__title {
  position: absolute;
  bottom: 50px;
  inset-inline-start: 35px;
  font-family: "MaloneSerif-Book";
  font-weight: 300;
  line-height: 1.25;
  font-size: 24px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title {
    font-size: 28px;
  }
}
.hebrew .card .card-inner__title {
  font-family: "Assistant", sans-serif;
}
.base-swiper .card .card-inner__title {
  font-size: 28px;
}
.korean .base-swiper .card .card-inner__title.style-06 .card-inner__title-two {
  inset-inline-start: 60px;
  top: -7px;
}
@media only screen and (min-width: 1024px) {
  .korean .base-swiper .card .card-inner__title.style-06 .card-inner__title-two {
    inset-inline-start: 60px;
    top: -7px;
  }
}
.korean .base-swiper .card .card-inner__title.style-010 .card-inner__title-two {
  inset-inline-start: 50px;
  top: -5px;
}
@media only screen and (min-width: 1024px) {
  .korean .base-swiper .card .card-inner__title.style-010 .card-inner__title-two {
    inset-inline-start: 50px;
    top: -5px;
  }
}
.hebrew .base-swiper .card .card-inner__title.style-01 .card-inner__title-two {
  inset-inline-start: 70px;
  top: -4px;
}
.hebrew .base-swiper .card .card-inner__title.style-04 .card-inner__title-two {
  inset-inline-start: 45px;
  top: 1px;
}
.hebrew .base-swiper .card .card-inner__title.style-06 .card-inner__title-two {
  inset-inline-start: 82px;
}
.hebrew .base-swiper .card .card-inner__title.style-010 .card-inner__title-two {
  inset-inline-start: 28px;
  top: -2px;
}
.chinese .base-swiper .card .card-inner__title.style-01 {
  bottom: 60px;
  inset-inline-start: 60px;
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-01 {
    bottom: 63px;
    inset-inline-start: 60px;
  }
}
.chinese .base-swiper .card .card-inner__title.style-01 .card-inner__title-two {
  inset-inline-start: 75px;
  top: -7px;
  transform: rotate(calc(var(--rtl-multiplier, 1) * -1.79deg));
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-01 .card-inner__title-two {
    inset-inline-start: 75px;
    top: -9px;
  }
}
.chinese .base-swiper .card .card-inner__title.style-02 {
  bottom: 60px;
  inset-inline-start: 60px;
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-02 {
    bottom: 64px;
    inset-inline-start: 60px;
  }
}
.chinese .base-swiper .card .card-inner__title.style-02 .card-inner__title-two {
  inset-inline-start: 78px;
  top: -8px;
  transform: rotate(calc(var(--rtl-multiplier, 1) * -1.79deg));
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-02 .card-inner__title-two {
    inset-inline-start: 89px;
    top: -8px;
  }
}
.chinese .base-swiper .card .card-inner__title.style-03 {
  inset-inline-start: 60px;
  bottom: 59px;
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-03 {
    inset-inline-start: 60px;
    bottom: 75px;
  }
}
.chinese .base-swiper .card .card-inner__title.style-03 .card-inner__title-two {
  inset-inline-start: 40px;
  top: -8px;
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-03 .card-inner__title-two {
    inset-inline-start: 40px;
    top: -7px;
  }
}
.chinese .base-swiper .card .card-inner__title.style-04 {
  inset-inline-start: 60px;
  bottom: 59px;
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-04 {
    inset-inline-start: 60px;
    bottom: 75px;
  }
}
.chinese .base-swiper .card .card-inner__title.style-04 .card-inner__title-two {
  inset-inline-start: 70px;
  top: -9px;
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-04 .card-inner__title-two {
    inset-inline-start: 70px;
    top: -13px;
  }
}
.chinese .base-swiper .card .card-inner__title.style-05 {
  inset-inline-start: 60px;
  bottom: 65px;
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-05 {
    inset-inline-start: 60px;
    bottom: 69px;
  }
}
.chinese .base-swiper .card .card-inner__title.style-05 .card-inner__title-two {
  inset-inline-start: 80px;
  top: -5px;
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-05 .card-inner__title-two {
    inset-inline-start: 80px;
    top: -6px;
  }
}
.chinese .base-swiper .card .card-inner__title.style-06 {
  bottom: 58px;
  inset-inline-start: 60px;
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-06 {
    bottom: 66px;
    inset-inline-start: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-06 .card-inner__title-one {
    transform: rotate(calc(var(--rtl-multiplier, 1) * -5.88deg));
  }
}
.chinese .base-swiper .card .card-inner__title.style-06 .card-inner__title-two {
  inset-inline-start: 65px;
  top: -6px;
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-06 .card-inner__title-two {
    inset-inline-start: 65px;
    top: -12px;
  }
}
.chinese .base-swiper .card .card-inner__title.style-07 {
  bottom: 63px;
  inset-inline-start: 60px;
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-07 {
    bottom: 70px;
    inset-inline-start: 60px;
  }
}
.chinese .base-swiper .card .card-inner__title.style-07 .card-inner__title-two {
  inset-inline-start: 94px;
  top: -8px;
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-07 .card-inner__title-two {
    inset-inline-start: 99px;
    top: -8px;
  }
}
.chinese .base-swiper .card .card-inner__title.style-08 {
  bottom: 58px;
  inset-inline-start: 60px;
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-08 {
    bottom: 61px;
    inset-inline-start: 60px;
  }
}
.chinese .base-swiper .card .card-inner__title.style-08 .card-inner__title-one {
  z-index: 1;
}
.chinese .base-swiper .card .card-inner__title.style-08 .card-inner__title-two {
  inset-inline-start: 70px;
  top: -8px;
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-08 .card-inner__title-two {
    inset-inline-start: 70px;
    top: -12px;
  }
}
.chinese .base-swiper .card .card-inner__title.style-09 {
  bottom: 59px;
  inset-inline-start: 60px;
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-09 {
    bottom: 60px;
    inset-inline-start: 60px;
  }
}
.chinese .base-swiper .card .card-inner__title.style-09 .card-inner__title-two {
  inset-inline-start: 55px;
  top: -8px;
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-09 .card-inner__title-two {
    inset-inline-start: 55px;
    top: -11px;
  }
}
.chinese .base-swiper .card .card-inner__title.style-010 {
  bottom: 59px;
  inset-inline-start: 60px;
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-010 {
    bottom: 64px;
    inset-inline-start: 60px;
  }
}
.chinese .base-swiper .card .card-inner__title.style-010 .card-inner__title-two {
  inset-inline-start: 71px;
  top: -9px;
}
@media only screen and (min-width: 1024px) {
  .chinese .base-swiper .card .card-inner__title.style-010 .card-inner__title-two {
    inset-inline-start: 79px;
    top: -9px;
  }
}
.korean .base-swiper .card .card-inner__title, .japanese .base-swiper .card .card-inner__title, .korean .combine-swiper .card .card-inner__title, .japanese .combine-swiper .card .card-inner__title, .korean .suggestions-swiper .card .card-inner__title, .japanese .suggestions-swiper .card .card-inner__title {
  font-size: 20px;
}
.arabic .combine-swiper .card .card-inner__title {
  font-size: 20px;
}
.card .card-inner__title.style-01 {
  bottom: 60px;
  inset-inline-start: 34px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-01 {
    bottom: 63px;
    inset-inline-start: 36px;
  }
}
.card .card-inner__title.style-01 .card-inner__title-two {
  inset-inline-start: 110px;
  top: -7px;
  transform: rotate(calc(var(--rtl-multiplier, 1) * -1.79deg));
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-01 .card-inner__title-two {
    inset-inline-start: 111px;
    top: -9px;
  }
}
.card .card-inner__title.style-02 {
  bottom: 60px;
  inset-inline-start: 33px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-02 {
    bottom: 64px;
    inset-inline-start: 37px;
  }
}
.card .card-inner__title.style-02 .card-inner__title-two {
  inset-inline-start: 78px;
  top: -8px;
  transform: rotate(calc(var(--rtl-multiplier, 1) * -1.79deg));
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-02 .card-inner__title-two {
    inset-inline-start: 89px;
    top: -8px;
  }
}
.card .card-inner__title.style-03 {
  inset-inline-start: 52px;
  bottom: 59px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-03 {
    inset-inline-start: 65px;
    bottom: 75px;
  }
}
.card .card-inner__title.style-03 .card-inner__title-two {
  inset-inline-start: 54px;
  top: -8px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-03 .card-inner__title-two {
    inset-inline-start: 52px;
    top: -7px;
  }
}
.card .card-inner__title.style-04 {
  inset-inline-start: 24px;
  bottom: 63px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-04 {
    inset-inline-start: 29px;
    bottom: 60px;
  }
}
.portuguese .card .card-inner__title.style-04 {
  inset-inline-start: 50px;
}
.card .card-inner__title.style-04 .card-inner__title-two {
  inset-inline-start: 131px;
  top: -9px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-04 .card-inner__title-two {
    inset-inline-start: 139px;
    top: -13px;
  }
}
.portuguese .card .card-inner__title.style-04 .card-inner__title-two {
  inset-inline-start: 70px;
}
.card .card-inner__title.style-05 {
  inset-inline-start: 34px;
  bottom: 65px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-05 {
    inset-inline-start: 43px;
    bottom: 69px;
  }
}
.card .card-inner__title.style-05 .card-inner__title-two {
  inset-inline-start: 124px;
  top: -5px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-05 .card-inner__title-two {
    inset-inline-start: 136px;
    top: -6px;
  }
}
.card .card-inner__title.style-06 {
  bottom: 58px;
  inset-inline-start: 39px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-06 {
    bottom: 66px;
    inset-inline-start: 39px;
  }
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-06 .card-inner__title-one {
    transform: rotate(calc(var(--rtl-multiplier, 1) * -5.88deg));
  }
}
.card .card-inner__title.style-06 .card-inner__title-two {
  inset-inline-start: 101px;
  top: -6px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-06 .card-inner__title-two {
    inset-inline-start: 125px;
    top: -12px;
  }
}
.card .card-inner__title.style-07 {
  bottom: 63px;
  inset-inline-start: 37px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-07 {
    bottom: 70px;
    inset-inline-start: 41px;
  }
}
.card .card-inner__title.style-07 .card-inner__title-two {
  inset-inline-start: 94px;
  top: -10px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-07 .card-inner__title-two {
    inset-inline-start: 99px;
    top: -12px;
  }
}
.card .card-inner__title.style-08 {
  bottom: 58px;
  inset-inline-start: 35px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-08 {
    bottom: 61px;
    inset-inline-start: 40px;
  }
}
.card .card-inner__title.style-08 .card-inner__title-one {
  z-index: 1;
}
.card .card-inner__title.style-08 .card-inner__title-two {
  inset-inline-start: 93px;
  top: -8px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-08 .card-inner__title-two {
    inset-inline-start: 101px;
    top: -12px;
  }
}
.card .card-inner__title.style-09 {
  bottom: 59px;
  inset-inline-start: 31px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-09 {
    bottom: 60px;
    inset-inline-start: 31px;
  }
}
.card .card-inner__title.style-09 .card-inner__title-two {
  inset-inline-start: 87px;
  top: -8px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-09 .card-inner__title-two {
    inset-inline-start: 91px;
    top: -11px;
  }
}
.card .card-inner__title.style-010 {
  bottom: 59px;
  inset-inline-start: 36px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-010 {
    bottom: 64px;
    inset-inline-start: 41px;
  }
}
.card .card-inner__title.style-010 .card-inner__title-two {
  inset-inline-start: 71px;
  top: -13px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.style-010 .card-inner__title-two {
    inset-inline-start: 79px;
    top: -15px;
  }
}
.card .card-inner__title.combo-scents.style-01 {
  bottom: 64px;
  inset-inline-start: 14px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.combo-scents.style-01 {
    bottom: 70px;
    inset-inline-start: 23px;
  }
}
.hebrew .card .card-inner__title.combo-scents.style-01 {
  inset-inline-start: 6px;
}
.card .card-inner__title.combo-scents.style-01 .card-inner__title-two {
  inset-inline-start: 36px;
  top: -2px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.combo-scents.style-01 .card-inner__title-two {
    inset-inline-start: 40px;
    top: -4px;
  }
}
.arabic .card .card-inner__title.combo-scents.style-01 .card-inner__title-two {
  top: 0;
}
.hebrew .card .card-inner__title.combo-scents.style-01 .card-inner__title-two {
  inset-inline-start: 3px;
  top: 0;
}
.japanese .card .card-inner__title.combo-scents.style-01 .card-inner__title-two {
  inset-inline-start: 6px;
  top: -1px;
}
.card .card-inner__title.combo-scents.style-02 {
  bottom: 56px;
  inset-inline-start: 26px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.combo-scents.style-02 {
    bottom: 66px;
    inset-inline-start: 28px;
  }
}
.card .card-inner__title.combo-scents.style-02 .card-inner__title-two {
  inset-inline-start: 57px;
  top: -9px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.combo-scents.style-02 .card-inner__title-two {
    inset-inline-start: 60px;
    top: -8px;
  }
}
.arabic .card .card-inner__title.combo-scents.style-02 .card-inner__title-two {
  top: -4;
}
.japanese .card .card-inner__title.combo-scents.style-02 .card-inner__title-two {
  inset-inline-start: 6px;
  top: -1px;
}
.card .card-inner__title.combo-scents.style-02 .card-inner__title-three {
  top: -5px;
}
.card .card-inner__title.combo-scents.style-03 {
  inset-inline-start: 6px;
  bottom: 68px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.combo-scents.style-03 {
    inset-inline-start: 12px;
    bottom: 76px;
  }
}
.card .card-inner__title.combo-scents.style-03 .card-inner__title-two {
  inset-inline-start: 47px;
  top: -2px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.combo-scents.style-03 .card-inner__title-two {
    inset-inline-start: 52px;
    top: -1px;
  }
}
.japanese .card .card-inner__title.combo-scents.style-03 .card-inner__title-two {
  inset-inline-start: 6px;
  top: 4px;
}
.arabic .card .card-inner__title.combo-scents.style-03 .card-inner__title-two {
  top: 0;
}
.card .card-inner__title.suggestion-scents.style-01 {
  bottom: 62px;
  inset-inline-start: 16px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-01 {
    bottom: 60px;
    inset-inline-start: 18px;
  }
}
.card .card-inner__title.suggestion-scents.style-01 .card-inner__title-two {
  inset-inline-start: 51px;
  top: -3px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-01 .card-inner__title-two {
    inset-inline-start: 57px;
    top: -4px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-01 .card-inner__title-two {
  inset-inline-start: 18px;
  top: -1px;
}
@media only screen and (min-width: 1024px) {
  .japanese .card .card-inner__title.suggestion-scents.style-01 .card-inner__title-two {
    inset-inline-start: 20px;
    top: -1px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-01 .card-inner__title-three {
  inset-inline-start: 34px;
  top: 0px;
}
.card .card-inner__title.suggestion-scents.style-02 {
  bottom: 66px;
  inset-inline-start: 10px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-02 {
    bottom: 62px;
    inset-inline-start: 18px;
  }
}
.card .card-inner__title.suggestion-scents.style-02 .card-inner__title-one {
  z-index: 2;
}
.card .card-inner__title.suggestion-scents.style-02 .card-inner__title-two {
  inset-inline-start: 33px;
  top: -1px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-02 .card-inner__title-two {
    inset-inline-start: 37px;
    top: -3px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-02 .card-inner__title-two {
  inset-inline-start: -9px;
  top: -1px;
  margin-right: -11px;
}
@media only screen and (min-width: 1024px) {
  .japanese .card .card-inner__title.suggestion-scents.style-02 .card-inner__title-two {
    inset-inline-start: -9px;
    top: -1px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-02 .card-inner__title-three {
  inset-inline-start: 34px;
  top: 0px;
}
.card .card-inner__title.suggestion-scents.style-03 {
  inset-inline-start: 17px;
  bottom: 64px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-03 {
    inset-inline-start: 20px;
    bottom: 58px;
  }
}
.card .card-inner__title.suggestion-scents.style-03 .card-inner__title-two {
  inset-inline-start: 110px;
  top: -2px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-03 .card-inner__title-two {
    inset-inline-start: 122px;
    top: -3px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-03 .card-inner__title-two {
  inset-inline-start: 18px;
  top: 1px;
}
@media only screen and (min-width: 1024px) {
  .japanese .card .card-inner__title.suggestion-scents.style-03 .card-inner__title-two {
    inset-inline-start: 20px;
    top: 1px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-03 .card-inner__title-three {
  inset-inline-start: 34px;
  top: 0px;
}
.card .card-inner__title.suggestion-scents.style-04 {
  bottom: 63px;
  inset-inline-start: 18px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-04 {
    bottom: 59px;
    inset-inline-start: 16px;
  }
}
.card .card-inner__title.suggestion-scents.style-04 .card-inner__title-two {
  inset-inline-start: 46px;
  top: -5px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-04 .card-inner__title-two {
    inset-inline-start: 54px;
    top: -7px;
  }
}
.card .card-inner__title.suggestion-scents.style-05 {
  bottom: 64px;
  inset-inline-start: 18px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-05 {
    bottom: 60px;
    inset-inline-start: 18px;
  }
}
.card .card-inner__title.suggestion-scents.style-05 .card-inner__title-two {
  inset-inline-start: 35px;
  top: -5px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-05 .card-inner__title-two {
    inset-inline-start: 40px;
    top: -7px;
  }
}
.card .card-inner__title.suggestion-scents.style-06 {
  bottom: 56px;
  inset-inline-start: 17px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-06 {
    bottom: 55px;
    inset-inline-start: 21px;
  }
}
.card .card-inner__title.suggestion-scents.style-06 .card-inner__title-two {
  inset-inline-start: 111px;
  top: -6px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-06 .card-inner__title-two {
    inset-inline-start: 122px;
    top: -8px;
  }
}
.card .card-inner__title.suggestion-scents.style-07 {
  bottom: 58px;
  inset-inline-start: 18px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-07 {
    bottom: 58px;
    inset-inline-start: 18px;
  }
}
.card .card-inner__title.suggestion-scents.style-07 .card-inner__title-two {
  inset-inline-start: 51px;
  top: -5px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-07 .card-inner__title-two {
    inset-inline-start: 56px;
    top: -5px;
  }
}
.card .card-inner__title.suggestion-scents.style-08 {
  bottom: 65px;
  inset-inline-start: 12px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-08 {
    bottom: 62px;
    inset-inline-start: 18px;
  }
}
.card .card-inner__title.suggestion-scents.style-08 .card-inner__title-two {
  inset-inline-start: 39px;
  top: -3px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-08 .card-inner__title-two {
    inset-inline-start: 40px;
    top: -5px;
  }
}
.card .card-inner__title.suggestion-scents.style-09 {
  bottom: 57px;
  inset-inline-start: 12px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-09 {
    bottom: 57px;
    inset-inline-start: 18px;
  }
}
.card .card-inner__title.suggestion-scents.style-09 .card-inner__title-two {
  inset-inline-start: 111px;
  top: -5px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-09 .card-inner__title-two {
    inset-inline-start: 122px;
    top: -6px;
  }
}
.card .card-inner__title.suggestion-scents.style-010 {
  bottom: 65px;
  inset-inline-start: 12px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-010 {
    bottom: 65px;
    inset-inline-start: 15px;
  }
}
.card .card-inner__title.suggestion-scents.style-010 .card-inner__title-two {
  inset-inline-start: 60px;
  top: 0;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-010 .card-inner__title-two {
    inset-inline-start: 60px;
    top: 0;
  }
}
.card .card-inner__title.suggestion-scents.style-011 {
  bottom: 65px;
  inset-inline-start: 5px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-011 {
    bottom: 63px;
    inset-inline-start: 18px;
  }
}
.card .card-inner__title.suggestion-scents.style-011 .card-inner__title-two {
  inset-inline-start: 35px;
  top: 0;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-011 .card-inner__title-two {
    inset-inline-start: 42px;
    top: -1px;
  }
}
.card .card-inner__title.suggestion-scents.style-012 {
  bottom: 65px;
  inset-inline-start: 8px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-012 {
    bottom: 65px;
    inset-inline-start: 16px;
  }
}
.card .card-inner__title.suggestion-scents.style-012 .card-inner__title-two {
  inset-inline-start: 111px;
  top: 0px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-012 .card-inner__title-two {
    inset-inline-start: 124px;
    top: 0;
  }
}
.card .card-inner__title.suggestion-scents.style-013 {
  bottom: 70px;
  inset-inline-start: 7px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-013 {
    bottom: 56px;
    inset-inline-start: 16px;
  }
}
.card .card-inner__title.suggestion-scents.style-013 .card-inner__title-two {
  inset-inline-start: 60px;
  top: -3px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-013 .card-inner__title-two {
    inset-inline-start: 59px;
    top: -3px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-013 .card-inner__title-two {
  inset-inline-start: 18px;
  top: 2px;
}
@media only screen and (min-width: 1024px) {
  .japanese .card .card-inner__title.suggestion-scents.style-013 .card-inner__title-two {
    inset-inline-start: 20px;
    top: 2px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-013 .card-inner__title-three {
  inset-inline-start: 34px;
  top: 2px;
}
.card .card-inner__title.suggestion-scents.style-014 {
  bottom: 65px;
  inset-inline-start: 12px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-014 {
    bottom: 61px;
    inset-inline-start: 18px;
  }
}
.card .card-inner__title.suggestion-scents.style-014 .card-inner__title-two {
  inset-inline-start: 18px;
  top: -2px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-014 .card-inner__title-two {
    inset-inline-start: 20px;
    top: -3px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-014 .card-inner__title-three {
  inset-inline-start: 34px;
  top: -2px;
}
.card .card-inner__title.suggestion-scents.style-015 {
  bottom: 64px;
  inset-inline-start: 21px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-015 {
    bottom: 57px;
    inset-inline-start: 17px;
  }
}
.card .card-inner__title.suggestion-scents.style-015 .card-inner__title-two {
  inset-inline-start: 89px;
  top: -3px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-015 .card-inner__title-two {
    inset-inline-start: 97px;
    top: -3px;
  }
}
.card .card-inner__title.suggestion-scents.style-016 {
  bottom: 70px;
  inset-inline-start: 7px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-016 {
    bottom: 64px;
    inset-inline-start: 14px;
  }
}
.card .card-inner__title.suggestion-scents.style-016 .card-inner__title-two {
  inset-inline-start: 55px;
  top: 2px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-016 .card-inner__title-two {
    inset-inline-start: 60px;
    top: 2px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-016 .card-inner__title-two {
  inset-inline-start: 18px;
  top: -1px;
}
@media only screen and (min-width: 1024px) {
  .japanese .card .card-inner__title.suggestion-scents.style-016 .card-inner__title-two {
    inset-inline-start: 20px;
    top: -1px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-016 .card-inner__title-three {
  inset-inline-start: 34px;
  top: 0px;
}
.card .card-inner__title.suggestion-scents.style-017 {
  bottom: 67px;
  inset-inline-start: 12px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-017 {
    bottom: 64px;
    inset-inline-start: 16px;
  }
}
.card .card-inner__title.suggestion-scents.style-017 .card-inner__title-two {
  inset-inline-start: 23px;
  top: 0px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-017 .card-inner__title-two {
    inset-inline-start: 20px;
    top: 1px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-017 .card-inner__title-two {
  margin-right: -12px;
  inset-inline-start: -10px;
  top: 2px;
}
@media only screen and (min-width: 1024px) {
  .japanese .card .card-inner__title.suggestion-scents.style-017 .card-inner__title-two {
    inset-inline-start: -10px;
    top: 2px;
  }
}
.card .card-inner__title.suggestion-scents.style-018 {
  bottom: 66px;
  inset-inline-start: 11px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-018 {
    bottom: 61px;
    inset-inline-start: 17px;
  }
}
.card .card-inner__title.suggestion-scents.style-018 .card-inner__title-two {
  inset-inline-start: 95px;
  top: 1px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-018 .card-inner__title-two {
    inset-inline-start: 97px;
    top: 1px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-018 .card-inner__title-two {
  inset-inline-start: 18px;
  top: 1px;
}
@media only screen and (min-width: 1024px) {
  .japanese .card .card-inner__title.suggestion-scents.style-018 .card-inner__title-two {
    inset-inline-start: 20px;
    top: 1px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-018 .card-inner__title-three {
  inset-inline-start: 34px;
  top: 0px;
}
.card .card-inner__title.suggestion-scents.style-019 {
  bottom: 59px;
  inset-inline-start: 12px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-019 {
    bottom: 62px;
    inset-inline-start: 16px;
  }
}
.card .card-inner__title.suggestion-scents.style-019 .card-inner__title-two {
  inset-inline-start: 60px;
  top: -2px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-019 .card-inner__title-two {
    inset-inline-start: 61px;
    top: 0;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-019 .card-inner__title-two {
  inset-inline-start: 18px;
  top: 6px;
}
@media only screen and (min-width: 1024px) {
  .japanese .card .card-inner__title.suggestion-scents.style-019 .card-inner__title-two {
    inset-inline-start: 20px;
    top: 6px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-019 .card-inner__title-three {
  inset-inline-start: 34px;
  top: 6px;
}
.card .card-inner__title.suggestion-scents.style-020 {
  bottom: 67px;
  inset-inline-start: 12px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-020 {
    bottom: 66px;
    inset-inline-start: 14px;
  }
}
.card .card-inner__title.suggestion-scents.style-020 .card-inner__title-two {
  inset-inline-start: 23px;
  top: 0;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-020 .card-inner__title-two {
    inset-inline-start: 20px;
    top: 1px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-020 .card-inner__title-two {
  inset-inline-start: 18px;
  top: 1px;
}
@media only screen and (min-width: 1024px) {
  .japanese .card .card-inner__title.suggestion-scents.style-020 .card-inner__title-two {
    inset-inline-start: 20px;
    top: 1px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-020 .card-inner__title-three {
  inset-inline-start: 34px;
  top: 0px;
}
.card .card-inner__title.suggestion-scents.style-021 {
  bottom: 62px;
  inset-inline-start: 11px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-021 {
    bottom: 62px;
    inset-inline-start: 17px;
  }
}
.card .card-inner__title.suggestion-scents.style-021 .card-inner__title-two {
  inset-inline-start: 109px;
  top: -1px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-021 .card-inner__title-two {
    inset-inline-start: 97px;
    top: 0;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-021 .card-inner__title-two {
  inset-inline-start: 18px;
  top: -1px;
}
@media only screen and (min-width: 1024px) {
  .japanese .card .card-inner__title.suggestion-scents.style-021 .card-inner__title-two {
    inset-inline-start: 20px;
    top: -1px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-021 .card-inner__title-three {
  inset-inline-start: 34px;
  top: 0px;
}
.card .card-inner__title.suggestion-scents.style-022 {
  bottom: 63px;
  inset-inline-start: 10px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-022 {
    bottom: 63px;
    inset-inline-start: 17px;
  }
}
.card .card-inner__title.suggestion-scents.style-022 .card-inner__title-two {
  inset-inline-start: 60px;
  top: 0;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-022 .card-inner__title-two {
    inset-inline-start: 61px;
    top: 0;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-022 .card-inner__title-two {
  inset-inline-start: 18px;
  top: 5px;
}
@media only screen and (min-width: 1024px) {
  .japanese .card .card-inner__title.suggestion-scents.style-022 .card-inner__title-two {
    inset-inline-start: 20px;
    top: 5px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-022 .card-inner__title-three {
  inset-inline-start: 34px;
  top: 6px;
}
.card .card-inner__title.suggestion-scents.style-023 {
  bottom: 67px;
  inset-inline-start: 12px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-023 {
    bottom: 60px;
    inset-inline-start: 15px;
  }
}
.card .card-inner__title.suggestion-scents.style-023 .card-inner__title-two {
  inset-inline-start: 23px;
  top: 0px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-023 .card-inner__title-two {
    inset-inline-start: 22px;
    top: -1px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-023 .card-inner__title-two {
  inset-inline-start: 18px;
  top: 0;
}
@media only screen and (min-width: 1024px) {
  .japanese .card .card-inner__title.suggestion-scents.style-023 .card-inner__title-two {
    inset-inline-start: 20px;
    top: 0;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-023 .card-inner__title-three {
  inset-inline-start: 34px;
  top: 0px;
}
.card .card-inner__title.suggestion-scents.style-024 {
  bottom: 66px;
  inset-inline-start: 11px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-024 {
    bottom: 61px;
    inset-inline-start: 17px;
  }
}
.card .card-inner__title.suggestion-scents.style-024 .card-inner__title-two {
  inset-inline-start: 109px;
  top: -2px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-024 .card-inner__title-two {
    inset-inline-start: 97px;
    top: -1px;
  }
}
.japanese .card .card-inner__title.suggestion-scents.style-024 .card-inner__title-two {
  inset-inline-start: 39px;
  top: 2px;
}
@media only screen and (min-width: 1024px) {
  .japanese .card .card-inner__title.suggestion-scents.style-024 .card-inner__title-two {
    inset-inline-start: 39px;
    top: 2px;
  }
}
.card .card-inner__title.suggestion-scents.style-025 {
  bottom: 70px;
  inset-inline-start: 7px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-025 {
    bottom: 62px;
    inset-inline-start: 17px;
  }
}
.card .card-inner__title.suggestion-scents.style-025 .card-inner__title-two {
  inset-inline-start: 60px;
  top: -3px;
  transform: rotate(calc(var(--rtl-multiplier, 1) * -1.59deg));
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-025 .card-inner__title-two {
    inset-inline-start: 60px;
    top: 2px;
  }
}
.card .card-inner__title.suggestion-scents.style-026 {
  bottom: 67px;
  inset-inline-start: 12px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-026 {
    bottom: 64px;
    inset-inline-start: 15px;
  }
}
.card .card-inner__title.suggestion-scents.style-026 .card-inner__title-two {
  inset-inline-start: 23px;
  top: 0px;
  transform: rotate(calc(var(--rtl-multiplier, 1) * -2.59deg));
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-026 .card-inner__title-two {
    inset-inline-start: 22px;
    top: 2px;
    transform: rotate(calc(var(--rtl-multiplier, 1) * -1.59deg));
  }
}
.card .card-inner__title.suggestion-scents.style-027 {
  bottom: 61px;
  inset-inline-start: 11px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-027 {
    bottom: 61px;
    inset-inline-start: 17px;
  }
}
.card .card-inner__title.suggestion-scents.style-027 .card-inner__title-two {
  inset-inline-start: 109px;
  top: -1px;
  transform: rotate(calc(var(--rtl-multiplier, 1) * -1.59deg));
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-027 .card-inner__title-two {
    inset-inline-start: 97px;
    top: 0;
  }
}
.card .card-inner__title.suggestion-scents.style-028 {
  bottom: 62px;
  inset-inline-start: 7px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-028 {
    bottom: 60px;
    inset-inline-start: 16px;
  }
}
.card .card-inner__title.suggestion-scents.style-028 .card-inner__title-two {
  inset-inline-start: 58px;
  top: -1px;
  transform: rotate(calc(var(--rtl-multiplier, 1) * -1.59deg));
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-028 .card-inner__title-two {
    inset-inline-start: 60px;
    top: -2px;
  }
}
.card .card-inner__title.suggestion-scents.style-029 {
  bottom: 67px;
  inset-inline-start: 12px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-029 {
    bottom: 60px;
    inset-inline-start: 18px;
  }
}
.card .card-inner__title.suggestion-scents.style-029 .card-inner__title-two {
  inset-inline-start: 23px;
  top: -3px;
  transform: rotate(calc(var(--rtl-multiplier, 1) * -2.59deg));
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-029 .card-inner__title-two {
    inset-inline-start: 20px;
    top: -4px;
    transform: rotate(calc(var(--rtl-multiplier, 1) * -1.59deg));
  }
}
.card .card-inner__title.suggestion-scents.style-030 {
  bottom: 63px;
  inset-inline-start: 13px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-030 {
    bottom: 61px;
    inset-inline-start: 17px;
  }
}
.card .card-inner__title.suggestion-scents.style-030 .card-inner__title-two {
  inset-inline-start: 84px;
  top: -2px;
  transform: rotate(calc(var(--rtl-multiplier, 1) * -1.59deg));
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title.suggestion-scents.style-030 .card-inner__title-two {
    inset-inline-start: 95px;
    top: -3px;
  }
}
.card .card-inner__title-one {
  background-color: #292929;
  color: #ffffff;
  transform: rotate(calc(var(--rtl-multiplier, 1) * -5.21deg));
  display: table;
  position: relative;
  padding: 2px 8px 2px 8px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title-one {
    padding: 2px 10px 2px 10px;
  }
}
.card .card-inner__title-two {
  background-color: #292929;
  color: #ffffff;
  position: relative;
  inset-inline-start: 100px;
  top: -10px;
  transform: rotate(calc(var(--rtl-multiplier, 1) * -2deg));
  display: table;
  padding: 2px 8px 2px 8px;
}
.japanese .card .card-inner__title-two {
  inset-inline-start: 6px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title-two {
    padding: 2px 10px 2px 10px;
  }
}
.card .card-inner__title-three {
  inset-inline-start: 60px;
  background-color: #292929;
  color: #ffffff;
  transform: rotate(calc(var(--rtl-multiplier, 1) * 1.79deg));
  display: table;
  position: relative;
  padding: 2px 8px 2px 8px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__title-three {
    padding: 2px 10px 2px 10px;
  }
}
.japanese .card .card-inner__title-three {
  inset-inline-start: 8px;
  top: 6px;
}
.card .card-inner__pils {
  position: absolute;
  display: flex;
  bottom: 14px;
  inset-inline-start: 14px;
  height: 26px;
  font-family: "LarsMalonePro-Regular";
  font-size: 10px;
  /* @media screen and (min-width: 1024px) and (max-height: 950px) {
    font-size: 7px;
  } */
  /*       @media screen and (max-width: 501px) and (max-height: 800px) {
    font-size: 10px;
  } */
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__pils {
    bottom: 20px;
    inset-inline-start: 20px;
  }
}
.hebrew .card .card-inner__pils {
  font-family: "Assistant", sans-serif;
}
.card .card-inner__pils.style-023 {
  inset-inline-start: 10px;
}
@media only screen and (min-width: 1024px) {
  .card .card-inner__pils.style-023 {
    inset-inline-start: 20px;
  }
}
.card .card-inner__pils-text {
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 18px;
  line-height: 26px;
  padding: 0 14px;
  margin-right: 6px;
  min-width: min-content;
  text-align: center;
}
.card .card-inner__pils-text:hover {
  min-width: max-content;
}
.card .card-inner__pils-text.multiline {
  word-break: break-all;
}
.card .card-inner__pils-icon {
  margin-right: 6px;
}
.card .card-inner__pils-icon img {
  width: 34px;
  height: 26px;
}
.card .card-back {
  display: none;
  transform: rotateY(180deg);
}
.card .card-back.active {
  display: block;
}
.card .card-front {
  display: block;
}
.card .card-front.hidden {
  display: none;
}
.card .back-details {
  display: none;
  font-size: 20px;
  color: #ffffff;
  top: 50%;
  transform: translateY(-50%) rotateY(180deg);
  position: absolute;
  inset-inline-end: 30px;
  inset-inline-start: 30px;
  font-family: "MaloneSerif-Book";
  line-height: 1.318;
  letter-spacing: 0.01em;
}
.english .card .back-details {
  inset-inline-start: unset;
}
.hebrew .card .back-details {
  font-family: "Assistant", sans-serif;
}
@media only screen and (min-width: 1024px) {
  .card .back-details {
    font-size: 22px;
  }
}
.card .back-details.base-scents.style-07, .card .back-details.base-scents.style-08, .card .back-details.base-scents.style-010 {
  color: #292929;
}
.card .back-details.combo-scents.style-02, .card .back-details.combo-scents.style-03 {
  color: #292929;
}
.card .back-details.suggestion-scents {
  color: #292929;
}
.card .back-details.active {
  display: block;
}