.about-hero {
  position: relative;
  background-color: #FAF7EE;
  padding: 6em 0 12.6875em;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .about-hero {
    padding: 2.5em 0 4.375em;
  }
}
.about-hero__background-img {
  position: absolute;
  inset: 0 0 0 auto;
  height: 100%;
}
@media (max-width: 1024px) {
  .about-hero__background-img {
    transform: translateX(29%);
  }
}
.about-hero__container {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.about-hero__col {
  flex: 0 0 49%;
}
@media (max-width: 1024px) {
  .about-hero__col:first-child {
    flex: 0 0 51%;
  }
}
.about-hero__title {
  color: #BA874C;
}
@media (max-width: 1024px) {
  .about-hero__title {
    font-size: 2em;
    line-height: 1.3125;
  }
}
.about-hero__author {
  font-size: 1.25em;
  color: #373A3F;
  margin: 1.6em 0 0;
}
@media (max-width: 1024px) {
  .about-hero__author {
    margin: 1em 0 0;
    font-size: 1.125em;
  }
}
.about-hero__author strong {
  font-size: 0.9em;
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .about-hero__author strong {
    font-size: 1em;
    line-height: 1.5;
  }
}
.about-hero__categories {
  position: relative;
  height: 100%;
}
.about-hero__category {
  background-color: #FFFFFF;
  border-radius: 1.0625em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 0.1875em;
  width: 5.625em;
  height: 5.125em;
  position: absolute;
  transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
  .about-hero__category {
    width: 4.6875em;
    height: 4.6875em;
    gap: 0.1556em;
  }
}
.about-hero__category:first-child {
  left: 31.2%;
  top: -7.5%;
}
@media (max-width: 1024px) {
  .about-hero__category:first-child {
    left: 40%;
    top: 5%;
  }
}
.about-hero__category:nth-child(2) {
  left: 11.3%;
  top: 27.5%;
}
@media (max-width: 1024px) {
  .about-hero__category:nth-child(2) {
    left: 18%;
    top: 24%;
  }
}
.about-hero__category:nth-child(3) {
  left: 33.3%;
  top: 39%;
}
@media (max-width: 1024px) {
  .about-hero__category:nth-child(3) {
    left: 40%;
    top: 43%;
  }
}
.about-hero__category:nth-child(4) {
  left: 7.3%;
  top: 82%;
}
@media (max-width: 1024px) {
  .about-hero__category:nth-child(4) {
    left: 15.5%;
    top: 64.5%;
  }
}
.about-hero__category:nth-child(5) {
  left: 69.6%;
  top: 89%;
}
@media (max-width: 1024px) {
  .about-hero__category:nth-child(5) {
    left: 76%;
    top: 61.5%;
  }
}
.about-hero__category:nth-child(6) {
  left: 33.5%;
  top: 108.5%;
}
@media (max-width: 1024px) {
  .about-hero__category:nth-child(6) {
    left: 45.5%;
    top: 74.5%;
  }
}
.about-hero__category-icon {
  width: 2.5625em;
}
@media (max-width: 1024px) {
  .about-hero__category-icon {
    width: 2.1743em;
  }
}
.about-hero__category-title {
  font-size: 0.8125em;
  font-weight: 500;
  color: #7C8189;
}
@media (max-width: 1024px) {
  .about-hero__category-title {
    font-size: 0.6989em;
  }
}

.about-ways {
  position: relative;
  background-color: #FAF7EE;
  padding: 0.5em 0 11.375em;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .about-ways {
    padding: 1.875em 0;
  }
}
.about-ways__background {
  position: absolute;
  inset: auto 0 0;
  height: 100%;
  opacity: 0.48;
  background: linear-gradient(180deg, transparent, rgba(238, 108, 169, 0.5) 56.94%, #ED63A4);
}
.about-ways__container {
  position: relative;
}
.about-ways__title {
  text-align: center;
  color: #373A3F;
}
@media (max-width: 1024px) {
  .about-ways__title {
    font-size: 2em;
  }
}
.about-ways__content {
  margin: 13.625em 0 0;
}
@media (max-width: 1024px) {
  .about-ways__content {
    margin: 8.9375em 0 0;
  }
}
.about-ways__row {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .about-ways__row {
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
}
.about-ways__col:first-child {
  flex: 0 0 44%;
}
@media (max-width: 1024px) {
  .about-ways__col:first-child {
    margin: 5.1875em 0 0;
    flex: 0 0 auto;
    padding: 0 1.875em;
  }
}
.about-ways__col:nth-child(2) {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 40.3335%;
  margin: 4.375em 0 0;
}
@media (max-width: 1024px) {
  .about-ways__col:nth-child(2) {
    flex: 0 0 auto;
  }
}
.about-ways__content-heading {
  color: #373A3F;
  font-weight: 600;
}
.about-ways__content-title {
  color: #EF4B8B;
  margin: 0.4em 0 0;
}
.about-ways__steps {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  margin: 2em 0 0;
}
.about-ways__step {
  display: flex;
  align-items: center;
  gap: 0.875em;
}
.about-ways__step-counter {
  width: 2em;
}
.about-ways__step-text {
  font-size: 1.25em;
  color: #373A3F;
  max-width: 33.9375em;
}
.about-ways__demo {
  padding: 2.5em 3.125em 1.875em;
  background-color: #FFFFFF;
  border-radius: 1em;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5em;
  position: relative;
}
.about-ways__demo-card {
  width: 14.5em;
}
.about-ways__demo-btn-wrap {
  position: relative;
}
.about-ways__demo-hand {
  height: 6.1875em;
  position: absolute;
  top: 50%;
  left: 61%;
  transform: translateX(-50%);
}
.about-ways__demo-item {
  padding: 0.625em 1.5em;
  background-color: #FFFFFF;
  border-radius: 1.5em;
  position: absolute;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.about-ways__demo-item_gift {
  top: 23%;
  left: -28.25%;
}
.about-ways__demo-item_gift .about-ways__demo-item-icon {
  top: -54%;
  left: 101%;
}
.about-ways__demo-item_split {
  top: -27%;
  left: 8.5%;
}
.about-ways__demo-item_split .about-ways__demo-item-icon {
  top: 57%;
  left: 121%;
}
.about-ways__demo-item_transfer {
  top: -26%;
  left: 94%;
}
.about-ways__demo-item_transfer .about-ways__demo-item-icon {
  top: 161%;
  left: 52%;
}
.about-ways__demo-item-text {
  color: #373A3F;
  font-weight: 500;
}
.about-ways__demo-item-icon {
  width: 5.8125em;
  position: absolute;
  transform: translate(-50%, -50%);
}

.about-growth {
  position: relative;
  background-color: #FAF7EE;
  padding: 10em 0 12.1875em;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .about-growth {
    padding: 8em 0 3.75em;
  }
}
.about-growth__background {
  position: absolute;
  inset: 0 0 auto;
  height: 100%;
  opacity: 0.48;
  background: linear-gradient(0deg, transparent, rgba(238, 108, 169, 0.5) 56.94%, #ED63A4);
}
.about-growth__container {
  position: relative;
}
.about-growth__row {
  display: flex;
}
@media (max-width: 1024px) {
  .about-growth__row {
    flex-direction: column-reverse;
  }
}
.about-growth__col {
  flex: 0 0 50%;
}
@media (max-width: 1024px) {
  .about-growth__col {
    flex: 0 0 auto;
  }
  .about-growth__col:first-child {
    padding: 8em 2.625em 0 1.875em;
  }
}
.about-growth__title {
  font-weight: 600;
  color: #373A3F;
}
.about-growth__text {
  color: #373A3F;
  font-size: 1.25em;
  margin: 1.6em 0 0;
}
.about-growth__demo {
  position: relative;
  width: 37.5em;
  height: 20em;
}
@media (max-width: 1024px) {
  .about-growth__demo {
    margin: 0 auto;
    transform: translateX(-5%);
  }
}
.about-growth__demo-img {
  position: absolute;
  top: 51.75%;
  left: 67.75%;
  transform: translate(-50%, -50%);
  width: 36.25em;
}
.about-growth__demo-amount {
  color: #FFFFFF;
  font-weight: 500;
  font-family: "Taviraj", sans-serif;
  position: absolute;
  top: 17%;
  left: 57%;
  transform: translate(-50%, -50%) rotate(8.857deg);
}
.about-growth__demo-star {
  width: 2.4375em;
  position: absolute;
  transform: translate(-50%, -50%);
}
.about-growth__demo-star:first-of-type {
  top: -15.75%;
  left: 46.9%;
}
.about-growth__demo-star:nth-of-type(2) {
  top: -8%;
  left: 55.5%;
  transform: translate(-50%, -50%) scaleX(-1) rotate(34deg);
}
.about-growth__demo-star:nth-of-type(3) {
  top: 7.7%;
  left: 46.25%;
}

.about-gift {
  padding: 8.8125em 0 9.5625em;
  background-color: #FAF7EE;
}
@media (max-width: 1024px) {
  .about-gift {
    padding: 4.5em 0 3.5em;
  }
}
.about-gift__row {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .about-gift__row {
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
}
.about-gift__col:first-child {
  flex: 0 0 45%;
}
@media (max-width: 1024px) {
  .about-gift__col:first-child {
    flex: 0 0 auto;
    padding: 2em 1.875em 0;
  }
}
.about-gift__col:nth-child(2) {
  flex: 0 0 50%;
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .about-gift__col:nth-child(2) {
    flex: 0 0 auto;
  }
}
.about-gift__title {
  margin: 1.8438em 0 0;
  color: #373A3F;
  font-weight: 600;
}
.about-gift__text {
  margin: 1.6em 0 0;
  color: #373A3F;
  font-size: 1.25em;
}
.about-gift__gallery {
  width: 87.7%;
  margin-left: 1.3%;
  display: flex;
  flex-wrap: wrap;
  gap: 0 9%;
}
@media (max-width: 1024px) {
  .about-gift__gallery {
    width: 74.75%;
    margin-left: -2%;
  }
}
.about-gift__gallery-item {
  flex: 0 0 27.3333%;
  position: relative;
}
.about-gift__gallery-item:first-child {
  margin: 1.7117% 0 0;
}
.about-gift__gallery-item:first-child .about-gift__icon {
  top: 12%;
  left: 100%;
}
.about-gift__gallery-item:nth-child(2) {
  margin: 11.0308% 0 0;
}
.about-gift__gallery-item:nth-child(2) .about-gift__icon {
  top: 104%;
  left: 86%;
}
.about-gift__gallery-item:nth-child(3) .about-gift__icon {
  top: 71%;
  left: 28%;
}
.about-gift__gallery-item:nth-child(4) {
  margin: 2.0921% 0 0;
}
.about-gift__gallery-item:nth-child(4) .about-gift__icon {
  top: 15%;
  left: 7%;
}
.about-gift__gallery-item:nth-child(5) {
  margin: 3.75em 0 0;
}
.about-gift__gallery-item:nth-child(5) .about-gift__icon {
  top: 98%;
  left: 0;
}
.about-gift__gallery-item:nth-child(6) .about-gift__icon {
  top: 45%;
  left: 105%;
}
.about-gift__img {
  width: 100%;
}
.about-gift__icon {
  width: 43.1125%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.about-pros {
  padding: 7.4375em 0 7.25em;
  background-color: rgba(208, 224, 201, 0.48);
}
@media (max-width: 1024px) {
  .about-pros {
    padding: 7.4375em 0 4.5625em;
  }
}
.about-pros__row {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .about-pros__row {
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
}
.about-pros__col:first-child {
  flex: 0 0 49%;
}
@media (max-width: 1024px) {
  .about-pros__col:first-child {
    flex: 0 0 auto;
    padding: 1.875em 1.875em 0;
  }
}
.about-pros__col:nth-child(2) {
  flex: 0 0 50%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .about-pros__col:nth-child(2) {
    flex: 0 0 auto;
  }
}
.about-pros__title {
  margin: 1em 0 0;
  color: #373A3F;
  font-weight: 600;
}
.about-pros__text {
  margin: 1.6em 0 0;
  color: #373A3F;
  font-size: 1.25em;
}
.about-pros__btn {
  margin: 2em 0 0;
}
.about-pros__gallery {
  width: 90.667%;
  margin-left: 2%;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .about-pros__gallery {
    margin-left: 0;
    width: 77%;
  }
}
.about-pros__gallery-item {
  position: relative;
}
.about-pros__gallery-item:first-child {
  flex: 0 0 61.398%;
  margin: 0 19.301% 1em;
}
.about-pros__gallery-item:first-child .about-pros__icon:nth-child(2) {
  top: -10.5%;
  left: 3%;
  width: 9.715%;
}
.about-pros__gallery-item:first-child .about-pros__icon:nth-child(3) {
  top: -3.5%;
  left: 78%;
  width: 23%;
}
.about-pros__gallery-item:first-child .about-pros__icon:nth-child(4) {
  top: 73%;
  left: 98%;
  width: 29.695%;
}
.about-pros__gallery-item:nth-child(2) {
  flex: 0 0 34.008%;
}
.about-pros__gallery-item:nth-child(2) .about-pros__icon {
  top: 13.5%;
  left: 87.5%;
  width: 24%;
}
.about-pros__gallery-item:nth-child(3), .about-pros__gallery-item:nth-child(4) {
  flex: 0 0 30.515%;
}
.about-pros__gallery-item:nth-child(3) {
  margin: 0 0 0 0.9195%;
}
.about-pros__gallery-item:nth-child(4) {
  margin: 0 0 0 4.045%;
}
.about-pros__img {
  width: 100%;
}
.about-pros__icon {
  position: absolute;
  transform: translate(-50%, -50%);
}

.about-quote__slide {
  background-color: #FAF7EE;
  height: 33.75em;
}
@media (max-width: 1024px) {
  .about-quote__slide {
    height: 25.625em;
  }
}
.about-quote__slide:first-child .about-quote__text {
  max-width: 20.475em;
}
.about-quote__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 7.375em;
}
@media (max-width: 1024px) {
  .about-quote__container {
    padding-top: 3.5em;
  }
}
.about-quote__brackets {
  color: #EF4B8B;
  font-family: "Playfair Display", sans-serif;
  font-size: 7.5em;
  line-height: 1;
}
.about-quote__text {
  color: #373A3F;
  text-align: center;
  max-width: 22.7em;
  margin: -0.325em 0 0;
}
@media (max-width: 1024px) {
  .about-quote__text {
    font-size: 2em;
    margin: -0.4063em 0 0;
  }
}
.about-quote .swiper-pagination-bullet {
  width: 0.375rem;
  height: 0.375rem;
  background: #E9E2D2;
  opacity: 1;
  position: relative;
}
.about-quote .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  inset: -0.4375rem;
}
.about-quote .swiper-pagination-bullet-active {
  width: 2.5rem;
  background: #EF4B8B;
  border-radius: 0.375rem;
}
.about-quote .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.about-quote .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.5rem;
}
.about-quote .swiper-horizontal > .swiper-pagination-bullets,
.about-quote .swiper-pagination-bullets.swiper-pagination-horizontal,
.about-quote .swiper-pagination-custom,
.about-quote .swiper-pagination-fraction {
  bottom: 5.8125em;
}
@media (max-width: 1024px) {
  .about-quote .swiper-horizontal > .swiper-pagination-bullets,
  .about-quote .swiper-pagination-bullets.swiper-pagination-horizontal,
  .about-quote .swiper-pagination-custom,
  .about-quote .swiper-pagination-fraction {
    bottom: 5.375em;
  }
}

.about-footer {
  padding: 6.25em 0 4.25em;
}
@media (max-width: 1024px) {
  .about-footer {
    padding: 4.5em 0 4.75em;
  }
}
.about-footer__container {
  display: flex;
  gap: 4.125em;
}
@media (max-width: 1024px) {
  .about-footer__container {
    flex-direction: column;
    gap: 2.5em;
  }
}
.about-footer__col:first-child {
  width: 49%;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .about-footer__col:first-child {
    width: 100%;
  }
}
.about-footer__col:last-child {
  flex: 1;
}
.about-footer__title {
  color: #DAA464;
}
.about-footer__video-wrap {
  width: 100%;
  aspect-ratio: 11.76/6.6;
  position: relative;
  border-radius: 0.75em;
  overflow: hidden;
  margin: 2.5em 0 0;
}
@media (max-width: 1024px) {
  .about-footer__video-wrap {
    border-radius: 0.875em;
  }
}
.about-footer__video-thumbnail {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-footer__video-play-btn {
  width: 4.875em;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  color: #EFB666;
  transition: color 0.25s;
  cursor: pointer;
  z-index: 1;
}
.about-footer__video-play-btn:hover {
  color: #BA874C;
}
.about-footer__video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-footer__text, .about-footer__author {
  font-size: 1.25em;
  color: #373A3F;
}
.about-footer__text {
  margin: 4.6em 0 0;
}
@media (max-width: 1024px) {
  .about-footer__text {
    margin: 0;
  }
}
.about-footer__author {
  margin: 1.6em 0 0;
}
@media (max-width: 1024px) {
  .about-footer__author {
    font-size: 1.125em;
    margin: 1.8889em 0 0;
  }
}
.about-footer__author strong {
  font-size: 0.9em;
  line-height: 1.4;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .about-footer__author strong {
    font-size: 1em;
    line-height: 1.5;
  }
}
.about-footer__signature {
  width: 8.6875em;
  margin: 0.8125em 0 0;
}