.platform-wrapper {
   background: #fff;
}

.platform {
   display: flex;
   flex-direction: column;
   width: 100%;
}

.platform-container {
   width: 100%;
   max-width: calc(1640px + 32px);
   padding: 0 16px;
   margin: 0 auto;
}

.platform__intro {
   margin-top: 40px;
   margin-bottom: 60px;
}

.platform__intro-inner {
   display: flex;
   background: #F9F9F9;
   border-radius: 44px;
   padding: 40px;
}

.platform__intro-block {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   margin: 50px 0;
   width: 100%;
   max-width: 812px;
   margin-left: 96px;
   margin-right: 28px;
}

.platform__intro-block h2 {
   font-weight: 700;
   font-size: 58px;
   line-height: 71px;

   color: #333333;
   margin-bottom: 36px;
}

.platform__btn {
   font-weight: 700;
   font-size: 20px;
   line-height: 24px;
   color: #FFFFFF !important;
   background: #31C2CB;
   border-radius: 8px;
   padding: 20px 40px;
   text-align: center;
   white-space: nowrap;
   transition: .2s;
}

.platform__btn:hover {
   opacity: .6;
   color: #fff;
}

.platform__intro-bottom {
   display: flex;
   align-items: center;
}

.platform__intro-text {
   font-weight: 500;
   font-size: 20px;
   line-height: 30px;
   color: #405051;
   margin-left: 30px;
}

.platform__intro-text a {
   color: #405051 !important;
   text-decoration: underline;
}

.platform__intro-text a:hover {
   opacity: .6;
}

.platform__intro-photo {
   position: relative;
   margin-left: 28px;
}

.platform__intro-photo img {
   width: 100%;
   max-width: 596px;
}

.platform__intro-wrapper {
   position: absolute;
   right: 30px;
   top: 30px;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
}

.platform__intro-desc {
   font-weight: 600;
   font-size: 20px;
   line-height: 24px;
   color: #FFFFFF;
   border-radius: 20px;
   padding: 9px 16px;
   margin-bottom: 12px;
}

.platform__intro-desc:first-child {
   background: #367CF6;
}

.platform__intro-desc:nth-child(2) {
   background: #4EABB7;
}

.platform__intro-desc:nth-child(3) {
   background: #4FAEF7;
}

.platform__about-wrapper {
   width: 100%;
   background: #F9F9F9;
   padding-top: 140px;
   padding-bottom: calc(140px - 16px);
}

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

.platform__about-block {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: calc(33.3333% - 8px);
   padding: 30px;
   background: #FFFFFF;
   box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.05);
   border-radius: 20px;
   margin-bottom: 16px;
}

.platform__about-title {
   font-weight: 700;
   font-size: 20px;
   line-height: 26px;
   text-align: center;
   color: #333333;
   margin-top: 25px;
   margin-bottom: 10px;
}

.platform__about-subtitle {
   font-weight: 500;
   font-size: 20px;
   line-height: 26px;
   text-align: center;
   color: #405051;
}

.platform__small-wrapper {
   width: 100%;
   max-width: calc(1364px + 32px);
   padding: 140px 16px;
   margin: 0 auto;
}

.platform__text-wrapper {
   max-width: 1508px;
   margin-left: auto;
}

.platform__start {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.platform__start-title {
   font-weight: 700;
   font-size: 48px;
   line-height: 59px;
   color: #333333;
   margin-bottom: 65px;
}

.platform__start-photo {
   width: 100%;
   max-width: 589px;
   border-radius: 28px;
   margin-right: 16px;
}

.platform__start-photo img {
   width: 100%;
   border-radius: 28px;
}

.platform__start-content {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   margin-left: 16px;
}

.platform__start-list {
   display: flex;
   flex-direction: column;
}

.platform__start-block {
   display: flex;
   margin-bottom: 30px;
}

.platform__start-block span {
   font-weight: 700;
   font-size: 30px;
   line-height: 37px;
   color: #367CF6;
   margin-right: 30px;
}

.platform__start-text {
   font-weight: 500;
   font-size: 20px;
   line-height: 26px;
   color: #405051;
}

.platform__start-content .platform__btn {
   margin-top: 70px;
}

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

.platform__slider {
   display: flex;
   width: 100%;
   max-width: 727px;
   margin-left: 30px;
}

.platform__slider .owl-stage-outer {
   border-radius: 16px;
}

.platform__text-content {
   display: flex;
   flex-direction: column;
   width: 100%;
   max-width: 675px;
   min-width: 520px;
   margin-right: 30px;
}

.platform__text-title {
   font-weight: 700;
   font-size: 48px;
   line-height: 59px;
   color: #333333;
   margin-bottom: 60px;
}

.platform__text-main {
   font-weight: 500;
   font-size: 20px;
   line-height: 26px;
   display: flex;
   align-items: center;
   color: #405051;
   margin-bottom: 20px;
}

.platform__text-logo {
   margin-top: calc(94px - 20px);
}

.platform__text-logo img {
   width: 100%;
   max-width: 399px;
}

.platform__slider-block {
   cursor: pointer;
   border-radius: 16px;
}

.platform__slider-block img {
   border-radius: 16px;
}

.platform-container-text {
   width: 100%;
   padding-top: 140px;
   padding-bottom: 80px;
   background: #F9F9F9;
}

.platform__partners {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin: 120px 0;
   width: 100%;
   max-width: 1338px;
   padding: 0 16px;
}

.platform__partners-title {
   font-weight: 700;
   font-size: 40px;
   line-height: 50px;
   color: #333333;
   margin-bottom: 80px;
}

.platform__partners-content {
   display: flex;
   justify-content: space-between;
   width: 100%;
}

.platform__join {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.platform__join-title {
   font-weight: 700;
   font-size: 48px;
   line-height: 59px;
   text-align: center;
   color: #333333;
   margin-bottom: 50px;
}

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

.platform__join-block {
   display: flex;
   flex-direction: column;
   background: #ECF3F9;
   border-radius: 20px;
   padding: 30px;
   width: calc(33.3333% - 8px);
}

.platform__join-header {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}

.platform__join-subtitle {
   font-weight: 700;
   font-size: 20px;
   line-height: 26px;
   text-align: center;
   color: #333333;
   width: 100%;
}

.platform__join-text {
   font-weight: 500;
   font-size: 20px;
   line-height: 26px;
   color: #405051;
}

.platform-container-join {
   padding: 140px 0;
   width: 100%;
}

.platform__join .platform__btn {
   margin-top: 50px;
}

.platform .specialists-container {
   max-width: calc(1640px + 32px);
}  

.platform .specialists-main {
   width: 100%;
   padding: 140px 0;
}

.platform__btn--blue {
   background: #367CF6;
}

.platform-container-faq {
   width: 100%;
   padding: 140px 0;
}

.platform-faq__left {
   display: flex;
   flex-direction: column; 
}

.platform-faq {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
}

.platform-faq__title {
   font-weight: 700;
   font-size: 48px;
   line-height: 59px;
   color: #333333;
   margin-bottom: 40px;
}

.platform-faq__content-wrapper {
   display: flex;
   flex-direction: column;
   width: 100%;
   max-width: 948px;
   margin-left: 30px;
}

.platform-faq__item {
   display: flex;
   flex-direction: column;
   padding: 20px 30px;
   background: #F9F9F9;
   border-radius: 20px;
   margin-bottom: 10px;
}

.platform-faq__item:last-child {
   margin-bottom: 0;
}

.platform-faq__content {
   display: flex;
   flex-direction: column;
   width: 100%;
   max-width: 948px;
}

.platform-faq__header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 16px;
}

.platform-faq__header button {
   font-weight: 700;
   font-size: 24px;
   line-height: 30px;
   color: #367CF6;
   background: none;
   border: none;
   width: 100%;
   padding: 0;
   text-align: start;
   transition: .2s;
}

.platform-faq__header button:hover {
   opacity: .6;
}

.platform-faq__header .collapsed {
   color: #333333 !important;
}

.platform-faq__header .fa-chevron-down {
   font-size: 18px;
   color: #94B3EF;
}

.platform-faq__left {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.platform-faq__left .platform__btn {
   margin-top: 60px;
}

.platform-faq__faq-text .card-body {
   padding: 0;
   font-weight: 500;
   font-size: 20px;
   line-height: 26px;
   color: #333333;
}

.platform-faq__item .collapsed + i {
   transform: rotate(0deg);
}

.platform-faq__item i {
   transform: rotate(180deg);
   transition: .4s;
}

.platform__footer-wrapper {
   padding: 80px 0;
   background: #F9F9F9;
   width: 100%;
}

.platform__footer {
   position: relative;
   background-image: url('/static/img/platform/footer.png');
   height: 481px;
}

.platform__footer-text-wrapper {
   position: absolute;
   top: 32px;
   left: 67px;
}

.platform__footer-text {
   font-weight: 700;
   font-size: 26px;
   line-height: 30px;
   color: #FFFFFF;
   background: #367CF6;
   border-radius: 12px;
   width: 100%;
   max-width: 431px;
   padding: 20px;
}

.platform__footer img {
   width: 100%;
}

.platform__footer-text-container {
   position: relative;
   overflow: visible;
}

.platform__footer-element {
   width: 24px;
   height: 22px;
   position: absolute;
   right: 30px;
   bottom: -22px;
}

.platform__partners-wrapper {
   display: flex;
   justify-content: center;
   background: #F9F9F9;
}

.platform .specialists-main {
   background: #F9F9F9;
}

.platform__intro-mobile {
   display: none;
}

.platform__start-title-mobile {
   display: none;
}

.platform__text-logo-mobile {
   display: none;
}

.platform-faq__photo {
   margin-right: 30px;
}

@media (max-width: 1200px) {
   .platform__intro-block h2 {
      display: none;
   }

   .platform__intro-inner {
      flex-direction: column;
      align-items: flex-start;
   }

   .platform__intro-mobile {
      display: block;
      order: 1;
      font-weight: 700;
      font-size: 26px;
      line-height: 30px;
      color: #333333;
      margin-bottom: 30px;
   }

   .platform__intro-photo {
      display: flex;
      order: 2;
      margin-left: 0;
      margin-bottom: 30px;
   }

   .platform__intro-block {
      order: 3;
      margin: 0;
   }

   .platform__intro-inner {
      background: none;
      padding: 0;
   }

   .platform__intro {
      margin-top: 25px;
      margin-bottom: 0;
   }

   .platform {
      background: #F9F9F9;
   }

   .platform__about-block {
      width: calc(50% - 5px);
   }

   .platform__about-wrapper {
      padding-top: 60px;
      padding-bottom: calc(60px - 10px);
   }

   .platform__about-subtitle br {
      display: none;
   }

   .platform__about-subtitle {
      font-size: 18px;
      line-height: 22px;
   }

   .platform-container-text {
      padding: 0;
   }

   .platform__text {
      flex-direction: column;
   }

   .platform__text-logo {
      display: none;
   }

   .platform__text-logo-mobile {
      display: block;
      margin-top: 30px;
   }

   .platform__text-logo-mobile img {
      width: 100%;
      max-width: 400px;
   }

   .platform__text-title {
      font-size: 24px;
      line-height: 28px;
      text-align: center;
      width: 100%;
      margin-bottom: 20px;
   }

   .platform__text-content {
      width: 100%;
      min-width: 100%;
      margin-right: 0;
   }

   .platform__text-main {
      font-size: 18px;
      line-height: 22px;
   }

   .platform__slider {
      margin-left: 0;
      margin-top: 10px;
   }

   .platform-faq {
      flex-direction: column-reverse;
      align-items: center;
   }

   .platform-container-faq {
      padding: 60px 0;
      background: #fff;
   }

   .platform-faq__content-wrapper {
      margin-left: 0;
      max-width: 100%;
   }

   .platform-faq__title {
      font-size: 24px;
      line-height: 28px;
      text-align: center;
      width: 100%;
      margin-bottom: 30px;
   }

   .platform-faq__content {
      max-width: 100%;
   }

   .platform-faq__photo {
      margin: 0;
      margin-top: 30px;
   }

   .platform-faq__photo img {
      width: 100%;
   }

   .platform-faq__header button {
      font-size: 18px;
      line-height: 22px;
   }

   .platform-faq__header button br {
      display: none;
   }

   .platform-faq__faq-text .card-body {
      font-size: 18px;
      line-height: 22px;
   }

   .platform-faq__item {
      padding: 15px;
   }
}

@media (max-width: 991px) {
   .platform__about-block {
      width: calc(100% - 5px);
      padding: 20px 15px;
   }

   .platform__small-wrapper {
      background: #fff;
      padding: 60px 16px;
   }

   .platform__start-title {
      display: none;
   }

   .platform__start-title-mobile {
      display: block;
      font-weight: 700;
      font-size: 24px;
      line-height: 28px;
      text-align: center;
      width: 100%;
      color: #333333;
      margin-bottom: 30px;
   }
   
   .platform__start {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
   }

   .platform__start-photo {
      margin-right: 0;
      margin-bottom: 30px;
   }

   .platform__start-content .platform__btn {
      width: 100%;
      margin-top: 10px;
   }

   .platform__start-content {
      margin: 0;
      width: 100%;
   }

   .platform__start-text br {
      display: none;
   }

   .platform__start-text {
      font-size: 18px;
      line-height: 22px;
   }

   .platform__start-block span {
      font-weight: 700;
      font-size: 24px;
      line-height: 32px;
      margin-right: 19px;
   }

   .platform__start-block {
      margin-bottom: 20px;
   }

   .platform-container-text {
      padding-top: 60px;
      padding-bottom: 60px;
   }

   .platform__partners {
      margin: 60px 0;
   }

   .platform__partners-title {
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 30px;
   }

   .platform__partners-content {
      flex-direction: column;
      align-items: center;
   }

   .platform__partners-logo {
      margin-bottom: 30px;
   }

   .platform__partners-logo:last-child {
      margin-bottom: 0;
   }

   .platform-container-join {
      background: #fff;
      padding: 60px 0;
   }

   .platform__join-title {
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 30px;
   }

   .platform__join-block {
      width: 100%;
      margin-bottom: 16px;
   }

   .platform__join-content {
      flex-wrap: wrap;
   }

   .platform__join-header {
      flex-direction: column;
      margin-bottom: 16px;
   }

   .platform__join-subtitle {
      margin-top: 20px;
   }

   .platform__join-text {
      font-size: 18px;
      line-height: 22px;
   }

   .platform__join .platform__btn {
      width: 100%;
      margin-top: 14px;
   }

   .platform .specialists-main {
      padding: 60px 0;
   }

   .platform-faq__left .platform__btn {
      width: 100%;
      margin-top: 30px;
   }

   .platform .main-page__btn {
      padding: 0 16px;
   }

   .platform .main-page__btn a {
      width: 100%;
   }
}

@media (max-width: 764px) {
   .platform__intro-bottom {
      flex-direction: column;
   }

   .platform__btn {
      width: 100%;
   }

   .platform__intro-text {
      margin-top: 20px;
   }

   .platform__intro-wrapper {
      top: 10px;
      right: 10px;
   }

   .platform__join-block {
      padding: 20px 15px;
   }

   .platform__slider-block {
      width: calc(100% - 16px);
      min-width: calc(100% - 16px);
   }

   .platform__slider .owl-stage-outer {
      overflow: visible;
   }
}

@media (max-width: 576px) {
   .platform__footer {
      position: relative;
      background-image: url('/static/img/platform/footer-mobile.png');
      background-size: cover;
      background-repeat: no-repeat;
      height: 481px;
   }

   .platform__footer-text {
      max-width: 100%;
      font-size: 24px;
      line-height: 28px;
      padding: 15px;
   }

   .platform__footer-text-wrapper {
      left: 0;
   }

   .platform__footer-wrapper {
      padding: 60px 0;
      padding-top: 20px;
   }
}