From 672d7b68fc2d3c5f1d8b3ac39b6ac9ea51d77508 Mon Sep 17 00:00:00 2001 From: Dekart Deploy Bot Date: Fri, 8 May 2026 13:39:31 +0300 Subject: [PATCH] =?UTF-8?q?=D0=9B=D0=B0=D0=B3=D0=B5=D1=80=D1=8C,=20=D0=B1?= =?UTF-8?q?=D0=BB=D0=BE=D0=BA=20hero=20-=20=D1=88=D1=80=D0=B8=D1=84=D1=82?= =?UTF-8?q?=D1=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- wp-content/themes/dekart/assets/css/camp.css | 4395 +++++++++--------- wp-content/themes/dekart/header.php | 4 +- 2 files changed, 2202 insertions(+), 2197 deletions(-) diff --git a/wp-content/themes/dekart/assets/css/camp.css b/wp-content/themes/dekart/assets/css/camp.css index 29fd862..a868b9e 100644 --- a/wp-content/themes/dekart/assets/css/camp.css +++ b/wp-content/themes/dekart/assets/css/camp.css @@ -1,2195 +1,2195 @@ -:root { - --main-color: #BF568E; - --main-blue: #006DB7; - --main-yellow: #FFD43E; -} - -html { - height: auto; -} - -/* =========================== */ -/* camp */ -.camp { - display: flex; - flex-direction: column; - gap: 75px; - padding-top: 30px !important; - padding-bottom: 30px !important; -} - -.container_camp { - width: 100%; - max-width: 1200px; - margin: 0 auto; - padding: 0 20px; -} - -p { - font-weight: 400; - margin: 0 0 30px 0; - padding: 0; -} - -.camp_title { - color: #212121; - font-size: 45px; - line-height: 1.25; - font-weight: 400; - padding-bottom: 45px; -} - -.camp_text { - color: #212121; - font-size: 18px; - font-weight: 500; -} - -/* banner */ -.banner { - position: relative; - display: flex; - border-radius: 40px; - justify-content: space-between; - overflow: hidden; - background: rgb(58, 154, 104); - background: linear-gradient(45deg, rgba(58, 154, 104, 1) 0%, rgba(47, 204, 122, 1) 100%); -} - -.banner_label { - position: absolute; - padding: 10px 20px; - color: #fff; - font-size: 20px; - border-radius: 30px; -} - -.banner_label1 { - top: 45%; - left: 50%; - background-color: #e94563; - animation: animate1 4s infinite; -} - -.banner_label2 { - top: 80%; - left: 48%; - background-color: #ae5fcd; - animation: animate2 3s infinite; -} - -.banner_label3 { - top: 80%; - left: 80%; - background-color: #13acd0; - animation: animate3 2.5s infinite; - rotate: -15deg; -} - -@keyframes animate1 { - 0% { - rotate: 15deg; - } - - 50% { - rotate: 25deg; - } - - 100% { - rotate: 15deg; - } -} - -@keyframes animate2 { - 0% { - rotate: -15deg; - } - - 50% { - rotate: -25deg; - } - - 100% { - rotate: -15deg; - } -} - -@keyframes animate3 { - 0% { - scale: 1; - } - - 50% { - scale: 1.1; - } - - 100% { - scale: 1; - } -} - -.banner-add { - background-position: center; - background-repeat: no-repeat; - background-size: cover; -} - -.banner__left-part { - width: 50%; - display: flex; - flex-direction: column; - gap: 30px; - padding: 40px 30px 40px 40px; -} - -.banner_title { - color: #fff; - font-size: 41px; - line-height: 1.25; - font-weight: 600; -} - -.banner_text { - color: #fff; - font-size: 18px; - line-height: 1.3; - padding: 0; - text-align: left; -} - -.banner_text-min { - color: #fff; - font-size: 15px; - font-weight: 500; - opacity: 0.65; -} - -.banner_btn { - color: #fff; - font-size: 20px; - line-height: 1.2; - font-weight: 600; - text-transform: uppercase; - border: 2px solid #42425c; - border-radius: 50px; - background-color: #42425c; - transition: .3s; - padding: 20px 30px; - width: fit-content; -} - -.banner_btn:hover { - background-color: #fff; - color: #212121; -} - -.banner__right-part { - border-radius: 40px; - overflow: hidden; -} - -.modal-programs__content { - max-width: 860px; - overflow-y: auto; -} - -/* banner END */ -/* suggestions */ -.suggestions {} - -.suggestions-wrapper { - display: flex; - flex-wrap: wrap; - gap: 50px; -} - -.suggestions__item { - width: calc(33.33% - 34px); - display: flex; - flex-direction: column; - gap: 10px; -} - -.suggestions__item_img { - width: 100%; - border-radius: 30px; - height: 200px; - object-fit: cover; -} - -.suggestions__item_title { - color: #212121; - font-size: 30px; - line-height: 1.25; - font-weight: 600; - flex: 1; -} - -.suggestions__item_text { - color: #212121; - font-size: 18px; - line-height: 1.3; -} - -/* suggestions END */ -/* infograph */ -.infograph {} - -.infograph-wrapper { - margin-top: 30px; - display: flex; - gap: 40px; -} - -.infograph__item { - width: calc(25% - 20px); - display: flex; - flex-direction: column; - gap: 10px; -} - -.infograph__item_img { - border-radius: 30px; - width: 234px; - aspect-ratio: 1 / 1; -} - -.infograph__item_title { - color: #9d9d9d; - font-size: 18px; - line-height: 1.25; - font-weight: 500; -} - -.infograph__item_data { - color: #212121; - font-size: 30px; - line-height: 1.25; - font-weight: 600; -} - -/* infograph END */ -/* programs */ -.programs-wrapper { - flex-wrap: wrap; - display: flex; - gap: 30px; -} - -.programs__item { - width: calc(33.33% - 20px); - display: flex; - flex-direction: column; - gap: 20px; -} - -.programs__item_img { - border-radius: 30px; - width: auto; - height: 350px; - object-fit: cover; -} - -.programs__item p { - margin: 0; -} - -.scroll-icon-wrapper { - display: none; -} - -.programs__item_title { - font-size: 26px; - line-height: 1.2; - color: #212121; - font-weight: 600; - flex: 1; -} - -.programs__item_date { - font-weight: 600; - font-size: 18px; -} - -.programs__item_text { - font-size: 16px; - line-height: 1.3; - color: #212121; - font-weight: 500; -} - -.programs__item_price { - font-size: 26px; - color: #212121; - font-weight: 600; -} - -.btn-details { - width: fit-content; - color: #ffffff; - border: 2px solid #3bb273; - background-color: #3bb273; - font-weight: 600; - text-transform: uppercase; - border-radius: 30px; - padding: 15px 30px; - transition: .3s; -} - -.btn-details:hover { - background-color: transparent; - color: #212121; -} - -.modal-programs, -.modal-mentors { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - display: none; - align-items: center; - justify-content: center; - background-color: #000000ce; - z-index: 100; -} - -.modal-programs.open { - display: flex; -} - -.modal-mentors.open { - display: flex; -} - -.modal-programs-wrapper { - position: relative; - display: flex; - gap: 30px; - border-radius: 30px; - background-color: #fff; - padding: 40px; - max-width: 90%; - max-height: 90%; -} - -.modal-programs__content p { - margin-bottom: 15px; -} - -.programs__content { - white-space: pre-line; -} - -.btn-close-modal { - position: absolute; - bottom: 100%; - left: 100%; -} - -.btn-close-mentors { - position: absolute; - position: absolute; - bottom: 100%; - left: 100%; -} - -.modal-programs__img { - min-width: 260px; - height: 260px; - border-radius: 30px; - overflow: hidden; -} - -.modal-programs__img img { - width: 100%; - height: 100%; - object-fit: contain; -} - -/* programs END */ -/* bring-child */ -.bring-child p { - margin-bottom: 0; -} - -.bring-child-wrapper { - display: flex; - gap: 40px; -} - -.part-day { - width: calc(50% - 20px); - padding: 30px; - border-radius: 40px; - border: 2px solid #e8e8e8; - display: flex; - flex-direction: column; - gap: 30px; - color: #212121; -} - -.block-row { - display: flex; - align-items: center; - gap: 10px; -} - -.part-day_title { - display: flex; - flex-direction: column; - gap: 10px; -} - -.part-day_title-text { - font-size: 30px; - line-height: 1.2; - font-weight: 600; -} - -.part-day_text { - font-size: 18px; - line-height: 1.3; - font-weight: 500; -} - -.part-day__price { - padding-bottom: 30px; - border-bottom: 1px solid #e8e8e8; - display: flex; - flex-direction: column; - gap: 10px; -} - -.part-day__price_price { - font-size: 45px; - line-height: 1; - font-weight: 600; -} - -.part-day__price_time { - font-size: 18px; - font-weight: 500; - border-radius: 30px; - color: #fff; - padding: 5px 10px; - margin-left: 10px; -} - -.camp-left-part .part-day__price_time { - border: 2px solid #3bb273; - background-color: #3bb273; -} - -.camp-right-part .part-day__price_time { - border: 2px solid #ae5fcd; - background-color: #ae5fcd; -} - -.non-bg { - background-color: transparent !important; - color: #212121; -} - -.part-day__price_text { - color: #9d9d9d; - font-size: 18px; - line-height: 1.3; - font-weight: 500; -} - -.btn-place { - padding: 20px 0; - color: #ffffff; - font-size: 20px; - line-height: 1.3; - font-weight: 600; - width: 100%; - border-radius: 50px; - text-transform: uppercase; - transition: .3s; -} - -.camp-left-part .btn-place { - border: 2px solid #3bb273; - background-color: #3bb273; -} - -.camp-right-part .btn-place { - border: 2px solid #ae5fcd; - background-color: #ae5fcd; -} - -.btn-place:hover { - background-color: transparent !important; - color: #212121; -} - -.part-day ul { - display: flex; - flex-direction: column; - gap: 10px; - color: #212121; - font-size: 18px; - line-height: 1.3; - font-weight: 500; - padding-left: 20px; -} - -.part-day ul li { - list-style: disc; -} - -/* bring-child END */ -/* mentors */ -.mentors-wrapper { - display: flex; - flex-wrap: wrap; - gap: 40px 30px; - justify-content: center; -} - -.mentors__item { - width: calc(25% - 23px); - display: flex; - flex-direction: column; - gap: 10px; - align-items: center; -} - -.mentors__item_img { - border-radius: 30px; - width: 100%; - height: auto; - max-height: 270px; - object-fit: contain; -} - -.mentors__item_name { - font-size: 26px; - line-height: 1.2; - color: #212121; - font-weight: 600; - text-align: center; - flex: 1; -} - -.mentors__item_text { - font-size: 18px; - line-height: 1.3; - color: #929292; - font-weight: 500; - text-align: center; - margin-bottom: 10px; -} - -/* modal-mentors */ -.modal-mentors-wrapper { - position: relative; - padding: 50px; - width: 90%; - height: 100%; - border-radius: 0; - background-color: #fff; - display: flex; - gap: 40px; - color: #212121; - height: fit-content; - max-height: 80%; - border-radius: 30px; -} - -.modal-mentors__content { - flex: 1; - display: flex; - flex-direction: column; - gap: 20px; - overflow-y: auto; -} - -.modal-mentors__content p { - margin-bottom: 0; -} - -.modal-mentors__content svg { - min-width: 30px; - width: 30px; - height: 30px; -} - -.modal-mentors_name { - font-size: 43px; - font-weight: 600; -} - -.modal-mentors_job { - font-size: 26px; - line-height: 1.25; - font-weight: 600; -} - -.modal-mentors__directions { - display: flex; - flex-wrap: wrap; - gap: 10px; -} - -.modal-mentors__directions span { - padding: 10px 20px; - background-color: #3bb273; - color: #fff; - font-size: 16px; - line-height: 1; - font-weight: 400; - border-radius: 30px; -} - -.modal-mentors__about { - display: flex; - gap: 20px; -} - -.about-item { - width: 50%; - padding: 20px; - border-radius: 20px; - background-color: #e7fff2; - display: flex; - gap: 10px; -} - -.mentors__about-col { - display: flex; - flex-direction: column; - gap: 16px; -} - -.mentors__about-col_title { - font-size: 20px; - line-height: 1.3; - font-weight: 600; -} - -.mentors__about-col_text { - font-size: 16px; - line-height: 1.3; - font-weight: 500; -} - -.modal-additional__education { - width: 100%; - padding: 20px; - border-radius: 20px; - border: 2px solid #f0f0f0; - display: flex; - gap: 10px; -} - -.modal-additional__education_list ul { - display: flex; - flex-wrap: wrap; - gap: 10px 30px; - font-size: 16px; - line-height: 1.3; - font-weight: 500; -} - -.modal-additional__education_list li { - width: calc(50% - 20px); - position: relative; - padding-left: 20px; -} - -.modal-additional__education_list li::before { - content: ''; - position: absolute; - width: 6px; - height: 6px; - border-radius: 50%; - background-color: #3bb273; - top: 5px; - left: 0; -} - -/* modal-mentors END */ -/* mentors END */ - -/* routine */ -.routine p { - margin-bottom: 0; -} - -.routine-wrapper { - position: relative; - display: flex; - margin-left: 20px; - flex-direction: column; - gap: 40px; - color: #212121; -} - -.routine__item { - position: relative; - display: flex; - gap: 30px; -} - -.routine__item_time { - width: 160px; - font-size: 24px; - line-height: 1.2; - font-weight: 600; - text-align: end; -} - -.routine__item_time-mobile { - display: none; -} - -.routine__item_circle { - position: relative; - margin-top: 4px; - width: 22px; - height: 22px; - border-radius: 50%; - background-color: #3bb273; - border: 4px solid #fff; -} - -.routine__item::before { - content: ''; - position: absolute; - top: 20px; - width: 2px; - background-color: #d4d4d4; - bottom: -50px; - left: 200px; -} - -.routine__item_text { - flex: 1; - display: flex; - flex-direction: column; - gap: 10px; -} - -.routine__item_text-title { - font-size: 24px; - line-height: 1.2; - font-weight: 600; -} - -.routine__item_text-text { - font-size: 18px; - line-height: 1.3; - font-weight: 500; -} - -.routine__item:last-child::before { - display: none; -} - -/* routine END*/ -/* foto */ -.camp-foto-wrapper { - display: flex; - gap: 20px; -} - -.foto-left-part { - width: 50%; - overflow: hidden; -} - -.camp-swiper-foto { - position: relative; - margin-bottom: 5px; -} - -.swiper-button-next:after, -.swiper-button-prev:after { - color: #fff; - font-weight: 600; - font-size: 14px; - padding: 5px; - border-radius: 50%; - height: 28px; - width: 28px; - display: flex; - background: #3bb273; - align-items: center; - justify-content: center; -} - -/* swiper */ -.swiper-slide { - text-align: center; - font-size: 18px; - background: #fff; - - /* Center slide text vertically */ - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} - -.swiper-slide img { - display: block; - width: 100%; - height: 100%; - object-fit: cover; -} - -.camp-swiper-foto { - height: 350px; -} - -.camp-swiper-foto img { - border-radius: 30px; -} - -.camp-swiper-foto-thumbsSlider { - height: 80px; -} - -.camp-swiper-foto-thumbsSlider img { - width: 100%; - height: auto; - aspect-ratio: 1 / 1; - border-radius: 10px; - transition: .2s; - cursor: pointer; -} - -.camp-swiper-foto-thumbsSlider img:hover { - opacity: .6; -} - -.swiper-slide { - background-size: cover; - background-position: center; -} - -.foto-banner { - margin-top: 40px; - width: 100%; - border-radius: 60px; - background-color: #3bb273; - padding: 20px; - display: flex; - justify-content: space-between; - color: #fff; - align-items: center; - background-image: url(../images/fon.svg); -} - -.foto-banner_text { - padding-left: 20px; - width: 50%; - font-size: 26px; - font-weight: 600; -} - -.foto-banner_text span { - position: relative; -} - -.foto-banner_text svg { - position: absolute; - top: -5px; - left: 5px; - width: 12px; - height: 12px; -} - -.foto-banner a { - height: 100%; - padding: 20px 40px; - color: #212121; - font-size: 20px; - line-height: 1.2; - font-weight: 600; - text-transform: uppercase; - border-width: 2px; - border-radius: 50px; - display: flex; - align-items: center; - justify-content: center; - background-color: #fff; - border: 2px solid transparent; - transition: .3s; -} - -.foto-banner a:hover { - background-color: #3bb273; - border: 2px solid #fff; - color: #fff; -} - -.foto-content { - width: calc(50% - 20px); - white-space: pre-line; -} - -/* swiper END */ - -/* faq */ -.faq-wrapper { - display: flex; - gap: 30px; -} - -.camp-faq .box__accordion_label::after { - background-image: none !important; -} - -.accordion { - width: 50%; - display: flex; - flex-direction: column; - gap: 10px; - border-top: 1px solid #ccc; -} - -.camp-faq .accordion .box__accordion { - position: relative; - cursor: pointer; - border-bottom: 1px solid #ccc; - border-radius: 0; -} - -.camp-faq .box__accordion_label { - position: relative; - padding: 20px 0; - cursor: pointer; - display: flex; - align-items: center; - gap: 20px; - justify-content: space-between; -} - -.camp-faq .box__accordion_label span { - font-size: 26px; - line-height: 1.2; -} - -.box__accordion_label svg { - width: 40px; - height: 40px; - padding: 8px; - border-radius: 50%; - background: #3bb273; - stroke: #fff; - transition: .3s; - flex-shrink: 0; -} - -.camp-faq .accordion .box__accordion .box__accordion_label { - display: flex; - align-items: center; - justify-content: space-between; - padding-left: 0; -} - -.box__accordion_label svg g { - stroke: #fff; -} - -.box__accordion_label svg:hover { - background: #fff; -} - -.active .box__accordion_label svg { - rotate: 45deg; -} - -.box__accordion_label svg:hover g { - stroke: #3bb273; -} - -.camp-faq .box__accordion_content { - display: flex; - position: relative; - overflow: hidden; - max-height: 0; - transition: .3s; - gap: 20px; - align-items: center; -} - -.box__accordion_content-text { - display: flex; - flex-direction: column; - gap: 10px; - font-size: 18px; - line-height: 1.3; - color: #212121; - padding-bottom: 20px; -} - -/* faq END */ -/* contact */ -.contact-wrapper { - display: flex; - gap: 30px; -} - -.contact-content { - width: 40%; - display: flex; - flex-direction: column; - gap: 10px; -} - -.contact_subtitle { - margin-top: 10px; - font-size: 18px; - line-height: 1.2; - font-weight: 600; -} - -.contact_tel { - color: #3bb273; - font-size: 22px; - line-height: 1; - font-weight: 600; -} - -.contact_social { - display: flex; - gap: 15px; -} - -.contact-map { - display: flex; - border-radius: 30px; - overflow: hidden; - flex: 1; - height: 450px; - align-items: center; - justify-content: center; -} - -/* contact END */ -/* reviews */ -.camp-reviews-wrapper { - position: relative; -} - -.camp-reviews-wrapper .reviews__item-client_name { - font-size: 16px; - font-weight: 400; - text-align: start; -} - -.camp-reviews-wrapper .reviews__item-client_text { - text-align: start; - line-height: 1.4; - font-size: 16px; - font-weight: 400; -} - -.camp-reviews-wrapper .reviews-wrapper { - margin-top: 0; -} - -.camp-reviews-wrapper .reviews__item, -.camp-reviews-wrapper .reviews__item-wrapper { - min-height: auto; - width: 100%; -} -.camp-reviews-wrapper .reviews__item-wrapper:before { - display: none; -} -.camp-reviews-wrapper .custom-button-next, -.camp-reviews-wrapper .custom-button-prev { - position: absolute; - top: var(--swiper-navigation-top-offset, 50%); - width: 54px; - height: 54px; - margin-top: calc(0px -(var(--swiper-navigation-size) / 2)); - z-index: 10; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - color: var(--swiper-navigation-color, var(--swiper-theme-color)); - background-image: none; -} - -.camp-reviews-wrapper .custom-button-next { - right: -50px; -} -.camp-reviews-wrapper .custom-button-prev { - left: -50px; -} - -.camp-reviews-wrapper .custom-button-next:after { - content: 'next'; -} - -.camp-reviews-wrapper .custom-button-next:after, -.camp-reviews-wrapper .custom-button-prev:after { - font-family: swiper-icons; - content: ''; - color: #fff; - font-weight: 600; - font-size: 26px; - padding: 5px; - border-radius: 50%; - height: 54px; - width: 54px; - display: flex; - background: #3bb273; - align-items: center; - justify-content: center; -} - -.camp-reviews-wrapper .custom-button-next:after { - content: 'prev'; -} - -.camp-reviews-wrapper .custom-button-prev:after { - content: 'prev'; -} - -.camp-reviews-wrapper .swiper-button-disabled { - opacity: 0; -} - -/* reviews 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; -} - -/* camp END*/ - -@media (width > 780px) and (width < 1200px) { - .camp { - gap: 6.25vw; - padding-top: 2.5vw !important; - padding-bottom: 2.5vw !important; - } - - .container_camp { - max-width: 100vw; - padding: 0 1.67vw; - } - - .camp_title { - font-size: 3.75vw; - padding-bottom: 3.75vw; - } - - .camp_text { - font-size: 1.5vw; - } - - .banner { - border-radius: 3.33vw; - } - - .banner_label { - padding: .83vw 1.67vw; - font-size: 1.67vw; - border-radius: 2.5vw; - } - - .banner__left-part { - gap: 2.5vw; - padding: 3.33vw 2.5vw 3.33vw 3.33vw; - } - - .banner_title { - font-size: 3.42vw; - } - - .banner_text { - font-size: 1.5vw; - } - - .banner_text-min { - font-size: 1.25vw; - } - - .banner_btn { - font-size: 1.67vw; - border: .17vw solid #42425c; - border-radius: 4.17vw; - padding: 1.67vw 2.5vw; - } - - .banner__right-part { - border-radius: 3.33vw; - } - - .modal-programs__content { - max-width: 71.67vw; - } - - .suggestions-wrapper { - gap: 4.17vw; - } - - .suggestions__item { - width: calc(33.33% - 2.83vw); - gap: .83vw; - } - - .suggestions__item_img { - border-radius: 2.5vw; - height: 16.67vw; - } - - .suggestions__item_title { - font-size: 2.5vw; - } - - .suggestions__item_text { - font-size: 1.5vw; - } - - .infograph-wrapper { - margin-top: 2.5vw; - gap: 3.33vw; - } - - .infograph__item { - width: calc(25% - 1.67vw); - gap: .83vw; - } - - .infograph__item_img { - border-radius: 2.5vw; - width: 19.5vw; - } - - .infograph__item_title { - font-size: 1.5vw; - } - - .infograph__item_data { - font-size: 2.5vw; - } - - .programs-wrapper { - gap: 2.5vw; - } - - .programs__item { - width: calc(33.33% - 1.67vw); - gap: 1.67vw; - } - - .programs__item_img { - border-radius: 2.5vw; - height: 29.17vw; - } - - .programs__item_title { - font-size: 2.17vw; - } - - .programs__item_date { - font-size: 1.5vw; - } - - .programs__item_text { - font-size: 1.33vw; - } - - .programs__item_price { - font-size: 2.17vw; - } - - .btn-details { - border: .17vw solid #3bb273; - border-radius: 2.5vw; - padding: 1.25vw 2.5vw; - } - - .modal-programs-wrapper { - gap: 2.5vw; - border-radius: 2.5vw; - padding: 3.33vw; - } - - .modal-programs__content p { - margin-bottom: 1.25vw; - } - - .modal-programs__img { - min-width: 21.67vw; - height: 21.67vw; - border-radius: 2.5vw; - } - - .bring-child-wrapper { - gap: 3.33vw; - } - - .part-day { - width: calc(50% - 1.67vw); - padding: 2.5vw; - border-radius: 3.33vw; - border: .17vw solid #e8e8e8; - gap: 2.5vw; - } - - .block-row { - gap: .83vw; - } - - .part-day_title { - gap: .83vw; - } - - .part-day_title-text { - font-size: 2.5vw; - } - - .part-day_text { - font-size: 1.5vw; - } - - .part-day__price { - padding-bottom: 2.5vw; - border-bottom: .08vw solid #e8e8e8; - gap: .83vw; - } - - .part-day__price_price { - font-size: 3.75vw; - } - - .part-day__price_time { - font-size: 1.5vw; - border-radius: 2.5vw; - padding: .42vw .83vw; - margin-left: .83vw; - } - - .camp-left-part .part-day__price_time { - border: .17vw solid #3bb273; - } - - .camp-right-part .part-day__price_time { - border: .17vw solid #ae5fcd; - } - - .part-day__price_text { - font-size: 1.5vw; - } - - .btn-place { - padding: 1.67vw 0; - font-size: 1.67vw; - border-radius: 4.17vw; - } - - .camp-left-part .btn-place { - border: .17vw solid #3bb273; - } - - .camp-right-part .btn-place { - border: .17vw solid #ae5fcd; - } - - .part-day ul { - gap: .83vw; - font-size: 1.5vw; - padding-left: 1.67vw; - } - - .mentors-wrapper { - gap: 3.33vw 2.5vw; - } - - .mentors__item { - width: calc(25% - 1.92vw); - gap: .83vw; - } - - .mentors__item_img { - border-radius: 2.5vw; - } - - .mentors__item_name { - font-size: 2.17vw; - } - - .mentors__item_text { - font-size: 1.5vw; - margin-bottom: .83vw; - } - - .modal-mentors-wrapper { - padding: 4.17vw; - gap: 3.33vw; - } - - .modal-mentors__content { - gap: 1.67vw; - } - - .modal-mentors__content svg { - min-width: 2.5vw; - width: 2.5vw; - height: 2.5vw; - } - - .modal-mentors_name { - font-size: 3.58vw; - } - - .modal-mentors_job { - font-size: 2.17vw; - } - - .modal-mentors__directions { - gap: .83vw; - } - - .modal-mentors__directions span { - padding: .83vw 1.67vw; - font-size: 1.33vw; - border-radius: 2.5vw; - } - - .modal-mentors__about { - gap: 1.67vw; - } - - .about-item { - padding: 1.67vw; - border-radius: 1.67vw; - gap: .83vw; - } - - .mentors__about-col { - gap: 1.33vw; - } - - .mentors__about-col_title { - font-size: 1.67vw; - } - - .mentors__about-col_text { - font-size: 1.33vw; - } - - .modal-additional__education { - padding: 1.67vw; - border-radius: 1.67vw; - border: .17vw solid #f0f0f0; - gap: .83vw; - } - - .modal-additional__education_list ul { - gap: .83vw 2.5vw; - font-size: 1.33vw; - } - - .modal-additional__education_list li { - width: calc(50% - 1.67vw); - padding-left: 1.67vw; - } - - .modal-additional__education_list li::before { - width: .5vw; - height: .5vw; - top: .42vw; - } - - .routine-wrapper { - margin-left: 1.67vw; - gap: 3.33vw; - } - - .routine__item { - gap: 2.5vw; - } - - .routine__item_time { - width: 13.33vw; - font-size: 2vw; - } - - .routine__item_circle { - margin-top: .33vw; - width: 1.83vw; - height: 1.83vw; - border: .33vw solid #fff; - } - - .routine__item::before { - top: 1.67vw; - width: .17vw; - bottom: -4.17vw; - left: 16.67vw; - } - - .routine__item_text { - gap: .83vw; - } - - .routine__item_text-title { - font-size: 2vw; - } - - .routine__item_text-text { - font-size: 1.5vw; - } - - .camp-foto-wrapper { - gap: 1.67vw; - } - - .camp-swiper-foto { - margin-bottom: .42vw; - } - - .swiper-button-next:after, - .swiper-button-prev:after { - font-size: 1.17vw; - padding: .42vw; - height: 2.33vw; - width: 2.33vw; - } - - .swiper-slide { - font-size: 1.5vw; - } - - .camp-swiper-foto { - height: 29.17vw; - } - - .camp-swiper-foto img { - border-radius: 2.5vw; - } - - .camp-swiper-foto-thumbsSlider { - height: 6.67vw; - } - - .camp-swiper-foto-thumbsSlider img { - border-radius: .83vw; - } - - .foto-banner { - margin-top: 3.33vw; - border-radius: 5vw; - padding: 1.67vw; - } - - .foto-banner_text { - padding-left: 1.67vw; - font-size: 2.17vw; - } - - .foto-banner_text svg { - top: -.42vw; - left: .42vw; - width: 1vw; - height: 1vw; - } - - .foto-banner a { - padding: 1.67vw 3.33vw; - font-size: 1.67vw; - border-width: .17vw; - border-radius: 4.17vw; - border: .17vw solid transparent; - } - - .foto-banner a:hover { - border: .17vw solid #fff; - } - - .foto-content { - width: calc(50% - 1.67vw); - } - - .faq-wrapper { - gap: 2.5vw; - } - - .accordion { - gap: .83vw; - border-top: .08vw solid #ccc; - } - - .camp-faq .accordion .box__accordion { - border-bottom: .08vw solid #ccc; - } - - .camp-faq .box__accordion_label { - padding: 1.67vw 0; - gap: 1.67vw; - } - - .camp-faq .box__accordion_label span { - font-size: 2.17vw; - } - - .box__accordion_label svg { - width: 3.33vw; - height: 3.33vw; - padding: .67vw; - } - - .camp-faq .box__accordion_content { - gap: 1.67vw; - } - - .box__accordion_content-text { - gap: .83vw; - font-size: 1.5vw; - padding-bottom: 1.67vw; - } - - .contact-wrapper { - gap: 2.5vw; - } - - .contact-content { - gap: .83vw; - } - - .contact_subtitle { - margin-top: .83vw; - font-size: 1.5vw; - } - - .contact_tel { - font-size: 1.7vw; - } - - .contact_social { - gap: 1.25vw; - } - - .contact-map { - border-radius: 2.5vw; - height: 37.5vw; - } - - .camp-reviews-wrapper .reviews__item-client_name { - font-size: 1.33vw; - } - - .camp-reviews-wrapper .reviews__item-client_text { - font-size: 1.33vw; - } - - .camp-reviews-wrapper .custom-button-next, - .camp-reviews-wrapper .custom-button-prev { - width: 4.5vw; - height: 4.5vw; - margin-top: calc(0vw -(var(--swiper-navigation-size) / 2)); - } - - .camp-reviews-wrapper .custom-button-next:after, - .camp-reviews-wrapper .custom-button-prev:after { - font-size: 2.17vw; - padding: .42vw; - height: 4.5vw; - width: 4.5vw; - } - -} - -@media (width < 780px) { - body { - padding-top: 0; - } - - .camp { - gap: 30px; - } - - .camp_title { - font-size: 30px; - padding-bottom: 25px; - } - - .camp.container_camp { - padding: 0; - } - - .banner { - border-radius: 0 0 40px 40px; - margin-top: 40px; - } - - .banner_title { - font-size: 27px; - width: 100%; - } - - .banner_text { - font-size: 16px; - } - - .banner__right-part { - display: none; - } - - .banner__left-part { - width: 100%; - padding: 30px; - } - - .banner_btn { - margin: 100px auto 0; - } - - .banner_label { - padding: 5px 10px; - font-size: 16px; - } - - .banner_label1 { - top: 62%; - left: 39%; - } - - .banner_label2 { - top: 69%; - left: 10%; - } - - .banner_label3 { - top: 65%; - right: 10%; - left: auto; - rotate: -18deg; - } - - .banner_btn { - font-size: 18px; - } - - section { - padding: 0 15px; - } - - .suggestions-wrapper { - gap: 0; - flex-direction: column; - } - - .suggestions__item { - width: 100%; - } - - .suggestions__item_title { - font-size: 22px; - } - - .suggestions__item_text { - font-size: 16px; - } - - .infograph-wrapper { - margin-top: 0; - gap: 20px 40px; - flex-wrap: wrap; - } - - .infograph__item { - width: calc(50% - 20px); - gap: 10px; - } - - .infograph__item_title { - margin-bottom: 0; - } - - .infograph__item_img { - width: 70%; - height: auto; - } - - .infograph__item_data { - font-size: 22px; - margin-bottom: 0; - } - - .programs { - padding: 0; - } - - .programs .camp_title { - padding: 0 15px 25px 15px; - } - - .scroll-icon-wrapper { - margin-top: -20px; - display: flex; - justify-content: flex-end; - padding-right: 15px; - } - - .programs-wrapper { - width: 100%; - display: flex; - flex-wrap: nowrap; - gap: 30px; - overflow-x: scroll; - padding: 0 15px 20px 15px; - } - - .programs-wrapper::-webkit-scrollbar { - width: 10px; - height: 10px; - } - - .programs-wrapper::-webkit-scrollbar-thumb { - background-color: #ccc; - border-radius: 8px; - border: 1px solid #8b8b8b; - } - - .programs-wrapper::-webkit-scrollbar-track { - border-radius: 5px; - } - - .programs__item { - width: 100%; - gap: 10px; - } - - .programs__item_img { - height: 250px; - } - - .programs__item_title { - font-size: 22px; - } - - .btn-details { - width: 100%; - } - - .banner-add { - border-radius: 40px; - background-color: #3bb273 !important; - background-image: none !important; - } - - .banner-add .banner_title { - width: 100%; - } - - .banner-add .banner__left-part { - gap: 20px; - } - - .banner-add .banner_btn { - margin-top: 0; - width: 100%; - } - - .banner_text-min { - margin: 0; - } - - .bring-child-wrapper { - gap: 20px; - flex-direction: column; - } - - .part-day { - width: 100%; - gap: 15px; - padding: 20px; - } - - .block-row { - flex-wrap: wrap; - } - - .part-day_title-text { - font-size: 26px; - } - - .part-day__price_price { - width: 100%; - order: 2; - font-size: 28px; - } - - .part-day__price_time { - margin: 0; - } - - .part-day__price { - padding-bottom: 20px; - } - - .part-day_text { - font-size: 16px; - } - - .btn-place { - padding: 15px 0; - } - - .mentors__item { - width: calc(50% - 15px); - } - - .mentors__item_name { - font-size: 18px; - } - - .mentors__item_text { - font-size: 16px; - } - - .routine-wrapper { - margin-left: 0; - } - - .routine-wrapper { - gap: 30px; - } - - .routine__item_time { - display: none; - } - - .routine__item_text { - gap: 5px; - } - - .routine__item_time-mobile { - display: block; - font-size: 20px; - line-height: 1.2; - font-weight: 600; - } - - .routine__item_text-title { - font-size: 22px; - } - - .routine__item::before { - left: 10px; - } - - .camp-foto-wrapper { - gap: 10px; - flex-direction: column; - } - - .foto-content, - .foto-left-part { - width: 100%; - } - - .camp-swiper-foto { - height: 250px; - margin-bottom: 5px; - } - - .camp-swiper-foto-thumbsSlider { - height: auto; - } - - .foto-content { - font-size: 16px; - } - - .foto-banner { - margin-top: 20px; - flex-direction: column; - border-radius: 40px; - padding: 15px 25px; - } - - .foto-banner_text { - position: relative; - padding-left: 0; - width: 90%; - font-size: 22px; - margin-bottom: 30px; - font-weight: 600; - } - - .foto-banner_text span { - position: absolute; - top: 0; - left: 100%; - } - - .foto-banner a { - width: 100%; - } - - .more .btn-more { - height: 24px; - background: #fff; - } - - .faq-wrapper { - gap: 0; - flex-direction: column; - } - - .accordion { - width: 100%; - gap: 0; - } - - .accordion-last { - border-top: none; - margin-top: 0; - } - - .accordion .box__accordion .box__accordion_label { - padding: 10px 0; - } - - .camp-faq .box__accordion_label span { - font-size: 20px; - } - - .box__accordion_label svg { - flex-shrink: 0; - } - - .contact-wrapper { - gap: 20px; - flex-direction: column-reverse; - } - - .contact-map { - width: 100%; - height: 250px; - } - - #ya-map { - height: 250px !important; - } - - .contact-content { - width: 100%; - } - - .contact_tel { - font-size: 18px; - } - .mentors__item_img { - max-height: 195px; - } - .camp-reviews-wrapper .custom-button-next { - right: -20px; - top: 40%; - } - .camp-reviews-wrapper .custom-button-prev { - left: -20px; - top: 40%; - } - .modal-programs-wrapper { - gap: 15px; - border-radius: 10px; - padding: 15px; - max-width: 95%; - flex-direction: column; - } - .btn-close-modal, - .btn-close-mentors { - left: auto; - right: 0; - } - .modal-programs__img { - height: auto; - border-radius: 10px; - } - .modal-mentors-wrapper { - position: relative; - padding: 15px; - width: 90%; - gap: 20px; - color: #212121; - height: fit-content; - max-height: 90%; - border-radius: 10px; - flex-direction: column; - } - .modal-mentors_name { - font-size: 20px; - } - .modal-mentors__about { - gap: 10px; - flex-direction: column; - } - .about-item { - width: 100%; - padding: 10px; - border-radius: 10px; - background-color: #e7fff2; - display: flex; - gap: 10px; - flex-direction: column; - } - .mentors__about-col { - gap: 10px; - } - .mentors__about-col_title { - font-size: 18px; - } - .mentors__about-col_text { - font-size: 14px; - } - .mentors__about-col_text section { - padding: 0; - } - .modal-additional__education { - width: 100%; - padding: 10px; - border-radius: 10px; - gap: 10px; - flex-direction: column; - } - - .modal-additional__education_list ul { - padding-left: 0 !important; - } - - .modal-additional__education_list li { - width: 100%; - padding-left: 10px; - } - .camp-reviews-wrapper .custom-button-next:after, .camp-reviews-wrapper .custom-button-prev:after { - font-size: 12px; - height: 27px; - width: 27px; - display: flex; - } +:root { + --main-color: #BF568E; + --main-blue: #006DB7; + --main-yellow: #FFD43E; +} + +html { + height: auto; +} + +/* =========================== */ +/* camp */ +.camp { + display: flex; + flex-direction: column; + gap: 75px; + padding-top: 30px !important; + padding-bottom: 30px !important; +} + +.container_camp { + width: 100%; + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; +} + +p { + font-weight: 400; + margin: 0 0 30px 0; + padding: 0; +} + +.camp_title { + color: #212121; + font-size: 45px; + line-height: 1.25; + font-weight: 400; + padding-bottom: 45px; +} + +.camp_text { + color: #212121; + font-size: 18px; + font-weight: 500; +} + +/* banner */ +.banner { + position: relative; + display: flex; + border-radius: 40px; + justify-content: space-between; + overflow: hidden; + background: rgb(58, 154, 104); + background: linear-gradient(45deg, rgba(58, 154, 104, 1) 0%, rgba(47, 204, 122, 1) 100%); +} + +.banner_label { + position: absolute; + padding: 10px 20px; + color: #fff; + font-size: 20px; + border-radius: 30px; +} + +.banner_label1 { + top: 45%; + left: 50%; + background-color: #e94563; + animation: animate1 4s infinite; +} + +.banner_label2 { + top: 80%; + left: 48%; + background-color: #ae5fcd; + animation: animate2 3s infinite; +} + +.banner_label3 { + top: 80%; + left: 80%; + background-color: #13acd0; + animation: animate3 2.5s infinite; + rotate: -15deg; +} + +@keyframes animate1 { + 0% { + rotate: 15deg; + } + + 50% { + rotate: 25deg; + } + + 100% { + rotate: 15deg; + } +} + +@keyframes animate2 { + 0% { + rotate: -15deg; + } + + 50% { + rotate: -25deg; + } + + 100% { + rotate: -15deg; + } +} + +@keyframes animate3 { + 0% { + scale: 1; + } + + 50% { + scale: 1.1; + } + + 100% { + scale: 1; + } +} + +.banner-add { + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} + +.banner__left-part { + width: 50%; + display: flex; + flex-direction: column; + gap: 30px; + padding: 40px 30px 40px 40px; +} + +.banner_title { + color: #fff; + font-size: 41px; + line-height: 1.25; + font-weight: 600; +} + +.banner_text { + color: #fff; + font-size: 18px; + line-height: 1.3; + padding: 0; + text-align: left; +} + +.banner_text-min { + color: #fff; + font-size: 15px; + font-weight: 500; + opacity: 0.65; +} + +.banner_btn { + color: #fff; + font-size: 20px; + line-height: 1.2; + font-weight: 600; + text-transform: uppercase; + border: 2px solid #42425c; + border-radius: 50px; + background-color: #42425c; + transition: .3s; + padding: 20px 30px; + width: fit-content; +} + +.banner_btn:hover { + background-color: #fff; + color: #212121; +} + +.banner__right-part { + border-radius: 40px; + overflow: hidden; +} + +.modal-programs__content { + max-width: 860px; + overflow-y: auto; +} + +/* banner END */ +/* suggestions */ +.suggestions {} + +.suggestions-wrapper { + display: flex; + flex-wrap: wrap; + gap: 50px; +} + +.suggestions__item { + width: calc(33.33% - 34px); + display: flex; + flex-direction: column; + gap: 10px; +} + +.suggestions__item_img { + width: 100%; + border-radius: 30px; + height: 200px; + object-fit: cover; +} + +.suggestions__item_title { + color: #212121; + font-size: 30px; + line-height: 1.25; + font-weight: 600; + flex: 1; +} + +.suggestions__item_text { + color: #212121; + font-size: 18px; + line-height: 1.3; +} + +/* suggestions END */ +/* infograph */ +.infograph {} + +.infograph-wrapper { + margin-top: 30px; + display: flex; + gap: 40px; +} + +.infograph__item { + width: calc(25% - 20px); + display: flex; + flex-direction: column; + gap: 10px; +} + +.infograph__item_img { + border-radius: 30px; + width: 234px; + aspect-ratio: 1 / 1; +} + +.infograph__item_title { + color: #9d9d9d; + font-size: 18px; + line-height: 1.25; + font-weight: 500; +} + +.infograph__item_data { + color: #212121; + font-size: 30px; + line-height: 1.25; + font-weight: 600; +} + +/* infograph END */ +/* programs */ +.programs-wrapper { + flex-wrap: wrap; + display: flex; + gap: 30px; +} + +.programs__item { + width: calc(33.33% - 20px); + display: flex; + flex-direction: column; + gap: 20px; +} + +.programs__item_img { + border-radius: 30px; + width: auto; + height: 350px; + object-fit: cover; +} + +.programs__item p { + margin: 0; +} + +.scroll-icon-wrapper { + display: none; +} + +.programs__item_title { + font-size: 26px; + line-height: 1.2; + color: #212121; + font-weight: 600; + flex: 1; +} + +.programs__item_date { + font-weight: 600; + font-size: 18px; +} + +.programs__item_text { + font-size: 16px; + line-height: 1.3; + color: #212121; + font-weight: 500; +} + +.programs__item_price { + font-size: 26px; + color: #212121; + font-weight: 600; +} + +.btn-details { + width: fit-content; + color: #ffffff; + border: 2px solid #3bb273; + background-color: #3bb273; + font-weight: 600; + text-transform: uppercase; + border-radius: 30px; + padding: 15px 30px; + transition: .3s; +} + +.btn-details:hover { + background-color: transparent; + color: #212121; +} + +.modal-programs, +.modal-mentors { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: none; + align-items: center; + justify-content: center; + background-color: #000000ce; + z-index: 100; +} + +.modal-programs.open { + display: flex; +} + +.modal-mentors.open { + display: flex; +} + +.modal-programs-wrapper { + position: relative; + display: flex; + gap: 30px; + border-radius: 30px; + background-color: #fff; + padding: 40px; + max-width: 90%; + max-height: 90%; +} + +.modal-programs__content p { + margin-bottom: 15px; +} + +.programs__content { + white-space: pre-line; +} + +.btn-close-modal { + position: absolute; + bottom: 100%; + left: 100%; +} + +.btn-close-mentors { + position: absolute; + position: absolute; + bottom: 100%; + left: 100%; +} + +.modal-programs__img { + min-width: 260px; + height: 260px; + border-radius: 30px; + overflow: hidden; +} + +.modal-programs__img img { + width: 100%; + height: 100%; + object-fit: contain; +} + +/* programs END */ +/* bring-child */ +.bring-child p { + margin-bottom: 0; +} + +.bring-child-wrapper { + display: flex; + gap: 40px; +} + +.part-day { + width: calc(50% - 20px); + padding: 30px; + border-radius: 40px; + border: 2px solid #e8e8e8; + display: flex; + flex-direction: column; + gap: 30px; + color: #212121; +} + +.block-row { + display: flex; + align-items: center; + gap: 10px; +} + +.part-day_title { + display: flex; + flex-direction: column; + gap: 10px; +} + +.part-day_title-text { + font-size: 30px; + line-height: 1.2; + font-weight: 600; +} + +.part-day_text { + font-size: 18px; + line-height: 1.3; + font-weight: 500; +} + +.part-day__price { + padding-bottom: 30px; + border-bottom: 1px solid #e8e8e8; + display: flex; + flex-direction: column; + gap: 10px; +} + +.part-day__price_price { + font-size: 45px; + line-height: 1; + font-weight: 600; +} + +.part-day__price_time { + font-size: 18px; + font-weight: 500; + border-radius: 30px; + color: #fff; + padding: 5px 10px; + margin-left: 10px; +} + +.camp-left-part .part-day__price_time { + border: 2px solid #3bb273; + background-color: #3bb273; +} + +.camp-right-part .part-day__price_time { + border: 2px solid #ae5fcd; + background-color: #ae5fcd; +} + +.non-bg { + background-color: transparent !important; + color: #212121; +} + +.part-day__price_text { + color: #9d9d9d; + font-size: 18px; + line-height: 1.3; + font-weight: 500; +} + +.btn-place { + padding: 20px 0; + color: #ffffff; + font-size: 20px; + line-height: 1.3; + font-weight: 600; + width: 100%; + border-radius: 50px; + text-transform: uppercase; + transition: .3s; +} + +.camp-left-part .btn-place { + border: 2px solid #3bb273; + background-color: #3bb273; +} + +.camp-right-part .btn-place { + border: 2px solid #ae5fcd; + background-color: #ae5fcd; +} + +.btn-place:hover { + background-color: transparent !important; + color: #212121; +} + +.part-day ul { + display: flex; + flex-direction: column; + gap: 10px; + color: #212121; + font-size: 18px; + line-height: 1.3; + font-weight: 500; + padding-left: 20px; +} + +.part-day ul li { + list-style: disc; +} + +/* bring-child END */ +/* mentors */ +.mentors-wrapper { + display: flex; + flex-wrap: wrap; + gap: 40px 30px; + justify-content: center; +} + +.mentors__item { + width: calc(25% - 23px); + display: flex; + flex-direction: column; + gap: 10px; + align-items: center; +} + +.mentors__item_img { + border-radius: 30px; + width: 100%; + height: auto; + max-height: 270px; + object-fit: contain; +} + +.mentors__item_name { + font-size: 26px; + line-height: 1.2; + color: #212121; + font-weight: 600; + text-align: center; + flex: 1; +} + +.mentors__item_text { + font-size: 18px; + line-height: 1.3; + color: #929292; + font-weight: 500; + text-align: center; + margin-bottom: 10px; +} + +/* modal-mentors */ +.modal-mentors-wrapper { + position: relative; + padding: 50px; + width: 90%; + height: 100%; + border-radius: 0; + background-color: #fff; + display: flex; + gap: 40px; + color: #212121; + height: fit-content; + max-height: 80%; + border-radius: 30px; +} + +.modal-mentors__content { + flex: 1; + display: flex; + flex-direction: column; + gap: 20px; + overflow-y: auto; +} + +.modal-mentors__content p { + margin-bottom: 0; +} + +.modal-mentors__content svg { + min-width: 30px; + width: 30px; + height: 30px; +} + +.modal-mentors_name { + font-size: 43px; + font-weight: 600; +} + +.modal-mentors_job { + font-size: 26px; + line-height: 1.25; + font-weight: 600; +} + +.modal-mentors__directions { + display: flex; + flex-wrap: wrap; + gap: 10px; +} + +.modal-mentors__directions span { + padding: 10px 20px; + background-color: #3bb273; + color: #fff; + font-size: 16px; + line-height: 1; + font-weight: 400; + border-radius: 30px; +} + +.modal-mentors__about { + display: flex; + gap: 20px; +} + +.about-item { + width: 50%; + padding: 20px; + border-radius: 20px; + background-color: #e7fff2; + display: flex; + gap: 10px; +} + +.mentors__about-col { + display: flex; + flex-direction: column; + gap: 16px; +} + +.mentors__about-col_title { + font-size: 20px; + line-height: 1.3; + font-weight: 600; +} + +.mentors__about-col_text { + font-size: 16px; + line-height: 1.3; + font-weight: 500; +} + +.modal-additional__education { + width: 100%; + padding: 20px; + border-radius: 20px; + border: 2px solid #f0f0f0; + display: flex; + gap: 10px; +} + +.modal-additional__education_list ul { + display: flex; + flex-wrap: wrap; + gap: 10px 30px; + font-size: 16px; + line-height: 1.3; + font-weight: 500; +} + +.modal-additional__education_list li { + width: calc(50% - 20px); + position: relative; + padding-left: 20px; +} + +.modal-additional__education_list li::before { + content: ''; + position: absolute; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: #3bb273; + top: 5px; + left: 0; +} + +/* modal-mentors END */ +/* mentors END */ + +/* routine */ +.routine p { + margin-bottom: 0; +} + +.routine-wrapper { + position: relative; + display: flex; + margin-left: 20px; + flex-direction: column; + gap: 40px; + color: #212121; +} + +.routine__item { + position: relative; + display: flex; + gap: 30px; +} + +.routine__item_time { + width: 160px; + font-size: 24px; + line-height: 1.2; + font-weight: 600; + text-align: end; +} + +.routine__item_time-mobile { + display: none; +} + +.routine__item_circle { + position: relative; + margin-top: 4px; + width: 22px; + height: 22px; + border-radius: 50%; + background-color: #3bb273; + border: 4px solid #fff; +} + +.routine__item::before { + content: ''; + position: absolute; + top: 20px; + width: 2px; + background-color: #d4d4d4; + bottom: -50px; + left: 200px; +} + +.routine__item_text { + flex: 1; + display: flex; + flex-direction: column; + gap: 10px; +} + +.routine__item_text-title { + font-size: 24px; + line-height: 1.2; + font-weight: 600; +} + +.routine__item_text-text { + font-size: 18px; + line-height: 1.3; + font-weight: 500; +} + +.routine__item:last-child::before { + display: none; +} + +/* routine END*/ +/* foto */ +.camp-foto-wrapper { + display: flex; + gap: 20px; +} + +.foto-left-part { + width: 50%; + overflow: hidden; +} + +.camp-swiper-foto { + position: relative; + margin-bottom: 5px; +} + +.swiper-button-next:after, +.swiper-button-prev:after { + color: #fff; + font-weight: 600; + font-size: 14px; + padding: 5px; + border-radius: 50%; + height: 28px; + width: 28px; + display: flex; + background: #3bb273; + align-items: center; + justify-content: center; +} + +/* swiper */ +.swiper-slide { + text-align: center; + font-size: 18px; + background: #fff; + + /* Center slide text vertically */ + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} + +.swiper-slide img { + display: block; + width: 100%; + height: 100%; + object-fit: cover; +} + +.camp-swiper-foto { + height: 350px; +} + +.camp-swiper-foto img { + border-radius: 30px; +} + +.camp-swiper-foto-thumbsSlider { + height: 80px; +} + +.camp-swiper-foto-thumbsSlider img { + width: 100%; + height: auto; + aspect-ratio: 1 / 1; + border-radius: 10px; + transition: .2s; + cursor: pointer; +} + +.camp-swiper-foto-thumbsSlider img:hover { + opacity: .6; +} + +.swiper-slide { + background-size: cover; + background-position: center; +} + +.foto-banner { + margin-top: 40px; + width: 100%; + border-radius: 60px; + background-color: #3bb273; + padding: 20px; + display: flex; + justify-content: space-between; + color: #fff; + align-items: center; + background-image: url(../images/fon.svg); +} + +.foto-banner_text { + padding-left: 20px; + width: 50%; + font-size: 26px; + font-weight: 600; +} + +.foto-banner_text span { + position: relative; +} + +.foto-banner_text svg { + position: absolute; + top: -5px; + left: 5px; + width: 12px; + height: 12px; +} + +.foto-banner a { + height: 100%; + padding: 20px 40px; + color: #212121; + font-size: 20px; + line-height: 1.2; + font-weight: 600; + text-transform: uppercase; + border-width: 2px; + border-radius: 50px; + display: flex; + align-items: center; + justify-content: center; + background-color: #fff; + border: 2px solid transparent; + transition: .3s; +} + +.foto-banner a:hover { + background-color: #3bb273; + border: 2px solid #fff; + color: #fff; +} + +.foto-content { + width: calc(50% - 20px); + white-space: pre-line; +} + +/* swiper END */ + +/* faq */ +.faq-wrapper { + display: flex; + gap: 30px; +} + +.camp-faq .box__accordion_label::after { + background-image: none !important; +} + +.accordion { + width: 50%; + display: flex; + flex-direction: column; + gap: 10px; + border-top: 1px solid #ccc; +} + +.camp-faq .accordion .box__accordion { + position: relative; + cursor: pointer; + border-bottom: 1px solid #ccc; + border-radius: 0; +} + +.camp-faq .box__accordion_label { + position: relative; + padding: 20px 0; + cursor: pointer; + display: flex; + align-items: center; + gap: 20px; + justify-content: space-between; +} + +.camp-faq .box__accordion_label span { + font-size: 26px; + line-height: 1.2; +} + +.box__accordion_label svg { + width: 40px; + height: 40px; + padding: 8px; + border-radius: 50%; + background: #3bb273; + stroke: #fff; + transition: .3s; + flex-shrink: 0; +} + +.camp-faq .accordion .box__accordion .box__accordion_label { + display: flex; + align-items: center; + justify-content: space-between; + padding-left: 0; +} + +.box__accordion_label svg g { + stroke: #fff; +} + +.box__accordion_label svg:hover { + background: #fff; +} + +.active .box__accordion_label svg { + rotate: 45deg; +} + +.box__accordion_label svg:hover g { + stroke: #3bb273; +} + +.camp-faq .box__accordion_content { + display: flex; + position: relative; + overflow: hidden; + max-height: 0; + transition: .3s; + gap: 20px; + align-items: center; +} + +.box__accordion_content-text { + display: flex; + flex-direction: column; + gap: 10px; + font-size: 18px; + line-height: 1.3; + color: #212121; + padding-bottom: 20px; +} + +/* faq END */ +/* contact */ +.contact-wrapper { + display: flex; + gap: 30px; +} + +.contact-content { + width: 40%; + display: flex; + flex-direction: column; + gap: 10px; +} + +.contact_subtitle { + margin-top: 10px; + font-size: 18px; + line-height: 1.2; + font-weight: 600; +} + +.contact_tel { + color: #3bb273; + font-size: 22px; + line-height: 1; + font-weight: 600; +} + +.contact_social { + display: flex; + gap: 15px; +} + +.contact-map { + display: flex; + border-radius: 30px; + overflow: hidden; + flex: 1; + height: 450px; + align-items: center; + justify-content: center; +} + +/* contact END */ +/* reviews */ +.camp-reviews-wrapper { + position: relative; +} + +.camp-reviews-wrapper .reviews__item-client_name { + font-size: 16px; + font-weight: 400; + text-align: start; +} + +.camp-reviews-wrapper .reviews__item-client_text { + text-align: start; + line-height: 1.4; + font-size: 16px; + font-weight: 400; +} + +.camp-reviews-wrapper .reviews-wrapper { + margin-top: 0; +} + +.camp-reviews-wrapper .reviews__item, +.camp-reviews-wrapper .reviews__item-wrapper { + min-height: auto; + width: 100%; +} +.camp-reviews-wrapper .reviews__item-wrapper:before { + display: none; +} +.camp-reviews-wrapper .custom-button-next, +.camp-reviews-wrapper .custom-button-prev { + position: absolute; + top: var(--swiper-navigation-top-offset, 50%); + width: 54px; + height: 54px; + margin-top: calc(0px -(var(--swiper-navigation-size) / 2)); + z-index: 10; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + color: var(--swiper-navigation-color, var(--swiper-theme-color)); + background-image: none; +} + +.camp-reviews-wrapper .custom-button-next { + right: -50px; +} +.camp-reviews-wrapper .custom-button-prev { + left: -50px; +} + +.camp-reviews-wrapper .custom-button-next:after { + content: 'next'; +} + +.camp-reviews-wrapper .custom-button-next:after, +.camp-reviews-wrapper .custom-button-prev:after { + font-family: swiper-icons; + content: ''; + color: #fff; + font-weight: 600; + font-size: 26px; + padding: 5px; + border-radius: 50%; + height: 54px; + width: 54px; + display: flex; + background: #3bb273; + align-items: center; + justify-content: center; +} + +.camp-reviews-wrapper .custom-button-next:after { + content: 'prev'; +} + +.camp-reviews-wrapper .custom-button-prev:after { + content: 'prev'; +} + +.camp-reviews-wrapper .swiper-button-disabled { + opacity: 0; +} + +/* reviews 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; +} + +/* camp END*/ + +@media (width > 780px) and (width < 1200px) { + .camp { + gap: 6.25vw; + padding-top: 2.5vw !important; + padding-bottom: 2.5vw !important; + } + + .container_camp { + max-width: 100vw; + padding: 0 1.67vw; + } + + .camp_title { + font-size: 3.75vw; + padding-bottom: 3.75vw; + } + + .camp_text { + font-size: 1.5vw; + } + + .banner { + border-radius: 3.33vw; + } + + .banner_label { + padding: .83vw 1.67vw; + font-size: 1.67vw; + border-radius: 2.5vw; + } + + .banner__left-part { + gap: 2.5vw; + padding: 3.33vw 2.5vw 3.33vw 3.33vw; + } + + .banner_title { + font-size: 3.42vw; + } + + .banner_text { + font-size: 1.5vw; + } + + .banner_text-min { + font-size: 1.25vw; + } + + .banner_btn { + font-size: 1.67vw; + border: .17vw solid #42425c; + border-radius: 4.17vw; + padding: 1.67vw 2.5vw; + } + + .banner__right-part { + border-radius: 3.33vw; + } + + .modal-programs__content { + max-width: 71.67vw; + } + + .suggestions-wrapper { + gap: 4.17vw; + } + + .suggestions__item { + width: calc(33.33% - 2.83vw); + gap: .83vw; + } + + .suggestions__item_img { + border-radius: 2.5vw; + height: 16.67vw; + } + + .suggestions__item_title { + font-size: 2.5vw; + } + + .suggestions__item_text { + font-size: 1.5vw; + } + + .infograph-wrapper { + margin-top: 2.5vw; + gap: 3.33vw; + } + + .infograph__item { + width: calc(25% - 1.67vw); + gap: .83vw; + } + + .infograph__item_img { + border-radius: 2.5vw; + width: 19.5vw; + } + + .infograph__item_title { + font-size: 1.5vw; + } + + .infograph__item_data { + font-size: 2.5vw; + } + + .programs-wrapper { + gap: 2.5vw; + } + + .programs__item { + width: calc(33.33% - 1.67vw); + gap: 1.67vw; + } + + .programs__item_img { + border-radius: 2.5vw; + height: 29.17vw; + } + + .programs__item_title { + font-size: 2.17vw; + } + + .programs__item_date { + font-size: 1.5vw; + } + + .programs__item_text { + font-size: 1.33vw; + } + + .programs__item_price { + font-size: 2.17vw; + } + + .btn-details { + border: .17vw solid #3bb273; + border-radius: 2.5vw; + padding: 1.25vw 2.5vw; + } + + .modal-programs-wrapper { + gap: 2.5vw; + border-radius: 2.5vw; + padding: 3.33vw; + } + + .modal-programs__content p { + margin-bottom: 1.25vw; + } + + .modal-programs__img { + min-width: 21.67vw; + height: 21.67vw; + border-radius: 2.5vw; + } + + .bring-child-wrapper { + gap: 3.33vw; + } + + .part-day { + width: calc(50% - 1.67vw); + padding: 2.5vw; + border-radius: 3.33vw; + border: .17vw solid #e8e8e8; + gap: 2.5vw; + } + + .block-row { + gap: .83vw; + } + + .part-day_title { + gap: .83vw; + } + + .part-day_title-text { + font-size: 2.5vw; + } + + .part-day_text { + font-size: 1.5vw; + } + + .part-day__price { + padding-bottom: 2.5vw; + border-bottom: .08vw solid #e8e8e8; + gap: .83vw; + } + + .part-day__price_price { + font-size: 3.75vw; + } + + .part-day__price_time { + font-size: 1.5vw; + border-radius: 2.5vw; + padding: .42vw .83vw; + margin-left: .83vw; + } + + .camp-left-part .part-day__price_time { + border: .17vw solid #3bb273; + } + + .camp-right-part .part-day__price_time { + border: .17vw solid #ae5fcd; + } + + .part-day__price_text { + font-size: 1.5vw; + } + + .btn-place { + padding: 1.67vw 0; + font-size: 1.67vw; + border-radius: 4.17vw; + } + + .camp-left-part .btn-place { + border: .17vw solid #3bb273; + } + + .camp-right-part .btn-place { + border: .17vw solid #ae5fcd; + } + + .part-day ul { + gap: .83vw; + font-size: 1.5vw; + padding-left: 1.67vw; + } + + .mentors-wrapper { + gap: 3.33vw 2.5vw; + } + + .mentors__item { + width: calc(25% - 1.92vw); + gap: .83vw; + } + + .mentors__item_img { + border-radius: 2.5vw; + } + + .mentors__item_name { + font-size: 2.17vw; + } + + .mentors__item_text { + font-size: 1.5vw; + margin-bottom: .83vw; + } + + .modal-mentors-wrapper { + padding: 4.17vw; + gap: 3.33vw; + } + + .modal-mentors__content { + gap: 1.67vw; + } + + .modal-mentors__content svg { + min-width: 2.5vw; + width: 2.5vw; + height: 2.5vw; + } + + .modal-mentors_name { + font-size: 3.58vw; + } + + .modal-mentors_job { + font-size: 2.17vw; + } + + .modal-mentors__directions { + gap: .83vw; + } + + .modal-mentors__directions span { + padding: .83vw 1.67vw; + font-size: 1.33vw; + border-radius: 2.5vw; + } + + .modal-mentors__about { + gap: 1.67vw; + } + + .about-item { + padding: 1.67vw; + border-radius: 1.67vw; + gap: .83vw; + } + + .mentors__about-col { + gap: 1.33vw; + } + + .mentors__about-col_title { + font-size: 1.67vw; + } + + .mentors__about-col_text { + font-size: 1.33vw; + } + + .modal-additional__education { + padding: 1.67vw; + border-radius: 1.67vw; + border: .17vw solid #f0f0f0; + gap: .83vw; + } + + .modal-additional__education_list ul { + gap: .83vw 2.5vw; + font-size: 1.33vw; + } + + .modal-additional__education_list li { + width: calc(50% - 1.67vw); + padding-left: 1.67vw; + } + + .modal-additional__education_list li::before { + width: .5vw; + height: .5vw; + top: .42vw; + } + + .routine-wrapper { + margin-left: 1.67vw; + gap: 3.33vw; + } + + .routine__item { + gap: 2.5vw; + } + + .routine__item_time { + width: 13.33vw; + font-size: 2vw; + } + + .routine__item_circle { + margin-top: .33vw; + width: 1.83vw; + height: 1.83vw; + border: .33vw solid #fff; + } + + .routine__item::before { + top: 1.67vw; + width: .17vw; + bottom: -4.17vw; + left: 16.67vw; + } + + .routine__item_text { + gap: .83vw; + } + + .routine__item_text-title { + font-size: 2vw; + } + + .routine__item_text-text { + font-size: 1.5vw; + } + + .camp-foto-wrapper { + gap: 1.67vw; + } + + .camp-swiper-foto { + margin-bottom: .42vw; + } + + .swiper-button-next:after, + .swiper-button-prev:after { + font-size: 1.17vw; + padding: .42vw; + height: 2.33vw; + width: 2.33vw; + } + + .swiper-slide { + font-size: 1.5vw; + } + + .camp-swiper-foto { + height: 29.17vw; + } + + .camp-swiper-foto img { + border-radius: 2.5vw; + } + + .camp-swiper-foto-thumbsSlider { + height: 6.67vw; + } + + .camp-swiper-foto-thumbsSlider img { + border-radius: .83vw; + } + + .foto-banner { + margin-top: 3.33vw; + border-radius: 5vw; + padding: 1.67vw; + } + + .foto-banner_text { + padding-left: 1.67vw; + font-size: 2.17vw; + } + + .foto-banner_text svg { + top: -.42vw; + left: .42vw; + width: 1vw; + height: 1vw; + } + + .foto-banner a { + padding: 1.67vw 3.33vw; + font-size: 1.67vw; + border-width: .17vw; + border-radius: 4.17vw; + border: .17vw solid transparent; + } + + .foto-banner a:hover { + border: .17vw solid #fff; + } + + .foto-content { + width: calc(50% - 1.67vw); + } + + .faq-wrapper { + gap: 2.5vw; + } + + .accordion { + gap: .83vw; + border-top: .08vw solid #ccc; + } + + .camp-faq .accordion .box__accordion { + border-bottom: .08vw solid #ccc; + } + + .camp-faq .box__accordion_label { + padding: 1.67vw 0; + gap: 1.67vw; + } + + .camp-faq .box__accordion_label span { + font-size: 2.17vw; + } + + .box__accordion_label svg { + width: 3.33vw; + height: 3.33vw; + padding: .67vw; + } + + .camp-faq .box__accordion_content { + gap: 1.67vw; + } + + .box__accordion_content-text { + gap: .83vw; + font-size: 1.5vw; + padding-bottom: 1.67vw; + } + + .contact-wrapper { + gap: 2.5vw; + } + + .contact-content { + gap: .83vw; + } + + .contact_subtitle { + margin-top: .83vw; + font-size: 1.5vw; + } + + .contact_tel { + font-size: 1.7vw; + } + + .contact_social { + gap: 1.25vw; + } + + .contact-map { + border-radius: 2.5vw; + height: 37.5vw; + } + + .camp-reviews-wrapper .reviews__item-client_name { + font-size: 1.33vw; + } + + .camp-reviews-wrapper .reviews__item-client_text { + font-size: 1.33vw; + } + + .camp-reviews-wrapper .custom-button-next, + .camp-reviews-wrapper .custom-button-prev { + width: 4.5vw; + height: 4.5vw; + margin-top: calc(0vw -(var(--swiper-navigation-size) / 2)); + } + + .camp-reviews-wrapper .custom-button-next:after, + .camp-reviews-wrapper .custom-button-prev:after { + font-size: 2.17vw; + padding: .42vw; + height: 4.5vw; + width: 4.5vw; + } + +} + +@media (width < 780px) { + body { + padding-top: 0; + } + + .camp { + gap: 30px; + } + + .camp_title { + font-size: 30px; + padding-bottom: 25px; + } + + .camp.container_camp { + padding: 0; + } + + .banner { + border-radius: 0 0 40px 40px; + margin-top: 40px; + } + + .banner_title { + font-size: 27px; + width: 100%; + } + + .banner_text { + font-size: 16px; + } + + .banner__right-part { + display: none; + } + + .banner__left-part { + width: 100%; + padding: 30px; + } + + .banner_btn { + margin: 100px auto 0; + } + + .banner_label { + padding: 5px 10px; + font-size: 16px; + } + + .banner_label1 { + top: 62%; + left: 39%; + } + + .banner_label2 { + top: 69%; + left: 10%; + } + + .banner_label3 { + top: 65%; + right: 10%; + left: auto; + rotate: -18deg; + } + + .banner_btn { + font-size: 18px; + } + + section { + padding: 0 15px; + } + + .suggestions-wrapper { + gap: 0; + flex-direction: column; + } + + .suggestions__item { + width: 100%; + } + + .suggestions__item_title { + font-size: 22px; + } + + .suggestions__item_text { + font-size: 16px; + } + + .infograph-wrapper { + margin-top: 0; + gap: 20px 40px; + flex-wrap: wrap; + } + + .infograph__item { + width: calc(50% - 20px); + gap: 10px; + } + + .infograph__item_title { + margin-bottom: 0; + } + + .infograph__item_img { + width: 70%; + height: auto; + } + + .infograph__item_data { + font-size: 22px; + margin-bottom: 0; + } + + .programs { + padding: 0; + } + + .programs .camp_title { + padding: 0 15px 25px 15px; + } + + .scroll-icon-wrapper { + margin-top: -20px; + display: flex; + justify-content: flex-end; + padding-right: 15px; + } + + .programs-wrapper { + width: 100%; + display: flex; + flex-wrap: nowrap; + gap: 30px; + overflow-x: scroll; + padding: 0 15px 20px 15px; + } + + .programs-wrapper::-webkit-scrollbar { + width: 10px; + height: 10px; + } + + .programs-wrapper::-webkit-scrollbar-thumb { + background-color: #ccc; + border-radius: 8px; + border: 1px solid #8b8b8b; + } + + .programs-wrapper::-webkit-scrollbar-track { + border-radius: 5px; + } + + .programs__item { + width: 100%; + gap: 10px; + } + + .programs__item_img { + height: 250px; + } + + .programs__item_title { + font-size: 22px; + } + + .btn-details { + width: 100%; + } + + .banner-add { + border-radius: 40px; + background-color: #3bb273 !important; + background-image: none !important; + } + + .banner-add .banner_title { + width: 100%; + } + + .banner-add .banner__left-part { + gap: 20px; + } + + .banner-add .banner_btn { + margin-top: 0; + width: 100%; + } + + .banner_text-min { + margin: 0; + } + + .bring-child-wrapper { + gap: 20px; + flex-direction: column; + } + + .part-day { + width: 100%; + gap: 15px; + padding: 20px; + } + + .block-row { + flex-wrap: wrap; + } + + .part-day_title-text { + font-size: 26px; + } + + .part-day__price_price { + width: 100%; + order: 2; + font-size: 28px; + } + + .part-day__price_time { + margin: 0; + } + + .part-day__price { + padding-bottom: 20px; + } + + .part-day_text { + font-size: 16px; + } + + .btn-place { + padding: 15px 0; + } + + .mentors__item { + width: calc(50% - 15px); + } + + .mentors__item_name { + font-size: 18px; + } + + .mentors__item_text { + font-size: 16px; + } + + .routine-wrapper { + margin-left: 0; + } + + .routine-wrapper { + gap: 30px; + } + + .routine__item_time { + display: none; + } + + .routine__item_text { + gap: 5px; + } + + .routine__item_time-mobile { + display: block; + font-size: 20px; + line-height: 1.2; + font-weight: 600; + } + + .routine__item_text-title { + font-size: 22px; + } + + .routine__item::before { + left: 10px; + } + + .camp-foto-wrapper { + gap: 10px; + flex-direction: column; + } + + .foto-content, + .foto-left-part { + width: 100%; + } + + .camp-swiper-foto { + height: 250px; + margin-bottom: 5px; + } + + .camp-swiper-foto-thumbsSlider { + height: auto; + } + + .foto-content { + font-size: 16px; + } + + .foto-banner { + margin-top: 20px; + flex-direction: column; + border-radius: 40px; + padding: 15px 25px; + } + + .foto-banner_text { + position: relative; + padding-left: 0; + width: 90%; + font-size: 22px; + margin-bottom: 30px; + font-weight: 600; + } + + .foto-banner_text span { + position: absolute; + top: 0; + left: 100%; + } + + .foto-banner a { + width: 100%; + } + + .more .btn-more { + height: 24px; + background: #fff; + } + + .faq-wrapper { + gap: 0; + flex-direction: column; + } + + .accordion { + width: 100%; + gap: 0; + } + + .accordion-last { + border-top: none; + margin-top: 0; + } + + .accordion .box__accordion .box__accordion_label { + padding: 10px 0; + } + + .camp-faq .box__accordion_label span { + font-size: 20px; + } + + .box__accordion_label svg { + flex-shrink: 0; + } + + .contact-wrapper { + gap: 20px; + flex-direction: column-reverse; + } + + .contact-map { + width: 100%; + height: 250px; + } + + #ya-map { + height: 250px !important; + } + + .contact-content { + width: 100%; + } + + .contact_tel { + font-size: 18px; + } + .mentors__item_img { + max-height: 195px; + } + .camp-reviews-wrapper .custom-button-next { + right: -20px; + top: 40%; + } + .camp-reviews-wrapper .custom-button-prev { + left: -20px; + top: 40%; + } + .modal-programs-wrapper { + gap: 15px; + border-radius: 10px; + padding: 15px; + max-width: 95%; + flex-direction: column; + } + .btn-close-modal, + .btn-close-mentors { + left: auto; + right: 0; + } + .modal-programs__img { + height: auto; + border-radius: 10px; + } + .modal-mentors-wrapper { + position: relative; + padding: 15px; + width: 90%; + gap: 20px; + color: #212121; + height: fit-content; + max-height: 90%; + border-radius: 10px; + flex-direction: column; + } + .modal-mentors_name { + font-size: 20px; + } + .modal-mentors__about { + gap: 10px; + flex-direction: column; + } + .about-item { + width: 100%; + padding: 10px; + border-radius: 10px; + background-color: #e7fff2; + display: flex; + gap: 10px; + flex-direction: column; + } + .mentors__about-col { + gap: 10px; + } + .mentors__about-col_title { + font-size: 18px; + } + .mentors__about-col_text { + font-size: 14px; + } + .mentors__about-col_text section { + padding: 0; + } + .modal-additional__education { + width: 100%; + padding: 10px; + border-radius: 10px; + gap: 10px; + flex-direction: column; + } + + .modal-additional__education_list ul { + padding-left: 0 !important; + } + + .modal-additional__education_list li { + width: 100%; + padding-left: 10px; + } + .camp-reviews-wrapper .custom-button-next:after, .camp-reviews-wrapper .custom-button-prev:after { + font-size: 12px; + height: 27px; + width: 27px; + display: flex; + } }/* ═══════════════════════════════════════════════ HERO — Galileo-style (городской лагерь) ═══════════════════════════════════════════════ */ @@ -2231,7 +2231,8 @@ p { letter-spacing: -.56px; text-align: center; font-size: 2.25rem; - font-family: 'Fredoka', sans-serif; + font-family: 'Manrope', sans-serif; + font-weight: 800; line-height: 1.1; color: #1c2b2d; margin: 0; @@ -2243,6 +2244,8 @@ p { } } .hero-media-search .heading-1 span { + font-family: 'Poppins', sans-serif; + font-weight: 600; display: block; letter-spacing: -1.68px; line-height: 1.2; @@ -2280,7 +2283,8 @@ p { .hero-media-search__propositions.on-desktop img { width: 58px; height: auto; } .hero-media-search__propositions.on-desktop h3 { font-weight: 800; - font-family: 'Fredoka', sans-serif; + font-family: 'Manrope', sans-serif; + font-weight: 800; font-size: 16px; line-height: 1.2; text-align: center; @@ -2432,7 +2436,8 @@ p { .hero-media-search__propositions.on-mobile img { width: 48px; height: auto; } .hero-media-search__propositions.on-mobile h3 { font-weight: 800; - font-family: 'Fredoka', sans-serif; + font-family: 'Manrope', sans-serif; + font-weight: 800; font-size: 14px; line-height: 1.2; text-align: center; diff --git a/wp-content/themes/dekart/header.php b/wp-content/themes/dekart/header.php index eaa0879..f57bbb4 100644 --- a/wp-content/themes/dekart/header.php +++ b/wp-content/themes/dekart/header.php @@ -80,9 +80,9 @@ if ( is_front_page() ) { // Убрали старый формат css?family= в пользу css2 с более широкой поддержкой ?> - +