:root {
  --green-100:rgba(177, 212, 212, 1);
  --fontfamilyPfamily: ZillaSlab_regular;
  --fontfamilySfamily:HostGrotesk_regular;
}

@font-face {
  font-family: HostGrotesk_regular;
  src: url("../../../../fonts/host_grotesk/font-files/HostGrotesk-Regular.ttf");
}
@font-face {
  font-family: ZillaSlab_regular;
  src: url("../../../../fonts/zilla_slab/font-files/ZillaSlab-Regular.ttf");
}
:root {
  --green-100:rgba(177, 212, 212, 1);
  --fontfamilyPfamily: ZillaSlab_regular;
  --fontfamilySfamily:HostGrotesk_regular;
}

@font-face {
  font-family: HostGrotesk_regular;
  src: url("../../../../fonts/host_grotesk/font-files/HostGrotesk-Regular.ttf");
}
@font-face {
  font-family: ZillaSlab_regular;
  src: url("../../../../fonts/zilla_slab/font-files/ZillaSlab-Regular.ttf");
}
:root {
  --green-100:rgba(177, 212, 212, 1);
  --fontfamilyPfamily: ZillaSlab_regular;
  --fontfamilySfamily:HostGrotesk_regular;
}

@font-face {
  font-family: HostGrotesk_regular;
  src: url("../../../../fonts/host_grotesk/font-files/HostGrotesk-Regular.ttf");
}
@font-face {
  font-family: ZillaSlab_regular;
  src: url("../../../../fonts/zilla_slab/font-files/ZillaSlab-Regular.ttf");
}
:root {
  --green-100:rgba(177, 212, 212, 1);
  --fontfamilyPfamily: ZillaSlab_regular;
  --fontfamilySfamily:HostGrotesk_regular;
}

@font-face {
  font-family: HostGrotesk_regular;
  src: url("../../../../fonts/host_grotesk/font-files/HostGrotesk-Regular.ttf");
}
@font-face {
  font-family: ZillaSlab_regular;
  src: url("../../../../fonts/zilla_slab/font-files/ZillaSlab-Regular.ttf");
}
:root {
  --green-100:rgba(177, 212, 212, 1);
  --fontfamilyPfamily: ZillaSlab_regular;
  --fontfamilySfamily:HostGrotesk_regular;
}

@font-face {
  font-family: HostGrotesk_regular;
  src: url("../../../../fonts/host_grotesk/font-files/HostGrotesk-Regular.ttf");
}
@font-face {
  font-family: ZillaSlab_regular;
  src: url("../../../../fonts/zilla_slab/font-files/ZillaSlab-Regular.ttf");
}
:root {
  --green-100:rgba(177, 212, 212, 1);
  --fontfamilyPfamily: ZillaSlab_regular;
  --fontfamilySfamily:HostGrotesk_regular;
}

@font-face {
  font-family: HostGrotesk_regular;
  src: url("../../../../fonts/host_grotesk/font-files/HostGrotesk-Regular.ttf");
}
@font-face {
  font-family: ZillaSlab_regular;
  src: url("../../../../fonts/zilla_slab/font-files/ZillaSlab-Regular.ttf");
}
:root {
  --green-100:rgba(177, 212, 212, 1);
  --fontfamilyPfamily: ZillaSlab_regular;
  --fontfamilySfamily:HostGrotesk_regular;
}

@font-face {
  font-family: HostGrotesk_regular;
  src: url("../../../../fonts/host_grotesk/font-files/HostGrotesk-Regular.ttf");
}
@font-face {
  font-family: ZillaSlab_regular;
  src: url("../../../../fonts/zilla_slab/font-files/ZillaSlab-Regular.ttf");
}
*, :after, :before {
  box-sizing: border-box;
}

main {
  position: relative;
}

.content-wrapper {
  width: 88.8888889%;
  margin: 0 auto;
}

.avantages-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 60px;
}

@media (min-width: 1400px) {
  .content-wrapper {
    max-width: 1320px;
    margin: 0 auto;
  }
  .popular-solutions-container {
    max-width: 1096px;
    margin: 0 auto;
  }
  .contact-form-container .contact-form-container-content {
    width: 874px;
    margin: 0 auto;
  }
}
@media (max-width: 1279px) {
  .content-wrapper {
    width: unset;
    margin: 0 16px;
    padding: 0px;
  }
}
.wrapper {
  padding-left: 3% !important;
  padding-right: 3% !important;
}

body {
  overflow-x: hidden;
}

@media screen and (min-width: 2000px) and (min-width: 2999px) {
  .section-container {
    width: 75%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 3000px) {
  .section-container {
    width: 65%;
    margin: 0 auto;
  }
}
.gap-15 {
  gap: 15px;
}

.gap-30 {
  gap: clamp(1.8rem, 2.08vw, 2.26rem);
}

.mb-73 {
  margin-bottom: 4.56rem;
}

#navBar .section-container {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1000px) {
  .mb-62 {
    margin: 3.875rem;
  }
}
@media screen and (max-width: 768px) {
  .hero-title {
    padding: 8rem 4.25rem !important;
  }
  .px-sm-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .title-zilla-xl {
    font-size: 2.2rem !important;
    line-height: clamp(2rem, 4.72vw, 4.6rem) !important;
  }
  .pl-sm_2 {
    padding-left: 0.8rem;
  }
}
.bg-green-500 {
  background-color: #027373;
}

.green-500 {
  color: #027373;
}

.bg-green-50 {
  background-color: #DAFAFB;
}

.zilla-title-xxl {
  font-size: clamp(4rem, 8.33vw, 11rem);
  line-height: clamp(4rem, 8.33vw, 11rem);
  font-weight: 500;
  margin: 0;
  font-family: "ZillaSlab_regular";
}

.mb-98 {
  margin-bottom: 6.8vw;
}

.pb-98 {
  padding-bottom: 6.8vw;
}

@media screen and (min-width: 991px) {
  .px-lg-44 {
    padding-left: clamp(2.6rem, 3.05vw, 3rem);
    padding-right: clamp(2.6rem, 3.05vw, 3rem);
  }
  .pl-lg-54 {
    padding-left: clamp(3.2rem, 3.75vw, 4.12rem) !important;
  }
  .pr-lg-54 {
    padding-right: clamp(3.2rem, 3.75vw, 4.12rem) !important;
  }
}
.border-none {
  border: none;
}

.flex-direction-sm-column {
  flex-direction: column;
}

.weight-bolder {
  font-weight: 700 !important;
}

.medium-bold {
  font-weight: 400 !important;
}

.p-absolute {
  position: absolute;
}

.weight-bold {
  font-weight: 600 !important;
}

.w-80 {
  width: 80%;
}

.link {
  text-decoration: none;
}

.w-90 {
  width: 90%;
}

.pt-44 {
  padding-top: 3.05vw;
}

.pb-44 {
  padding-bottom: 3.05vw;
}

.mb-44 {
  margin-bottom: 3.05vw;
}

.py-44 {
  padding-top: 3.05vw;
  padding-bottom: 3.05vw;
}

.px-44 {
  padding-left: clamp(2.6rem, 3.05vw, 3rem);
  padding-right: clamp(2.6rem, 3.05vw, 3rem);
}

.pl-44 {
  padding-left: clamp(2.6rem, 3.05vw, 3rem);
}

.pl-xl-44 {
  padding-left: clamp(0.6rem, 3.05vw, 3rem);
}

.pr-xl-44 {
  padding-right: clamp(0.6rem, 3.05vw, 3rem);
}

.pr-44 {
  padding-right: clamp(2.6rem, 3.05vw, 3rem);
}

.pt-22 {
  padding-top: 1.525vw;
}

.pb-22 {
  padding-bottom: 1.525vw;
}

.py-22 {
  padding-top: clamp(1.6rem, 1.66vw, 2rem);
  padding-bottom: clamp(1.6rem, 1.66vw, 2rem);
}

.px-22 {
  padding-left: clamp(1.25rem, 1.525vw, 1.75rem);
  padding-right: clamp(1.25rem, 1.525vw, 1.75rem);
}

.px-8 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.pl-22 {
  padding-left: clamp(1.25rem, 1.525vw, 1.75rem);
}

.pl-xl-22 {
  padding-left: clamp(0.5rem, 1.525vw, 1.75rem);
}

.pr-22 {
  padding-right: clamp(1.25rem, 1.525vw, 1.75rem);
}

.pr-xl-22 {
  padding-right: clamp(0.5rem, 1.525vw, 1.75rem);
}

.px-24 {
  padding-left: clamp(1.6rem, 1.66vw, 2rem);
  padding-right: clamp(1.6rem, 1.66vw, 2rem);
}

.border-black-2 {
  border: 2px solid #202025;
}

.grotesk-h5 {
  font-family: "HostGrotesk_regular";
  font-size: clamp(0.9rem, 1.38vw, 1.8rem);
  line-height: clamp(0.9rem, 1.84vw, 1.8rem);
}

.profil-name {
  gap: clamp(0.5rem, 0.83vw, 1.2rem);
}

.bg-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.rounded-cicle {
  border-radius: 50%;
}

.gap-12 {
  gap: clamp(0.5rem, 0.83vw, 0.6rem);
}

.pr-12 {
  padding-right: clamp(0.5rem, 0.83vw, 0.12rem);
}

.pl-12 {
  padding-left: clamp(0.5rem, 0.83vw, 0.6rem) !important;
}

.gap-8 {
  gap: clamp(0.4rem, 0.55vw, 0.6rem);
}

.mb-22 {
  margin-bottom: 1.525vw;
}

.zilla-h4 {
  font-family: "ZillaSlab_regular";
  font-size: clamp(1.5rem, 1.94vw, 2.2rem);
  font-weight: 400;
  line-height: clamp(1.6rem, 2.22vw, 2.2rem) 32px;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.title-zilla-xl {
  font-size: clamp(4.2rem, 5vw, 4.8rem);
  line-height: clamp(4rem, 4.72vw, 4.6rem);
  font-family: "ZillaSlab_regular";
}

.pb-92 {
  padding-bottom: 5.75rem;
}

.pb-62 {
  padding-bottom: 3.875rem;
}

.regular-bold {
  font-weight: 400 !important;
}

.grokest-h6 {
  font-family: "HostGrotesk_regular";
  font-size: clamp(1rem, 0.97vw, 1.1rem);
  line-height: clamp(1.2rem, 1.11vw, 1.4rem);
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.larg-btn, .larg-btn-green-500 {
  padding: clamp(1rem, 1.38vw, 1.5rem) clamp(2rem, 1.11vw, 2.75rem) !important;
  border-radius: 32px;
  text-decoration: none;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  font-family: "HostGrotesk_regular";
  font-weight: 500;
  height: 3.88vw;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}

.larg-btn-green-500 {
  background-color: #027373;
  color: #FFFFFF;
}

.medium-btn {
  padding: clamp(8px, 0.83vw, 1.83vw) clamp(12px, 1.11vw, 2.11vw) !important;
  border-radius: 20px;
  text-decoration: none;
  text-decoration: none;
  padding: 0px;
  font-family: "HostGrotesk_regular";
  font-size: clamp(12px, 0.97vw, 1rem);
  font-weight: 500;
  line-height: clamp(12px, 1.293vw, 1rem);
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  height: clamp(28px, 2.7777vw, 56px);
}

.pb-28 {
  padding-bottom: 1.74rem;
}

.mb-28 {
  margin-bottom: 1.74rem;
}

.pl-54 {
  padding-left: clamp(3.2rem, 3.75vw, 4.12rem) !important;
}

.pr-54 {
  padding-right: clamp(3.2rem, 3.75vw, 4.12rem) !important;
}

.input-field {
  border-radius: 20px;
  padding: clamp(0.5rem, 0.83vw, 0.8rem);
  width: 100%;
  color: #202025;
  border: 2px solid #027373;
}

.input-field:focus-visible {
  outline: 2px solid #026969;
}

.input-field::-moz-placeholder {
  font-size: clamp(15px, 1.04vw, 19px);
  font-family: "HostGrotesk_regular";
  font-weight: 400;
  line-height: clamp(20px, 1.4vw, 30px);
  text-align: left;
  color: #B6B7BB;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.input-field::placeholder, .input-field {
  font-size: clamp(15px, 1.04vw, 19px);
  font-family: "HostGrotesk_regular";
  font-weight: 400;
  line-height: clamp(20px, 1.4vw, 30px);
  text-align: left;
  color: #B6B7BB;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.input-field::-moz-placeholder {
  color: #C9C9CE;
}

.input-field::placeholder {
  color: #C9C9CE;
}

.mb-40 {
  margin-bottom: 2.5rem;
}

.pb-40 {
  padding-bottom: 2.5rem;
}

.mb-13 {
  margin-bottom: 0.81rem;
}

.gap-24 {
  gap: clamp(1.6rem, 1.66vw, 2rem);
}

.gap-22 {
  gap: clamp(2.6rem, 3.05vw, 3rem);
}

.pr-40 {
  padding-right: clamp(2.2rem, 27.77vw, 2.6rem);
}

.pt-40 {
  padding-top: 2.5rem;
}

.pl-40 {
  padding-left: clamp(2.2rem, 27.77vw, 2.6rem);
}/*# sourceMappingURL=main.css.map */