html.open, body.open {
  overflow: hidden !important;
}
a {
  text-decoration: none;
  color: inherit;
}

@media screen and (min-width: 768px) {
  .max__width {
    width: calc(100% - 48px);
    padding: 0 24px;
  }
}

@media screen and (min-width: 992px) {
  .max__width {
    width: calc(100% - 96px);
    padding: 0 48px;
  }
}

@media screen and (min-width: 1440px) {
  .max__width {
    width: calc(100% - 128px);
    padding: 0 64px;
    max-width: 1312px;
    margin: 0 auto;
  }
}

.clicker {
  display: none;
}

a:active {
  background: transparent;
}
.loaded {
  /* opacity: 0; */
  /* visibility: hidden; */
}
.care__first.loaded {
  /* opacity: 0.8; */
}

.page_transition {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.page_transition img.hide-md-up,
.page_transition img.show-md-up {
  transition: transform .3s ease-in-out;
}
.page_transition img.hide-md-up:hover,
.page_transition img.show-md-up:hover {
  transform: scale(1.05);
}


@media screen and (min-width: 1024px){
  .subpage_link h3,
  .subpage_link .home_description {
    transition: transform .3s ease-in-out;
  }
  .subpage_link:hover .home_description {
    transform: scale(1.05);
  }
  .subpage_link:hover h3 {
    transform: scale(1.08);
  }
}

.sticker-icon {
  width: 98px;
  height: 98px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .sticker-icon {
    width: 60px;
    height: 60px;
  }
}
.header__wrapper {
  position: fixed;
  top: 1em;
  z-index: 9499;
  width: 100%;
  pointer-events: auto;
}

.header__wrapper.loading {
  display: none;
}

.header__main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100vw - 50px);
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .header__main {
    justify-content: space-between;
    margin: 0 auto;
  }
}

.header__logo {
  background: var(--main-essence-pink);
  max-width: 275px;
  text-align: center;
  border-radius: 200px;
  border: 2px solid var(--white);
  padding: 22px 36px;
}

.header__logo a {
  display: block;
  height: 37px;
  width: 200px;
  height: 38px;
}

.menu__trigger {
  width: 83px;
  height: 83px;
  border-radius: 40px;
}
.menu__trigger--green {
  background: var(--essence-color--green);
}

.menu__trigger--blue {
  background: var(--essence-color--blue);
}

.menu__trigger svg.icon__trigger {
  width: 33px;
  height: 27px;
  fill: var(--main-essence-pink);
}

h2 {
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: 12px;
  margin-top: 0.5em;
  font-weight: 800;
}

@media screen and (min-width: 768px) {
  h2 {
    margin-top: 24px;
  }
}


.subheadline {
  letter-spacing: -1.5px;
  font-size: 2.5em;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .subheadline {
    margin-bottom: 24px;
  }
}

@media screen and (min-width: 992px) {
  .subheadline {
    font-size: 3em;
  }
}
@media screen and (min-width: 1440px) {
  .subheadline {
    font-size: 4em;
  }
}
.description {
  font-size: 1.125em;
  line-height: 150%;
  font-weight: 400;
}

@media screen and (min-width: 992px) {
.description {
    font-size: 1.5em;
  }
}

.dare__pages {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  gap: 15px;
  top: -155px;
}

@media screen and (min-width: 767px) {
  .dare__pages {
    top: 0;
    padding-top: 48px;
  }
}
.free__pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  overflow: visible;
  padding-bottom: 80px;
  padding-top: 2em;
  gap: 12px;

}

@media screen and (min-width: 767px) {
  .free__pages {
    padding-top: 48px;
  }
}

@media screen and (min-width: 768px) {
  .free__pages {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 992px) {
  .free__pages {
    gap: 24px;
  }
}
.free__pages h3.care_text {
  color: #C6F159;
}
.free__pages h3.extra_text {
  color: #FFBBDF;
}
.free__pages h3.free_text {
  color: #9CEDFC;
}

.free__pages h3 {
  font-size: 2em;
  line-height: 85%;
  font-weight: 900;
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;

}

@media screen and (min-width: 992px) {
  .free__pages h3 {
    font-size: 2.5em;
  }
}

@media screen and (min-width: 1280px) {
  .free__pages h3 {
    font-size: 3.25em;
  }
}
.page__care,
.page__extra,
.page__free {
  width: calc(50% - 6px);
  height: auto;
}

@media screen and (min-width: 992px) {
  .page__care,
  .page__extra,
  .page__free {
    width: calc(50% - 12px);
  }
}

.page__extra img,
.page__free img,
.page__care img {
  height: 100%;
}

/* menu */
.header__logo {
  z-index: 4;
  position: relative;
}
.header__nav {
  z-index: 2;
}

.menu__trigger {
  z-index: 4;
  position: relative;
}


nav ul.menu {
  height: 100vh;
  position: absolute;
  width: 100%;
  left: 0;
  top: -16px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0;
  text-align: center;
  background: url('/assets/home/BG-m.png');
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: opacity 0.5s ease-in-out, height 3s ease-in-out;
  gap: 45px;
}

@media screen and (max-width: 767px) {
  nav ul.menu {
    justify-content: unset;
  }
}
@media screen and (min-width: 768px) {
  nav ul.menu {
  background: url('/assets/home/BG.png');
  background-repeat: no-repeat;
  background-size: cover;
  }
}

@media screen and (min-width: 992px) {
  nav ul.menu {
    gap: 90px;
  }
}

.home_icon {
  display: none;
  width: 48px;
  height: 48px;
}
@media screen and (min-width: 768px) {
  .home_icon {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  nav ul.menu {
  background: url('/assets/home/BG.png');
  background-repeat: no-repeat;
  background-size: cover;
  }
}

@media screen and (min-width: 1024px) {
  .home_icon {
    display: none;
  }
}
.menu__text--desktop {
  display: none;
}

@media screen and (min-width: 1024px) {
  .menu__text--desktop {
    display: block;
  }
}

.menu-icon {
  opacity: 0;
  width: 60px;
  height: 60px;
  transition: opacity 0.4s ease-in-out;
}

@media screen and (max-width: 767px) {
  .menu-icon {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  nav .menu.open a:hover .menu-icon {
    display: block;
    opacity: 1;
    transition: opacity 0.4s ease-in-out;
  }
}

nav ul.menu.open {
  height: 100vh;
  opacity: 100;
  transition: opacity 0.5s ease-in-out, height .1s ease-in-out;
}
@media screen and (max-width: 992px) {
  nav ul.menu.open {
    gap: 45px;
  }
}
@media screen and (max-width: 767px) {
  nav ul.menu.open {
    gap: 40px;
  }
}
@media screen and (max-width: 767px) {
  .menu__text--mobile {
    display: block;
  }
}

nav ul.menu li {
  font-size: 36px;
  font-weight: 900;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}
@media screen and (min-width: 768px) {
  nav ul.menu li {
    height: 5%;
  }
}
@media screen and (min-width: 992px) {
  nav ul.menu li {
    font-size: 90px;
  }
}

nav .menu a {
  pointer-events: none;
}
nav .menu.open a {
  pointer-events: inherit;
  display: flex;
  flex-direction: row;
  gap: 24px;
}

@media screen and (max-width: 766px) {
  nav .menu.open a {
    line-height: 85%;
    font-size: 48px;
  }
}
nav ul.menu .menu__home {
  color: #F76FB8;
  text-shadow: -3px 3px #64128B;

}
@media screen and (max-width: 766px) {
  nav ul.menu .menu__home {
    margin-top: 40%;
  }
}
nav ul.menu .menu__free {
  color: #9CEDFC;
  text-shadow: -3px 3px #003655;

}
nav ul.menu .menu__care {
  color: #C6F159;
  text-shadow: -3px 3px #3A5100;

}
nav ul.menu .menu__extra {
  color: #FFBBDF;
  text-shadow: -3px 3px #64128B;

}
.menu-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 81px;
  height: 81px;
  cursor: pointer;
  transition: all .5s ease-in-out;
  border-radius: 200px;
  background: #C6F159;
  border: 2px solid var(--white);
}
.menu-btn--free {
  background: #9CEDFC;
}
.menu-btn--extra {
  background: #FFBBDF;
}
.menu-btn__burger {
  width: 40px;
  height: 5px;
  background: #AF1685;
  border-radius: 5px;
  transition: all .3s ease-in-out, background 0.1s;
}
.menu-btn__burger::before,
.menu-btn__burger::after {
  content: '';
  position: absolute;
  width: 40px;
  height: 5px;
  background: #AF1685;
  border-radius: 5px;
  transition: all .3s ease-in-out, background 0.1s;
}
.menu-btn__burger::before {
  transform: translateY(-12px);
}
.menu-btn__burger::after {
  transform: translateY(12px);
}
/* ANIMATION */
.menu-btn.open .menu-btn__burger {
  transform: translateX(-50px);
  background: transparent;
  box-shadow: none;
}
.menu-btn.open .menu-btn__burger::before {
  transform: rotate(45deg) translate(35px, -35px);
  opacity: 1;
}
.menu-btn.open .menu-btn__burger::after {
  transform: rotate(-45deg) translate(35px, 35px);
  opacity: 1;
}

/* FOR HOMEPAGE OBJECTS */
.element {
  position: absolute;
  background-color: transparent;
  cursor: inherit;
  background-size: cover;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  background-size: cover !important;
}

#box1.dare_free {
  background: url('/assets/home/home_dare_1.png');
  background-color: transparent;
  background-size: cover;
  width: 363px;
  height: 270px;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  #box1.dare_free {
    width: 354px;
    height: 264px;
  }
}

@media screen and (min-width: 1024px) {
  #box1.dare_free {
    background: url('/assets/home/desktop/home_dare_free.png');
    width: 428px;
    height: 317px;
    cursor: pointer;
  }
}

#box2.sticker_earth {
  background: url('/assets/home/home_earth_1.svg');
  background-color: transparent;
  width: 80px;
  height: 80px;
  background-size: cover;

}

@media screen and (min-width: 768px) {
  #box2.sticker_earth {
      background: url('/assets/home/home_asterisk_1.png');
  }
}

@media screen and (min-width: 1024px) {
  #box2.sticker_earth {
    width: 100px;
    height: 100px;
  }
}

#box3.sticker_asterisk {
  background: url('/assets/home/home_asterisk_1.png');
  background-color: transparent;
  background-size: cover;
  width: 85px;
  height: 85px;

}

@media screen and (min-width: 768px) {
  #box3.sticker_asterisk {
    background: url('/assets/home/home_earth_1.svg');
    height: 85px;
  }
}

@media screen and (min-width: 1024px) {
  #box3.sticker_asterisk {
    width: 100px;
    height: 100px;
  }
}

#box4.sticker_plastic {
  background: url('/assets/home/home_plastic_1.png');
  background-color: transparent;
  background-size: cover;
  width: 177px;
  height: 177px;
}

@media screen and (max-width: 767px) {
  .locale_fi #box4.sticker_plastic {
    background: url('/assets/home/fi-fi/home_plastic.svg');
    background-color: transparent;
    background-size: cover;
  }
}


@media screen and (min-width: 768px) {
  #box4.sticker_plastic {
    background: url('/assets/home/home_lightning_1.svg');
    width: 80px;
    height: 80px;
  }
}

@media screen and (min-width: 1024px) {
  #box4.sticker_plastic {
    width: 100px;
    height: 100px;
  }
}
#box5.pill_worry {
  background: url('/assets/home/home_pill_1.png');
  background-size: cover;
  width: 80px;
  height: 266px;
}

@media screen and (min-width: 768px) {
  #box5.pill_worry {
    background: url('/assets/home/home_vegan.png');
    background-size: cover;
    width: 275px;
    height: 180px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .locale_fi #box5.pill_worry {
    background: url('/assets/home/fi-fi/home_vegan.svg');
    background-size: cover;
  }
}

@media screen and (min-width: 1024px) {
  #box5.pill_worry {
    background: url('/assets/home/home_sticker-elogo.png');
    width: 210px;
    height: 210px;
  }
}

#box6.dare_product {
  background: url('/assets/home/home_product_1.png');
  background-color: transparent;
  background-size: cover;
  width: 177px;
  height: 272px;
}

@media screen and (min-width: 768px) {
  #box6.dare_product {
    background: url('/assets/home/home_sticker_leaf.svg');
    width: 85px;
    height: 80px;
  }
}

@media screen and (min-width: 1024px) {
  #box6.dare_product {
    background: url('/assets/home/home_plastic_1.png');
    width: 208px;
    height: 208px;
    background-size: cover;
  }
}

@media screen and (min-width: 1024px) {
  .locale_fi #box6.dare_product {
    background: url('/assets/home/fi-fi/home_plastic.svg');
    background-size: cover;
  }
}

#box7.sticker_lightning {
  background: url('/assets/home/home_lightning_1.svg');
  background-color: transparent;
  background-size: cover;
  width: 92px;
  height: 86.5px;
}

@media screen and (min-width: 768px) {
  #box7.sticker_lightning {
    background: url('/assets/home/home_sticker_bunny.svg');
    width: 85px;
    height: 85px;
  }
}

@media screen and (min-width: 1024px) {
  #box7.sticker_lightning {
    background: url('/assets/home/desktop/home_pill_worry.png');
    width: 320px;
    height: 98px;
    background-size: cover;
  }
}
#box8.sticker_net {
  background: url('/assets/home/home_sticker-elogo.png');
  background-color: transparent;
  background-size: cover;
  width: 177px;
  height: 177px;

}

@media screen and (min-width: 768px) {
  #box8.sticker_net {
    background: url('/assets/home/home_sticker_heart-2.svg');
    width: 85px;
    height: 80px;
  }
}

@media screen and (min-width: 1024px) {
  #box8.sticker_net {
    background: url('/assets/home/desktop/home_product.png');
    width: 323px;
    height: 322px;
    background-size: cover;
  }
}

#box9.sticker_leaf {
  background: url('/assets/home/home_sticker_leaf.svg');
  background-color: transparent;
  background-size: cover;
  width: 83px;
  height: 83px;
}
@media screen and (min-width: 768px) {
  #box9.sticker_leaf {
    background: url('/assets/home/home_sticker-elogo.png');
    width: 170px;
    height: 170px;
  }
}

@media screen and (min-width: 1024px) {
  #box9.sticker_leaf {
    background: url('/assets/home/home_vegan.png');
    width: 323px;
    height: 208px;
    background-size: cover;
  }
}

@media screen and (min-width: 1024px) {
  .locale_fi #box9.sticker_leaf {
    background: url('/assets/home/fi-fi/home_vegan.svg');
    background-size: cover;
  }
}
#box10.sticker_bunny {
  background: url('/assets/home/home_sticker_bunny.svg');
  background-color: transparent;
  background-size: cover;
  width: 83px;
  height: 83px;

}

@media screen and (min-width: 768px) {
  #box10.sticker_bunny {
    background: url('/assets/home/home_pill_worry.png');
    width: 263px;
    height: 64px;
  }
}

@media screen and (min-width: 1024px) {
  #box10.sticker_bunny {
    background: url('/assets/home/home_sticker_leaf.svg');
    width: 100px;
    height: 100px;
    background-size: cover;
  }
}

#box11.dare_care {
  background: url('/assets/home/home_dare_care.png');
  background-color: transparent;
  background-size: cover;
  width: 271px;
  height: 271px;
  cursor: pointer;

}

@media screen and (min-width: 768px) {
  #box11.dare_care {
    background: url('/assets/home/home_product_2.png');
    width: 274px;
    height: 240px;
  }
}

@media screen and (min-width: 1024px) {
  #box11.dare_care {
    background: url('/assets/home/home_sticker_bunny.svg');
    width: 100px;
    height: 100px;
    background-size: cover;
  }
}
#box12.pill_vegan {
  background: url('/assets/home/home_pill_vegan-m.png');
  background-color: transparent;
  width: 83px;
  height: 274px;
}

@media screen and (min-width: 768px) {
  #box12.pill_vegan {
    background: url('/assets/home/home_dare_care-m.png');
    width: 262px;
    height: 229px;
    background-size: cover;
    cursor: pointer;
  }
}

@media screen and (min-width: 1024px) {
  #box12.pill_vegan {
    background: url('/assets/home/home_sticker_heart-2.svg');
    width: 108px;
    height: 98px;
    background-size: cover;
  }
}

#box13.sticker_vegan {
  background: url('/assets/home/home_vegan.png');
  background-color: transparent;
  background-size: cover;
  width: 272px;
  height: 181px;
}

@media screen and (max-width: 767px) {
  .locale_fi #box13.sticker_vegan {
    background: url('/assets/home/fi-fi/home_vegan.svg');
    background-color: transparent;
    background-size: cover;
  }
}


@media screen and (min-width: 768px) {
  #box13.sticker_vegan {
    background: url('/assets/home/home_pill_vegan.png');
    width: 262px;
    height: 64px;
    background-size: cover;
  }
}

@media screen and (min-width: 1024px) {
  #box13.sticker_vegan {
    background: url('/assets/home/desktop/home_dare_care.png');
    width: 319px;
    height: 318px;
    background-size: cover;
    cursor: pointer;
  }
}

#box14.product_diamond {
  background: url('/assets/home/home_product_bottle.png');
  background-color: transparent;
  background-size: cover;
  width: 274px;
  height: 176px;
}

@media screen and (min-width: 768px) {
  #box14.product_diamond {
    background: url('/assets/home/home_plastic_1.png');
    width: 175px;
    height: 181px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .locale_fi #box14.product_diamond {
    background: url('/assets/home/fi-fi/home_plastic.svg');
  }
}
@media screen and (min-width: 1024px) {
  #box14.product_diamond {
    background: url('/assets/home/desktop/home_pill_vegan.png');
    width: 319px;
    height: 98px;
    background-size: cover;
  }
}

#box15.sticker_asterisk {
  background: url('/assets/home/home_asterisk_2.svg');
  background-color: transparent;
  width: 80px;
  height: 80px;
  background-size: cover;

}

@media screen and (min-width: 768px) {
  #box15.sticker_asterisk {
    background: url('/assets/home/home_pill_product.png');
    width: 80px;
    height: 174px;
  }
}

@media screen and (min-width: 1024px) {
  #box15.sticker_asterisk {
    background: url('/assets/home/desktop/home_sticker_product-yellow.png');
    width: 319px;
    height: 208px;
    background-size: cover;
  }
}

#box16.sticker_diamond {
  background: url('/assets/home/home_sticker_diamond.svg');
  background-color: transparent;
  background-size: cover;
  width: 90px;
  height: 90px;

}

@media screen and (min-width: 768px) {
  #box16.sticker_diamond {
    background: url('/assets/home/home_asterisk_diamond.png');
    width: 190px;
  }
}

@media screen and (min-width: 1024px) {
  #box16.sticker_diamond {
    background: url('/assets/home/home_asterisk_2.svg');
    width: 98px;
    height: 98px;
    background-size: cover;
  }
}

#box17.sticker_person {
  background: url('/assets/home/home_sticker_hand.png');
  background-color: transparent;
  background-size: cover;
  width: 177px;
  height: 177px;
}

@media screen and (min-width: 768px) {
  #box17.sticker_person {
    background: url('/assets/home/desktop/home_dare_extra.png');
    width: 270px;
    height: 270px;
    background-size: cover;
    cursor: pointer;

  }
}

@media screen and (min-width: 1024px) {
  #box17.sticker_person {
    background: url('/assets/home/home_sticker_diamond.svg');
    width: 98px;
    height: 98px;
    background-size: cover;
  }
}
#box18.sticker_proud {
  background: url('/assets/home/home_proud.svg');
  background-color: transparent;
  background-size: cover;
  width: 188px;
  height: 187px;
}

@media screen and (min-width: 768px) {
  #box18.sticker_proud {
    background: url('/assets/home/home_product_3.png');
    width: 354px;
    height: 172px;
  }
}

@media screen and (min-width: 1024px) {
  #box18.sticker_proud {
    background: url('/assets/home/home_sticker_hand.png');
    width: 208px;
    height: 208px;
    background-size: cover;
  }
}

#box19.dare_extra {
  background: url('/assets/home/desktop/home_dare_extra.png');
  background-color: transparent;
  background-size: cover;
  width: 272px;
  height: 272px;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  #box19.dare_extra {
  background: url('/assets/home/home_sticker_hand.png');
  width: 175px;
  height: 175px;
  }
}

@media screen and (min-width: 1024px) {
  #box19.dare_extra {
    background: url('/assets/home/home_proud.svg');
    width: 215px;
    height: 205px;
    background-size: cover;
  }
}
#box20.sticker_heart {
  background: url('/assets/home/home_sticker_heart.svg');
  background-color: transparent;
  background-size: cover;
  width: 85px;
  height: 80px;

}

@media screen and (min-width: 768px) {
  #box20.sticker_heart {
    background: url('/assets/home/home_proud.svg');
    width: 170px;
    height: 160px;
  }
}

@media screen and (min-width: 1024px) {
  #box20.sticker_heart {
    background: url('/assets/home/home_pill_oil.svg');
    width: 98px;
    height: 212px;
    background-size: cover;
  }
}
#box21.pill_oil {
  background: url('/assets/home/home_pill_oil.svg');
  background-size: cover;
  width: 82px;
  height: 177px;
}

@media screen and (min-width: 768px) {
  #box21.pill_oil {
    background: url('/assets/home/home_sticker_heart.svg');
    width: 90px;
    height: 80px;
    background-size: cover;
  }
}
@media screen and (min-width: 1024px) {
  #box22.extra {
    background: url('/assets/home/desktop/home_dare_extra.png');
    width: 319px;
    height: 318px;
    background-size: cover;
    cursor: pointer;

  }
}
.background-loader, .background-transition {
  position: absolute;
  width: 100vw;
  height: 200vh;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 10;
}

.background-transition {
  top: -100vh;
}
.care-loader {
  background: #C6F159;
}

.free-loader {
  background: #9CEDFC;
}

.extra-loader {
  background: #FFBBDF;
}

.intro-container {
  position: absolute;
  height: 100vh;
  width: 100vw;
  background: url('/assets/home/BG.png');
  z-index: 1231;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .intro-container {
    top: 0;
  }
}
.intro-container h1 {
  font-weight: 900;
  color: #AF1685;
  font-size: 70px;
  padding: 0;
  margin: 0;
  position: relative;
  margin-bottom: -25%;
  margin-top: 25%;

}

@media screen and (min-width: 1024px) {
  .intro-container h1 {
    font-size: 96px;
    margin-top: 5%;
  }
}

#animation-container {
  text-align: center;
}

.locale_sa #animation-container,
.locale_sa #animation-container h1 {
  font-family: var(--font-noto-sans);
}

@media screen and (min-width: 1024px) {
  #animation-container {
    width: 540px;
    margin: 0 auto;
  }
}

.intro-container .logo-wrapper {
  text-align: center;
  padding: 64px 0;
}
.logo-wrapper img {
  width: 220px;

}

@media screen and (min-width: 1024px) {
  .logo-wrapper img {
      width: 320px;
  }
}

.link-icon {
  width: 50px;
  height: 50px !important;
  position: absolute;
  z-index: 200;
  top: 20px;
  right: 20px;
  /* filter: drop-shadow(-3px 0px 10px rgb(0 0 0 / 0.15)); */
}

@media screen and (min-width: 768px) {
  .link-icon {
    top: 24px;
    right: 24px;
  }
}

.element.dare_free {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.subpage_link {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.subpage_link h3,
.home_subheadline {
  font-size: 48px;
  margin-bottom: 12px;
  text-align: center;
  font-weight: 900;
  letter-spacing: -1.5px;
  line-height: 85%;
}
@media screen and (min-width: 768px) {
  .subpage_link h3.extra__text {
    font-size: 42px;
  }
}
.home_description {
  padding-left: 24px;
  padding-right: 24px;
  text-align: center;
  padding-bottom: 24px;
}
.free__text {
  color: #9CEDFC;
}
.care__text {
  color: #C6F159;
}
.extra__text {
  color: #FFBBDF;
}
.subpage_link a {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.footer__wrapper {
  position: relative;
  background-color: #AF1685;
  border-radius: 40px 40px 0 0;
}

footer {
  width: calc(100vw - 24px);
  margin: 0 auto;
}
footer ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  list-style: none;
  padding: 24px 0;
}

footer li + li {
  margin: 8px 0 0;
}

footer li a {
  font-size: 14px;
  text-transform: uppercase;
  color: #D6D6D6;
  display: block;
  line-height: 26px;
  transition: color .25s ease-out;
}
footer li a:hover {
  color: var(--white);
}
.footer__copyright {
  font-size: 10px;
  font-weight: 300;
  color: #D6D6D6;
  padding: 12px 0 40px;
  text-align: center;
  display: block;
}

@media screen and (min-width: 1440px) {
  footer ul {
    flex-direction: row;
    padding: 32px 0;
  }
  footer li + li {
    margin: 0 0 0 40px;
  }
  footer li a {
    line-height: 36px;
  }
  .footer__copyright {
    position: absolute;
    top: 50%;
    right: 105px;
    line-height: 16px;
    display: block;
    padding: 10px;
    transform: translateY(-50%);
  }
}

.icon--tag {
  z-index: 5;
}
/* COUNTRY SPECIFIC */
/* SPAIN & CHILE (Common)*/
.locale_es .subpage_link h3, 
.locale_cl .subpage_link h3 {
  font-size: 40px;
  text-transform: uppercase;
  padding-left: 24px; 
  padding-right: 24px;
}

.locale_es .subpage_link h3.care__text, 
.locale_cl .subpage_link h3.care__text {
  font-size: 36px;
}

.locale_es #box12.pill_vegan, 
.locale_cl #box12.pill_vegan {
  background: url('/assets/home/es-es/home_pill_vegan-m.png');
  background-color: transparent;
  width: 83px;
  height: 274px;
}

.locale_es #box18.sticker_proud, 
.locale_cl #box18.sticker_proud {
  background: url('/assets/home/es-es/home_proud.svg');
  background-color: transparent;
  background-size: cover;
  width: 188px;
  height: 187px;
}

.locale_es #box5.pill_worry, 
.locale_cl #box5.pill_worry {
  background: url('/assets/home/es-es/home-pill-m.png');
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .locale_es #box4.sticker_plastic, 
  .locale_cl #box4.sticker_plastic {
    background: url('/assets/home/es-es/home_plastic.svg');
    background-color: transparent;
    background-size: cover;
  }
  .locale_es #box13.sticker_vegan, 
  .locale_cl #box13.sticker_vegan {
    background: url('/assets/home/es-es/home_vegan.svg');
    background-color: transparent;
    background-size: cover;
  }
}

@media screen and (min-width: 768px) {
  .locale_es .subpage_link h3, 
  .locale_cl .subpage_link h3 {
    font-size: 48px;
  }

  .locale_es #box10.sticker_bunny, 
  .locale_cl #box10.sticker_bunny {
    background: url('/assets/home/es-es/home_pill_worry.png');
    width: 241px;
    height: 70px;
  }

  .locale_es #box12.pill_vegan, 
  .locale_cl #box12.pill_vegan {
    background: url('/assets/home/home_dare_care-m.png');
    width: 262px;
    height: 229px;
    background-size: cover;
    cursor: pointer;
  }

  .locale_es #box18.sticker_proud, 
  .locale_cl #box18.sticker_proud {
    background: url('/assets/home/home_product_3.png');
    width: 354px;
    height: 172px;
  }
}
.icon--tag {
  z-index: 5;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .locale_es #box5.pill_worry, 
  .locale_cl #box5.pill_worry {
    background: url('/assets/home/es-es/home_vegan.svg');
    background-size: cover;
  }

  .locale_es #box14.product_diamond, 
  .locale_cl #box14.product_diamond {
    background: url('/assets/home/es-es/home_plastic.svg');
    background-size: cover;
    width: 177px;
    height: 175px;
  }

  .locale_es .subpage_link h3.care__text, 
  .locale_cl .subpage_link h3.care__text {
    font-size: 32px ;
  }

  .locale_es .subpage_link h3.extra__text, 
  .locale_cl .subpage_link h3.extra__text {
    font-size: 42px ;
  }

  .locale_es .subpage_link .home_description, 
  .locale_cl .subpage_link .home_description {
    font-size: 14px;
  }
  .locale_es #box13.sticker_vegan, 
  .locale_cl #box13.sticker_vegan {
    background: url('/assets/home/es-es/home_pill_vegan.png');
    background-size: cover;
    width: 262px;
    height: 79px;
  }
  .locale_es #box20.sticker_heart, 
  .locale_cl #box20.sticker_heart {
    background: url(/assets/home/es-es/home_proud.svg);
    width: 170px;
    height: 160px;
  }
}

@media screen and (min-width: 1024px) {
  .locale_es #box9.sticker_leaf, 
  .locale_cl #box9.sticker_leaf {
    background: url('/assets/home/es-es/home_vegan.svg');
    width: 318px;
    height: 207px;
    background-size: cover;
  }

  .locale_es #box10.sticker_bunny, 
  .locale_cl #box10.sticker_bunny {
    background: url('/assets/home/home_sticker_leaf.svg');
    width: 100px;
    height: 100px;
    background-size: cover;
  }

  .locale_es #box12.pill_vegan, 
  .locale_cl #box12.pill_vegan {
    background: url('/assets/home/home_sticker_heart-2.svg');
    width: 108px;
    height: 98px;
    background-size: cover;
  }

  .locale_es #box18.sticker_proud, 
  .locale_cl #box18.sticker_proud {
    background: url('/assets/home/home_sticker_hand.png');
    width: 208px;
    height: 208px;
    background-size: cover;
  }

  .locale_es #box19.dare_extra, 
  .locale_cl #box19.dare_extra {
    background: url('/assets/home/es-es/home_proud.svg');
    width: 215px;
    height: 205px;
    background-size: cover;
  }

  .locale_es #box5.pill_worry, 
  .locale_cl #box5.pill_worry {
    background: url('/assets/home/home_sticker-elogo.png');
    width: 210px;
    height: 210px;
  }

  .locale_es #box7.sticker_lightning, 
  .locale_cl #box7.sticker_lightning {
    background: url('/assets/home/es-es/home_pill_worry.png');
    width: 320px;
    height: 98px;
    background-size: cover;
  }

  .locale_es #box14.product_diamond, 
  .locale_cl #box14.product_diamond {
    background: url('/assets/home/es-es/home_pill_vegan.png');
    width: 321px;
    height: 98px;
    background-size: cover;
  }

  .locale_es #box6.dare_product, 
  .locale_cl #box6.dare_product {
    background: url('/assets/home/es-es/home_plastic.svg');
    width: 208px;
    height: 208px;
    background-size: cover;
  }
}

/* CHILE SPECIFIC */

@media screen and (max-width: 767px) {
  .locale_cl #box6.dare_product {
    background: url('/assets/home/es-cl/home_product_m.png');
    background-color: transparent;
    background-size: cover;
    width: 177px;
    height: 272px;
  }

  .locale_cl #box14.product_diamond {
    background: url('/assets/home/es-cl/home_product2_m.png');
    background-color: transparent;
    background-size: cover;
    width: 274px;
    height: 176px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px){
  .locale_cl #box11.dare_care {
    background: url('/assets/home/es-cl/home_product_d.png');
    width: 274px;
    height: 240px;
  }

  .locale_cl #box18.sticker_proud {
    background: url('/assets/home/es-cl/home_product2_t.png');
    width: 354px;
    height: 172px;
  }
}

@media screen and (min-width: 1024px) {
  .locale_cl #box8.sticker_net {
    background: url('/assets/home/es-cl/home_product_t.png');
    width: 323px;
    height: 322px;
    background-size: cover;
  }

  .locale_cl #box15.sticker_asterisk {
    background: url('/assets/home/es-cl/home_product2_d.png');
    width: 319px;
    height: 208px;
    background-size: cover;
  }
}

/* POLAND */
.locale_pl #box1.dare_free {
  background: url('/assets/home/pl-pl/home_dare_free.png');
  background-color: transparent;
  background-size: cover;
  width: 361px;
  height: 268px;
  cursor: pointer;
}

.locale_pl #box12.pill_vegan {
  background: url('/assets/home/pl-pl/home_pill_vegan-m.png');
  background-color: transparent;
  width: 83px;
  height: 274px;
}

.locale_pl #box18.sticker_proud {
  background: url('/assets/home/pl-pl/home_proud.svg');
  background-color: transparent;
  background-size: cover;
  width: 188px;
  height: 187px;
}

.locale_pl #box5.pill_worry {
  background: url('/assets/home/pl-pl/home-pill-m.png');
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .locale_pl #box4.sticker_plastic {
    background: url('/assets/home/pl-pl/home_plastic.svg');
    background-color: transparent;
    background-size: cover;
    height: 180px;
  }
  .locale_pl #box13.sticker_vegan {
    background: url('/assets/home/pl-pl/home_vegan.svg');
    background-color: transparent;
    background-size: cover;
  }
}

@media screen and (min-width: 768px) {
  .locale_pl #box1.dare_free {
    width: 354px;
    height: 264px;
  }
  .locale_pl #box10.sticker_bunny {
    background: url('/assets/home/pl-pl/home_pill_worry.png');
    width: 223px;
    height: 68px;
  }

  .locale_pl #box12.pill_vegan {
    background: url('/assets/home/home_dare_care-m.png');
    width: 262px;
    height: 229px;
    background-size: cover;
    cursor: pointer;
  }

  .locale_pl #box18.sticker_proud {
    background: url('/assets/home/home_product_3.png');
    width: 354px;
    height: 172px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .locale_pl #box5.pill_worry {
    background: url('/assets/home/pl-pl/home_vegan.svg');
    background-size: cover;
  }

  .locale_pl #box14.product_diamond {
    background: url('/assets/home/pl-pl/home_plastic.svg');
    background-size: cover;
    width: 177px;
    height: 181px;
  }

  .locale_pl #box13.sticker_vegan {
    background: url('/assets/home/pl-pl/home_pill_vegan.png');
    background-size: cover;
    width: 217px;
    height: 66px;
  }
  .locale_pl #box20.sticker_heart {
    background: url(/assets/home/pl-pl/home_proud.svg);
    width: 170px;
    height: 160px;
  }
}

@media screen and (min-width: 1024px) {
  .locale_pl #box1.dare_free {
    background: url('/assets/home/pl-pl/home_dare_free.png');
    width: 428px;
    height: 317px;
    cursor: pointer;
  }
  .locale_pl #box9.sticker_leaf {
    background: url('/assets/home/pl-pl/home_vegan.svg');
    width: 318px;
    height: 212px;
    background-size: cover;
  }

  .locale_pl #box10.sticker_bunny {
    background: url('/assets/home/home_sticker_leaf.svg');
    width: 100px;
    height: 100px;
    background-size: cover;
  }

  .locale_pl #box12.pill_vegan {
    background: url('/assets/home/home_sticker_heart-2.svg');
    width: 108px;
    height: 98px;
    background-size: cover;
  }

  .locale_pl #box18.sticker_proud {
    background: url('/assets/home/home_sticker_hand.png');
    width: 208px;
    height: 208px;
    background-size: cover;
  }

  .locale_pl #box19.dare_extra {
    background: url('/assets/home/pl-pl/home_proud.svg');
    width: 215px;
    height: 205px;
    background-size: cover;
  }

  .locale_pl #box5.pill_worry {
    background: url('/assets/home/home_sticker-elogo.png');
    width: 210px;
    height: 210px;
  }

  .locale_pl #box7.sticker_lightning {
    background: url('/assets/home/pl-pl/home_pill_worry.png');
    width: 320px;
    height: 98px;
    background-size: cover;
  }

  .locale_pl #box14.product_diamond {
    background: url('/assets/home/pl-pl/home_pill_vegan.png');
    width: 321px;
    height: 98px;
    background-size: cover;
  }

  .locale_pl #box6.dare_product {
    background: url('/assets/home/pl-pl/home_plastic.svg');
    width: 208px;
    height: 215px;
    background-size: cover;
  }
}

/* CZECH */

.locale_cz .subpage_link h3.care__text, 
.locale_cz .subpage_link h3.extra__text {
  letter-spacing: -1.5px;
  font-size: 40px;
  text-transform: uppercase;
  padding-left: 22px; 
  padding-right: 22px;
}

.locale_cz .free__first h2,
.locale_cz .care__first h2,
.locale_cz .care__second_copyWrapper h2,
.locale_cz .extra__first h2 {
  line-height: 100%;
}

@media screen and (max-width: 767px) {
  .locale_cz .btn-product {
    font-size: 18px;
  }
  .locale_cz #box4.sticker_plastic {
    background: url('/assets/home/cs-cz/home_plastic.svg');
    background-color: transparent;
    background-size: cover;
    width: 177px;
    height: 177px;
  }

  .locale_cz #box5.pill_worry {
    background: url('/assets/home/cs-cz/home-pill-m.png');
    background-size: cover;
    width: 80px;
    height: 266px;
  }

  .locale_cz #box13.sticker_vegan {
    background: url('/assets/home/cs-cz/home_vegan.svg');
    background-color: transparent;
    background-size: cover;
    width: 272px;
    height: 181px;
  }

  .locale_cz #box18.sticker_proud {
    background: url('/assets/home/cs-cz/home_proud.svg');
    background-color: transparent;
    background-size: cover;
    width: 188px;
    height: 187px;
  }
}

@media screen and (min-width: 768px) {
  .locale_cz .subpage_link h3.care__text, 
  .locale_cz .subpage_link h3.extra__text {
    font-size: 35px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .locale_cz #box5.pill_worry {
    background: url('/assets/home/cs-cz/home_vegan.svg');
    background-size: cover;
    width: 275px;
    height: 180px;
  }

  .locale_cz #box10.sticker_bunny {
    background: url('/assets/home/cs-cz/home_pill_worry-t.png');
    width: 263px;
    height: 64px;
  }

  .locale_cz #box14.product_diamond {
    background: url('/assets/home/cs-cz/home_plastic.svg');
    width: 175px;
    height: 181px;
  }

  .locale_cz #box20.sticker_heart {
    background: url('/assets/home/cs-cz/home_proud.svg');
    width: 170px;
    height: 160px;
  }
}


@media screen and (min-width: 1024px) {
  .locale_cz #box9.sticker_leaf {
    background: url('/assets/home/cs-cz/home_vegan.svg');
    width: 323px;
    height: 208px;
    background-size: cover;
  }

  .locale_cz #box19.dare_extra {
    background: url('/assets/home/cs-cz/home_proud.svg');
    width: 215px;
    height: 205px;
    background-size: cover;
  }

  .locale_cz #box7.sticker_lightning {
    background: url('/assets/home/cs-cz/home_pill_worry.png');
    width: 320px;
    height: 98px;
    background-size: cover;
  }

  .locale_cz #box6.dare_product {
    background: url('/assets/home/cs-cz/home_plastic.svg');
    width: 208px;
    height: 208px;
    background-size: cover;
  }
}

/* SA */
.locale_sa * {
  direction: rtl;
}
.locale_sa nav .menu a div,
.locale_sa nav .menu a,
.locale_sa nav .menu .menu-icon {
  font-family: var(--font-noto-sans);
}
.page_transition h3 {
  padding: 0 20px;
  box-sizing: border-box;
}

.locale_sa .header__main {
  direction: ltr;
}
.locale_sa #box1.dare_free {
  background: url('/assets/home/pl-pl/home_dare_free.png');
  background-color: transparent;
  background-size: cover;
  width: 361px;
  height: 268px;
  cursor: pointer;
}

.locale_sa .free__first h2 {
  text-transform: uppercase;
}
.locale_sa footer li:nth-child(1) {
  margin: 8px 0 0;
}

.locale_sa .free__fourth h2 {
  font-family: var(--font-noto-sans-arabic);
}

@media screen and (max-width: 767px) {
  .locale_sa #box6.dare_product, 
  .locale_ae #box6.dare_product {
    background: url('/assets/home/es-cl/home_product_m.png');
    background-color: transparent;
    background-size: cover;
    width: 177px;
    height: 272px;
  }
  .locale_sa #box14.product_diamond, 
  .locale_ae #box14.product_diamond {
    background: url('/assets/home/es-cl/home_product2_m.png');
    background-color: transparent;
    background-size: cover;
    width: 274px;
    height: 176px;
  }

  .locale_sa #box4.sticker_plastic {
    background: url('/assets/home/ar-sa/home_plastic.svg');
    background-color: transparent;
    background-size: cover;
    width: 177px;
    height: 177px;
  }

  .locale_sa #box5.pill_worry {
    background: url('/assets/home/ar-sa/home-pill-m.png');
    background-size: cover;
    width: 80px;
    height: 266px;
  }

  #box12.pill_vegan {
      background: url('/assets/home/ar-sa/home_pill_vegan-m.png');
      background-color: transparent;
      width: 83px;
      height: 274px;
  }

  .locale_sa #box13.sticker_vegan {
    background: url('/assets/home/ar-sa/home_vegan.svg');
    background-color: transparent;
    background-size: cover;
    width: 272px;
    height: 181px;
  }

  .locale_sa #box18.sticker_proud {
    background: url('/assets/home/ar-sa/home_proud.svg');
    background-color: transparent;
    background-size: cover;
    width: 180px;
    height: 175px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px){
  .locale_sa #box11.dare_care, 
  .locale_ae #box11.dare_care {
    background: url('/assets/home/es-cl/home_product_d.png');
    width: 274px;
    height: 240px;
  }

  .locale_sa #box18.sticker_proud, 
  .locale_ae #box18.sticker_proud {
    background: url('/assets/home/es-cl/home_product2_t.png');
    width: 354px;
    height: 172px;
  }

  .locale_sa #box5.pill_worry {
    background: url('/assets/home/ar-sa/home_vegan.svg');
    background-size: cover;
    width: 275px;
    height: 180px;
  }

  .locale_sa #box10.sticker_bunny {
    background: url('/assets/home/ar-sa/home_pill_worry-t.png');
    width: 263px;
    height: 64px;
  }

  .locale_sa #box14.product_diamond {
    background: url('/assets/home/ar-sa/home_plastic.svg');
    width: 178px;
    height: 181px;
  }

  .locale_sa #box20.sticker_heart {
    background: url('/assets/home/ar-sa/home_proud.svg');
    width: 170px;
    height: 170px;
  }
  .locale_sa #box13.sticker_vegan {
    background: url('/assets/home/ar-sa/home_pill_vegan-t.png');
    width: 262px;
    height: 64px;
    background-size: cover;
  }
}

@media screen and (min-width: 1024px) {
  .intro-container h1 {
    margin-top: 3.5%;
  }
  
  .locale_sa #box8.sticker_net, 
  .locale_ae #box8.sticker_net {
    background: url('/assets/home/es-cl/home_product_t.png');
    width: 323px;
    height: 322px;
    background-size: cover;
  }

  .locale_sa #box15.sticker_asterisk, 
  .locale_ae #box15.sticker_asterisk {
    background: url('/assets/home/es-cl/home_product2_d.png');
    width: 319px;
    height: 208px;
    background-size: cover;
  }

  .locale_sa #box9.sticker_leaf {
    background: url('/assets/home/ar-sa/home_vegan.svg');
    width: 323px;
    height: 215px;
    background-size: cover;
  }

  .locale_sa #box19.dare_extra {
    background: url('/assets/home/ar-sa/home_proud.svg');
    width: 215px;
    height: 210px;
    background-size: cover;
  }

  .locale_sa #box7.sticker_lightning {
    background: url('/assets/home/ar-sa/home_pill_worry-m.png');
    width: 320px;
    height: 98px;
    background-size: cover;
  }

  .locale_sa #box6.dare_product {
    background: url('/assets/home/ar-sa/home_plastic.svg');
    width: 208px;
    height: 208px;
    background-size: cover;
  }
  .locale_sa #box14.product_diamond {
    background: url('/assets/home/ar-sa/home_pill_vegan.png');
    width: 319px;
    height: 98px;
    background-size: cover;
  }
}

@media screen and (min-width: 1440px) {
  .locale_sa footer li:nth-child(1) {
    margin: 0 0 0 40px;
  }
}

/* UAE */
.locale_ae .product__wrapper {
  align-items: flex-end;
}

@media screen and (max-width: 767px) {
  .locale_sa #box21.pill_oil,
  .locale_cl #box21.pill_oil,
  .locale_ae #box21.pill_oil {
    background: url('/assets/home/ar-sa/pill_product_pink-m.png');
    background-size: cover;
    width: 82px;
    height: 177px;
  }
}

@media screen and (min-width: 1024px) {
  .locale_sa #box20.sticker_heart,
  .locale_cl #box20.sticker_heart, 
  .locale_ae #box20.sticker_heart {
    background: url('/assets/home/ar-sa/pill_product_pink-d.png');
    width: 98px;
    height: 212px;
    background-size: cover;
  }
}

@media screen and (min-width: 1440px) {
  .locale_ae .product__wrapper {
    max-width: 400px;
  }
}