:root {
  --fs_countdown: 14px;
  --fs_button: 18px;
  --fs_small: 10px;
  --fs_user: 14px;
  --fs_600: 24px;
  --fs_huge: 64px;
  --fs_heading: 20px;
  --fs_percent: 24px;
  --fs_500: 14px;
  --fs_regular: 18px;
  --fs_400: 12px;
}

@media (min-width: 768px) {
  :root {
    --fs_countdown: 18px;
    --fs_button:20px;
    --fs_600: 32px;
    --fs_huge: 80px;
    --fs_heading: 32px;
    --fs_percent: 30px;
    --fs_regular: 22px;
    --fs_500: 20px;
    --fs_400:14px;
  }
}
@media (min-width: 1127px) {
  :root {
    --fs_small:12px;
    --fs_user: 16px;
    --fs_huge: 100px;
    --fs_heading: 40px;
    --fs_700: 40px;
  }
}
.navigation {
  background: var(--header_background);
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1019607843);
}
.navigation__wrapper {
  width: 100%;
  max-width: 1143px;
  padding: 8px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .navigation__wrapper {
    flex-direction: row;
    justify-content: space-between;
    padding: 16px 44px;
  }
}
@media (min-width: 1127px) {
  .navigation__wrapper {
    padding: 16px;
  }
}
.navigation__wrapper-availability {
  margin-left: 20px;
  margin-top: 8px;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .navigation__wrapper-availability {
    margin-top: 0;
  }
}
.navigation__text {
  text-transform: capitalize;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}
@media (min-width: 768px) {
  .navigation__text {
    line-height: 24px;
    font-size: 14px;
  }
}
.navigation__text-availability {
  font-weight: 500;
  position: relative;
  color: var(--header_regular);
}
.navigation__text-availability:before {
  content: "";
  position: absolute;
  left: -20px;
  width: 16px;
  height: 16px;
  background-image: var(--header_flag);
  background-size: cover;
}
@media (min-width: 768px) {
  .navigation__text-availability:before {
    left: -28px;
    width: 24px;
    height: 24px;
  }
}
.navigation__text-low {
  color: var(--header_danger);
  margin: 0 4px;
  font-weight: 500;
}
.navigation__text-stock {
  font-weight: 500;
  color: var(--header_success);
}
.navigation__image-logo {
  width: var(--logo_widthMobile);
  height: auto;
}
@media (min-width: 1127px) {
  .navigation__image-logo {
    width: var(--logo_width);
  }
}

.hero {
  width: 100%;
  height: 100%;
  position: relative;
  background: var(--hero_background);
  overflow: hidden;
}
.hero__overlay {
  background-image: url("data:image/svg+xml,%3Csvg width='1920' height='640' viewBox='0 0 1920 640' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:multiply' clip-path='url(%23clip0_19_1798)'%3E%3Cpath d='M1920 0H0V640H1920V0Z' fill='white'/%3E%3Cpath d='M1920 0H0V640H1920V0Z' fill='url(%23paint0_radial_19_1798)'/%3E%3Cpath d='M2396.88 351.36C2400.96 330.16 2400.96 309.2 2397.12 288.56L962.4 319.92V319.84L2372.64 226.32C2360.4 205.6 2344.08 185.36 2323.92 165.68L962.16 319.76V319.68L2251.68 107.68C2223.84 88.88 2192.16 70.72 2157.36 53.36L961.92 319.6C961.92 319.6 961.92 319.52 961.68 319.52L2042.64 3.52C2001.12 -12.24 1956.72 -27.04 1909.44 -40.88L961.44 319.44C961.44 319.44 961.2 319.44 961.2 319.36L1760.16 -79.2C1708.08 -90.8 1653.6 -101.28 1596.96 -110.64L960.96 319.28H960.72L1422.96 -134.64C1363.92 -141.28 1303.2 -146.72 1241.04 -150.8L960.48 319.2H960.24L1054.32 -158.96C990.72 -160.32 927.84 -160.32 865.92 -159.04L959.76 319.2H959.52L678.96 -150.88C616.8 -146.8 556.08 -141.36 497.04 -134.64L959.28 319.28H959.04L323.04 -110.56C266.64 -101.28 212.16 -90.72 160.08 -79.12L958.8 319.36C958.8 319.36 958.56 319.36 958.56 319.44L10.56 -40.88C-36.72 -27.12 -81.12 -12.24 -122.64 3.52L958.32 319.52C958.32 319.52 958.32 319.6 958.08 319.6L-237.6 53.28C-272.4 70.64 -303.84 88.8 -331.92 107.68L957.84 319.68V319.76L-403.92 165.68C-423.84 185.36 -440.16 205.6 -452.4 226.32L957.6 319.84V319.92L-476.88 288.56C-480.96 309.76 -480.96 330.72 -477.12 351.36L957.6 320.08V320.16L-452.64 413.68C-440.4 434.4 -424.08 454.64 -403.92 474.32L957.84 320.24V320.32L-331.68 532.32C-303.84 551.12 -272.16 569.28 -237.36 586.64L958.08 320.4C958.08 320.4 958.08 320.48 958.32 320.48L-122.64 636.48C-81.12 652.24 -36.72 667.04 10.56 680.88L958.56 320.56C958.56 320.56 958.8 320.56 958.8 320.64L159.84 719.2C211.92 730.8 266.4 741.28 323.04 750.64L959.04 320.72H959.28L497.04 774.64C556.08 781.28 616.8 786.72 678.96 790.8L959.52 320.8H959.76L865.68 798.96C929.28 800.32 992.16 800.32 1054.08 799.04L960.24 320.8H960.48L1241.04 790.88C1303.2 786.8 1363.92 781.36 1422.96 774.64L960.72 320.72H960.96L1596.96 750.56C1653.36 741.28 1707.84 730.72 1759.92 719.12L961.2 320.64C961.2 320.64 961.44 320.64 961.44 320.56L1909.44 680.88C1956.72 667.04 2001.12 652.24 2042.64 636.48L961.68 320.48C961.68 320.48 961.68 320.4 961.92 320.4L2157.6 586.72C2192.4 569.36 2223.84 551.2 2251.92 532.32L962.16 320.32V320.24L2323.92 474.32C2343.84 454.64 2360.16 434.4 2372.4 413.68L962.4 320.16V320.08L2396.88 351.36Z' fill='url(%23paint1_radial_19_1798)'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_19_1798' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(960 320) scale(120 40)'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%23F0F0F0'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_19_1798' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(960 320) scale(168 56)'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%23DEDEDE'/%3E%3C/radialGradient%3E%3CclipPath id='clip0_19_1798'%3E%3Crect width='1920' height='640' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  mix-blend-mode: multiply;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero__wrapper {
  max-width: 1143px;
  width: 100%;
  margin: 0 auto;
  padding: 16px 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: Center;
  z-index: 99;
}
@media (min-width: 768px) {
  .hero__wrapper {
    padding: 32px 44px 32px 44px;
    max-width: var(--tophero_width);
    width: 100%;
  }
}
@media (min-width: 1127px) {
  .hero__wrapper {
    padding: 24px 16px 16px 16px;
    max-width: 1143px;
  }
}
.hero__wrapper-guarantee {
  display: grid;
  align-items: center;
  justify-content: center;
  max-width: 443px;
  grid-template-rows: 1fr;
  grid-template-columns: minmax(20px, 150px) minmax(max-content, max-content) minmax(20px, 150px);
  width: 100%;
}
.hero__wrapper-content {
  width: 100%;
  padding: 16px 0 24px 0;
}
@media (min-width: 1127px) {
  .hero__wrapper-content {
    padding: 24px 0;
    display: flex;
    align-items: Center;
    justify-content: space-between;
  }
}
.hero__wrapper-offer {
  max-width: 510px;
}
.hero__wrapper-clock {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .hero__wrapper-clock {
    justify-content: flex-start;
  }
}
.hero__wrapper-content {
  display: flex;
  flex-direction: column;
  align-items: Center;
}
@media (min-width: 1127px) {
  .hero__wrapper-content {
    flex-direction: row;
  }
}
.hero__text {
  color: var(--primary_color);
  text-transform: capitalize;
}
.hero__text-title {
  font-size: var(--fs_heading);
  color: var(--primary_color);
  text-shadow: 3px 3px 4px 0px var(--hero_headingShadow);
  text-align: center;
  padding: 0 16px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 24px;
}
@media (min-width: 768px) {
  .hero__text-title {
    line-height: 40px;
  }
}
@media (min-width: 1127px) {
  .hero__text-title {
    line-height: 56px;
  }
}
.hero__text-discountPercent {
  color: var(--button_textColor);
  line-height: 24px;
  font-size: 24px;
  font-weight: 700;
  text-shadow: 2px 2px 0px var(--button_textShadow);
  font-size: var(--fs_percent);
}
@media (min-width: 768px) {
  .hero__text-discountPercent {
    line-height: 30px;
    font-size: 30px;
  }
}
@media (max-width: 320px) {
  .hero__text-discountPercent {
    font-size: 20px;
  }
}
.hero__text-brandName {
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .hero__text-brandName {
    font-size: 22px;
  }
}
@media (max-width: 320px) {
  .hero__text-brandName {
    font-size: 16px;
  }
}
.hero__text-limitedOrder {
  font-size: var(--fs_countdown);
  text-transform: capitalize;
  font-weight: 600;
  line-height: 24px;
  display: block;
  text-align: center;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .hero__text-limitedOrder {
    font-weight: 500;
    padding-right: var(--offer_offset);
    margin-bottom: 0;
    text-align: left;
  }
}
.hero__text-note {
  text-align: center;
  font-size: var(--fs_500);
  margin: 4px 0 10px 0;
}
@media (min-width: 768px) {
  .hero__text-note {
    margin: 0px 0 16px 0;
  }
}
.hero__text-newPrice {
  color: var(--hero_newPrice);
  margin-right: 16px;
  font-weight: 500;
}
@media (max-width: 329px) {
  .hero__text-newPrice {
    margin-right: 0px;
  }
}
.hero__text-break {
  display: none;
}
@media (max-width: 329px) {
  .hero__text-break {
    display: block;
  }
}
.hero__text-oldPrice {
  color: var(--hero_oldPrice);
  font-weight: 500;
}
@media (max-width: 329px) {
  .hero__text-oldPrice {
    white-space: nowrap;
  }
}
.hero__text-discount {
  text-transform: uppercase;
  font-size: var(--fs_400);
  line-height: 12px;
  font-weight: 600;
  text-shadow: 2px 2px 0px var(--button_textShadow);
}
@media (min-width: 768px) {
  .hero__text-discount {
    line-height: 14px;
  }
}
.hero__text-time {
  color: var(--hero_timerColor);
  background: #ffffff;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 600;
  line-height: 24px;
  text-align: Center;
  width: 44px;
  height: 32px;
  font-size: 20px;
}
.hero__text-timeIndicator {
  font-size: 10px;
  text-transform: uppercase;
  display: block;
  text-align: center;
  font-weight: 500;
}
.hero__text-span {
  align-self: flex-start;
  line-height: 16px;
  font-size: 14px;
  margin: 8px;
  font-weight: 700;
}
.hero__text-guarantee {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: var(--accent_color);
  text-transform: capitalize;
  position: relative;
  text-align: center;
  overflow: hidden;
  padding: 0 10px;
}
.hero__text-offerTitle {
  text-transform: capitalize;
  text-align: center;
  font-weight: 700;
  font-size: var(--fs_heading);
  line-height: 24px;
  text-shadow: 3px 3px 4px var(--hero_headingShadow);
}
@media (min-width: 768px) {
  .hero__text-offerTitle {
    line-height: 40px;
  }
}
@media (min-width: 1127px) {
  .hero__text-offerTitle {
    line-height: 48px;
  }
}
.hero__text-percent {
  font-size: var(--fs_huge);
  line-height: 64px;
  font-weight: 800;
  display: block;
  text-align: center;
  margin: 4px 0;
}
@media (min-width: 768px) {
  .hero__text-percent {
    line-height: 80px;
    margin: 16px 0;
  }
}
@media (min-width: 1127px) {
  .hero__text-percent {
    line-height: 100px;
  }
}
.hero__text-buttonSpan {
  font-weight: 700;
  display: inline;
  text-transform: capitalize;
  text-shadow: 2px 2px 0px var(--button_textShadow);
  position: relative;
  text-align: center;
  font-size: 18px;
  color: var(--button_textColor);
}
@media (min-width: 768px) {
  .hero__text-buttonSpan {
    font-size: 22px;
  }
}
@media (max-width: 320px) {
  .hero__text-buttonSpan {
    font-size: 16px;
  }
}
.hero__text-buttonSpan-buttonDefaultIcon {
  height: 20px;
  width: 20px;
}
.hero__text-shadow {
  text-shadow: 2px 2px 0px var(--hero_textShadow);
}
.hero__text-shadowDark {
  text-shadow: 2px 2px 0px var(--button_shadow);
}
.hero__devider {
  height: 1px;
  width: 100%;
  opacity: 0.25;
  top: 50%;
  background: #E0E0E0;
}
.hero__image-product {
  width: var(--productImage_widthMobile);
  height: auto;
  margin-bottom: 16px;
  object-fit: contain;
}
@media (min-width: 768px) {
  .hero__image-product {
    width: var(--productImage_widthTablet);
    height: auto;
  }
}
@media (min-width: 1127px) {
  .hero__image-product {
    margin: 0;
    width: 520px;
    height: 520px;
  }
}
.hero__image-payments {
  margin: 16px 0 8px 0;
  background: var(--payments_background);
  padding: 4px 18px;
  border-radius: 6px;
  max-width: 443px;
  width: 100%;
  height: auto;
}
.hero__countdownCard {
  color: #ffffff;
  margin-top: 16px;
  border-radius: 6px;
  background: var(--countDown_background);
  display: flex;
  justify-content: space-between;
  padding: 8px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .hero__countdownCard {
    flex-direction: row;
    align-items: center;
    padding: 16px 32px;
  }
}
.hero__offerCard {
  padding: 16px;
  background: var(--hero_couponBackground);
  display: flex;
  border-radius: 4px;
  align-items: center;
  flex-direction: column;
  background-image: linear-gradient(to right, white 50%, transparent 0%), linear-gradient(white 50%, transparent 0%), linear-gradient(to right, white 50%, transparent 0%), linear-gradient(white 50%, transparent 0%);
  background-size: 20px 1px, 1px 20px;
  background-position: top, right, bottom, left;
  background-repeat: repeat-x, repeat-y;
}
@media (min-width: 768px) {
  .hero__offerCard {
    padding: 24px 32px;
  }
}
.hero__button {
  width: 100%;
  max-width: 443px;
  border-radius: 6px;
  display: flex;
  line-height: 24px;
  color: var(--button_textColor);
  filter: drop-shadow(0px 3px 0px var(--button_shadow));
}
.hero__button-discount {
  background-color: var(--button_backgroundDark);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: Center;
  min-width: 80px;
  width: 23%;
  padding: 0 8px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  transition: background-color 150ms ease-in;
}
.hero__button-content {
  background-color: var(--button_background);
  font-size: var(--fs_regular);
  width: 77%;
  padding: 21px 10px;
  line-height: 24px;
  text-align: center;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  transition: background-color 150ms ease-in;
}
@media (min-width: 768px) {
  .hero__button-content {
    padding: 28px 10px;
  }
}
@media (max-width: 320px) {
  .hero__button-content {
    padding: 16px 27px 16px 16px;
  }
}

@media (min-width: 1127px) {
  .hero__button:hover .hero__button-discount {
    background-color: var(--button_backgroundDarkHover);
  }
  .hero__button:hover .hero__button-content {
    background-color: var(--button_backgroundHover);
  }
}
.display-mobile {
  display: none;
}
@media (max-width: 768px) {
  .display-mobile {
    display: block;
  }
}

.display-tablet {
  display: none;
}
@media (min-width: 768px) and (max-width: 1127px) {
  .display-tablet {
    display: block;
  }
}

.display-desktop {
  display: none;
}
@media (min-width: 1128px) {
  .display-desktop {
    display: block;
  }
}

.hero_default_icon {
  -webkit-filter: drop-shadow(2px 2px 0px var(--button_textShadow));
  filter: drop-shadow(2px 2px 0px var(--button_textShadow));
}
.hero_default_icon:after {
  content: "";
  display: inline-block;
  margin-bottom: -3px;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.65944 68.3155C5.76396 69.4218 7.214 69.975 8.66333 69.975C10.113 69.975 11.5627 69.4263 12.669 68.3111L40.99 39.99C43.2026 37.7775 43.2026 34.1931 40.99 31.9805L12.669 3.65944C10.4564 1.44685 6.87202 1.44685 4.65944 3.65944C2.44685 5.87202 2.44685 9.4564 4.65944 11.669L28.9837 35.9897L4.65944 60.306C2.44685 62.5186 2.44685 66.103 4.65944 68.3155ZM30.1484 68.3155C31.2529 69.4218 32.7029 69.975 34.1523 69.975C35.6019 69.975 37.0516 69.4263 38.1579 68.3111L66.479 39.99C68.6916 37.7775 68.6916 34.1931 66.479 31.9805L38.1579 3.65944C35.9453 1.44685 32.361 1.44685 30.1484 3.65944C27.9358 5.87202 27.9358 9.4564 30.1484 11.669L54.4726 35.9897L30.1484 60.306C27.9358 62.5186 27.9358 66.103 30.1484 68.3155Z" fill="currentColor"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.65944 68.3155C5.76396 69.4218 7.214 69.975 8.66333 69.975C10.113 69.975 11.5627 69.4263 12.669 68.3111L40.99 39.99C43.2026 37.7775 43.2026 34.1931 40.99 31.9805L12.669 3.65944C10.4564 1.44685 6.87202 1.44685 4.65944 3.65944C2.44685 5.87202 2.44685 9.4564 4.65944 11.669L28.9837 35.9897L4.65944 60.306C2.44685 62.5186 2.44685 66.103 4.65944 68.3155ZM30.1484 68.3155C31.2529 69.4218 32.7029 69.975 34.1523 69.975C35.6019 69.975 37.0516 69.4263 38.1579 68.3111L66.479 39.99C68.6916 37.7775 68.6916 34.1931 66.479 31.9805L38.1579 3.65944C35.9453 1.44685 32.361 1.44685 30.1484 3.65944C27.9358 5.87202 27.9358 9.4564 30.1484 11.669L54.4726 35.9897L30.1484 60.306C27.9358 62.5186 27.9358 66.103 30.1484 68.3155Z" fill="currentColor"/></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--button_iconDefaultColor);
  width: 19px;
  height: 19px;
  font-size: inherit;
  left: auto;
  margin-left: 12px;
}
@media (min-width: 768px) {
  .hero_default_icon:after {
    width: 20px;
    height: 20px;
    margin-bottom: -2px;
  }
}

.hero_custom_icon:after {
  content: var(--button_icon);
  width: 20px;
  height: auto;
  display: inline;
  filter: drop-shadow(0em 0.08em 0.1em var(--button-textShadow));
  font-size: inherit;
  left: auto;
  margin-left: 16px;
}

.benefits {
  background: var(--benefits_background);
}
.benefits__wrapper {
  width: 100%;
  max-width: 1127px;
  margin: 0 auto;
  padding: 16px 0 32px 0;
}
@media (min-width: 768px) {
  .benefits__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .benefits__benefitCard:not(:first-of-type) {
    padding: 16px 0 0 0;
  }
}
@media (min-width: 768px) {
  .benefits__benefitCard {
    width: calc(50% - 32px);
    padding: 0 0 0 0;
  }
}
@media (min-width: 1127px) {
  .benefits__benefitCard {
    width: calc(25% - 32px);
  }
  .benefits__benefitCard:not(:first-of-type) {
    padding: 0 0 0 0;
  }
}
.benefits__text {
  text-transform: capitalize;
  color: var(--primary_color);
  text-align: Center;
  line-height: 24px;
  font-size: 16px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .benefits__text {
    padding: 0 100px;
  }
}
@media (min-width: 1127px) {
  .benefits__text {
    padding: 0 25px;
  }
}
.benefits__image {
  margin: 16px auto;
  width: 48px;
  height: 48px;
}

.testimonials {
  background: var(--testimonials_background);
}
.testimonials__wrapper {
  max-width: 1143px;
  width: 100%;
  margin: 0 auto;
  padding: 24px 16px;
}
@media (min-width: 768px) {
  .testimonials__wrapper {
    padding: 32px 44px;
  }
}
@media (min-width: 1127px) {
  .testimonials__wrapper {
    padding: 32px 16px;
  }
}
.testimonials__wrapper-list {
  display: flex;
  flex-direction: column;
}
.testimonials__wrapper-list:nth-of-type(2) {
  margin-top: 0;
}
@media (min-width: 768px) {
  .testimonials__wrapper-list {
    flex-direction: row;
  }
}
.testimonials__wrapper-trustScore {
  margin: 0px 0 24px 0;
  padding: 32px 30px;
  border: 1px solid #E0E0E0;
  border-radius: 6px;
  background: var(--testimonials_trustscoreBackground);
}
.testimonials__wrapper-excellent {
  display: flex;
  justify-content: center;
  margin: 24px 0 8px 0;
  align-items: center;
}
@media (min-width: 768px) {
  .testimonials__wrapper-excellent {
    margin: 32px 0 16px 0;
  }
}
.testimonials__wrapper-rate {
  padding-bottom: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  display: flex;
  justify-content: center;
  font-size: 16px;
  text-align: center;
}
@media (min-width: 768px) {
  .testimonials__wrapper-rate {
    font-size: 20px;
  }
}
.testimonials__wrapper-cardContent {
  padding: 16px;
}
.testimonials__wrapper-user {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px dashed #BDBDBD;
}
.testimonials__wrapper-userInfo {
  margin-left: 8px;
  margin-top: -6px;
}
.testimonials__wrapper-review {
  margin-top: 12px;
}
.testimonials__wrapper-media {
  margin-top: 16px;
  display: flex;
}
.testimonials__wrapper-media img:not(:first-child) {
  margin-left: 8px;
}
.testimonials__image-trustscore {
  margin: 0 auto;
  max-width: 252px;
  width: 100%;
}
@media (min-width: 768px) {
  .testimonials__image-trustscore {
    max-width: 335px;
  }
}
.testimonials__image-stars {
  width: 100%;
  max-width: 132px;
  margin-left: 8px;
}
@media (min-width: 768px) {
  .testimonials__image-stars {
    max-width: 170px;
    margin-left: 16px;
  }
}
.testimonials__image-user {
  border-radius: 4px;
  width: 56px;
  height: 56px;
  object-fit: contain;
}
@media (min-width: 1127px) {
  .testimonials__image-user {
    width: 64px;
    height: 64px;
  }
}
.testimonials__image-flag {
  width: 16px;
  height: 16px;
  display: inline;
  margin-bottom: var(--testimonials_flagOffset);
}
@media (min-width: 1127px) {
  .testimonials__image-flag {
    width: 24px;
    height: 24px;
  }
}
.testimonials__image-score {
  width: 86px;
  height: 16px;
  margin-top: 4px;
}
.testimonials__image-verified {
  width: 12px;
  height: 12px;
}
@media (min-width: 768px) {
  .testimonials__image-verified {
    width: 16px;
    height: 16px;
  }
}
.testimonials__image-product {
  width: 90px;
  height: 90px;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}
.testimonials__verticalSeperator {
  background: var(--testimonials_primary);
  margin: 2px 8px;
  width: 1px;
  height: 24px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .testimonials__verticalSeperator {
    margin: 3px 16px;
  }
}
.testimonials__text-rate {
  color: var(--testimonials_primary);
  text-transform: capitalize;
  font-size: 16px;
}
@media (min-width: 768px) {
  .testimonials__text-rate {
    font-size: 20px;
  }
}
.testimonials__text-rate strong {
  color: #000000;
}
.testimonials__text-reviews {
  color: var(--testimonials_primary);
  text-transform: capitalize;
}
.testimonials__text-reviews div {
  display: none;
}
@media (min-width: 768px) {
  .testimonials__text-reviews div {
    display: inline-block;
  }
}
.testimonials__text-reviews strong {
  color: #000000;
}
.testimonials__text-excellent {
  line-height: 24px;
  font-size: var(--fs_600);
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: var(--testimonials_secondary);
}
@media (min-width: 768px) {
  .testimonials__text-excellent {
    line-height: 32px;
  }
}
@media (min-width: 768px) {
  .testimonials__text-mobile {
    display: none;
  }
}
.testimonials__text-tablet {
  display: none;
}
@media (min-width: 768px) {
  .testimonials__text-tablet {
    display: block;
  }
}
.testimonials__text-name {
  font-size: var(--fs_user);
  font-weight: 700;
  font-family: "Inter", sans-serif;
  text-transform: capitalize;
  line-height: 24px;
  color: var(--testimonials__secondary);
}
.testimonials__text-date {
  font-size: 12px;
  color: var(--testimonials_accent);
  font-family: "Inter", sans-serif;
  font-weight: 400;
  line-height: 16px;
  text-transform: capitalize;
}
.testimonials__text-verified {
  color: var(--testimonials_verified);
  text-transform: capitalize;
  font-size: var(--fs_small);
  font-weight: 400;
  padding: 4px 0;
  margin-left: 4px;
}
.testimonials__text-review {
  color: var(--testimonials_primary);
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.testimonials__listColumn {
  width: 100%;
}
.testimonials__listColumn:nth-of-type(2) {
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .testimonials__listColumn:nth-of-type(2) {
    margin-bottom: 0;
  }
}
@media (min-width: 1127px) {
  .testimonials__listColumn:nth-of-type(2) {
    margin-bottom: 24px;
  }
}
.testimonials__listColumn .testimonials__card:not(:first-of-type) {
  margin-top: 16px;
}
@media (min-width: 1127px) {
  .testimonials__listColumn .testimonials__card:not(:first-of-type) {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .testimonials__listColumn {
    width: 50%;
  }
  .testimonials__listColumn:nth-of-type(2) {
    margin-top: 0px;
  }
  .testimonials__listColumn:nth-of-type(1) {
    margin-right: 16px;
  }
}
@media (min-width: 1127px) {
  .testimonials__listColumn {
    margin-bottom: 24px;
  }
  .testimonials__listColumn:nth-of-type(1) {
    margin-right: 24px;
  }
}
.testimonials__card {
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  background: var(--testimonials_trustscoreBackground);
}
.testimonials__card-mobile {
  display: none;
}
@media (min-width: 768px) {
  .testimonials__card-mobile {
    display: block;
  }
}
.testimonials__verified {
  padding: 0 8px;
  display: flex;
  align-items: center;
  border: 1px solid #E0E0E0;
  background: var(--testimonials_lightGray);
  margin-left: auto;
  align-self: start;
  border-radius: 50px;
}
@media (min-width: 1127px) {
  .testimonials__seperator {
    width: 100%;
    height: 1px;
    background: #F2F2F2;
  }
}

.bottomHero {
  background: var(--bottomHero_background);
  width: 100%;
  position: relative;
}
.bottomHero__overlay {
  background-image: url("../assets/herobackground.svg");
  background-repeat: no-repeat;
  mix-blend-mode: multiply;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bottomHero__wrapper {
  position: relative;
  max-width: 1143px;
  width: 100%;
  z-index: 99;
  margin: 0 auto;
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: Center;
}
@media (min-width: 768px) {
  .bottomHero__wrapper {
    padding: 32px 44px;
  }
}
@media (min-width: 1127px) {
  .bottomHero__wrapper {
    padding: 32px 16px;
  }
}
.bottomHero__wrapper-guarantee {
  max-width: 412px;
  width: 100%;
  position: relative;
  display: grid;
  align-items: center;
  justify-content: center;
  grid-template-rows: 1fr;
  grid-template-columns: minmax(1px, 100px) minmax(max-content, max-content) minmax(1px, 100px);
}
.bottomHero__offerCard {
  padding: 16px;
  background: var(--bottomHero_couponBackground);
  display: flex;
  align-items: center;
  flex-direction: column;
  background-image: linear-gradient(to right, white 50%, transparent 0%), linear-gradient(white 50%, transparent 0%), linear-gradient(to right, white 50%, transparent 0%), linear-gradient(white 50%, transparent 0%);
  background-size: 20px 1px, 1px 20px;
  background-position: top, right, bottom, left;
  background-repeat: repeat-x, repeat-y;
}
@media (min-width: 768px) {
  .bottomHero__offerCard {
    padding: 24px 32px;
  }
}
.bottomHero__button {
  width: 100%;
  max-width: 412px;
  border-radius: 6px;
  cursor: pointer;
  color: var(--button_textColor);
  text-align: Center;
  line-height: 24px;
  font-size: 18px;
  filter: drop-shadow(0px 3px 0px var(--button_shadow));
  background-color: var(--button_background);
  padding: 16px 24px;
  transition: background-color 150ms ease-in;
}
@media (min-width: 768px) {
  .bottomHero__button {
    padding: 16px 32px;
    font-size: 20px;
  }
}
@media (min-width: 1127px) {
  .bottomHero__button:hover {
    background-color: var(--button_backgroundHover);
  }
}
.bottomHero__devider {
  height: 1px;
  width: 100%;
  opacity: 0.25;
  top: 50%;
  background: #E0E0E0;
}
.bottomHero__text-title {
  color: var(--bottomHero_titleColor) !important;
}
.bottomHero__text-offerTitle {
  color: var(--bottomHero_offerTitleColor) !important;
}
.bottomHero__text-span {
  color: var(--bottomHero_contentColor) !important;
}
.bottomHero__text-buttonSpan {
  font-weight: 700;
  font-size: var(--fs_button);
  text-shadow: 2px 2px 0px var(--button_textShadow);
  text-transform: capitalize;
  display: inline;
  position: relative;
}
.bottomHero__image-payments {
  max-width: 412px;
  width: 100%;
  height: 30px;
}
@media (min-width: 768px) {
  .bottomHero__image-payments {
    height: 36px;
  }
}

.footer {
  background: var(--footer_background);
  width: 100%;
  color: white;
}
@media (min-width: 768px) {
  .footer {
    display: flex;
    flex-direction: column-reverse;
  }
}
.footer__wrapper {
  max-width: 1143px;
  margin: 0 auto;
  padding: 16px;
}
@media (min-width: 768px) {
  .footer__wrapper {
    padding: 40px 44px;
  }
}
@media (min-width: 1127px) {
  .footer__wrapper {
    padding: 40px 16px;
  }
}
.footer__content {
  position: relative;
  cursor: pointer;
  border-bottom: 0.5px solid #4f4f4f;
}
.footer__content:nth-of-type(1) {
  cursor: auto;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .footer__content {
    border-bottom: none;
  }
  .footer__content:nth-of-type(1) {
    cursor: auto;
    padding-bottom: 0px;
  }
}
@media (min-width: 1127px) {
  .footer__content {
    pointer-events: none;
  }
}
.footer__collapse {
  transition: height 150ms ease-in;
  height: 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .footer__collapse {
    height: 100% !important;
  }
}
@media (min-width: 768px) {
  .footer__cards {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding-top: 16px;
  }
  .footer__cards div.footer__content:nth-of-type(1) {
    order: 0;
  }
  .footer__cards div.footer__content:nth-of-type(2) {
    order: 3;
  }
  .footer__cards div.footer__content:nth-of-type(3) {
    order: 2;
  }
}
@media (min-width: 768px) {
  .footer__cardList:first-of-type {
    padding-bottom: 0px;
  }
}
.footer__listItem {
  display: flex;
  justify-content: center;
  margin: 8px 0;
  cursor: pointer;
}
.footer__listItem:nth-of-type(2) img {
  margin-left: -22px;
}
@media (min-width: 768px) {
  .footer__listItem {
    justify-content: left;
    pointer-events: auto;
    cursor: pointer;
  }
  .footer__listItem:nth-of-type(2) img {
    margin-left: 0;
  }
}
@media (min-width: 1127px) {
  .footer__wrap {
    padding: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.footer__wrap-description {
  padding-top: 24px;
}
@media (min-width: 768px) {
  .footer__wrap-description {
    border-bottom: 0.5px solid #4F4F4F;
    padding-top: 0;
  }
}
.footer__wrap-titleCol {
  position: relative;
  pointer-events: none;
}
@media (min-width: 1127px) {
  .footer__wrap-titleCol {
    pointer-events: none;
  }
}
.footer__text-sectionTitle {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  padding: 24px;
}
.footer__text-description {
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  margin: 24px 0;
  color: var(--footer-link);
}
@media (min-width: 1127px) {
  .footer__text-description {
    text-align: left;
  }
}
.footer__text-section {
  font-size: 18px;
  text-transform: uppercase;
  pointer-events: none;
  font-weight: 700;
  text-align: center;
  padding: 16px;
  line-height: 24px;
  color: var(--footer-titleColor);
}
@media (min-width: 768px) {
  .footer__text-section {
    text-align: left;
    padding: 8px;
  }
}
.footer__text-sectionCol {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  padding: 24px;
  color: var(--footer-titleColor);
}
.footer__text-sectionCol:first-of-type {
  padding: 24px 24px 16px 24px;
}
@media (min-width: 768px) {
  .footer__text-sectionCol {
    text-align: left;
    padding: 8px 0;
  }
  .footer__text-sectionCol:first-of-type {
    padding: 8px 0;
  }
}
.footer__text-linkWhite {
  cursor: pointer;
  color: #ffffff;
  margin: 0 8px;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  position: relative;
  display: inline;
  transition: color 150ms ease-in;
}
@media (min-width: 1127px) {
  .footer__text-linkWhite:hover {
    color: var(--footer-hoverColor);
  }
}
.footer__text-link {
  cursor: pointer;
  margin: 0 8px;
  font-weight: 400;
  color: var(--footer-link);
  text-transform: capitalize;
  transition: color 150ms ease-in;
  font-size: 14px;
  transition: color 150ms ease-in;
}
@media (min-width: 1127px) {
  .footer__text-link:hover {
    color: var(--footer-hoverColor);
  }
}
.footer__text-span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: var(--copyrights-color);
  text-align: center;
}
@media (min-width: 1127px) {
  .footer__text-span {
    text-align: left;
  }
}
.footer__img-logo {
  width: var(--logo_widthMobile);
  height: auto;
  margin: 0 auto;
}
@media (min-width: 1127px) {
  .footer__img-logo {
    margin: 0;
    width: var(--logo_width);
  }
}
.footer__img-icon {
  display: inline;
  width: 20px;
  height: 20px;
}
.footer__img-payments {
  margin: 0 auto 10px;
  width: 246px;
  height: auto;
}
@media (min-width: 768px) {
  .footer__img-payments {
    width: 443px;
  }
}
@media (min-width: 1127px) {
  .footer__img-payments {
    margin: 0;
  }
}
.footer__img-arrow {
  position: absolute;
  right: 10px;
  top: 24px;
  transition: 0.15s ease-in;
  transform: rotate(0deg);
  pointer-events: none;
}
.footer__img-arrow[expanded=true] {
  transform: rotate(90deg);
}
@media (min-width: 768px) {
  .footer__img-arrow {
    display: none;
  }
}
.footer__customerWrap {
  display: flex;
  justify-content: center;
}
.footer__customerWrap li {
  display: flex;
  justify-content: flex-start;
}
.footer__copyrights {
  background: var(--copyrights_background);
}
.footer__copyrightsWrapper {
  max-width: 1143px;
  margin: 0 auto;
  padding: 16px;
}

@media (min-width: 768px) {
  #footer {
    padding-bottom: 0px !important;
  }
}

.helpdesk {
  position: fixed;
  bottom: 25px;
  right: 25px;
  border-radius: 26px;
  background-color: var(--helpdesk_background);
  color: var(--helpdesk_color);
  border-radius: 999px;
  z-index: 999;
  letter-spacing: 0.6;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  padding: 12px;
  cursor: pointer;
  transition: bottom 300ms ease-in-out;
}
@media (min-width: 768px) {
  .helpdesk {
    padding: 0.92857rem 1.57143rem;
    bottom: 10px !important;
  }
}
.helpdesk span {
  text-transform: capitalize;
  display: none;
}
@media (min-width: 768px) {
  .helpdesk span {
    display: block;
  }
}
.helpdesk svg {
  fill: var(--helpdesk_color);
}
@media (min-width: 768px) {
  .helpdesk svg {
    margin-right: 8px;
  }
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  touch-action: manipulation;
}

body {
  font-family: "Poppins", sans-serif;
  -webkit-text-size-adjust: none;
  touch-action: pan-x pan-y;
}

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