@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

/* Style refresh */
h1,
h2,
h3,
h4,
p {
  margin-top: 0;
  margin-bottom: 0;
}

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

/* MAIN */
img {
  display: block;
}

button {
  border: none;
}

.title {
  text-align: center;
  color: var(--title-text-color);
}

a {
  color: currentColor;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
}

a:hover,
a:focus {
  color: #f09930;
}

address {
  font-style: normal;
}

/* Remove underlining */
.decoration {
  text-decoration: none;
}

/* Remove list effect */
.list {
  list-style: none;
}

/* Customize correct size of blocks */
html {
  box-sizing: border-box;
}

/* Inheritance */
*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  background-color: var(--main-color);
  color: var(--primary-text-color);
  font-weight: 300;
  font-style: normal;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 1.5;
}

.no-scroll {
  overflow: hidden;
}

.icon-positioner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.text--thick {
  font-weight: 500;
}

.section {
  background-color: var(--white-bcg-color);
}

.container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (min-width: 1024px) {
  .container {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media screen and (min-width: 1100px) {
  .container {
    padding-left: 72px;
    padding-right: 72px;
  }
}

.space {
  margin-bottom: 26px;
}

.swiper {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 44px;
}

.swiper-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 44px;
}

.swiper-slide {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.swiper-first {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-button-next {
  display: none;
}

@media screen and (min-width: 1024px) {
  .swiper-button-next {
    display: flex;
  }
}

.swiper-button-prev {
  display: none;
}

@media screen and (min-width: 1024px) {
  .swiper-button-prev {
    display: flex;
  }
}

.modal-coqsportif {
  overflow-y: auto;
  background-color: var(--main-color);
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .modal-coqsportif {
    height: 80vh;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffffea;
    backdrop-filter: blur(5px);
  }
}

@media screen and (min-width: 1163px) {
  .modal-coqsportif {
    width: 1106px;
  }
}

.modal-coqsportif__close {
  align-self: flex-end;
  min-width: 37px;
  border: 0;
  background-color: transparent;
  padding: 16px;
  position: fixed;
  cursor: pointer;
}

.modal-coqsportif__close-icone {
  width: 18px;
  height: 18px;
}

.modal-paez {
  overflow-y: auto;
  background-color: var(--main-color);
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .modal-paez {
    height: 80vh;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffffea;
    backdrop-filter: blur(5px);
  }
}

@media screen and (min-width: 1163px) {
  .modal-paez {
    width: 1106px;
  }
}

.modal-paez__close {
  align-self: flex-end;
  min-width: 37px;
  border: 0;
  background-color: transparent;
  padding: 16px;
  position: fixed;
  cursor: pointer;
}

.modal-paez__close-icone {
  width: 18px;
  height: 18px;
}

.modal-havaianas {
  overflow-y: auto;
  background-color: var(--main-color);
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .modal-havaianas {
    height: 80vh;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffffea;
    backdrop-filter: blur(5px);
  }
}

@media screen and (min-width: 1163px) {
  .modal-havaianas {
    width: 1106px;
  }
}

.modal-havaianas__close {
  align-self: flex-end;
  min-width: 37px;
  border: 0;
  background-color: transparent;
  padding: 16px;
  position: fixed;
  cursor: pointer;
}

.modal-havaianas__close-icone {
  width: 18px;
  height: 18px;
}

.modal-oakwood {
  overflow-y: auto;
  background-color: var(--main-color);
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .modal-oakwood {
    height: 80vh;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffffea;
    backdrop-filter: blur(5px);
  }
}

@media screen and (min-width: 1163px) {
  .modal-oakwood {
    width: 1106px;
  }
}

.modal-oakwood__close {
  align-self: flex-end;
  min-width: 37px;
  border: 0;
  background-color: transparent;
  padding: 16px;
  position: fixed;
  cursor: pointer;
}

.modal-oakwood__close-icone {
  width: 18px;
  height: 18px;
}

.modal-use-cases {
  padding: 50px 50px;
}

.modal-use-cases__right-part {
  display: flex;
  justify-content: center;
}

.modal-use-cases__top-part {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
  border-bottom: 1px solid #dadada;
  flex-direction: column;
  gap: 40px;
}

@media screen and (min-width: 1024px) {
  .modal-use-cases__top-part {
    flex-direction: row;
  }
}

.modal-use-cases__left-part {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.modal-use-cases__pre-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: #ffffff;
  background-color: #272727;
  padding: 10px 15px;
  display: inline-block;
  width: 231px;
}

.modal-use-cases__title {
  font-weight: 500;
  font-size: 32px;
  line-height: 1.2;
  color: var(--secondary-text-color);
}

.modal-use-cases__metric {
  display: flex;
  gap: 50px;
  align-items: center;
  flex-wrap: wrap;
}

.modal-use-cases__metric-wraper {
  display: flex;
  gap: 10px;
  align-items: center;
}

.modal-use-cases__percent {
  font-weight: 500;
  font-size: 48px;
  line-height: 1.16;
  color: var(--secondary-text-color);
}

.modal-use-cases__metric-text {
  font-weight: 300;
  font-size: 24px;
  line-height: 0.9;
}

.modal-use-cases__metric-small-text {
  font-weight: 300;
  font-size: 12px;
  line-height: 0.9;
}

.modal-use-cases__bot-part {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.modal-use-cases__first {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.modal-use-cases__sub-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  color: #000000;
}

.modal-use-cases__text {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.5;
  color: #000000;
}

.modal-use-cases__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.modal-use-cases__item {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.5;
  color: #000000;
  position: relative;
  padding-left: 18px;
}

.modal-use-cases__item-bold {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: #000000;
}

.modal-use-cases__second {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.modal-use-cases__sub-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  color: #000000;
}

.modal-use-cases__item-text {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.5;
  color: #000000;
}

.modal-use-cases__item-accent {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: #f09930;
  padding-right: 10px;
}

.modal-use-cases__item::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--primary-text-color);
  position: absolute;
  left: 0;
  top: 9.5px;
}

.modal-use-cases__metric-text-only {
  font-weight: 300;
  font-size: 21px;
  line-height: 0.9;
  color: #000000;
}

@media screen and (min-width: 330px) {
  .modal-use-cases__metric-text-only {
    font-size: 24px;
  }
}

.modal-use-cases__metric-bold {
  font-weight: 700;
}

.item-accent {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: #f09930;
}

.form {
  overflow-y: auto;
  background-color: #272727;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  min-height: 120%;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: 0.3s;
}

.form__link {
  padding-top: 28px;
}

.form__logo {
  fill: #ffffff;
  width: 107px;
  height: 16.61px;
}

@media screen and (min-width: 1024px) {
  .form__logo {
    width: 160px;
    height: 24.84px;
  }
}

.form__close {
  background-color: transparent;
  position: absolute;
  top: 26px;
  right: 24px;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  .form__close {
    right: 56px;
  }
}

.form__close-icone {
  fill: #ffffff;
  width: 23px;
  height: 23px;
}

.form__close-icone:hover, .form__close-icone:focus {
  fill: #f09930;
}

.form__title {
  font-family: "Baskerville";
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: var(--white-title-color);
  max-width: 200px;
  margin-top: 60px;
}

@media screen and (min-width: 1024px) {
  .form__title {
    max-width: 599px;
    font-size: 60px;
  }
}

.form__response {
  font-family: "Baskerville";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: var(--white-title-color);
  max-width: 339px;
  margin-top: 60px;
}

@media screen and (min-width: 1024px) {
  .form__response {
    max-width: 599px;
    font-size: 36px;
  }
}

.form__title.fr {
  max-width: 292px;
  margin-top: 30px;
}

@media screen and (min-width: 414px) {
  .form__title.fr {
    margin-top: 60px;
  }
}

.modal__form {
  padding-top: 35px;
  width: 100%;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 288px;
}

@media screen and (min-width: 380px) {
  .modal__form {
    max-width: 371px;
  }
}

@media screen and (min-width: 768px) {
  .modal__form {
    max-width: 544px;
  }
}

@media screen and (min-width: 1024px) {
  .modal__form {
    max-width: 810px;
  }
}

.modal__input-positioner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media screen and (min-width: 1024px) {
  .modal__input-positioner {
    flex-direction: row;
    gap: 24px;
  }
}

.modal__field {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.modal__label {
  color: #ffffff;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.16;
}

.modal__input {
  cursor: text;
  width: 100%;
  height: 50px;
  outline: none;
  min-width: 256px;
  border: 1px solid #cccccc;
  transition: border 250ms var(--timing-function);
  padding: 12px 16px;
}

@media screen and (min-width: 380px) {
  .modal__input {
    min-width: 339px;
  }
}

@media screen and (min-width: 768px) {
  .modal__input {
    min-width: 512px;
  }
}

@media screen and (min-width: 1024px) {
  .modal__input {
    min-width: 377px;
  }
}

.modal__wrap-button {
  margin-right: auto;
}

.modal__button {
  margin-top: 15px;
  width: 100%;
  height: 50px;
  background-color: var(--white-text-color);
  color: #000000;
  padding: 14px;
  min-width: 256px;
  transition: all 0.3s;
  cursor: pointer;
}

@media screen and (min-width: 380px) {
  .modal__button {
    min-width: 339px;
  }
}

@media screen and (min-width: 768px) {
  .modal__button {
    min-width: 512px;
  }
}

@media screen and (min-width: 1024px) {
  .modal__button {
    min-width: 256px;
    height: 38px;
    margin-top: 7px;
    padding: 8px;
  }
}

.modal__button:hover, .modal__button:focus {
  background-color: #f09930;
  color: var(--white-text-color);
}

.input__wrap {
  height: 100%;
}

.online__comment {
  resize: none;
  height: 123px;
  width: 100%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.16;
  outline: none;
  min-width: 256px;
  border: 1px solid #cccccc;
  padding: 12px 16px;
}

@media screen and (min-width: 380px) {
  .online__comment {
    min-width: 339px;
  }
}

@media screen and (min-width: 768px) {
  .online__comment {
    min-width: 512px;
  }
}

@media screen and (min-width: 1024px) {
  .online__comment {
    min-width: 778px;
  }
}

::placeholder {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.16;
  color: #6f6f6f;
}

@media screen and (min-width: 380px) {
  .container-form {
    min-width: 339px;
  }
}

@media screen and (min-width: 768px) {
  .container-form {
    min-width: 512px;
  }
}

@media screen and (min-width: 1024px) {
  .container-form {
    width: 813px;
  }
}

#backgroud-vanta {
  position: relative;
  width: 100%;
  height: 100%;
}

.link-positioner {
  width: 100%;
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .link-positioner {
    justify-content: start;
    padding-left: 56px;
  }
}

.title-wraper {
  width: 100%;
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .title-wraper {
    justify-content: start;
    width: 778px;
  }
}

.navig {
  display: none;
  padding-bottom: 24px;
  padding-top: 24px;
}

@media screen and (min-width: 1024px) {
  .navig {
    display: flex;
    border-top: 0.5px solid #b3b3b3;
    justify-content: center;
  }
}

.navig__list {
  display: flex;
  gap: 53px;
}

.navig__item {
  font-weight: 300;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  text-transform: uppercase;
  color: var(--primary-text-color);
}

.navig__item.fr {
  font-size: 18px;
}

@media screen and (min-width: 1024px) {
  .navig__item.fr {
    font-size: 16px;
  }
}

@media screen and (min-width: 1145px) {
  .navig__item.fr {
    font-size: 18px;
  }
}

.menu-icone {
  width: 25px;
  height: 18px;
}

.menu-icone:hover,
.menu-icone:focus {
  fill: #f09930;
}

.switcher {
  display: flex;
  flex-direction: row;
  align-content: center;
}

.switcher__link {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.switcher__desktop {
  display: none;
}

@media screen and (min-width: 1024px) {
  .switcher__desktop {
    display: flex;
  }
}

.logo {
  width: 107px;
  height: 16px;
}

@media screen and (min-width: 1024px) {
  .logo {
    width: 160px;
    height: 24.84px;
  }
}

.top-part {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .top-part {
    display: none;
  }
}

.menu-open {
  border: 0;
  background-color: transparent;
}

@media screen and (min-width: 1024px) {
  .menu-icone {
    fill: transparent;
  }
}

.language-switcher-mob {
  border-top: 0.5px solid #b3b3b3;
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  padding-top: 24px;
}

.current {
  cursor: default;
  color: #808080;
}

.header-positioner {
  position: relative;
  padding-top: 75px;
}

@media screen and (min-width: 1024px) {
  .header-positioner {
    padding-top: 150px;
  }
}

.mob-menu {
  position: fixed;
  background-color: #ffffff;
  z-index: 2;
  top: 0;
  left: 0;
  min-height: 120%;
  width: 100vw;
  height: 100vh;
}

.mob-menu__wraper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
}

.mob-menu__close {
  min-width: 37px;
  border: 0;
  background-color: transparent;
}

.mob-menu__close-icone {
  width: 18px;
  height: 18px;
}

.navig-mobile {
  display: flex;
  flex-direction: column;
}

.navig-mobile__list {
  display: flex;
  flex-direction: column;
}

.navig-mobile__item {
  border-top: 0.5px solid #b3b3b3;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 18px;
  line-height: 1.17;
  text-align: center;
  text-transform: uppercase;
}

.top-patr-desktop {
  display: none;
  padding-bottom: 24px;
  padding-top: 24px;
  align-items: center;
  width: 100%;
  justify-content: center;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .top-patr-desktop {
    display: flex;
  }
}

.top-patr-desktop__logo-positioner {
  display: flex;
  align-content: center;
}

.top-patr-desktop__logo {
  width: 160px;
  height: 24.84px;
}

.top-patr-desktop__switcher {
  position: absolute;
  top: 24px;
  right: 59px;
  display: flex;
  gap: 42px;
  align-items: center;
}

.top-patr-desktop__switcher-wraper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 42px;
}

.top-patr-desktop__icone {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.top-patr-desktop__icone:hover, .top-patr-desktop__icone:focus {
  fill: #f09930;
}

.top-patr-desktop__switcher-wraper:hover .top-patr-desktop__desktop {
  color: #f09930;
}

.desctop-positioner {
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 11;
  background-color: #ffffff;
}

@media screen and (min-width: 1024px) {
  .desctop-positioner {
    position: absolute;
  }
}

.contact-us-button-white-bgc {
  background-color: transparent;
  color: #000;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 150%;
  padding-bottom: 1px;
  /* or 27px */
  text-transform: uppercase;
}

.hero {
  padding: 111px 0;
  background-color: var(--black-bcg-color);
  background-image: url(../images/hero-bcg.png);
  background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
  .hero {
    padding: 111px 7%;
  }
}

@media screen and (min-width: 1024px) {
  .hero {
    padding: 200px 7%;
  }
}

.hero__title {
  color: var(--white-title-color);
  font-size: 36px;
  line-height: 1.1;
  text-transform: uppercase;
  max-width: 316px;
  font-weight: 500;
}

@media screen and (min-width: 1024px) {
  .hero__title {
    font-size: 96px;
  }
}

.hero__title--thin {
  font-weight: 300;
}

#backgroud-vanta {
  width: 100%;
  height: 100%;
}

.hero__label {
  position: absolute;
  bottom: -81%;
  right: 6%;
}

@media screen and (min-width: 768px) {
  .hero__label {
    bottom: -82%;
    width: 159px;
    height: 80px;
  }
}

@media screen and (min-width: 1024px) {
  .hero__label {
    bottom: -53%;
    width: 159px;
    height: 80px;
  }
}

.hero__title.fr {
  max-width: 1460px;
}

@media screen and (min-width: 1024px) {
  .hero.fr {
    padding: 200px 0 200px 7%;
  }
}

.hero__label.fr {
  bottom: -67%;
}

@media screen and (min-width: 300px) {
  .hero__label.fr {
    bottom: -82%;
  }
}

@media screen and (min-width: 458px) {
  .hero__label.fr {
    bottom: -110%;
  }
}

@media screen and (min-width: 768px) {
  .hero__label.fr {
    bottom: -122%;
  }
}

@media screen and (min-width: 1024px) {
  .hero__label.fr {
    bottom: -54%;
  }
}

@media screen and (min-width: 1374px) {
  .hero__label.fr {
    bottom: -73%;
  }
}

.marketplaces {
  padding: 48px 0;
  max-width: 1456px;
  margin-left: auto;
  margin-right: auto;
}

.marketplaces__item-first {
  max-width: 295px;
  margin-bottom: 110px;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .marketplaces__item-first {
    max-width: 395px;
  }
}

.marketplaces__item-second {
  max-width: 321px;
  margin-left: auto;
  position: relative;
  margin-bottom: 59px;
}

@media screen and (min-width: 1024px) {
  .marketplaces__item-second {
    max-width: 431px;
    margin-top: -369px;
  }
}

.marketplaces__text {
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  .marketplaces__text {
    font-size: 24px;
    line-height: 150%;
    position: relative;
    z-index: 1;
  }
}

.marketplaces__under-text {
  font-size: 12px;
  margin-top: 2px;
  margin-bottom: 7px;
  text-align: right;
}

@media screen and (min-width: 1024px) {
  .marketplaces__under-text {
    font-size: 14px;
    position: relative;
    z-index: 1;
  }
}

.marketplaces__img {
  position: relative;
  z-index: 1;
}

.marketplaces__img-right {
  position: relative;
  z-index: 1;
  margin-left: auto;
}

.marketplaces__under-img-square {
  position: absolute;
  bottom: -63px;
  left: 126px;
}

@media screen and (min-width: 1024px) {
  .marketplaces__under-img-square {
    bottom: -115px;
    left: 154px;
    z-index: 0;
  }
}

.marketplaces__under-circle-img {
  position: absolute;
  bottom: -66px;
  left: -57px;
}

@media screen and (min-width: 1024px) {
  .marketplaces__under-circle-img {
    bottom: 97px;
    left: 256px;
    z-index: 0;
  }
}

.marketplaces__item-first.fr {
  max-width: 316px;
}

@media screen and (min-width: 1024px) {
  .marketplaces__item-first.fr {
    max-width: 420px;
  }
}

.marketplaces__item-second.fr {
  max-width: 321px;
}

@media screen and (min-width: 1024px) {
  .marketplaces__item-second.fr {
    max-width: 431px;
  }
}

@media screen and (min-width: 1100px) {
  .marketplaces__item-second.fr {
    max-width: 501px;
  }
}

.opportunity {
  background-color: #f2f2f2;
  padding: 32px 0;
}

.opportunity__title {
  font-style: italic;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  .opportunity__title {
    font-size: 36px;
    padding-top: 103px;
    padding-bottom: 103px;
  }
}

.focus {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--black-bcg-color);
}

@media screen and (min-width: 1024px) {
  .focus {
    flex-direction: row;
  }
}

.focus .img-wraper {
  background-image: url(../images/mobile/women-in-white-bcg-x1.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-color: black;
  min-width: 280px;
  min-height: 280px;
  width: 100%;
  height: 100%;
  background-size: cover;
}

@media screen and (min-width: 1024px) {
  .focus .img-wraper {
    background-image: url(../images/desktop/women-in-whitex1-bcg-dtx2.jpg);
    min-width: 634px;
    min-height: 604px;
    width: 44%;
    height: 50%;
    background-size: cover;
  }
}

.focus__wraper {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media screen and (min-width: 1024px) {
  .focus__wraper {
    padding-top: 136px;
    padding-bottom: 136px;
  }
}

.focus__title {
  font-weight: 300;
  font-size: 36px;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--white-title-color);
  min-height: 88px;
}

.focus__description {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.2;
  color: var(--white-text-color);
  max-width: 240px;
  margin-top: 8px;
  padding-bottom: 26px;
}

.focus__item {
  padding-left: 30px;
  position: relative;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.7;
  color: var(--white-text-color);
  padding-top: 1px;
  padding-bottom: 1px;
}

.focus__item::before {
  content: "";
  min-width: 8px;
  min-height: 8px;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  top: 12px;
}

.how {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 56px;
  padding-bottom: 56px;
}

@media screen and (min-width: 1024px) {
  .how {
    padding-top: 160px;
    padding-bottom: 116px;
  }
}

.how__title {
  font-family: "Baskerville";
  font-weight: 400;
  font-size: 36px;
  line-height: 1.2;
  color: var(--primary-title-color);
  text-align: center;
  text-transform: uppercase;
  max-width: 262px;
  margin-bottom: 60px;
}

@media screen and (min-width: 1024px) {
  .how__title {
    margin-bottom: 130px;
    font-size: 60px;
    max-width: 100%;
  }
}

.how__wraper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .how__wraper {
    flex-direction: row;
    gap: 33px;
    align-items: baseline;
  }
}

@media screen and (min-width: 1100px) {
  .how__wraper {
    flex-direction: row;
    gap: 56px;
    align-items: baseline;
  }
}

.how__sub-wraper {
  position: relative;
}

.how__img-top {
  width: 117px;
  height: 115px;
  position: absolute;
  top: -61px;
  left: -59px;
}

@media screen and (min-width: 1024px) {
  .how__img-top {
    width: 134px;
    height: 132px;
    top: -57px;
    left: -58px;
  }
}

.how__img-bot {
  width: 117px;
  height: 115px;
  position: absolute;
  bottom: -38px;
  right: -2px;
}

@media screen and (min-width: 317px) {
  .how__img-bot {
    right: -12px;
  }
}

@media screen and (min-width: 327px) {
  .how__img-bot {
    right: -22px;
  }
}

@media screen and (min-width: 337px) {
  .how__img-bot {
    right: -32px;
  }
}

@media screen and (min-width: 347px) {
  .how__img-bot {
    right: -42px;
  }
}

@media screen and (min-width: 357px) {
  .how__img-bot {
    right: -52px;
  }
}

@media screen and (min-width: 1024px) {
  .how__img-bot {
    width: 134px;
    height: 132px;
    bottom: -32px;
    right: -52px;
  }
}

.how__subtitle {
  min-width: 288px;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  background-color: #dadada;
  padding: 7px 43px;
  color: var(--primary-text-color);
  margin-bottom: 6px;
}

@media screen and (min-width: 1024px) {
  .how__subtitle {
    font-size: 36px;
  }
}

.how__text {
  font-weight: 300;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  color: var(--primary-text-color);
}

@media screen and (min-width: 1024px) {
  .how__text {
    font-size: 18px;
  }
}

.how__separator {
  display: inline-block;
  margin-top: 12px;
  margin-bottom: 16px;
}

@media screen and (min-width: 1024px) {
  .how__separator {
    font-size: 18px;
  }
}

.how__list {
  margin-top: 76px;
  display: flex;
  flex-direction: column;
  gap: 66px;
}

@media screen and (min-width: 1024px) {
  .how__list {
    flex-direction: row;
    margin-top: 141px;
  }
}

.how__wraper.fr {
  gap: 23px;
}

.how__item-text {
  font-weight: 400;
  font-size: 64px;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--primary-text-color);
}

@media screen and (min-width: 1024px) {
  .how__item-text {
    margin-bottom: 23px;
  }
}

.how__item-title {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--primary-text-color);
  margin-bottom: 19px;
}

.how__item-item {
  padding-left: 30px;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.5;
  color: var(--primary-text-color);
  position: relative;
}

.how__item-item::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--primary-text-color);
  position: absolute;
  left: 0;
  top: 9.5px;
}

.how__img-bot-fr {
  display: none;
  width: 117px;
  height: 115px;
  position: absolute;
  bottom: -38px;
}

@media screen and (min-width: 527px) {
  .how__img-bot-fr {
    right: -52px;
    display: block;
  }
}

@media screen and (min-width: 1024px) {
  .how__img-bot-fr {
    width: 134px;
    height: 132px;
    bottom: -32px;
    right: -52px;
  }
}

.how__img-top-fr {
  display: none;
  width: 117px;
  height: 115px;
  position: absolute;
  top: -61px;
  left: -59px;
}

@media screen and (min-width: 527px) {
  .how__img-top-fr {
    right: -52px;
    display: block;
  }
}

@media screen and (min-width: 1024px) {
  .how__img-top-fr {
    width: 134px;
    height: 132px;
    top: -57px;
    left: -58px;
  }
}

.who {
  background-color: var(--black-bcg-color);
}

.who__wraper {
  padding-top: 64px;
  padding-bottom: 64px;
}

.who__description-wraper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.who__title {
  font-family: "Baskerville";
  font-style: normal;
  font-weight: 400;
  font-size: 33px;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--white-title-color);
  margin-bottom: 13px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 11px;
}

@media screen and (min-width: 313px) {
  .who__title {
    font-size: 36px;
  }
}

@media screen and (min-width: 1024px) {
  .who__title {
    font-size: 60px;
    margin-bottom: 19px;
  }
}

.who__description {
  font-weight: 300;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  color: var(--white-text-color);
  max-width: 250px;
  margin-bottom: 41px;
}

@media screen and (min-width: 1024px) {
  .who__description {
    font-size: 24px;
    max-width: 474px;
    margin-bottom: 52px;
  }
}

.who .div-wraper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

@media screen and (min-width: 1024px) {
  .who .div-wraper {
    gap: 28px;
  }
}

.who__list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

@media screen and (min-width: 1024px) {
  .who__list {
    gap: 28px;
  }
}

.who__img {
  margin-bottom: 12px;
}

@media screen and (min-width: 1024px) {
  .who__img {
    margin-bottom: 32px;
  }
}

.who__subtitle {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--white-title-color);
  max-width: 165px;
}

@media screen and (min-width: 1024px) {
  .who__subtitle {
    font-size: 24px;
    max-width: 100%;
  }
}

.who__text {
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5;
  color: var(--white-text-color);
}

@media screen and (min-width: 1024px) {
  .who__text {
    font-size: 18px;
  }
}

.e-commerce {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media screen and (min-width: 1024px) {
  .e-commerce {
    padding-top: 144px;
    padding-bottom: 144px;
  }
}

.e-commerce__wraper {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 1024px) {
  .e-commerce__wraper {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}

.e-commerce__title {
  font-family: "Baskerville";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
  color: var(--black-Baskerville-text);
}

@media screen and (min-width: 1024px) {
  .e-commerce__title {
    font-size: 36px;
  }
}

.e-commerce__text {
  font-family: "Baskerville";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
  color: var(--black-Baskerville-text);
}

@media screen and (min-width: 1024px) {
  .e-commerce__text {
    font-size: 35px;
  }
}

.testimonials {
  background-color: var(--black-bcg-color);
  background-image: url(../images/testimonials-bcg.png);
  background-size: contain;
  width: 100%;
  height: 100%;
}

.testimonials__list {
  display: flex;
  flex-direction: column;
  gap: 71px;
}

@media screen and (min-width: 1024px) {
  .testimonials__list {
    width: 34.65%;
    gap: 196px;
  }
}

.testimonials__wraper {
  padding-top: 56px;
  padding-bottom: 56px;
}

@media screen and (min-width: 1024px) {
  .testimonials__wraper {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.testimonials__title {
  font-family: "Baskerville";
  font-weight: 400;
  font-size: 27px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  color: var(--white-title-color);
  margin-bottom: 36px;
}

@media screen and (min-width: 300px) {
  .testimonials__title {
    font-size: 33px;
  }
}

@media screen and (min-width: 360px) {
  .testimonials__title {
    font-size: 36px;
  }
}

@media screen and (min-width: 1024px) {
  .testimonials__title {
    font-size: 60px;
    margin-bottom: 99px;
  }
}

.testimonials__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 71px;
}

@media screen and (min-width: 1024px) {
  .testimonials__box {
    flex-direction: row;
    justify-content: space-around;
    gap: 0;
  }
}

.testimonials__text {
  font-weight: 500;
  font-size: 48px;
  line-height: 1.5;
  color: var(--white-text-color);
}

.testimonials__undertext {
  font-size: 14px;
  line-height: 1.5;
  color: var(--white-text-color);
  margin-top: -7px;
  margin-bottom: 21px;
  padding-left: 7px;
}

.testimonials__description {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5;
  color: var(--white-text-color);
  margin-bottom: 16px;
}

@media screen and (min-width: 1024px) {
  .testimonials__description {
    font-size: 18px;
  }
}

.cases {
  padding-top: 56px;
  padding-bottom: 56px;
  position: relative;
  background-color: var(--black-bcg-color);
}

@media screen and (min-width: 1024px) {
  .cases {
    padding-top: 72px;
    padding-bottom: 128px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.cases__title {
  font-family: "Baskerville";
  font-weight: 400;
  font-size: 36px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  color: var(--white-text-color);
  margin-bottom: 47px;
}

@media screen and (min-width: 1024px) {
  .cases__title {
    font-size: 60px;
  }
}

.cases__list {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.cases__item {
  background-color: var(--white-bcg-color);
  padding: 44px 36px;
}

@media screen and (min-width: 1164px) {
  .cases__item {
    min-width: 1020px;
  }
}

.cases__subtitle {
  font-weight: 500;
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 19px;
  color: var(--secondary-text-color);
}

@media screen and (min-width: 1024px) {
  .cases__subtitle {
    font-size: 24px;
  }
}

.cases__metric {
  font-weight: 500;
  font-size: 36px;
  line-height: 1.5;
  color: var(--secondary-text-color);
}

@media screen and (min-width: 1024px) {
  .cases__metric {
    font-size: 48px;
  }
}

.cases__metric-text {
  font-weight: 300;
  font-size: 18px;
  line-height: 0.9;
}

@media screen and (min-width: 1024px) {
  .cases__metric-text {
    font-size: 24px;
  }
}

.cases__button {
  background-color: var(--black-bcg-color);
  color: var(--white-text-color);
  padding: 10px 10px;
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7.5px;
  cursor: pointer;
  transition: 0.3s;
}

@media screen and (min-width: 1164px) {
  .cases__button {
    min-width: 179px;
  }
}

.cases__button:hover {
  background-color: var(--orange-accent);
}

.cases__button-icone {
  fill: var(--white-text-color);
  width: 21px;
  height: 11.5px;
}

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

@media screen and (min-width: 1024px) {
  .metric {
    margin-bottom: 0px;
    flex-direction: row;
    min-width: 100%;
  }
}

@media screen and (min-width: 1164px) {
  .metric {
    min-width: 70%;
  }
}

.metric--positioner {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 202px;
}

@media screen and (min-width: 330px) {
  .metric--positioner {
    width: 288px;
  }
}

@media screen and (min-width: 1024px) {
  .metric--positioner:first-child {
    margin-right: 90px;
  }
}

.metric__box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}

@media screen and (min-width: 1164px) {
  .metric-unstandart {
    margin-right: 90px;
  }
}

@media screen and (min-width: 1164px) {
  .metric-second {
    margin-right: 25px;
  }
}

.brands {
  padding-top: 56px;
  padding-bottom: 56px;
  position: relative;
  overflow: hidden;
  height: 246px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

@media screen and (min-width: 1024px) {
  .brands {
    height: 525px;
    padding-top: 135px;
    padding-bottom: 160px;
    justify-content: space-between;
  }
}

.brands__title {
  font-family: "Baskerville";
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  .brands__title {
    font-size: 42px;
  }
}

.gradient-left {
  width: 40px;
  height: 171px;
  background: linear-gradient(to right, #fff, transparent);
  position: absolute;
  z-index: 2;
  top: 150;
  left: 0;
}

@media screen and (min-width: 1024px) {
  .gradient-left {
    background: linear-gradient(to right, #fff 91px, transparent);
    top: 200px;
    left: 0;
    width: 150px;
    height: 171px;
  }
}

.gradient-right {
  width: 40px;
  height: 171px;
  background: linear-gradient(to right, transparent, #fff);
  position: absolute;
  z-index: 2;
  top: 110px;
  right: 0;
}

@media screen and (min-width: 1024px) {
  .gradient-right {
    background: linear-gradient(to right, transparent, #fff 91px);
    top: 200px;
    right: -4;
    width: 150px;
    height: 171px;
  }
}

.swiper-button-next:after {
  color: #808080;
}

.swiper-button-next {
  margin-top: 33px;
  margin-right: 31px;
}

.swiper-button-prev {
  margin-top: 33px;
  margin-left: 31px;
}

.swiper-button-prev:after {
  color: #808080;
}

.swiper-button-prev:hover:after,
.swiper-button-prev:focus:after {
  color: var(--orange-accent);
}

.swiper-button-next:hover:after,
.swiper-button-next:focus:after {
  color: var(--orange-accent);
}

.bradns__svg {
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 70px;
}

.swiper-first {
  justify-content: baseline;
}

.arrow-left-marketplace {
  display: none;
  position: absolute;
  left: 45px;
  top: 278px;
  z-index: 11;
}

@media screen and (min-width: 1024px) {
  .arrow-left-marketplace {
    display: block;
  }
}

.arrow-right-marketplace {
  display: none;
  position: absolute;
  right: 45px;
  top: 278px;
  z-index: 11;
}

@media screen and (min-width: 1024px) {
  .arrow-right-marketplace {
    display: block;
  }
}

.arrow-left-svg {
  width: 23px;
  height: 44px;
  rotate: 0deg;
  fill: #808080;
  cursor: pointer;
}

.arrow-left-svg:hover, .arrow-left-svg:focus {
  fill: var(--orange-accent);
}

.arrow-right-svg {
  width: 23px;
  height: 44px;
  rotate: 180deg;
  fill: #808080;
  cursor: pointer;
}

.arrow-right-svg:hover, .arrow-right-svg:focus {
  fill: var(--orange-accent);
}

.partners {
  padding-top: 56px;
  padding-bottom: 56px;
  position: relative;
  overflow: hidden;
  height: 282px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (min-width: 1024px) {
  .partners {
    padding-top: 128px;
    padding-bottom: 128px;
    height: 478px;
  }
}

.partners__title {
  font-family: "Baskerville";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (min-width: 314px) {
  .partners__title {
    font-size: 36px;
    line-height: 1.2;
  }
}

#left::after {
  height: 5px;
  width: 5px;
  background-color: black;
}

.footer {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: var(--black-bcg-color);
  position: relative;
}

.footer__wraper {
  border-bottom: 1px solid #484848;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 38px;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .footer__wraper {
    flex-direction: column-reverse;
    padding-bottom: 48px;
    width: 880px;
  }
}

@media screen and (min-width: 1440px) {
  .footer__wraper {
    width: 1200px;
  }
}

.footer__text {
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  color: var(--white-text-color);
  padding-bottom: 8px;
}

.footer__button {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.66;
  text-align: center;
  background-color: var(--white-text-color);
  padding: 3px 10px;
  min-width: 256px;
  color: #000;
  transition: all 0.3s;
  cursor: pointer;
}

.footer__button:hover, .footer__button:focus {
  background-color: #f09930;
  color: var(--white-text-color);
}

.footer__box {
  display: flex;
  flex-direction: row;
  gap: 33px;
  margin-bottom: 28px;
}

@media screen and (min-width: 1024px) {
  .footer__box {
    margin-bottom: 0;
  }
}

.footer__icone {
  width: 23px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  fill: var(--white-text-color);
  transition: all 0.3s;
}

.footer__icone:hover, .footer__icone:focus {
  fill: #f09930;
}

.footer-navigation {
  width: 100%;
  margin-bottom: 37px;
}

@media screen and (min-width: 1024px) {
  .footer-navigation {
    margin-bottom: 0;
  }
}

.footer-navigation__list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

@media screen and (min-width: 1024px) {
  .footer-navigation__list {
    flex-direction: row;
    gap: 0;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }
}

.footer-navigation__item {
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  color: var(--white-text-color);
}

@media screen and (min-width: 1440px) {
  .footer-navigation__item {
    font-size: 18px;
    line-height: 1.5;
  }
}

.privacy {
  padding-top: 40px;
  display: flex;
  justify-content: center;
  gap: 40px;
  padding-left: 10px;
  padding-right: 10px;
}

.privacy__link {
  max-width: 130px;
  font-size: 14px;
  line-height: 1.5;
  color: #c5c5c5;
}

@media screen and (min-width: 425px) {
  .privacy__link {
    max-width: 202px;
  }
}

.contact-us {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .contact-us {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
    margin-bottom: 42px;
  }
}

@media screen and (min-width: 1440px) {
  .contact-us {
    max-width: 1200px;
  }
}

@media screen and (min-width: 1024px) {
  .contact-us.fr {
    max-width: 880px;
  }
}

@media screen and (min-width: 1440px) {
  .contact-us.fr {
    max-width: 1200px;
  }
}

.contact__form {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}

.contact__form.fr {
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .contact__form.fr {
    align-items: start;
  }
}

.contact-us-button {
  background-color: transparent;
  color: #fff;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5;
  padding-bottom: 1px;
  transition: all 0.3s;
  cursor: pointer;
  /* or 27px */
  text-transform: uppercase;
}

@media screen and (min-width: 1440px) {
  .contact-us-button {
    font-size: 18px;
  }
}

.contact-us-button:hover, .contact-us-button:focus {
  color: var(--orange-accent);
}

.privacy-policy, .terms, .cookies {
  display: flex;
  flex-direction: column;
  padding: 69px 16px 56px;
  align-items: center;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1024px) {
  .privacy-policy, .terms, .cookies {
    padding: 30px 16px 130px;
  }
}

.privacy-policy__title, .terms__title, .cookies__title {
  font-family: "Baskerville";
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #000000;
}

@media screen and (min-width: 1024px) {
  .privacy-policy__title, .terms__title, .cookies__title {
    align-self: flex-start;
    font-size: 60px;
  }
}

.privacy-policy__aftertitle, .terms__aftertitle, .cookies__aftertitle {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.5;
  color: #808080;
}

.privacy-policy__part, .terms__part, .cookies__part {
  display: flex;
  gap: 24px;
  flex-direction: column;
  padding-top: 44px;
}

@media screen and (min-width: 1024px) {
  .privacy-policy__part, .terms__part, .cookies__part {
    gap: 22px;
  }
}

.privacy-policy__standart-text, .terms__standart-text, .cookies__standart-text {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.5;
  color: #000000;
}

.privacy-policy__bold-text, .terms__bold-text, .cookies__bold-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  color: #000000;
}

.privacy-policy ul li {
  margin-left: 25px;
}

.privacy-policy th {
  background-color: #000000;
  color: #FFFFFF;
}

.privacy-policy td {
  background-color: #dadada;
  width: 20%;
}

.privacy-policy td + td {
  width: 60%;
}

.privacy-policy td + td + td {
  width: 20%;
}

.privacy-policy__part-unstandart {
  padding-top: 24px;
  align-self: flex-start;
}

@media screen and (min-width: 1024px) {
  .privacy-policy__part-unstandart {
    padding-top: 22px;
  }
}

.privacy-policy__bold-text-unstandart {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  color: #000000;
  margin-bottom: 22px;
}

@media screen and (min-width: 1024px) {
  .privacy-policy__bold-text-unstandart {
    margin-bottom: 22px;
  }
}

.terms {
  display: flex;
  flex-direction: column;
  padding: 69px 16px 56px;
  align-items: center;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1024px) {
  .terms {
    padding: 30px 16px 130px;
  }
}

.terms__title {
  font-family: "Baskerville";
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #000000;
}

@media screen and (min-width: 1024px) {
  .terms__title {
    align-self: flex-start;
    font-size: 60px;
  }
}

.environment {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  min-height: 649px;
  background-color: #272727;
  padding-top: 64px;
  padding-bottom: 64px;
}

@media screen and (max-width: 1210px) {
  .environment {
    flex-direction: column;
  }
}

.environment__center-block {
  position: relative;
}

.environment__center-image {
  max-width: 240px;
  max-height: 240px;
}

@media screen and (min-width: 300px) {
  .environment__center-image {
    max-width: 270px;
    max-height: 270px;
  }
}

@media screen and (min-width: 330px) {
  .environment__center-image {
    max-width: 300px;
    max-height: 300px;
  }
}

@media screen and (min-width: 360px) {
  .environment__center-image {
    max-width: 330px;
    max-height: 330px;
  }
}

@media screen and (min-width: 484px) {
  .environment__center-image {
    max-width: 449px;
    max-height: 449px;
  }
}

.environment__title {
  font-weight: 500;
  font-size: 36px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  color: var(--white-title-color);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.environment__list {
  display: flex;
  flex-wrap: wrap;
  width: 320px;
  gap: 47px;
}

@media screen and (max-width: 1210px) {
  .environment__list {
    flex-direction: column;
  }
}

.environment__list-left {
  justify-content: flex-end;
}

.environment__item {
  min-height: 72px;
}

@media screen and (max-width: 1210px) {
  .environment__item {
    display: flex;
    align-items: center;
    flex-direction: column;
    min-height: 100%;
  }
}

.environment__item-left {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}

@media screen and (max-width: 1210px) {
  .environment__item-left {
    align-items: center;
  }
}

.environment__item-left::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  left: 19px;
  top: 19px;
}

@media screen and (max-width: 1210px) {
  .environment__item-left::before {
    display: none;
  }
}

.environment__item-right {
  position: relative;
}

.environment__item-right::before {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  right: 19px;
  top: 19px;
}

@media screen and (max-width: 1210px) {
  .environment__item-right::before {
    display: none;
  }
}

.environment__item-left:nth-child(n + 2):nth-child(-n + 3) {
  padding-right: 50px;
}

@media screen and (max-width: 1210px) {
  .environment__item-left:nth-child(n + 2):nth-child(-n + 3) {
    padding-right: 0;
  }
}

.environment__item-right:nth-child(n + 2):nth-child(-n + 3) {
  padding-left: 50px;
}

@media screen and (max-width: 1210px) {
  .environment__item-right:nth-child(n + 2):nth-child(-n + 3) {
    padding-left: 0;
  }
}

.environment__title-item {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2;
  color: var(--white-title-color);
}

@media screen and (max-width: 1210px) {
  .environment__title-item {
    text-align: center;
  }
}

.environment__text {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.2;
  color: var(--white-title-color);
}

@media screen and (max-width: 1210px) {
  .environment__text {
    text-align: center;
  }
}

.environment__title-item.fr {
  padding-left: 0;
}

@media screen and (min-width: 1211px) {
  .environment__title-item.fr {
    padding-left: 95px;
  }
}

.pmf {
  min-height: 913px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 45px;
  padding-top: 64px;
  padding-bottom: 64px;
}

.pmf__title {
  font-weight: 500;
  font-size: 36px;
  line-height: 1.16;
  text-align: center;
  text-transform: uppercase;
  color: #272727;
}

.pmf__list-wraper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  max-width: 1100px;
}

.pmf__list {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  justify-content: center;
}

.pmf__image-box {
  width: 255px;
  height: 156px;
  background-color: #f2f2f2;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 574px) {
  .pmf__image-box {
    width: 170px;
    height: 104px;
  }
}

@media screen and (max-width: 397px) {
  .pmf__image-box {
    width: 127.5px;
    height: 78px;
  }
}

@media screen and (max-width: 574px) {
  .pmf__image {
    width: 74px;
    height: 74px;
  }
}

@media screen and (max-width: 397px) {
  .pmf__image {
    width: 52px;
    height: 52px;
  }
}

.pmf__text-box {
  width: 255px;
  height: 112px;
  background-color: #272727;
  display: flex;
  align-items: center;
  gap: 20px;
  padding-left: 20px;
}

@media screen and (max-width: 574px) {
  .pmf__text-box {
    width: 170px;
    height: 104px;
    gap: 10px;
    padding-left: 14px;
  }
}

@media screen and (max-width: 397px) {
  .pmf__text-box {
    width: 127.5px;
    height: 78px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.pmf__box-number {
  font-weight: 400;
  font-size: 64px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #ffffff;
}

@media screen and (max-width: 574px) {
  .pmf__box-number {
    font-size: 42px;
  }
}

@media screen and (max-width: 397px) {
  .pmf__box-number {
    font-size: 32px;
  }
}

.pmf__box-description {
  font-weight: 300;
  font-size: 24px;
  line-height: 1.3;
  text-transform: uppercase;
  width: 146px;
  color: #ffffff;
}

@media screen and (max-width: 574px) {
  .pmf__box-description {
    font-size: 16px;
  }
}

@media screen and (max-width: 397px) {
  .pmf__box-description {
    font-size: 12px;
  }
}

.pmf__box-description.fr {
  font-size: 9px;
}

@media screen and (min-width: 400px) {
  .pmf__box-description.fr {
    font-size: 12px;
  }
}

@media screen and (min-width: 575px) {
  .pmf__box-description.fr {
    font-size: 18px;
  }
}

.zalando {
  display: flex;
  justify-content: center;
  gap: 119px;
  background-color: #f2f2f2;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

@media screen and (max-width: 1210px) {
  .zalando {
    flex-direction: column;
    gap: 60px;
  }
}

.zalando__label-positioner {
  position: relative;
}

.zalando__label {
  position: absolute;
  left: -2px;
  top: -182px;
}

@media screen and (max-width: 548px) {
  .zalando__label {
    width: 200px;
    height: 100px;
    top: -130px;
  }
}

.zalando__description {
  width: 528px;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.5;
  color: #000;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 548px) {
  .zalando__description {
    width: 100%;
  }
}

.zalando__description-img {
  position: absolute;
  top: 56px;
  left: -61px;
}

.zalando__list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.zalando__item {
  width: 468px;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.5;
  color: #373737;
}

@media screen and (max-width: 548px) {
  .zalando__item {
    width: 100%;
  }
}

.zalando__item::before {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #272727;
  position: relative;
  right: 19px;
  top: 18px;
}

@media screen and (max-width: 1210px) {
  .zalando__item::before {
    display: none;
  }
}

.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  display: none;
}

.is-hidden.display-block {
  display: block !important;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

:root {
  --primary-text-color: #373737;
  --secondary-text-color: #000000;
  --white-text-color: #ffffff;
  --primary-title-color: #373737;
  --secondary-title-color: #000000;
  --white-title-color: #ffffff;
  --main-color: #ffffff;
  --black-bcg-color: #272727;
  --white-bcg-color: #ffffff;
  --black-Baskerville-text: #272727;
  --eror-color: #ff4747;
  --dark-green: #6fac40;
  --accent-green: #6fac40;
  --orange-accent: #f09930;
}

/*# sourceMappingURL=main.css.map */