@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

@font-face {
   font-family: "ProtoSans56";
   src: url("ProtoSans56.ttf") format("truetype");
}

:root {
   --kids-color: #b067c2;
   --adults-color: #7956db;
   --dark-primary: #3b3b8d;
   --index: 1vh + 1vw;
}

html {
   box-sizing: border-box;
}

*,
*::after,
*::before {
   box-sizing: inherit;
}

ul[class],
ol[class] {
   padding: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
   margin: 0;
}

ul[class] {
   list-style: none;
}

img {
   max-width: 100%;
   display: block;
}

input,
button,
textarea,
select {
   font: inherit;
}

a {
   text-decoration: none;
}

a:hover {
   text-decoration: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

/* Firefox */
input[type="number"] {
   -moz-appearance: textfield;
}

.skiptranslate {
   display: none;
}

.gtranslate-wrapper {
   padding: 0 15px 0 0;
}

.gtranslate-wrapper a {
   color: inherit;
   font-weight: 400;
   font-size: 1em;
}

html,
body {
   height: 100%;
   background-color: #fff;
   font-family: "Inter" !important;
   scroll-behavior: smooth;
}

html {
   overflow-x: hidden;
   overflow-y: auto;
}

body {
   width: 100vw;
   overflow-x: hidden;
   font-size: 16px;
}

.wrapper {
   display: flex;
   flex-direction: column;
   min-height: 100%;
   position: relative;
}

.main {
   flex: 1 0 auto;
}

.footer {
   flex: 0 0 auto;
}

.container {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 15px;
}

.width-50 {
   width: 50%;
}

.logo {}

.logo a {
   font-family: "ProtoSans56", sans-serif;
   font-size: 32px !important;
   text-decoration: none;
   user-select: none;
}

.logo--dark a {
   color: #000;
}

.logo--light a {
   color: #fff;
}

.container {
   width: min(998px, 95vw) !important;
   margin: 0 auto !important;
   position: relative;
}

.row {
   display: flex;
}

.header {
   width: 100%;
   transition: all 1s;
}

.header__wrapper {
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   position: relative;
   z-index: 20;
}

.header .nav {
   display: flex;
   position: relative;
   align-items: center;
   padding: 20px 0;
}

.header .logo {
   position: relative;
   flex: 1 0 auto;
}

.header .logo__item {
   font-size: 34px;
   position: absolute;
   bottom: 0;
   left: 0;
   color: #000;
}

.header .header__button-donate {
   height: auto;
   background-color: var(--adults-color);
   border: 4px solid #a288ec;
   border-radius: 28px;
   padding: 2px 36px;
   color: #fff;
   font-weight: 600;
}

.header .menu {
   display: flex;
   margin: 0 0 0 auto;
   justify-content: center;
   transition: all 0.8s;
}

.header .menu li {
   margin-left: 25px;
   display: block;
   padding-top: 10px;
   padding-bottom: 10px;
}

.header .menu a {
   color: #000;
   transition: all 0.4s;
   text-decoration: none;
   font-family: Inter;
   font-size: 16px;
   display: block;
}

.header .menu a:hover {
   color: var(--kids-color);
}

.header .menu-item-has-children {
   position: relative;
   padding: 0 1em;
   transition: all 0.4s;
}

.header a {
   position: relative;
}

.header .menu-item-has-children:hover>a {
   color: #000;
}

.header .menu-item-has-children::hover .sub-menu {
   display: block;
}

.header .menu-item-has-children:hover .sub-menu {
   display: block;
}

.header .sub-menu {
   position: absolute;
   min-width: 300px;
   top: 100%;
   right: 162px;
   transform: translateX(50%);
   padding: 20px 0;
   border-radius: 9px;
   background-color: #fff;
   display: none;
   box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.25);
   border-radius: 20px 0px 20px 20px;
   z-index: 5;
}

.header .sub-menu li {
   margin: 0;
   padding: 0 20px;
   text-align: right;
}

.header .sub-menu li:hover {
   background-color: rgba(165, 110, 255, 0.2392156863);
}

.header .sub-menu a {
   padding: 10px 12px;
   display: block;
   text-decoration: none;
   font-size: 1.1em;
}

.header .sub-menu a:hover {
   color: #000;
}

.header .button-menu {
   background: none;
   padding: 0 0px;
   margin: 0;
   border: 2px solid transparent;
   /* display: none; */
   margin-left: auto;
   display: flex;
   gap: 0.5em;
}

.header .button-menu i {
   font-size: 18px;
   line-height: 0.8;
}

.header .button-menu .button-menu__text {
   font-size: 16px;
   line-height: 0.8;
}

.header .button-menu:focus {
   border: 2px solid rgba(4, 233, 221, 0.616);
}

.header__banner {
   min-height: 570px;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   padding: 130px 0 80px;
}

.header__banner .banner__content {
   color: #fff;
   position: absolute;
   bottom: 12%;
   max-width: 650px;
}

.header__banner .banner__title {
   margin: 0;
   padding: 0;
   font-style: normal;
   font-weight: 700;
   font-size: 3em;
   text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.header__banner .banner__description {
   padding-top: 20px;
   font-weight: 500;
   font-size: 16px;
   line-height: 17px;
   width: 270px;
}

.header__banner .container {
   position: static;
   height: 100%;
}

.main-intro {
   position: relative;
   z-index: 2;
   color: #fff;
   padding: 100px 0 60px;
}

.main-intro .main-intro__wrapper {
   position: absolute;
   overflow: hidden;
   inset: 0;
   width: 100%;
   height: 100%;
}

.main-intro .main-intro__wrapper::before {
   content: "";
   position: absolute;
   background: var(--adults-color);
   inset: 0;
   height: 160%;
   width: 100%;
   top: 0px;
   z-index: -1;
}

.main-intro .intro {
   max-width: 800px;
   padding-bottom: 9em;
}

.main-intro__bg {
   position: absolute;
   object-fit: contain;
   height: 166%;
   top: -47%;
   left: 0;
   aspect-ratio: 1;
   transform: rotate(158deg);
}

.main-intro__bg-im {
   width: 40%;
   position: relative;
   z-index: 1;
}

.main-intro__bg-im img {
   position: absolute;
   inset: 0;
   transform: scale(1.89);
   top: -9vw;
   left: 3vw;
   z-index: 1;
}

.main-intro__info {
   width: 60%;
   position: relative;
   z-index: 3;
}

.main-intro .info__content {
   max-width: 580px;
   font-style: normal;
   font-weight: 600;
   font-size: 1.9em;
   line-height: 39px;
   color: #fff;
   padding-bottom: 3em;
}

.main-intro .list {
   padding-left: 30%;
}

.main-intro .list__item {
   padding-left: 90px;
   position: relative;
   padding-bottom: 2.8em;
}

.main-intro .item__title {
   font-style: normal;
   font-weight: 700;
   font-size: 1.5em;
   text-align: center;
   padding: 7px 15px;
   background-color: #fff;
   border-radius: 20px;
   color: var(--adults-color);
   margin-bottom: 0.7em;
   display: block;
}

.main-intro .item__title:hover {
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.main-intro .item__content {
   font-style: normal;
   font-weight: 500;
   font-size: 16px;
   line-height: 17px;
}

.intro {
   max-width: 900px;
   margin: 0 auto;
   font-style: normal;
   text-align: center;
   color: #fff;
   position: relative;
   z-index: 5;
}

.intro .intro--center {
   text-align: center;
}

.intro__title {
   font-weight: 600;
   font-size: 2.5em;
   line-height: 52px;
   padding-bottom: 25px;
}

.intro__subtitle {
   font-style: normal;
   font-weight: 600;
   font-size: 20px;
   line-height: 24px;
   padding-bottom: 40px;
}

.btn-submit {
   width: 324px;
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   border-radius: 70px;
   border: none;
   position: relative;
   z-index: 5;
   text-align: center;
   font-size: 1em;
   padding: 13px 0;
}

.btn-submit.btn-submit--white {
   background: #ffffff;
   font-style: normal;
   font-weight: 600;
   color: #000000;
}

.btn-submit.btn-submit--purple {
   background: var(--dark-primary);
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   border-radius: 70px;
   color: #fff;
   transition: all 0.2s;
}

.btn-submit.btn-submit--purple:hover {
   background-color: #fff;
   color: var(--dark-primary);
}

a.btn-submit {
   display: block;
   margin: 0 auto;
   height: auto;
   padding: 13px 0;
   text-decoration: none;
}

.services-dashboard {
   padding: 90px 0;
}

.services-dashboard.filled .arrow-right-purple-dark {
   min-width: 30px;
}

.services-dashboard .arrow-right-purple-dark {
   display: flex;
   height: 4em;
}

.services-dashboard.filled {
   background-color: var(--adults-color);
}

.services-dashboard__wrapper {
   display: flex;
   justify-content: space-between;
   gap: 16px;
   align-items: center;
}

.services-dashboard__row {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 1em;
}

.card-servcice-link {
   border-radius: 50px;
   padding: 2em 1em;
   color: var(--adults-color);
   display: block;
   background-color: #fff;
   border: 6px solid #ffffff;
   text-decoration: none !important;
   max-width: 270px;
}

.card-servcice-link:visited {
   color: var(--adults-color);
}

.card-servcice-link:hover {
   color: #fff;
   background-color: transparent;
}

.services-dashboard__title {
   writing-mode: vertical-rl;
   text-orientation: mixed;
   transform: rotate(180deg);
   text-align: center;
   font-size: 48px;
   margin: 0;
   color: #fff;
   font-weight: 800;
}

.card-servcice-link__header {
   display: flex;
   align-items: center;
   gap: 0.5em;
   font-size: 24px;
   padding-bottom: 1em;
}

.card-servcice-link__img {
   font-size: 2em;
}

.card-servcice-link__title {
   font-weight: 900;
   font-size: inherit;
   margin: 0;
   overflow: hidden;
   text-overflow: ellipsis;
}

.card-servcice-link__description {
   font-size: 1em;
   font-weight: 500;
}

.service-dashboard {
   padding-top: 40px;
   position: relative;
   z-index: 10;
}

.service-dashboard__row {
   padding-bottom: 120px;
   padding-top: 110px;
   display: flex;
   align-items: center;
   gap: 10px;
}

.service-dashboard .service-row {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 25px;
}

.service-dashboard .service-row a {
   text-decoration: none;
}

.service-dashboard__row.service-row.service-row--only-items {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   justify-content: center;
   align-items: stretch;
   width: 100%;
   height: 100%;
   gap: 20vw 16px;
}

.service-dashboard__row .service-item__img {
   margin-top: -44% !important;
}

.service-item__content {
   flex-grow: 1;
   display: flex;
   flex-direction: column;
}

.service-row--only-item {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0;
}

.service-row--only-item .service-item:hover {
   background-color: none;
}

.post-preview {
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: center;
}

.post-preview__item {
   color: #fff;
   position: relative;
   padding: 0 min(4vw, 20px) 55px;
   transform: translateY(8%);
}

.post-preview__item::after {
   content: "";
   width: 280px;
   border: 5px solid #ffffff33;
   border-radius: 0px 0px 90px 0px;
   position: absolute;
   inset: 0;
   left: 50%;
   transform: translateX(-50%);
}

.post-preview__img {
   width: 210px;
   margin: 0 auto;
   border-radius: 50%;
   margin-top: -120px;
   position: relative;
   z-index: 1;
   padding-bottom: 20px;
}

.post-preview__content {
   display: flex;
   flex-grow: 1;
   flex-direction: column;
   width: 265px;
   padding: 0 min(4vw, 20px) 0;
   align-items: center;
   justify-content: center;
   margin: 0 auto;
}

.post-preview__title {
   padding: 1rem 0;
   text-align: center;
   font-size: 3em;
   white-space: nowrap;
   text-overflow: ellipsis;
   /* white-space: nowrap; */
   overflow: hidden;
   flex-grow: 1;
   margin-bottom: 26px;
   font-weight: 900;
}

.post-preview__list {
   padding-left: 16px;
}

.list__item {
   padding-bottom: 1rem;
   padding-bottom: 20px;
   font-size: 16px;
}

.item__title {}

.service-dashboard__row.service-row.service-row--only-items .service-item {
   height: 100%;
}

.service-dashboard__row.service-row.service-row--only-items .service-item__img {
   padding: 0 16px;
   width: 100%;
   max-width: none;
}

.service-dashboard .service-item {
   /* width: 22vw; */
   padding-bottom: 75px;
}

.service-item__duration {
   align-items: center;
   justify-content: center;
   display: flex;
}

.service-dashboard .service-item .service-item__duration p,
.post-preview__duration {
   text-align: center;
   font-size: 16px;
   border-radius: 36px;
   padding: 8px 25px;
   margin: 0 auto;
   white-space: nowrap;
   display: inline-block;
   margin-top: 1em;
   font-weight: 700;
}

.header__banner.header__single .post-preview__duration {
   color: var(--adults-color);
   background-color: #fff;
}

.service-dashboard .service-dashboard__row {
   position: relative;
}

.service-dashboard .service-row__desciption {
   max-width: calc(25vw - 75px);
}

.service-dashboard .service-row__description--light {
   color: var(--kids-color);
}

#it-education .service-item--light .service-item__duration p {
   color: #fff;
   background-color: var(--kids-color);
}

#it-education .service-item--light:hover .service-item__duration p {
   color: var(--kids-color);
   background-color: #fff;
}

.service-item--light .service-item__duration p {
   border: 6px solid var(--kids-color);
}

#it-education .service-item--dark .service-item__duration p {
   color: #fff;
   background-color: var(--adults-color);
}

#it-education .service-item--dark:hover .service-item__duration p {
   color: var(--adults-color);
   background-color: #fff;
}

.service-item--dark .service-item__duration p {
   border: 6px solid var(--adults-color);
}

.service-dashboard .service-row__description--dark {
   color: var(--adults-color);
}

.service-dashboard .service-row__title {
   font-family: "Inter";
   font-style: normal;
   font-weight: 800;
   font-size: 3em;
   line-height: 60px;
   writing-mode: vertical-rl;
   text-orientation: mixed;
   transform: rotate(180deg);
   text-align: center;
}

.adults-color {
   color: var(--adults-color);
}

.kids-color {
   color: var(--kids-color);
}

.service-dashboard .arrow-right-purple-light,
.service-dashboard .arrow-right-purple-dark {
   width: 37px;
   height: 50px;
   cursor: pointer;
}

.service-row {
   display: flex;
   align-items: stretch;
   font-style: normal;
}

.service-row .service-item {
   color: #000;
   border-radius: 0px 0px 90px 0px;
   padding: 0 min(4vw, 20px) 23px;
   position: relative;
   height: 100%;
   display: flex;
   flex-direction: column;
   width: 100%;
   max-width: 270px;
}

.service-row .service-item--light:hover {
   background-color: var(--kids-color);
   border-color: var(--kids-color) !important;
   color: #fff;
}

.service-row .service-item--dark:hover {
   background-color: var(--adults-color);
   border-color: var(--adults-color) !important;
   color: #fff;
}

.service-row .service-item--dark:hover .service-item__duration p {
   background-color: #fff;
   color: var(--adults-color);
}

.service-row .service-item--light:hover .service-item__duration p {
   background-color: #fff;
   color: var(--kids-color);
}

.service-row .service-item--light {
   border: 6px solid var(--kids-color);
}

.service-row .service-item--dark {
   border: 6px solid var(--adults-color);
}

.service-row .service-item__img {
   object-fit: cover;
   margin: -50% auto 0;
   border-radius: 50%;
   filter: drop-shadow(0px 10px 4px rgba(0, 0, 0, 0.25));
   padding: 0 10px;
}

.service-row .service-item__title {
   font-weight: 900;
   font-size: 24px;
   line-height: 35px;
   padding-top: 30px;
   padding-bottom: 20px;
   text-overflow: ellipsis;
   /* white-space: nowrap; */
   overflow: hidden;
}

.service-row .service-item__list {
   font-weight: 500;
   font-size: 16px;
   line-height: 17px;
   flex-grow: 1;
}

.service-row .service-item__list li {
   padding-bottom: 20px;
}

.feedback {
   background: linear-gradient(180deg,
         rgba(121, 86, 219, 0.69) 0%,
         rgba(129, 51, 166, 0) 100%);
   padding: 80px 30px;
   position: relative;
}

.feedback__wrapper {
   height: 100%;
   padding: 0 50px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.feedback .slick-list {
   overflow: hidden;
   padding: 30px 0 20px;
}

.feedback .slick-track {
   display: flex;
   gap: 15px;
   align-items: stretch;
}

.feedback .feedback-slider,
.feedback .media-slider {
   min-width: 0;
}

.feedback .slick-dots {
   display: none !important;
}

.feedback .feedback-slider__item {
   position: relative;
   padding: 0 30px 40px;
}

.feedback .media-slider .feedback-slider__item {
   padding: 0;
}

.feedback .item {
   background: #ffffff;
   box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
   border-radius: 63px;
}

.feedback .media-slider .item {
   height: 70vh;
   background: transparent;
   overflow: hidden;
}

.feedback .media-slider .item img {
   height: 100%;
   width: 100%;
   object-fit: cover;
}

.feedback .item__avatar {
   border-radius: 50%;
   width: 130px;
   aspect-ratio: 1;
   margin: 0 auto;
   transform: translateY(-30px);
   object-fit: cover;
}

.feedback .item__title {
   font-size: 24px;
   font-weight: 500;
   line-height: 26px;
   letter-spacing: 0em;
   text-align: center;
   padding-bottom: 20px;
}

.feedback .item__subtitle {
   font-size: 16px;
   font-weight: 700;
   line-height: 23px;
   letter-spacing: 0em;
   text-align: center;
   padding-bottom: 15px;
}

.feedback .item__content {
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
   color: #000;
}

.feedback .slick-arrow {
   position: absolute;
   top: 50%;
   margin: -30px 0px 0px 0px;
   z-index: 10;
   font-size: 0;
   width: 140px;
   height: 100%;
   border: none;
   background-color: transparent;
   cursor: pointer;
}

.feedback .slick-arrow.slick-prev {
   left: 0;
}

.feedback .slick-arrow.slick-next {
   right: 0;
}

.feedback .slick-arrow.slick-prev::before,
.feedback .slick-arrow.slick-next::before {
   content: "";
   position: absolute;
   width: 35px;
   height: 60px;
}

.feedback .slick-arrow.slick-prev::before {
   left: 0;
   background: url("../img/design/arrow-left.png") 0 0/100% no-repeat;
}

.feedback .slick-arrow.slick-next::before {
   right: 0;
   background: url("../img/design/arrow-right.png") 0 0/100% no-repeat;
}

.leave-question {
   text-align: center;
   color: #000;
   padding: 0 0 120px;
}

.leave-question__wrapper {
   border-radius: 41px;
   padding: 40px 0;
}

.leave-question__title {
   padding: 0;
   margin: 0;
   font-weight: 600;
   font-size: 3em;
   line-height: 52px;
   padding-bottom: 5px;
}

.leave-question__description {
   font-size: 1em;
   line-height: 24px;
}

.leave-question .btn-submit {
   margin-top: 40px;
}

.leave-question.leave-question--purple .leave-question__wrapper {
   border: 6px solid var(--kids-color);
   background-color: var(--kids-color);
   color: #fff;
}

.leave-question.leave-question--purple .btn-submit {
   background-color: #ffffff;
   color: var(--kids-color);
}

.leave-question.leave-question--purple .btn-submit:hover {
   background-color: rgba(165, 110, 255, 0.2392156863);
   color: #fff;
}

.get-contact {
   padding-bottom: 120px;
}

.get-contact__title {
   font-style: normal;
   font-weight: 700;
   font-size: 3em;
   line-height: 52px;
   color: #331f42;
   padding-bottom: 1em;
}

.get-contact .get_contact__wrapper-right {
   margin-left: 250px;
   background-color: var(--dark-primary);
   color: #fff;
   position: relative;
   width: 100%;
}

.get-contact .map {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: -170px;
   height: 86%;
   width: 85%;
   filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
   overflow: hidden;
}

.get-contact .map img {
   height: 100%;
   object-fit: cover;
}

.get-contact .row {
   height: 100%;
   gap: 5px;
}

.get-contact .contacts-info {
   margin: 0 auto;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   height: 98%;
   justify-content: space-around;
}

.get-contact .contacts-info__item .row {
   height: auto;
}

.get-contact .contacts-info__item p {
   max-width: 160px;
}

.get-contact .contacts-info__icon {
   width: 30px;
   height: 30px;
}

.get-contact .contacts-info__title {
   font-weight: 700;
   font-size: 1em;
   line-height: 32px;
   padding-bottom: 0.8em;
}

.wpcf7-form .form-contact__row {
   margin-bottom: 20px;
}

.wpcf7-not-valid-tip {
   color: #ff0000;
   font-size: 1em;
   font-weight: bold;
   display: block;
   padding: 0 10px;
}

.wpcf7-form input,
.wpcf7-form__comment {
   padding: 12px;
}

.wpcf7-form .select,
.wpcf7-form input,
.wpcf7-form__comment,
.new-select__list {
   background-color: #fff;
   border: none;
   border-radius: 15px;
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
   width: 100%;
}

.wpcf7-form__comment {
   margin-bottom: 46px;
   resize: none;
   height: 5em;
}

.select {
   display: block;
   /* max-width: 215px; */
   width: 100%;
   position: relative;
}

.new-select {
   position: relative;

   padding: 10px 15px;
   cursor: pointer;
   user-select: none;
}

.new-select__list {
   position: absolute;
   top: 45px;
   left: 0;
   border: 1px solid #ced4da;
   cursor: pointer;
   width: 100%;
   z-index: 2;
   background: #fff;
   user-select: none;
   z-index: 10;
}

.new-select__list.on {
   display: block;
}

.new-select__item span {
   display: block;
   padding: 10px 15px;
}

.new-select__item span:hover {
   color: #12b223;
}

.new-select:after {
   content: "";
   display: block;
   width: 25px;
   height: 25px;
   position: absolute;
   right: 9px;
   top: 9px;
   background: url("path-to-image") no-repeat right center / cover;
   opacity: 0.6;

   -webkit-transition: all 0.27s ease-in-out;
   -o-transition: all 0.27s ease-in-out;
   transition: all 0.27s ease-in-out;

   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
}

.new-select.on:after {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
}

.footer {
   padding-top: 60px;
   background: var(--dark-primary);
   color: #fff;
   position: relative;
   z-index: 10;
}

.footer .container {
   max-width: 720px;
   padding-top: 60px;
   background: var(--dark-primary);
   color: #fff;
   position: relative;
   z-index: 10;
}

.footer a {
   color: #fff;
   font-style: normal;
   font-weight: 500;
   font-size: 14px;
   line-height: 19px;
}

.footer a:hover {
   color: #fff;
}

.footer ul {
   list-style-type: none;
   padding: 0;
}

.footer ul:first-child {
   transform: translateY(-40px);
}

.footer ul:nth-child(2) li {
   padding-bottom: 10px;
}

.footer p {
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
}

.footer svg {
   fill: #fff;
}

.footer .logo-item {
   font-size: 2.4em;
   padding-bottom: 5px;
}

.footer .wrapper {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   gap: 10vw;
   padding-bottom: 10px;
   align-items: stretch;
}

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

.footer .widget p {
   font-size: 16px;
}

.footer .widget p:last-of-type {
   margin-bottom: auto;
}

.footer .wp-block-social-links {
   display: flex;
   justify-content: space-around;
   align-items: center;
}

.footer .wp-block-social-links li {
   max-width: 50px;
   padding-bottom: 0;
}

.footer .wp-block-social-links li a {
   color: transparent !important;
}

.footer .wp-block-social-links li a svg {
   fill: #fff !important;
   transform: scale(2);
}

.footer .wp-block-social-links span {
   font-size: 2em;
}

.footer ul li {
   padding-bottom: 30px;
}

.footer .copyright {
   padding: 20px 0;
   text-align: center;
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
   text-align: center;
   color: rgba(255, 255, 255, 0.3);
}

.logo-img {
   width: 200px;
}

.leftBranchAnimation {
   right: 1px !important;
}

.rightBranchAnimation {
   right: 12px !important;
}

.faq {
   background: linear-gradient(180deg,
         rgba(121, 86, 219, 0.69) 0%,
         rgba(129, 51, 166, 0) 100%);
   padding: 0 0 80px 0;
   position: relative;
}

.faq .faq__bg-img {
   position: absolute;
   top: -23vw;
   left: 0;
   width: 100vw;
   height: 100vw;
   z-index: 0;
}

.faq__title {
   font-style: normal;
   padding: 0;
   margin: 0;
   font-weight: 700;
   font-size: 48px;
   line-height: 52px;
   color: #fff;
   text-align: center;
   padding-bottom: 80px;
   padding-top: 65px;
}

.qa {
   padding: 20px !important;
}

.qa .question {
   padding: 23px 50px 23px 30px;
   background: #ffffff;
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   border-radius: 32px;
   margin-bottom: 20px;
}

.qa .question a {
   display: block;
   color: #000;
   position: relative;
   padding-right: 30px;
   text-decoration: none;
   font-weight: 500;
   font-size: 16px;
   line-height: 109.02%;
}

.qa .question a .left-branch,
.qa .question a .right-branch {
   content: "";
   position: absolute;
   width: 5px;
   height: 22px;
   margin: auto 0;
   top: 0;
   bottom: 0;
   background: var(--adults-color);
   transition: all 0.3s linear;
}

.qa .question a .right-branch {
   right: 0;
   transform: rotate(45deg);
}

.qa .question a .left-branch {
   right: 12px;
   transform: rotate(135deg);
}

.qa .answer {
   font-weight: 400;
   font-size: 16px;
   line-height: 22px;
   padding-right: 3.2rem;
}

.qa .answer p a {
   display: inline;
}

.detail-info {
   position: relative;
   z-index: 12;
   --w: calc(474px);
   margin-bottom: 30px;
}

.detail-info .wrapper {
   display: flex;
   flex-direction: row;
   justify-content: space-around;
   gap: 4vw;
}

.detail-info .detail-info__about {
   color: #000;
   padding: 40px;
   width: var(--w);
   background: rgba(255, 255, 255, 0.9);
   border-radius: 36px;
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
   margin-bottom: 60px;
}

.detail-info .detail-info__buttons {
   display: flex;
   gap: 1rem;
}

.detail-info .about__title {
   padding: 0;
   margin: 0;
   font-style: normal;
   font-weight: 600;
   font-size: 3em;
   line-height: 52px;
   padding-bottom: 20px;
}

.detail-info .conditions ul {
   margin: 0;
   padding: 0;
   padding-left: 20px;
   list-style: url("../img/design/Ellipse.svg");
}

.detail-info .conditions li {
   padding-bottom: 12px;
}

.detail-info .btn-submit.btn-submit--purple {
   margin-top: 50px;
   height: 50px;
   margin: 0 auto;
   width: 100%;
}

.preferences {
   padding-top: 50px;
   padding-bottom: 80px;
   position: relative;
   z-index: 10;
}

.preference-text {
   padding: 3em 0 0;
}

.preference-text p {
   max-width: max(500px, 82vw);
   margin: 0 auto;
   text-align: center;
   font-size: 16px;
   font-weight: 500;
}

.preferences .wrapper {
   gap: calc(var(--index) * 3);
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   align-items: start;
   justify-content: space-around;
   width: 100%;
}

.preferences .prefernces__item a {
   color: var(--adults-color);
   text-decoration: none;
}

.preferences .item__img {
   margin: 0 auto;
   max-width: 100px;
   padding-bottom: 1rem;
}

.preferences .item__title {
   font-style: normal;
   font-size: 16px;
   line-height: 26px;
   text-align: center;
}

.course-program {
   padding-bottom: 120px;
   z-index: 2;
}

.course-program .container {
   margin: 0 auto;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.course-program__title {
   font-style: normal;
   font-weight: 700;
   font-size: 3em;
   line-height: 70px;
   padding-bottom: 70px;
}

.course-program .wrapper {
   position: relative;
   z-index: 10;
   padding-left: 75px;
}

.course-program .wrapper::after {
   content: "";
   position: absolute;
   width: 6px;
   height: 100%;
   left: 0;
   background: linear-gradient(180deg,
         #b590e3 68.39%,
         rgba(181, 144, 227, 0) 120.16%);
   z-index: -1;
}

.course-program .wrapper__point {
   position: relative;
   padding-bottom: 20px;
   margin: 0;
}

.course-program .wrapper__point::after {
   content: "";
   position: absolute;
   width: 55px;
   height: 55px;
   border-radius: 50%;
   background-color: #fff;
   border: 6px solid #b590e3;
   z-index: 1;
   left: -99px;
   top: -13px;
}

.course-program .wrapper__point:hover::after {
   background-color: #b590e3;
}

.course-program .wrapper__point:last-child {
   padding-bottom: 0;
}

.course-program .wrapper__point:last-child .wrapper__content {
   padding-bottom: 0;
}

.course-program .wrapper__point .title {
   margin: 0;
   padding-bottom: 20px;
   font-style: normal;
   font-weight: 700;
   font-size: 24px;
}

.course-program .wrapper__content ul {
   list-style: none;
   padding: 0;
}

.course-program .wrapper__content {
   font-style: normal;
   font-weight: 500;
   font-size: 16px;
   line-height: 19px;
   padding-bottom: 30px;
}

.service-table {
   padding-top: 40px;
   padding-bottom: 100px;
}

.service-table .wrapper {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 50px;
}

.service-table a {
   color: #000;
   text-decoration: none;
}

.service-table__item .item {
   text-align: none;
}

.service-table .item__preview {
   width: 100%;
   object-fit: cover;
   margin: 0 auto;
   padding-bottom: 20px;
   height: 220px;
}

.service-table .item__title {
   font-style: normal;
   font-weight: 600;
   font-size: 1.5em;
   line-height: 35px;
   padding-bottom: 10px;
}

.service-table .item__description {
   font-style: normal;
   font-weight: 500;
   font-size: 16px;
   line-height: 19px;
}

.popup-box,
.pay-dialog {
   background: rgba(0, 0, 0, 0.75);
   backdrop-filter: blur(2px);
   width: 100%;
   height: 100%;
   top: 0;
   z-index: 20;
   display: none;
}

.pay-dialog {
   color: #fff;
}

.pay-dialog a {
   color: #f0e68c;
}

.pay-dialog .pay-dialog__wrapper-confirmation {
   width: 100%;
   display: flex;
   align-items: center;
   margin-bottom: 1em;
}

.pay-dialog .pay-dialog__wrapper-confirmation label {
   font-size: 18px;
   padding-left: 10px;
   margin-bottom: 0;
}

.pay-dialog .pay-dialog__wrapper-confirmation input {
   height: 16px;
   width: 16px;
   margin: 0;
}

.pay-dialog .pay-dialog__link {
   display: block;
   margin: 0 auto;
   padding: 8px 25px;
   background-color: #fff;
   color: #000000;
   border-radius: 22px;
   font-size: 1.25em;
   text-decoration: none;
}

.pay-dialog .pay-dialog__link.isDisabled {
   cursor: not-allowed;
   opacity: 0.5;
}

.popup-box._active,
.pay-dialog._active {
   display: block;
   position: fixed;
}

.popup-box._active .popup-box__content,
.pay-dialog._active,
.pay-dialog__content {
   transition: all 0.5s;
   transform: translateY(0px);
}

.popup-box .wrapper h1,
.popup-box .wrapper h2,
.popup-box .wrapper h3,
.popup-box .wrapper h4,
.popup-box .wrapper h5,
.popup-box .wrapper h6 {
   font-style: normal;
   font-weight: 700;
   font-size: 1.7em;
   line-height: 39px;
   text-align: center;
   color: #ffffff;
   padding-bottom: 0.6em;
}

.popup-box .container,
.pay-dialog .container {
   position: fixed;
   width: 100%;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
}

.popup-box .popup-box__content,
.pay-dialog .pay-dialog__content {
   position: relative;
   transform: translateY(200px);
   transition-delay: all 0.2s;
   transition: all 0.3s;
}

.pay-dialog .pay-dialog__content {
   transform: translateY(0px);
}

.popup-box .wrapper,
.pay-dialog .wrapper {
   max-width: calc(580px - 80px);
   margin: 0 auto;
   padding: 25px 55px;
   position: relative;
   background: rgba(206, 179, 239, 0.4);
   border: 2px solid #e9d7ff;
   box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
   backdrop-filter: blur(10px);
   border-radius: 36px;
   display: flex;
   justify-content: center;
   align-items: center;
   overflow-y: auto;
   max-height: 100vh;
   -ms-overflow-style: none;
   scrollbar-width: none;
}

.popup-box .wrapper::-webkit-scrollbar,
.pay-dialog .wrapper::-webkit-scrollbar {
   display: none;
}

.popup-box .close-popup,
.pay-dialog__close-popup {
   position: absolute;
   top: 0;
   right: -50px;
   background-color: transparent;
   border: none;
   width: 50px;
   height: 50px;
}

.popup-box .form-contact input,
.popup-box .wpcf7-form__comment {
   width: 100%;
}

.popup-box .btn-submit,
.pay-dialog .btn-submit {
   height: 50px;
}

.media-video {
   padding: 0 0 80px 0;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   gap: 50px;
}

/***************************
****************************
**********Adaptive**********
****************************
***************************/
@media (min-width: 1240px) {
   .service-dashboard .service-item {
      max-width: 280px;
      width: 100%;
   }

   .service-dashboard__row.service-row.service-row--only-items {
      gap: 175px 50px;
   }

   .service-dashboard__row.service-row.service-row--only-items .service-item__img {}

   .preferences .item {
      width: 300px;
   }
}

@media (max-width: 1200px) {
   .detail-info {
      --w: calc(var(--index) * 45);
   }
}

@media (max-width: 1140px) {}

@media (max-width: 992px) {
   .logo {
      flex-grow: 1;
   }

   .service-dashboard .service-row__title,
   .services-dashboard__title {
      font-size: 2em;
      line-height: 1;
   }

   .service-row .service-item {
      width: 230px;
   }

   .service-dashboard__row .service-item,
   .service-dashboard__row .service-item--dark {
      width: 25vw !important;
   }

   .detail-info__buttons {
      padding: 8px;
   }

   .services-dashboard__row {
      grid-template-columns: repeat(1, 1fr);
   }

   .popup-box__content h3 {
      font-size: 18px;
   }

   .popup-box__content h3 {
      font-size: 18px !important;
      padding-top: 40px;
   }

   .header .button-menu {
      display: flex;
      gap: 0.5rem;
      align-items: flex-end;
   }

   .header .menu a {
      font-size: 20px;
   }

   .header .menu a:hover {
      color: #000;
   }

   .header .menu {
      /* position: absolute; */
      flex-direction: column;
      background-color: #fff;
      top: 90%;
      z-index: 50;
      right: -125%;
      width: 400px;
      text-align: right;
      transition: all 0.3s;
      border-radius: 20px;
   }

   .header .menu._active {
      right: -12%;
   }

   .header .menu li {
      margin: 0;
      padding-right: 10%;
      box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.25);
   }

   .header .menu li:first-child {
      border-top-left-radius: 20px;
   }

   .header .menu li:last-child {
      border-bottom-left-radius: 20px;
   }

   .header .menu li:hover {
      background-color: rgba(165, 110, 255, 0.2392156863);
   }

   .header .menu-item-has-children:hover .sub-menu {
      display: none;
   }

   .header .menu-item-has-children .sub-menu._active {
      display: block;
   }

   .header__banner .header__title {
      font-size: calc(var(--index) * 4);
   }

   .gtranslate-wrapper {
      padding: 0 0px;
      font-size: 1em;
   }

   .intro__title {
      font-size: calc(var(--index) * 3);
   }

   .main-intro .intro {
      padding-bottom: calc(var(--index) * 3);
   }

   .main-intro .list {
      padding-left: 10%;
   }

   .service-row .service-item:hover {
      border-color: var(--kids-color);
   }

   .service-dashboard {
      padding-top: calc(var(--index) * 8);
   }

   .service-dashboard__row {
      padding: 70px 0 105px;
   }

   .service-dashboard__row.service-row>.service-row__desciption:first-child {
      flex: 1 0 auto;
   }

   .service-dashboard .service-row__desciption {
      max-width: initial;
   }

   .service-row .service-item {
      padding: 0 min(4vw, 20px) 50px;
   }

   .service-dashboard .service-row {
      gap: 140px 16px;
   }

   .service-row .service-item__list li .service-row__title {
      font-size: 18px;
   }

   .service-item__list .list__item.item .item__title {
      font-size: 16px;
   }

   .leave-question__wrapper {
      font-size: calc(var(--index) * 0.7);
      padding: 3em;
   }

   .leave-question {
      padding: 0 0 70px;
   }

   .get-contact .row {
      flex-wrap: wrap;
   }

   .get-contact .width-50 {
      width: 100%;
      padding-bottom: 40px;
   }

   .service-row .service-item__title {
      font-size: 1.6em;
   }

   .wpcf7-form__comment {
      height: 7em;
   }

   .get-contact .get_contact__wrapper-right {
      margin-left: 29%;
   }

   .get-contact .map {
      left: -40%;
      width: 54vw;
      height: calc(100% - 60px);
   }

   .get-contact .get_contact__wrapper-right {
      padding: 30px 0;
      height: 80vw;
   }

   .contacts-info .contacts-info__item {
      padding-bottom: 30px;
   }

   .main-intro .info__content {
      padding: 0 0 1.5em;
      font-size: calc(var(--index) * 3);
      text-align: center;
   }

   .main-intro .intro {
      padding-bottom: calc(var(--index) * 9);
   }

   .leave-question__description {
      font-size: 15px;
   }

   .service-table .wrapper {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: calc(var(--index) * 4);
   }

   .service-dashboard__row.service-row.service-row--only-items .service-item__img {}

   .service-dashboard__row.service-row.service-row--only-items {
      padding-bottom: calc(var(--index) * 15);
   }

   .service-row .service-item--dark {
      border: 6px solid var(--adults-color);
      width: 230px;
   }

   .detail-info .container {
      position: relative;
      transform: none;
      left: auto;
   }

   .preferences .item__img {
      margin: 0 auto;
      max-width: calc(var(--index) * 8);
   }

   .course-program__title {
      font-size: calc(var(--index) * 4);
      padding-bottom: 1.5em;
   }

   .card-servcice-link {
      max-width: none;
   }
}

@media (max-width: 768px) {
   .service-dashboard .service-dashboard__row {
      align-items: stretch;
   }

   .service-dashboard__row .service-item,
   .service-dashboard__row .service-item--dark {
      width: 100% !important;
   }

   .service-dashboard__row .service-item__img {
      max-width: 220px;
      margin-top: -33% !important;
   }

   .detail-info {
      margin-bottom: 60px;
   }

   .service-dashboard .service-row__title {
      text-align: end;
   }

   .service-dashboard .arrow-right-purple-light,
   .service-dashboard .arrow-right-purple-dark {
      margin-top: auto;
   }

   .header .sub-menu {
      top: 110%;
   }

   .header .menu {
      width: 300px;
   }

   .header__banner {
      height: auto;
   }

   .banner .banner__content {
      max-width: inherit;
      width: 100%;
      font-size: calc(var(--index) * 0.7);
   }

   .banner .banner__description {
      font-style: 14px;
   }

   .main-intro__bg-im {
      width: 0;
   }

   .main-intro {
      padding: calc(var(--index) * 8) 0 calc(var(--index) * 10);
   }

   .main-intro .intro__subtitle {
      font-size: 18px;
   }

   .btn-submit {
      font-size: calc(var(--index) * 1.6);
   }

   .main-intro .intro {
      padding-bottom: calc(var(--index) * 9);
   }

   .main-intro__info {
      width: 100%;
      position: relative;
      z-index: 3;
      margin: 0 auto;
      padding-bottom: 40px;
   }

   .service-item__list .list__item.item .item__title {
      font-size: 15px;
   }

   .service-dashboard .service-item {
      width: 100%;
      margin: 0 auto;
      padding-top: 70px;
      max-width: none;
   }

   .service-row a:not(.arrow-right-purple-light, .arrow-right-purple-dark) {
      display: block;
      margin: 0 auto;
      padding-bottom: 20px;
      width: 100%;
   }

   /* .service-row .service-item__img {
      top: -166px;
      width: 283px;
      max-width: none;
   } */

   .service-dashboard .service-item {
      padding-top: 20px;
   }

   .service-dashboard .service-row {
      gap: 160px 30px;
      grid-template-columns: repeat(1, 1fr);
   }

   .get-contact .contacts-info {
      margin: 0 1% 0 auto;
   }

   .footer .logo-item {
      width: calc(var(--index) * 45);
   }

   .get-contact {
      padding-bottom: calc(var(--index) * 13);
   }

   .service-table .wrapper {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: calc(var(--index) * 4);
   }

   .service-dashboard__row.service-row.service-row--only-items {
      padding-top: calc(var(--index) * 16);
      grid-template-columns: repeat(2, 1fr);
   }

   .card-servcice-link__description {
      font-size: 16px;
   }

   .feedback .slick-track {
      gap: 0px;
   }

   .feedback .item {
      margin: 0 16px;
   }

   .service-dashboard__row.service-row.service-row--only-items .service-item {
      width: calc(var(--index) * 37);
      padding-bottom: 50px;
   }

   .service-dashboard__row.service-row.service-row--only-items .service-item__img {
      margin-top: -47% !important;
   }

   .faq .container {
      width: 96vw !important;
   }

   .faq .faq__bg-img {
      top: -18vw;
   }

   .qa .question {
      font-size: 17px;
   }

   .qa .question a .left-branch,
   .qa .question a .right-branch {
      width: 4px;
      height: 19px;
   }

   .course-program .wrapper::after {
      width: 4px;
   }

   .course-program .wrapper__point::after {
      content: "";
      position: absolute;
      width: 45px;
      height: 45px;
      border: 4px solid #b590e3;
      left: -70.5px;
   }

   .detail-info {
      --w: 100%;
   }

   .detail-info .wrapper {
      flex-direction: column;
      gap: 0;
   }

   .preferences {
      margin-top: 70px;
      padding-bottom: 40px;
   }

   .preferences .item__img {
      margin: 0 auto;
      max-width: calc(var(--index) * 10);
   }

   .detail-info .about__title {
      font-size: calc(var(--index) * 5);
   }

   .course-program .wrapper {
      padding-left: 50px;
   }

   .intro__title {
      font-size: calc(var(--index) * 4);
   }
}

@media (max-width: 576px) {
   .logo a {
      font-size: 5vw !important;
   }

   .header .menu-item-has-children {
      padding: 0 0.3em;
   }

   .header .header__button-donate {
      border: 4px solid #a288ec;
      border-radius: 28px;
      padding: 0px 4px;
      font-weight: 500;
   }

   .gtranslate-wrapper {
      font-size: 12px;
   }

   .service-dashboard__row .service-item {
      width: 90% !important;
   }

   .banner .banner__content {
      position: relative;
   }

   .header__banner .banner__description {
      width: 100%;
   }

   .main-intro .list {
      padding-left: 0;
   }

   .services-dashboard__title,
   .service-row__title {
      font-size: 2em;
   }

   .services-dashboard__wrapper {
      align-items: center;
      gap: 8px;
   }

   .card-servcice-link__img {
      font-size: 2.3em;
   }

   .popup-box .wrapper {
      padding: 25px 18px;
   }

   .popup-box__content h3 {
      padding-top: 40px;
      font-size: 16px !important;
   }

   .popup-box .wrapper {
      max-width: 76vw;
   }

   .container {
      width: 100vw !important;
      padding: 0 4vw;
   }

   .logo {
      width: calc(var(--index) * 24);
   }

   .button-menu {
      font-size: 20px;
   }

   .header .menu {
      width: 100%;
   }

   .gtranslate-wrapper a {
      font-size: 1em;
   }

   .header .menu._active {
      right: 50%;
      transform: translateX(50%);
      text-align: center;
      padding-right: 0;
   }

   .header .menu-item-has-children:hover .sub-menu {
      display: initial;
   }

   .header .sub-menu {
      min-width: 100vw;
      top: 40px;
      right: -100px;
      transform: translateX(0);
      transition: all 0.4s;
      right: -700px;
      display: block;
   }

   .header .sub-menu._active {
      right: -100px;
      transition: all 0.4s;
   }

   .header .menu li:first-child {
      border-top-right-radius: 20px;
   }

   .header .menu li:last-child {
      border-bottom-right-radius: 20px;
   }

   .btn-submit {
      width: 230px;
   }

   .footer .wrapper {
      gap: 10vw 2vw;
      flex-wrap: wrap;
      justify-content: space-between;
   }

   .intro__title {
      line-height: 1.5;
      padding-bottom: 1em;
   }

   .main-intro .intro__subtitle {
      font-size: 16px;
   }

   .btn-submit {
      line-height: 13px !important;
      height: 40px !important;
   }

   .main-intro .item__title {
      font-size: calc(var(--index) * 4);
   }

   .main-intro .list__item::before {
      transform: rotate(-45deg);
      left: 5px;
   }

   .main-intro .list__item::after,
   .main-intro .list__item::before {
      width: 4px;
      height: 30px;
   }

   .main-intro .list__item::before {
      left: 13px;
   }

   .main-intro .item__content {
      font-size: 15px;
   }

   .service-row .service-item__img {
      top: -123px;
      width: 227px;
   }

   .service-dashboard__row .service-row .service-item__img {
      max-width: 160px;
   }

   .feedback__wrapper {
      padding: 0 22px;
   }

   .leave-question__description {
      font-size: 15px;
   }

   .leave-question .btn-submit {
      margin-top: 29px;
   }

   .feedback .item__avatar {
      border-radius: 50%;
      width: 100px;
   }

   .btn-submit {
      font-size: calc(var(--index) * 2.5);
   }

   .get-contact .container {
      width: 83vw !important;
   }

   .get-contact .get_contact__wrapper-right {
      padding: 0;
      height: auto;
      margin: 0;
   }

   .get_contact__wrapper-right>.row {
      flex-direction: column;
      flex-wrap: nowrap;
   }

   .get_contact__wrapper-right .col-8 {
      width: 100%;
   }

   .get-contact form {
      padding: 0 20px;
   }

   .get-contact .map {
      left: -40%;
      left: auto;
      width: 100%;
      height: 500px;
      position: relative;
      top: 0;
      transform: translate3d(0, 0, 0);
   }

   .get-contact .contacts-info {
      margin: 0 auto;
      height: 100%;
      width: 78%;
      padding-top: 2em;
   }

   .get-contact .contacts-info__title {
      font-size: 1em;
   }

   .contacts-info .contacts-info__item {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      width: 100%;
   }

   .get-contact .contacts-info__item p {
      line-height: 32px;
      font-size: 14px;
   }

   .header .menu li {
      padding-right: 0;
   }

   .main-intro .list__item {
      padding: 10px;
   }

   .feedback {
      padding: 80px 0;
   }

   .feedback .feedback__wrapper {
      position: relative;
   }

   .feedback .slick-arrow.slick-prev::before,
   .feedback .slick-arrow.slick-next::before {
      width: 20px;
   }

   .feedback .slick-dots {
      display: none !important;
      width: 100%;
      font-size: 0;
   }

   .feedback .slick-dots li button {
      background-color: #331783;
      border-radius: 50%;
      width: 15px;
      height: 15px;
      font-size: 0;
   }

   .feedback .slick-dots li.slick-active button {
      background-color: var(--kids-color);
   }

   .slick-dots li button::before {
      font-size: 0 !important;
   }

   .feedback .container {
      width: 96vw !important;
   }

   .feedback .feedback-slider__item {
      padding: 0 25px 40px;
      margin: 0 10px;
   }

   .feedback .item__title {
      font-size: calc(var(--index) * 3.4);
   }

   .feedback .item__content {
      font-size: 14px;
   }

   .feedback .item__subtitle {
      font-size: 14px;
   }

   .feedback .slick-arrow {
      width: 75px;
   }

   .service-dashboard .service-row {
      gap: calc(var(--index) * 18) 30px;
   }

   .leave-question .container {
      width: 96vw !important;
   }

   .service-dashboard {
      padding-top: 0;
   }

   .get-contact {
      padding-bottom: calc(var(--index) * 18);
   }

   .main-intro {
      padding: calc(var(--index) * 8) 0 calc(var(--index) * 21);
   }

   .service-table .wrapper {
      grid-template-columns: repeat(1, 1fr);
      gap: calc(var(--index) * 11);
   }

   .service-dashboard__row.service-row.service-row--only-items .service-item {
      width: calc(var(--index) * 79);
      padding-top: calc(var(--index) * 19);
      margin: 0 auto;
   }

   .service-dashboard__row.service-row.service-row--only-items {
      padding-top: calc(var(--index) * 40);
      grid-template-columns: 1fr;
      gap: calc(var(--index) * 37);
   }

   .service-dashboard__row.service-row.service-row--only-items .service-item__img {
      margin-top: -73% !important;
      padding: 1px calc(var(--index) * 7);
   }

   .qa {
      padding: 0 !important;
   }

   .qa .question a {
      font-size: 18px;
   }

   .qa .question {
      font-size: 15px;
   }

   .detail-info .container {
      width: 96vw !important;
   }

   .detail-info .detail-info__about {
      padding: 20px 20px 40px;
      font-size: 15px;
      margin-bottom: 25px;
      border-radius: 25px;
      transform: translateY(-20px);
   }

   .preferences .wrapper {
      grid-template-columns: repeat(3, 1fr);
      gap: 40px;
   }

   .course-program .container {
      width: 83vw !important;
   }

   .main-intro__bg {
      left: -50%;
   }

   .header__banner {
      min-height: 320px;
   }

   .post-preview__title {
      font-size: 2em;
   }
}

@media (max-width: 375px) {
   .header .container {
      padding: 0 4px;
   }
}

/*** to correct  */
.wp-block-group__inner-container {
   display: flex;
   flex-direction: column;
   height: 84%;
}

.wp-block-group__inner-container p:last-of-type {
   flex: 1 0 auto;
}

.wpcf7-form {
   color: #757575;
}

.wpcf7-form .open ul {
   display: block !important;
}

.wp-block-wpzoom-blocks-social-icons {
   display: block !important;
   margin: 0;
}

.wp-block-wpzoom-blocks-social-icons .social-icon.socicon:empty {
   font-size: 1.9em;
   width: auto;
   height: auto;
   margin: 0 16px 0 0;
   padding: 0;
}

.about__description {
   font-weight: 400;
}

.blog-list,
.blog-content {
   padding: 60px 0;
}

.blog-list a {
   text-decoration: none;
   color: #000;
}

.blog-list a:hover {
   text-decoration: underline;
}