@font-face { font-style: normal; font-weight: 400; font-family: Montserrat; font-display: swap; src: url("/wp-content/themes/logika-theme/assets/fonts/Montserrat-Regular.woff2") format("woff2"); }@font-face { font-style: normal; font-weight: 500; font-family: Montserrat; font-display: swap; src: url("/wp-content/themes/logika-theme/assets/fonts/Montserrat-Medium.woff2") format("woff2"); }@font-face { font-style: normal; font-weight: 600; font-family: Montserrat; font-display: swap; src: url("/wp-content/themes/logika-theme/assets/fonts/Montserrat-SemiBold.woff2") format("woff2"); }@font-face { font-style: normal; font-weight: 700; font-family: Montserrat; font-display: swap; src: url("/wp-content/themes/logika-theme/assets/fonts/Montserrat-Bold.woff2") format("woff2"); }@font-face { font-family: "Montserrat Fallback"; font-weight: 100 450; src: local("Arial"), local("Liberation Sans"), local("Helvetica"); size-adjust: 112%; ascent-override: 86.4%; descent-override: 22.4%; line-gap-override: 0%; }@font-face { font-family: "Montserrat Fallback"; font-weight: 451 550; src: local("Arial"), local("Liberation Sans"), local("Helvetica"); size-adjust: 113.6%; ascent-override: 85.2%; descent-override: 22.1%; line-gap-override: 0%; }@font-face { font-family: "Montserrat Fallback"; font-weight: 551 650; src: local("Arial"), local("Liberation Sans"), local("Helvetica"); size-adjust: 115.5%; ascent-override: 83.8%; descent-override: 21.7%; line-gap-override: 0%; }@font-face { font-family: "Montserrat Fallback"; font-weight: 651 900; src: local("Arial"), local("Liberation Sans"), local("Helvetica"); size-adjust: 117.5%; ascent-override: 82.4%; descent-override: 21.4%; line-gap-override: 0%; }@font-face { font-family: "Montserrat Fallback Android"; font-weight: 100 450; src: local("Roboto"); size-adjust: 109.4%; ascent-override: 88.5%; descent-override: 22.9%; line-gap-override: 0%; }@font-face { font-family: "Montserrat Fallback Android"; font-weight: 451 550; src: local("Roboto"); size-adjust: 111%; ascent-override: 87.2%; descent-override: 22.6%; line-gap-override: 0%; }@font-face { font-family: "Montserrat Fallback Android"; font-weight: 551 650; src: local("Roboto"); size-adjust: 112.9%; ascent-override: 85.7%; descent-override: 22.2%; line-gap-override: 0%; }@font-face { font-family: "Montserrat Fallback Android"; font-weight: 651 900; src: local("Roboto"); size-adjust: 114.8%; ascent-override: 84.3%; descent-override: 21.9%; line-gap-override: 0%; }:root { --body-font-size: clamp(12px, 2.083vw, 16px); --content-width: 1440px; --content-width-mode: 1920px; --content-width-mini: 952px; --container-offset: clamp(16px, 3.125vw, 60px); --container-width: calc(var(--content-width) + (var(--container-offset) * 2)); --header-height: 138px; --font-primary: "Montserrat", "Montserrat Fallback", "Montserrat Fallback Android", sans-serif; --white: #ffffff; --black: #000000; --grey-100: #D0D0D0; --grey-500: #6B6B6B; --light-blue: #DDF0FB; --violet-500: #29235C; --violet-300: #2F2535; --violet-100: #602B7A; --yellow: #FFD631; --green: #95C11F; --bg-a: #ffffff; --bg-b: #000000; }@media (max-width: 1024px){:root { --header-height: 130px; }}@media (max-width: 576px){:root { --header-height: 127px; }}:root { --swiper-theme-color: #007aff; }.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform, -webkit-transform; box-sizing: content-box; }.swiper-wrapper { transform: translate3d(0px, 0px, 0px); }.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform, -webkit-transform; }html { box-sizing: border-box; width: 100%; height: 100%; max-width: 100dvw; scroll-behavior: smooth; }body { position: relative; overflow-x: hidden; width: 100%; height: 100%; margin: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; font-family: var(--font-primary); font-size: var(--body-font-size); font-style: normal; font-weight: 500; line-height: 140%; letter-spacing: -0.8px; color: var(--violet-300); background-color: rgb(250, 250, 250); text-size-adjust: 100%; }html { overflow-x: hidden; }.main-form__age-dropdown { position: absolute; top: calc(100% - 1px); right: 0px; left: 0px; z-index: 20; padding: 4px 0px; overflow: hidden; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 0px; border-radius: 0px 0px 12px 12px; background-color: var(--white); box-shadow: rgba(47, 37, 53, 0.14) 0px 10px 20px; }main { position: relative; z-index: 2; -webkit-box-flex: 1; flex-grow: 1; min-width: 0px !important; }*, ::after, ::before { box-sizing: border-box; }* { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }a { display: inline-flex; margin: 0px; font-style: inherit; font-weight: inherit; font-family: inherit; color: inherit; text-decoration: none; cursor: pointer; }button { display: inline-flex; margin: 0px; padding: 0px; line-height: initial; color: inherit; background-color: rgba(255, 255, 255, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; cursor: pointer; }ul, ol, li { margin: 0px; padding: 0px; list-style: none; }::selection { color: var(--white); background-color: var(--violet-100); }.header__top ::selection, .footer ::selection, .banner-section__form ::selection, .camp-booking__form ::selection, .cta-section__wrapp ::selection, .test-section__wrapp ::selection, .english-section__wrapp ::selection, .services-section__item-media ::selection, .courses-section__item ::selection, .offer-card__promo ::selection, .archive-section__promo ::selection, .media-section__promo ::selection, .media-section__race ::selection, .media-section__card--violet ::selection, .onboarding-section__item-image ::selection { color: var(--violet-300); background-color: var(--yellow); }h1, h2, h3, h4, h5, h6, a, span, button, p { margin: 0px; padding: 0px; font-family: var(--font-primary); font-style: normal; }img { max-width: 100%; height: auto; object-fit: cover; }svg { fill: rgba(255, 255, 255, 0); }input { width: 100%; background-color: rgba(255, 255, 255, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; }input::placeholder { font-weight: inherit; font-size: inherit; line-height: inherit; font-family: inherit; }.container { position: relative; width: 100%; max-width: var(--container-width); margin: 0px auto; padding: 0 var(--container-offset); }.panel, [data-content] { z-index: 20; max-height: 0px; overflow: hidden; transition: max-height 0.2s; }.logo { display: flex; -webkit-box-align: center; align-items: center; }.logo svg, .logo img { height: auto; }h1, .h1 { font-size: clamp(36px, 4.167vw, 60px); line-height: 115%; font-weight: 700; letter-spacing: -3px; color: var(--violet-500); }h4, .h4 { font-size: clamp(18px, 1.944vw, 28px); line-height: 128%; font-weight: 600; letter-spacing: -1.4px; color: var(--violet-500); }h5, .h5 { font-size: clamp(16px, 1.389vw, 20px); line-height: 140%; font-weight: 600; letter-spacing: -1px; color: var(--violet-500); }.btn { width: 100%; padding: clamp(12px, 1.111vw, 16px); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 6px; border-radius: 12px; font-family: var(--font-primary); font-size: clamp(14px, 1.111vw, 16px); line-height: 140%; font-weight: 600; letter-spacing: -0.8px; }.btn--yellow { background-color: var(--yellow); color: var(--violet-300); }.modal__container { position: relative; font-size: 14px; width: auto; margin: 30px auto; display: none; vertical-align: middle; cursor: default; }.main-form { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: clamp(20px, 2.083vw, 30px); }.main-form__title { text-align: center; color: var(--white); }.main-form__title span { display: block; color: var(--light-blue); }.main-form__inputs { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: clamp(12px, 1.25vw, 18px); }.main-form__input { height: clamp(44px, 3.611vw, 52px); display: flex; -webkit-box-align: center; align-items: center; padding: 0px 16px; border-radius: 46px; background-color: var(--white); font-family: var(--font-primary); font-size: 14px; line-height: 140%; font-weight: 400; color: var(--black); }.main-form__text { font-size: 12px; line-height: 140%; font-weight: 500; color: var(--grey-100); letter-spacing: -0.6px; text-align: center; }.main-form__text a { display: inline; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; word-break: keep-all; }.header { position: relative; background-color: var(--white); box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 12px 0px; z-index: 5; }.header__top { padding: clamp(6px, 1.302vw, 10px) 0px; background-color: var(--violet-100); }.header__top-box { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; gap: 47.5px; }@media (max-width: 767px){.header__top-box { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; }}.header__contact { display: flex; -webkit-box-align: center; align-items: center; gap: 12px; }@media (max-width: 767px){.header__contact { gap: 6px; }}.header__contact-heading { display: flex; -webkit-box-align: center; align-items: center; gap: 6px; font-size: 14px; line-height: 140%; font-weight: 500; letter-spacing: -0.7px; color: var(--white); }@media (max-width: 767px){.header__contact-heading span { display: none; }}.header__contact-link { font-size: 14px; line-height: 140%; font-weight: 500; letter-spacing: -0.7px; color: var(--white); text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; }@media (max-width: 767px){.header__contact--email { display: flex; grid-area: 1 / 1; -webkit-box-pack: start; justify-content: flex-start; }.header__contact--tel { grid-area: 2 / 2; justify-self: end; }}.header__socials { display: flex; -webkit-box-align: center; align-items: center; gap: 12px; }@media (max-width: 767px){.header__socials { grid-area: 1 / 2; justify-self: end; flex-shrink: 0; }}.header__socials-heading { font-size: 14px; line-height: 140%; font-weight: 600; letter-spacing: -0.7px; color: var(--white); }@media (max-width: 767px){.header__socials-heading { display: none; }}.header__socials-links { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; }.header__socials-links a { display: flex; }@media (max-width: 767px){.header__socials-links a svg { width: 30px; height: 30px; }}.header__left { display: flex; -webkit-box-align: center; align-items: center; gap: clamp(10px, 1.042vw, 20px); }.header__box { padding: clamp(16px, 1.389vw, 20px) 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: clamp(10px, 1.042vw, 20px); }.header__location { width: 100%; padding: 10px 16px; border: 1px solid var(--light-blue); border-radius: 36px; }@media (max-width: 1440px){.header__location { max-width: clamp(190px, 10.938vw, 210px); }}.header__location-trigger { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 10px; }.header__location-active { display: flex; -webkit-box-align: center; align-items: center; gap: 6px; }.header__wrapp { display: flex; }@media (max-width: 1440px){.header__wrapp { flex-wrap: wrap-reverse; -webkit-box-align: end; align-items: flex-end; -webkit-box-pack: end; justify-content: flex-end; gap: 5px; }}@media (min-width: 1025px){.header__nav .menu { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 20px; }.header__nav .menu .menu-item { position: relative; -webkit-box-flex: 1; flex-grow: 1; display: flex; -webkit-box-align: center; align-items: center; }.header__nav .menu .menu-item:hover .sub-menu { width: max-content; opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0px); transition: opacity 0.25s, transform 0.25s, visibility 0.25s; max-height: initial !important; }.header__nav .menu .menu-item:first-child .menu-link:hover, .header__nav .menu .menu-item:first-child .menu-link:active { color: var(--violet-100); }.header__nav .menu .menu-link { font-size: clamp(14px, 1.29vw, 16px); line-height: 140%; font-weight: 500; letter-spacing: -0.8px; transition: color 0.3s; text-wrap: nowrap; }.header__nav .menu .menu-link:hover, .header__nav .menu .menu-link:active { color: var(--violet-100); }.header__nav .menu-button { pointer-events: none; }.header__nav .sub-menu { position: absolute; opacity: 0; visibility: hidden; background-color: rgb(255, 255, 255); top: 100%; left: 50%; transform: translateX(-50%) translateY(8px); transition: opacity 0.25s, transform 0.25s, visibility 0.25s; overflow: hidden; padding: 10px 20px; border-radius: 6px; box-shadow: 0 4px 10px var(--grey-500); z-index: 2; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 15px; }.header__nav .sub-menu::before { content: ""; position: absolute; top: -10px; width: 100%; height: 10px; left: 0px; background-color: rgb(255, 255, 255); }}.header__controls { flex-shrink: 0; display: flex; -webkit-box-align: center; align-items: center; gap: 6px; }.header__controls .btn { width: max-content; font-weight: 600; }.header__lesson { box-shadow: rgba(236, 186, 22, 0.35) 0px 0px 15px 0px; }.header .burger { justify-self: end; }@media (min-width: 1025px){.header .burger { display: none; }}@media (max-width: 1024px){.header .burger { --burger-width: 22px; --burger-height: 34px; --burger-line-height: 2px; --border-radius: 0; position: relative; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: var(--burger-width); height: var(--burger-height); flex-shrink: 0; cursor: pointer; }.header .burger::before, .header .burger::after { content: ""; position: absolute; width: 100%; left: 50%; transform: translateX(-50%); height: var(--burger-line-height); background: rgb(28, 27, 31); transform-origin: left top; transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, opacity 0.5s, background 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; border-radius: var(--border-radius); }.header .burger::before { top: 10px; }.header .burger::after { bottom: 10px; }.header .burger__line { position: absolute; left: 50%; top: 50%; width: 100%; height: var(--burger-line-height); background: rgb(28, 27, 31); transform: translate(-50%, -50%); transition: transform 0.3s ease-in-out, opacity 0.5s, background 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; border-radius: var(--border-radius); }.header .burger:hover { opacity: 0.7; }}.mobile { position: fixed; right: 0px; bottom: 0px; width: 100%; height: calc(100svh - var(--header-height)); background: var(--bg-a); z-index: 10; overflow: hidden; transition: transform 0.3s; transform: translateX(110%); }@media (max-width: 576px){.mobile { top: var(--header-height); }}@media (min-width: 1025px){.mobile { display: contents; }}.mobile__box { padding: 16px 16px 24px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 10px; width: 100%; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }@media (min-width: 1025px){.mobile__box { display: contents; }}html { overflow-x: hidden; }.main-form__age-dropdown { border-radius: 0px 0px 12px 12px; }.main-form { display: flex; flex-direction: column; gap: 30px; }.main-form__title { text-align: center; color: var(--white); }.main-form__title span { display: block; color: var(--light-blue); }.main-form__inputs { display: flex; flex-direction: column; gap: 18px; }.main-form__input { height: 52px; display: flex; align-items: center; width: 100%; padding: 0px 16px; border-radius: 46px; background-color: var(--white); font-family: var(--font-primary); font-size: 14px; line-height: 140%; font-weight: 400; color: var(--black); }.main-form__phone-wrap, .main-form__select-wrap, .main-form__city-select { position: relative; display: block; width: 100%; min-width: 0px; }.main-form__phone-wrap:not(.is-ready)::before { content: "+380"; position: absolute; top: 50%; left: 16px; z-index: 2; padding-left: 28px; transform: translateY(-50%); font-family: var(--font-primary); font-size: 14px; line-height: 140%; font-weight: 500; color: var(--grey-500); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='15' viewBox='0 0 20 15'%3E%3Crect width='20' height='7.5' fill='%23005BBB'/%3E%3Crect y='7.5' width='20' height='7.5' fill='%23FFD500'/%3E%3C/svg%3E") left center / 20px 15px no-repeat; pointer-events: none; }.main-form__phone-wrap:not(.is-ready)::after { content: ""; position: absolute; top: 50%; left: 84px; z-index: 2; width: 0px; height: 0px; border-left: 3px solid rgba(255, 255, 255, 0); border-right: 3px solid rgba(255, 255, 255, 0); border-top: 4px solid var(--grey-500); transform: translateY(-50%); pointer-events: none; }.main-form__phone-wrap:not(.is-ready) .main-form__phone { padding-left: 96px; }.main-form__select { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }.main-form__age-trigger, .main-form__city-trigger { position: relative; justify-content: flex-start; padding-right: 44px; border: 0px; outline: 0px; color: var(--grey-500); text-align: left; cursor: pointer; }.main-form__age-trigger::after, .main-form__city-trigger::after { content: ""; position: absolute; top: 50%; right: 18px; width: 8px; height: 8px; border-right: 2px solid var(--grey-500); border-bottom: 2px solid var(--grey-500); transform: translateY(-65%) rotate(45deg); transition: transform 0.16s, border-color 0.16s; }.main-form__age-trigger:focus, .main-form__city-trigger:focus { box-shadow: none; }.main-form__age-trigger:focus-visible, .main-form__city-trigger:focus-visible { box-shadow: rgba(255, 214, 49, 0.45) 0px 0px 0px 2px; }.main-form__age-label, .main-form__city-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.main-form__age-dropdown { position: absolute; top: calc(100% - 1px); left: 0px; right: 0px; z-index: 20; padding: 4px 0px; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 0px; border-radius: 0px 0px 12px 12px; background-color: var(--white); box-shadow: rgba(47, 37, 53, 0.14) 0px 10px 20px; overflow: hidden; }.main-form__phone { padding-right: 16px; font-weight: 500; }.main-form__phone-error, .main-form__submit-error { color: rgb(255, 47, 0); }.main-form__text { font-size: 12px; line-height: 140%; font-weight: 500; color: var(--light-blue); letter-spacing: -0.6px; text-align: center; }.main-form__text a { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; }.header__location { position: relative; z-index: 6; max-width: 209px; width: 209px; flex: 0 0 209px; min-height: 40px; padding: 0px 12px; display: flex; align-items: center; border: 1px solid var(--grey-100); border-radius: 36px; background-color: var(--white); }.header__location-trigger { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; cursor: pointer; }.header__location-active { display: flex; align-items: center; gap: 6px; }.header__location-active span { overflow: hidden; font-family: var(--font-primary); font-size: 14px; font-weight: 500; line-height: 140%; text-overflow: ellipsis; white-space: nowrap; }.header__location-active svg { color: var(--bg-f); fill: currentcolor; flex-shrink: 0; }.header__location .header__location-trigger > svg { color: var(--grey-500); fill: currentcolor; flex-shrink: 0; transition: transform 0.18s; }@keyframes logika-spin { 
  100% { transform: rotate(360deg); }
}.header__top-city svg { filter: brightness(0) invert(1); }.banner-section { overflow: hidden; position: relative; padding: clamp(45px, 4.688vw, 90px) 0px clamp(40px, 3.125vw, 60px); }.banner-section__main-bg { position: absolute; inset: 0px; display: flex; width: 100%; height: 100%; }.banner-section__main-bg svg { width: 100%; height: 100%; }.banner-section__wrapp { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 25px; }.banner-section__blocks { display: flex; -webkit-box-pack: justify; justify-content: space-between; gap: 30px; }@media (max-width: 1024px){.banner-section__blocks { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 0px; }}.banner-section__left { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 60px; }@media (max-width: 1024px){.banner-section__left { -webkit-box-align: center; align-items: center; gap: 40px; }}.banner-section__info { position: relative; z-index: 2; max-width: 685px; width: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 10px; }@media (max-width: 1024px){.banner-section__info { max-width: 100%; -webkit-box-align: center; align-items: center; text-align: center; }}.banner-section__subtitle { color: var(--violet-100); }.banner-section__title { color: var(--violet-100); }.banner-section__character-boy { width: fit-content; position: relative; display: flex; }@media (max-width: 1024px){.banner-section__character-boy { z-index: 6; padding-right: 60px; }}.banner-section__character-boy > svg { max-width: 100%; height: auto; }.banner-section__decor { position: absolute; left: 100%; display: flex; width: 1280px; height: 800px; top: -380px; margin-left: -40px; }.banner-section__decor picture, .banner-section__decor img { width: 100%; height: 100%; object-fit: contain; }.banner-section__right { position: relative; z-index: 5; -webkit-box-flex: 1; flex-grow: 1; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: end; justify-content: flex-end; gap: 25px; }@media (max-width: 1024px){.banner-section__right { margin-top: -20px; }}.banner-section__form { max-width: 480px; width: 100%; padding: clamp(20px, 2.778vw, 40px) clamp(20px, 2.083vw, 30px); border-radius: 30px; background-color: var(--violet-100); }.banner-section__character-logika { display: flex; }@media (min-width: 1025px){.banner-section__character-logika { margin-top: -33px; }}@media (max-width: 1024px){.banner-section__character-logika { position: absolute; top: -130px; right: -10px; width: 65px; height: 98px; }}.banner-section__bar { position: relative; z-index: 4; padding: clamp(20px, 1.563vw, 30px); border-radius: 20px; box-shadow: rgba(37, 37, 37, 0.06) 0px 0px 25px 0px; background-color: var(--white); gap: 16px clamp(10px, 2.083vw, 40px); }@media (min-width: 1025px){.banner-section__bar { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }}@media (max-width: 767px){.banner-section__bar { display: grid; grid-template-columns: repeat(2, 1fr); }}.banner-section__bar li { display: flex; -webkit-box-align: center; align-items: center; gap: clamp(10px, 0.833vw, 16px); }@media (max-width: 767px){.banner-section__bar li { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; }}.banner-section__bar li > span { display: flex; flex-shrink: 0; }@media (min-width: 1025px){.banner-section__bar li > span { width: clamp(36px, 3.889vw, 56px); height: clamp(36px, 3.889vw, 56px); }}.banner-section__bar li p { font-size: clamp(16px, 1.042vw, 20px); line-height: 118%; font-weight: 700; letter-spacing: -1px; color: var(--violet-300); }.header { position: sticky; top: 0px; }.banner-section__subtitle { color: var(--violet-100); }.banner-section .main-form__title > span { color: var(--light-blue); }.banner-section__bar { box-shadow: rgba(37, 37, 37, 0.12) 0px 0px 25px 0px; }.header .btn, .footer .btn, .header__location-region-toggle { font-weight: 600; }:root { --container-offset: clamp(16px, 3.125vw, 60px); }h1, .h1 { font-size: clamp(36px, 4.167vw, 60px); }h4, .h4 { font-size: clamp(18px, 1.944vw, 28px); }h5, .h5 { font-size: clamp(16px, 1.389vw, 20px); font-weight: 600; }.btn { padding: clamp(12px, 1.111vw, 16px); font-size: clamp(14px, 1.111vw, 16px); font-weight: 600; }.banner-section { overflow: hidden; padding: clamp(45px, 6.25vw, 90px) 0px clamp(40px, 4.167vw, 60px); }.banner-section__main-bg { position: absolute; inset: 0px; display: flex; width: 100%; height: 100%; }.banner-section__main-bg svg { width: 100%; height: 100%; }.banner-section__blocks { gap: 30px; }.banner-section__character-boy { position: relative; width: fit-content; }.banner-section__right { position: relative; z-index: 5; }.banner-section__form { padding: clamp(20px, 2.778vw, 40px) clamp(20px, 2.083vw, 30px); }.banner-section__decor { position: absolute; top: -380px; left: 100%; display: flex; width: 1280px; height: 800px; margin-left: -40px; }.banner-section__decor img, .banner-section__decor picture { width: 100%; height: 100%; object-fit: contain; }.banner-section__bar { position: relative; z-index: 4; padding: clamp(20px, 1.563vw, 30px); gap: 16px clamp(10px, 2.083vw, 40px); background-color: var(--white); }.banner-section__bar li { gap: clamp(10px, 0.833vw, 16px); }.banner-section__bar li p { font-size: clamp(16px, 1.042vw, 20px); }@media (min-width: 1025px){.banner-section__bar { display: flex; align-items: center; justify-content: space-between; }.banner-section__bar li > span { width: clamp(36px, 3.889vw, 56px); height: clamp(36px, 3.889vw, 56px); }.banner-section__character-logika { margin-top: -33px; }}@media (max-width: 1024px){.banner-section__blocks { flex-direction: column; align-items: center; gap: 0px; }.banner-section__left { align-items: center; gap: 40px; }.banner-section__info { max-width: 100%; align-items: center; text-align: center; }.banner-section__character-boy { z-index: 6; padding-right: 60px; }.banner-section__right { margin-top: -20px; }.banner-section__character-logika { position: absolute; top: -130px; right: -10px; width: 65px; height: 98px; }.banner-section__bar { border-radius: 20px; }.header__controls { border-left: 0px; padding-left: 0px; }}@media (max-width: 767px){.header__top-box { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; }.header__top-city { grid-area: 2 / 1; margin-right: 0px; }.header__socials-heading { display: none; }.header__contact { gap: 6px; }.header__contact-heading { display: flex; }.header__contact-heading span { display: none; }.header__contact--email { display: flex; grid-area: 1 / 1; justify-content: flex-start; }.header__contact--tel { grid-area: 2 / 2; justify-self: end; }.header__socials { grid-area: 1 / 2; justify-self: end; flex-shrink: 0; }.header__socials-links a svg { width: 30px; height: 30px; }.banner-section__bar { display: grid; grid-template-columns: repeat(2, 1fr); }.banner-section__bar li { flex-direction: column; text-align: center; }}.header__top { padding: clamp(6px, 1.302vw, 10px) 0px; }.header__left { gap: clamp(10px, 1.042vw, 20px); }.header__logo { flex-shrink: 0; }.header__box { padding: clamp(16px, 1.389vw, 20px) 0px; gap: clamp(10px, 1.042vw, 20px); }.header__location { max-width: clamp(190px, 10.938vw, 210px); }.header__wrapp { display: flex; }@media (max-width: 1440px) and (min-width: 1025px){.header__left { flex-shrink: 0; }.header__location { flex: 0 0 190px; }.header__wrapp { flex-wrap: wrap-reverse; align-items: flex-end; justify-content: flex-end; gap: 5px; }}@media (max-width: 767px){.header__logo, .header__logo img { width: 270px; }}@media (max-width: 576px){:root { --header-height: 127px; }}@media (max-width: 1024px){:root { --header-height: 130px; }}@media (max-width: 767px){.header__contact-heading span { display: none; }}@media (max-width: 767px){.header__socials-heading { display: none; }.header__socials-links a svg { width: 30px; height: 30px; }}:root { --body-font-size: clamp(14px,.833vw,16px); }h1, .h1 { letter-spacing: calc(-1 * clamp(1.8px, 0.208vw, 3px)); }@media (max-width: 1440px){.header__location { max-width: clamp(190px, 10.938vw, 210px); }}@media (max-width: 1440px) and (min-width: 1025px){.header__wrapp { flex-wrap: wrap-reverse; -webkit-box-align: end; align-items: flex-end; -webkit-box-pack: end; justify-content: flex-end; gap: 5px; }}@media (min-width: 1025px){.header__nav .menu { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 20px; }.header__nav .menu .menu-item { position: relative; -webkit-box-flex: 1; flex-grow: 1; display: flex; -webkit-box-align: center; align-items: center; }.header__nav .menu .menu-item:hover .sub-menu { width: max-content; opacity: 1; visibility: visible; max-height: initial !important; }.header__nav .menu .menu-item:first-child .menu-link:active, .header__nav .menu .menu-item:first-child .menu-link:hover { color: var(--violet-100); }.header__nav .menu .menu-link { font-size: clamp(14px, 1.29vw, 16px); line-height: 140%; font-weight: 500; letter-spacing: -0.8px; transition: color 0.3s; text-wrap: nowrap; }.header__nav .menu .menu-link:active, .header__nav .menu .menu-link:hover { color: var(--violet-100); }.header__nav .menu-button { pointer-events: none; }.header__nav .sub-menu { position: absolute; opacity: 0; visibility: hidden; background-color: rgb(255, 255, 255); top: 100%; left: 50%; transform: translateX(-50%); overflow: hidden; padding: 10px 20px; border-radius: 6px; box-shadow: 0 4px 10px var(--grey-500); z-index: 2; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 15px; }.header__nav .sub-menu::before { content: ""; position: absolute; top: -10px; width: 100%; height: 10px; left: 0px; background-color: rgb(255, 255, 255); }.header .burger { display: none; }}@media (max-width: 1024px){.header .burger { --burger-width: 22px; --burger-height: 34px; --burger-line-height: 2px; --border-radius: 0; position: relative; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: var(--burger-width); height: var(--burger-height); flex-shrink: 0; cursor: pointer; }.header .burger::after, .header .burger::before { content: ""; position: absolute; width: 100%; left: 50%; transform: translateX(-50%); height: var(--burger-line-height); background: rgb(28, 27, 31); transform-origin: left top; transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, opacity 0.5s, background 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; border-radius: var(--border-radius); }.header .burger::before { top: 10px; }.header .burger::after { bottom: 10px; }.header .burger__line { position: absolute; left: 50%; top: 50%; width: 100%; height: var(--burger-line-height); background: rgb(28, 27, 31); transform: translate(-50%, -50%); transition: transform 0.3s ease-in-out, opacity 0.5s, background 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; border-radius: var(--border-radius); }.header .burger:hover { opacity: 0.7; }}@media (max-width: 576px){.mobile { top: var(--header-height); }}@media (min-width: 1025px){.mobile { display: contents; }}@media (min-width: 1025px){.mobile__box { display: contents; }}@media (max-width: 1024px){.banner-section__blocks { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 0px; }}@media (max-width: 1024px){.banner-section__left { -webkit-box-align: center; align-items: center; gap: 40px; }}@media (max-width: 1024px){.banner-section__info { max-width: 100%; -webkit-box-align: center; align-items: center; text-align: center; }.banner-section__character-boy { z-index: 6; padding-right: 60px; }.banner-section__right { margin-top: -20px; }}@media (max-width: 1024px){.banner-section__character-logika { position: absolute; top: -130px; right: -10px; width: 65px; height: 98px; }}@media (min-width: 1025px){.banner-section__character-logika { margin-top: -33px; }.banner-section__bar { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }.banner-section__bar li > span { width: clamp(36px, 3.889vw, 56px); height: clamp(36px, 3.889vw, 56px); }}@media (max-width: 767px){.banner-section__bar { display: grid; grid-template-columns: repeat(2, 1fr); }.banner-section__bar li { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; }}@media (min-width: 1025px){.header__nav .sub-menu { box-shadow: none; }}@media (max-width: 1024px){.header__wrapp { display: contents; }.header__location { width: 100%; max-width: none; flex: 0 0 auto; min-height: 40px; }.header__nav { width: 100%; overflow-y: auto; flex-grow: 1; }.header__nav .menu { width: 100%; display: flex; flex-direction: column; }.header__nav .menu .menu-item { position: relative; padding: 10px 0px; display: grid; grid-template-columns: 1fr auto; align-items: center; transition: 0.2s; }.header__nav .menu .menu-link { width: 100%; font-size: clamp(18px, 1.944vw, 28px); line-height: 120%; font-weight: 600; }.header__nav .sub-menu { grid-column: 1 / -1; transition: 0.2s; }.header__nav .sub-menu .menu-item { padding: 5px 10px; }.header__nav .sub-menu .menu-item:first-child { padding-top: 10px; }.header__nav .sub-menu a { width: 100%; }.header__nav .menu-button svg { fill: rgb(159, 159, 159); }}.modal__container { position: relative; width: auto; margin: 30px auto; display: none; vertical-align: middle; cursor: default; opacity: 0; transform: translateY(16px) scale(0.98); transition: opacity var(--transition-time) ease,transform var(--transition-time) ease; }body:has(.modal.is-open .iti--phone-dropdown-open) .iti--fullscreen-popup, body:has(.modal.is-open .iti--phone-dropdown-open) .iti--fullscreen-popup .iti__dropdown-content { border-radius: 0px; }@media screen and (max-width: 576px){.modal__container { width: 100%; margin: 0px; }}.banner-section { overflow: hidden; position: relative; padding: clamp(45px, 4.688vw, 90px) 0px clamp(40px, 3.125vw, 60px); }.banner-section__main-bg { position: absolute; inset: 0px; display: flex; width: 100%; height: 100%; }.banner-section__wrapp { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 25px; }.banner-section__blocks { display: flex; -webkit-box-pack: justify; justify-content: space-between; gap: 30px; }@media (max-width: 1024px){.banner-section__blocks { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 0px; }}.banner-section__left { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 60px; }@media (max-width: 1024px){.banner-section__left { -webkit-box-align: center; align-items: center; gap: 40px; }}.banner-section__info { position: relative; z-index: 2; max-width: 685px; width: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 10px; }@media (max-width: 1024px){.banner-section__info { max-width: 100%; -webkit-box-align: center; align-items: center; text-align: center; }}.banner-section__subtitle { color: var(--violet-100); }.banner-section__character-boy { width: fit-content; position: relative; display: flex; }@media (max-width: 1024px){.banner-section__character-boy { z-index: 6; padding-right: 60px; }}.banner-section__character-boy > svg { max-width: 100%; height: auto; }.banner-section__decor { position: absolute; left: 100%; display: flex; width: 1280px; height: 800px; top: -380px; margin-left: -40px; }.banner-section__decor picture, .banner-section__decor img { width: 100%; height: 100%; object-fit: contain; }.banner-section__right { position: relative; z-index: 5; -webkit-box-flex: 1; flex-grow: 1; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: end; justify-content: flex-end; gap: 25px; }@media (max-width: 1024px){.banner-section__right { margin-top: -20px; }}.banner-section__form { max-width: 480px; width: 100%; padding: clamp(20px, 2.778vw, 40px) clamp(20px, 2.083vw, 30px); border-radius: 30px; background-color: var(--violet-100); }.banner-section__character-logika { display: flex; }@media (min-width: 1025px){.banner-section__character-logika { margin-top: -33px; }}@media (max-width: 1024px){.banner-section__character-logika { position: absolute; top: -130px; right: -10px; width: 65px; height: 98px; }}.banner-section__bar { position: relative; z-index: 4; padding: clamp(20px, 1.563vw, 30px); border-radius: 20px; box-shadow: rgba(37, 37, 37, 0.06) 0px 0px 25px 0px; background-color: var(--white); gap: 16px clamp(10px, 2.083vw, 40px); }@media (min-width: 1025px){.banner-section__bar { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }}@media (max-width: 767px){.banner-section__bar { display: grid; grid-template-columns: repeat(2, 1fr); }}.banner-section__bar li { display: flex; -webkit-box-align: center; align-items: center; gap: clamp(10px, 0.833vw, 16px); }@media (max-width: 767px){.banner-section__bar li { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; }}.banner-section__bar li span { display: flex; flex-shrink: 0; }@media (min-width: 1025px){.banner-section__bar li span { width: clamp(36px, 3.889vw, 56px); height: clamp(36px, 3.889vw, 56px); }}.banner-section__bar li p { font-size: clamp(16px, 1.042vw, 20px); line-height: 118%; font-weight: 700; letter-spacing: -1px; color: var(--violet-300); }.marquee-section { padding: 6px 0px; background-color: var(--yellow); display: flex; -webkit-box-align: center; align-items: center; }.marquee-section__slider { width: 100%; }.marquee-section__slider .swiper-container .swiper-wrapper { width: max-content; gap: 36px; animation: 24s linear 0s infinite normal none running marquee-scroll; }.marquee-section__slider .swiper-slide { width: max-content; }@-webkit-keyframes marquee-scroll { 
  100% { transform: translateX(calc(-50% - 18px)); }
}@keyframes marquee-scroll { 
  100% { transform: translateX(calc(-50% - 18px)); }
}.marquee-section__item { position: relative; padding-left: 36px; }.marquee-section__item::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; width: 5px; height: 5px; background-color: var(--violet-300); border-radius: 50%; }.marquee-section__text { font-size: 24px; font-style: normal; font-weight: 600; line-height: 140%; letter-spacing: -1.2px; color: var(--violet-300); }.nizhyn-school { padding: 80px 0px; overflow: hidden; }@media (max-width: 767px){.nizhyn-school { padding: 40px 0px; }}.photo-lightbox { position: relative; width: fit-content; max-width: min(92vw, 1200px); max-height: 90vh; padding: 0px; border: 0px; background: rgba(255, 255, 255, 0); }.photo-lightbox::backdrop { background: rgba(41, 35, 92, 0.85); }.photo-lightbox img { display: block; border-radius: 20px; }.photo-lightbox__close { position: absolute; top: 12px; right: 12px; z-index: 1; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0px; border: 0px; border-radius: 50%; background: var(--white); color: var(--violet-500); font-size: 30px; line-height: 1; cursor: pointer; }@media (min-width: 1025px){.header .header__left { flex-shrink: 0; }.header .header__logo img { max-width: 100%; height: auto; }.header .header__wrapp, .header .header__nav { min-width: 0px; }.header .header__nav .menu { flex-wrap: nowrap; gap: var(--logika-menu-gap,20px); }.header .header__nav .menu .menu-link { font-size: var(--logika-menu-font,clamp(14px, 1.29vw, 16px)); }.header .header__nav.is-overflowing .menu { flex-wrap: wrap; justify-content: flex-end; row-gap: 6px; }.header .header__nav.is-overflowing .menu .menu-item { flex-grow: 0; }}@media (min-width: 1025px) and (max-width: 1600px){.header .header__wrapp { min-height: 78px; }}