shkola/wp-content/themes/dekart/assets/css/after-school.css

:root {
   /* --main-color: #BF568E;
   --main-blue: #006DB7;
   --main-yellow: #FFD43E; */
}

/* html {
   height: auto;
}

body {
   color: #000;
   font-family: Roboto;
   background: #FFF;
} */

/* p {
   font-weight: 400;
   padding: 0;
}

h2 {
   font-family: Oswald;
} */

.as-container {
   max-width: 960px;
   margin: 0 auto;
   position: relative;
   display: flex;
   flex-direction: column;
   gap: 60px;
}

/* as-banner */
.as-banner {
   display: flex;
   flex-direction: column;
   gap: 24px;
}

.as-banner_img {
   width: 100%;
   height: 480px;
   object-fit: cover;
}

.as-banner_title {
   font-weight: 700;
   font-size: 42px;
   line-height: 52px;
   color: #0D141C;
   text-align: center;
}

.as-banner_blocks {
   display: flex;
   flex-wrap: wrap;
   gap: 24px;
}

.as-banner_blocks div {
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 15px;
   border-radius: 10px;
}

.as_block1 {
   width: 100%;
   font-style: normal;
   font-size: 24px;
   line-height: 30px;
   text-align: center;
   color: #F7FAFC;
   background-color: #59545C;
}

.as_block1 span {
   font-weight: 700;
}

.as_block2 {
   width: 55%;
   font-weight: 700;
   background-color: #FAE7C4;
   font-size: 24px;
}

.as_block3 {
   width: calc(44% - 24px);
   font-weight: 700;
   background-color: #95D7EF;
   font-size: 24px;
}

.as_block3 span {
   display: block;
   font-size: 16px;
}

/* as- END */

/* promo__block */
.promo__block {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 20px 16px;
   gap: 50px;
   background: #FFFFFF;
   border: 1px solid #000000;
   border-radius: 10px;
}

.promo__block_text {
   width: 50%;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   color: #0D141C;
   padding-left: 130px;
   padding-right: 40px;
}

.promo__block_text span {
   display: block;
   font-weight: 700;
}

.promo__block_btn-action {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 0px 28.2593px;
   width: 327px;
   min-width: 117.67px;
   max-width: 672.43px;
   height: 67.24px;
   background: #1A8FE6;
   border-radius: 16.8106px;
   text-align: left;
   font-weight: 700;
   font-size: 22.4142px;
   line-height: 34px;
   color: #F7FAFC;
}

/* promo__block END */

/* as-advantages */
.as-advantages {
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 20px 16px;
   gap: 20px;
   background: #95D7EF;
   border-radius: 10px;
}

.as_title {
   font-family: Roboto;
   font-weight: 900;
   font-size: 22px;
   color: #121417;
}

.as_description {
   font-weight: 400;
   font-size: 16px;
   line-height: 20px;
   color: #0D141C;
}

.as-advantages-wrapper {
   display: flex;
   gap: 12px;

}

.as-advantages__item {
   width: calc(25% - 6px);
   flex-direction: column;
   align-items: flex-start;
   padding: 16px;
   background: #FFFFFF;
   border: 1px solid #DBE3E6;
   border-radius: 8px;
}

.as-advantages__item p {
   margin: 0;
}

.as-advantages__item_logo {
   margin-bottom: 12px;
}

.as-advantages__item_title {
   margin-bottom: 4px;
   font-weight: 700;
   font-size: 16px;
   line-height: 20px;
   color: #121417;
}

.as-advantages__item_description {
   font-weight: 400;
   font-size: 14px;
   line-height: 21px;
   color: #5E7A8C;
}

/* as-advantages END */

/* activities */
.activities {
   background: #F7FAFC;
   gap: 20px;
}

.as-activities-wrapper {
   gap: 70px;
}

.as-activities__item {
   /* width: calc(25% - 50px); */
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 8px;
}

.as-activities__item_logo {
   width: 100%;
   display: flex;
   border: 1px solid #000000;
   border-radius: 12px;
   height: 173px;
   overflow: hidden;
}

.as-activities__item_logo img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* activities END */
/* as-teachers */
.as-teachers {
   background: #95D7EF;
}

.as-teachers .as-advantages-wrapper {
   flex-wrap: wrap;
}

.as-teachers__item {
   max-width: 223px;
   min-width: 223px;
   background: #FFFFFF;
   display: flex;
   gap: 12px;
   flex-direction: column;
   align-items: center;
   padding: 16px;
   border-radius: 8px;
   flex: 1;
}

.as-teachers__item_logo {
   display: flex;
   width: 100%;
   justify-content: center;
}

.as-teachers__item_logo img {
   width: 140px;
   height: 140px;
   border-radius: 50%;
}

.as-teachers__item .as-advantages__item_title {
   margin: 0;
}

.as-advantages__item_description {
   margin-top: -12px;
}

/* as-teachers END */

/* as-schedule */
.as-schedule {
   border-radius: 0;
   background: #F7FAFC;
   gap: 16px;
}

.as-schedule-wrapper {
   display: flex;
   flex-direction: column;
   gap: 16px;
}

.as-schedule_title {
   font-weight: 700;
   font-size: 16px;
   line-height: 28px;
   color: #121417;
}

.as-schedule_li {
   font-weight: 400;
   font-size: 16px;
   line-height: 21px;
   color: #4F7896;
}

/* as-schedule END */

/* as-price */
.as-price {
   gap: 16px;
   background: #FAE7C4;
}

.as-price__block {
   display: flex;
   flex-direction: column;
   font-size: 16px;
}

.as-price_title {
   font-weight: 700;
   font-size: 22px;
   line-height: 28px;
   color: #0D141C;
}

.as-price__block span {
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   color: #4F7896;
}

.as-price_img {
   width: 500px;
}

/* as-price END */

/* as-reviews */
.as-reviews {
   background: #F7FAFC;
}

.as-reviews-wrapper {
   position: relative;
   padding: 0 50px;
}

.as-desctop {
   padding: 0;
}

.custom-button {
   top: calc(50% - 20px);
}

.as-desctop .custom-button {
   display: none;
}

.as-desctop .swiper-wrapper {
   display: flex;
   flex-wrap: wrap;
   gap: 25px;
   padding: 10px;
}

.as-desctop .reviews__item {
   width: calc(50% - 21px);
}

.as-reviews-wrapper .swiper {
   padding: 2px;
}

.as-reviews__banner {
   padding: 24px;
   display: flex;
   flex-direction: column;
   gap: 8px;
   background: #BF568E;
   border-radius: 8px;
   color: #F7FAFC;
}

.as-reviews__banner p {
   font-weight: 500;
   font-size: 16px;
   line-height: 24px;
}

.as-reviews_stars {
   font-weight: 700;
   font-size: 24px;
   line-height: 30px;
   display: flex;
   align-items: center;
   gap: 10px;
}

/* as-reviews END */

/* as-faq */
.as-faq {
   background: #95D7EF;
}

.as-faq-wrapper {
   padding: 16px;
}

.as-faq-wrapper .box__accordion_label {
   display: flex;
   align-items: center;
   justify-content: space-between;
   background: #fff;
   border-radius: 8px;
   padding: 7px 15px !important;
}

.as-faq-wrapper .accordion {
   margin: 0 !important;
}

.as-faq-wrapper .accordion .box__accordion {
   border-radius: 8px;
   background: #fff;
}

.as-faq-wrapper svg {
   transition: .2s;
}

.as-faq-wrapper .active svg {
   rotate: -180deg;
}

.as-faq-wrapper .box__accordion_content-text {
   padding-left: 15px;
   padding-bottom: 10px;
}

.as-faq-wrapper .accordion .box__accordion .box__accordion_label::after {
   display: none;
}

/* as-faq END */

/* as-sign-up */
.as-sign-up {
   background: #FAE7C4;
   gap: 16px;
}

.as-sign-up-wrapper {
   padding: 0 16px;
}

.as-sign-up__item {
   display: flex;
   gap: 8px;
}

.as-sign-up__item-content {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.as-sign-up__item-content__title {
   font-weight: 500;
   font-size: 16px;
   line-height: 24px;
   color: #121417;
}

.as-sign-up__item-content__text {
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   color: #5E7A8C;
}

/* as-sign-up END*/

/* as-foto */
.as-foto {
   background: #F7FAFC;
   gap: 20px;
}

.as-foto-wrapper {
   position: relative;
   padding: 0 54px;
}

.foto__item {
   height: 250px;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #000000;
   border-radius: 12px;
   overflow: hidden;
}

.foto__item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.reviews-foto-prev {
   left: 0 !important;
   top: calc(50% - 12px);
}

.reviews-foto-next {
   right: 0 !important;
   top: calc(50% - 12px);
}

/* as-foto END */

.as-promo-form {
   background: #F7FAFC;
   gap: 30px;
}

.as-promo-form .promo-form-left-part,
.as-promo-form .promo-form-right-part {
   width: calc(50% - 10px);
   border: 1px solid #000000;
   border-radius: 10px;
   overflow: hidden;
}

.as-promo-form .promo-form-wrapper {
   background: none;
}

.as-promo-form .b24-form-header-title,
.as-promo-form .b24-form-field-agreement-link,
.as-promo-form .b24-form-control-required,
.as-promo-form [type="checkbox"],
.as-promo-form .b24-form-sign-abuse {
   display: none !important;
}

.as-promo-form .promo-form-left-part {
   gap: 16px;
}

.as-promo-form .phone a {
   font-weight: 400;
   font-size: 30.6187px;
   line-height: 46px;
   color: #4F7896;
   text-decoration: underline;
}

.as-promo-form .text-block_label {
   color: #0D141C !important;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   text-transform: math-auto;
}

.as-promo-form .promo-form-right-part {
   flex-direction: column;
   justify-content: center;
   align-items: center;
   color: #0D141C;
}

.as-promo-form .b24-form-control-icon-after .b24-form-control {
   border: none !important;
   background: #E8EDF2 !important;
}

.as-promo-form .b24-form-btn-block {
   margin-top: 12px;
}

.as-promo-form .b24-form-btn-block button {
   background-color: #1A8FE5 !important;
   padding: 12px;
   font-family: Roboto !important;
   text-transform: capitalize !important;
}

.as-promo-form .promo-form-wrapper {
   padding: 0 60px;
}

.as-promo-form .b24-form-header {
   border: none;
}

.as-promo-form .b24-form-wrapper {
   background: none;
}

/* as-map */
.as-map {
   background: #F7FAFC;
   gap: 16px;
}

/* as-map END */

.modal-camp-request-form {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #000;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 99999;
}

@media screen and (max-width: 960px) {
   .as-container {
      background: #F7FAFC;
   }

   .as-container {
      gap: 30px;
   }

   .as-banner_img {
      height: 320px;
   }

   .as-banner_title {
      font-size: 26px;
      line-height: 35px;
   }

   .as-banner_blocks div {
      border-radius: 0;
   }

   .as_block1 {
      font-size: 16px;
      line-height: 24px;
   }

   .as_block2 {
      width: 100%;
      font-size: 16px;
      line-height: 24px;
   }

   .as_block3 {
      width: 100%;
      background: none;
      gap: 24px;
      font-weight: 400;
      font-size: 16px;
      line-height: 20px;
      padding-bottom: 0 !important;
   }

   .promo__block_btn-action {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 0px 20px;
      width: 234px;
      max-width: 480px;
      height: 48px;
      background: #1A8FE6;
      border-radius: 12px;
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
   }

   .as-advantages {
      border-radius: 0;
   }

   .activities {
      padding: 0px 16px;
   }

   .as-advantages-wrapper.mobile {
      flex-direction: column;
      gap: 0;
      font-size: 16px;
      color: #0D141C;
      margin-left: 16px;
      gap: 2px;
   }

   .as-advantages-wrapper li {
      list-style-type: disc;
   }

   .as-foto-wrapper {
      padding: 0 24px;
   }

   .activities .as-activities-wrapper {
      gap: 12px;
      flex-wrap: wrap;
   }

   .as-activities__item {
      width: calc(50% - 6px);
      flex: none;
   }

   .as-activities__item_logo {
      max-width: 175px;
   }

   .as-teachers {
      padding-right: 0;
   }

   .as-advantages-wrapper {
      overflow: auto;
      padding-bottom: 10px;
      padding-right: 16px;
   }

   .as-teachers .as-advantages-wrapper {
      flex-wrap: nowrap;
   }

   .as-reviews-wrapper .reviews-owl-prev {
      left: 0;
   }

   .as-teachers__item {
      min-width: 225px;
   }

   .as-advantages__item_title {
      text-align: center;
   }

   .as-price_title {
      font-size: 16px;
   }

   .as-price_img {
      width: 100%;
      height: auto;
   }

   .as-reviews__banner {
      padding: 10px 16px;
   }

   .as-reviews-wrapper {
      padding: 0 0 0 30px;
   }

   .reviews__item-wrapper {
      padding: 12px;
   }

   .as-reviews-wrapper .reviews__item-client_text {
      font-size: 12px;
   }

   .reviews__item-client_avatar {
      flex-shrink: 0;
   }

   .as-faq-wrapper {
      padding: 0;
   }

   .as-foto-wrapper {
      padding: 0 0 0 24px;
   }

   .as-promo-form .promo-form-wrapper {
      padding: 0;
   }

   .as-promo-form .promo-form-left-part,
   .as-promo-form .promo-form-right-part {
      width: 100%;
      border: none;
      border-radius: none;
   }

   .as-promo-form {
      gap: 0;
   }

   .as-promo-form .b24-form-content form {
      padding: 0 !important;
   }
}