* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }
  *::before, *::after, *:hover {
    box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  font-size: 10px; }
  @media (max-width: 1260px) {
    html {
      font-size: 9px; } }
  @media (max-width: 1130px) {
    html {
      font-size: 8px; } }
  @media (max-width: 1010px) {
    html {
      font-size: 7px; } }
  @media (max-width: 990px) {
    html {
      font-size: 11px; } }
  @media (max-width: 320px) {
    html {
      font-size: 10px; } }

body {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  background-color: #FFFFFF; }

.d-block {
  display: block; }

.d-flex {
  display: flex; }

.f-wrap {
  flex-wrap: wrap; }

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

.space-between {
  justify-content: space-between; }

.justify-content-center {
  justify-content: center; }

.align-items-center {
  align-items: center; }

.align-items-end {
  align-items: flex-end; }

.f-w-700 {
  font-weight: 700; }

.mb-8 {
  margin-bottom: 0.8rem; }

.mb-16 {
  margin-bottom: 1.6rem; }

.mb-20 {
  margin-bottom: 2rem; }

.mb-24 {
  margin-bottom: 2.4rem; }

.mb-32 {
  margin-bottom: 3.2rem; }

.mb-48 {
  margin-bottom: 4.8rem; }

.mb-58 {
  margin-bottom: 5.8rem; }

.mb-72 {
  margin-bottom: 7.2rem; }

.mb-80 {
  margin-bottom: 8rem; }

.mb-160 {
  margin-bottom: 16rem; }

.mb-200 {
  margin-bottom: 20rem; }

.mr-4 {
  margin-right: 0.4rem; }

.ml-4 {
  margin-left: 0.4rem; }

.mt-16 {
  margin-top: 1.6rem; }

.mt-32 {
  margin-top: 3.2rem; }

.pt-16 {
  padding-top: 1.6rem; }

.pt-122 {
  padding-top: 12.2rem; }

.pt-80 {
  padding-top: 8rem; }

.pl-30 {
  padding-left: 3rem; }

.pl-55 {
  padding-left: 5.5rem; }

.w45 {
  width: 45%; }

.w100 {
  width: 100%; }

.w-118 {
  width: 11.8rem; }

.w-128 {
  width: 12.8rem; }

.w-240 {
  width: 24rem; }

.w-488 {
  width: 48.8rem; }

.w-590 {
  width: 59rem; }
  @media (max-width: 990px) {
    .w-590 {
      width: 100%; } }

h100 {
  height: 100%; }

.h-160 {
  height: 16rem; }

.h-328 {
  height: 32.8rem; }

.h-560 {
  height: 56rem; }

.h-712 {
  height: 71.2rem; }

.w-221 {
  width: 22.1rem; }

.w-236 {
  width: 23.6rem; }

.w-488 {
  width: 48.8rem; }

.w-622 {
  width: 62.2rem; }

.mw-622 {
  max-width: 62.2rem; }

.mw-1216 {
  max-width: 121.6rem; }
  @media (max-width: 990px) {
    .mw-1216 {
      max-width: none; } }

@media (max-width: 990px) {
  .mobile-hidden {
    display: none; } }

.mobile-displayed {
  display: none; }
  @media (max-width: 990px) {
    .mobile-displayed {
      display: block; } }

.p-relative {
  position: relative; }

.header {
  position: relative;
  padding-top: 9.6rem;
  height: 89.6rem;
  overflow: hidden; }
  @media (max-width: 990px) {
    .header {
      height: auto;
      padding: 3.3rem 0 4.4rem 0; } }
  .header-logo {
    height: 4.8rem;
    width: 20rem;
    background: url(../images/logo-color.svg) center/cover no-repeat; }
    @media (max-width: 990px) {
      .header-logo {
        height: 3.6rem; } }
  .header-background {
    position: absolute;
    right: 0;
    z-index: -1;
    max-height: 57.4rem;
    width: auto; }
    @media (max-width: 990px) {
      .header-background {
        display: none; } }
  .header-background-m {
    display: none; }
    @media (max-width: 990px) {
      .header-background-m {
        display: block;
        width: 100%;
        height: auto;
        max-height: none; } }

@media (max-width: 990px) {
  .logo-wrapper {
    margin-top: 1rem; } }

.mobile-menu-btn {
  width: 5.6rem;
  height: 5.6rem;
  position: relative;
  overflow: hidden;
  display: none;
  border-radius: 0.4rem; }
  @media (max-width: 990px) {
    .mobile-menu-btn {
      display: block; } }

.menu-btn-s:first-of-type {
  height: 0.2rem;
  background-color: #000000;
  position: absolute;
  width: 1.6rem;
  right: 35%;
  top: 41%; }

.menu-btn-s:last-of-type {
  height: 0.2rem;
  background-color: #000000;
  position: absolute;
  width: 1.2rem;
  right: 35%;
  bottom: 41%; }

.btn-active .menu-btn-s:first-of-type {
  display: none; }

.btn-active .menu-btn-s:last-of-type {
  display: block;
  background: url(../images/Close.svg) center/cover no-repeat;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  z-index: 200; }

.nav-container {
  padding: 2.4rem 4.8rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #FFFFFF; }
  @media (max-width: 990px) {
    .nav-container {
      padding: 2rem 0 0 2rem;
      right: 0;
      align-items: normal; } }
  .nav-container-white {
    background-color: #FFFFFF; }
  .nav-container-white .nav-link {
    color: #000000; }
    .nav-container-white .nav-link:active {
      -webkit-text-fill-color: #000000; }
  .nav-container-white .nav-get {
    color: #FFFFFF;
    padding: 0.8rem 1.6rem; }
    .nav-container-white .nav-get:not(:disabled):hover {
      border: none;
      background: linear-gradient(237.02deg, #86D7CF 10.83%, #BCD87D 97.95%);
      color: #000000; }
    .nav-container-white .nav-get:active {
      border: 1px solid #000000;
      background: #000000;
      padding: 0.8rem 1.6rem;
      color: #FFFFFF; }
    .nav-container-white .nav-get:disabled {
      opacity: 0.5; }
  .nav-container-white .header-logo {
    background: url(../images/logo-color.svg) center/cover no-repeat; }
  .nav-container-white .menu-btn-s {
    background-color: #000000; }

.nav {
  text-align: center;
  list-style-type: none;
  display: flex; }
  @media (max-width: 990px) {
    .nav {
      display: none; } }
  .nav-link {
    color: #000000;
    text-decoration: none;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem; }
    .nav-link:not(:disabled):hover {
      background: linear-gradient(86.06deg, #A299FF 33.52%, #BCD7FF 115.03%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .nav-link:active {
      -webkit-text-fill-color: #FFFFFF; }
    .nav-link:disabled {
      opacity: 0.5; }
  .nav-get {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    height: 2.4rem;
    background-color: #000000;
    border-radius: 0.8rem;
    padding: 0.8rem 1.6rem; }
    .nav-get:not(:disabled):hover {
      border: none;
      background: linear-gradient(237.02deg, #86D7CF 10.83%, #BCD87D 97.95%);
      color: #000000; }
    .nav-get:active {
      border: 1px solid #FFFFFF;
      background: #FFFFFF;
      padding: 0.8rem 1.6rem;
      color: #000000; }
    .nav-get:disabled {
      opacity: 0.5; }
  .nav-btn {
    margin-right: 3.2rem; }
    .nav-btn:last-of-type {
      margin: 0; }

.btn-active .nav {
  background: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  padding-top: 10.8rem; }

.btn-active .nav-link {
  color: #000000;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 3.6rem; }

.btn-active .nav-btn {
  margin-left: 3.2rem;
  text-align: start; }

.btn-active .nav-get {
  color: #FFFFFF;
  border: 1px solid #000000;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 3.6rem; }

.title {
  font-weight: 700;
  font-size: 7.2rem;
  line-height: 8.8rem;
  color: #000000; }
  @media (max-width: 990px) {
    .title {
      font-size: 4rem;
      line-height: 4.8rem; } }
  .title-container {
    padding-top: 12rem; }
    @media (max-width: 990px) {
      .title-container {
        padding: 8.8rem 2rem 0 2rem; } }
  .title-sub {
    color: #000000;
    font-weight: 500;
    line-height: 3.6rem;
    font-size: 2.4rem;
    padding-top: 1.6rem; }
    @media (max-width: 990px) {
      .title-sub {
        font-size: 2rem;
        line-height: 2.8rem; } }

.btn {
  border: none;
  background: none;
  text-decoration: none;
  color: #000000;
  cursor: pointer; }
  .btn-header-container {
    padding-top: 4.8rem;
    margin-bottom: 4rem; }
    @media (max-width: 990px) {
      .btn-header-container {
        padding-top: 3.2rem;
        margin-left: 2rem;
        width: 100%; } }
  .btn-header-contact {
    display: inline-block;
    background: #000000;
    border-radius: 0.8rem;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 2.4rem;
    padding: 1.6rem 10.1rem;
    line-height: 3.6rem; }
    @media (max-width: 990px) {
      .btn-header-contact {
        font-size: 1.6rem;
        line-height: 2.4rem;
        width: 28rem; } }
    .btn-header-contact:not(:disabled):hover {
      background: linear-gradient(237.02deg, #8FD9D4 10.83%, #EAF1BF 97.95%); }
  .btn-secondary {
    border: 1px solid #E8F0F0;
    border-radius: 0.8rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #4A4D4D;
    padding: 1.2rem 1.6rem; }
  .btn-secondary-icon {
    width: 2rem; }
  .btn-send {
    font-weight: 500;
    font-size: 2rem;
    line-height: 3.2rem;
    color: #FFFFFF;
    background-color: #000000;
    border-radius: 0.8rem;
    width: 100%;
    display: flex;
    padding: 1.6rem 0 1.6rem 0;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.25); }
    @media (max-width: 990px) {
      .btn-send {
        padding: 1.6rem 0; } }
    .btn-send:disabled {
      background: linear-gradient(237.02deg, #E8F0F0 10.83%, #E8F0F0 97.95%);
      color: rgba(0, 0, 0, 0.5); }
    .btn-send:hover .btn-send-i {
      background: url(../images/i-send-dark.svg) center/cover no-repeat; }
    .btn-send:active .btn-send-i {
      background: url(../images/i-send-dark.svg) center/cover no-repeat; }
    .btn-send:disabled .btn-send-i {
      opacity: 0.5;
      background: url(../images/i-send-dark.svg) center/cover no-repeat; }
  .btn-send-i {
    margin-right: 1rem;
    height: 2rem;
    width: 2rem;
    background: url(../images/i-send.svg) center/cover no-repeat; }

.header-checklist {
  position: absolute;
  bottom: 0;
  color: #000000;
  width: 100%;
  max-width: 121.6rem;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 990px) {
    .header-checklist {
      position: static;
      flex-direction: column;
      padding: 4rem 2rem 0 2rem; } }
  .header-checklist-item {
    height: 17rem;
    width: 23rem;
    font-weight: 500;
    line-height: 3rem;
    border-right: solid 1px rgba(255, 255, 255, 0.24); }
    @media (max-width: 990px) {
      .header-checklist-item {
        width: 100%; } }
    .header-checklist-item:last-of-type {
      border: none; }
  .header-checklist-icon {
    margin-bottom: 1.6rem;
    display: block;
    width: 6.4rem;
    height: 6.4rem; }

.main {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #FFFFFF; }

.section {
  max-width: 121.6rem;
  padding-top: 10rem;
  padding-bottom: 10rem;
  width: 100%; }
  @media (max-width: 990px) {
    .section {
      padding: 8rem 2rem 0 2rem; } }
  .section-how {
    max-width: 125rem;
    border-radius: 3.2rem;
    background: radial-gradient(100% 436.41% at 1.04% 100%, #000000 0%, #3E4141 100%);
    padding: 4rem; }
    @media (max-width: 990px) {
      .section-how {
        max-width: none;
        width: 100%;
        padding: 3.2rem 2rem;
        border-radius: 1.6rem; } }
  .section-start {
    max-width: 121.6rem;
    width: 100%;
    background: radial-gradient(116.93% 484.4% at 84.56% 0%, #EFE1D4 0%, #EFD7BF 100%);
    border-radius: 3.2rem;
    padding: 4.8rem 4.8rem 4.8rem 7.2rem; }
    @media (max-width: 990px) {
      .section-start {
        max-width: none;
        width: 100%;
        padding: 2.4rem 2rem;
        border-radius: 1.6rem; } }
  .section-start-img {
    height: 22.5rem;
    width: auto; }
  .section:first-of-type {
    padding-top: 20rem; }
    @media (max-width: 990px) {
      .section:first-of-type {
        padding-top: 8rem; } }
  .section-title {
    font-weight: 700;
    font-size: 6.4rem;
    line-height: 9.6rem;
    padding-bottom: 8rem;
    text-align: center; }
    @media (max-width: 990px) {
      .section-title {
        font-size: 3.2rem;
        line-height: 4rem;
        text-align: left;
        padding-bottom: 3.2rem; } }
  .section-contacts {
    max-width: 121.6rem;
    width: 100%;
    margin: 12rem 0 12rem 0;
    display: flex;
    justify-content: space-around;
    align-items: center; }
    @media (max-width: 990px) {
      .section-contacts {
        flex-direction: column;
        margin: 0;
        padding: 6.4rem 2rem;
        gap: 2.4rem; } }

.start-padding {
  padding-top: 10rem; }
  @media (max-width: 990px) {
    .start-padding {
      padding-top: 8rem; } }

.how-padding {
  padding-top: 10rem;
  padding-bottom: 11rem; }
  @media (max-width: 990px) {
    .how-padding {
      padding-top: 8rem; } }

.solution-item {
  width: 35.2rem;
  padding-left: 1.6rem; }
  @media (max-width: 990px) {
    .solution-item {
      width: 100%;
      margin-top: 3.2rem;
      padding-left: 0; } }
  @media (max-width: 990px) {
    .solution-item:first-of-type {
      margin-top: 0; } }
.solution-h {
  padding-top: 2rem;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 4.4rem; }
  @media (max-width: 990px) {
    .solution-h {
      font-size: 2.4rem;
      line-height: 3.6rem; } }
.solution-p {
  padding-top: 2.4rem;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.2rem; }
  @media (max-width: 990px) {
    .solution-p {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
.solution-img-cont {
  height: 13rem;
  position: relative; }
  @media (max-width: 990px) {
    .solution-img-cont {
      height: auto; } }
.solution-img-1 {
  width: 17.8rem;
  height: 8rem;
  position: absolute;
  bottom: 0;
  display: block; }
  @media (max-width: 990px) {
    .solution-img-1 {
      width: auto;
      height: 4.8rem;
      position: static; } }
.solution-img-2 {
  width: 15rem;
  height: 10.5rem;
  position: absolute;
  bottom: 0;
  display: block; }
  @media (max-width: 990px) {
    .solution-img-2 {
      height: 5.6rem;
      width: auto;
      position: static; } }
.solution-img-3 {
  width: 9.4rem;
  height: 13rem;
  position: absolute;
  bottom: 0;
  display: block; }
  @media (max-width: 990px) {
    .solution-img-3 {
      height: 7.2rem;
      width: auto;
      position: static; } }
.solution-container {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 990px) {
    .solution-container {
      margin-top: 0;
      flex-direction: column; } }

.slider-container {
  display: flex; }
.slider-icon {
  height: 4.8rem;
  width: auto;
  margin-bottom: 2.4rem; }
.slider-main-text {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-style: italic; }
  @media (max-width: 990px) {
    .slider-main-text {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
.slider-secondary-text:first-of-type {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 3.6rem;
  margin-bottom: 0.8rem;
  margin-top: 2.4rem; }
  @media (max-width: 990px) {
    .slider-secondary-text:first-of-type {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
.slider-secondary-text:last-of-type {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem; }

@media (max-width: 990px) {
  .itc-slider__wrapper {
    padding-bottom: 8.8rem; } }

.cupboard {
  width: 100%;
  padding-top: 44.73%;
  position: relative; }
  @media (max-width: 990px) {
    .cupboard {
      display: none; } }
  .cupboard-container {
    margin-top: 8rem; }
    @media (max-width: 990px) {
      .cupboard-container {
        margin-top: 3.2rem; } }
  .cupboard-mobile {
    display: none; }
    @media (max-width: 990px) {
      .cupboard-mobile {
        display: block; } }

.cup-mobile {
  padding: 1.6rem 0.4rem;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 3.2rem;
  align-items: center;
  text-align: center;
  border-radius: 0.8rem;
  margin-top: 1rem; }
.cup-1m {
  background: radial-gradient(100% 94.25% at 0% 5.75%, #FFD23E 54.04%, #F6E5BF 100%); }
.cup-2m {
  background: radial-gradient(116.74% 146.49% at 0% -16.74%, #BCD87D 0%, #8FD9D4 100%); }
.cup-3m {
  background: radial-gradient(115.64% 521.17% at 100% 20.08%, #F8A862 47.59%, #EAF1BF 100%); }
.cup-4m {
  background: linear-gradient(341.88deg, #86D7CF 12.33%, #E1EBFF 121.39%); }
.cup-5m {
  background: linear-gradient(86.06deg, #A299FF 33.52%, #BCD7FF 115.03%); }
.cup-6m {
  background: radial-gradient(100% 281.25% at 76.86% 0%, #E1EBFF 43.41%, #C7C2F0 100%); }
.cup-7m {
  background: radial-gradient(278.68% 225.12% at 50% -35.89%, #CBE6F4 0%, #EFD7BF 65.64%); }
.cup-8m {
  background: linear-gradient(51.91deg, #C592D0 19.97%, #F4AE9E 110.16%); }
.cup-9m {
  background: linear-gradient(53.44deg, #F4A99A 20.46%, #EFD7BF 84.72%); }

.cup1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 19%; }

.cup2 {
  position: absolute;
  top: 0;
  left: 22.45%;
  width: 23.51%; }

.cup3 {
  position: absolute;
  top: 0;
  right: 27.46%;
  width: 21.29%; }

.cup4 {
  position: absolute;
  top: 29.96%;
  right: 27.13%;
  width: 24.83%; }

.cup5 {
  position: absolute;
  top: 0;
  right: 6.74%;
  width: 14.47%; }

.cup6 {
  position: absolute;
  top: 64.15%;
  left: 5.92%;
  width: 26.15%; }

.cup7 {
  position: absolute;
  top: 61.58%;
  left: 40.13%;
  width: 10.69%; }

.cup8 {
  position: absolute;
  top: 70.03%;
  right: 13.4%;
  width: 22.53%; }

.cup9 {
  position: absolute;
  top: 45.4%;
  right: 0;
  width: 10.19%; }

.how-title {
  background: linear-gradient(86.06deg, #A299FF 33.52%, #BCD7FF 115.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 700;
  font-size: 6.4rem;
  line-height: 8.8rem;
  margin: 0.8rem 0 4rem 1.4rem; }
  @media (max-width: 990px) {
    .how-title {
      font-size: 3.2rem;
      line-height: 4rem;
      margin: 0; } }
.how-h {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 3.6rem;
  color: #000000;
  padding-top: 0.8rem; }
  @media (max-width: 990px) {
    .how-h {
      font-size: 2.4rem;
      line-height: 3.6rem; } }
.how-text {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #000000; }
  @media (max-width: 990px) {
    .how-text {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
.how-item {
  position: relative;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  padding: 4rem 3.2rem;
  border-radius: 1.6rem;
  background: #FFFFFF; }
  @media (max-width: 990px) {
    .how-item {
      border: 1px solid #E8F0F0; } }
  .how-item-border {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 62.6rem;
    width: 38.3rem;
    background: #E8F0F0;
    border-radius: 1.7rem; }
    @media (max-width: 990px) {
      .how-item-border {
        width: 100%;
        height: auto;
        border: none;
        border-radius: 0;
        background: none;
        margin-bottom: 1.6rem; } }
    .how-item-border:hover {
      background: linear-gradient(237.02deg, #BCD87D 97.95%, #86D7CF 10.83%); }
      @media (max-width: 990px) {
        .how-item-border:hover {
          background: none; } }
.how-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (max-width: 990px) {
    .how-container {
      flex-wrap: nowrap;
      flex-direction: column; } }
  .how-container:first-of-type {
    margin-bottom: 3.2rem; }
    @media (max-width: 990px) {
      .how-container:first-of-type {
        margin-bottom: 0; } }

.checklist-phase {
  font-weight: 500;
  font-size: 2rem;
  line-height: 3rem; }

.checklist-icon {
  height: 6.4rem;
  margin-top: 2.4rem; }

.cup-number {
  position: absolute;
  top: 0.6rem;
  left: 0.8rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2rem;
  width: 3.2rem;
  text-align: center;
  color: #FFFFFF; }

.why-img {
  width: 5.2rem;
  height: 4.6rem;
  padding: 0.3rem 0; }
  @media (max-width: 990px) {
    .why-img {
      height: 2.4rem;
      width: auto;
      padding: 0;
      margin-bottom: 0.8rem; } }
.why-s {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 3.6rem;
  padding-left: 3.2rem; }
  @media (max-width: 990px) {
    .why-s {
      padding-left: 0;
      font-size: 2rem;
      line-height: 2.8rem; } }
.why-item {
  width: 59rem;
  padding: 2.4rem;
  border: 1px solid #E8F0F0;
  border-radius: 1.6rem;
  display: flex;
  align-items: center; }
  @media (max-width: 990px) {
    .why-item {
      margin-left: 0;
      margin-bottom: 1.6rem;
      padding: 1.6rem;
      flex-direction: column;
      align-items: flex-start;
      width: 100%; } }
.why-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 4rem; }
  @media (max-width: 990px) {
    .why-container {
      display: block;
      margin-bottom: 0; } }
  .why-container:last-of-type {
    margin-bottom: 0; }

.reviews-container {
  width: 100%;
  border: 1px solid #E8F0F0;
  border-radius: 1.6rem;
  padding: 5.2rem 16rem; }
  @media (max-width: 990px) {
    .reviews-container {
      padding: 3.2rem 2.4rem; } }

.works-p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem; }
.works-img-background-1 {
  border-radius: 1.6rem;
  width: 59.2rem;
  height: 71.2rem;
  position: relative;
  background: url(../images/works-img1.png) center/contain no-repeat; }
  @media (max-width: 990px) {
    .works-img-background-1 {
      background: url(../images/works-img1.png) center/cover no-repeat;
      width: 100%;
      height: 25rem;
      margin-right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 2.4rem; } }
  @media (max-width: 990px) and (max-width: 470px) {
    .works-img-background-1 {
      height: 12rem; } }

.works-img-background-2 {
  border-radius: 1.6rem;
  width: 59.2rem;
  height: 56rem;
  position: relative;
  background: url(../images/works-img2.png) bottom/contain no-repeat; }
  @media (max-width: 990px) {
    .works-img-background-2 {
      background: url(../images/works-img2.png) center/cover no-repeat;
      width: 100%;
      height: 25rem;
      margin-right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 2.4rem; } }
  @media (max-width: 990px) and (max-width: 470px) {
    .works-img-background-2 {
      height: 12rem; } }

.works-img-background-3 {
  border-radius: 1.6rem;
  width: 59.2rem;
  height: 56rem;
  position: relative;
  background: url(../images/works-img3.png) center/contain no-repeat; }
  @media (max-width: 990px) {
    .works-img-background-3 {
      background: url(../images/works-img3.png) center/contain no-repeat;
      width: 100%;
      height: 25rem;
      margin-right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 2.4rem; } }
  @media (max-width: 990px) and (max-width: 470px) {
    .works-img-background-3 {
      height: 12rem; } }

.works-img-background-4 {
  border-radius: 1.6rem;
  width: 59.2rem;
  height: 56rem;
  position: relative;
  background: url(../images/works-img4.png) center/contain no-repeat; }
  @media (max-width: 990px) {
    .works-img-background-4 {
      background: url(../images/works-img4-m.png) top/cover no-repeat;
      width: 100%;
      height: 25rem;
      margin-right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 2.4rem; } }
  @media (max-width: 990px) and (max-width: 470px) {
    .works-img-background-4 {
      height: 12rem; } }

.works-img-background-5 {
  border-radius: 1.6rem;
  width: 59.2rem;
  height: 56rem;
  position: relative;
  background: url(../images/works-img5.png) bottom/contain no-repeat; }
  @media (max-width: 990px) {
    .works-img-background-5 {
      background: url(../images/works-img5.png) center/cover no-repeat;
      width: 100%;
      height: 25rem;
      margin-right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 2.4rem; } }
  @media (max-width: 990px) and (max-width: 470px) {
    .works-img-background-5 {
      height: 12rem; } }

.works-img-background-6 {
  border-radius: 1.6rem;
  width: 59.2rem;
  height: 56rem;
  position: relative;
  background: url(../images/works-img6.png) bottom/contain no-repeat; }
  @media (max-width: 990px) {
    .works-img-background-6 {
      background: url(../images/works-img6-2.png) center/cover no-repeat;
      width: 100%;
      height: 25rem;
      margin-right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 2.4rem; } }
  @media (max-width: 990px) and (max-width: 470px) {
    .works-img-background-6 {
      height: 12rem; } }

.works-img-background-7 {
  border-radius: 1.6rem;
  width: 59.3rem;
  height: 71.2rem;
  position: relative;
  background: url(../images/works-img7.png) center/contain no-repeat; }
  @media (max-width: 990px) {
    .works-img-background-7 {
      background: url(../images/works-img7-2.png) center/cover no-repeat;
      width: 100%;
      height: 25rem;
      margin-right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 2.4rem; } }
  @media (max-width: 990px) and (max-width: 470px) {
    .works-img-background-7 {
      height: 12rem; } }

.works-img-1 {
  width: 100%;
  height: auto; }
.works-img-2 {
  width: 100%;
  height: auto;
  border-radius: 1.6rem; }
.works-img-3 {
  width: 55.6rem;
  height: 37.1rem; }
.works-img-4 {
  width: auto;
  height: 100%;
  border-radius: 1.6rem; }
.works-img-5 {
  width: 100%;
  height: auto;
  border-radius: 1.6rem; }
.works-icon-1 {
  position: absolute;
  top: 4rem;
  right: 4rem;
  width: 9.7rem;
  height: auto; }
  @media (max-width: 990px) {
    .works-icon-1 {
      position: static;
      height: auto;
      width: 9.7rem; } }
.works-icon-2 {
  position: absolute;
  top: 4rem;
  right: 4rem;
  height: 6.7rem;
  width: auto; }
  @media (max-width: 990px) {
    .works-icon-2 {
      position: static;
      height: auto;
      width: 5.7rem; } }
.works-icon-3 {
  position: absolute;
  top: 4rem;
  right: 4rem;
  height: 6.4rem;
  width: auto; }
  @media (max-width: 990px) {
    .works-icon-3 {
      position: static;
      height: auto;
      width: 8.2rem; } }
.works-icon-4 {
  position: absolute;
  top: 4rem;
  right: 4rem;
  height: 7.2rem;
  width: auto; }
  @media (max-width: 990px) {
    .works-icon-4 {
      position: static;
      height: auto;
      width: 5.8rem; } }
.works-icon-5 {
  position: absolute;
  top: 4rem;
  right: 4rem;
  height: 4.8rem;
  width: auto; }
  @media (max-width: 990px) {
    .works-icon-5 {
      position: static;
      height: auto;
      width: 8.8rem; } }
.works-info-block {
  width: 52rem; }
  @media (max-width: 990px) {
    .works-info-block {
      width: 100%;
      margin-left: 0; } }
.works-info-h {
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 4.4rem;
  margin-bottom: 3.2rem; }
  @media (max-width: 990px) {
    .works-info-h {
      font-size: 2.4rem;
      line-height: 3.2rem;
      margin-bottom: 2.4rem; } }
.works-info-h-secondary {
  font-weight: 700;
  font-size: 2rem;
  line-height: 3rem;
  margin-bottom: 1.6rem; }
.works-info-s {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #4A4D4D;
  padding: 0.8rem 1.2rem;
  border-radius: 0.8rem 0.8rem 0 0;
  letter-spacing: 0.1rem;
  height: 3.2rem;
  display: inline-block; }
.works-info-p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 1.6rem 2rem;
  border-radius: 0 1.6rem 1.6rem 1.6rem;
  margin-bottom: 3.2rem; }
.works-info-text {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem; }
  @media (max-width: 990px) {
    .works-info-text {
      margin-top: 1.6rem; } }
.works-info-ul {
  list-style-position: inside;
  margin-left: 1.5rem; }
  @media (max-width: 990px) {
    .works-info-ul {
      margin-top: 1.6rem;
      padding-left: 0;
      margin-bottom: 3.2rem; } }
.works-info-ul-out {
  list-style-position: outside;
  margin-left: 2.5rem; }
  @media (max-width: 990px) {
    .works-info-ul-out {
      margin-top: 1.6rem;
      padding-left: 0; } }
.works-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16rem; }
  @media (max-width: 990px) {
    .works-container {
      flex-direction: column;
      margin-bottom: 4.8rem; } }
  .works-container:first-of-type {
    margin-bottom: 7.2rem; }
    @media (max-width: 990px) {
      .works-container:first-of-type {
        margin-bottom: 0; } }
  .works-container:last-of-type {
    margin-bottom: 0; }
.works-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (max-width: 990px) {
    .works-wrapper {
      justify-content: normal; } }
.works-part {
  width: 45%; }
  @media (max-width: 990px) {
    .works-part {
      width: 100%;
      margin-top: 2.4rem; } }
.works-color-1 {
  background-color: #FFF3F2; }
.works-color-2 {
  background-color: #FEF4E0; }
.works-color-3 {
  background-color: #F0FCE3; }
.works-color-4 {
  background-color: #E0FFF7; }
.works-color-5 {
  background-color: #F0EFFF; }
.works-block-text {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  width: 48.8rem;
  height: 32.8rem; }
  @media (max-width: 990px) {
    .works-block-text {
      height: auto;
      width: 100%; }
      .works-block-text, .works-block-text p {
        margin-bottom: 2.5rem; } }
.works-block-secondary {
  width: 59.2rem; }
  @media (max-width: 990px) {
    .works-block-secondary {
      width: 100%; } }
.works-icon-secondary {
  width: 6.4rem;
  height: 6.4rem;
  margin-right: 2.4rem; }
  @media (max-width: 990px) {
    .works-icon-secondary {
      margin-bottom: 1.6rem; } }
.works-h5 {
  font-weight: 500;
  font-size: 2rem;
  line-height: 3rem; }
.works-sub-h {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 1.6rem; }
.works-secondary-item {
  display: flex;
  align-items: center;
  margin-bottom: 3.2rem; }
  @media (max-width: 990px) {
    .works-secondary-item {
      align-items: flex-start;
      flex-direction: column; } }
  .works-secondary-item:last-of-type {
    margin-bottom: 0; }
@media (max-width: 990px) {
  .works-sub-cont {
    margin-right: 5rem;
    margin-bottom: 2.4rem; } }
.works-p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem; }

@media (max-width: 990px) {
  .reverse {
    flex-direction: column-reverse; } }

.mobile {
  display: none; }
  @media (max-width: 990px) {
    .mobile {
      display: flex; } }

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

.input {
  font-family: inherit;
  border: none;
  background: none;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  border: 1px solid #808080;
  border-radius: 1.6rem;
  padding: 1.6rem; }
  .input:not(:disabled):hover {
    border: 1px solid #000000; }
  .input:focus-visible {
    outline: none;
    border: 1px solid #000000; }
  .input:valid {
    border: 1px solid #FFFFFF;
    background: #FFFFFF; }
  .input:placeholder {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #4A4D4D; }
  .input:disabled {
    opacity: 0.48; }
  .input:disabled .input-label {
    opacity: 0.48; }
  .input-label {
    position: absolute;
    top: 1.6rem;
    left: 1.6rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #4A4D4D; }
  .input-comment {
    resize: none;
    padding-left: 6.4rem;
    width: 100%;
    height: 30rem;
    margin-bottom: 1.6rem; }
    @media (max-width: 990px) {
      .input-comment {
        width: 100%; } }
  .input-phone {
    width: 100%;
    padding-left: 7.1rem; }
    @media (max-width: 990px) {
      .input-phone {
        width: 100%;
        margin-left: 0; } }
  .input-email {
    width: 100%;
    padding-left: 6.5rem; }
    @media (max-width: 990px) {
      .input-email {
        width: 100%;
        margin-right: 0;
        margin-left: 0; } }
  .input-name {
    width: 100%;
    padding-left: 6.8rem; }
    @media (max-width: 990px) {
      .input-name {
        width: 100%;
        margin-right: 0; } }

.form-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 990px) {
    .form-wrapper {
      display: block; } }

.no-resize {
  resize: none; }

.h-secondary {
  font-weight: 700;
  font-size: 4.8rem;
  line-height: 7.2rem; }
  @media (max-width: 990px) {
    .h-secondary {
      font-size: 3.1rem;
      line-height: 4.8rem; } }

.contact-h {
  font-weight: 700;
  font-size: 4.8rem;
  line-height: 7.2rem;
  margin-bottom: 3.2rem; }
.contact-img {
  width: 67.2rem; }
  @media (max-width: 990px) {
    .contact-img {
      display: none; } }
@media (max-width: 990px) {
  .contact-container {
    width: 100%; } }
.contact-input-wrapper {
  position: relative;
  margin-bottom: 1.6rem; }
.contact-email {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 3.6rem;
  color: #4A4D4D;
  text-decoration-line: none; }
  .contact-email:active {
    font-weight: 700; }
  .contact-email:disabled {
    opacity: 0.5; }
.contact-number {
  color: #4A4D4D;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 3.6rem; }
.contact-address {
  color: #4A4D4D;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem; }
  @media (max-width: 990px) {
    .contact-address {
      text-align: center; } }
.contact-socials {
  width: 4.8rem; }
@media (max-width: 990px) {
  .contact-form {
    width: 100%; } }

.socials-container {
  width: 12.8rem;
  display: flex;
  justify-content: space-between; }

.footer {
  width: 100%;
  max-width: 121.6rem;
  background-color: #000000;
  border-radius: 1.6rem 1.6rem 0 0;
  padding: 2.4rem 3.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 990px) {
    .footer {
      padding: 3.2rem;
      flex-direction: column;
      color: rgba(255, 255, 255, 0.72); } }
  .footer-wrap {
    display: flex;
    justify-content: center; }
  .footer-logo {
    height: 3rem;
    width: auto;
    position: absolute;
    left: 3.2rem; }
    @media (max-width: 990px) {
      .footer-logo {
        left: 0;
        position: relative;
        opacity: 0.8;
        margin-top: 0;
        margin-bottom: 1.6rem; } }
  .footer-s {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #B9B9B9; }
  .footer-link {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #B9B9B9;
    text-decoration-line: none; }
    .footer-link:first-of-type {
      padding-right: 3.2rem; }

.buffer {
  position: absolute;
  top: -1000rem;
  left: -1000rem;
  visibility: hidden;
  white-space: nowrap; }

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