/*!
Theme Name: неДетский центр лАвр
Author: Sergei Saltykov
Description: неДетский центр лАвр
Version: 1.0
Text Domain: lavr
*/


:root {
    --lavr-primary: #36276A;
    --lavr-primary-deep: #17122B;
    --lavr-primary-50-dark: #5E5185;
    --lavr-primary-50-light: #867BA0;

    --lavr-light: #FEFBF1;
    --lavr-light-deep: #FFFFFF;
    --lavr-yellow: #F1BD59;
    --lavr-yellow-deep: #FFB11C;
    --lavr-yellow-50-dark: #A67109;
    --lavr-blue: #AADDF9;
    --lavr-blue-deep: #6AC8FB;
    --lavr-green: #BBD151;
    --lavr-green-deep: #B9DA1B;
    --lavr-pink: #F4AACC;
    --lavr-pink-deep: #F376AF;

    --lavr-padding-4: 120px;
    --lavr-padding-3: 100px;
    --lavr-padding-2: 80px;
    --lavr-padding-1: 60px;

    --lavr-text: #35276A;
    --bs-link-color: #35276A;
    --bs-link-color-rgb: 53, 39, 106;
    --bs-link-decoration: underline;
    --bs-link-hover-color: var(--lavr-primary);
    --bs-link-hover-color-rgb: 53, 39, 106;
    --bs-font-sans-serif: "Wix Madefor Display", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    --elem-green: url('data:image/svg+xml,<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 38.3345V0L23.0001 7.66547L46 0V38.3345L23.0001 46L0 38.3345Z" fill="%23BBD151"/></svg>');
    --elem-lightblue: url('data:image/svg+xml,<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 22.9982L23.0001 46L46 22.9982V0H0V22.9982Z" fill="%23AADDF9"/></svg>');
    --elem-yellow: url('data:image/svg+xml,<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.2645 6.73547L23.0001 0L6.73548 6.73547L0 23L6.73548 39.2646L23.0001 46L39.2645 39.2646L46 23L39.2645 6.73547Z" fill="%23E4E038"/></svg>');
    --elem-orange: url('data:image/svg+xml,<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 46H46V22.9982L23.0001 0L0 22.9982V46Z" fill="%23FCC959"/></svg>');
    --elem-pink: url('data:image/svg+xml,<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 23.0016L23.0016 46L46 23.0016V0H30.669L23.0016 7.6672L15.3345 0H0V23.0016Z" fill="%23F4AACC"/></svg>');
    --elem-turquoise: url('data:image/svg+xml,<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 46V0H22.9984L46 23.0016L22.9984 46H0Z" fill="%2390CEC5"/></svg>');

    --font-size-1: 68px;
    --font-size-2: 36px;
    --font-size-3: 24px;
}

body {
    background-color: var(--lavr-light);
    color: var(--lavr-text);
    font-family: var(--bs-font-sans-serif), sans-serif;
    line-height: 1.3;
    scroll-behavior: smooth;
}

body * {
    scroll-margin-top: var(--lavr-padding-3);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1;
    font-weight: 700;
}

ol, ul {
    padding-left: 1rem;
}


.ratio-2x3 {
    --bs-aspect-ratio: 150%;
}

.ratio-3x2 {
    --bs-aspect-ratio: 66.7%;
}

.ratio-3x4 {
    --bs-aspect-ratio: 133.33%;
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%;
}

.ratio-9x16 {
    --bs-aspect-ratio: 177.77%;
}

/* buttons */
.btn {
    --bs-btn-font-size: 2rem;
    --bs-btn-font-weight: 800;
    --bs-btn-line-height: 1.25;
    --bs-btn-border-radius: 16px;
    --bs-btn-border-width: 2px;
    --bs-btn-disabled-opacity: 0.4;
    --bs-btn-padding-y: 17px;
    padding-bottom: 20px;
    transition: fill .15s ease-in-out, stroke .15s ease-in-out, color .15s ease-in-out, background .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    position: relative;
    z-index: 1;
}

.btn-primary {
    --bs-btn-box-shadow: unset;
    --bs-btn-focus-box-shadow: unset;
    --bs-btn-color: var(--lavr-light);
    --bs-btn-bg: var(--lavr-yellow);
    --bs-btn-hover-color: var(--lavr-light);
    --bs-btn-hover-bg: var(--lavr-yellow);
    --bs-btn-border-color: var(--lavr-primary);
    --bs-btn-hover-border-color: var(--lavr-primary);
    --bs-btn-active-border-color: var(--lavr-primary);
    --bs-btn-active-color: var(--lavr-light);
    --bs-btn-active-bg: var(--lavr-yellow);
    --bs-btn-disabled-color: var(--lavr-light);
    --bs-btn-disabled-bg: var(--lavr-yellow);
    --bs-btn-disabled-border-color: var(--lavr-primary);
}

.btn-pushable {
    background: var(--bs-btn-border-color) !important;
    border-radius: var(--bs-btn-border-radius);
    padding: 0;
    cursor: pointer;
}

.btn-pushable .front {
    will-change: transform;
    transition: transform 250ms;
    display: flex;
    position: relative;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    border-radius: var(--bs-btn-border-radius);
    background: var(--bs-btn-bg);
    color: var(--bs-btn-color);
    transform: translateY(-7px);
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    margin: calc(-1 * var(--bs-btn-border-width));
    justify-content: center;
    text-align: center;
}


.btn-pushable:hover .front {
    transform: translateY(-13px);
}

.btn-pushable:active .front {
    transform: translateY(0);
}

.btn-family .front:before {
    content: '';
    position: absolute;
    width: 397px;
    height: 211px;
    right: 0;
    bottom: calc(100% - 50px);
    background-image: url("img/btn-family.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    pointer-events: none;
    user-select: none;
}


.btn-secondary {
    --bs-btn-box-shadow: unset;
    --bs-btn-focus-box-shadow: unset;
    --bs-btn-color: var(--lavr-primary);
    --bs-btn-bg: var(--lavr-light-deep);
    --bs-btn-hover-color: var(--lavr-primary);
    --bs-btn-hover-bg: var(--lavr-light-deep);
    --bs-btn-border-color: var(--lavr-primary);
    --bs-btn-hover-border-color: var(--lavr-primary);
    --bs-btn-active-border-color: var(--lavr-primary);
    --bs-btn-active-color: var(--lavr-primary);
    --bs-btn-active-bg: var(--lavr-light-deep);
    --bs-btn-disabled-color: var(--lavr-primary);
    --bs-btn-disabled-bg: var(--lavr-light-deep);
    --bs-btn-disabled-border-color: var(--lavr-primary);
}

.btn-header {
    --bs-btn-color: var(--lavr-primary);
    --bs-btn-bg: var(--lavr-light);
    --bs-btn-hover-color: var(--lavr-primary);
    --bs-btn-hover-bg: var(--lavr-light);
    --bs-btn-border-color: var(--lavr-primary);
    --bs-btn-hover-border-color: var(--lavr-primary);
    --bs-btn-border-radius: 8px !important;
    --bs-btn-padding-x: 7px !important;
    --bs-btn-padding-y: 7px !important;
}

.btn-submit {
    --bs-btn-color: var(--lavr-light);
    --bs-btn-bg: var(--lavr-primary);
    --bs-btn-hover-color: var(--lavr-light);
    --bs-btn-hover-bg: var(--lavr-primary);
    --bs-btn-border-color: var(--lavr-primary-deep);
    --bs-btn-hover-border-color: var(--lavr-primary-deep);
}

.btn-header-secondary {
    --bs-btn-color: var(--lavr-light);
    --bs-btn-bg: var(--lavr-primary);
    --bs-btn-hover-color: var(--lavr-light);
    --bs-btn-hover-bg: var(--lavr-primary);
    --bs-btn-border-color: var(--lavr-light);
    --bs-btn-hover-border-color: var(--lavr-light);

    --bs-btn-border-radius: 8px !important;
    --bs-btn-padding-x: 7px !important;
    --bs-btn-padding-y: 7px !important;
}

.custom-logo {
    height: 76px;
    width: auto;
}

.cell-mascot {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 70px;
    overflow: hidden;
    position: relative;
}

.mascot-1 {
    position: absolute;
    width: 85px;
    bottom: calc(100% - 64px);
    left: 700px;
}

.mascot-2 {
    position: absolute;
    width: 64px;
    bottom: 0;
    right: 0;
    filter: drop-shadow(0 -4px 24px rgba(23, 18, 43, 0.60));
}

.mascot-3 {
    position: absolute;
    width: 102px;
    bottom: 100%;
    left: 360px;
}

.mascot-4 {
    position: absolute;
    width: 97px;
    bottom: 0;
    left: 50%;
    translate: -50% 0;
    filter: drop-shadow(0 -4px 24px rgba(23, 18, 43, 0.60));
}

.mascot-5 {
    position: absolute;
    width: 84px;
    bottom: 100%;
    left: 400px;
}

.main-header {
    background-color: var(--lavr-light);
    position: sticky;
    top: 0;
    z-index: 10;
    border-radius: 0 0 38px 38px;
    transition: .2s linear box-shadow;
}

#primary-menu {
    margin-top: .5rem;
}

.main-header .navbar {
    --bs-navbar-padding-y: 1rem;
    --bs-navbar-nav-link-padding-x: 22px;
    --bs-navbar-toggler-border-radius: 0;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.25rem;
}

.main-header .navbar-nav {
    --bs-nav-link-font-weight: 500;
    --bs-nav-link-color: var(--lavr-primary);
    --bs-nav-link-hover-color: var(--lavr-light);
    --bs-nav-link-padding-y: 8px;
    --bs-nav-link-padding-x: 16px;
    gap: 12px;
}

.main-header .nav-link {
    border-radius: 16px;
    padding-bottom: 10px;
}

.main-header .nav-link:focus, .main-header .nav-link:hover {
    background-color: var(--lavr-primary);
}

.header-phone-row {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0 !important;
}

.header-phone-row .phone {
    font-weight: 800;
    text-decoration: unset;
    font-size: 24px;
}

.header-phone-row .working-hours {
    font-size: 16px;
    text-align: center;
}

footer {
    position: relative;
    overflow: hidden;
    color: var(--lavr-light);
    background-color: var(--lavr-primary);
    font-size: 16px;

    --bs-link-color: var(--lavr-light);
    --bs-link-color-rgb: 254, 251, 241;
    --bs-link-hover-color: var(--lavr-light-deep);
    --bs-link-hover-color-rgb: 255, 255, 255;

    padding-top: 122px;
    padding-bottom: 32px;
}

footer .section-title {
    color: var(--lavr-light);
}

footer .map-icon {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

footer .map-icon:before {
    content: '';
    display: flex;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 52 52" fill="none"><path d="M26.0013 46.2068C25.4957 46.2068 24.9902 46.1165 24.4846 45.9359C23.9791 45.7554 23.5277 45.4846 23.1305 45.1234C20.7832 42.9568 18.7069 40.8443 16.9013 38.7859C15.0957 36.7276 13.5881 34.7325 12.3784 32.8005C11.1687 30.8686 10.2478 29.0089 9.61589 27.2214C8.98394 25.4339 8.66797 23.7276 8.66797 22.1026C8.66797 16.6859 10.4103 12.3707 13.8951 9.15677C17.3798 5.94288 21.4152 4.33594 26.0013 4.33594C30.5874 4.33594 34.6228 5.94288 38.1076 9.15677C41.5923 12.3707 43.3346 16.6859 43.3346 22.1026C43.3346 23.7276 43.0187 25.4339 42.3867 27.2214C41.7548 29.0089 40.8339 30.8686 39.6242 32.8005C38.4145 34.7325 36.9069 36.7276 35.1013 38.7859C33.2957 40.8443 31.2194 42.9568 28.8721 45.1234C28.4749 45.4846 28.0235 45.7554 27.518 45.9359C27.0124 46.1165 26.5069 46.2068 26.0013 46.2068ZM26.0013 26.0026C27.193 26.0026 28.2131 25.5783 29.0617 24.7297C29.9103 23.8811 30.3346 22.8609 30.3346 21.6693C30.3346 20.4776 29.9103 19.4575 29.0617 18.6089C28.2131 17.7602 27.193 17.3359 26.0013 17.3359C24.8096 17.3359 23.7895 17.7602 22.9409 18.6089C22.0923 19.4575 21.668 20.4776 21.668 21.6693C21.668 22.8609 22.0923 23.8811 22.9409 24.7297C23.7895 25.5783 24.8096 26.0026 26.0013 26.0026Z" fill="%23F1BD59"/></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    margin-right: 12px;
}

footer .map {
    display: block;
    position: relative;
    overflow: hidden;
    height: 609px;
    width: 100%;
    border-radius: 32px;
    background-color: var(--lavr-light);
}

footer .map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    user-select: none;
}

footer .row-contacts {
    margin-top: 24px;
    display: flex;
    gap: 24px;
    font-weight: 500;
}

.row-contacts .icon {
    position: relative;
    display: flex;
    align-items: center;
}

.row-contacts .icon:before {
    content: '';
    display: flex;
    background-repeat: no-repeat;
    background-position: center center;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    margin-right: 12px;
}

.row-contacts .icon-timetable:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M17.3327 16.2327V11.9993C17.3327 11.6216 17.2049 11.3049 16.9493 11.0493C16.6938 10.7938 16.3771 10.666 15.9993 10.666C15.6216 10.666 15.3049 10.7938 15.0493 11.0493C14.7938 11.3049 14.666 11.6216 14.666 11.9993V16.766C14.666 16.9438 14.6993 17.116 14.766 17.2827C14.8327 17.4493 14.9327 17.5993 15.066 17.7327L18.4327 21.0993C18.6993 21.366 19.016 21.4993 19.3827 21.4993C19.7493 21.4993 20.066 21.366 20.3327 21.0993C20.5771 20.8327 20.6993 20.516 20.6993 20.1493C20.6993 19.7827 20.5771 19.4771 20.3327 19.2327L17.3327 16.2327ZM15.9993 7.99935C16.3771 7.99935 16.6938 7.87157 16.9493 7.61602C17.2049 7.36046 17.3327 7.04379 17.3327 6.66602C17.3327 6.28824 17.2049 5.97157 16.9493 5.71602C16.6938 5.46046 16.3771 5.33268 15.9993 5.33268C15.6216 5.33268 15.3049 5.46046 15.0493 5.71602C14.7938 5.97157 14.666 6.28824 14.666 6.66602C14.666 7.04379 14.7938 7.36046 15.0493 7.61602C15.3049 7.87157 15.6216 7.99935 15.9993 7.99935ZM23.9993 15.9993C23.9993 16.3771 24.1271 16.6938 24.3827 16.9493C24.6382 17.2049 24.9549 17.3327 25.3327 17.3327C25.7105 17.3327 26.0271 17.2049 26.2827 16.9493C26.5382 16.6938 26.666 16.3771 26.666 15.9993C26.666 15.6216 26.5382 15.3049 26.2827 15.0493C26.0271 14.7938 25.7105 14.666 25.3327 14.666C24.9549 14.666 24.6382 14.7938 24.3827 15.0493C24.1271 15.3049 23.9993 15.6216 23.9993 15.9993ZM15.9993 23.9993C15.6216 23.9993 15.3049 24.1271 15.0493 24.3827C14.7938 24.6382 14.666 24.9549 14.666 25.3327C14.666 25.7105 14.7938 26.0271 15.0493 26.2827C15.3049 26.5382 15.6216 26.666 15.9993 26.666C16.3771 26.666 16.6938 26.5382 16.9493 26.2827C17.2049 26.0271 17.3327 25.7105 17.3327 25.3327C17.3327 24.9549 17.2049 24.6382 16.9493 24.3827C16.6938 24.1271 16.3771 23.9993 15.9993 23.9993ZM7.99935 15.9993C7.99935 15.6216 7.87157 15.3049 7.61602 15.0493C7.36046 14.7938 7.04379 14.666 6.66602 14.666C6.28824 14.666 5.97157 14.7938 5.71602 15.0493C5.46046 15.3049 5.33268 15.6216 5.33268 15.9993C5.33268 16.3771 5.46046 16.6938 5.71602 16.9493C5.97157 17.2049 6.28824 17.3327 6.66602 17.3327C7.04379 17.3327 7.36046 17.2049 7.61602 16.9493C7.87157 16.6938 7.99935 16.3771 7.99935 15.9993ZM15.9993 29.3327C14.1549 29.3327 12.4216 28.9827 10.7993 28.2827C9.17713 27.5827 7.76602 26.6327 6.56602 25.4327C5.36602 24.2327 4.41602 22.8216 3.71602 21.1993C3.01602 19.5771 2.66602 17.8438 2.66602 15.9993C2.66602 14.1549 3.01602 12.4216 3.71602 10.7993C4.41602 9.17713 5.36602 7.76602 6.56602 6.56602C7.76602 5.36602 9.17713 4.41602 10.7993 3.71602C12.4216 3.01602 14.1549 2.66602 15.9993 2.66602C17.8438 2.66602 19.5771 3.01602 21.1993 3.71602C22.8216 4.41602 24.2327 5.36602 25.4327 6.56602C26.6327 7.76602 27.5827 9.17713 28.2827 10.7993C28.9827 12.4216 29.3327 14.1549 29.3327 15.9993C29.3327 17.8438 28.9827 19.5771 28.2827 21.1993C27.5827 22.8216 26.6327 24.2327 25.4327 25.4327C24.2327 26.6327 22.8216 27.5827 21.1993 28.2827C19.5771 28.9827 17.8438 29.3327 15.9993 29.3327Z" fill="%23F1BD59"/></svg>');
}

.row-contacts .icon-phone:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M26.6 28C23.8222 28 21.0778 27.3944 18.3667 26.1833C15.6556 24.9722 13.1889 23.2556 10.9667 21.0333C8.74444 18.8111 7.02778 16.3444 5.81667 13.6333C4.60556 10.9222 4 8.17778 4 5.4C4 5 4.13333 4.66667 4.4 4.4C4.66667 4.13333 5 4 5.4 4H10.8C11.1111 4 11.3889 4.10556 11.6333 4.31667C11.8778 4.52778 12.0222 4.77778 12.0667 5.06667L12.9333 9.73333C12.9778 10.0889 12.9667 10.3889 12.9 10.6333C12.8333 10.8778 12.7111 11.0889 12.5333 11.2667L9.3 14.5333C9.74444 15.3556 10.2722 16.15 10.8833 16.9167C11.4944 17.6833 12.1667 18.4222 12.9 19.1333C13.5889 19.8222 14.3111 20.4611 15.0667 21.05C15.8222 21.6389 16.6222 22.1778 17.4667 22.6667L20.6 19.5333C20.8 19.3333 21.0611 19.1833 21.3833 19.0833C21.7056 18.9833 22.0222 18.9556 22.3333 19L26.9333 19.9333C27.2444 20.0222 27.5 20.1833 27.7 20.4167C27.9 20.65 28 20.9111 28 21.2V26.6C28 27 27.8667 27.3333 27.6 27.6C27.3333 27.8667 27 28 26.6 28Z" fill="%23F1BD59"/></svg>');
}

.row-contacts .icon-email:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M5.33366 26.6673C4.60033 26.6673 3.97255 26.4062 3.45033 25.884C2.9281 25.3618 2.66699 24.734 2.66699 24.0007V8.00065C2.66699 7.26732 2.9281 6.63954 3.45033 6.11732C3.97255 5.5951 4.60033 5.33398 5.33366 5.33398H26.667C27.4003 5.33398 28.0281 5.5951 28.5503 6.11732C29.0725 6.63954 29.3337 7.26732 29.3337 8.00065V24.0007C29.3337 24.734 29.0725 25.3618 28.5503 25.884C28.0281 26.4062 27.4003 26.6673 26.667 26.6673H5.33366ZM16.0003 17.1007C16.1114 17.1007 16.2281 17.084 16.3503 17.0507C16.4725 17.0173 16.5892 16.9673 16.7003 16.9007L26.1337 11.0007C26.3114 10.8895 26.4448 10.7507 26.5337 10.584C26.6225 10.4173 26.667 10.234 26.667 10.034C26.667 9.58954 26.4781 9.25621 26.1003 9.03398C25.7225 8.81176 25.3337 8.82287 24.9337 9.06732L16.0003 14.6673L7.06699 9.06732C6.66699 8.82287 6.2781 8.81732 5.90033 9.05065C5.52255 9.28398 5.33366 9.61176 5.33366 10.034C5.33366 10.2562 5.3781 10.4507 5.46699 10.6173C5.55588 10.784 5.68921 10.9118 5.86699 11.0007L15.3003 16.9007C15.4114 16.9673 15.5281 17.0173 15.6503 17.0507C15.7725 17.084 15.8892 17.1007 16.0003 17.1007Z" fill="%23F1BD59"/></svg>');
}

.row-contacts .text-muted {
    color: var(--lavr-primary-50-light) !important;
    font-weight: 400;
    margin-top: 4px;
    line-height: 1.5;
}


footer .small-info-title {
    font-weight: 500;
    color: var(--lavr-yellow);
    font-size: 26px;
    margin-bottom: 1rem;
    line-height: 1.1;
}

footer .navbar-nav {
    margin-top: 100px;
}

footer .nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0;
    line-height: 1.5;
    gap: 12px;
    font-weight: 400;
}

footer a {
    text-decoration: unset;
}

footer a.phone {
}

.footer-menu {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.footer-policy {
    text-align: center;
    font-weight: 500;
    line-height: 150%;
    color: var(--lavr-primary-50-light);
}

.social-row {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-right: 12px;
    margin-left: 44px;
}

.btn-social {
    width: 60px;
    height: 60px;
}

.btn-social img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.page-title {
    font-size: 68px;
    font-weight: 800;
    line-height: 1.1;
    position: relative;
    z-index: 1;
    margin-bottom: 1.5rem;
}

.section-title {
    font-size: 42px;
    font-weight: 800;
    line-height: 110%;
    margin-bottom: 12px;
    color: var(--lavr-primary);
}

.section-subtitle {
    color: var(--lavr-primary-50-light);
    font-size: 26px;
    font-weight: 500;
    line-height: 130%;
}

#fp-intro {
    background-color: var(--lavr-light);
    padding-top: 0;
    padding-bottom: 50px;
    min-height: calc(100vh - 108px);
    max-height: 1080px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url("img/bg-header-xxl-left.png"), url("img/bg-header-xxl-right.png");
    background-position: left calc(50% - 100px), right calc(50% + 30px);
    background-size: auto 700px, auto 660px;
    background-repeat: no-repeat, no-repeat;
}

#fp-intro .intro-container {
    padding-top: 60px;
}

#fp-intro .intro-text {
    z-index: 1;
    position: relative;
}

#fp-intro .page-title {
    margin-bottom: 1.5rem;
}

#fp-intro .subtitle {
    font-size: 42px;
    font-weight: 500;
    color: var(--lavr-primary-50-light);
}

#fp-intro .btn-row {
    margin-top: 250px;
}


.classes-list {
    padding-top: 74px;
    padding-bottom: 74px;
}

.directions {
    display: flex;
    gap: 100px;
    flex-direction: column;
}

.nav-pills-direction {
    margin-top: 32px;
    margin-bottom: 56px;
    --bs-nav-pills-border-radius: 32px;
    gap: 8px;
}

.nav-pills-direction .nav-item {
}

.nav-pills-direction .nav-link {
    border: 1px solid var(--lavr-primary);
    line-height: 1.25rem;
    padding: 10px 16px 12px 16px;
    --nav-link-bg: var(--lavr-primary);
    --nav-link-color: var(--lavr-light);
}

.nav-pills-direction .nav-link.direction-work {
    --nav-link-bg: var(--lavr-yellow);
    --nav-link-color: var(--lavr-primary);
}

.nav-pills-direction .nav-link.direction-sport {
    --nav-link-bg: var(--lavr-blue);
    --nav-link-color: var(--lavr-primary);
}

.nav-pills-direction .nav-link.direction-creation {
    --nav-link-bg: var(--lavr-green);
    --nav-link-color: var(--lavr-primary);
}

.nav-pills-direction .nav-link.direction-mind {
    --nav-link-bg: var(--lavr-pink);
    --nav-link-color: var(--lavr-primary);
}

.nav-pills-direction .nav-link.active {
    border-color: var(--nav-link-bg);
    font-weight: 700;
    background: var(--nav-link-bg);
    color: var(--nav-link-color);
}

.nav-pills-direction .nav-link:hover {
    background: var(--nav-link-bg);
    color: var(--nav-link-color);
}

.row-direction .direction-title {
    height: 62px;
}

.row-direction .direction-title img {
    width: auto;
}

.row-direction-work .direction-title img {
    height: 40px;
}

.row-direction-sport .direction-title img {
    height: 38px;
}

.row-direction-creation .direction-title {
    height: 72px;
}

.row-direction-creation .direction-title img {
    height: 50px;
}

.row-direction-mind .direction-title img {
    height: 43px;
}

.classes-row {
    --bs-gutter-y: 24px;
}

.class-item {
    --primary-color: var(--lavr-yellow);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    text-decoration: unset;
    z-index: 1;
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
    border-radius: 16px;
    height: 100%;
}

.class-item .btn-pushable {
    position: absolute;
    --bs-btn-border-color: var(--lavr-primary);
    --bs-btn-bg: var(--primary-color);
    --bs-btn-padding-y: 7px;
    --bs-btn-padding-x: 7px;
    --bs-btn-border-radius: 8px;
    --bs-btn-border-width: 2px;
    right: 10px;
    top: 16px;
    border: 2px solid var(--lavr-primary);

}

.class-item .btn-pushable .front {
    transform: translateY(-2px);
}

.class-item:hover .btn-pushable .front {
    transform: translateY(-6px);
}

.class-item:active .btn-pushable .front {
    transform: translateY(0);
}

.class-item .btn-pushable .front img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    object-position: center;
    user-select: none;
    pointer-events: none;
}

.item-direction-work {
    --primary-color: var(--lavr-yellow);
    box-shadow: 0 65px 18px 0 rgba(241, 189, 89, 0.00), 0 42px 17px 0 rgba(241, 189, 89, 0.02), 0 23px 14px 0 rgba(241, 189, 89, 0.08), 0 10px 10px 0 rgba(241, 189, 89, 0.13), 0 3px 6px 0 rgba(241, 189, 89, 0.15);
}

.item-direction-sport {
    --primary-color: var(--lavr-blue);
    box-shadow: 0 65px 18px 0 rgba(170, 221, 249, 0.00), 0 42px 17px 0 rgba(170, 221, 249, 0.02), 0 23px 14px 0 rgba(170, 221, 249, 0.08), 0 10px 10px 0 rgba(170, 221, 249, 0.13), 0 3px 6px 0 rgba(170, 221, 249, 0.15);
}

.item-direction-creation {
    --primary-color: var(--lavr-green);
    box-shadow: 0 65px 18px 0 rgba(187, 209, 81, 0.00), 0 42px 17px 0 rgba(187, 209, 81, 0.02), 0 23px 14px 0 rgba(187, 209, 81, 0.08), 0 10px 10px 0 rgba(187, 209, 81, 0.13), 0 3px 6px 0 rgba(187, 209, 81, 0.15);
}

.item-direction-mind {
    --primary-color: var(--lavr-pink);
    box-shadow: 0 65px 18px 0 rgba(244, 170, 204, 0.00), 0 42px 17px 0 rgba(244, 170, 204, 0.02), 0 23px 14px 0 rgba(244, 170, 204, 0.08), 0 10px 10px 0 rgba(244, 170, 204, 0.13), 0 3px 6px 0 rgba(244, 170, 204, 0.15);
}

.class-item .photo {
    aspect-ratio: 335/286;
    border-radius: 14px;
    overflow: hidden;
}

.class-item .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.class-item .text {
    padding: 12px 20px 20px 20px;
    flex-grow: 1;
    position: relative;
}

.class-item .title {
    color: var(--lavr-primary);
    font-size: 26px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 8px;
    min-height: 40px;
    padding-right: 42px;
}

.class-item .description {
    font-size: 16px;
    font-weight: 400;
}

.class-item .link-icon {
    position: absolute;
    width: 14px;
    height: 14px;
    right: 24px;
    bottom: 20px;
    fill: var(--lavr-primary);
    transition: .3s linear fill;
}

.section-offers {
    background-color: var(--lavr-primary);
    color: var(--lavr-light);
    position: relative;
    padding: 123px 0 183px 0;
    overflow: hidden;
}

.section-offers .section-title {
    color: var(--lavr-light);
    position: relative;
    z-index: 1;
}

.section-offers .section-subtitle {
    color: var(--lavr-primary-50-light);
}

.section-offers .offers-list {
    display: flex;
    flex-direction: column;
    gap: 200px;
    margin-top: 100px;
}

.offer-title {
    height: 94px;
}

.offer-title img {
    height: 70px;
}

.offer-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr auto;
    gap: 30px 24px;
    position: relative;
}

.offer-border {
    border-radius: 24px;
    border: 2px solid var(--lavr-primary-deep);
    box-shadow: 0 8px 0 0 var(--lavr-primary-deep);
}

.offer-conditions {
    grid-column-start: 1;
    grid-column-end: 7;
    grid-row: 1 / 2;
    display: flex;
    padding: 24px 30px 42px 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.offer-conditions .condition {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.offer-conditions .condition-title {
    font-size: 26px;
    font-weight: 500;
    line-height: 130%;
}

.offer-conditions .condition-subtitle {
    color: var(--lavr-primary-50-light);
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
}

.offer-btn {
    grid-column-start: 1;
    grid-column-end: 7;
    grid-row: 2 /3;
}

.offer-btn .btn-primary {
    --bs-btn-border-color: var(--lavr-yellow-50-dark);
    --bs-btn-hover-border-color: var(--lavr-yellow-50-dark);
    --bs-btn-active-border-color: var(--lavr-yellow-50-dark);
    --bs-btn-disabled-border-color: var(--lavr-yellow-50-dark);
}

.offer-cells {
    grid-row: 1 /3;
    grid-column: auto / -1;
    grid-column-start: 7;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    overflow: hidden;
}

.offer-cells .cell {
    display: flex;
    padding: 32px 48px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
    align-self: stretch;
    border: 1px solid var(--lavr-primary-deep);
}

.offer-cells .cell .cell-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}

.offer-cells .cell .cell-price-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.offer-cells .cell .cell-price {
    color: var(--lavr-yellow);
    font-size: 42px;
    font-weight: 800;
    line-height: 140%;
    filter: drop-shadow(0px 1px 0px var(--lavr-yellow-50-dark)) drop-shadow(0px 2px 0px var(--lavr-yellow-50-dark)) drop-shadow(0px 1px 0px var(--lavr-yellow-50-dark)) drop-shadow(0px 1px 0px var(--lavr-yellow-50-dark));;
}

.offer-cells .cell .cell-description {
    font-weight: 500;
    line-height: 130%;
}

.offer-cells .cell .cell-badge {
    display: flex;
    padding: 10px 16px 12px 18px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: var(--lavr-primary-50-light);
    border-radius: 200px;
    text-align: center;
}

.offer-cells .cell .cell-badge.primary {
    background: var(--lavr-green);
    color: var(--lavr-primary);
}

.offer-grid.grid-2 .offer-conditions {
    grid-column-end: 5;
}

.offer-grid.grid-2 .offer-btn {
    grid-column-end: 5;
}

.offer-grid.grid-2 .offer-cells {
    grid-column-start: 5;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
}


.section-team {
    overflow: hidden;
}

.section-team .tns-ovh {
    overflow: unset;
}

.section-team .team-slider {
    padding-top: 8px;
    padding-bottom: 42px;
}

.block-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 43px;
    background: var(--lavr-light);
    border-radius: 0 0 38px 38px;
    box-shadow: 0 150px 42px 0 rgba(23, 18, 43, 0.01), 0 96px 38px 0 rgba(23, 18, 43, 0.07), 0 54px 32px 0 rgba(23, 18, 43, 0.25), 0 24px 24px 0 rgba(23, 18, 43, 0.43), 0 6px 13px 0 rgba(23, 18, 43, 0.49);
}

.block-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 43px;
    background: var(--lavr-light);
    border-radius: 38px 38px 0 0;
    box-shadow: 0 -152px 43px 0 rgba(23, 18, 43, 0.01), 0 -97px 39px 0 rgba(23, 18, 43, 0.07), 0 -55px 33px 0 rgba(23, 18, 43, 0.25), 0 -24px 24px 0 rgba(23, 18, 43, 0.43), 0 -6px 13px 0 rgba(23, 18, 43, 0.49);
}


.row-team {
    --bs-gutter-y: 24px;
}

.team-item {
    position: relative;
    text-decoration: unset;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    aspect-ratio: 29/39;
    border-radius: 16px;
    background-color: var(--primary-color, var(--lavr-primary));
    border: 1px solid var(--primary-color, var(--lavr-primary));
    -webkit-user-drag: none;
}

.team-item .photo {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.team-item .photo:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 84px;
    background-image: linear-gradient(180deg, rgba(35, 35, 35, 0.00) 0%, rgba(35, 35, 35, 0.90) 100%);
    z-index: 1;
}

.team-item .photo img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 0;
}

.team-item .person-info {
    text-align: center;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.60));
    color: var(--lavr-light);
    padding: 0 10px 16px 10px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    z-index: 1;
}

.team-item .post {
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 6px;
}

.team-item .name {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
}

.section-mission {
    overflow: hidden;
    padding-top: 70px;
    padding-bottom: 42px;
}

.mission {
    position: relative;
    z-index: 1;
}

.mission img {
    user-select: none;
    pointer-events: none;
}

.mission-1 {
    padding-top: 43px;
}

.mission-2 {
    padding-top: 43px;
    margin-top: -72px;
}

.mission-3 {
    padding-top: 17px;
    margin-top: -40px;
}

.mission-4 {
    padding-top: 100px;
    margin-top: 40px;
}

.mission-5 {
    padding-top: 124px;
    margin-top: 87px;
    padding-bottom: 213px;
}

.mission-5 .mission-text .text-big {
    width: 600px;
}

.mission-1 .img-cloud {
    width: 782px;
    right: 733px;
}

.mission-2 .img-cloud {
    left: 606px;
    width: 834px;
}

.mission-3 .img-cloud {
    width: 834px;
    right: 714px;
}

.mission-4 .img-cloud {
    width: 862px;
    left: 606px;
}

.mission-5 .img-cloud {
    width: 879px;
    right: 576px;
}

.mission-1 .img-illustration {
    width: 166px;
    left: 617px;
    top: 131px;
}

.mission-3 .img-illustration {
    width: 238px;
    left: 568px;
    top: 121px;
}

.mission-5 .img-illustration {
    left: 719px;
    width: 605px;
    top: 175px;
}

.mission-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    z-index: 2;
}

.mission-title {
    font-size: 42px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%;
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    height: 1.1em;
    margin-bottom: 12px;
}

.mission-title img {
    width: auto;
}

.mission-1 .mission-title img {
    height: 46px;
    translate: 0 2px;
}

.mission-2 .mission-title img {
    height: 72px;
    translate: 0 15px;
}

.mission-3 .mission-title img {
    height: 83px;
    translate: 0 6px;
}

.mission-4 .mission-title img {
    height: 108px;
    translate: 0 -6px;
}

.mission-5 .mission-title img {
    height: 84px;
    translate: 0 -20px;
}

.mission-text .text-big {
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

.mission-text .text {
    font-weight: 400;
    line-height: 150%;
}

.mission-text .text-big *:last-child,
.mission-text .text *:last-child {
    margin-bottom: 0;
}

.mission .img-cloud {
    position: absolute;
    z-index: -1;
    top: 0;
}

.mission .img-illustration {
    position: absolute;
    z-index: 1;
}

.section-reviews {
    margin-top: 60px;
}

.review-grid {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 3fr 3fr 3fr 3fr;
    grid-template-rows: 1fr 1fr;
    margin-top: 32px;
    margin-bottom: 62px;
}

.review-grid .review-pic {
    grid-column: 2/4;
    grid-row: 1/3;
}

.review-grid .review-pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top center;
    pointer-events: none;
    user-select: none;
    margin-top: -32px;
    margin-bottom: -32px;
}

.review-item {
    display: flex;
    padding: 24px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 16px;
    overflow: hidden;
    background-color: var(--primary-color, var(--lavr-primary));
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.review-item.item-direction-work {
    background-image: url("img/bg-review-xl-yellow.png");
}

.review-item.item-direction-sport {
    background-image: url("img/bg-review-xl-blue.png");
}

.review-item.item-direction-mind {
    background-image: url("img/bg-review-xl-pink.png");
}

.review-item.item-direction-creation {
    background-image: url("img/bg-review-xl-green.png");
}

.review-item .quote {
    font-family: 'Pangolin', sans-serif;
    position: relative;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    flex-grow: 1;
}

.review-item .quote:after {
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" fill="none"><path d="M10.3734 26.125L12.6693 22.1667C10.9276 22.1667 9.43663 21.5465 8.19635 20.3062C6.95608 19.066 6.33594 17.575 6.33594 15.8333C6.33594 14.0917 6.95608 12.6007 8.19635 11.3604C9.43663 10.1201 10.9276 9.5 12.6693 9.5C14.4109 9.5 15.9019 10.1201 17.1422 11.3604C18.3825 12.6007 19.0026 14.0917 19.0026 15.8333C19.0026 16.4403 18.93 17.001 18.7849 17.5156C18.6398 18.0302 18.422 18.525 18.1318 19L13.1047 27.7083C12.9727 27.9458 12.788 28.1372 12.5505 28.2823C12.313 28.4274 12.0491 28.5 11.7589 28.5C11.1519 28.5 10.6967 28.2361 10.3932 27.7083C10.0898 27.1806 10.0832 26.6528 10.3734 26.125ZM24.6234 26.125L26.9193 22.1667C25.1776 22.1667 23.6866 21.5465 22.4464 20.3062C21.2061 19.066 20.5859 17.575 20.5859 15.8333C20.5859 14.0917 21.2061 12.6007 22.4464 11.3604C23.6866 10.1201 25.1776 9.5 26.9193 9.5C28.6609 9.5 30.1519 10.1201 31.3922 11.3604C32.6325 12.6007 33.2526 14.0917 33.2526 15.8333C33.2526 16.4403 33.18 17.001 33.0349 17.5156C32.8898 18.0302 32.6721 18.525 32.3818 19L27.3547 27.7083C27.2227 27.9458 27.038 28.1372 26.8005 28.2823C26.563 28.4274 26.2991 28.5 26.0089 28.5C25.4019 28.5 24.9467 28.2361 24.6432 27.7083C24.3398 27.1806 24.3332 26.6528 24.6234 26.125Z" fill="%2336276A"/></svg>');
}

.review-item .author {
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: right;
    width: 100%;
}

.review-item .author .name {
    font-size: 16px;
    font-weight: 800;
    line-height: 110%;
}

.review-item .author .post {
    font-size: 14px;
    font-weight: 500;
    line-height: 110%;
}


/* OLD */

.gallery-wrapper {
    position: relative;
}

.promo-slider-container {
    background-color: var(--lavr-primary);
    color: var(--lavr-light);
    padding-top: var(--lavr-padding-2);
    padding-bottom: var(--lavr-padding-1);
}

.promo-slider-container .tns-controls button {
    height: 12px;
    width: 42px;
    position: absolute;
    bottom: 0;
    border: 0;
}

.promo-slider-container .tns-controls button[data-controls="prev"] {
    background: url('data:image/svg+xml,<svg width="42" height="12" viewBox="0 0 42 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M41.3301 5.76172L1.45135 5.76172" stroke="white" stroke-width="2" stroke-miterlimit="10"/><path d="M5.89004 3.33786e-05L6.80542 1.03319L1.96466 5.76174L6.80542 10.4903L5.89004 11.5234L6.19888e-06 5.76174L5.89004 3.33786e-05Z" fill="white"/></svg>');
    left: 0;
}

.promo-slider-container .tns-controls button[data-controls="next"] {
    background: url('data:image/svg+xml,<svg width="42" height="12" viewBox="0 0 42 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 5.76172H39.8787" stroke="white" stroke-width="2" stroke-miterlimit="10"/><path d="M35.44 11.5234L34.5247 10.4902L39.3654 5.7617L34.5247 1.03316L35.44 0L41.3301 5.7617L35.44 11.5234Z" fill="white"/></svg>');
    right: 0;
}

.promo-slider-container .tns-nav {
    width: 100%;
    display: flex;
    margin-top: 36px;
    padding: 5px 50px;
    height: 12px;
}

.promo-slider-container .tns-nav button {
    flex-grow: 1;
    background-color: var(--lavr-light);
    height: 2px;
    border: 0;
    transition: .15s linear height, .15s linear background-color;
}

.promo-slider-container .tns-nav button:hover {
    background-color: var(--lavr-blue);
}

.promo-slider-container .tns-nav button.tns-nav-active {
    background-color: var(--lavr-light);
    height: 4px;
}

.promo-gallery__item {
    display: grid;
    grid-template-columns: auto 42%;
    height: 100%;
    gap: 36px;
}

.promo-gallery__item .text-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: start;
}

.promo-gallery__item .subtitle {
    line-height: 1.5;
    margin-bottom: 16px;
}

.promo-gallery__item .title {
    font-size: var(--font-size-1);
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: auto;
}

.promo-gallery__item .description {
    line-height: 1.5;
    margin-bottom: 1.25rem;
    max-width: 500px;
}

.promo-gallery__item .btn {
}

.promo-gallery__item .image {
    width: 100%;
    padding-top: 100%;
    flex-shrink: 0;
    position: relative;
}

.promo-gallery__item .image img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.ticker {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    --ticker-duration: 80s;
    --ticker-gap: 80s;
}

.ticker__row {
    animation: ticker var(--ticker-duration) infinite linear;
    pointer-events: none;
    user-select: none;
    display: flex;
    gap: var(--ticker-gap);
    align-items: center;
    transform: translateX(0);
    flex-shrink: 0;
}

.ticker__row > * {
    display: flex;
    flex-shrink: 0;
}

.ticker__row > *:last-child {
    margin-right: var(--ticker-gap);
}

.ticker.reverse .ticker__row {
    animation-direction: reverse;
}

@-moz-keyframes ticker {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@-webkit-keyframes ticker {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes ticker {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.fp-ticker {
    margin-top: var(--lavr-padding-4);
}

.ticker-team {
    --ticker-gap: 68px;
}

.ticker-team .item {
    font-size: 120px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    color: #E2E1E8;
    flex-shrink: 0;
}


.page-header {
    --icon-size: 128px;
    padding-top: 92px;
    padding-bottom: 80px;
    padding-left: calc(var(--icon-size) * 0.5);
}

.page-title-icon {
    margin-bottom: 0;
}

.page-title .icon, .title .icon {
    position: absolute;
    left: 0;
    top: 50%;
    translate: -50% -50%;
    z-index: -1;
    width: var(--icon-size);
    height: var(--icon-size);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon.icon-green {
    background-image: var(--elem-green);
}

.icon.icon-lightblue {
    background-image: var(--elem-lightblue);
}

.icon.icon-orange {
    background-image: var(--elem-orange);
}

.icon.icon-pink {
    background-image: var(--elem-pink);
}

.icon.icon-yellow {
    background-image: var(--elem-yellow);
}

.icon.icon-turquoise {
    background-image: var(--elem-turquoise);
}

.row-news {
    --bs-gutter-x: 0;
    --bs-gutter-y: 2.25rem;
}

.row-news .new-post {
    border-top: 2px solid var(--lavr-primary);
    display: flex;
    flex-direction: column;
}

.card-news {
    text-decoration: unset;
    display: flex;
    flex-direction: column;
    border-right: 2px solid var(--lavr-primary);
    margin-top: 25px;
    padding: 20px 54px;
    flex-grow: 1;
}

.new-post:nth-child(3n) .card-news {
    border-right: unset;
}


.card-news .card-meta-row {
    padding-bottom: 1rem;
}

.card-news .card-meta {
    font-size: 12px;
    margin-bottom: 0;
}

.card-news .card-title {
    font-size: var(--font-size-3);
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0;
}

.card-news .card-photo img {
    object-fit: cover;
    object-position: center;
}

.screen-reader-text {
    display: none;
}

.row-pagination {
    margin-top: 2.25rem;
}

.row-pagination .btn {
    width: 100%;
}

.row-pagination .nav-links {
    margin: 1rem auto 0;
    display: flex;
    gap: .5rem;
}

.row-pagination .nav-links .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
    text-decoration: unset;
    line-height: 1;
    background-color: var(--lavr-light);
}

.row-pagination .nav-links a.page-numbers:hover {
    background-color: var(--lavr-primary);
    color: var(--lavr-light) !important;
}

.row-pagination .nav-links .page-numbers.current {
    font-weight: bold;
    user-select: none;
    pointer-events: none;
}

.more-news {
    margin-top: 120px
}

.more-news .more-news-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 48px;
    padding-bottom: 82px;
    --icon-size: 128px;
    padding-left: calc(var(--icon-size) * 0.5);
}

.more-news .more-news-header .title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-size-2);
    margin-bottom: 0;
    line-height: 1;
}

.more-news .new-post {
    padding-bottom: 25px;
    border-bottom: 2px solid var(--lavr-primary);
}

.news-title-row {
    margin-top: 3.5rem;
    margin-bottom: 2.5rem;
    display: flex;
    align-items: baseline;
}

.news-title {
    font-size: var(--font-size-3);
    margin-bottom: 0;
    line-height: 1;
}

.news-content {
    padding: 24px 26px;
    border-radius: 4px;
    height: 100%;
    background-color: var(--lavr-light);
}

.news-content *:last-child {
    margin-bottom: 0;
}

.post_thumbnail img {
    object-position: top center;
    object-fit: contain;
    width: 100%;
    height: auto;
    max-height: 80vh;
}

.news-category-link {
    text-decoration: unset;
    opacity: 0.3;
    font-weight: 600;
}

.class-header {
    margin-top: var(--lavr-padding-3);
}

.class-header .hashtag {
    font-size: 26px;
    font-weight: 400;
    margin-top: 1rem;
}

.class-header .content {
    max-width: 600px;
}

.class-header .btn {
    margin-top: 36px;
}

.class-header .icon {
    width: calc(89% - var(--bs-gutter-x));
    padding-top: calc(89% - var(--bs-gutter-x));
    max-width: 370px;
    max-height: 370px;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
    top: 0;
}

.class-header .class-header-img {
    width: 89%;
    max-width: 370px;
    height: auto;
    margin-top: 0;

}

.spacing-x-small-half {
    margin-top: var(--lavr-padding-2);
}

.block-section {
    --icon-size: 100px;
}

.block-section hr {
    margin-top: 25px;
    margin-bottom: 25px;
    opacity: 1;
}


.block-section .title {
    position: relative;
    padding-left: calc(var(--icon-size) * 0.5);
    font-size: var(--font-size-2);
    line-height: 1;
    font-weight: 700;
    z-index: 1;
    margin-top: 32px;
    margin-bottom: 32px;
}

.block-section .title .icon {
    z-index: -1;
    width: var(--icon-size);
    height: var(--icon-size);
    position: absolute;
    left: 0;
    top: -32px;
    translate: 0;
}

.block-section .description {
    margin-top: 0;
    padding-left: var(--icon-size);
}

.block-section .block-border-right {
    border-right: 1px solid;
}

.block-section .row-table {
    text-align: center;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    line-height: 1.5;
    --bs-gutter-x: 0px;
    border-bottom: 1px solid var(--lavr-primary);
    margin-left: 2rem;
}

.block-section .row-table-header {
    margin-bottom: 12px;
    padding-bottom: 0;
    border-bottom: 0;
}

.block-section .row-table:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.block-section .row-table > div {
    padding: 8px 8px;
}


.block-section .row-table.bg-blue div {
    background-color: var(--lavr-primary);
    color: var(--lavr-light);
}

.block-section .row-table .table-header {
    background-color: var(--lavr-light);
    padding: 8px;
    font-weight: 600;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.about-intro {
    padding-top: var(--lavr-padding-2);
    padding-bottom: var(--lavr-padding-2);
}

.about-ticker {
    position: relative;
    overflow: hidden;
    padding-top: var(--lavr-padding-1);
    padding-bottom: var(--lavr-padding-1);
    display: flex;
    flex-direction: column;
    gap: 42px;
}

.about-ticker:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 60%;
    height: 1px;
    background-color: var(--lavr-primary);
}

.about-ticker:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
    height: 1px;
    background-color: var(--lavr-primary);
}

.about-facts {
    margin-top: var(--lavr-padding-3);
}

.ticker-about {
    --ticker-gap: 54px;
}

.ticker-about .item-primary {
    color: #35276A;
    font-size: var(--font-size-2);
    line-height: 1;
    font-weight: 600;
    padding: 14px 42px;
    border: 1px solid var(--lavr-primary);
}

.ticker-about .item-secondary {
    color: #35276A;
    font-size: var(--font-size-2);
    line-height: 1;
    font-weight: 300;
    opacity: .5;
}

.facts-row {
    display: grid;
    gap: 32px 36px;
    grid-template-columns: 1fr 1fr;
}

.facts-row .fact {
    background-color: var(--lavr-light);
    height: 295px;
    position: relative;
    padding: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.facts-row .fact.fact-green {
    background-image: url('data:image/svg+xml,<svg width="412" height="294" viewBox="0 0 412 294" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M207.714 405.286V232.188L311.571 266.812L415.428 232.188V405.286L311.571 439.903L207.714 405.286Z" fill="%23BBD151"/><path d="M0 232.188V59.0972L103.857 93.7141L207.714 59.0972V232.188L103.857 266.811L0 232.188Z" fill="%23BBD151"/><path d="M207.714 59.0974V-114L311.571 -79.3832L415.428 -114V59.0974L311.571 93.7143L207.714 59.0974Z" fill="%23BBD151"/></svg>');
}

.facts-row .fact.fact-orange {
    background-image: url('data:image/svg+xml,<svg width="412" height="294" viewBox="0 0 412 294" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-20 431.19H225.27V308.55L102.63 185.91L-20 308.55V431.19Z" fill="%23F1BD59"/><path d="M-20 185.91H225.27V63.27L102.63 -59.3701L-20 63.27V185.91Z" fill="%23F1BD59"/><path d="M225.27 308.55H470.55V185.91L347.91 63.27L225.27 185.91V308.55Z" fill="%23F1BD59"/><path d="M225.27 63.27H470.55V-59.3701L347.91 -182L225.27 -59.3701V63.27Z" fill="%23F1BD59"/></svg>');
}

.facts-row .fact.fact-pink {
    background-image: url('data:image/svg+xml,<svg width="412" height="294" viewBox="0 0 412 294" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-94 281.7L29.9004 405.59L153.79 281.7V157.8H71.2002L29.9004 199.1L-11.4004 157.8H-94V281.7Z" fill="%23F4AACC"/><path d="M29.9102 33.8999L153.81 157.8L277.71 33.8999V-90H195.11L153.81 -48.7002L112.51 -90H29.9102V33.8999Z" fill="%23F4AACC"/><path d="M215.771 218.5L339.67 342.4L463.57 218.5V94.6099H380.97L339.67 135.9L298.37 94.6099H215.771V218.5Z" fill="%23F4AACC"/></svg>');
}

.facts-row .fact.fact-lightblue {
    background-image: url('data:image/svg+xml,<svg width="412" height="294" viewBox="0 0 412 294" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-44 82.8889L38.8889 165.778L121.778 82.8889V0H-44V82.8889Z" fill="%23AADDF9"/><path d="M121.777 165.778L204.666 248.666L287.555 165.778V82.8887H121.777V165.778Z" fill="%23AADDF9"/><path d="M287.556 82.8889L370.445 165.778L453.333 82.8889V0H287.556V82.8889Z" fill="%23AADDF9"/><path d="M-44 248.667L38.8889 331.556L121.778 248.667V165.778H-44V248.667Z" fill="%23AADDF9"/><path d="M121.777 331.555L204.666 414.444L287.555 331.555V248.667H121.777V331.555Z" fill="%23AADDF9"/><path d="M287.556 248.667L370.445 331.556L453.333 248.667V165.778H287.556V248.667Z" fill="%23AADDF9"/></svg>');
}

.facts-row .fact .title {
    font-size: 96px;
    padding-left: 0;
    font-weight: 700;
    margin: 0;
    position: absolute;
    line-height: .8;
}

.facts-row .fact .subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    position: absolute;
}

.facts-row .fact.fact-green .title,
.facts-row .fact.fact-orange .subtitle {
    top: 24px;
    left: 24px;
}

.facts-row .fact.fact-green .subtitle,
.facts-row .fact.fact-orange .title {
    right: 24px;
    bottom: 24px;
}


.facts-row .fact.fact-lightblue .title,
.facts-row .fact.fact-pink .subtitle {
    top: 24px;
    right: 24px;
}

.facts-row .fact.fact-lightblue .subtitle,
.facts-row .fact.fact-pink .title {
    left: 24px;
    bottom: 24px;
}

.team-member-photo img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 0;
}

.team-member-photo {
    padding-top: 100%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 50% 100%, 0% 50%);
    overflow: hidden;
    background-color: var(--lavr-light);
    transition: .3s linear background-color;
    position: relative;
    pointer-events: none;
    user-select: none;
}

.team-member-title {
    font-size: var(--font-size-2);
    line-height: 1;
    font-weight: 700;
    margin-bottom: 8px;
}

.team-member-post {
    font-size: var(--font-size-3);
    font-weight: 400;
    margin-bottom: 16px;
}

.row-reviews {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

.modal {
    --bs-modal-padding: 0 20px 12px 20px;
    --bs-modal-margin: 0rem;
    --bs-modal-bg: var(--lavr-primary);
    --bs-modal-border-width: 0;
    --bs-modal-border-radius: 24px;
    --bs-modal-inner-border-radius: 24px;
    --bs-modal-header-padding: 20px;
    --bs-modal-header-border-width: 0;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-color: var(--lavr-light);
}


.btn-close {
    --bs-btn-close-color: #FFF;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: #fff0 var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity);
    margin: auto 0 auto auto !important;
}

.modal-title {
    font-size: 42px;
    font-weight: 800;
    line-height: 110%;
}

.form-row {
    --bs-gutter-y: 1rem;
}

.form-control {
    display: block;
    width: 100%;
    padding: 14px 16px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--lavr-light);
    background-color: #261B4C;
    border: 0;
    border-radius: 10px;
}

.form-control::placeholder {
    opacity: 1;
    color: var(--lavr-primary-50-light);
}

.form-control:focus {
    color: var(--lavr-light);
    background-color: #261B4C;
    border-color: unset;
    outline: 0;
    box-shadow: 0 0 0 .25rem #261B4C40;
}

.form-label {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.link-acceptance {
    color: var(--lavr-primary-50-light);
}

.btn-social-group {
    display: flex;
    gap: 16px;
    align-items: center;
    z-index: 2;
}

.btn-social-group .form-floating {
    flex-grow: 1;
}

.btn-social-group .btn-social {
    --bs-btn-bg: var(--lavr-light);
    background-color: var(--lavr-light);
    position: relative;
    padding: 0;
    width: 48px;
    height: 48px;
    border: none;
    flex-shrink: 0;
    border-radius: 4px;
}

.btn-social-group .btn-social img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.btn-check:checked + .btn-social {
    border: none;
    background-color: var(--lavr-blue);
}

.row-submit {
    position: relative;
}

.row-submit .btn {
    width: 100%;
}

.row-submit label {
    width: 100%;
}

.row-submit .wpcf7-submit:disabled ~ .btn {
    cursor: not-allowed;
    opacity: 0.4;
    pointer-events: none;
}

.row-submit .wpcf7-spinner {
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    translate: 50% -50%;
    z-index: 1;
}

.wpcf7-acceptance .wpcf7-list-item {
    margin-left: 0;
}

.wpcf7-acceptance label {
    display: flex;
    gap: 12px;
    align-items: center;
    color: var(--lavr-primary-50-light);
}

.wpcf7-not-valid-tip {
    color: var(--lavr-yellow-50-dark);
}

.wpcf7-acceptance .form-check-input[type=checkbox] {
    border-color: #261B4C;
    background-color: #261B4C;
    margin-top: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    background-size: 50%;
}

.wpcf7-acceptance .form-check-input[type=checkbox]:checked {
    border-color: #261B4C;
    --bs-form-check-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none"><path d="M4.78769 7.81737L12.4608 0.267261C12.6419 0.0890869 12.8532 0 13.0946 0C13.3361 0 13.5473 0.0890869 13.7284 0.267261C13.9095 0.445434 14 0.657016 14 0.902004C14 1.14699 13.9095 1.35857 13.7284 1.53675L5.42146 9.73274C5.24038 9.91091 5.02912 10 4.78769 10C4.54625 10 4.33499 9.91091 4.15392 9.73274L0.260751 5.902C0.0796741 5.72383 -0.0070922 5.51225 0.000452694 5.26726C0.00799759 5.02227 0.102309 4.81069 0.283386 4.63252C0.464464 4.45434 0.679493 4.36526 0.928474 4.36526C1.17746 4.36526 1.39249 4.45434 1.57356 4.63252L4.78769 7.81737Z" fill="%23F1BD59"/></svg>');
}

.form-directions-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
    padding-bottom: 8px;
    width: 100%;
    overflow-x: auto;
}

.form-directions {
    display: flex;
    gap: 12px 4px;
    flex-wrap: nowrap;
    width: 100%;
}

.form-directions .wpcf7-list-item {
    margin: 0;
    flex-shrink: 0;
}

.form-directions .wpcf7-list-item label span {
    --primary-color: var(--lavr-light);
    display: flex;
    padding: 11px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 34px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 500;
    position: relative;
    flex-shrink: 0;
    transition: .3s linear background-color, .3s linear color;
}

.form-directions.direction-creation .wpcf7-list-item label span {
    --primary-color: var(--lavr-green);
}

.form-directions.direction-sport .wpcf7-list-item label span {
    --primary-color: var(--lavr-blue);
}

.form-directions.direction-work .wpcf7-list-item label span {
    --primary-color: var(--lavr-yellow);
}

.form-directions.direction-mind .wpcf7-list-item label span {
    --primary-color: var(--lavr-pink);
}

.form-directions .wpcf7-list-item label input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.form-directions label span:hover {
    background-color: var(--primary-color);
    color: var(--lavr-primary);

}

.form-directions input[type="checkbox"]:checked + span {
    font-weight: 700;
    color: var(--lavr-primary);
    background-color: var(--primary-color);
}

.form-subtitle {
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    color: var(--lavr-primary-50-light);
}


.link-acceptance:focus, .link-acceptance:hover {
    color: var(--lavr-light);
}

@media (max-width: 1499.98px) {

    #fp-intro {
        background-image: url("img/bg-header-xl-left.png"), url("img/bg-header-xl-right.png");
        background-position: left calc(50% - 50px), right calc(50% + 5px);
        background-size: auto 540px, auto 625px;
    }

    #fp-intro .intro-container {
        padding-top: 60px;
    }

    .btn-family .front:before {
        width: 314px;
        height: 166px;
        bottom: calc(100% - 39px);
    }

    .page-title {
        font-size: 52px;
    }

    #fp-intro .page-title {
        font-size: 58px;
        margin-bottom: 1.5rem;
    }

    #fp-intro .subtitle {
        font-size: 36px;
    }

    #fp-intro .btn-row {
        margin-top: 215px;
    }

    .section-title {
        font-size: 36px;
    }

    .section-subtitle {
        font-size: 24px;
    }

    .class-item .title {
        font-size: 24px;
    }

    .offer-title {
        height: 84px;
    }

    .offer-title img {
        height: 62px;
    }

    .section-offers .offers-list {
        gap: 180px;
        margin-top: 80px;
    }

    .offer-cells .cell {
        padding: 32px 28px;
    }


    .offer-cells .cell .cell-price {
        font-size: 36px;
    }

    .offer-conditions .condition-title {
        font-size: 24px;
    }

    .offer-conditions {
        padding: 24px 30px 30px 30px;
    }

    .team-item .post {
        font-size: 14px;
    }

    .team-item .person-info {
        padding: 0 4px 16px 4px;
    }

    .mission-title {
        font-size: 36px;
        gap: 10px;
    }

    .mission-text .text-big {
        font-size: 24px;
    }

    .mission-1 .mission-title img {
        height: 42px;
        translate: 0 -1px;
    }

    .mission-2 .mission-title img {
        height: 64px;
        translate: 0 12px;
    }

    .mission-3 .mission-title img {
        height: 76px;
        translate: 0 2px;
    }

    .mission-4 .mission-title img {
        height: 82px;
        translate: 0 -6px;
    }

    .mission-5 .mission-title img {
        height: 73px;
        translate: 0 -18px;
    }


    .mission-1 {
        padding-top: 0;
    }

    .mission-2 {
        padding-top: 0;
    }

    .mission-3 {
        padding-top: 0;
        margin-top: -32px;
    }

    .mission-4 {
        padding-top: 90px;
        margin-top: 92px;
    }

    .mission-5 {
        padding-top: 107px;
        margin-top: 76px;
        padding-bottom: 180px;
    }


    .mission-1 .img-cloud {
        width: 713px;
        right: 596px;
    }

    .mission-2 .img-cloud {
        width: 743px;
        left: 467px;
    }

    .mission-3 .img-cloud {
        width: 780px;
        right: 557px;
    }

    .mission-4 .img-cloud {
        width: 742px;
        left: 467px;
    }

    .mission-5 .img-cloud {
        width: 809px;
        right: 450px;
    }

    .mission-1 .img-illustration {
        width: 166px;
        left: 475px;
        top: 58px;
    }

    .mission-3 .img-illustration {
        top: 134px;
        left: 459px;
        width: 238px;
    }

    .mission-5 .img-illustration {
        width: 593px;
        left: 544px;
        top: 155px;
    }

    .review-grid {
        margin-bottom: 42px;
    }

    .review-item {
        padding: 20px 24px;
    }

    .review-item .quote {
        font-size: 16px;
    }

    .review-grid .review-pic img {
        margin: 0;
    }

    .navbar-nav > .nav {
        flex-wrap: nowrap;
        gap: 0;
    }

    footer .nav .nav-item {
        flex-shrink: 1;
    }

    footer .small-info-title {
        font-size: 24px;
    }

    .modal-title {
        font-size: 36px;
    }
}

@media (max-width: 1199.98px) {

    .btn {
        --bs-btn-font-size: 30px;
    }

    #fp-intro {
        background-image: url("img/bg-header-lg-left.png"), url("img/bg-header-lg-right.png");
        background-position: left calc(50% + 60px), right calc(50% - 25px);
        background-size: auto 220px, auto 640px;
    }

    #fp-intro .intro-container {
        padding-top: 0;
    }

    #fp-intro .page-title {
        font-size: 52px;
        margin-bottom: 1rem;
    }

    #fp-intro .subtitle {
        font-size: 32px;
    }

    #fp-intro .btn-row {
        margin-top: 250px;
    }


    .section-title {
        font-size: 32px;
    }

    .section-subtitle {
        font-size: 22px;
    }

    .classes-list {
        overflow: hidden;
        padding-top: 52px;
        padding-bottom: 42px;
    }

    .classes-list .tns-ovh {
        overflow: unset;
    }

    .classes-row {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .classes-row.archive-row {
        flex-wrap: wrap;
    }

    .class-item .title {
        font-size: 22px;
        display: flex;
        align-items: center;
        min-height: 44px;
    }

    .row-direction .direction-title {
        height: 52px;
    }

    .row-direction-work .direction-title img {
        height: 38px;
    }

    .row-direction-sport .direction-title img {
        height: 34px;
    }

    .row-direction-creation .direction-title img {
        height: 41px;
    }

    .row-direction-mind .direction-title img {
        height: 38px;
    }

    .section-offers {
        padding: 103px 0 143px 0;
    }

    .section-offers .offers-list {
        gap: 140px;
    }

    .offer-title {
        height: 76px;
        position: relative;
        z-index: 2;
    }

    .offer-title img {
        height: 52px;
    }

    .offer-conditions .condition-title {
        font-size: 22px;
    }

    .offer-cells {
        grid-template-columns: 1fr;
    }

    .offer-cells .cell .cell-price {
        font-size: 32px;
    }

    .offer-grid.grid-2 .offer-cells {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }

    .offer-conditions .condition-subtitle {
        font-size: 14px;
    }

    .offer-cells .cell .cell-description {
        font-size: 14px;
    }

    .offer-cells .cell .cell-badge {
        font-size: 14px;
    }

    .offer-btn .btn-primary {
        --bs-btn-font-size: 28px;
    }

    .main-header .navbar-nav {
        margin-top: 0;
        gap: 0;
    }

    .header-phone-row .phone {
        font-size: 16px;
    }

    .header-phone-row .working-hours {
        font-size: 14px;
    }

    .main-header .nav-link {
        border-radius: 12px;
    }

    .mission-title {
        font-size: 32px;
    }

    .mission-text .text-big {
        font-size: 22px;
    }

    .mission-text .text {
        font-size: 14px;
    }

    .mission-1 .mission-title img {
        height: 40px;
        translate: 0 -1px;
    }

    .mission-2 .mission-title img {
        height: 58px;
    }

    .mission-3 .mission-title img {
        height: 68px;
    }

    .mission-4 .mission-title img {
        height: 78px;
        translate: 0 -6px;
    }

    .mission-5 .mission-title img {
        height: 64px;
        translate: 0 -14px;
    }


    .mission-1 {
        padding-top: 14px;
    }

    .mission-2 {
        padding-top: 49px;
        margin-top: 32px;
    }

    .mission-3 {
        padding-top: 61px;
        margin-top: 51px;
    }

    .mission-4 {
        padding-top: 79px;
        margin-top: 38px;
    }

    .mission-5 {
        padding-top: 57px;
        margin-top: 107px;
        padding-bottom: 180px;
    }


    .mission-1 .img-cloud {
        width: 716px;
        right: 412px;
    }

    .mission-2 .img-cloud {
        width: 741px;
        left: 299px;
    }

    .mission-3 .img-cloud {
        width: 792px;
        right: 403px;
    }

    .mission-4 .img-cloud {
        width: 665px;
        left: 316px;
    }

    .mission-5 .img-cloud {
        width: 739px;
        right: 364px;
    }

    .mission-1 .img-illustration {
        width: 132px;
        left: 492px;
        top: 101px;
    }

    .mission-3 .img-illustration {
        top: 111px;
        left: 488px;
        width: 162px;
    }

    .mission-5 .img-illustration {
        width: 380px;
        left: 496px;
        top: 122px;
    }

    .review-grid {
        grid-template-columns: 376px;
        grid-template-rows: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: 376px;
        overflow: auto;
        padding-bottom: 3rem;
        margin-bottom: 0;
    }

    .review-grid::-webkit-scrollbar {
        display: none;
    }

    .review-item {
        padding: 20px 20px;
        grid-column: auto / span 1;
        gap: 0;
    }

    .review-item .quote {
        font-size: 18px;
    }

    footer {
        padding-top: 107px;
        font-size: 14px;
    }

    footer .small-info-title {
        font-size: 22px;
    }

    .btn-social {
        width: 52px;
        height: 52px;
    }

    /* old */
    :root {
        --lavr-padding-4: 100px;
        --lavr-padding-3: 80px;
        --lavr-padding-2: 60px;
        --lavr-padding-1: 40px;
    }


    .main-header .navbar {
        --bs-navbar-nav-link-padding-x: 16px;
        --bs-navbar-toggler-icon-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4 18C3.71667 18 3.47917 17.9042 3.2875 17.7125C3.09583 17.5208 3 17.2833 3 17C3 16.7167 3.09583 16.4792 3.2875 16.2875C3.47917 16.0958 3.71667 16 4 16H20C20.2833 16 20.5208 16.0958 20.7125 16.2875C20.9042 16.4792 21 16.7167 21 17C21 17.2833 20.9042 17.5208 20.7125 17.7125C20.5208 17.9042 20.2833 18 20 18H4ZM4 13C3.71667 13 3.47917 12.9042 3.2875 12.7125C3.09583 12.5208 3 12.2833 3 12C3 11.7167 3.09583 11.4792 3.2875 11.2875C3.47917 11.0958 3.71667 11 4 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H4ZM4 8C3.71667 8 3.47917 7.90417 3.2875 7.7125C3.09583 7.52083 3 7.28333 3 7C3 6.71667 3.09583 6.47917 3.2875 6.2875C3.47917 6.09583 3.71667 6 4 6H20C20.2833 6 20.5208 6.09583 20.7125 6.2875C20.9042 6.47917 21 6.71667 21 7C21 7.28333 20.9042 7.52083 20.7125 7.7125C20.5208 7.90417 20.2833 8 20 8H4Z" fill="%2336276A"/></svg>');
    }

    .page-title, .promo-gallery__item .title {
        font-size: 46px;
    }

    .ticker-team {
        --ticker-gap: 52px;
    }

    .ticker-team .item {
        font-size: 100px;
    }


    .new-post .card-news, .new-post:nth-child(3n) .card-news {
        border-right: 2px solid var(--lavr-primary);
    }

    .new-post:nth-child(2n) .card-news {
        border-right: unset;
    }

    .page-title, .promo-gallery__item .title {
        font-size: 36px;
    }

    .page-header {
        --icon-size: 96px;
        padding-top: 64px;
        padding-bottom: 56px;
    }

    .more-news .more-news-header {
        --icon-size: 96px;
        padding-top: 36px;
        padding-bottom: 64px;
    }

    .modal-title {
        font-size: 32px;
    }
}

@media (max-width: 991.98px) {
    #primary-menu {
        margin-top: 0;
    }

    #fp-intro {
        background-image: url("img/bg-header-md-left.png"), url("img/bg-header-md-right.png");
        background-position: left bottom+500px, right calc(-12vw + 230px);
        background-size: 10%, calc(50% + 400px);
        min-height: 1050px;
        max-height: unset;
        height: calc(100vh - 100px);
    }

    #fp-intro .btn-row-direction {
        margin-top: 60px;
        display: flex;
    }

    #fp-intro .btn-row-direction .btn {
        width: 516px;
        margin-left: auto;
        --bs-btn-font-size: 20px;
        --bs-btn-line-height: 1.5;
        --bs-btn-border-radius: 12px;
    }

    #fp-intro .intro-container {
        padding-top: 100px;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    #fp-intro .intro-text {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    #fp-intro .btn-row {
        margin-top: auto;
    }

    .btn-family .front:before {
        width: 397px;
        height: 211px;
        bottom: calc(100% - 50px);
    }

    .custom-logo {
        height: 56px;
        width: auto;
    }

    .offcanvas {
        background: var(--lavr-primary);
        color: var(--lavr-light);
        font-size: 32px;

        border-radius: 24px 0 0 24px;
        box-shadow: -288px 0 81px 0 rgba(23, 18, 43, 0.01), -185px 0 74px 0 rgba(23, 18, 43, 0.07), -104px 0 62px 0 rgba(23, 18, 43, 0.25), -46px 0 46px 0 rgba(23, 18, 43, 0.43), -12px 0 25px 0 rgba(23, 18, 43, 0.49);
    }

    .offcanvas-backdrop {
        background-color: #00000040;
    }

    .offcanvas .navbar-nav {
        --bs-nav-link-color: var(--lavr-light);
        --bs-nav-link-hover-color: var(--lavr-light);
    }

    .offcanvas .social-row {
        margin-top: 42px;
    }

    .main-header .nav-link {
        padding-top: 12px;
    }

    .nav-pills-direction .nav-link {
        font-size: 14px;
        padding: 10px 19px 10px 19px;
    }

    .nav-pills-direction {
        margin-top: 20px;
    }

    .navbar-buttons {
        display: flex;
        gap: 10px;
        translate: 0 4px;
    }

    .navbar-toggler-icon {
        width: 1.5rem;
        height: 1.5rem;
    }

    .navbar-phone-icon {
        --bs-navbar-toggler-icon-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21Z" fill="%2336276A"/></svg>');
    }

    .navbar-phone-icon-white {
        --bs-navbar-toggler-icon-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M16.95 18C14.8667 18 12.8083 17.5458 10.775 16.6375C8.74167 15.7292 6.89167 14.4417 5.225 12.775C3.55833 11.1083 2.27083 9.25833 1.3625 7.225C0.454167 5.19167 0 3.13333 0 1.05C0 0.75 0.1 0.5 0.3 0.3C0.5 0.1 0.75 0 1.05 0H5.1C5.33333 0 5.54167 0.0791667 5.725 0.2375C5.90833 0.395833 6.01667 0.583333 6.05 0.8L6.7 4.3C6.73333 4.56667 6.725 4.79167 6.675 4.975C6.625 5.15833 6.53333 5.31667 6.4 5.45L3.975 7.9C4.30833 8.51667 4.70417 9.1125 5.1625 9.6875C5.62083 10.2625 6.125 10.8167 6.675 11.35C7.19167 11.8667 7.73333 12.3458 8.3 12.7875C8.86667 13.2292 9.46667 13.6333 10.1 14L12.45 11.65C12.6 11.5 12.7958 11.3875 13.0375 11.3125C13.2792 11.2375 13.5167 11.2167 13.75 11.25L17.2 11.95C17.4333 12.0167 17.625 12.1375 17.775 12.3125C17.925 12.4875 18 12.6833 18 12.9V16.95C18 17.25 17.9 17.5 17.7 17.7C17.5 17.9 17.25 18 16.95 18Z" fill="%23FEFBF1"/></svg>');
        background-size: 18px;
    }

    .navbar-close-icon-white {
        --bs-navbar-toggler-icon-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12.0008 13.3998L7.10078 18.2998C6.91745 18.4831 6.68411 18.5748 6.40078 18.5748C6.11745 18.5748 5.88411 18.4831 5.70078 18.2998C5.51745 18.1165 5.42578 17.8831 5.42578 17.5998C5.42578 17.3165 5.51745 17.0831 5.70078 16.8998L10.6008 11.9998L5.70078 7.0998C5.51745 6.91647 5.42578 6.68314 5.42578 6.3998C5.42578 6.11647 5.51745 5.88314 5.70078 5.6998C5.88411 5.51647 6.11745 5.4248 6.40078 5.4248C6.68411 5.4248 6.91745 5.51647 7.10078 5.6998L12.0008 10.5998L16.9008 5.6998C17.0841 5.51647 17.3174 5.4248 17.6008 5.4248C17.8841 5.4248 18.1174 5.51647 18.3008 5.6998C18.4841 5.88314 18.5758 6.11647 18.5758 6.3998C18.5758 6.68314 18.4841 6.91647 18.3008 7.0998L13.4008 11.9998L18.3008 16.8998C18.4841 17.0831 18.5758 17.3165 18.5758 17.5998C18.5758 17.8831 18.4841 18.1165 18.3008 18.2998C18.1174 18.4831 17.8841 18.5748 17.6008 18.5748C17.3174 18.5748 17.0841 18.4831 16.9008 18.2998L12.0008 13.3998Z" fill="%23FEFBF1"/></svg>');
    }

    .btn-pushable .front {
        transform: translateY(-4px);
    }

    .btn-pushable:hover .front {
        transform: translateY(-4px);
    }

    .btn-pushable:active .front {
        transform: translateY(0);
    }

    .offer-grid.grid-2 {
        grid-template-rows: auto;
    }

    .offer-grid.grid-2 .offer-conditions {
        grid-column-end: -1;
    }

    .offer-grid.grid-2 .offer-cells {
        grid-row: 2 / 3;
        grid-column: 1 / -1;
    }

    .offer-grid.grid-2 .offer-btn {
        grid-column-end: -1;
        grid-row: 3 / 4;
    }

    .mission-text .text {
        display: flex;
        flex-direction: column;
    }


    .mission-1 .mission-title img {
        height: 40px;
        translate: 0 -1px;
    }

    .mission-2 .mission-title img {
        height: 58px;
    }

    .mission-3 .mission-title img {
        height: 68px;
    }

    .mission-4 .mission-title img {
        height: 78px;
        translate: 0 -6px;
    }

    .mission-5 .mission-title img {
        height: 64px;
        translate: 0 -14px;
    }


    .mission-1 {
        padding-top: 14px;
    }

    .mission-2 {
        padding-top: 67px;
        margin-top: 104px;
    }

    .mission-3 {
        padding-top: 87px;
        margin-top: 56px;
    }

    .mission-4 {
        padding-top: 88px;
        margin-top: 54px;
    }

    .mission-5 {
        padding-top: 95px;
        margin-top: 85px;
        padding-bottom: 0px;
    }


    .mission-1 .img-cloud {
        width: 716px;
        right: 172px;
    }

    .mission-2 .img-cloud {
        width: 741px;
        left: 38px;
    }

    .mission-3 .img-cloud {
        width: 832px;
        right: 162px;
    }

    .mission-4 .img-cloud {
        width: 665px;
        left: 76px;
    }

    .mission-5 .img-cloud {
        width: 780px;
        right: 73px;
    }

    .mission-1 .img-illustration {
        width: 132px;
        left: 480px;
        top: 91px;
    }

    .mission-3 .img-illustration {
        top: 86px;
        left: 439px;
        width: 162px;
    }

    .mission-5 .img-illustration {
        position: relative;
        left: 0;
        top: 0;
        margin-left: auto;
    }

    .navbar-nav > .nav {
        flex-wrap: wrap;
        gap: 2rem 0;
    }

    footer .row-contacts {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    footer .navbar-nav {
        margin-top: 60px;
        margin-bottom: 32px;
    }

    .form-subtitle {
        font-size: 22px;
    }

    /* old */
    :root {
        --lavr-padding-4: 100px;
        --lavr-padding-3: 70px;
        --lavr-padding-2: 50px;
    }

    .ticker-team .item {
        font-size: 80px;
    }


    .page-header {
        padding-top: 54px;
        padding-bottom: 42px;
    }

    .about-ticker {
        gap: 24px;
    }

    .ticker-about {
        --ticker-gap: 42px;
    }

    .ticker-about .item-primary {
        font-size: 30px;
        padding: 12px 36px;
    }

    .ticker-about .item-secondary {
        font-size: 30px;
    }

    .facts-row .fact {
        height: 250px;
    }

    .facts-row .fact .title {
        font-size: 72px;
    }

    .block-section {
        --icon-size: 60px;
    }

    .block-section .title .icon {
        top: -24px;
    }

    .block-section .description {
        padding-left: calc(var(--icon-size) * .5);
    }

    .block-section .title {
        font-size: 30px;
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .facts-row {
        gap: 20px 24px;
    }

    .facts-row .fact {
        height: 200px;
    }

    .facts-row .fact.fact-lightblue .title, .facts-row .fact.fact-pink .subtitle {
        top: 20px;
        right: 20px;
    }

    .facts-row .fact.fact-lightblue .subtitle, .facts-row .fact.fact-pink .title {
        left: 20px;
        bottom: 20px;
    }

    .row-news {
        --bs-gutter-y: 2rem;
    }

    .card-news {
        margin-top: 20px;
        padding: 16px 32px;
    }
}

@media (max-width: 767.98px) {

    .main-header {
        border-radius: 0 0 28px 28px;
    }

    .block-bottom {
        border-radius: 28px 28px 0 0;
    }

    .block-top {
        border-radius: 0 0 28px 28px;

    }

    .custom-logo {
        height: 50px;
    }

    .main-header .navbar {
        --bs-navbar-padding-y: .75rem;
    }

    #fp-intro {
        background-image: url("img/bg-header-sm-left.png"), url("img/bg-header-sm-right.png");
        background-position: left top+280px, right calc(-27vw + 220px);
        background-size: 120px, calc(50% + 300px);
        min-height: 900px;
    }


    #fp-intro .intro-container {
        padding-top: 60px;
    }


    #fp-intro .btn-row-direction .btn {
        width: 336px;
    }

    .btn-family .front:before {
        bottom: calc(100% - 40px);
        width: 320px;
        height: 170px;
    }

    #fp-intro .page-title {
        font-size: 48px;
        margin-bottom: 1rem;
    }

    #fp-intro .subtitle {
        font-size: 32px;
    }

    .nav-pills-direction .nav-link {
        font-size: 14px;
        padding: 8px 16px 8px 16px;
    }

    .directions {
        gap: 58px;
    }

    .row-direction .direction-title {
        height: 38px;
    }

    .row-direction-work .direction-title img {
        height: 28px;
    }

    .row-direction-sport .direction-title img {
        height: 27px;
    }

    .row-direction-creation .direction-title img {
        height: 26px;
    }

    .row-direction-mind .direction-title img {
        height: 25px;
    }

    .offer-grid {
        grid-template-rows: auto;
    }

    .offer-grid .offer-conditions {
        grid-column-end: -1;
    }

    .offer-grid .offer-cells {
        grid-row: 2 / 3;
        grid-column: 1 / -1;
    }

    .offer-grid .offer-btn {
        grid-column-end: -1;
        grid-row: 3 / 4;
    }

    .mission-1 .img-illustration {
        top: 81px;
        left: 394px;
    }

    .mission-3 .img-illustration {
        top: 81px;
        left: 362px;
    }

    .mission-5 .img-illustration {
        margin-right: auto;
    }

    .mission .img-cloud {
        left: unset;
        right: -30px;
    }

    .mission-5 .img-cloud {
        right: -109px;
    }

    .mission-5 .mission-title {
        flex-wrap: wrap;
        gap: 0 10px;
        height: auto;
    }

    .mission-5 .mission-title .elem-future {
        margin-left: auto;
    }

    .mission-5 .mission-text .text-big {
        width: auto;
    }

    .review-grid {
        grid-template-columns: 90vw;
        grid-auto-columns: 90vw;
        padding-bottom: 2rem;
        margin-top: 0;
        gap: 12px;
        margin-left: -12px;
        margin-right: -12px;
        padding-left: 12px;
    }

    footer {
        padding-top: 88px;
        padding-bottom: 20px;
    }

    footer .map-icon {
        margin-bottom: 12px;
    }

    footer .row-contacts {
        flex-direction: column;
        gap: 24px;
        margin-top: 12px;
    }

    .row-contacts .icon:before {
        width: 24px;
        height: 24px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .row-contacts .icon-timetable:before {
        width: 32px;
        height: 32px;
        margin-right: 10px;
    }

    .row-contacts .icon-timetable {
        font-size: 20px;
    }

    .row-contacts .text-muted {
        margin-top: 0;
    }

    .social-row {
        margin: 0;
        gap: 16px;
    }

    .btn-social {
        width: 42px;
        height: 42px;
    }

    footer .map-icon:before {
        width: 32px;
        height: 32px;
        margin-right: 4px;
        background-size: contain;
    }

    footer .map {
        border-radius: 24px;
    }

    .form-directions-container {
        margin-bottom: 0;
    }

    .offer-grid .mascot-1,
    .offer-grid .mascot-2,
    .offer-grid .mascot-3,
    .offer-grid .mascot-4,
    .offer-grid .mascot-5{
        right: 0;
        left: unset;
    }
    /* old */
    :root {
        --lavr-padding-4: 64px;
        --lavr-padding-3: 40px;
        --lavr-padding-2: 32px;
        --lavr-padding-1: 24px;
    }


    .promo-gallery__item {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto auto;
        height: 100%;
        gap: 32px;
    }

    .ticker-team {
        --ticker-gap: 32px;
    }

    .ticker-team .item {
        font-size: 64px;
    }


    .page-header {
        --icon-size: 72px;
    }

    .page-title, .promo-gallery__item .title {
        font-size: 38px;
    }

    .page-header {
        padding-top: 54px;
        padding-bottom: 42px;
        padding-left: 36px;
    }

    .about-ticker {
        gap: 20px;
    }

    .ticker-about {
        --ticker-gap: 24px;
    }

    .ticker-about .item-primary {
        font-size: 20px;
        padding: 8px 20px;
    }

    .ticker-about .item-secondary {
        font-size: 20px;
    }

    .facts-row .fact .title {
        font-size: 54px;
    }

    .about-facts .row {
        --bs-gutter-y: 24px;
    }

    .new-post .card-news, .new-post:nth-child(3n) .card-news {
        border-right: unset;
    }

    .news-title {
        font-size: 18px;
    }

    .news-title-row {
        margin-top: 1.5rem;
        margin-bottom: 2rem;
    }

    .more-news {
        margin-top: 40px;
    }

    .more-news .new-post {
        padding-bottom: 20px;
        border-bottom: unset;
    }

    .row-reviews {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 24px;
    }

    .facts-row {
        gap: 16px;
        grid-template-columns: 1fr;
    }

    .block-section .block-border-right {
        border-right: 0;
    }

    .block-section .row-table {
        margin-left: 0;
    }

    .block-section .title .icon {
        top: -12px;
    }

    .class-header .page-title {
        text-align: center;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

}

@media (max-width: 575.98px) {

    .section-title {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .section-subtitle {
        font-size: 20px;
    }

    .btn {
        --bs-btn-padding-y: 13px;
        --bs-btn-padding-x: 11px;
        line-height: 1.1;
    }

    #fp-intro {
        background-image: url(img/bg-header-xs.png?v2);
        background-size: 100%;
        background-position: center calc(+180px - 30vw);
        min-height: 130vw;
        padding-bottom: 32px;
        max-height: 650px;
    }

    #fp-intro .btn-row-direction .btn {
        min-width: 200px;
        width: 55vw;
        line-height: 1.5;
        --bs-btn-padding-y: 13px;
        --bs-btn-padding-x: 11px;
        --bs-btn-font-size: 16px;
    }

    #fp-intro .subtitle {
        font-size: 20px;
    }

    #fp-intro .page-title {
        font-size: 38px;
        margin-bottom: 10px;
    }

    #fp-intro .btn-row-direction {
        margin-top: 38px;
    }

    #fp-intro .intro-container {
        padding-top: 15px;
    }

    .nav-pills-direction {
        margin-bottom: 28px;
        gap: 4px;
        flex-wrap: wrap-reverse;
    }

    .nav-pills-direction .nav-item:nth-child(1) {
        order: 1;
    }

    .nav-pills-direction .nav-item:nth-child(n+2) {
        flex-grow: 1;
    }

    .nav-pills-direction .nav-item:nth-child(n+2) .nav-link {
        width: 100%;
    }

    .directions {
        gap: 40px;
    }

    .btn-family .front:before {
        bottom: calc(100% - 28px);
        width: 225px;
        height: 135px;
    }

    .main-header {
        border-radius: 0 0 24px 24px;
    }

    .block-bottom {
        border-radius: 24px 24px 0 0;

    }

    .block-top {
        border-radius: 0 0 24px 24px;

    }

    .offer-title {
        height: 60px;
    }

    .offer-title img {
        height: 44px;
    }

    .offer-conditions .condition-title {
        font-size: 20px;
    }

    .mission-title {
        font-size: 28px;
    }

    .mission-1 .mission-title img {
        height: 32px;
        translate: 0 -1px;
    }

    .mission-2 .mission-title img {
        height: 42px;
    }

    .mission-3 .mission-title img {
        height: 46px;
        translate: 0 4px;
    }

    .mission-4 .mission-title img {
        height: 48px;
        translate: 0 -2px;
    }

    .mission-5 .mission-title img {
        height: 54px;
        translate: 0 -8px;
    }

    .mission .img-cloud {
        right: unset;
        left: 50%;
        transform: translate(-50%, 0);

    }

    .mission-1 .img-cloud {
        top: 30px;
    }

    .mission-2 .img-cloud {
        transform: translate(-64%, 0);
    }

    .mission-3 .img-cloud {
        transform: translate(-50%, 0);
    }

    .mission-4 .img-cloud {
        transform: translate(-50%, -20%);
        z-index: -1;
    }

    .mission-5 .img-cloud {
    }

    .mission-1 {
        padding-top: 0;
    }

    .mission-2 {
        padding-top: 0;
        margin-top: 120px;

    }

    .mission-3 {
        padding-top: 60px;
        margin-top: 200px;
        z-index: 2;
    }

    .mission-4 {
        padding-top: 0;
        margin-top: 0;

    }

    .mission-5 {
        padding-top: 0;
        margin-top: 150px;
    }

    .mission-1 .text {
        padding-right: 110px;
    }

    .mission-1 .img-illustration {
        width: 110px;
        right: 0;
        left: unset;
        top: 150px;
    }

    .mission-3 .img-illustration {
        width: 145px;
        left: unset;
        position: relative;
        top: -20px;
        margin-left: auto;
    }

    .mission-5 .img-illustration {
        top: -30px;
    }


    .header-phone-row .phone {
        font-size: 20px;
    }

    .header-phone-row {
        margin: .25rem;
    }

    .header-phone-row .working-hours {
        font-size: 12px;
    }

    .offer-grid.grid-1 .cell {
        padding-top: 24px;
    }

    .offcanvas {
        --bs-offcanvas-padding-y: .75rem;
        font-size: 20px;
    }

    footer .map {
        height: 400px;
    }

    footer .navbar-nav {
        margin-top: 42px;
    }

    footer .small-info-title {
        font-size: 20px;
    }

    footer .nav {
        gap: 8px;
    }

    .modal-title {
        font-size: 28px;
    }

    .form-subtitle {
        font-size: 20px;
    }

    /* old */
    .page-title, .promo-gallery__item .title {
        font-size: 32px;
    }

    .ticker-team .item {
        font-size: 42px;
    }

    .classes-row {
        --bs-gutter-x: 12px;
        --bs-gutter-y: 12px;
    }


    .card-news {
        margin-top: 20px;
        padding: 0 0;
    }

    .news-content {
        padding: 16px 8px;
        border-radius: 4px;
    }

    .news-title-row {
        flex-wrap: wrap;
    }

    h1.news-title {
        width: 100%
    }

    .more-news .more-news-header {
        --icon-size: 72px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: relative;
        margin-bottom: 1rem;
    }

    .more-news .more-news-header .title {
        font-size: 30px;
    }

    .more-news .more-news-header .category-link {
        display: none;
    }

    .card-news .card-title {
        font-size: 20px;
    }

    .row-team {
        justify-content: center;
    }

    .team-item .post, .team-item .name {
        line-height: 1.15;
    }

    .team-member-title {
        font-size: 30px;
        text-align: center;
    }

    .team-member-post {
        font-size: 20px;
        text-align: center;
        line-height: 1.4;
    }

    .block-section .row-table > div {
        line-height: 1.3;
        padding: 4px;
        font-size: 13px;
        text-align: center;
    }

    .block-section hr {
        margin-top: 12px;
        margin-bottom: 12px;
        opacity: 1;
    }

    .block-section .row-table {
        margin-bottom: .75rem;
        padding-bottom: .75rem;
    }


}

@media (max-width: 350px) {

}