/* variables */
:root {
  --fs_heading: 28px;
  --fs_700: 32px;
  --fs_regular: 16px;
  --fs_600: 24px;
  --fs_500: 20px;
  --fs_400: 12px;
}

@media (min-width: 768px) {
  :root {
    --fs_heading: 36px;
    --fs_regular: 16px;
    --fs_700: 32px;
    --fs_500: 24px;
    --fs_400: 14px;
  }
}
@media (min-width: 1127px) {
  :root {
    --fs_heading: 56px;
    --fs_regular: 16px;
    --fs_700: 48px;
    --fs_600: 28px;
    --fs_500: 32px;
  }
}
.topbar {
  z-index: 999;
  position: relative;
}
.topbar__text {
  text-align: center;
  display: block;
  padding: 8px;
  color: #ffffff;
  font-weight: 500;
  font-size: 12px;
}
@media (min-width: 1127px) {
  .topbar__text {
    font-size: 14px;
  }
}
.topbar__text-highlight {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  color: var(--topbar-highlight);
}
@media (min-width: 768px) {
  .topbar__text-highlight {
    font-size: 14px;
  }
}

.container-dark {
  background: #000000;
}
.container-footer {
  background: #000000;
}
.container-default {
  background: #FFFFFF;
}
.container__wrap {
  max-width: 1143px;
  width: 100%;
  margin: 0 auto;
  padding: 16px;
}
@media (min-width: 1127px) {
  .container__wrap {
    padding: 16px 0px;
  }
}
.container__wrap-fixed {
  padding: 0 16px;
}
@media (min-width: 768px) {
  .container__wrap-fixed {
    padding: 0 44px;
  }
}
@media (min-width: 1127px) {
  .container__wrap-fixed {
    padding: 0;
  }
}
.container__wrap-footer {
  max-width: 1143px;
  width: 100%;
  margin: 0 auto;
  padding: 16px;
}
@media (min-width: 768px) {
  .container__wrap-footer {
    padding: 40px 44px;
  }
}
@media (min-width: 1127px) {
  .container__wrap-footer {
    padding: 40px 16px;
  }
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (min-width: 1127px) {
  .header {
    padding: 16px;
  }
}
.header__wrap {
  display: flex;
  margin: 0 auto;
  max-width: 1143px;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  z-index: 999;
  background: #FFFFFF;
  padding: 16px;
}
@media (min-width: 768px) {
  .header__wrap {
    padding: 16px 44px;
  }
}
@media (min-width: 1127px) {
  .header__wrap {
    display: block;
    width: auto;
    height: auto;
    padding: 0;
  }
}
.header__menuBtn {
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.header__menuBtn:active {
  outline: none;
  border: none;
}
@media (min-width: 1127px) {
  .header__menuBtn {
    display: none;
  }
}
.header__menuBtn svg {
  width: 24px;
}
.header__menuBtn svg #top-line,
.header__menuBtn svg #bottom-line,
.header__menuBtn svg #middle-line {
  transform-box: fill-box;
  transform-origin: center;
}
.header__menuBtn[aria-expanded=true] svg #top-line {
  animation: down-rotate 300ms ease-out both;
}
.header__menuBtn[aria-expanded=true] svg #bottom-line {
  animation: up-rotate 300ms ease-out both;
}
.header__menuBtn[aria-expanded=true] svg #middle-line {
  animation: hide 300ms ease-out forwards;
}
@keyframes up-rotate {
  0% {
    animation-timing-function: cubic-bezier(0.16, -0.88, 0.97, 0.53);
    transform: translateY(0px);
  }
  30% {
    transform-origin: center;
    animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    transform: translateY(-10px);
  }
  100% {
    transform-origin: center;
    transform: translateY(-20px) rotate(45deg) scale(0.9);
  }
}
@keyframes down-rotate {
  0% {
    animation-timing-function: cubic-bezier(0.16, -0.88, 0.97, 0.53);
    transform: translateY(0px);
  }
  30% {
    transform-origin: center;
    animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    transform: translateY(10px);
  }
  100% {
    transform-origin: center;
    transform: translateY(20px) rotate(-45deg) scale(0.9);
  }
}
@keyframes hide {
  29% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.header__opacity {
  opacity: 0;
}
@media (min-width: 1127px) {
  .header__opacity {
    opacity: 1;
  }
}
.header__nav {
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  padding: 8px 16px;
  left: 0;
  width: 100%;
  z-index: 998;
  background: #FFFFFF;
  border-bottom: 1px solid #F2F2F2;
}
@media (max-width: 1126px) {
  .header__nav {
    transition: transform 300ms ease-in-out;
  }
}
@media (max-width: 1126px) {
  .header__nav-disabled {
    transform: translateY(-600px);
  }
}
@media (min-width: 1127px) {
  .header__nav-disabled {
    display: flex;
    transform: translateY(0);
  }
}
.header__nav-enabled {
  display: flex;
}
@media (max-width: 1126px) {
  .header__nav-enabled {
    transform: translateY(0);
  }
}
@media (min-width: 1127px) {
  .header__nav {
    flex-direction: row;
    align-items: center;
    background: transparent;
    position: static;
    border-bottom: none;
    width: auto;
    padding: 0;
  }
}
.header__text-span {
  margin-right: 8px;
  font-size: 12px;
  font-weight: 700;
  background: transparent;
  text-transform: capitalize;
  color: #ffffff;
  pointer-events: none;
  text-shadow: 0px 2px 2px var(--button-textShadow);
}
.header__text-link {
  font-size: 14px;
  font-weight: 500;
  transition: color 150ms ease-in;
  color: var(--link_color);
}
@media (min-width: 1127px) {
  .header__text-link:hover {
    color: var(--link_hoverColor);
  }
}
.header__navItem {
  width: 100%;
  border-bottom: 1px solid #F2F2F2;
  text-align: center;
  padding: 16px 0;
  font-size: 14px;
  text-transform: capitalize;
}
.header__navItem:first-of-type {
  border-top: 1px solid #F2F2F2;
}
.header__navItem:last-of-type {
  border-bottom: none;
}
@media (min-width: 1127px) {
  .header__navItem {
    border-bottom: none;
    padding: 0;
    white-space: nowrap;
    margin-right: 24px;
  }
  .header__navItem:last-of-type {
    margin-right: 0;
  }
  .header__navItem:first-of-type {
    border-top: none;
  }
}
.header__img-logo {
  width: var(--logo-mobile-width);
  height: auto;
}
@media (min-width: 1127px) {
  .header__img-logo {
    width: var(--logo-width);
  }
}
.header__img-icon {
  margin-top: 2px;
}
.header__button {
  display: block;
  padding: 16px 24px;
  line-height: 24px;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--button-color);
  text-shadow: 0px 2px 2px var(--button-textShadow);
  box-shadow: 0px 3px 0px var(--button-shadow);
  background-color: var(--button-background);
  border-radius: 8px;
  transition: background-color 150ms ease-in;
}
.header__button:hover {
  background-color: var(--button-backgroundHover);
}
@media (min-width: 1127px) {
  .header__button {
    border-bottom: none;
    margin: 0;
    min-width: 161px;
  }
}
.header__buttonWrap {
  width: 100%;
}

.header__default_icon {
  display: inline-block;
  -webkit-filter: drop-shadow(0em 0.08em 0.1em var(--button-textShadow));
  filter: drop-shadow(0em 0.08em 0.1em var(--button-textShadow));
}
.header__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>');
  background-size: cover;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--button-defaultIcon);
  width: 19px;
  height: 19px;
  font-size: inherit;
  left: auto;
  margin-left: 12px;
}
@media (min-width: 768px) {
  .header__default_icon:after {
    width: 20px;
    height: 20px;
    margin-bottom: -2px;
  }
}

.header__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: 8px;
}

.hero {
  width: 100%;
  background-color: var(--bg_secondary);
}
.hero__wrapper {
  position: relative;
  height: 0;
  margin: 0 auto;
  max-width: 1920px;
  width: 100%;
  padding-bottom: 34%;
}
@media (max-width: 1127px) {
  .hero__wrapper {
    height: 100%;
  }
}
@media (min-width: 1921px) {
  .hero__wrapper {
    padding-bottom: 0;
    height: 100%;
    height: 650px;
  }
}
.hero__wrapper-text {
  max-width: 1143px;
  margin: 0 auto;
  padding: 40px 16px 48px 16px;
}
@media (min-width: 768px) {
  .hero__wrapper-text {
    padding: 48px 44px 48px 44px;
  }
}
@media (min-width: 1127px) {
  .hero__wrapper-text {
    padding: 80px 16px 64px 16px;
  }
}
.hero__image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.hero__overlay {
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.hero__text {
  text-align: center;
}
.hero__text-title {
  font-size: var(--fs_heading);
  line-height: 32px;
  color: var(--text_primary);
  font-family: "DM Serif Display";
  font-weight: 400;
}
@media (min-width: 768px) {
  .hero__text-title {
    line-height: 40px;
  }
}
@media (min-width: 1127px) {
  .hero__text-title {
    line-height: 64px;
  }
}
.hero__text-note {
  text-align: center;
  color: var(--text_secondary);
  font-size: var(--fs_regular);
  font-weight: 400;
  padding-top: 24px;
}

.features {
  background: var(--bg_secondary);
  width: 100%;
}
.features__wrapper {
  max-width: 1143px;
  margin: 0 auto;
  width: 100%;
  padding: 0 16px 40px 16px;
}
@media (min-width: 768px) {
  .features__wrapper {
    padding: 0 60px 48px 44px;
  }
}
@media (min-width: 1127px) {
  .features__wrapper {
    padding: 0 16px 60px 16px;
  }
}
.features__wrapper-cardContent {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .features__wrapper-cardContent {
    display: block;
  }
}
@media (min-width: 1127px) {
  .features__wrapper-cardContent {
    width: calc(100% - 360px);
  }
}
@media (min-width: 1127px) {
  .features__list {
    padding-right: 16px;
  }
}
.features__card {
  display: block;
}
.features__card article {
  padding: 24px 0 40px 0;
}
.features__card:last-of-type article {
  padding: 24px 0 0 0;
}
@media (min-width: 768px) {
  .features__card {
    display: flex;
    align-items: center;
  }
  .features__card:nth-of-type(odd) article {
    padding: 0 0 0 32px;
  }
  .features__card:nth-of-type(even) article {
    padding: 0 32px 0 0;
  }
  .features__card:not(:last-of-type) {
    padding-bottom: 40px;
  }
  .features__card:nth-of-type(even) {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1127px) {
  .features__card {
    display: flex;
    align-items: center;
  }
  .features__card:nth-of-type(odd) article {
    padding: 0 0 0 40px;
  }
  .features__card:nth-of-type(even) article {
    padding: 0 40px 0 0;
  }
  .features__card:not(:last-of-type) {
    padding-bottom: 40px;
  }
  .features__card:nth-of-type(even) {
    flex-direction: row-reverse;
  }
}
.features__image {
  height: 100%;
  max-height: 768px;
  width: calc(100% - 16px);
  box-shadow: 16px 16px 0 0 var(--image_shadow);
}
@media (min-width: 768px) {
  .features__image {
    height: 258px;
    width: 258px;
  }
}
@media (min-width: 1127px) {
  .features__image {
    height: 360px;
    width: 360px;
    background-size: cover;
  }
}
.features__text {
  text-align: center;
}
@media (min-width: 768px) {
  .features__text {
    text-align: left;
  }
}
.features__text-number {
  color: var(--text_accent);
  font-size: var(--fs_700);
  font-weight: 700;
  padding-bottom: 8px;
}
@media (min-width: 1127px) {
  .features__text-number {
    padding-bottom: 16px;
  }
}
.features__text-cardTitle {
  font-family: "DM Serif Display";
  font-size: var(--fs_600);
  color: var(--text_primary);
  line-height: 32px;
  text-transform: capitalize;
}
.features__text-description {
  font-size: var(--fs_regular);
  font-weight: 400;
  line-height: 24px;
  color: var(--text_secondary);
  margin-top: 8px;
}
@media (min-width: 1127px) {
  .features__text-description {
    margin-top: 16px;
  }
}

.testimonials {
  background: var(--bg_primary);
}
.testimonials__wrapper {
  max-width: 1143px;
  margin: 0 auto;
  padding: 0 16px 32px 16px;
}
@media (min-width: 768px) {
  .testimonials__wrapper {
    padding: 0 44px 32px 44px;
  }
}
@media (min-width: 1127px) {
  .testimonials__wrapper {
    padding: 40px 16px 80px 16px;
  }
}
.testimonials__wrapper-title {
  padding: 40px 0 24px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .testimonials__wrapper-title {
    padding: 16px 0 8px 0;
  }
}
@media (min-width: 1127px) {
  .testimonials__wrapper-title {
    padding: 32px;
  }
}
.testimonials__wrapper-cardTitle {
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1127px) {
  .testimonials__wrapper-cardTitle {
    padding: 32px;
  }
}
.testimonials__wrapper-cardContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
}
.testimonials__wrapper-trustScore {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.testimonials__wrapper-score {
  display: flex;
  align-items: center;
  padding: 8px;
}
@media (min-width: 768px) {
  .testimonials__wrapper-score {
    padding: 16px;
  }
}
.testimonials__wrapper-scoreBot {
  padding-bottom: 24px;
}
.testimonials__wrapper-rate {
  display: flex;
  justify-content: center;
}
.testimonials__wrapper-section {
  margin-bottom: 36px;
}
@media (min-width: 768px) {
  .testimonials__wrapper-section {
    margin-bottom: 16px;
  }
}
@media (min-width: 1127px) {
  .testimonials__wrapper-section {
    margin-bottom: 24px;
    padding: 32px 0 8px 0;
  }
}
.testimonials__text-heading {
  font-size: var(--fs_heading);
  font-family: "DM Serif Display";
  font-weight: 400;
  color: var(--text_primary);
  line-height: 24px;
  font-style: regular;
  text-transform: capitalize;
  text-align: center;
  padding-top: 8px;
  vertical-align: top;
}
@media (min-width: 768px) {
  .testimonials__text-heading {
    padding-top: 24px;
    line-height: 35px;
  }
}
@media (min-width: 1127px) {
  .testimonials__text-heading {
    padding-top: 8px;
    line-height: 64px;
  }
}
.testimonials__text-name {
  text-transform: capitalize;
  font-weight: 600;
  font-size: var(--fs_400);
  text-align: center;
  color: var(--text_primary);
}
.testimonials__text-eval {
  font-size: var(--fs_500);
  font-family: "Inter";
  font-weight: 700;
  margin-right: 8px;
}
.testimonials__text-rate {
  display: none;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: var(--text_secondary);
}
@media (min-width: 768px) {
  .testimonials__text-rate {
    display: block;
  }
}
@media (min-width: 1127px) {
  .testimonials__text-rate {
    font-size: 20px;
  }
}
.testimonials__text-rate strong {
  color: #000000;
}
.testimonials__text-rateMobile {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: var(--text_secondary);
}
@media (min-width: 768px) {
  .testimonials__text-rateMobile {
    display: none;
  }
}
@media (min-width: 1127px) {
  .testimonials__text-rateMobile {
    font-size: 20px;
  }
}
.testimonials__text-rateMobile strong {
  color: #000000;
}
.testimonials__text-description {
  line-height: 24px;
  text-align: center;
  font-style: italic;
  padding: 12px 0;
  color: var(--text_secondary);
  font-size: var(--fs_400);
}
.testimonials__text-title {
  text-transform: capitalize;
  padding: 8px 0 12px 0;
  font-weight: 600;
  color: var(--text_primary);
  font-size: 16px;
  text-align: center;
}
@media (min-width: 1127px) {
  .testimonials__text-title {
    font-size: 18px;
  }
}
.testimonials__cards {
  margin-top: 40px;
  gap: 16px;
}
@media (min-width: 768px) {
  .testimonials__cards {
    display: flex;
    margin-top: 24px;
  }
}
@media (min-width: 1127px) {
  .testimonials__cards {
    gap: 24px;
  }
}
.testimonials__card-review {
  padding: 8px;
  border: 1px solid #F2F2F2;
  box-shadow: 0px 2px 20px 0px rgba(156, 156, 156, 0.1019607843);
  border-radius: 6px;
  margin: 16px 0;
}
@media (min-width: 768px) {
  .testimonials__card-review {
    margin-bottom: auto;
    width: 33.33%;
  }
}
@media (min-width: 1127px) {
  .testimonials__card-review {
    margin: 24px 0;
    margin-bottom: auto;
  }
}
.testimonials__image {
  width: 100%;
}
.testimonials__image-score {
  max-width: 170px;
  min-width: 106px;
  height: 20px;
}
@media (min-width: 768px) {
  .testimonials__image-score {
    height: 24px;
  }
}
@media (min-width: 1127px) {
  .testimonials__image-score {
    height: 32px;
    margin-left: 8px;
  }
}
.testimonials__image-rate {
  width: 86px;
  height: auto;
}

.footer {
  font-family: "Poppins";
  color: #ffffff;
  width: 100%;
}
@media (min-width: 768px) {
  .footer {
    display: flex;
    flex-direction: column-reverse;
  }
}
.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;
}
@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;
}
@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;
}
.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;
}
.footer__text-link {
  cursor: pointer;
  margin: 0 8px;
  font-weight: 400;
  text-transform: capitalize;
  transition: color 150ms ease-in;
  font-size: 14px;
}
.footer__text-span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  text-align: center;
  color: #828282;
}
@media (min-width: 1127px) {
  .footer__text-span {
    text-align: left;
  }
}
.footer__img-logo {
  width: var(--logo-mobile-width);
  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: 1127px) {
  .footer__img-payments {
    margin: 0;
    width: 369px;
  }
}
.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__copyrightsWrapper {
  max-width: 1143px;
  margin: 0 auto;
  padding: 16px;
}

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

.action {
  background: var(--bg_secondary);
}
.action__wrapper {
  max-width: 1143px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px 48px 16px;
}
@media (min-width: 768px) {
  .action__wrapper {
    padding: 0 44px 59px 44px;
  }
}
@media (min-width: 1127px) {
  .action__wrapper {
    padding: 0 16px 80px 16px;
  }
}
.action__wrapper-title {
  padding: 48px 16px;
}
@media (min-width: 1127px) {
  .action__wrapper-title {
    padding: 64px 0 48px 0;
  }
}
@media (min-width: 768px) {
  .action__wrapper-content {
    display: flex;
    align-items: center;
  }
}
.action__wrapper-text {
  padding-top: 32px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .action__wrapper-text {
    padding-top: 0;
    margin-left: 32px;
  }
}
@media (min-width: 1127px) {
  .action__wrapper-text {
    margin-left: 48px;
  }
}
.action__image {
  width: calc(100% - 16px);
  box-shadow: 16px 16px 0px 0px var(--image_shadow);
  -webkit-box-shadow: 16px 16px 0px 0px var(--image_shadow);
  -moz-box-shadow: 16px 16px 0px 0px var(--image_shadow);
}
@media (min-width: 768px) {
  .action__image {
    width: 274px;
    height: 274px;
  }
}
@media (min-width: 1127px) {
  .action__image {
    height: 528px;
    width: 528px;
  }
}
.action__image-payments {
  margin: 0 auto;
  padding: 4px;
  border-radius: 6px;
  max-width: 474px;
  width: 100%;
  background: var(--payments_background);
}
@media (min-width: 768px) {
  .action__image-payments {
    margin: 0;
  }
}
.action__text {
  text-align: center;
}
@media (min-width: 768px) {
  .action__text {
    text-align: left;
  }
}
.action__text-title {
  text-transform: capitalize;
  text-align: center;
  font-family: "DM Serif Display";
  font-size: var(--fs_heading);
  color: var(--text_primary);
  line-height: 34px;
}
@media (min-width: 1127px) {
  .action__text-title {
    line-height: 64px;
  }
}
.action__text-brandName {
  font-weight: 700;
  text-transform: capitalize;
  font-size: 20px;
  white-space: nowrap;
  color: var(--button-color);
}
@media (min-width: 768px) {
  .action__text-brandName {
    font-size: 20px;
  }
}
.action__text-contentTitle {
  font-size: var(--fs_600);
  font-family: "DM Serif Display";
  line-height: 28px;
  color: var(--text_primary);
}
.action__text-description {
  color: var(--text_secondary);
  font-size: 16px;
  margin-top: 16px;
}
.action__text-link {
  font-weight: 700;
  text-transform: capitalize;
  font-size: 20px;
  color: var(--button-color);
  text-shadow: 0px 2px 2px var(--button-textShadow);
  position: relative;
}
.action__button {
  max-width: 474px;
  padding: 14px 24px;
  margin: 24px auto;
  background-color: var(--button-background);
  width: 100%;
  text-align: center;
  border-radius: 6px;
  transition: background-color 150ms ease-in;
  box-shadow: 0px 3px 0px var(--button-shadow);
}
@media (min-width: 768px) {
  .action__button {
    margin: 24px 0;
  }
}
.action__button:hover {
  background-color: var(--button-backgroundHover);
}

.action__default_icon {
  -webkit-filter: drop-shadow(1px 2px 1px var(--button-textShadow));
  filter: drop-shadow(1px 2px 1px var(--button-textShadow));
}
.action__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>');
  background-size: cover;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--button-defaultIcon);
  width: 19px;
  height: 19px;
  font-size: inherit;
  left: auto;
  margin-left: 12px;
}
@media (min-width: 768px) {
  .action__default_icon:after {
    width: 20px;
    height: 20px;
    margin-bottom: -2px;
  }
}

.action__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: 8px;
}

.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;
  }
}

.floater {
  background: #FFFFFF;
  transition: 300ms ease-in;
  transform: translateY(0);
}
.floater-hidden {
  transform: translateY(200px);
}
.floater__button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  background: #63C132;
  width: 100%;
  border-radius: 6px;
  box-shadow: 0px 3px 0px #4B9226;
  transition: 0.15s ease-in;
}
.floater__button:hover {
  background: #69D82F;
}
@media (min-width: 1127px) {
  .floater__button {
    border-bottom: none;
    width: auto;
    margin: 0;
  }
}
.floater__text-button {
  font-size: 24px;
  font-weight: 700;
  text-transform: capitalize;
  display: block;
  color: #ffffff;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  position: relative;
}
.floater__img-icon {
  margin-left: 16px;
}

body {
  position: relative;
  font-family: "Poppins", sans-serif;
  touch-action: pan-x pan-y;
}

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

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