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

.main {
   padding: 80px 0 48px;
   position: relative;
   overflow: hidden;
}

.main-services-bg-b-c {}

.main__inner {}

.text__wrap {
   margin-bottom: 32px;
}

.pp__title {
   font-weight: 800;
   font-size: 48px;
   line-height: 56px;
   margin-bottom: 22px;
}

.pp__desc {
   font-weight: 400;
   font-size: 16px;
   line-height: 30px;
   margin-bottom: 8px;
   max-width: 917px;
}

.pp__subtitle {
   font-weight: 600;
   font-size: 32px;
   line-height: 46px;
   margin-bottom: 8px;
}

@media screen and (max-width: 768px) {
   .main__inner {
      text-align: center;
   }

   .main-services-bg-b-c {
      display: none;
   }

   .main {
      padding: 64px 0 32px;
   }
}

@media screen and (max-width: 500px) {
   .main {
      padding: 24px 0 42px;
   }

   .text__wrap {
      margin-bottom: 18px;
   }

   .pp__title {
      margin-bottom: 18px;
      font-size: 40px;
      line-height: 56px;
   }

   .pp__desc {
      font-size: 18px;
      line-height: 26px;
      margin: 0 auto 10px;
      max-width: 274px;
   }

   .pp__subtitle {
      font-size: 18px;
      line-height: 25px;
      margin: 0 auto 10px;
      max-width: 274px;
   }
}