@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

body {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

#ve-landing-page {
  /* position: relative; */
  box-sizing: border-box;

  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;

  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 100%;
  line-height: 1;
  font-family: 'Montserrat', sans-serif;

  background-color: #fff;
  color: #181818;
}

#ve-landing-page * {
  box-sizing: border-box;

  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;

  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;

  letter-spacing: 0px;
  text-decoration: none;
  vertical-align: baseline;
}

#ve-landing-page b,
#ve-landing-page strong {
  font-weight: bolder;
}

#ve-landing-page img {
  border-style: none;
}

#ve-landing-page ul,
#ve-landing-page ol {
  list-style: none;
}

#ve-landing-page sup {
  vertical-align: super;
  font-size: 60%;
}

/* img */
#ve-landing-page img {
  width: 100%;
  height: auto;
}

/* HTML */
body {
  /* max-width: 1920px; */
  overflow: hidden;
  margin: auto;
}

/* Video Styles */

#ve-landing-page .iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;

  /* box-shadow: 0px 0px 50px #18181866; */
}

#ve-landing-page .iframe-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  clip-path: inset(0% 0% 0% 0% round 5.56vw);
  cursor: pointer;
}

#ve-landing-page .iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  clip-path: inset(0% 0% 0% 0% round 5.56vw);
  /* border-radius: 5.56vw; */
}

#ve-landing-page .iframe-container .iframe-container__desktop {
  display: none;
}

/* Style */

#ve-landing-page button {
  cursor: pointer;
}

#ve-landing-page button .button__img--hover {
  display: none;
}

/* Header */
#ve-landing-page .header-section {
  text-align: left;
}

#ve-landing-page .header-section button {
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 4.44vw 7.22vw;
  margin-top: 5.56vw;
  border: #181818 2px solid;
  border-radius: 1.11vw;

  font: normal normal 700 3.33vw/3.33vw Montserrat;
  background-color: #ffffff;
  color: #181818;
}

#ve-landing-page .header-section button img {
  width: 3.89vw;
  height: auto;

  margin-right: 3.89vw;
}

#ve-landing-page .header-section button a {
  display: flex;
  align-items: center;
  justify-content: center;

  text-decoration: none;
  color: inherit;
}

#ve-landing-page .header-section .header-1 {
  padding: 97.96vw 8.33vw 5.56vw 8.33vw;
  height: 116.67vw;
  margin-bottom: 22.5vw;

  background-image: url('img/header-bg-1.png');
  background-repeat: no-repeat;
  background-size: cover;
}

#ve-landing-page .header-section .header-1 h1 {
  font: normal normal 900 5vw/6.11vw Montserrat;
  text-align: center;
  color: #ffffff;
  text-shadow: 1px 1px 5px #181818a6;

  margin-bottom: 63.33vw;
}

#ve-landing-page .header-section .header-1 button {
  margin: auto;
}

#ve-landing-page .header-section .header-2 > div:first-child {
  padding: 11.11vw 5.56vw;
}

#ve-landing-page .header-section .header-2 h2 {
  font: normal normal 700 3.89vw/5.56vw Montserrat;
  color: #181818;
}

#ve-landing-page .header-section .header-2 p {
  font: normal normal 400 3.89vw/5.56vw Montserrat;
  color: #181818;
  margin-top: 2.78vw;
}

#ve-landing-page .header-section .header-2 p img {
  display: inline-block;
  margin-left: 1vw;
  width: 15.76vw;
}

#ve-landing-page .header-section .header-2 > div > img {
  display: block;
  width: 100%;
}

/* Slider */

#ve-landing-page .slider-section {
  position: relative;
  padding: 0 5.56vw;

  margin-bottom: 23.06vw;
}

#ve-landing-page .slider-section img {
  width: 100%;
  height: auto;
}

#ve-landing-page .slider-section .sliderContainer {
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
}

#ve-landing-page .slider-section .slider {
  min-width: 100%;
  display: flex;
  flex-shrink: 0;
  transition: transform 0.5s;
}

#ve-landing-page .slider-section h2 {
  font: normal normal 900 5vw/6.67vw Montserrat;
  color: #181818;
  text-align: center;

  padding: 0 10vw;
  margin-bottom: 5.56vw;
}

#ve-landing-page .slider-section .slider__dots {
  display: flex;
  justify-content: center;
  align-items: center;

  margin-bottom: 11.11vw;
}

#ve-landing-page .slider-section .slider__dot {
  width: 2.5vw;
  height: 2.5vw;
  border: 0.28vw solid #8f8f8f;
  border-radius: 1.39vw;
  background: white;
  margin-right: 2.78vw;
}

#ve-landing-page .slider-section .slider__dot--active {
  border: 0.28vw solid #7f28c4;
  background: #7f28c4;
  width: 11.11vw;
}

#ve-landing-page .slider-section .slider__prod-container {
  width: 25%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

#ve-landing-page .slider-section .slider__prod-container > img {
  width: 70%;
  height: auto;
  margin-bottom: 1.39vw;
}

#ve-landing-page .slider-section .prod-details {
  text-align: center;
  width: 42.5vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  flex-grow: 1;
}

#ve-landing-page .slider-section .prod-details__txt {
  font: normal normal 700 3.33vw/5vw Montserrat;
  color: #181818;

  margin-bottom: 6vw;
  cursor: pointer;
}

#ve-landing-page .slider-section .prod-details__promotion-price {
  font: normal normal 700 3.33vw/4.72vw Montserrat;
}

#ve-landing-page .slider-section .prod-details__prod-size {
  font: normal normal 300 2.78vw/3.61vw Montserrat;
  color: #8f8f8f;

  margin-bottom: 2.78vw;
}

#ve-landing-page .slider-section .prod-details__btnLink {
  display: flex;
  align-items: center;
  justify-content: center;

  width: fit-content;
  padding: 3.33vw 5vw;
  margin: auto;
  margin-bottom: 2.78vw;
  border-radius: 1.11vw;

  font: normal normal 700 3.33vw/3.33vw Montserrat;
  color: #ffffff;
  background-color: #7f28c4;
  border: 0.56vw solid #7f28c4;
  text-transform: uppercase;
  text-decoration: none;
}

#ve-landing-page .slider-section .prod-details__btnLink img {
  width: 2.78vw;
  height: auto;

  margin-right: 1.39vw;
}

#ve-landing-page .slider-section .prod-details__btnScroll {
  display: flex;
  align-items: center;
  justify-content: center;

  width: fit-content;
  padding: 3.33vw 5vw;
  margin: auto;
  border-radius: 1.11vw;

  font: normal normal 700 3.33vw/3.33vw Montserrat;
  color: #7f28c4;
  background-color: #ffffff;
  border: 0.56vw solid #7f28c4;
  text-transform: uppercase;
  text-decoration: none;
}

#ve-landing-page .slider-section .prod-details__btnScroll img {
  width: 2.78vw;
  height: auto;

  margin-right: 1.39vw;
}

#ve-landing-page .slider-section .slider__arrow-container {
  position: absolute;
  width: 8.33vw;
  height: 8.33vw;
  left: 0.83vw;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

#ve-landing-page .slider-section .slider__arrow-right {
  left: auto;
  right: 0.83vw;
}

/* Products */
#ve-landing-page .products-section .prod-content {
  width: 100%;
  height: 285vw;

  padding: 0 5.56vw;
  margin-bottom: 22.5vw;

  background-image: url('img/background1.png');
  background-repeat: no-repeat;
  background-size: cover;

  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
}

#ve-landing-page .products-section .prod-header {
  margin-bottom: 11.11vw;

  position: relative;
}

#ve-landing-page .products-section .prod-header img {
  width: 100vw;
}

#ve-landing-page .products-section .prod-header .prod-header__desktop {
  display: none;
}

#ve-landing-page .products-section .prod-header .prod-header__mobile {
  display: block;
}

#ve-landing-page .products-section .prod-header .prod-header__new {
  position: absolute;
  top: 12vw;
  left: 6.5vw;

  font: normal normal 500 3.06vw/4.44vw Montserrat;
  color: #fff;

  background: linear-gradient(134deg, #7f28c4 0%, #e2197c 51%, #e5231b 100%);
  border-radius: 4.17vw 0;
  padding: 3.06vw 4.44vw;
}

#ve-landing-page .products-section .prod-grid {
  width: 100%;
  /* overflow-x: hidden; */
}

#ve-landing-page .products-section .prod-grid__details {
  margin-bottom: 11.11vw;
}

#ve-landing-page .products-section .prod-grid__details h2 {
  font: normal normal 900 6.11vw/6.11vw Montserrat;
  color: #ffffff;
  opacity: 0.9;
}

#ve-landing-page .products-section .prod-grid__details h2 span {
  font-weight: 400;
}

#ve-landing-page .products-section .prod-grid__details h4 {
  font: normal normal 300 5vw/6.11vw Montserrat;
  color: #ffffff;
  opacity: 0.9;

  margin-bottom: 8.33vw;
}

#ve-landing-page
  .products-section
  .prod-grid__details
  .prod-grid__variant-group {
  margin-bottom: 8.33vw;
  overflow-x: scroll;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}

#ve-landing-page
  .products-section
  .prod-grid__details
  .prod-grid__variant-group::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

#ve-landing-page
  .products-section
  .prod-grid__details
  .prod-grid__variant-slider {
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  position: relative;
  width: fit-content;
  transition: left 1s;
}

#ve-landing-page
  .products-section
  .prod-grid__details
  .prod-grid__variant-slider
  .prod-grid__variant {
  width: 25.39vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;

  cursor: pointer;
}

#ve-landing-page
  .products-section
  .prod-grid__details
  .prod-grid__variant-slider
  img {
  width: calc(11.11vw + 6px);
  padding: 3px;
  margin-right: 2vw;
  margin-left: 2vw;
}

#ve-landing-page
  .products-section
  .prod-grid__details
  .prod-grid__variant-slider
  .prod-grid__variant--active
  img {
  border: #fff 4px solid;
  border-radius: 100%;
}

#ve-landing-page
  .products-section
  .prod-grid__details
  .prod-grid__variant-slider
  .prod-grid__variant--active
  p {
  font-weight: 700;
}

#ve-landing-page
  .products-section
  .prod-grid__details
  .prod-grid__variant-slider
  p {
  font: normal normal 400 3.2vw/4.44vw Montserrat;
  text-align: center;
  color: #ffffff;

  margin-top: 1.5vw;
  margin-right: 1vw;
  margin-left: 1vw;
}

#ve-landing-page .products-section .prod-grid__details .prod-grid__btn-group {
  margin-bottom: 12.5vw;
}

#ve-landing-page
  .products-section
  .prod-grid__details
  .prod-grid__btn-group
  br {
  display: none;
}

#ve-landing-page .products-section .prod-grid__details button {
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 4.17vw 8.33vw;
  margin-top: 2.78vw;
  border-radius: 1.11vw;
  border: #fff 1px solid;

  font: normal normal 700 3.33vw/3.33vw Montserrat;
  color: #181818;
}

#ve-landing-page
  .products-section
  .prod-grid__details
  .products-section-btn-pdp {
  background: rgba(255, 255, 255, 0.101);
  color: #fff;
}

#ve-landing-page .products-section .prod-grid__details button img {
  width: 3.89vw;
  height: auto;

  margin-right: 3.89vw;
}

#ve-landing-page
  .products-section
  .prod-grid__details
  .products-section-btn-cart {
  font: normal normal 700 5vw/5vw Montserrat;
  padding: 6.25vw 12.5vw;
  border-radius: 1.66vw;

  width: 100%;
}

#ve-landing-page
  .products-section
  .prod-grid__details
  .products-section-btn-cart
  img {
  width: 5.8vw;
  margin-right: 6.25vw;
}

#ve-landing-page .products-section .prod-grid__details .prod-grid__pros {
  margin-bottom: 0;
}

#ve-landing-page .products-section .prod-grid__pros > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#ve-landing-page .products-section .prod-grid__pros > div:not(:last-child) {
  margin-bottom: 5.56vw;
}

#ve-landing-page .products-section .prod-grid__pros > div > img {
  width: 16.67vw;
  height: 16.67vw;
  opacity: 0.9;

  margin-right: 4.17vw;
}

#ve-landing-page .products-section .prod-grid__pros > div > p {
  font: normal normal 400 3.88vw/5.56vw Montserrat;
  color: #ffffff;
  opacity: 0.9;
}

#ve-landing-page .products-section .prod-grid__pros > div.prod-grid__info > p {
  font: normal normal 400 2.5vw/4.44vw Montserrat;
  color: #ffffff;
  opacity: 0.7;
}

#ve-landing-page .products-section .prod-content--2 {
  background-image: url('img/background2.png');
  height: 325.28vw;
}

#ve-landing-page .products-section .prod-content--3 {
  background-image: url('img/background3.png');
  height: 293.33vw;
}

#ve-landing-page .products-section .prod-content--3 .prod-header {
  margin-bottom: 5.11vw;
}

#ve-landing-page .products-section .prod-content--4 {
  background-image: url('img/background4.png');
  height: 293.33vw;
}
/* 
#ve-landing-page .products-section .prod-content--4 .prod-grid__pros {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

#ve-landing-page .products-section .prod-content--4 .prod-grid__pros div {
  width: 32.78vw;
  flex-wrap: wrap;
} */

#ve-landing-page .products-section .prod-content--5 {
  background-image: url('img/background5.png');
  height: 237.78vw;
}

#ve-landing-page .products-section .prod-content--6 {
  background-image: url('img/background6.png');
  height: 237.78vw;
}

#ve-landing-page .products-section .prod-content--7 {
  background-image: url('img/background7.png');
  height: 237.78vw;
}

/* Video section */
#ve-landing-page .video-section {
  width: 100%;
  height: 121.67vw;

  padding: 0 5.56vw;
  margin-bottom: 33.33vw;

  background-image: url('img/video-bg.png');
  background-repeat: no-repeat;
  background-size: cover;

  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
}

#ve-landing-page .video-section > img {
  margin-bottom: 8.33vw;
}

#ve-landing-page .video-section .iframe-container {
  margin-bottom: -11.11vw;
}

#ve-landing-page .video-section .iframe-container iframe {
  clip-path: inset(0% 0% 0% 0% round 5.56vw);
}

#ve-landing-page .video-section .iframe-container img {
  clip-path: inset(0% 0% 0% 0% round 5.56vw);
}

/* Form section */
#ve-landing-page .form-section {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 210vw;
  /* 756px */
  padding: 16.62vw 2.77vw 33.24vw 2.77vw;
  /* 60px 10px 120px 10px */
  margin-bottom: 0vw;

  background-color: transparent;
  background-image: url('https://mvt-cdn.abee.cloud/resources/Avon/LP30lat/newsletter-bg-m.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  background-attachment: scroll;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

#ve-landing-page .form-section .exe-left-content {
  width: 89.194vw;
  /* 100% */
  /* 322px */
  height: auto;
  margin-bottom: 12.742vw;
  /* 46px */

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

#ve-landing-page .form-section .exe-left-content .exe-p-text-bold {
  width: 100%;

  text-align: left;
  color: #181818;
  font: normal normal bold 6.648vw/8.31vw Montserrat;
  /* 24px/30px */
}

#ve-landing-page .form-section .exe-right-content {
  width: 100%;
  height: auto;

  margin-top: 0vw;
  padding: 7.756vw 6.648vw 7.756vw 6.648vw;
  /* 28px 24px 28px 24px */

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;

  background-color: #ffffff;
  box-shadow: 0px 0px 11.08vw #5e109d33;
  /* 0px 0px 40px */
  border-radius: 27.7vw 0px;
  /* 100px 0px */
  opacity: 1;
  z-index: 100;
}

#ve-landing-page .form-section .exe-right-content .exe-h-text {
  width: 80%;

  text-align: center;
  color: #181818;
  font: normal normal 500 5.54vw/6.648vw Montserrat;
  /* 20px/24px */

  margin-bottom: 2.77vw;
  /* 10px */
}

#ve-landing-page .form-section .exe-right-content .exe-p-text {
  text-align: center;
  color: #181818;
  font: normal normal normal 3.324vw/4.986vw Montserrat;
  /* 12px/18px */
}

#ve-landing-page .form-section .exe-right-content .exe-form-wrapper {
  width: 100%;
  height: auto;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;

  margin-top: 2.77vw;
  /* 10px */
}

/* Formularz */
#ve-landing-page form {
  width: 100%;
  height: auto;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

/* INPUTS */
#ve-landing-page .exe-input {
  position: relative;
  width: 100%;

  display: flex;
  flex-direction: column;
  font-family: 'Montserrat', sans-serif;
  padding: 4.072vw 1.65425vw 0 1.65425vw;
  /* 16px 6.5px 0 6.5px */
}

#ve-landing-page .exe-input input,
#ve-landing-page .exe-input label,
#ve-landing-page .exe-input span {
  transition: 0.3s ease-out;
}

#ve-landing-page .exe-input input {
  border-bottom: 1px solid #d5d5d5;

  margin: 0 -1.65425vw;
  /* 0 -6.5*/
  padding: 1.2725vw 1.65425vw;
  /* 5 6.5 */
  line-height: 4.8355vw;
  /* 19px */
  font-size: 4.072vw;
  /* 16px */
}

#ve-landing-page .exe-input label {
  position: absolute;
  top: 5.599vw;
  /* 22px */
  color: #7b8283;
  line-height: 4.8355vw;
  /* 19px */
  font-size: 3.7vw;
  /* 4.072vw;  16px */
}

#ve-landing-page .exe-input span {
  color: #851168;
  line-height: 3.3085vw;
  /* 13px */
  font-size: 2.545vw;
  /* 10px */
  opacity: 0;
}

#ve-landing-page .exe-input input.filled + label,
#ve-landing-page .exe-input input:focus + label {
  top: 0;
  text-transform: uppercase;
  font-size: 2.545vw;
  /* 10px */
}

#ve-landing-page .exe-input input:focus {
  border-color: #7f28c4;
}

#ve-landing-page .exe-input input:focus + label {
  color: #7f28c4;
}

#ve-landing-page .exe-input input.invalid {
  border-color: #851168;
  background: #8511680d;
}

#ve-landing-page .exe-input input.invalid ~ span {
  opacity: 1;
}

#ve-landing-page .exe-input input.invalid + label {
  color: #851168;
}

/* CHECKBOX */
#ve-landing-page .exe-agreement {
  position: relative;
  width: 100%;
  height: auto;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;

  background-color: transparent;
  opacity: 1;

  margin-top: 5.54vw;
  /* 20px */
  margin-bottom: 5.54vw;
  /* 20px */
}

#ve-landing-page .exe-agreement input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#ve-landing-page .exe-agreement label.exe-checkbox-label {
  width: calc(100% - 8vw);

  /* white-space: pre-wrap; */

  text-align: left;
  color: #747a7b;
  font: normal normal normal 3.324vw/4.432vw Montserrat;
  /* 12px/16px */
  opacity: 1;
}

#ve-landing-page .exe-agreement label.exe-checkbox-label .exe-a-link {
  text-decoration: underline;
  color: #747a7b;
}

#ve-landing-page .exe-agreement span {
  width: calc(100% - 8vw);
  margin-left: 8vw;

  line-height: 4.432vw;
  font-size: 3.324vw;
  color: #851168;
  opacity: 0;
  transition: 0.3s ease-out;
}

#ve-landing-page .exe-agreement input.invalid ~ span {
  opacity: 1;
}

#ve-landing-page .exe-agreement label.exe-checkbox-wrap {
  position: relative;
  width: 5.54vw;
  /* 20px */
  height: 5.54vw;
  /* 20px */
}

#ve-landing-page .exe-agreement label.exe-checkbox-wrap .exe-checkbox-checked,
#ve-landing-page
  .exe-agreement
  label.exe-checkbox-wrap
  .exe-checkbox-unchecked {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.54vw;
  /* 20px */
  height: 5.54vw;
  /* 20px */
}

#ve-landing-page .exe-agreement label.exe-checkbox-wrap .exe-checkbox-checked {
  opacity: 0;
  transition: 0.3s ease-out;
  z-index: 2;
}

#ve-landing-page
  .exe-agreement
  label.exe-checkbox-wrap
  .exe-checkbox-checked.visible {
  opacity: 1;
}

/* SUBMIT BUTTON */
#ve-landing-page .exe-btn-form-send {
  margin: 0 auto;
  padding: 5.54vw 11.08vw;
  /* 20px 40px */

  background: transparent
    linear-gradient(161deg, #7f28c4 0%, #ac21a2 37%, #da1b81 66%, #e42027 100%)
    0% 0% no-repeat padding-box;
  border-radius: 1.108vw;
  /* 4px */
  opacity: 1;

  text-align: center;
  color: #ffffff;
  font: normal normal bold 3.878vw/5.54vw Montserrat;
  /* 14px/20px */

  cursor: pointer;
}

#ve-landing-page .exe-btn-form-send:hover {
  background: #7f28c4;
}

#ve-landing-page .button-cart-add {
  background-color: #ffffff !important;
  color: #181818 !important;
}

#ve-landing-page .button-cart-add:hover {
  background-color: #ffffff !important;
  color: #181818 !important;
}

/* Desktop */
@media only screen and (min-width: 480px) {
  /* Style */
  #ve-landing-page button:hover .button__img--hover {
    display: block;
  }

  #ve-landing-page button:hover .button__img {
    display: none;
  }

  /* Video Styles */
  #ve-landing-page .iframe-container .iframe-container__desktop {
    display: inline-block;
  }

  #ve-landing-page .iframe-container .iframe-container__mobile {
    display: none;
  }

  /* Header */

  #ve-landing-page .header-section button {
    padding: 0.78vw 1.56vw;
    margin-top: 2.08vw;
    border-radius: 0.21vw;

    font: normal normal 700 0.73vw/0.73vw Montserrat;
  }

  #ve-landing-page .header-section button:hover {
    background-color: #7f28c4;
    border: #7f28c4 2px solid;

    color: #ffffff;
  }

  #ve-landing-page .header-section button img {
    width: 0.73vw;
    height: auto;

    margin-right: 0.52vw;
  }

  #ve-landing-page .header-section .header-1 {
    background-image: url('img/header-bg-d-1.jpg');
    height: 18.75vw;
    padding: 13.49vw 14.58vw 4.22vw 14.58vw;
    margin-bottom: 3.125vw;
  }

  #ve-landing-page .header-section .header-1 h1 {
    font: normal normal 900 1.56vw/1.93vw Montserrat;
    letter-spacing: 0.036vw;
    text-align: left;
    text-shadow: 1px 1px 5px #181818a6;
    width: 30.2vw;

    margin-bottom: 2.08vw;
  }

  #ve-landing-page .header-section .header-1 button {
    width: 15.47vw;
    margin-left: 0;
  }

  #ve-landing-page .header-section .header-2 {
    display: flex;
  }

  #ve-landing-page .header-section .header-2 h2 {
    font: normal normal 700 1.56vw/1.93vw Montserrat;
  }

  #ve-landing-page .header-section .header-2 p {
    font: normal normal 400 1.46vw/2.08vw Montserrat;
    margin-top: 1.09vw;
  }

  #ve-landing-page .header-section .header-2 p img {
    display: inline-block;
    margin-left: 1vw;
    width: 5.36vw;
  }

  #ve-landing-page .header-section .header-2 > div:first-child {
    padding: 6.61vw 8.23vw 6.77vw 5.56vw;
  }

  #ve-landing-page .header-section .header-2 > div {
    width: 50%;
  }
  /* Slider */

  #ve-landing-page .slider-section {
    padding: 0 7.29vw;

    margin-bottom: 11.15vw;
  }

  #ve-landing-page .slider-section h2 {
    font: normal normal 900 1.88vw/2.4vw Montserrat;

    padding: 0 10vw;
    margin-bottom: 2.08vw;
  }

  #ve-landing-page .slider-section .slider__dots {
    margin-bottom: 2.08vw;
  }

  #ve-landing-page .slider-section .slider__dot {
    width: 0.47vw;
    height: 0.47vw;
    border: 0.1vw solid #8f8f8f;
    border-radius: 0.26vw;
    margin-right: 0.52vw;
  }

  #ve-landing-page .slider-section .slider__dot--active {
    border: 0.1vw solid #7f28c4;
    width: 2.08vw;
  }

  #ve-landing-page .slider-section .slider__prod-container > img {
    width: 50%;
    margin-bottom: 1.04vw;
  }

  #ve-landing-page .slider-section .prod-details {
    width: 18.65vw;
    flex-grow: 1;
  }

  #ve-landing-page .slider-section .prod-details__txt {
    font: normal normal 700 0.83vw/1.25vw Montserrat;

    margin-bottom: 1vw;
    margin-right: 2vw;
    margin-left: 2vw;
  }

  #ve-landing-page .slider-section .prod-details__promotion-price {
    font: normal normal 700 0.83vw/1.25vw Montserrat;
  }

  #ve-landing-page .slider-section .prod-details__prod-size {
    font: normal normal 300 0.63vw/1.25vw Montserrat;

    margin-bottom: 0.63vw;
  }

  #ve-landing-page .slider-section .prod-details__btnLink {
    font: normal normal 700 0.73vw/0.73vw Montserrat;

    padding: 0.78vw 1.56vw;

    border: none;
    border-radius: 0.2vw;
    margin-bottom: 0.63vw;
  }

  #ve-landing-page .slider-section .prod-details__btnLink:hover {
    background: transparent
      linear-gradient(161deg, #7f28c4 0%, #e2197c 51%, #e5231b 100%) 0% 0%
      no-repeat padding-box;
    border: none;
    transition: all 0.4s ease 0s;
  }

  #ve-landing-page .slider-section .prod-details__btnLink img {
    width: 0.63vw;

    margin-right: 0.52vw;
  }

  #ve-landing-page .slider-section .prod-details__btnScroll {
    font: normal normal 700 0.73vw/0.73vw Montserrat;

    padding: 0.78vw 1.56vw;

    border: 0.1vw solid #7f28c4;
    border-radius: 0.2vw;
  }

  #ve-landing-page .slider-section .prod-details__btnScroll:hover {
    background: transparent
      linear-gradient(161deg, #7f28c4 0%, #e2197c 51%, #e5231b 100%) 0% 0%
      no-repeat padding-box;
    border: 0.1vw solid transparent;

    transition: all 0.4s ease 0s;
  }

  #ve-landing-page .slider-section .prod-details__btnScroll img {
    width: 0.63vw;

    margin-right: 0.52vw;
  }

  #ve-landing-page .slider-section .slider__arrow-container {
    position: absolute;
    width: 1.56vw;
    height: 1.56vw;
    left: 7.29vw;
    top: 50%;
  }

  #ve-landing-page .slider-section .slider__arrow-right {
    left: auto;
    right: 7.29vw;
  }

  /* Products */
  #ve-landing-page .products-section .prod-content {
    width: 100%;
    height: 50vw;

    flex-direction: row;
    align-items: flex-end;

    margin-bottom: 3.125vw;
    padding: 0 7.4vw;

    background-image: url('img/background1-d.png');
  }

  #ve-landing-page .products-section .prod-header {
    margin-bottom: 4.95vw;
    width: 50%;
    text-align: right;
  }

  #ve-landing-page .products-section .prod-header img {
    width: 42.29vw;
  }

  #ve-landing-page .products-section .prod-header .prod-header__desktop {
    display: block;
  }

  #ve-landing-page .products-section .prod-header .prod-header__mobile {
    display: none;
  }

  #ve-landing-page .products-section .prod-header .prod-header__new {
    top: 0;
    left: 2vw;

    font: normal normal 500 1.15vw/1.61vw Montserrat;

    border-radius: 1.56vw 0;
    padding: 1.04vw 1.3vw;
  }

  #ve-landing-page .products-section .prod-grid__details {
    margin-bottom: 7.86vw;
  }

  #ve-landing-page .products-section .prod-grid__details h2 {
    font: normal normal 900 1.56vw/1.82vw Montserrat;
  }

  #ve-landing-page .products-section .prod-grid__details h2 span {
    font-weight: 400;
  }

  #ve-landing-page .products-section .prod-grid__details h4 {
    font: normal normal 300 1.56vw/1.93vw Montserrat;

    margin-bottom: 2.08vw;
  }

  #ve-landing-page
    .products-section
    .prod-grid__details
    .prod-grid__variant-group {
    margin-bottom: 1.56vw;
  }

  #ve-landing-page
    .products-section
    .prod-grid__details
    .prod-grid__variant-slider {
    flex-wrap: wrap;
    row-gap: 1.5vw;
  }

  #ve-landing-page
    .products-section
    .prod-grid__details
    .prod-grid__variant-slider
    .prod-grid__variant {
    width: fit-content;
  }

  #ve-landing-page
    .products-section
    .prod-grid__details
    .prod-grid__variant-slider
    img {
    width: calc(2.08vw + 6px);
    padding: 1px;
    margin-right: 0;
    margin-left: 0;
  }

  #ve-landing-page
    .products-section
    .prod-grid__details
    .prod-grid__variant-slider
    .prod-grid__variant--active
    img {
    border: #fff 3px solid;
    border-radius: 100%;
  }

  #ve-landing-page
    .products-section
    .prod-grid__details
    .prod-grid__variant-slider
    p {
    font: normal normal 400 0.83vw/1.15vw Montserrat;
    white-space: nowrap;
    flex-basis: 100%;
    text-align: center;

    margin-top: 0.47vw;
    margin-right: 0;
    margin-left: 0;
  }

  #ve-landing-page .products-section .prod-grid__details .prod-grid__btn-group {
    margin-bottom: 9.375vw;
  }

  #ve-landing-page
    .products-section
    .prod-grid__details
    .prod-grid__btn-group
    br {
    display: block;
  }

  #ve-landing-page .products-section .prod-grid__details button {
    display: inline-flex;
    margin-top: 0;
    margin-right: 1.04vw;
    padding: 0.78vw 1.56vw;
    border-radius: 0.21vw;

    font: normal normal 700 0.73vw/0.94vw Montserrat;
  }

  #ve-landing-page .products-section .prod-grid__details button:hover {
    background-color: rgba(255, 255, 255, 0.2);

    color: #ffffff;
  }

  #ve-landing-page .products-section .prod-grid__details button img {
    width: 0.73vw;
    height: auto;

    margin-right: 0.78vw;
  }

  #ve-landing-page
    .products-section
    .prod-grid__details
    .products-section-btn-cart {
    font: normal normal 700 1.1vw/1.41vw Montserrat;
    padding: 1.17vw 2.34vw;
    border-radius: 0.32vw;

    width: fit-content;
  }

  #ve-landing-page
    .products-section
    .prod-grid__details
    .products-section-btn-cart
    img {
    width: 1.1vw;
    margin-right: 1.17vw;
  }

  #ve-landing-page
    .products-section
    .prod-grid__details
    .products-section-btn-pdp--next-line {
    margin-top: 1.04vw;
  }

  #ve-landing-page .products-section .prod-grid__details .prod-grid__pros {
    margin-bottom: 0;
    display: flex;
    position: relative;
    gap: 3%;
  }

  #ve-landing-page .products-section .prod-grid__pros > div {
    flex-wrap: wrap;
    justify-content: center;
  }

  #ve-landing-page .products-section .prod-grid__pros > div:not(:last-child) {
    margin-bottom: 0;
  }

  #ve-landing-page .products-section .prod-grid__pros > div > img {
    width: 4.17vw;
    height: 4.17vw;

    margin-right: 0;
    margin-bottom: 0.26vw;
  }

  #ve-landing-page .products-section .prod-grid__pros > div > p {
    font: normal normal 400 0.83vw/1.35vw Montserrat;
    width: 13.33vw;
    text-align: center;

    height: 100%;
  }

  #ve-landing-page
    .products-section
    .prod-content
    .prod-grid__pros
    > div.prod-grid__info
    > p {
    font: normal normal 400 0.73vw/1.04vw Montserrat;
    color: #ffffff;
    text-align: left;
    opacity: 0.7;
  }

  #ve-landing-page
    .products-section
    .prod-content
    .prod-grid__pros
    > div.prod-grid__info {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(calc(100% + 2.19vw));
  }

  #ve-landing-page
    .products-section
    .prod-content
    .prod-grid__pros
    > div.prod-grid__info
    > p {
    width: 100%;
  }

  #ve-landing-page .products-section .prod-content.prod-content--2 {
    background-image: url('img/background2-d.png');
  }

  #ve-landing-page .products-section .prod-content--2 .prod-header {
    margin-bottom: 0;
  }

  #ve-landing-page
    .products-section
    .prod-content--2
    .prod-grid__details
    .prod-grid__btn-group {
    margin-bottom: 4.69vw;
  }

  #ve-landing-page .products-section .prod-content--2 .prod-grid__details {
    margin-bottom: 7.14vw;
  }

  #ve-landing-page .products-section .prod-content.prod-content--3 {
    background-image: url('img/background3-d.png');
  }

  #ve-landing-page
    .products-section
    .prod-content--3
    .prod-grid__pros
    > div
    > p {
    width: 8.7vw;
  }

  #ve-landing-page .products-section .prod-content.prod-content--4 {
    background-image: url('img/background4-d.png');
  }

  #ve-landing-page
    .products-section
    .prod-content--4
    .prod-grid__pros
    > div
    > img {
    flex-basis: 100%;
  }

  #ve-landing-page
    .products-section
    .prod-content--4
    .prod-grid__pros
    > div
    > p {
    width: fit-content;
  }

  #ve-landing-page .products-section .prod-content.prod-content--5 {
    background-image: url('img/background5-d.png');
  }

  #ve-landing-page
    .products-section
    .prod-content--5
    .prod-grid__pros
    > div
    > img {
    flex-basis: 100%;
  }

  #ve-landing-page
    .products-section
    .prod-content--5
    .prod-grid__pros
    > div
    > p {
    width: fit-content;
  }

  #ve-landing-page .products-section .prod-content.prod-content--6 {
    background-image: url('img/background6-d.png');
  }

  #ve-landing-page
    .products-section
    .prod-content--6
    .prod-grid__pros
    > div
    > img {
    flex-basis: 100%;
  }

  #ve-landing-page
    .products-section
    .prod-content--6
    .prod-grid__pros
    > div
    > p {
    width: fit-content;
  }

  #ve-landing-page .products-section .prod-content.prod-content--7 {
    background-image: url('img/background7-d.png');
  }

  #ve-landing-page
    .products-section
    .prod-content--7
    .prod-grid__pros
    > div
    > img {
    flex-basis: 100%;
  }

  #ve-landing-page
    .products-section
    .prod-content--7
    .prod-grid__pros
    > div
    > p {
    width: fit-content;
  }

  /* Video section */
  #ve-landing-page .video-section {
    width: 100%;
    height: 36.04vw;

    padding: 0 7.29vw;
    margin-bottom: 8.23vw;

    background-image: url('img/video-bg-d.png');

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
  }

  #ve-landing-page .video-section > img {
    width: 27.92vw;
    margin-bottom: auto;
    margin-top: 8.54vw;
  }

  #ve-landing-page .video-section .iframe-container {
    width: 56.67vw;
    padding-bottom: 31.93vw;
    z-index: 1;
    margin-top: 8.54vw;
  }

  #ve-landing-page .video-section .iframe-container iframe {
    clip-path: inset(0% 0% 0% 0% round 2.08vw);
  }

  #ve-landing-page .video-section .prod-grid__video img {
    clip-path: inset(0% 0% 0% 0% round 2.08vw);
  }

  /* Form section */
  #ve-landing-page .form-section {
    min-height: 40.248vw;
    padding: 7.8vw 20.8vw 10.296vw 21.112vw;
    margin-bottom: 0vw;

    background-color: #ffffff;
    background-image: url('https://mvt-cdn.abee.cloud/resources/Avon/LP30lat/newsletter-bg-d.png');

    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  #ve-landing-page .form-section .exe-left-content {
    width: 23.712vw;
    margin-top: 1.04vw;
    margin-bottom: 0;
  }

  #ve-landing-page .form-section .exe-left-content .exe-p-text-bold {
    width: unset;
    font: normal normal bold 2.288vw/2.808vw Montserrat;
  }

  #ve-landing-page .form-section .exe-right-content {
    width: 28.496vw;
    margin-top: 0vw;
    padding: 2.08vw 2.912vw;

    box-shadow: 0px 0px 2.08vw #5e109d33;
    border-radius: 5.2vw 0px;
  }

  #ve-landing-page .form-section .exe-right-content .exe-h-text {
    width: unset;

    font: normal normal 500 1.248vw/1.248vw Montserrat;

    margin-bottom: 0.52vw;
  }

  #ve-landing-page .form-section .exe-right-content .exe-p-text {
    font: normal normal normal 0.624vw/0.936vw Montserrat;
  }

  #ve-landing-page .form-section .exe-right-content .exe-form-wrapper {
    margin-top: 0.52vw;
  }

  /* INPUTS */
  #ve-landing-page .exe-input {
    position: relative;
    width: 80%;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
    font-family: 'Montserrat', sans-serif;
    padding: 1.168vw 0.4745vw 0 0.4745vw;
  }

  #ve-landing-page .exe-input input {
    margin: 0 -0.4745vw;
    padding: 0.438vw 0.4745vw 0.438vw 0.4745vw;
    line-height: 1.314vw;
    font-size: 1.022vw;
  }

  #ve-landing-page .exe-input label {
    top: 1.752vw;
    line-height: 0.949vw;
    font-size: 1.022vw;
  }

  #ve-landing-page .exe-input span {
    line-height: 0.949vw;
    font-size: 0.73vw;
  }

  #ve-landing-page .exe-input input.filled + label,
  #ve-landing-page .exe-input input:focus + label {
    font-size: 0.73vw;
  }

  /* CHECKBOX */
  #ve-landing-page .exe-agreement {
    margin-top: 1.04vw;
    margin-bottom: 1.04vw;
  }

  #ve-landing-page .exe-agreement label.exe-checkbox-label {
    width: calc(100% - 2vw);

    font: normal normal normal 0.624vw/0.832vw Montserrat;
  }

  #ve-landing-page .exe-agreement span {
    width: calc(100% - 2vw);
    margin-left: 2vw;

    line-height: 1.04vw;
    font-size: 0.624vw;
  }

  #ve-landing-page .exe-agreement label.exe-checkbox-wrap {
    width: 1.314vw;
    height: 1.314vw;
  }

  #ve-landing-page .exe-agreement label.exe-checkbox-wrap .exe-checkbox-checked,
  #ve-landing-page
    .exe-agreement
    label.exe-checkbox-wrap
    .exe-checkbox-unchecked {
    width: 1.314vw;
    height: 1.314vw;
  }

  /* SUBMIT BUTTON */
  #ve-landing-page .exe-btn-form-send {
    padding: 1.04vw 2.08vw;

    background: transparent
      linear-gradient(
        161deg,
        #7f28c4 0%,
        #ac21a2 37%,
        #da1b81 66%,
        #e42027 100%
      )
      0% 0% no-repeat padding-box;
    border-radius: 0.208vw;

    font: normal normal bold 0.728vw/1.04vw Montserrat;
  }

  #ve-landing-page .button-cart-add {
    background-color: #ffffff !important;
    color: #181818 !important;
  }

  #ve-landing-page .button-cart-add:hover {
    background-color: #ffffff !important;
    color: #181818 !important;
  }
}
