html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

body.customize-support {
  overflow-x: hidden;
}

#termly-code-snippet-support {
  overflow-x: hidden;
  max-width: 100vw;
}
.page-container {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: var(--white);
  align-items: flex-start;
}

.header {
  align-items: flex-start;
  align-self: stretch;
  background-color: #1f1f1f !important;
  display: flex;
  flex-direction: column;
  gap: 0.68vw;
  height: 6.1vw;
  justify-content: center;
  padding: 0.81vw 9.9vw;
  position: relative;
  width: 100%;
}

.logo {
  height: 2.17vw;
  position: relative;
  width: 13.8vw;
}

.company-logo {
   height: 2.17vw;
   position: relative;
   width: 13.8vw;
}

.first-screen {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/first-screen-2.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  gap: 1.63vw;
  padding: 5.42vw 9.9vw;
  position: relative;
  width: 100%;
}

.text-box {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 3.66vw;
  padding: 5.42vw 0.0vw;
  position: relative;
}

.top {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 0.54vw;
  position: relative;
  width: 100%;
}

.paragraph {
  align-self: stretch;
  color: var(--flash-white);
  font-weight: 400;
  font-family: var(--font-family-ruberoid-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.63vw;
  margin-top: -0.03vw;
  position: relative;
}

.paragraph-text {
    color: var(--jet);
    font-weight: 400;
    font-family: var(--font-family-ruberoid-regular);
    font-size: var(--font-size-m);
    font-style: normal;
    letter-spacing: 0;
    line-height: 1.63vw;
    margin-top: -0.03vw;
    position: relative;
    align-self: stretch;
}

.paragraph-description {
    color: var(--jet);
    font-family: var(--font-family-ruberoid-medium);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 500;
    flex: 1;
    letter-spacing: 0;
    line-height: 2.03vw;
    position: relative;
}

.title-section {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.63vw;
  position: relative;
  width: 41.02vw;
}

.center {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 0.68vw;
  position: relative;
  width: 100%;
}

.main-headline-hero {
  color: var(--spring-green);
  flex: 1;
  margin-top: -0.07vw;
  position: relative;
  font-family: var(--font-family-ruberoid-bold);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.32px;
  line-height: 3.88vw;
}

.down {
  align-self: stretch;
  gap: 0.81vw;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.sub-headline-hero {
  align-self: stretch;
  letter-spacing: 0.04vw;
  line-height: 1.76vw;
  margin-top: -0.03vw;
  position: relative;
  color: var(--flash-white);
  font-family: var(--font-family-ruberoid-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.down-text {
  gap: 0.54vw;
  width: 41.02vw;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}

.conditions-section {
  background-color: var(--flash-white);
  gap: 0.68vw;
  padding: 5.97vw 9.9vw;
  align-self: stretch;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content-box {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2.71vw;
  position: relative;
  width: 100%;
}

.titles {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.36vw;
  position: relative;
  width: 100%;
}

.conditions-title, .offer-title, .faq-title {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 0.54vw;
  position: relative;
  width: 100%;
}

.section-title {
  align-self: stretch;
  color: var(--jet);
  line-height: 2.82vw;
  margin-top: -0.03vw;
  position: relative;
  font-family: var(--font-family-ruberoid-bold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.subtitle {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 0.54vw;
  position: relative;
  width: 100%;
}

.fields {
  gap: 1.9vw;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.field {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 0.14vw solid;
  border-color: var(--gallery);
  border-radius: 1.08vw;
  display: flex;
  flex: 0 0 auto;
  gap: 1.36vw;
  padding: 1.36vw;
  position: relative;
  width: 100%;
}

.main-headline-percent {
  color: var(--emerald);
  line-height: 2.82vw;
  margin-top: -0.14vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  font-family: var(--font-family-ruberoid-bold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.text-block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 0.54vw;
  position: relative;
  width: 100%;
}

.insert {
  align-self: stretch;
  gap: 0.68vw;
  padding: 14.64vw 9.9vw;
  width: 100%;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.contact-insert {
  background-image: url(../img/insert.png);
  background-position: 50% 50%;
  background-size: cover;
}

.insert-content {
  background: linear-gradient(90deg, rgba(31, 31, 31, 0.9) 0%, rgba(58, 58, 58, 0.9) 100%);
  border-radius: 1.08vw;
  gap: 2.03vw;
  padding: 2.71vw;
  width: 34.03vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: flex-start;
}

.insert-title {
  align-self: stretch;
  gap: 0.54vw;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.number {
    display: inline-flex;
    gap: 5rem;
}

.subsection-title {
  align-self: stretch;
  color: var(--white);
  line-height: 2.03vw;
  margin-top: -0.03vw;
  position: relative;
  font-family: var(--font-family-ruberoid-semibold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.faq-question .subsection-title,
.join-field-text,
.answer-text {
    color: var(--jet);
}


.social-buttons {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 1.29vw;
  position: relative;
}

.social-button-secondary {
  align-items: center;
  border: 0.14vw solid;
  border-color: var(--spring-green);
  border-radius: 0.54vw;
  display: flex;
  flex-direction: column;
  gap: 0.68vw;
  height: 3.25vw;
  justify-content: center;
  overflow: hidden;
  padding: 0.54vw 0.88vw;
  position: relative;
  width: 3.25vw;
  text-decoration: none;
}
a.social-button-secondary:hover {
    background: var(--spring-green);
}

.social-button-secondary:hover .social-icon {
  filter: brightness(0%);
}

.social-icon {
    height: fit-content;
    margin-left: -0.07vw;
    margin-right: -0.07vw;
    position: relative;
    width: auto;
}

.offer {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 0.68vw;
  padding: 5.97vw 9.9vw;
  position: relative;
  width: 100%;
}

.offer-row {
   gap: 1.36vw;
   width: 100%;
   flex-wrap: wrap;
   display: flex;
   flex-direction: row;
}

.stats-card {
   align-items: center;
   align-self: stretch;
   background: linear-gradient(90deg, rgba(31, 31, 31, 1) 0%, rgba(58, 58, 58, 1) 100%);
   display: grid;
   border-radius: 1.08vw;
   gap: 1.08vw;
   padding: 1.63vw;
   position: relative;
   width: 49%;
}

.stats-card-header {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 1.08vw;
  position: relative;
  width: 100%;
}

.stats-icon {
  height: 4.07vw;
  position: relative;
  width: 4.07vw;
}

.stats-title {
  flex: 1;
  letter-spacing: 0;
  line-height: 1.97vw;
  position: relative;
  color: var(--white);
  font-family: var(--font-family-ruberoid-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.stats-description {
  align-self: stretch;
  color: var(--white);
  position: relative;
  font-family: var(--font-family-ruberoid-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.63vw;
}

.people-icon-wrapper {
  background-color: var(--shamrock-2);
  border-radius: 0.81vw;
  height: 4.07vw;
  overflow: hidden;
  position: relative;
  width: 4.07vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.group {
  align-items: flex-start;
  display: flex;
  min-width: 2.17vw;
  position: relative;
}

.combined-shape-container {
  height: 1.63vw;
  position: relative;
  width: 2.17vw;
}

.combined-shape {
  height: 1.02vw;
  left: 0.47vw;
  position: absolute;
  top: 0;
  width: 1.42vw;
}

.combined-shape-1 {
  height: 0.75vw;
  left: 0;
  position: absolute;
  top: 0.88vw;
  width: 2.17vw;
}

.join-in {
  align-items: flex-end;
  background-image: url(../img/join-in.png);
  background-position: 50% 50%;
  background-size: cover;
  flex-direction: column;
  padding: 5.97vw 9.9vw;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 2.71vw;
  position: relative;
  width: 100%;
}

.join-in-header {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.join-in-section-title {
  color: var(--white);
  line-height: 2.82vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  font-family: var(--font-family-ruberoid-bold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}


.join-in-content-box {
  align-self: flex-end;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2.71vw;
  position: relative;
  width: 39.25vw;
}

.join-fields {
   gap: 2.17vw;
   align-items: flex-start;
   align-self: stretch;
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   position: relative;
   width: 100%;
}

.join-field {
  -webkit-backdrop-filter: blur(0.14vw) brightness(100%);
  align-items: center;
  backdrop-filter: blur(0.14vw) brightness(100%);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 1.08vw;
  padding: 1.63vw;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 4.8vw;
  position: relative;
  width: 100%;
}

.join-field-number {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
  margin-top: -0.14vw;
  color: var(--shamrock);
  font-family: var(--font-family-ruberoid-bold);
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
}

.join-field-text {
  color: var(--white);
  flex: 1;
  position: relative;
  font-family: var(--font-family-ruberoid-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.63vw;
}


.join-in-note {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 0.54vw;
  position: relative;
  width: 100%;
}

.faq-section {
  background-color: var(--flash-white);
  gap: 1.36vw;
  padding: 5.97vw 9.9vw;
  align-self: stretch;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.faq-list {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.36vw;
  position: relative;
  width: 100%;
}

.faq-item {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border: 0.07vw solid;
  border-color: var(--flash-white);
  border-radius: 0.81vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.08vw;
  position: relative;
  width: 100%;
}

.faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  list-style: none;
  cursor: pointer;
  color: var(--jet);
}
.faq-question::-webkit-details-marker { display: none; }
.faq-question::marker { display: none; }


.faq-icon {
    height: 1.63vw;
    position: relative;
    width: 1.63vw;
    margin-left: 1em;
}

.faq-icon-minus { display: none; }
.faq-icon-plus { display: block; }

.faq-item[open] > .faq-question .faq-icon-minus { display: block; }
.faq-item[open] > .faq-question .faq-icon-plus { display: none; }
.faq-item[open] > .faq-question {

}


.faq-answer {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
  padding-top: 1.08vw;
}

.answer-text {
  color: var(--jet);
  flex: 1;
  line-height: 1.74vw;
  margin-top: -0.07vw;
  position: relative;
  font-family: var(--font-family-ruberoid-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.final-cta-insert {
  background-image: url(../img/insert3.png);
  background-position: 50% 50%;
  background-size: cover;
  gap: 0.68vw;
  padding: 14.64vw 9.9vw;
  align-self: stretch;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.final-cta-content {
  align-self: stretch;
  gap: 0.63vw;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.final-cta-title {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-ruberoid-bold);
  font-size: var(--font-size-xxxxxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 3.17vw;
  margin-top: -0.03vw;
  position: relative;
}

.button-primary {
  align-items: center;
  background-color: var(--spring-green);
  border-radius: 0.54vw;
  display: inline-flex;
  gap: 0.68vw;
  height: 4.07vw;
  justify-content: center;
  padding: 0.68vw 2.71vw;
  position: relative;
  text-decoration: none;
  cursor: pointer;
border-radius: 2.08vw;
}
a.button-primary:hover {
    background-color: #3dd078;
}
.links-button {
  display: inline-flex;
  height: 48px;
  align-items: center;
  gap: 10px;
  position: relative;
  text-decoration: none;
}

.links-button .frame {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.links-button .send {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Ruberoid-Bold", Helvetica;
  font-weight: 700;
  color: var(--spring-green);
  font-size: 16px;
  letter-spacing: 1.00px;
  line-height: 21.6px;
  white-space: nowrap;
}
.send:hover {
    border-bottom: 0.1vw solid;
    border-color: #3dd078;
    color: #3dd078;
}
.links-button .icon-jam-icons {
  position: relative;
  width: 24px;
  height: 24px;
}
.button-text {
  letter-spacing: 0.01vw;
  line-height: 1.63vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  color: var(--jet);
  font-family: var(--font-family-ruberoid-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.footer {
    align-items: center;
    align-self: stretch;
    background-color: var(--eerie-black);
    display: flex;
    flex-direction: row;
    gap: 0.68vw;
    height: 6.1vw;
    justify-content: space-between;
    padding: 0.81vw 9.97vw;
    position: relative;
    width: 100%;
}

@media only screen and (min-width: 992px) {
   .container {
              width: 100%;
       padding: 0px;
   }
}

@media screen and (max-width: 1474px) {
  .header {
    gap: 1.2vw;
    height: 10.79vw;
    padding: 1.44vw 9.59vw;
  }
  
  .logo {
    height: 3.84vw;
    width: 24.41vw;
  }
  .first-screen {
    background-image: url(../img/first-screen-1.png);
    gap: 2.88vw;
    padding: 7.19vw 9.59vw;
  }
  .text-box {
    gap: 6.47vw;
    padding: 9.59vw 0.0vw;
  }
  .top { gap: 0.96vw; }
  .paragraph, .paragraph-text, .join-field-text, .stats-description, .answer-text {
    line-height: 2.88vw;
    margin-top: -0.05vw;
  }
  .title-section {
      gap: 2.88vw;
      width: 56.0vw;
  }
  .center { gap: 1.2vw; }
  .main-headline-hero {
    line-height: 6.86vw;
    margin-top: -0.12vw;
  }
  .down { gap: 1.44vw; }
  .sub-headline-hero {
    letter-spacing: 0.07vw;
    line-height: 3.12vw;
    margin-top: -0.05vw;
  }
  .down-text {
      gap: 0.96vw;
      width: 72.54vw;
  }
  .conditions-section {
    gap: 1.2vw;
    padding: 10.55vw 9.59vw;
  }
  .content-box { gap: 4.8vw; }
   .titles { gap: 2.4vw; }
   .conditions-title, .offer-title, .faq-title { gap: 0.96vw; }
   .section-title {
       line-height: 4.99vw;
       margin-top: -0.05vw;
   }
   .subtitle { gap: 0.96vw; }
   .fields { gap: 3.36vw; }
   .field {
       border-width: 0.24vw;
       border-radius: 1.92vw;
       gap: 2.4vw;
       padding: 2.4vw;
   }
   .main-headline-percent {
     line-height: 4.99vw;
     margin-top: -0.24vw;
   }
    .paragraph-description {
       line-height: 3.6vw;
       margin-top: -0.24vw;
    }
   .text-block { gap: 0.96vw; }

   .insert {
       gap: 1.2vw;
   }
    .contact-insert {
       background-image: url(../img/insert-4.png);
       padding: 25.9vw 9.59vw;
    }
    .insert-content {
       border-radius: 1.92vw;
       gap: 3.6vw;
       padding: 4.8vw;
       width: 49.4vw;
    }
    .insert-title { gap: 0.96vw; }
    .subsection-title {
       line-height: 3.6vw;
       margin-top: -0.05vw;
    }
    .social-buttons { gap: 2.28vw; }
    .social-button-secondary {
       border-width: 0.24vw;
       border-radius: 0.96vw;
       gap: 1.2vw;
       height: 5.76vw;
       padding: 0.96vw 1.56vw;
       width: 5.76vw;
    }

    .social-icon {
       height: fit-content;
       margin-left: -0.12vw;
       margin-right: -0.12vw;
       width: auto;
    }
    .offer {
       gap: 1.2vw;
       padding: 10.55vw 9.59vw;
    }
    .offer-row {
       gap: 2.4vw;
       flex-direction: row;
    }
    .stats-card {
       border-radius: 1.92vw;
       gap: 1.92vw;
       padding: 2.88vw;
    }
    .stats-card-header { gap: 1.92vw; }
    .stats-icon { height: 7.19vw; width: 7.19vw; }
    .stats-title {
       line-height: 3.48vw;
       margin-top: -0.12vw;
    }
    .stats-description {
       line-height: 2.88vw;
    }
    .people-icon-wrapper {
       border-radius: 1.44vw;
       height: 7.19vw;
       width: 7.19vw;
    }
    .group {
       min-width: 3.84vw;
    }
    .combined-shape-container {
       height: 2.88vw;
       width: 3.84vw;
    }
    .combined-shape {
       height: 1.8vw;
       left: 0.84vw;
       top: 0;
       width: 2.52vw;
    }
    .combined-shape-1 {
       height: 1.32vw;
       left: 0;
       top: 1.56vw;
       width: 3.84vw;
    }
    .join-in {
       gap: 4.8vw;
       padding: 10.55vw 9.59vw;
    }
    .join-in-header {
    }
    .join-in-section-title {
       line-height: 4.99vw;
    }
    .join-in-content-box {
       width: 100%;
       gap: 4.8vw;
       align-items: flex-start;
    }
    .join-fields {
       gap: 3.84vw;
    }
    .join-field {
       -webkit-backdrop-filter: blur(0.24vw) brightness(100%);
       backdrop-filter: blur(0.24vw) brightness(100%);
       border-radius: 1.92vw;
       gap: 4.8vw;
       padding: 2.88vw;
    }
    .join-field-number {
      margin-top: -0.24vw;
    }
    .join-field-text {
    }
    .join-in-note {
       gap: 0.96vw;
    }

    .faq-section {
       gap: 2.4vw;
       padding: 10.55vw 9.59vw;
    }
    .faq-list {
       gap: 2.4vw;
    }
    .faq-item {
       border-width: 0.12vw;
       border-radius: 1.44vw;
       gap: 2.88vw;
       padding: 1.92vw;
    }
    .faq-question {
    }
    .faq-question .subsection-title {
       line-height: 2.64vw;
    }
    .faq-icon {
       height: 2.88vw;
       width: 2.88vw;
    }
    .faq-answer {
       padding-top: 1.92vw;
    }
    .answer-text {
       line-height: 3.07vw;
       margin-top: -0.12vw;
    }
    .final-cta-insert {
       background-image: url(../img/insert-5.png);
       gap: 1.2vw;
       padding: 25.9vw 9.59vw;
    }
    .final-cta-content {
       gap: 2.88vw;
    }
    .final-cta-title {
       font-size: var(--font-size-xxxxl);
       line-height: 5.61vw;
       margin-top: -0.05vw;
    }
    .button-primary {
       border-radius: 0.96vw;
       gap: 1.2vw;
       height: 7.19vw;
       padding: 1.2vw 4.8vw;
    }
    .button-text {
       letter-spacing: 0.02vw;
       line-height: 2.88vw;
    }
    .footer {
       gap: 1.2vw;
       height: 10.79vw;
       padding: 1.44vw 17.63vw;
    }

}


@media screen and (max-width: 833px) {
    .header {
       gap: 2.54vw;
       height: 16.28vw;
       padding: 3.05vw 4.07vw;
    }
    .logo {
       height: 6.11vw;
       width: 38.86vw;
    }
    .first-screen {
       background-image: url(../img/first-screen.png);
       gap: 6.11vw;
       padding: 9.16vw 4.07vw;
       flex-direction: column;
    }
    .text-box {
       gap: 19.85vw;
       padding: 20.36vw 0.0vw;
       width: 100%;
    }
    .top {
       gap: 2.04vw;
    }
    .paragraph, .paragraph-text, .join-field-text, .stats-description, .answer-text {
       line-height: 6.11vw;
       margin-top: -0.11vw;
    }
    .title-section {
       gap: 6.11vw;
       width: 79.39vw;
    }
    .center {
       gap: 2.54vw;
    }
    .main-headline-hero {
       line-height: 10.31vw;
       margin-top: -0.25vw;
       font-size: var(--font-size-30px);
       letter-spacing: 0.6px;
    }
    .down {
       gap: 3.05vw;
    }
    .sub-headline-hero {
       letter-spacing: 0.15vw;
       line-height: 6.62vw;
       margin-top: -0.11vw;
    }
    .down-text {
       gap: 2.04vw;
       width: 100%;
    }
    .conditions-section {
       gap: 2.54vw;
       padding: 10.18vw 4.07vw;
    }
    .content-box {
       gap: 5.09vw;
    }
    .titles {
       gap: 5.09vw;
    }
    .conditions-title, .offer-title, .faq-title {
       gap: 2.04vw;
    }
    .section-title {
       line-height: 7.94vw;
       margin-top: -0.11vw;
       font-size: var(--font-size-xxl);
    }
    .subtitle {
       gap: 2.04vw;
    }
    .fields {
       gap: 5.09vw;
    }
    .field {
       border-width: 0.51vw;
       border-radius: 4.07vw;
       gap: 5.09vw;
       padding: 5.09vw;
       flex-direction: column;
       align-items: flex-start;
    }
    .main-headline-percent {
       line-height: 7.94vw;
       margin-top: 0;
       font-size: var(--font-size-xxl);
    }
    .paragraph-description {
       line-height: 6.87vw;
       margin-top: -0.51vw;
       font-size: var(--font-size-l);
       font-weight: 500;
    }
    .text-block {
       gap: 2.04vw;
    }

    .insert {
       gap: 2.54vw;
    }
    .contact-insert {
       background-image: url(../img/insert-2.png);
       padding: 54.96vw 4.07vw;
    }
    .insert-content {
       border-radius: 4.07vw;
       gap: 7.63vw;
       padding: 10.18vw;
       width: 100%;
    }
    .insert-title {
       gap: 2.04vw;
    }
.number {
      display: grid;
    gap: 0rem;
}
    .subsection-title {
       line-height: 7.63vw;
       margin-top: -0.11vw;
        font-size: var(--font-size-xl);
    }
    .social-buttons {
       gap: 4.83vw;
    }
    .social-button-secondary {
       border-width: 0.51vw;
       border-radius: 2.04vw;
       gap: 2.54vw;
       height: 12.21vw;
       padding: 2.04vw 3.31vw;
       width: 12.21vw;
    }

    .social-icon {
       height: fit-content;
       margin-left: -0.25vw;
       margin-right: -0.25vw;
       width: auto;
    }
    .offer {
       gap: 2.54vw;
       padding: 10.18vw 4.07vw;
    }
    .offer-title {
       gap: 2.04vw;
    }
    .offer-row {
       gap: 5.09vw;
       flex-direction: column;
    }
    .stats-card {
       border-radius: 4.07vw;
       gap: 4.07vw;
       padding: 6.11vw;
       width: 100%;
    }
    .stats-card-header {
       gap: 4.07vw;
    }
    .stats-icon {
       height: 15.27vw;
       width: 15.27vw;
    }
    .stats-title {
       line-height: 7.38vw;
       margin-top: -0.25vw;
    }
    .stats-description {
       line-height: 6.11vw;
    }
    .people-icon-wrapper {
       border-radius: 3.05vw;
       height: 15.27vw;
       width: 15.27vw;
    }
    .group {
       min-width: 8.14vw;
    }
    .combined-shape-container {
       height: 6.11vw;
       width: 8.14vw;
    }
    .combined-shape {
       height: 3.82vw;
       left: 1.78vw;
       top: 0;
       width: 5.34vw;
    }
    .combined-shape-1 {
       height: 2.8vw;
       left: 0;
       top: 3.31vw;
       width: 8.14vw;
    }
    .join-in {
       gap: 10.18vw;
       padding: 10.18vw 4.07vw;
       align-items: flex-start;
    }
    .join-in-header {
      flex-direction: column;
      align-items: flex-start;
      gap: 3.05vw;
    }
    .join-in-section-title {
       line-height: 7.94vw;
       margin-top: -0.11vw;
       font-size: var(--font-size-xxl);
       white-space: normal;
    }
    .join-in-content-box {
       width: 100%;
       align-items: flex-start;
    }
    .join-fields {
       gap: 5.09vw;
    }
    .join-field {
       -webkit-backdrop-filter: blur(0.51vw) brightness(100%);
       backdrop-filter: blur(0.51vw) brightness(100%);
       border-radius: 4.07vw;
       gap: 5.09vw;
       padding: 6.11vw;
       flex-direction: column;
       align-items: flex-start;
    }
    .join-field-number {
       font-size: var(--font-size-xxl);
    }
    .join-field-text {
       line-height: 6.11vw;
       margin-top: -0.51vw;
    }
    .join-in-note {
       gap: 2.04vw;
    }

    .faq-section {
       padding: 10.18vw 4.07vw;
    }
    .faq-title {
       gap: 2.04vw;
    }
    .faq-list {
       gap: 5.09vw;
    }
    .faq-item {
       border-width: 0.25vw;
       border-radius: 3.05vw;
       gap: 0vw;
       padding: 4.07vw;
    }
    .faq-question {
       gap: 2.04vw;
    }
    .faq-question .subsection-title {
       line-height: 5.6vw;
       margin-top: -0.25vw;
       font-size: var(--font-size-xl);
    }
    .faq-icon {
       height: 6.11vw;
       width: 6.11vw;
    }
    .faq-answer {
        padding-top: 4.07vw;
    }
    .answer-text {
       line-height: 6.51vw;
       margin-top: -0.25vw;
    }

    .final-cta-insert {
       background-image: url(../img/insert-3.png);
       gap: 2.54vw;
       padding: 54.96vw 4.07vw;
    }
    .final-cta-content {
       gap: 3.11vw;
    }
    .final-cta-title {
       font-size: 7.12vw;
       line-height: 9.26vw;
       margin-top: -0.11vw;
    }
    .button-primary {
       border-radius: 2.04vw;
       gap: 2.54vw;
       height: 15.27vw;
       padding: 2.54vw 10.18vw;
       align-self: stretch;
       width: 100%;
    }
    .button-text {
       letter-spacing: 0.04vw;
       line-height: 6.11vw;
    }
	
    .footer {
        gap: 2.54vw;
        height: auto;
        padding: 3.05vw 4.07vw;
        display: grid;
        justify-items: start;
        justify-content: start;
        padding-bottom: 20px;
    }
    .footer .company-logo {
       height: 8.14vw;
       width: 51.81vw;
    }
}