:root {
  --grey-3: #828282;
  --blue-vottiv: #2f4257;
  --main-cyan: #00847e;
  --white: white;
  --dark-grey: #2b2b2b;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: var(--grey-3);
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 1.5;
}

h1 {
  color: var(--blue-vottiv);
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 90px;
  font-weight: 600;
  line-height: .95;
}

h2 {
  color: var(--blue-vottiv);
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.1;
}

h3 {
  color: var(--blue-vottiv);
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
}

.page-wrapper {
  min-height: 100vh;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.section {
  padding: 150px 60px;
}

.section.home-1st {
  z-index: 1;
  background-image: linear-gradient(#fff, rgba(248, 248, 248, .85) 50%, rgba(255, 255, 255, .6));
  padding-top: 160px;
  position: relative;
}

.section.home-4th {
  position: relative;
}

.container {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}

.container.nav-container {
  max-width: 1400px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar {
  background-color: rgba(221, 221, 221, 0);
  padding: 20px 40px;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.brand {
  flex-direction: column;
  order: -1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.nav-menu {
  width: 100%;
  order: 1;
}

.nav-link {
  color: var(--blue-vottiv);
  cursor: pointer;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  transition: all .2s;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--main-cyan);
}

.nav-menu-inside {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.nav-menu-inside-col {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-menu-inside-col._2nd {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
}

.button {
  background-color: var(--main-cyan);
  color: var(--white);
  letter-spacing: .03em;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 50px;
  padding: 20px 34px;
  font-size: 16px;
  font-weight: 700;
  transition: all .2s;
}

.button:hover {
  transform: scale(1.05);
}

.button.nav-button {
  letter-spacing: 0;
  cursor: pointer;
  padding: 16px 24px;
  font-size: 14px;
}

.button.button-2nd {
  border-color: var(--blue-vottiv);
  background-color: var(--white);
  color: var(--blue-vottiv);
}

.button.button-3rd {
  background-color: var(--white);
  color: var(--blue-vottiv);
  border-color: rgba(0, 0, 0, .1);
}

.button.newsletter-form-btn {
  background-image: url('../images/arrow-right.svg');
  background-position: 80px;
  background-repeat: no-repeat;
  background-size: 15px;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: 8px;
  padding: 14px 34px 14px 20px;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.style-contain {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.home-1st-top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 100px;
  display: flex;
}

.home-img {
  width: 140px;
  height: 100px;
  background-image: url('../images/Frame-36.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
}

.home-1st-top-col {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.image {
  height: 81px;
  border-radius: 20px 66px;
}

.home-1st-logo-hold {
  max-width: 1200px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.home-1st-logo-col {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-1st-logo-col.mbl-only {
  display: none;
}

.home-1st-logo {
  width: 10%;
  max-height: 80px;
  max-width: 103px;
  filter: grayscale();
  object-fit: contain;
}

.home-1st-logo:hover {
  filter: none;
}

.home-1st-abs {
  z-index: -1;
  max-width: 100%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.home-1st-txt {
  color: var(--blue-vottiv);
  text-align: center;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 0;
  font-weight: 700;
  display: inline-block;
}

.home-1st-txt.no-underline-link {
  text-decoration: none;
}

.home-1st-txt-2 {
  color: var(--blue-vottiv);
  text-align: center;
  font-family: Unineue, sans-serif;
  font-size: 36px;
  font-weight: 500;
}

.h2 {
  color: var(--blue-vottiv);
  font-family: Unineue, sans-serif;
  font-weight: 700;
}

.h2.h2-big {
  color: var(--blue-vottiv);
  font-size: 80px;
  font-weight: 900;
}

.h2.h2-big.home-h2 {
  color: var(--blue-vottiv);
  margin-bottom: 140px;
  font-family: Unineue, sans-serif;
  font-weight: 900;
}

.h2.h2-h-4th {
  color: var(--blue-vottiv);
  margin-bottom: 220px;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.3;
}

.h2.h2-white {
  color: var(--white);
}

.h2._20px-space {
  margin-bottom: 20px;
}

.home-sub {
  color: var(--blue-vottiv);
  margin-bottom: 40px;
  font-family: Unineue, sans-serif;
  font-size: 40px;
  font-weight: 500;
}

.home-2nd-link-hold {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.home-2nd-link {
  color: #2e4559;
  letter-spacing: -.05em;
  font-family: Unineue, sans-serif;
  font-size: 100px;
  font-weight: 900;
  line-height: 1.1;
  text-decoration: none;
}

.home-2nd-link._2nd {
  color: #325364;
}

.home-2nd-link._3rd {
  color: #4a707b;
}

.home-2nd-link._4th {
  color: #59848c;
}

.home-2nd-link._5th {
  color: #609095;
}

.home-2nd-link._6th {
  color: #679b9e;
}

.home-2nd-link._7th {
  color: #6ea5a6;
}

.home-2nd-link._8th {
  color: #77afae;
}

.home-2nd-link._9th {
  color: #7fb8b6;
}

.home-3rd-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  align-items: center;
}

.h3 {
  color: var(--blue-vottiv);
  font-family: Unineue, sans-serif;
  font-weight: 700;
}

.h3.h3-sm {
  font-size: 40px;
  display: block;
}

.h3.h3-sm.diff {
  margin-bottom: 20px;
}

.home-4th-hold {
  max-width: 466px;
  margin-left: auto;
}

.h-4th-hd {
  color: var(--blue-vottiv);
  margin-bottom: 24px;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}

.para._0px-space {
  margin-bottom: 0;
}

.para._40px-space {
  margin-bottom: 40px;
}

.para.para-22px {
  font-size: 22px;
}

.para.para-20px {
  font-size: 20px;
}

.para.faq-para {
  margin-bottom: 0;
}

.para.faq-para._10px-space {
  margin-bottom: 10px;
}

.para.para-24px {
  font-size: 24px;
}

.home-5th-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  align-items: center;
}

.home-5th-grid-col._1st {
  max-width: 470px;
}

.home-6th-top {
  max-width: 525px;
  margin-bottom: 100px;
}

.home-6th-img {
  width: 79%;
  max-width: 1000px;
}

.home-6th-img.mbl {
  display: none;
}

.home-7th-top {
  margin-bottom: 140px;
}

.home-7th-flex {
  grid-column-gap: 140px;
  grid-row-gap: 140px;
  flex-direction: column;
  display: flex;
}

.home-7th-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .65fr 1fr;
  align-items: center;
}

.home-7th-grid-col._1st {
  max-width: 400px;
}

.home-7th-grid-col-img {
  width: 100%;
  border-radius: 60px 200px;
}

.home-8th-top {
  text-align: center;
  margin-bottom: 100px;
}

.home-8th-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .9fr;
  align-items: center;
  margin-bottom: 140px;
}

.home-8th-grid-img {
  width: 100%;
  border-radius: 40px;
}

.home-8th-mid {
  margin-bottom: 64px;
}

.home-8th-grid-2nd {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.home-8th-grid-2nd-img {
  width: 100%;
  border-radius: 40px;
  margin-bottom: 32px;
}

.home-8th-grid-hd {
  color: var(--blue-vottiv);
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 500;
}

.home-9th-top {
  text-align: center;
  margin-bottom: 72px;
}

.home-9th-flex {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  display: flex;
}

.home-9th-grid {
  max-width: 1100px;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.home-9th-grid-hold {
  background-color: #f9f9f9;
  border-radius: 60px;
  padding: 48px 40px;
}

.home-9th-grid-col-img {
  width: 100%;
  border-radius: 40px;
}

.home-9th-grid-col-img.diff {
  width: 80%;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.home-10th-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  align-items: start;
}

.faq-hold {
  border-top: 1px solid var(--main-cyan);
  flex-direction: column;
  margin-top: 60px;
  display: flex;
}

.faq-cont {
  border-bottom: 1px solid var(--main-cyan);
}

.faq-ans-hold {
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.faq-qstn-hold {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.faq-ans-ins {
  margin-bottom: 32px;
}

.faq-hd {
  color: var(--blue-vottiv);
  font-size: 24px;
  font-weight: 500;
}

.faq-lottie {
  width: 22px;
  flex: none;
  display: flex;
}

.faq-list {
  margin-bottom: 0;
  padding-left: 24px;
  list-style-type: decimal;
}

.home-11th-hold {
  background-color: var(--blue-vottiv);
  color: var(--white);
  text-align: center;
  border-radius: 48px;
  padding: 100px 40px;
}

.home-11th-ins {
  max-width: 625px;
  margin-left: auto;
  margin-right: auto;
}

.footer-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
}

.footer-grid-col._2nd {
  width: 100%;
  max-width: 470px;
  display: none;
}

.footer-hd {
  margin-bottom: 40px;
}

.footer-hd.mbl-only {
  margin-bottom: 0;
  display: none;
}

.footer-link-hold {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.footer-link {
  color: var(--blue-vottiv);
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
}

.newsletter-form-block {
  margin-bottom: 0;
}

.newsletter-form-col {
  position: relative;
}

.newsletter-form-tf {
  height: 64px;
  color: var(--blue-vottiv);
  background-color: #f2f2f2;
  border: 1px #000;
  border-radius: 60px;
  margin-bottom: 0;
  padding: 18px 140px 18px 24px;
  font-size: 18px;
  font-weight: 500;
}

.newsletter-form-tf::-ms-input-placeholder {
  color: var(--blue-vottiv);
}

.newsletter-form-tf::placeholder {
  color: var(--blue-vottiv);
}

.footer-line {
  height: 1px;
  background-color: var(--blue-vottiv);
  margin-top: 100px;
  margin-bottom: 36px;
}

.footer-grid-2 {
  grid-template-rows: auto;
  align-items: center;
}

.footer-grid-2-col {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.footer-copy-text {
  font-size: 14px;
}

.footer-copy-text.link {
  color: var(--grey-3);
  text-decoration: none;
}

.home-5th-grid-img {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.home-4th-abs {
  z-index: -1;
  width: 90%;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  top: 0%;
  bottom: -28%;
  left: 3%;
  right: auto;
}

.home-4th-abs.mbl {
  display: none;
}

.home-abs {
  z-index: -1;
  width: 100%;
  max-height: 5000.94px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.home-abs.mbl, .home-9th-btm {
  display: none;
}

.heading {
  aspect-ratio: auto;
  color: var(--main-cyan);
  font-family: Unineue, sans-serif;
  font-style: italic;
}

.div-block {
  display: block;
}

.div-block-2 {
  width: 50%;
  max-width: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
}

.div-block-3 {
  justify-content: center;
  align-items: center;
  margin-bottom: 320px;
  padding-top: 0;
  display: flex;
}

.link-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: block;
}

.heading-2, .heading-3 {
  font-family: Unineue, sans-serif;
  font-weight: 700;
}

.paragraph {
  margin-top: 24px;
}

.div-block-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-2 {
  width: 20px;
  align-self: center;
  display: block;
}

.section-2 {
  height: 60vh;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  aspect-ratio: auto;
  object-fit: fill;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 96px;
  display: flex;
}

.heading-4 {
  font-family: Unineue, sans-serif;
}

.paragraph-2 {
  margin-top: 25px;
}

.heading-5 {
  color: var(--main-cyan);
  font-family: Unineue, sans-serif;
}

.section-4 {
  justify-content: center;
  align-items: center;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
}

.div-block-5 {
  width: 75vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-6 {
  font-size: 45px;
}

.heading-7 {
  text-align: center;
  font-family: Unineue, sans-serif;
  font-size: 45px;
  line-height: 1.4;
}

.heading-7.featurepop {
  margin-top: 10px;
  font-family: Poppins, sans-serif;
  font-size: 60px;
  font-weight: 700;
}

.paragraph-3 {
  max-width: 45rem;
  text-align: center;
  align-self: center;
  margin-top: 25px;
  position: static;
}

.image-3 {
  max-width: 400px;
  margin-top: 20px;
}

.heading-8 {
  font-size: 45px;
}

.div-block-7 {
  width: 85vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-4 {
  mix-blend-mode: normal;
  border: 1px #000;
  border-radius: 12px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.div-block-9 {
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 16px;
  }

  h1 {
    font-size: 56px;
  }

  h2 {
    font-size: 40px;
    font-weight: 600;
  }

  h3 {
    font-size: 34px;
  }

  .section {
    padding: 80px 30px;
  }

  .section.home-8th {
    background-color: #f8f8f8;
  }

  .container.nav-container {
    position: static;
  }

  .navbar {
    padding: 12px 20px 12px 30px;
  }

  .brand {
    z-index: 1;
    position: relative;
  }

  .nav-menu {
    background-color: #fff;
    padding-top: 80px;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .nav-menu-inside {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 30px;
    display: flex;
  }

  .nav-menu-inside-col {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .nav-menu-inside-col._2nd {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .home-1st-top {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .home-1st-top-col {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .image {
    height: 60px;
  }

  .home-1st-logo-hold {
    margin-bottom: 100px;
  }

  .home-1st-abs {
    min-height: 800px;
    object-fit: cover;
    object-position: 50% 50%;
  }

  .home-1st-txt {
    margin-bottom: 220px;
    font-weight: 500;
  }

  .home-1st-txt.no-underline-link {
    margin-bottom: 0;
  }

  .home-1st-txt-2 {
    font-size: 30px;
  }

  .h2.h2-big {
    font-size: 40px;
  }

  .h2.h2-big.home-h2 {
    margin-bottom: 64px;
  }

  .h2.h2-h-4th {
    margin-bottom: 140px;
  }

  .home-sub {
    margin-bottom: 24px;
    font-size: 24px;
  }

  .home-2nd-link {
    font-size: 60px;
  }

  .home-3rd-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .h3.h3-sm {
    font-size: 30px;
  }

  .h-4th-hd {
    font-size: 26px;
  }

  .para.para-22px {
    font-size: 18px;
  }

  .para.para-20px {
    font-size: 16px;
  }

  .para.para-24px {
    font-size: 20px;
  }

  .home-6th-top {
    margin-bottom: 60px;
  }

  .home-7th-top {
    margin-bottom: 80px;
  }

  .home-7th-flex {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .home-8th-top {
    margin-bottom: 60px;
  }

  .home-8th-grid-2nd {
    grid-column-gap: 24px;
    grid-row-gap: 64px;
    grid-template-columns: 1fr 1fr;
  }

  .home-9th-top {
    margin-bottom: 40px;
  }

  .home-9th-grid-hold {
    padding: 32px 24px;
  }

  .faq-hold {
    border-top-color: rgba(0, 132, 126, .2);
    margin-top: 0;
  }

  .faq-cont {
    border-bottom-color: rgba(0, 132, 126, .2);
  }

  .faq-hd {
    font-size: 20px;
  }

  .faq-lottie {
    width: 18px;
  }

  .home-11th-hold {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .footer-brand {
    margin-bottom: 32px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-hd {
    font-size: 16px;
    font-weight: 500;
  }

  .footer-hd.hide-mbl {
    display: none;
  }

  .footer-hd.mbl-only {
    font-size: 20px;
    display: block;
  }

  .footer-link-hold {
    flex-direction: column;
    align-items: flex-start;
  }

  .newsletter-form-tf {
    padding-right: 120px;
  }

  .footer-line {
    background-color: rgba(47, 66, 87, .1);
    margin-top: 72px;
    margin-bottom: 30px;
  }

  .menu-button {
    z-index: 1;
    order: 1;
    padding: 10px;
  }

  .menu-button.w--open {
    background-color: rgba(200, 200, 200, 0);
  }

  .menu-lottie {
    width: 26px;
    display: flex;
  }

  .section-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: row;
    margin-left: 25px;
    margin-right: 25px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 44px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 25px;
  }

  .section {
    padding: 70px 20px;
  }

  .brand {
    padding-left: 0;
  }

  .button.newsletter-form-btn {
    background-position: 76px;
    border-radius: 20px;
    font-size: 12px;
  }

  .image {
    height: 46px;
  }

  .home-1st-logo-hold {
    align-items: center;
    margin-left: -20px;
    display: flex;
  }

  .home-1st-logo-col {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex: none;
    padding-right: 12px;
  }

  .home-1st-logo-col.mbl-only {
    display: flex;
  }

  .home-1st-logo {
    width: 72px;
    flex: none;
  }

  .home-1st-txt-2 {
    color: rgba(47, 66, 87, .8);
    font-size: 25px;
  }

  .h2.h2-big {
    font-size: 30px;
  }

  .h2.h2-h-4th {
    margin-bottom: 140px;
    font-size: 30px;
  }

  .home-sub {
    font-size: 22px;
  }

  .home-2nd-link {
    font-size: 48px;
  }

  .h3.h3-sm {
    font-size: 25px;
  }

  .h3.h3-sm.diff {
    margin-bottom: 10px;
  }

  .home-4th-hold {
    width: 80%;
  }

  .para._40px-space {
    margin-bottom: 24px;
  }

  .para.para-22px {
    font-size: 16px;
  }

  .para.para-24px {
    font-size: 18px;
  }

  .home-5th-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .home-6th-top {
    margin-bottom: 40px;
  }

  .home-7th-grid {
    grid-template-columns: 1fr;
  }

  .home-7th-grid-col._1st {
    max-width: none;
  }

  .home-7th-grid-col-img {
    border-radius: 20px 100px;
  }

  .home-8th-top {
    text-align: left;
    margin-bottom: 40px;
  }

  .home-8th-grid {
    grid-template-columns: 1fr;
  }

  .home-9th-flex {
    display: none;
  }

  .home-9th-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .home-9th-grid-hold {
    color: var(--blue-vottiv);
    background-color: #fbb188;
    border-radius: 48px;
  }

  .home-9th-grid-col-img {
    border-radius: 48px;
  }

  .home-10th-grid {
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .newsletter-form-block {
    margin-bottom: 40px;
  }

  .newsletter-form-tf {
    font-size: 16px;
  }

  .home-5th-grid-img {
    width: 100%;
    max-width: 300px;
  }

  .home-4th-abs, .home-4th-abs.mbl {
    width: 100%;
  }

  .home-9th-btm {
    display: block;
  }

  .home-9th-slider {
    height: auto;
    background-color: rgba(221, 221, 221, 0);
    padding-bottom: 48px;
  }

  .home-9th-slider-nav {
    height: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .home-9th-slider-arw {
    display: none;
  }

  .home-1st-logo-hold-ins {
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 39px;
  }

  .section.home-1st {
    padding-top: 220px;
  }

  .button {
    font-size: 12px;
  }

  .home-1st-top-col {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .image {
    height: 44px;
  }

  .home-1st-txt.no-underline-link {
    margin-bottom: 0;
  }

  .home-1st-txt-2 {
    font-size: 22px;
  }

  .home-sub {
    font-size: 20px;
  }

  .home-2nd-link {
    font-size: 40px;
  }

  .home-4th-hold {
    width: 70%;
  }

  .h-4th-hd {
    font-size: 24px;
  }

  .home-6th-top {
    margin-bottom: 36px;
  }

  .home-6th-img {
    display: none;
  }

  .home-6th-img.mbl {
    width: 100%;
    display: block;
  }

  .home-7th-top {
    margin-bottom: 60px;
  }

  .home-7th-flex {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .home-8th-grid-2nd {
    grid-template-columns: 1fr;
  }

  .home-9th-grid-hold {
    padding-top: 18px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .faq-hd {
    font-size: 18px;
  }

  .home-11th-hold {
    padding: 52px 20px;
  }

  .footer-grid-2 {
    flex-direction: column-reverse;
    align-items: flex-start;
    display: flex;
  }

  .home-5th-grid-img {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .home-6th-hold {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }

  .home-4th-abs {
    display: none;
  }

  .home-4th-abs.mbl {
    display: block;
  }

  .home-abs {
    display: none;
  }

  .home-abs.mbl {
    display: block;
  }

  .section-2 {
    height: auto;
    flex-direction: column;
    margin-top: 108px;
    display: block;
  }

  .section-4 {
    padding-top: 100px;
  }

  .div-block-5 {
    width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-7 {
    text-align: left;
    font-size: 24px;
  }

  .paragraph-3 {
    text-align: left;
  }

  .image-3 {
    max-width: 250px;
  }
}

#w-node-_8fcda20b-8220-c6c5-2f3c-1a85c3c617ac-774d41a6, #w-node-_0d4a33cc-5cb0-bbf3-434e-66b86fcc0de9-774d41a6, #w-node-_4f4fa9d0-90e2-2b30-5225-38315deff075-774d41a6, #w-node-_27889e5a-9781-1bd2-ee3d-1099b16c501f-774d41a6, #w-node-c8807e46-f359-b9ed-0079-ca4d48538b67-774d41a6, #w-node-_28b24717-e371-5f8a-62ed-355b01d5aa7b-774d41a6, #w-node-eac1fc80-0bd5-6469-3693-a136d960dcb0-774d41a6, #w-node-ff597385-d6ec-69f8-6234-6a88692a38a7-774d41a6, #w-node-ff597385-d6ec-69f8-6234-6a88692a38ae-774d41a6, #w-node-_441c8033-0e5f-ebd0-863a-4f8efcd043f9-774d41a6, #w-node-_441c8033-0e5f-ebd0-863a-4f8efcd04400-774d41a6, #w-node-_1bdd73cf-482f-1660-e735-162c3422b238-774d41a6, #w-node-_1bdd73cf-482f-1660-e735-162c3422b23f-774d41a6, #w-node-fff5a0e2-8bce-4d9b-f698-7316e88a1bbe-774d41a6, #w-node-fff5a0e2-8bce-4d9b-f698-7316e88a1bc5-774d41a6, #w-node-_6fd600c2-f56f-d7cc-fe31-c8726511f063-774d41a6, #w-node-_6fd600c2-f56f-d7cc-fe31-c8726511f06a-774d41a6, #w-node-dd71ee48-966d-eac7-8bd9-be25c1eca01e-774d41a6, #w-node-e6d8a4bc-6672-4365-1b6e-ed00dfc2bed3-774d41a6, #w-node-_62ea9749-bee4-8a28-15c5-49dde8c81bc6-774d41a6, #w-node-_88038a80-f6c7-6688-da1e-d0fb9f242e73-774d41a6, #w-node-ba4a55b1-1433-6ec8-29d2-84d6bc17257d-774d41a6, #w-node-_8b78c221-ffec-0b75-9dbd-a12233b79dcf-774d41a6, #w-node-_01c10864-cf0e-34f4-f5a7-c9a016ca2a8b-774d41a6, #w-node-bffb384c-6684-a699-3403-8bfab03a197c-774d41a6, #w-node-bffb384c-6684-a699-3403-8bfab03a1973-774d41a6, #w-node-_720ace6e-ae81-164e-9ae9-78589ae264c1-774d41a6, #w-node-_720ace6e-ae81-164e-9ae9-78589ae264ca-774d41a6, #w-node-_5419ab74-a47d-3c1d-1bef-f8bffef7f6d9-774d41a6, #w-node-_5419ab74-a47d-3c1d-1bef-f8bffef7f6d0-774d41a6, #w-node-cbdb26bb-44ba-f36b-c429-b454b9e7683e-774d41a6, #w-node-cbdb26bb-44ba-f36b-c429-b454b9e76847-774d41a6, #w-node-_4c6a972b-c66b-ad21-9d93-3e567a331537-774d41a6, #w-node-_4c6a972b-c66b-ad21-9d93-3e567a331539-774d41a6, #w-node-c8d300fa-ce78-4d37-9274-2193e07c6f1b-774d41a6, #w-node-c8d300fa-ce78-4d37-9274-2193e07c6f24-774d41a6, #w-node-fb10b891-fdf5-8835-a384-da3198d972e5-774d41a6, #w-node-fb10b891-fdf5-8835-a384-da3198d972e7-774d41a6, #w-node-d054a418-e896-295e-46a0-4519f8c765c5-774d41a6, #w-node-d054a418-e896-295e-46a0-4519f8c765cc-774d41a6, #w-node-e72a9a72-8636-cbbf-606f-439ad30af4f9-774d41a6, #w-node-e72a9a72-8636-cbbf-606f-439ad30af4fb-774d41a6, #w-node-_79d47877-79ea-d95f-b258-2d4a2fa0e73f-774d41a6, #w-node-_79d47877-79ea-d95f-b258-2d4a2fa0e746-774d41a6, #w-node-_5daba2d3-4427-ef19-3540-707fadc78af1-774d41a6, #w-node-_5daba2d3-4427-ef19-3540-707fadc78af3-774d41a6, #w-node-_4627e656-e38c-d360-84bd-ec7a9ef8a486-774d41a6, #w-node-_991b7c4b-97ce-812f-7c81-79d663f9b192-774d41a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fb56794f-cbe1-17bb-2c41-10c2297caedd-297caeda {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: start;
}

#w-node-fb56794f-cbe1-17bb-2c41-10c2297caee4-297caeda {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fb56794f-cbe1-17bb-2c41-10c2297caef0-297caeda {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-fb56794f-cbe1-17bb-2c41-10c2297caf00-297caeda {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fb56794f-cbe1-17bb-2c41-10c2297caf03-297caeda {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_8b067e4a-e397-106b-d018-4f852be1742b-2be17425 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8b067e4a-e397-106b-d018-4f852be17434-2be17425 {
  grid-area: 1 / 3 / 2 / 4;
}

@media screen and (max-width: 991px) {
  #w-node-fb56794f-cbe1-17bb-2c41-10c2297caedd-297caeda {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
  }

  #w-node-fb56794f-cbe1-17bb-2c41-10c2297caef0-297caeda {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_01c10864-cf0e-34f4-f5a7-c9a016ca2a8b-774d41a6, #w-node-_720ace6e-ae81-164e-9ae9-78589ae264ca-774d41a6, #w-node-cbdb26bb-44ba-f36b-c429-b454b9e76847-774d41a6, #w-node-c8d300fa-ce78-4d37-9274-2193e07c6f24-774d41a6, #w-node-d054a418-e896-295e-46a0-4519f8c765cc-774d41a6, #w-node-_79d47877-79ea-d95f-b258-2d4a2fa0e746-774d41a6 {
    grid-area: 1 / 1 / 2 / 2;
  }
}


@font-face {
  font-family: 'Unineue';
  src: url('../fonts/UniNeue-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Unineue';
  src: url('../fonts/UniNeue-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Unineue';
  src: url('../fonts/UniNeue-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}