/*=========== TABLE OF CONTENTS ===========
1. Common CSS
2. Page CSS
==========================================*/

/*-------------------------------------
  1. Common CSS
--------------------------------------*/
.header__slider-item {
  padding-left: var(--space-md);
  padding-right: var(--space-md);
  display: flex;
}

.header__slider-item-4 {
  padding-left: var(--space-md);
  padding-right: var(--space-md);
  flex: 1;
  display: flex;
  justify-content: center;
  @media only screen and (max-width: 1050px) {
    align-self: stretch;
  }
}

.header__slider-text {
  color: var(--white_a700) !important;
  text-wrap: nowrap;
}

.horizontal-container__column-row {
  width: 100%;
  padding: 90px var(--space-8xl);
  border-radius: var(--radius-xs);
  @media only screen and (max-width: 1050px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }

  @media only screen and (max-width: 550px) {
    padding: var(--space-3xl);
  }
}

.horizontal-container__column-row-text {
  color: var(--black_900) !important;
  letter-spacing: 0.32px;
  text-align: center;
  font-size: 32px !important;
  line-height: 140%;
  @media only screen and (max-width: 1050px) {
    font-size: 30px !important;
  }

  @media only screen and (max-width: 550px) {
    font-size: 28px !important;
  }
}

.horizontal-container__traffic-text-span {
  color: var(--red_a400);
  letter-spacing: 0.32px;
  font-size: 32px;
}

.horizontal-container__traffic-text-span-1 {
  color: var(--black_900);
  letter-spacing: 0.2px;
  font-size: 20px;
}

.horizontal-container__description-span-7 {
  color: var(--gray_50);
}

.user-profile {
  gap: var(--space-8xl);
  display: flex;
  width: 32%;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.user-profile__image {
  height: 170px;
  width: 170px;
  object-fit: contain;
}

.user-profile__counter {
  color: var(--white_a700) !important;
  letter-spacing: 0.32px;
  font-size: 32px !important;
  @media only screen and (max-width: 1050px) {
    font-size: 30px !important;
  }

  @media only screen and (max-width: 550px) {
    font-size: 28px !important;
  }
}

.user-profile__description {
  color: var(--white_a700) !important;
  letter-spacing: 0.2px;
  text-align: center;
  font-size: 20px !important;
  align-self: stretch;
  line-height: 150%;
}

.tablecontainer {
  padding-top: var(--space-9xl);
  padding-bottom: var(--space-9xl);
  background-color: var(--gray_50);
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 550px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.content-section-2 {
  gap: var(--space-xl);
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }
}

.horizontal-container__slider-image--bag {
  height: 20px;
}

.horizontal-container__title-23 {
  color: var(--red_a400) !important;
  font-family: Lora !important;
  font-size: 48px !important;
  line-height: 48px;
  @media only screen and (max-width: 1050px) {
    font-size: 44px !important;
  }

  @media only screen and (max-width: 550px) {
    font-size: 38px !important;
  }
}

.horizontal-container__row {
  margin-top: 12px;
  padding-left: 56px;
  padding-right: 56px;
  display: flex;
  justify-content: center;
  @media only screen and (max-width: 1050px) {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
    padding: var(--space-3xl);
  }
}

.button-2 {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: var(--gray_50);
  display: flex;
  justify-content: center;
  @media only screen and (max-width: 550px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.statistics-display__column {
  gap: var(--space-3xl);
  display: flex;
  width: 100%;
  flex-direction: column;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.statistics-display__image {
  height: 50px;
  width: 14%;
  object-fit: contain;
}

.statistics-display__item-1 {
  gap: var(--space-4xl);
  display: flex;
  align-items: start;
}

.statistics-display__image-1 {
  height: 42px;
  width: 28%;
  object-fit: contain;
}

.statistics-display__text-1 {
  color: var(--black_900) !important;
  letter-spacing: 0.2px;
  font-size: 20px !important;
  align-self: center;
  width: 44%;
  line-height: 150%;
}

.statistics-display__item-2 {
  gap: var(--space-3xl);
  display: flex;
  justify-content: center;
  align-items: start;
}

.statistics-display__image-2 {
  height: 52px;
  width: 28%;
  object-fit: contain;
}

.statistics-display__text-2 {
  color: var(--black_900) !important;
  letter-spacing: 0.2px;
  font-size: 20px !important;
  align-self: center;
  line-height: 150%;
}

.statistics-display__item {
  gap: var(--space-3xl);
  display: flex;
  align-items: start;
}

.statistics-display__image-3 {
  height: 62px;
  width: 62px;
  object-fit: contain;
}

.statistics-display__text {
  color: var(--black_900) !important;
  letter-spacing: 0.2px;
  font-size: 20px !important;
  align-self: center;
  width: 60%;
  line-height: 150%;
}

.city-fashion-sustainability__paragraph-2 {
  gap: var(--space-8xl);
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 40px var(--space-3xl);
  @media only screen and (max-width: 1050px) {
    align-self: stretch;
  }

  @media only screen and (max-width: 550px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.city-fashion-sustainability__title {
  color: var(--red_a400) !important;
  margin-left: 20px;
  font-family: Lora !important;
  line-height: 56px;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.city-fashion-sustainability__description {
  margin-left: 20px;
  letter-spacing: 0.32px;
  font-size: 32px !important;
  width: 90%;
  line-height: 140%;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 30px !important;
    padding: var(--space-3xl);
    margin-left: 0px;
  }

  @media only screen and (max-width: 550px) {
    font-size: 28px !important;
  }
}

.city-fashion-sustainability__rating {
  height: 670px;
  width: 50%;
  object-fit: contain;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.horizontal-container__title-3 {
  color: var(--red_a400) !important;
  font-family: Lora !important;
}

.horizontal-container__subtitle-3 {
  margin-top: 18px;
  letter-spacing: 0.24px;
}

.regions__item-1 {
  gap: var(--space-xl);
  display: flex;
  width: 12%;
  justify-content: center;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.content__summary {
  background-color: var(--gray_200);
  align-self: stretch;
  border-radius: var(--radius-xs);
  border: 1px solid var(--black_900);
}

.summary__text {
  letter-spacing: 0.18px;
  text-align: center;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 150%;
}

.columnas-1 {
  gap: var(--space-8xl);
  display: flex;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.horizontal-container__description-2 {
  margin-left: 20px;
  letter-spacing: 0.2px;
  font-size: 20px !important;
  align-self: start;
  width: 90%;
  line-height: 150%;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    padding: var(--space-3xl);
    margin-left: 0px;
  }
}

.horizontal-container__row-3 {
  margin-left: 20px;
  margin-right: 20px;
  gap: var(--space-lg);
  align-self: stretch;
  display: flex;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.horizontal-container__image-13 {
  height: 106px;
  width: 106px;
  object-fit: contain;
}

.horizontal-container__subtitle-5 {
  color: var(--red_a400) !important;
  letter-spacing: 0.24px;
  font-size: 24px !important;
  width: 24%;
  line-height: 160%;
  @media only screen and (max-width: 1050px) {
    font-size: 22px !important;
  }
}

.horizontal-container__description--highlighted {
  letter-spacing: 0.18px;
  font-size: 18px !important;
  font-weight: 500 !important;
  width: 96%;
  line-height: 150%;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    padding: var(--space-3xl);
  }
}

.horizontal-container__title-10 {
  color: var(--black_900) !important;
  letter-spacing: 0.24px;
  font-size: 24px !important;
  @media only screen and (max-width: 1050px) {
    font-size: 22px !important;
  }
}

.horizontal-container__description-span-19 {
  color: var(--blue_gray_900);
  letter-spacing: 0.24px;
  font-size: 24px;
}

.list-block__item {
  color: var(--black_900) !important;
  letter-spacing: 0.23px;
  font-size: 22.85px !important;
}

.paragraph__content-span-5 {
  color: var(--blue_gray_900);
  letter-spacing: 0.2px;
  font-size: 20px;
  font-weight: 700;
}

.paragraph__content-span-2 {
  color: var(--blue_gray_900);
  letter-spacing: 0.2px;
  font-size: 20px;
}

.card-1 {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: var(--gray_200);
  display: flex;
  justify-content: center;
  @media only screen and (max-width: 550px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.content-section-1 {
  display: flex;
  justify-content: center;
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }
}

.horizontal-container__vertical-section-1 {
  gap: var(--space-8xl);
  display: flex;
  width: 100%;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.community-overview__column--left {
  height: 720px;
  background-image: url(../public/images/img_frame_48096672.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 100px 56px;
  @media only screen and (max-width: 1050px) {
    height: auto;
    padding: var(--space-3xl);
  }
}

.community-overview__column--highlight {
  margin-bottom: 166px;
  gap: var(--space-3xl);
  display: flex;
  width: 68%;
  flex-direction: column;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.horizontal-container__title-22 {
  color: var(--red_a400) !important;
  font-family: Lora !important;
  text-align: center;
  font-size: 48px !important;
  line-height: 48px;
  @media only screen and (max-width: 1050px) {
    font-size: 44px !important;
  }

  @media only screen and (max-width: 550px) {
    font-size: 38px !important;
  }
}

.community-overview__description {
  letter-spacing: 0.2px;
  text-align: center;
  font-size: 20px !important;
  line-height: 150%;
}

.content-section__description-span {
  color: var(--blue_gray_900);
}

.horizontal-container__description-span-2 {
  color: var(--blue_gray_900);
  font-weight: 700;
}

.community-overview__stats {
  margin-left: 50px;
  margin-right: 50px;
  gap: var(--space-8xl);
  display: flex;
  flex-direction: column;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.community-overview__stats-item {
  gap: var(--space-2xl);
  display: flex;
  align-items: center;
}

.community-overview__stats-value {
  letter-spacing: 0.2px;
  font-size: 20px !important;
  align-self: start;
}

.community-overview__stats-item-1 {
  gap: var(--space-2xl);
  display: flex;
  justify-content: center;
  align-items: center;
}

.community-overview__icon--favorite {
  height: 32px;
}

.horizontal-container__subtitle-9 {
  letter-spacing: 0.2px;
  font-size: 20px !important;
}

.community-overview__column--right {
  gap: var(--space-8xl);
  width: 100%;
  padding: var(--space-11xl) 6px;
  @media only screen and (max-width: 1050px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.community-overview__highlight-text {
  font-family: Lora !important;
  font-size: 40px !important;
  width: 94%;
  line-height: 40px;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 38px !important;
    padding: var(--space-3xl);
  }

  @media only screen and (max-width: 550px) {
    font-size: 36px !important;
  }
}

.community-overview__detail-text {
  letter-spacing: 0.2px;
  font-size: 20px !important;
  width: 94%;
  line-height: 150%;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    padding: var(--space-3xl);
  }
}

.community-overview__return-stat {
  color: var(--red_a400) !important;
  letter-spacing: 0.32px;
  font-size: 32px !important;
  width: 100%;
  line-height: 140%;
  @media only screen and (max-width: 1050px) {
    font-size: 30px !important;
  }

  @media only screen and (max-width: 550px) {
    font-size: 28px !important;
  }
}

.horizontal-container__description-9 {
  letter-spacing: 0.2px;
  font-size: 20px !important;
  line-height: 150%;
}

.horizontal-container__column-4 {
  position: absolute;
  top: 25%;
  padding-left: 56px;
  padding-right: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  @media only screen and (max-width: 1050px) {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
    padding: var(--space-3xl);
  }
}

.horizontal-container__title {
  color: var(--white_a700) !important;
  font-family: Lora !important;
}

.horizontal-container__description-span {
  color: var(--red_a400);
  font-size: 35.53px;
}

.vertical-2 {
  gap: var(--space-8xl);
  background-color: var(--gray_200);
  display: flex;
  align-items: start;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.paragraph-1 {
  gap: var(--space-md);
  align-self: center;
  background-color: var(--white_a700);
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: start;
  padding: var(--space-8xl) 34px;
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }
}

.paragraph__title {
  color: var(--red_a400) !important;
  margin-left: 6px;
  font-family: Lora !important;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.paragraph__content {
  margin-bottom: 6px;
  margin-left: 6px;
  letter-spacing: 0.24px;
  width: 92%;
  line-height: 160%;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    padding: var(--space-3xl);
    margin-left: 0px;
  }
}

.paragraph__content-span {
  color: var(--blue_gray_900);
  font-size: 35.53px;
}

.city-fashion-sustainability__paragraph {
  gap: var(--space-8xl);
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 40px var(--space-3xl);
  @media only screen and (max-width: 1050px) {
    align-self: stretch;
    padding: var(--space-3xl);
  }

  @media only screen and (max-width: 550px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.content-section__logo {
  color: var(--red_a400) !important;
  font-family: Lora !important;
  font-size: 48px !important;
  @media only screen and (max-width: 1050px) {
    font-size: 44px !important;
  }

  @media only screen and (max-width: 550px) {
    font-size: 38px !important;
  }
}

.content-section__description-3 {
  margin-top: 14px;
  letter-spacing: 0.24px;
  text-align: center;
  font-size: 24px !important;
  align-self: stretch;
  line-height: 160%;
  @media only screen and (max-width: 1050px) {
    font-size: 22px !important;
  }
}

.content-section__subtitle {
  margin-top: 32px;
  letter-spacing: 0.32px;
  font-size: 32px !important;
  @media only screen and (max-width: 1050px) {
    font-size: 30px !important;
  }

  @media only screen and (max-width: 550px) {
    font-size: 28px !important;
  }
}

.card-7 {
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  justify-content: center;
  @media only screen and (max-width: 550px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container__vertical-section {
  gap: var(--space-8xl);
  display: flex;
  width: 100%;
  align-items: start;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.horizontal-container__button-2 {
  height: 720px;
  align-self: center;
  width: 30%;
  object-fit: contain;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.card__content {
  padding-left: 22px;
  padding-right: 22px;
  gap: var(--space-8xl);
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    align-self: stretch;
  }

  @media only screen and (max-width: 550px) {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
  }
}

.content__description-1 {
  letter-spacing: 0.24px;
  text-align: center;
  font-size: 24px !important;
  align-self: stretch;
  line-height: 160%;
  @media only screen and (max-width: 1050px) {
    font-size: 22px !important;
  }
}

.list__column--left {
  gap: var(--space-3xl);
  align-self: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}

.item__label {
  letter-spacing: 0.18px;
  font-size: 18px !important;
  font-weight: 500 !important;
}

.content__title {
  color: var(--red_a400) !important;
  font-family: Lora !important;
  text-align: center;
  font-size: 48px !important;
  align-self: stretch;
  line-height: 48px;
  @media only screen and (max-width: 1050px) {
    font-size: 44px !important;
  }

  @media only screen and (max-width: 550px) {
    font-size: 38px !important;
  }
}

.stats__item {
  background-color: var(--gray_200);
  width: 100%;
  padding: var(--space-2xl);
  border-radius: var(--radius-xs);
  border: 1px solid var(--black_900);
}

.item__text {
  letter-spacing: 0.16px;
  text-align: center;
  font-weight: 500 !important;
  line-height: 150%;
}

.content-section__forecast-text-span {
  color: var(--black_900);
  letter-spacing: 0.18px;
  font-size: 18px;
}

.item__view-2 {
  height: 20px;
  background-color: var(--teal_200);
  width: 20px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--black_900);
}

.regions__item-2 {
  gap: var(--space-xl);
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    align-self: stretch;
  }
}

.item__view-1 {
  height: 20px;
  background-color: var(--red_100);
  width: 20px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--black_900);
}

.item__label-1 {
  letter-spacing: 0.18px;
  font-size: 18px !important;
  font-weight: 500 !important;
  align-self: end;
}

.horizontal-container-1 {
  margin-bottom: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }
}

.horizontal-container__subtitle-1 {
  letter-spacing: 0.32px;
  font-size: 32px !important;
  @media only screen and (max-width: 1050px) {
    font-size: 30px !important;
  }

  @media only screen and (max-width: 550px) {
    font-size: 28px !important;
  }
}

.content__stats {
  gap: var(--space-8xl);
  display: flex;
  align-self: stretch;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.horizontal-container__column-14 {
  gap: var(--space-11xl);
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    gap: 70px;
  }

  @media only screen and (max-width: 550px) {
    gap: 47px;
  }
}

.horizontal-container-11 {
  gap: var(--space-8xl);
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: var(--space-7xl) var(--space-3xl);
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }

  @media only screen and (max-width: 550px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container__image-3 {
  height: 150px;
  margin-top: 8px;
  margin-left: 20px;
  width: 90%;
  object-fit: contain;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.horizontal-container__description {
  margin-left: 20px;
  letter-spacing: 0.24px;
  line-height: 160%;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.horizontal-container-12 {
  gap: var(--space-8xl);
  align-self: center;
  background-color: var(--white_a700);
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 40px var(--space-3xl);
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }

  @media only screen and (max-width: 550px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container__title-9 {
  color: var(--red_a400) !important;
  font-family: Lora !important;
  width: 96%;
  line-height: 56px;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    padding: var(--space-3xl);
  }
}

.horizontal-container__description-1 {
  color: var(--black_900) !important;
  letter-spacing: 0.22px;
  font-size: 22.21px !important;
  line-height: 150%;
}

.userprofile1__image--secondary {
  height: 262px;
  margin-bottom: 150px;
  margin-right: 14px;
  object-fit: contain;
  width: 100%;
  @media only screen and (max-width: 1050px) {
    height: auto;
    margin-right: 0px;
  }
}

.horizontal-container__card-button-text {
  letter-spacing: 0.18px;
  font-size: 18px !important;
  font-weight: 500 !important;
  width: 100%;
  line-height: 150%;
}

.graciaspor-span {
  color: var(--red_a400);
}

.horizontal-container__card-description-span-2 {
  color: var(--black_900);
  font-weight: 700;
}

.horizontal-container__subtext-span {
  color: var(--black_900);
}

.item__slider {
  height: 20px;
  background-color: var(--red_a400);
  width: 20px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--black_900);
}

.item__view {
  height: 20px;
  background-color: var(--blue_gray_900);
  width: 20px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--black_900);
}

.horizontal {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: var(--gray_50);
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 550px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.content-section__text {
  letter-spacing: 0.16px;
  text-align: center;
  font-weight: 500 !important;
  line-height: 160%;
}

.footer__column--links {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  gap: var(--space-xl);
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}

.footer__text--rights {
  color: var(--blue_gray_900) !important;
  font-family: Public Sans !important;
}

.content-section__source {
  font-family: Public Sans !important;
}

.footer__row--payments {
  display: flex;
}

.footer__image--appstore {
  height: 50px;
  margin-top: 16px;
  width: 70%;
  object-fit: contain;
}

.footer__icon--profile {
  height: 26px;
}

.horizontal-container__row-1 {
  padding-left: 56px;
  padding-right: 56px;
  display: flex;
  justify-content: center;
  @media only screen and (max-width: 1050px) {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
    padding: var(--space-3xl);
  }
}

/*-------------------------------------
  2. Page CSS
--------------------------------------*/
.columnlogo-one {
  background-color: var(--white_a700);
  width: 100%;
}

.header__top-row {
  gap: var(--space-xl);
  background-color: var(--white_a700);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--space-xl);
}

.header__logo-container {
  flex: 1;
  display: flex;
}

.header__logo {
  height: 38px;
}

.header__button {
  font-family: Public Sans;
  min-width: 204px;
  border-radius: var(--radius-lg);
  @media screen and (max-width: 600px) {
    display: none!important;
  }

}

.header__slider {
  background-color: var(--blue_gray_700);
  display: flex;
  padding: var(--space-xl);
  @media screen and (max-width: 600px) {
    display: none!important;
  }
}

.header__slider-row {
  gap: var(--space-xl);
  display: flex;
  @media only screen and (max-width: 1050px) {
    overflow-x: auto;
    width: 100%;
  }
}

.button-1 {
  height: 700px;
  background-image: url(../public/images/img_button_700x1280.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: var(--space-11xl) var(--space-sm);
  @media only screen and (max-width: 1050px) {
    height: auto;
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container {
  padding-top: 126px;
  padding-bottom: 126px;
  @media only screen and (max-width: 1050px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container__column-5 {
  gap: 40px;
  display: flex;
  flex-direction: column;
  align-items: start;
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }
}

.horizontal-container__title-17 {
  color: var(--gray_50) !important;
  font-family: Lora !important;
  width: 50%;
  line-height: 56px;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    padding: var(--space-3xl);
  }
}

.horizontal-container__button-1 {
  font-family: Public Sans;
  min-width: 228px;
  border-radius: var(--radius-xl);
  @media only screen and (max-width: 550px) {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
  }
}

.container {
  gap: var(--space-8xl);
  display: flex;
  align-items: start;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.horizontal-container__image {
  height: 720px;
  align-self: center;
  width: 50%;
  object-fit: cover;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.content-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
  @media only screen and (max-width: 1050px) {
    align-self: stretch;
    padding: var(--space-3xl);
  }
}

.content-section__description {
  color: var(--blue_gray_900) !important;
  letter-spacing: 0.18px;
  font-size: 18px !important;
  font-weight: 500 !important;
  width: 100%;
  line-height: 150%;
}

.content-section__author {
  margin-top: 10px;
  letter-spacing: 0.18px;
  font-size: 18px !important;
  font-weight: 500 !important;
}

.horizontal-container__paragraph-1 {
  gap: var(--space-8xl);
  display: flex;
  flex: 1;
  flex-direction: column;
  @media only screen and (max-width: 1050px) {
    align-self: stretch;
  }
}

.horizontal-container__description-span-21 {
  color: var(--red_a400);
  letter-spacing: 0.24px;
  font-size: 24px;
}

.button-3 {
  background-color: var(--gray_50);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.row_three {
  padding-top: var(--space-md);
  padding-bottom: var(--space-md);
  z-index: 1;
  background-color: var(--red_a400);
  align-self: stretch;
  position: relative;
  display: flex;
  justify-content: center;
}

.horizontal-container__title-18 {
  color: var(--white_a700) !important;
  font-family: Lora !important;
  text-align: center;
  font-size: 48px !important;
  flex: 1;
  line-height: 48px;
  @media only screen and (max-width: 1050px) {
    font-size: 44px !important;
  }

  @media only screen and (max-width: 550px) {
    font-size: 38px !important;
  }
}

.horizontal-container-4 {
  margin-top: -92px;
  margin-bottom: 38px;
  position: relative;
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }
}

.horizontal-container__column-6 {
  gap: var(--space-8xl);
  display: flex;
  padding: 106px 52px;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    padding: var(--space-3xl);
  }
}

.card-2 {
  padding-top: 72px;
  padding-bottom: 72px;
  background-color: var(--gray_200);
  @media only screen and (max-width: 1050px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container-5 {
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }
}

.horizontal-container__subtitle {
  margin-top: 14px;
  letter-spacing: 0.32px;
  font-size: 32px !important;
  @media only screen and (max-width: 1050px) {
    font-size: 30px !important;
  }

  @media only screen and (max-width: 550px) {
    font-size: 28px !important;
  }
}

.horizontal-container__card-1 {
  margin-top: 32px;
  padding-left: 56px;
  padding-right: 56px;
  gap: var(--space-8xl);
  display: flex;
  align-self: stretch;
  justify-content: center;
  align-items: start;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
  }
}

.horizontal-container__card-section {
  gap: var(--space-7xl);
  display: flex;
  width: 44%;
  flex-direction: column;
  align-items: start;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.horizontal-container__text {
  letter-spacing: 0.24px;
  font-size: 24px !important;
  width: 100%;
  line-height: 160%;
  @media only screen and (max-width: 1050px) {
    font-size: 22px !important;
  }
}

.horizontal-container__statistics {
  gap: var(--space-lg);
  background-color: var(--gray_50);
  display: flex;
  width: 68%;
  justify-content: center;
  align-items: center;
  padding: var(--space-7xl);
  border-radius: var(--radius-xs);
  border: 1px solid var(--black_900);
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }

  @media only screen and (max-width: 550px) {
    padding: var(--space-3xl);
  }
}

.horizontal-container__chart-image {
  height: 74px;
  width: 32%;
  object-fit: contain;
}

.horizontal-container__chart-text {
  color: var(--black_900) !important;
  margin-top: 8px;
  letter-spacing: 0.18px;
  align-self: end;
  width: 66%;
  line-height: 150%;
}

.horizontal-container__chart-text-span-1 {
  color: var(--black_900);
  font-size: 20px;
}

.horizontal-container__traffic-section {
  gap: var(--space-xl);
  align-self: center;
  background-color: var(--gray_50);
  display: flex;
  width: 28%;
  flex-direction: column;
  align-items: center;
  padding: var(--space-2xl);
  border-radius: var(--radius-xs);
  border: 1px solid var(--black_900);
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.horizontal-container__traffic-image {
  height: 66px;
  width: 54%;
}

.horizontal-container__traffic-text {
  letter-spacing: 0.18px;
  text-align: center;
  font-size: 18px !important;
  font-weight: 500 !important;
  align-self: stretch;
  line-height: 150%;
}

.tooltip-1 {
  height: 800px;
  padding-top: 228px;
  padding-bottom: 228px;
  background-image: url(../public/images/img_tooltip_800x1280.png);
  background-size: cover;
  background-repeat: no-repeat;
  @media only screen and (max-width: 1050px) {
    height: auto;
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container-6 {
  margin-bottom: 6px;
  padding-left: 56px;
  padding-right: 56px;
  gap: var(--space-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
    padding: var(--space-3xl);
  }
}

.horizontal-container__content-1 {
  margin-left: 104px;
  margin-right: 104px;
  background-color: var(--red_a400);
  display: flex;
  padding: var(--space-lg);
  border-radius: var(--radius-xl);
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.horizontal-container__description-3 {
  color: var(--gray_50) !important;
  margin-bottom: 30px;
  font-family: Lora !important;
  font-size: 40px !important;
  @media only screen and (max-width: 1050px) {
    font-size: 38px !important;
  }

  @media only screen and (max-width: 550px) {
    font-size: 36px !important;
  }
}

.calendar {
  padding-top: var(--space-8xl);
  padding-bottom: var(--space-8xl);
  background-color: var(--blue_gray_900);
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 550px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container__column {
  margin-bottom: 6px;
  gap: var(--space-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }
}

.horizontal-container__title-6 {
  font-family: Lora !important;
  text-align: center;
  font-size: 40px !important;
  align-self: stretch;
  line-height: 40px;
  @media only screen and (max-width: 1050px) {
    font-size: 38px !important;
  }

  @media only screen and (max-width: 550px) {
    font-size: 36px !important;
  }
}

.horizontal-container__image-2 {
  height: 380px;
  margin-left: 208px;
  margin-right: 208px;
  object-fit: contain;
  width: 100%;
  @media only screen and (max-width: 1050px) {
    height: auto;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.horizontal-container__slider-container {
  width: 28%;
  display: flex;
  justify-content: space-between;
  gap: var(--space-3xl);
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.horizontal-container__slider-1 {
  gap: var(--space-xl);
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.horizontal-container__slider-2 {
  gap: var(--space-xl);
  display: flex;
  align-items: center;
}

.vertical-1 {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: var(--gray_200);
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 550px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container-8 {
  gap: 34px;
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }
}

.horizontal-container__vertical-column {
  padding-top: 46px;
  padding-bottom: 46px;
  gap: var(--space-8xl);
  display: flex;
  align-self: stretch;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container__stats-section {
  margin-top: 18px;
  width: 40%;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.stats-section__chart-row {
  margin-top: 20px;
  margin-left: 48px;
  margin-right: 48px;
  gap: var(--space-10xl);
  display: flex;
  align-items: start;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }

  @media only screen and (max-width: 550px) {
    flex-direction: column;
  }
}

.chart-row__image--chart {
  height: 84px;
  margin-top: 10px;
  width: 84px;
  object-fit: contain;
  @media only screen and (max-width: 550px) {
    width: 100%;
    margin-top: 0px;
  }
}

.chart-row__percentage {
  font-family: Lora !important;
  align-self: center;
}

.stats-section__chart-row-1 {
  margin-left: 46px;
  margin-right: 46px;
  gap: var(--space-10xl);
  display: flex;
  align-items: start;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }

  @media only screen and (max-width: 550px) {
    flex-direction: column;
  }
}

.chart-row__image--chart-1 {
  height: 82px;
  margin-top: 10px;
  width: 26%;
  object-fit: contain;
  @media only screen and (max-width: 550px) {
    width: 100%;
    margin-top: 0px;
  }
}

.chart-row__percentage-1 {
  color: var(--red_a400) !important;
  font-family: Lora !important;
  align-self: center;
}

.horizontal-container__description-4 {
  letter-spacing: 0.32px;
  font-size: 32px !important;
  width: 60%;
  line-height: 140%;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 30px !important;
    padding: var(--space-3xl);
  }

  @media only screen and (max-width: 550px) {
    font-size: 28px !important;
  }
}

.tooltip-2 {
  height: 800px;
  padding-top: 352px;
  padding-bottom: 352px;
  background-image: url(../public/images/img_tooltip_1.png);
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: end;
  @media only screen and (max-width: 1050px) {
    height: auto;
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.content-section__text-block {
  padding-top: 48px;
  padding-bottom: 48px;
  gap: var(--space-8xl);
  align-self: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    align-self: stretch;
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.text-block__title {
  color: var(--red_a400) !important;
  font-family: Lora !important;
  font-size: 48px !important;
  width: 100%;
  line-height: 48px;
  @media only screen and (max-width: 1050px) {
    font-size: 44px !important;
  }

  @media only screen and (max-width: 550px) {
    font-size: 38px !important;
  }
}

.text-block__paragraph {
  letter-spacing: 0.32px;
  font-size: 32px !important;
  width: 96%;
  line-height: 140%;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 30px !important;
    padding: var(--space-3xl);
  }

  @media only screen and (max-width: 550px) {
    font-size: 28px !important;
  }
}

.content-section__image-column {
  width: 38%;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.image-column__inner {
  margin-right: 12px;
  background-color: var(--gray_50);
  padding: 48px var(--space-6xl);
  border-radius: var(--radius-xs);
  border: 1.11px solid var(--black_900);
  @media only screen and (max-width: 1050px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
    margin-right: 0px;
  }

  @media only screen and (max-width: 550px) {
    padding: var(--space-3xl);
  }
}

.inner__vertical-stack {
  gap: var(--space-sm);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.vertical-stack__image {
  height: 132px;
  width: 132px;
  object-fit: contain;
}

.vertical-stack__text {
  color: var(--black_900) !important;
  letter-spacing: 0.2px;
  text-align: center;
  font-size: 19.98px !important;
  align-self: stretch;
  line-height: 150%;
}

.vertical-stack__text-span {
  color: var(--red_a400);
  letter-spacing: 0.36px;
  font-size: 35.53px;
}

.vertical-stack__text-span-1 {
  color: var(--black_900);
  letter-spacing: 0.22px;
  font-size: 22.21px;
}

.vertical-stack__text-span-2 {
  color: var(--black_900);
  letter-spacing: 0.22px;
  font-size: 22.21px;
  font-weight: 700;
}

.paragraph {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: var(--blue_gray_900);
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 550px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.content-column {
  margin-bottom: 38px;
  gap: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }
}

.content-column__description {
  color: var(--white_a700) !important;
  font-family: Lora !important;
  text-align: center;
  font-size: 48px !important;
  align-self: stretch;
  line-height: 48px;
  @media only screen and (max-width: 1050px) {
    font-size: 44px !important;
  }

  @media only screen and (max-width: 550px) {
    font-size: 38px !important;
  }
}

.content-column__highlight {
  color: var(--white_a700) !important;
  letter-spacing: 0.24px;
  font-size: 24px !important;
  @media only screen and (max-width: 1050px) {
    font-size: 22px !important;
  }
}

.container-1 {
  height: 800px;
  padding-top: 352px;
  padding-bottom: 352px;
  background-image: url(../public/images/img_container_800x1280.png);
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: end;
  @media only screen and (max-width: 1050px) {
    height: auto;
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container__list-1 {
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl);
  gap: var(--space-8xl);
  display: flex;
  width: 100%;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.statistics-display {
  padding-left: 56px;
  padding-right: 56px;
  width: 48%;
  display: flex;
  justify-content: center;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
  }
}

.statistics-display-1 {
  margin-top: 14px;
  margin-bottom: 14px;
  padding-left: 56px;
  padding-right: 56px;
  width: 48%;
  display: flex;
  justify-content: center;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

.checkbox-1 {
  height: 800px;
  padding-top: 358px;
  padding-bottom: 358px;
  background-image: url(../public/images/img_checkbox.png);
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    height: auto;
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container__image-4 {
  height: 260px;
  margin-bottom: 152px;
  margin-right: 14px;
  object-fit: contain;
  width: 100%;
  @media only screen and (max-width: 1050px) {
    height: auto;
    margin-right: 0px;
  }
}

.horizontal-container-13 {
  gap: var(--space-8xl);
  width: 100%;
  padding: 40px var(--space-7xl);
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }
}

.horizontal-container__image-5 {
  height: 362px;
  margin-right: 20px;
  object-fit: contain;
  width: 100%;
  @media only screen and (max-width: 1050px) {
    height: auto;
    margin-right: 0px;
  }
}

.listmsciudades {
  display: flex;
  flex-direction: column;
}

.city-fashion-sustainability-2 {
  gap: var(--space-8xl);
  display: flex;
  flex: 1;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    padding: var(--space-3xl);
  }
}

.city-fashion-sustainability-3 {
  gap: var(--space-8xl);
  background-color: var(--red_a400);
  display: flex;
  flex: 1;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    padding: var(--space-3xl);
  }
}

.content-section__card {
  padding-top: 62px;
  padding-bottom: 62px;
  width: 100%;
  @media only screen and (max-width: 1050px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.content-section__image {
  height: 184px;
  margin-top: 32px;
  width: 48%;
  object-fit: contain;
}

.content-section__list {
  gap: var(--space-9xl);
  display: flex;
  align-self: stretch;
  justify-content: center;
  flex-wrap: wrap;
  margin: 32px 230px 4px 230px;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.content__image-1 {
  height: 158px;
  width: 34%;
  object-fit: contain;
}

.content__list {
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: var(--space-3xl);
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.list__column--right {
  gap: var(--space-2xl);
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}

.tooltip-3 {
  padding-top: var(--space-7xl);
  padding-bottom: var(--space-7xl);
  background-color: var(--gray_50);
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 550px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container__column-1 {
  margin-bottom: 14px;
  padding-left: 56px;
  padding-right: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
    padding: var(--space-3xl);
  }
}

.horizontal-container__image-6 {
  height: 580px;
  margin-top: 14px;
  margin-left: 114px;
  margin-right: 114px;
  width: 76%;
  object-fit: contain;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.horizontal-container__column-7 {
  width: 100%;
  padding: 138px 52px;
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }
}

.horizontal-container__image-8 {
  height: 206px;
  object-fit: contain;
  width: 100%;
  margin: 32px 212px 4px 212px;
  @media only screen and (max-width: 1050px) {
    height: auto;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.horizontal-container__column-8 {
  width: 100%;
  padding: 120px 52px;
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }
}

.horizontal-container__image-9 {
  height: 184px;
  margin-top: 32px;
  width: 52%;
  object-fit: contain;
}

.horizontal-container__list-2 {
  margin-top: 32px;
  margin-left: 176px;
  margin-right: 176px;
  gap: var(--space-9xl);
  display: flex;
  align-self: stretch;
  justify-content: center;
  flex-wrap: wrap;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.content-4 {
  gap: var(--space-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }
}

.content__image {
  height: 316px;
  margin-left: 168px;
  margin-right: 168px;
  object-fit: contain;
  width: 100%;
  @media only screen and (max-width: 1050px) {
    height: auto;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.content__regions {
  margin-left: 242px;
  margin-right: 242px;
  gap: var(--space-lg);
  display: flex;
  align-self: stretch;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.regions__item {
  gap: var(--space-xl);
  display: flex;
  width: 10%;
  justify-content: center;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.regions__item-4 {
  gap: var(--space-xl);
  display: flex;
  width: 14%;
  justify-content: center;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.item__view-3 {
  height: 20px;
  background-color: var(--gray_200);
  width: 20px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--black_900);
}

.item__view-4 {
  height: 20px;
  background-color: var(--yellow_a700);
  width: 20px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--black_900);
}

.content__description {
  font-family: Public Sans !important;
  text-align: center;
  line-height: 160%;
}

.vertical-4 {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}

.content-section-6 {
  gap: var(--space-8xl);
  background-color: var(--white_a700);
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: var(--space-5xl) var(--space-3xl);
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }

  @media only screen and (max-width: 550px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.content-section__title-2 {
  color: var(--red_a400) !important;
  margin-top: 14px;
  font-family: Lora !important;
  width: 96%;
  line-height: 56px;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    padding: var(--space-3xl);
  }
}

.content-section__source-2 {
  font-family: Public Sans !important;
  text-align: center;
  align-self: stretch;
  line-height: 160%;
}

.card-10 {
  padding-left: var(--space-3xl);
  padding-right: var(--space-3xl);
  gap: var(--space-8xl);
  width: 100%;
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }
}

.card__subtitle {
  color: var(--black_900) !important;
  letter-spacing: 0.24px;
  font-size: 24px !important;
  width: 96%;
  line-height: 160%;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 22px !important;
    padding: var(--space-3xl);
  }
}

.card__image-1 {
  height: 412px;
  margin-right: 20px;
  object-fit: contain;
  width: 100%;
  @media only screen and (max-width: 1050px) {
    height: auto;
    margin-right: 0px;
  }
}

.card__toggle-image {
  height: 104px;
  width: 40%;
  object-fit: contain;
}

.content-block {
  padding-top: 66px;
  padding-bottom: 66px;
  gap: var(--space-8xl);
  display: flex;
  width: 100%;
  flex-direction: column;
  @media only screen and (max-width: 1050px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.content-block__title {
  color: var(--red_a400) !important;
  font-family: Lora !important;
  line-height: 56px;
}

.content-block__description {
  letter-spacing: 0.32px;
  font-size: 32px !important;
  line-height: 140%;
  @media only screen and (max-width: 1050px) {
    font-size: 30px !important;
  }

  @media only screen and (max-width: 550px) {
    font-size: 28px !important;
  }
}

.list-block {
  padding-top: 192px;
  padding-bottom: 192px;
  gap: var(--space-8xl);
  width: 100%;
  @media only screen and (max-width: 1050px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.list-block__title {
  letter-spacing: 0.24px;
  font-weight: 700 !important;
}

.list-block__card {
  gap: var(--space-6xl);
  display: flex;
  align-self: stretch;
  justify-content: center;
  @media only screen and (max-width: 550px) {
    flex-direction: column;
  }
}

.list-block__card-column {
  gap: var(--space-5xl);
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}

.list-block__card-column-1 {
  gap: var(--space-2xl);
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: start;
  @media only screen and (max-width: 550px) {
    align-self: stretch;
  }
}

.list-block__image {
  height: 106px;
  width: 84%;
  object-fit: contain;
}

.card-9 {
  gap: var(--space-8xl);
  background-color: var(--gray_200);
  display: flex;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.paragraph-2 {
  gap: var(--space-8xl);
  background-color: var(--white_a700);
  flex: 1;
  padding: 154px var(--space-3xl);
  @media only screen and (max-width: 1050px) {
    align-self: stretch;
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
    padding: var(--space-3xl);
  }
}

.paragraph__title-1 {
  letter-spacing: 0.32px;
  text-align: right;
  font-size: 32px !important;
  width: 94%;
  line-height: 140%;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 30px !important;
    padding: var(--space-3xl);
  }

  @media only screen and (max-width: 550px) {
    font-size: 28px !important;
  }
}

.paragraph__description {
  letter-spacing: 0.2px;
  text-align: right;
  font-size: 20px !important;
  width: 94%;
  line-height: 150%;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    padding: var(--space-3xl);
  }
}

.horizontal-container__image-1 {
  height: 670px;
  width: 24%;
  object-fit: contain;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.horizontal-container-18 {
  align-self: start;
  flex: 1;
  padding: 40px var(--space-3xl);
  @media only screen and (max-width: 1050px) {
    align-self: stretch;
    padding: var(--space-3xl);
  }

  @media only screen and (max-width: 550px) {
    align-self: auto;
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container__column-9 {
  gap: var(--space-8xl);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.horizontal-container__highlighted-text {
  color: var(--red_a400) !important;
  font-family: Lora !important;
  font-size: 48px !important;
  width: 94%;
  line-height: 48px;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 44px !important;
    padding: var(--space-3xl);
  }

  @media only screen and (max-width: 550px) {
    font-size: 38px !important;
  }
}

.horizontal-container__description-6 {
  letter-spacing: 0.32px;
  font-size: 32px !important;
  width: 94%;
  line-height: 140%;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 30px !important;
    padding: var(--space-3xl);
  }

  @media only screen and (max-width: 550px) {
    font-size: 28px !important;
  }
}

.columncontent {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content_one {
  height: 800px;
  position: relative;
  object-fit: cover;
  width: 100%;
  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.columnas-2 {
  margin-top: -28px;
  gap: var(--space-8xl);
  position: relative;
  background-color: var(--gray_200);
  display: flex;
  align-items: start;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.horizontal-container__column-11 {
  gap: var(--space-8xl);
  align-self: center;
  background-color: var(--white_a700);
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 40px var(--space-2xl);
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }

  @media only screen and (max-width: 550px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container__image-11 {
  height: 262px;
  margin-bottom: 150px;
  object-fit: contain;
  width: 100%;
  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.horizontal-container__column-2 {
  gap: var(--space-8xl);
  width: 100%;
  padding: 40px var(--space-2xl);
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }

  @media only screen and (max-width: 550px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container__image-7 {
  height: 392px;
  margin-right: 20px;
  object-fit: contain;
  width: 100%;
  @media only screen and (max-width: 1050px) {
    height: auto;
    margin-right: 0px;
  }
}

.city-fashion-sustainability {
  gap: var(--space-8xl);
  background-color: var(--blue_gray_900);
  display: flex;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.city-fashion-sustainability-1 {
  gap: var(--space-8xl);
  display: flex;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.content-section__column-2 {
  padding-top: 68px;
  padding-bottom: 68px;
  width: 100%;
  @media only screen and (max-width: 1050px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.content-section__image-1 {
  height: 172px;
  margin-top: 32px;
  width: 44%;
  object-fit: contain;
}

.content-section__list-1 {
  gap: var(--space-9xl);
  display: flex;
  align-self: stretch;
  justify-content: center;
  flex-wrap: wrap;
  margin: 32px 126px 4px 126px;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.horizontal-container__image--secondary {
  height: 46px;
  width: 14%;
  object-fit: contain;
}

.horizontal-container__image--tertiary {
  height: 68px;
  width: 8%;
  object-fit: contain;
}

.horizontal-container__row-4 {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: start;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.horizontal-container__column--second {
  gap: var(--space-3xl);
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}

.content-section__column {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content-section__description-2 {
  margin-top: 16px;
  letter-spacing: 0.14px;
  font-weight: 500 !important;
}

.content-section__statistics {
  margin-top: 36px;
  gap: var(--space-8xl);
  display: flex;
  align-self: stretch;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.content-section__forecast-row {
  background-color: var(--gray_200);
  width: 100%;
  padding: 28px;
  border-radius: var(--radius-xs);
  border: 1px solid var(--black_900);
  @media only screen and (max-width: 550px) {
    padding: var(--space-3xl);
  }
}

.content-section__forecast-text-span-1 {
  color: var(--black_900);
  letter-spacing: 0.18px;
  font-size: 18px;
  font-weight: 800;
}

.content-section__insight-stack {
  height: 286px;
  margin-top: 10px;
  margin-left: 22px;
  margin-right: 22px;
  align-self: stretch;
  position: relative;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.content-section__insight-image {
  height: 280px;
  width: 62%;
  object-fit: contain;
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  top: 0px;
  margin: auto;
}

.content-section__insight-text {
  color: var(--red_a400) !important;
  letter-spacing: 0.14px;
  font-weight: 500 !important;
  width: 22%;
  line-height: 150%;
  position: absolute;
  left: 0px;
  top: 0px;
  margin: auto;
}

.content-section__categories {
  margin-top: 16px;
  margin-left: 288px;
  margin-right: 288px;
  gap: var(--space-lg);
  display: flex;
  align-self: stretch;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.content-section__category {
  gap: var(--space-xl);
  display: flex;
  width: 16%;
  justify-content: center;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.content-section__category--tertiary {
  gap: var(--space-lg);
  display: flex;
  width: 34%;
  justify-content: center;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.content-section__category-icon--tertiary {
  height: 20px;
  background-color: var(--blue_gray_900);
  width: 30px;
  border-radius: var(--radius-md);
  border: 1px solid var(--black_900);
}

.content-section__button {
  margin-top: 16px;
  letter-spacing: 0.14px;
  font-weight: 500;
  width: 100%;
  border: 1px solid var(--black_900);
  @media only screen and (max-width: 550px) {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
  }
}

.content-section__button--secondary {
  margin-top: 14px;
  letter-spacing: 0.14px;
  font-weight: 500;
  width: 100%;
  border: 1px solid var(--black_900);
  @media only screen and (max-width: 550px) {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
  }
}

.content-section__source-1 {
  margin-top: 18px;
  font-family: Public Sans !important;
}

.content-2 {
  padding-top: 34px;
  padding-bottom: 34px;
  background-color: var(--gray_50);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid var(--gray_50);
  @media only screen and (max-width: 550px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container__content-row {
  gap: var(--space-8xl);
  display: flex;
  align-self: stretch;
  align-items: start;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.horizontal-container__content-column {
  padding-left: 4px;
  padding-right: 4px;
  gap: var(--space-8xl);
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}

.horizontal-container__image-15 {
  height: 522px;
  margin-left: 140px;
  margin-right: 140px;
  object-fit: contain;
  width: 100%;
  @media only screen and (max-width: 1050px) {
    height: auto;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.horizontal-container__content-column-1 {
  padding-left: 56px;
  padding-right: 56px;
  gap: var(--space-8xl);
  align-self: center;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
  }
}

.horizontal-container__image-16 {
  height: 578px;
  margin-left: 24px;
  margin-right: 24px;
  width: 90%;
  object-fit: contain;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.horizontal-container-21 {
  margin-top: 32px;
  gap: var(--space-8xl);
  display: flex;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }
}

.horizontal-container__image-17 {
  height: 1px;
  margin-left: 144px;
  margin-right: 144px;
  object-fit: contain;
  width: 100%;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.horizontal-container__image-18 {
  height: 1px;
  margin-left: 106px;
  margin-right: 106px;
  object-fit: contain;
  width: 100%;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.userprofile1-1 {
  gap: var(--space-8xl);
  background-color: var(--gray_200);
  flex: 1;
  display: flex;
  align-items: start;
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  top: 0px;
  height: max-content;
  margin: auto;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    position: relative;
  }
}

.horizontal-container-22 {
  gap: var(--space-7xl);
  background-color: var(--white_a700);
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 40px var(--space-3xl);
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }

  @media only screen and (max-width: 550px) {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container__source-2 {
  margin-bottom: 22px;
  font-family: Public Sans !important;
  text-align: center;
  align-self: stretch;
  line-height: 160%;
}

.horizontal-container__column-3 {
  gap: var(--space-8xl);
  padding-top: 2rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }
}

.horizontal-container__subtitle-2 {
  color: var(--black_900) !important;
  letter-spacing: 0.24px;
  font-size: 24px !important;
  width: 90%;
  line-height: 160%;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 22px !important;
    padding: var(--space-3xl);
  }
}

.horizontal-container__image--first {
  height: 444px;
  margin-right: 20px;
  object-fit: contain;
  width: 100%;
  @media only screen and (max-width: 1050px) {
    height: auto;
    margin-right: 0px;
  }
}

.horizontal-container__image--second {
  height: 106px;
  width: 36%;
  object-fit: contain;
}

.content-3 {
  padding-top: 266px;
  padding-bottom: 266px;
  gap: 100px;
  background-color: var(--blue_gray_900);
  @media only screen and (max-width: 1050px) {
    gap: 75px;
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }

  @media only screen and (max-width: 550px) {
    gap: 50px;
  }
}

.graciaspor {
  font-family: Lora !important;
  text-align: center;
  align-self: stretch;
  line-height: 56px;
}

.graciaspor-span-1 {
  color: var(--white_a700);
}

.horizontal-container__button {
  font-family: Public Sans;
  min-width: 192px;
  border-radius: var(--radius-2xl);
  border: 1px solid var(--red_a400);
  @media only screen and (max-width: 550px) {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
  }
}

.card {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
  z-index: 2;
  background-color: var(--gray_200);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.horizontal-container__card {
  margin-top: 14px;
  gap: var(--space-8xl);
  display: flex;
  align-self: stretch;
  justify-content: center;
  align-items: start;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.horizontal-container__rating {
  height: 520px;
  align-self: center;
  width: 32%;
  object-fit: contain;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.horizontal-container__card-content {
  gap: 96px;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: start;
  @media only screen and (max-width: 1050px) {
    align-self: stretch;
    gap: 72px;
  }

  @media only screen and (max-width: 550px) {
    gap: 48px;
  }
}

.horizontal-container__card-item {
  background-color: var(--gray_50);
  align-self: stretch;
  display: flex;
  padding: var(--space-xl) var(--space-lg);
  border-radius: var(--radius-xs);
  border: 1px solid var(--black_900);
}

.horizontal-container__card-description {
  letter-spacing: 0.18px;
  font-size: 18px !important;
  font-weight: 500 !important;
  width: 96%;
  line-height: 150%;
}

.horizontal-container__card-button {
  margin-left: 24px;
  background-color: var(--gray_50);
  width: 56%;
  display: flex;
  justify-content: center;
  padding: var(--space-2xl);
  border-radius: var(--radius-xs);
  border: 1px solid var(--black_900);
  @media only screen and (max-width: 1050px) {
    width: 100%;
    margin-left: 0px;
  }
}

.horizontal-container__divider {
  height: 420px;
  background-color: var(--red_a400);
  width: 3px;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    height: 3px;
  }
}

.horizontal-container__card-3 {
  gap: var(--space-2xl);
  display: flex;
  flex: 1;
  flex-direction: column;
  @media only screen and (max-width: 1050px) {
    align-self: stretch;
  }
}

.horizontal-container__subtitle-6 {
  color: var(--black_900) !important;
  letter-spacing: 0.24px;
  font-size: 24px !important;
  line-height: 160%;
  @media only screen and (max-width: 1050px) {
    font-size: 22px !important;
  }
}

.horizontal-container__card-content-1 {
  gap: var(--space-xl);
  display: flex;
  flex-direction: column;
  align-items: start;
}

.horizontal-container__card-button-1 {
  background-color: var(--gray_50);
  width: 46%;
  display: flex;
  justify-content: center;
  padding: var(--space-xl);
  border-radius: var(--radius-xs);
  border: 1px solid var(--black_900);
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.horizontal-container__card-button-2 {
  background-color: var(--gray_50);
  width: 62%;
  display: flex;
  padding: var(--space-xl);
  border-radius: var(--radius-xs);
  border: 1px solid var(--black_900);
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.horizontal-container__card-button-text-2 {
  letter-spacing: 0.18px;
  font-size: 18px !important;
  font-weight: 500 !important;
  width: 84%;
  line-height: 150%;
}

.horizontal-container__card-button-row {
  background-color: var(--gray_50);
  width: 66%;
  display: flex;
  justify-content: center;
  padding: var(--space-xl) var(--space-md);
  border-radius: var(--radius-xs);
  border: 1px solid var(--black_900);
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.horizontal-container__source {
  margin-top: 34px;
  font-family: Public Sans !important;
}

.tooltip {
  height: 800px;
  padding-top: 358px;
  padding-bottom: 358px;
  background-image: url(../public/images/img_tooltip.png);
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    height: auto;
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container-2 {
  gap: var(--space-xl);
  display: flex;
  flex-direction: column;
  @media only screen and (max-width: 1050px) {
    padding: var(--space-3xl);
  }
}

.horizontal-container__section {
  padding-top: 124px;
  padding-bottom: 124px;
  gap: var(--space-8xl);
  display: flex;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.horizontal-container__paragraph {
  gap: var(--space-8xl);
  display: flex;
  width: 100%;
  flex-direction: column;
}

.horizontal-container__pagination {
  padding-left: 56px;
  padding-right: 56px;
  width: 100%;
  display: flex;
  justify-content: center;
  @media only screen and (max-width: 1050px) {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
  }
}

.horizontal-container__image-14 {
  height: 326px;
  width: 76%;
}

.horizontal-container__content {
  margin-left: 96px;
  margin-right: 96px;
  gap: var(--space-lg);
  display: flex;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.horizontal-container__comparison--traditional {
  gap: var(--space-2xl);
  display: flex;
  width: 24%;
  justify-content: center;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.switch-1 {
  height: 800px;
  padding-top: 344px;
  padding-bottom: 344px;
  background-image: url(../public/images/img_switch.png);
  background-size: cover;
  background-repeat: no-repeat;
  @media only screen and (max-width: 1050px) {
    height: auto;
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }
}

.gotrendier_one {
  color: var(--white_a700) !important;
  font-family: Lora !important;
  text-align: center;
  line-height: 56px;
}

.content-section__description-1 {
  color: var(--red_a400) !important;
  font-family: Lora !important;
  text-align: center;
  font-size: 40px !important;
  align-self: stretch;
  line-height: 40px;
  @media only screen and (max-width: 1050px) {
    font-size: 38px !important;
  }

  @media only screen and (max-width: 550px) {
    font-size: 36px !important;
  }
}

.content-section__container {
  padding-left: 52px;
  padding-right: 52px;
  gap: var(--space-8xl);
  display: flex;
  align-self: stretch;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
  }
}

.content-section__column--left {
  gap: var(--space-sm);
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 34px var(--space-8xl);
  border-radius: var(--radius-xs);
  @media only screen and (max-width: 550px) {
    padding: var(--space-3xl);
  }
}

.content-section__image-2 {
  height: 300px;
  margin-left: 82px;
  margin-right: 82px;
  width: 300px;
  object-fit: contain;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.content-section__column--right {
  gap: var(--space-sm);
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: var(--space-2xl);
  border-radius: var(--radius-xs);
}

.content-section__image-3 {
  height: 332px;
  margin-left: 82px;
  margin-right: 82px;
  object-fit: contain;
  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.footer__background {
  background-color: var(--white_a700);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer__column {
  margin-top: 48px;
  padding-left: 56px;
  padding-right: 56px;
  @media only screen and (max-width: 1050px) {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
    padding: var(--space-3xl);
  }
}

.footer__row {
  margin-left: 14px;
  gap: var(--space-xl);
  display: flex;
  align-items: start;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    margin-left: 0px;
  }
}

.footer__row--gotrendier {
  width: 74%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: var(--space-3xl);
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    width: 100%;
  }
}

.footer__column--gotrendier {
  gap: var(--space-xs);
  align-self: center;
  display: flex;
  width: 34%;
  flex-direction: column;
  align-items: start;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.footer__column--legal {
  gap: var(--space-xs);
  display: flex;
  width: 34%;
  flex-direction: column;
  align-items: start;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.footer__column--support {
  gap: var(--space-xs);
  display: flex;
  flex-direction: column;
  align-items: start;
}

.footer__container {
  gap: 48px;
  align-self: center;
  display: flex;
  width: 26%;
  flex-direction: column;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.footer__container--app {
  padding-left: var(--space-xl);
  padding-right: var(--space-xl);
}

.footer__container--social {
  padding-left: var(--space-xl);
  padding-right: var(--space-xl);
  gap: var(--space-5xl);
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}

.footer__row--social {
  gap: 2px;
  display: flex;
  align-self: stretch;
}

.footer__container--recommendations {
  margin-top: 48px;
  gap: 17px;
  align-self: stretch;
  display: flex;
  align-items: start;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.footer__row--recommendations {
  margin-bottom: 48px;
  width: 50%;
  display: flex;
  justify-content: flex-end;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    padding: var(--space-3xl);
    margin-bottom: 0px;
  }
}

.footer__container--media {
  margin-bottom: 24px;
  padding-left: var(--space-xl);
  padding-right: var(--space-xl);
  gap: var(--space-xs);
  display: flex;
  width: 82%;
  flex-direction: column;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.footer__row--logos {
  margin-bottom: 24px;
  gap: var(--space-6xl);
  display: flex;
  @media only screen and (max-width: 550px) {
    flex-direction: column;
  }
}

.footer__image--expansion {
  height: 28px;
  width: 34%;
  object-fit: contain;
  @media only screen and (max-width: 550px) {
    width: 100%;
  }
}

.footer__image--instyle {
  height: 28px;
  width: 30%;
  object-fit: contain;
  @media only screen and (max-width: 550px) {
    width: 100%;
  }
}

.footer__image--forbes {
  height: 28px;
  width: 28%;
  object-fit: contain;
  @media only screen and (max-width: 550px) {
    width: 100%;
  }
}

.footer__container--payments {
  gap: var(--space-xs);
  display: flex;
  width: 40%;
  flex-direction: column;
  @media only screen and (max-width: 1050px) {
    width: 100%;
    padding: var(--space-3xl);
  }
}

.footer__container--methods {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer__icon--delete {
  height: 52px;
  width: 10%;
  object-fit: contain;
}

.footer__image--visa {
  height: 30px;
  margin-bottom: 24px;
  width: 78%;
  object-fit: contain;
}

.footer__image--oxxo {
  height: 28px;
  margin-bottom: 24px;
  width: 74%;
  object-fit: contain;
}

.footer__image--paymentmp {
  height: 18px;
  margin-bottom: 24px;
  width: 80%;
  object-fit: contain;
}

.footer__icon--delete-alt {
  height: 52px;
  width: 12%;
  object-fit: contain;
}

.footer__container--copyright {
  align-self: stretch;
}

.footer__container--legal {
  margin-bottom: 16px;
  padding-left: var(--space-xl);
  padding-right: var(--space-xl);
}

table.table {
  width: 50%;
  @media screen and (max-width: 800px) {
    width: 100%;
  }
}