@font-face {
    font-family: 'AvenirNextBrand';
    src: url('../fonts/AvenirNextBrand.ttc') format('truetype');
    font-weight: 400 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'VividSansBrand';
    src: url('../fonts/VividSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JustBreatheBrand';
    src: url('../fonts/JustBreatheBd.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body.normal {
    --main-font-color: #26324C;
    --accent-color: #FF9A55;
    --accent-color-hover: #E87D36;
    --link-color: #5C88EA;
    --section-bg-light: #FFFFFF;
    --section-bg-dark: #FFF4EA;
    --header-bg: #FFFFFF;
    --footer-bg: #5C88EA;
    --colorA-card: #FFF4EA;
    --colorB-card: #EAF0FF;
    --colorC-card: #FFE9D0;
    --colorD-card: #F3F6FF;
}

body {
    font-family: 'AvenirNextBrand', 'VividSansBrand', 'Winston', Arial, sans-serif;
    font-weight: 400;
    background-color: #fff;
}

.wrapper-header-body {
    box-shadow: 0 8px 24px rgba(38, 50, 76, 0.08);
}

#home {
    padding-top: 132px;
}

.header-logo {
    height: 112px;
}

.sticky-header .header-logo {
    height: 82px;
}

.header-logo img,
.logo-footer img {
    display: block;
    object-fit: contain;
}

.item-header-menu .title-link,
.sub-menu a,
.footer-link,
.footer-menu-box span {
    letter-spacing: 0;
}

.item-header-menu .title-link {
    color: #26324C;
    font-weight: 600;
}

.item-header-menu a.title-link:hover,
.sub-menu a:hover,
.footer-link:hover,
.contact-link:hover {
    color: var(--accent-color);
}

.item-header-menu .sub-menu {
    border: 1px solid rgba(92, 136, 234, 0.18);
    border-radius: 8px;
    box-shadow: 0 18px 40px rgba(38, 50, 76, 0.12);
}

.btn-accent,
.btn-big-accent {
    border-radius: 8px;
    background-color: var(--accent-color);
    box-shadow: 0 10px 22px rgba(255, 154, 85, 0.28);
    font-weight: 700;
    letter-spacing: 0;
}

.btn-accent:hover,
.btn-big-accent:hover {
    background-color: var(--accent-color-hover);
    box-shadow: 0 12px 26px rgba(232, 125, 54, 0.32);
}

.wrapper-first-slider .slide-info {
    background-color: var(--section-bg-dark);
}

.label-slider__news,
.simple-link {
    color: var(--link-color);
}

.simple-link svg path,
.label-slider__news svg path {
    stroke: var(--link-color);
}

.slide-info .title,
.section-title,
.title-section,
.main-title {
    color: #26324C;
    font-weight: 700;
}

.slide-info .comment {
    color: rgba(38, 50, 76, 0.86);
    font-weight: 400;
}

#firstSlider .slick-prev,
#firstSlider .slick-next {
    background: #fff;
    box-shadow: 0 14px 34px rgba(38, 50, 76, 0.16);
}

#firstSlider .slick-prev:before,
#firstSlider .slick-next:before {
    color: var(--link-color);
}

.slick-dots li button {
    background-color: rgba(92, 136, 234, 0.22);
}

.slick-dots li.slick-active button,
.slick-dots li button:hover {
    background-color: var(--accent-color);
}

.helper-card,
.wrapper-member-card .info-card,
.helper-form,
.pupil-card,
.news-card,
.partner-card,
.wrapper-contact-card {
    border-radius: 8px;
    border-color: rgba(92, 136, 234, 0.22);
    box-shadow: 0 18px 40px rgba(38, 50, 76, 0.08);
}

.footer-wrapper {
    background-color: var(--footer-bg);
    color: #fff;
}

.footer-link,
.footer-menu-box span,
.contact-link,
.policy,
.copy,
.bottom-develop,
.bottom-develop a {
    color: #fff;
}

.footer-wrapper .bottom-copy *,
.footer-wrapper .bottom-develop,
.footer-wrapper .bottom-develop span,
.footer-wrapper .bottom-develop a {
    color: #fff;
}

.footer-wrapper .bottom-develop img {
    filter: brightness(0) invert(1);
    opacity: 0.9;
}

.social-link svg path,
.contact-link svg path {
    fill: #fff;
}

.social-link:hover svg path,
.contact-link:hover svg path {
    fill: var(--accent-color);
}

.logo-footer {
    max-width: 116px;
    margin-top: -10px;
}

@media (max-width: 1200px) {
    #home {
        padding-top: 112px;
    }

    .header-logo {
        height: 92px;
    }

    .sticky-header .header-logo {
        height: 74px;
    }

    .burger-menu {
        border-radius: 0 8px 8px 0;
    }
}

@media (max-width: 768px) {
    #home {
        padding-top: 100px;
    }

    .header-logo {
        height: 82px;
    }

    .wrapper-first-slider .slide-info {
        background-color: var(--section-bg-dark);
    }

    .slide-info .title {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (max-width: 425px) {
    .header-logo {
        height: 72px;
    }

    .logo-footer {
        max-width: 96px;
    }
}