@import url('./style.css');

.main {
   padding: 40px 0 80px;
   position: relative;
}

.square__bg-img {
   top: calc(50% - (364px / 2));
   right: -100px;
}

.main__inner {
   margin-top: 120px;
   display: flex;
   flex-direction: column;
}

.main__text {
   margin-bottom: 30px;
}

.main__bottom {
   display: flex;
   flex-direction: row;
   justify-content: end;
}

.main__desc {
   max-width: 384px;
   font-weight: 400;
   font-size: 20px;
   line-height: 26px;
   margin-right: 23px;
}

.main__btn {}

/* ------------------------------------------------------------------------------------------- */

.whoWeAre {
   padding: 80px 0;
}

.whoWeAre__bg-img {
   left: 0;
   bottom: -50px;
}

.whoWeAre__blue-blur-bg-img-l-t {
   left: -400px;
   top: -450px;
}

.whoWeAre__blue-blur-bg-img-r-b {
   right: -450px;
   bottom: -640px;
}

.whoWeAre__inner {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.whoWeAre__text {
   max-width: 465px;
   margin: 0 23px 16px 0;
}

.whoWeAre__title {
   margin-bottom: 24px;
}

.whoWeAre__text1 {
   max-width: 575px;
}

.whoWeAre__subdesc {
   margin-bottom: 16px;
}

.whoWeAre__btn {
   margin-top: 22px;
}

.whatWeDo-bg-img-l-b {
   left: 0;
   top: 0;
}

.interested-bg-img {
   display: none;
   bottom: -180px;
   left: 0;
   width: 100%;
}

/* ------------------------------------------------------------ */

@media (max-width: 768px) {
   .main {
      padding: 20px 0 40px;
   }

   .main__bottom {
      display: flex;
      flex-direction: column;
      justify-content: start;
   }

   .main__text {
      margin-bottom: 16px;
   }

   .main__desc {
      margin-bottom: 32px;
   }

   .whoWeAre__btn {
      margin-top: 32px;
   }

   .whoWeAre {
      padding: 40px 0;
   }

   .square__bg-img {
      width: 260px;
      top: calc(50% - (260px / 2));
      right: -120px;
   }

   .whoWeAre__bg-img {
      width: 150px;
      left: 0;
      bottom: -50px;
   }
   .interested-bg-img {
      display: block;
   }
}

@media (max-width: 550px) {

   .main__btn,
   .whoWeAre__btn {
      width: 100%;
      justify-content: space-between;
   }
}