@import './style.css';

.main {
   padding: 212px 0 180px;
   background: url('../images/main-bg-img.png');
   background-position: 50% 50%;
   background-size: cover;
   color: #FFFFFF;
}

.main-content {}

.main__inner {
   text-align: center;
   align-items: center;
   display: flex;
   flex-direction: column;

}

.main__title {
   margin-bottom: 40px;
   text-align: center;
   font-weight: 700;
   font-size: 96px;
   line-height: 115px;
}

.subtitle {}

.main__desc {
   font-weight: 400;
   font-size: 24px;
   line-height: 32px;
   max-width: 1129px;
   margin: 0 auto;
}

.main-content {
   padding: 60px 0 0;
}

.main-content__inner {}

.main__text {
   margin-bottom: 80px;
}

.main__text-top {
   display: flex;
   justify-content: space-between;
}

.main-text__title {
   font-weight: 700;
   font-size: 48px;
   line-height: 58px;
   max-width: 844px;
   margin-bottom: 36px;
}

.main-text__desc {
   margin-bottom: 24px;
   font-weight: 400;
   font-size: 18px;
   line-height: 24px;
   max-width: 1080px;
}

.main__text-number {
   font-weight: 400;
   font-size: 18px;
   line-height: 24px;
}

@media (max-width: 768px) {
   .main {
      padding: 180px 0 120px !important;
   }
   .main__title {
      margin-bottom: 16px;
      text-align: start;
      font-size: 36px;
      line-height: 40px;
   }

   .main__desc {
      font-size: 13px;
      line-height: 18px;
   }

   .main-text__title {
      font-size: 18px;
      line-height: 24px;
   }

   .main-text__desc {
      font-size: 13px;
      line-height: 18px;
   }

   .main__text-number {
      font-size: 11px;
      line-height: 14px;
   }
}