/* Объединенный файл из:
 * - general.css
 * - primary.css
 * - primary2.css
 * - primary3.css
 * - common.css
 */

:root {
    --heading-font: sans-serif;
    --heading-padding: 0 20px;
    --heading-size: 55px;

    --paragraph-font: sans-serif;
    --paragraph-size: 48px;
    --paragraph-weight: 600;
    --paragraph-line-height: normal;
    --paragraph-text-align: center;
    --paragraph-padding: 0 20px;

    --description-font: sans-serif;
    --description-size: 20px;
    --description-line-height: normal;
    --description-text-align: left;
    --description-padding: 0 50px;
    --description-padding-for-bg: 0 30px;

    --modal-paragraph-size: 25px;

    --button-font: sans-serif;

    --open-sans-font: "Open Sans", sans-serif;
    --ubuntu-font: "ubuntu_bld";
    --script-font: "StudioScriptTT";
    --default-font: sans-serif;

    --vzmakh-blue-color: #2a67b1;
    --vzmakh-blend-blue-color: #cce5ea;
    --vzmakh-orange-color: #fd6130;
    --vzmakh-yellow-color: #febe07;
    --vzmakh-red-color: #e52424;
    --vzmakh-green-color: #1c873f;
    --vzmakh-yell-color: #bb5907;
    --vzmakh-black-color: #171717c2;

    --block-golumn-gap: 50px;

    --college-title-size: 64px;
    --college-description-size: 26px;
    --college-yellow-color: #ffc212;
    --college-blue-color: #304ffe;
    --college-black-color: #242529;
    --hover-opacity: 0;
    --footer-title-size: 55px;
    --iq-ml-20: 20px;
    --iq-ml-30: 30px;
    --iq-ml-40: 40px;
    --iq-ml-50: 50px;
    --iq-ml-60: 60px;
    --iq-ml-70: 70px;
    --iq-ml-90: 90px;
    --iq-ml-110: 110px;
    --iq-ml-130: 130px;
    --iq-ml-180: 180px;
    --iq-ml-200: 200px;
    --iq-mt-70-minus: -70px;
    --iq-mt-100: 100px;
    --iq-mt-130: 130px;
    --iq-mt-160: 160px;
    --iq-mt-190: 190px;
    --iq-mt-270: 270px;
    --iq-mb-50: 50px;
    --iq-column-reverse: column-reverse;
    --iq-before-wh: 30px;
    --iq-after-wh: 70px;
    --iq-font-title: 50px;
    --iq-pl-pr-20: 0 20px;
}

.grecaptcha-badge {
    visibility: hidden;
}

/* Шрифты */
@font-face {
    font-family: 'StudioScriptTT';
    src: url('./../fonts/StudioScriptTT.ttf') format('truetype');
}

@font-face {
    font-family: 'ubuntu_bld';
    src: url('./../fonts/ubuntu.eot');
    src: local('☺'), url('./../fonts/ubuntu.woff') format('woff'), url('./../fonts/ubuntu.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Базовые стили */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-family: 'Open Sans', sans-serif;
    scroll-behavior: smooth;
}

/* Стили для overlay */
#overlay {
    z-index: 10;
    position: fixed;
    background-color: #000;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none;
}

/* Стили для header */
.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 1600px;
    margin: 20px auto 50px;
}

.header .header__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
}

.header__navigation .navigation-logo {
    height: 70px;
}

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

.header__navigation .navigation__nav {
    max-width: 1000px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}

.navigation__nav .nav__list .nav__list-item {
    list-style: none;
    display: inline-block;
    margin: 3px 1px;
    border-radius: 5px;
    min-width: 170px;
    width: auto;
    height: 39px;
}

.navigation__nav .nav__list .nav__list-item a,
.navigation__nav .nav__list .nav__list-item p {
    display: block;
    font-size: 17px;
    line-height: 17px;
    padding: 10px;
    margin: 0;
}

.navigation__nav .nav__list .nav__list-item:nth-child(3n + 1) {
    background-color: var(--vzmakh-blue-color);
    border: 1px solid var(--vzmakh-blue-color);
}

.navigation__nav .nav__list .nav__list-item:nth-child(3n + 1) a,
.navigation__nav .nav__list .nav__list-item:nth-child(3n + 1) p {
    color: #fff;
}

.navigation__nav .nav__list .nav__list-item:nth-child(3n + 2) {
    background-color: var(--vzmakh-yellow-color);
    border: 1px solid var(--vzmakh-yellow-color);
}

.navigation__nav .nav__list .nav__list-item:nth-child(3n + 3) {
    background-color: var(--vzmakh-orange-color);
    border: 1px solid var(--vzmakh-orange-color);
}

.navigation__nav .nav__list .nav__list-item:hover {
    background-color: #fff;
}

.navigation__nav .nav__list .nav__list-item:hover a,
.navigation__nav .nav__list .nav__list-item:hover p {
    color: #000;
    cursor: pointer;
}

.header__navigation .navigation__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.navigation__menu .menu-phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
}

.menu-phone .phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    height: 27px;
}

.phone .phone-number {
    white-space: nowrap;
    font-size: 27px;
}

.navigation__menu .menu-burger {
    display: none;
}

.menu-burger .burger-first,
.menu-burger .burger-second,
.menu-burger .burger-third {
    border: 2px solid #000000;
    width: 30px;
    display: block;
    -webkit-transition: all 0.2s;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.menu-burger .burger-first,
.menu-burger .burger-second {
    margin-bottom: 5px;
}

.menu-burger.menu-burger-active .burger-first {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: 10px;
}

.menu-burger.menu-burger-active .burger-second {
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: relative;
    top: -9px;
}

.menu-burger.menu-burger-active .burger-third {
    display: none;
}

.header__work-in-two-countries {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px auto 25px;
}

.header__work-in-two-countries .work-in-two-countries__title {
    font-family: var(--script-font);
    font-size: 45px;
    text-align: center;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    text-transform: none;
}

/* Стили для footer */
.footer {
    max-width: 1600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
    /* background-color: var(--vzmakh-blue-color); */
    /* color: #fff; */
    padding: 50px 20px;
    margin: 0 auto;
}

.footer__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
    max-width: 1400px;
    margin: 0 auto;
}

.footer__content .footer__column {
    flex: 1;
    min-width: 300px;
}

.footer__column .column__title {
    font-size: var(--footer-title-size);
    font-weight: 700;
    margin-bottom: 30px;
}

.footer__column .column__list {
    list-style: none;
    padding: 0;
}

.footer__column .column__list-item {
    margin-bottom: 15px;
}

.footer__column .column__list-item a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    transition: color 0.3s;
}

.footer__column .column__list-item a:hover {
    color: var(--vzmakh-yellow-color);
}

.footer__column .column__social {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}

.footer__column .column__social a {
    color: #fff;
    font-size: 24px;
    transition: color 0.3s;
}

.footer__column .column__social a:hover {
    color: var(--vzmakh-yellow-color);
}

/* MEDIA QUERIES */
@media screen and (max-width: 1640px) {
    .header {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media screen and (max-width: 1320px) {
    .header {
        margin: 20px 20px 50px;
    }
}

@media screen and (max-width: 1100px) {
    .header .header__navigation {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0;
    }

    .header__navigation :nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .header__navigation :nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .header__navigation :nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media screen and (max-width: 1240px) {
    :root {
        --iq-ml-110: 100px;
        --iq-ml-130: 120px;
        --iq-ml-180: 130px;
        --iq-ml-200: 150px;
    }
}

@media screen and (max-width: 1200px) {
    .main__best :nth-child(even) .card__box :first-child {
        display: none;
    }

    .main__best :nth-child(odd) .card__box :last-child {
        display: none;
    }

    .modal_page-bitrix {
        width: 720px;
        left: calc(calc(100% - 720px) / 2);
    }
}

@media screen and (max-width: 1060px) {
    .meet-title br {
        display: none;
    }

    .meet-title .title-bolt {
        width: 75px;
        top: -50px;
    }
}

@media screen and (max-width: 1000px) {
    :root {
        --paragraph-size: 40px;
        --paragraph-line-height: 1;
        --iq-ml-20: 0;
        --iq-ml-30: 0;
        --iq-ml-40: 0;
        --iq-ml-50: 0;
        --iq-ml-60: 0;
        --iq-ml-70: 0;
        --iq-ml-90: 0;
        --iq-ml-110: 0;
        --iq-ml-130: 0;
        --iq-ml-180: 0;
        --iq-ml-200: 0;
        --iq-mt-100: 0;
        --iq-mt-130: 0;
        --iq-mt-160: 0;
        --iq-mt-190: 0;
        --iq-mt-270: 0;
        --iq-mt-70-minus: 50px;
        --iq-column-reverse: column;
    }

    .meet-title .title-robot {
        top: -230px;
        bottom: auto;
    }

    [class^="section__"] [class$="__card"] {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-image: none;
    }

    [class$="__card"] .card__item {
        width: min(600px, 100%);
    }

    .section__tutor .section-img {
        display: none;
    }

    .tools__card .card-img {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .header {
        margin: 20px 20px 25px;
    }
}

@media screen and (max-width: 640px) {
    :root {
        --heading-size: 45px;
    }
}

@media screen and (max-width: 600px) {
    :root {
        --paragraph-size: 32px;
        --description-padding: 0 20px;
        --description-padding-for-bg: 0;
        --description-text-align: justify;
        --modal-paragraph-size: 20px;
        --block-golumn-gap: 25px;
    }

    .header__navigation .navigation__nav {
        display: none;
    }

    .navigation__nav .nav__list .nav__list-item {
        width: 100%;
    }

    .header__navigation .navigation__menu {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .navigation__menu .menu-phone {
        height: 50px;
    }

    .menu-phone .phone {
        height: 50px;
        gap: 5px;
    }

    .phone .phone-number {
        height: 21px;
        font-size: 21px;
        line-height: 21px;
    }

    .phone img {
        height: 21px;
    }

    .navigation__menu .menu-burger {
        display: block;
        cursor: pointer;
    }

    .header__work-in-two-countries {
        margin: 10px auto 0;
    }

    .header__work-in-two-countries .work-in-two-countries__title {
        font-size: 35px;
    }
}

@media screen and (max-width: 980px) {
    .main__why .why__cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .mentors__description p br {
        display: none;
    }
}

@media screen and (max-width: 910px) {
    .main [class^="owl__carousel-"] {
        max-width: 500px;
    }
}

@media screen and (max-width: 900px) {
    .main__best .best__card {
        margin-bottom: 0;
    }

    .main__best :nth-child(odd) .card__box :first-child {
        display: none;
    }

    .main__best :nth-child(even) .card__box :last-child {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --college-title-size: 56px;
        --footer-title-size: 50px;
    }

    .main__welcome .welcome-title {
        text-align: center;
    }

    .welcome__description .description-img {
        top: 10px;
        right: auto;
        width: min(100%, 550px);
    }

    .main__meet .meet-title,
    .main__projects .projects-title,
    .main__best .best-title {
        font-size: 35px;
        padding: 50px 30px;
    }

    .main__mentors .mentors-title {
        font-size: 45px;
    }

    .mentors__description p {
        font-size: 25px;
    }

    .main__graduates {
        padding: 50px 20px 0;
    }

    .main__graduates .graduates-title {
        font-size: 45px;
        margin-bottom: 30px;
    }

    .modal_page,
    .modal_page-bitrix {
        top: 5% !important;
    }

    .modal_page-bitrix {
        width: 95%;
        left: 2.5%;
    }
}

@media screen and (max-width: 700px) {
    .main__why .why__cards {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 600px) {
    :root {
        --college-title-size: 48px;
        --footer-title-size: 45px;
        --iq-mt-70-minus: 25px;
        --iq-mb-50: 25px;
        --iq-before-wh: 25px;
        --iq-after-wh: 50px;
        --iq-font-title: 40px;
        --iq-pl-pr-20: 0;
    }

    .main__head {
        row-gap: 25px;
    }

    .main__head .block-btn {
        width: 100%;
    }

    .block-btn a {
        font-size: 20px;
    }

    .main__welcome {
        margin-bottom: 25px;
    }

    .main__welcome .welcome__description {
        text-align: justify;
    }

    .welcome__description .description-img {
        display: none;
    }

    .main__meet {
        padding-top: 0;
    }

    .meet-title .title-robot,
    .meet-title .title-bolt {
        display: none;
    }

    .main__meet .meet-title,
    .main__projects .projects-title,
    .main__best .best-title {
        text-align: center;
        font-size: 30px;
        padding: 20px;
    }

    .main__sections {
        gap: 30px;
    }

    .card__item .item__description,
    .routes__card .item__text {
        padding: 30px 20px;
        text-align: justify;
    }

    [class^="section__"] [class$="-box"] {
        padding: 40px 20px;
    }

    .section__routes .routes-subtitle {
        margin-bottom: 25px;
    }

    .section__routes .routes__card {
        margin-top: 25px;
    }

    .section__tools .tools__card {
        margin-bottom: 25px;
    }

    .main__why .why-title {
        font-size: 35px;
    }

    .cards__item .item-text {
        font-size: 22px;
    }

    .main__robots {
        gap: 25px;
    }

    .main__lessons .lessons-title,
    .main__robots .robots-title {
        font-size: 35px;
        padding: 20px;
    }

    .main__robots .robots-wheel,
    .main__robots .robots-robot {
        width: 28vw;
    }

    .main__ecology {
        padding: 20px;
    }

    .main__ecology .ecology-description {
        font-size: 30px;
    }

    .main [class^="owl__carousel-"] {
        max-width: 400px;
        padding: 0;
    }

    .main__lessons .lessons-carousel {
        padding: 0 20px;
    }

    .main__two-objects {
        gap: 40px;
    }

    .main__mentors {
        padding: 40px 20px;
    }

    .main__mentors .mentors-title {
        font-size: 40px;
    }

    .main__graduates .graduates-title {
        font-size: 40px;
    }

    .main__graduates .graduates-title::before {
        content: none;
    }

    .main__graduates .graduates__list {
        margin: 0;
    }

    .graduates__list li {
        font-size: 25px;
    }

    .card-wrapper .card-btn {
        width: 100%;
    }
}

@media screen and (max-width: 552px) {
    .projects__video iframe {
        height: calc(calc(100vw - 40px) * 0.5625);
    }
}

@media screen and (max-width: 500px) {
    :root {
        --college-title-size: 40px;
        --footer-title-size: 40px;
        --college-description-size: 24px;
        --iq-font-title: 35px;
    }

    .section__routes .routes-title::before,
    .section__routes .routes-title::after {
        content: none;
    }

    .item__text .text-img {
        width: 40px;
    }

    .main__two-objects .two-objects-wheel {
        display: none;
    }

    .main__mentors .mentors-title {
        font-size: 35px;
    }

    .card-wrapper .card-map {
        height: 250px;
    }
}

/* стили для info */

.footer__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 25px;
}

.footer__info .info-cite a,
.footer__info .info-mail a {
    font-family: var(--description-font);
    font-size: var(--description-size);
    color: #fff;
    text-decoration: none;
}

.footer__info .info-old {
    margin-top: 15px;
}

.footer__info .info-old a,
.footer__info .info-sitemap a {
    margin-top: 15px;
    font-family: var(--description-font);
    color: #fff;
    text-decoration: none;
}

/* Стили для main */
.main {
    max-width: 1600px;
    margin: 0 auto;
    background-color: var(--vzmakh-blue-color);
    color: #fff;
}

/* head */
.main__head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1600px;
    gap: 50px 21px;
    margin: 150px auto 350px;
    padding: 0 20px;
}

@-webkit-keyframes movebaloon {
    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes movebaloon {
    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.main__head .head-baloon {
    position: absolute;
    width: 150px;
    top: -200px;
    right: 0;
    -webkit-animation: movebaloon 2s linear alternate infinite;
    animation: movebaloon 2s linear alternate infinite;
}

.main__head .head-plane {
    position: absolute;
    -webkit-transform: rotate(-385deg);
    transform: rotate(-385deg);
    width: 236px;
    bottom: -130px;
    left: 400px;
}

.main__head .head__block {
    display: flex;
    flex-direction: column;
    width: min(500px, 100%);
}

.main__head [class^="head__block"] {
    max-width: 600px;
    width: 100%;
}

.main__head .head__block-2 {
    display: none;
}

.head__block .block-title {
    font-size: var(--college-title-size);
    color: var(--vzmakh-orange-color);
    margin-bottom: 15px;
}

.head__block .block-subtitle {
    font-size: 30px;
    margin-bottom: 40px;
}

.head__block .block-title span {
    display: block;
    width: max-content;
}

.head__block .block-title span::after {
    position: relative;
    display: block;
    content: " ";
    height: 15px;
    background: #ffb711;
    top: -15px;
    z-index: -1;
}

.head__block .block-description-1 {
    font-size: var(--college-description-size);
    font-weight: 600;
    color: #32343a;
    margin-bottom: 50px;
}

[class^="head__block"] .block-description-2 {
    max-width: 350px;
    font-size: 20px;
    margin-bottom: 30px;
}

[class^="head__block"] .block__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #e63a42;
    border-radius: 50px;
    border: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.head__block .block-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50px;
    border: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.block-btn a {
    display: block;
    background: #230184;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
    padding: 15px 35px;
    /* max-width: 500px; */
    width: 100%;
    border-radius: 50px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.block-btn a:hover {
    background-color: var(--vzmakh-yellow-color);
    color: black;
}

.main__head .head-img {
    max-width: 700px;
    width: 100%;
}

.main__head .head__video {
    position: relative;
    width: 600px;
    height: 400px;
    border-radius: 15px;
    margin-top: auto;
}

.head__video .video-btn {
    position: absolute;
    width: 64px;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    cursor: pointer;
    z-index: 2;
}

.head__video .video-foto {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.head__video .video-clip {
    width: inherit;
    height: inherit;
    border: 0;
    aspect-ratio: 16 / 9;
}

/* Стили для head-carousel */
.main__head-carousel {
    padding: 80px 20px;
    max-width: 1400px;
    margin: 0 auto 50px;
}

.main__head-carousel .carousel__slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.carousel__slide .slide-image {
    position: relative;
    max-width: 850px;
    margin-top: 100px;
}

.carousel__slide .slide-title {
    font-size: var(--paragraph-size);
    font-weight: 700;
    line-height: var(--paragraph-line-height);
    text-align: var(--paragraph-text-align);
}

.slide-image img:first-child {
    width: 100%;
    max-height: 520px;
}

.slide-image img.circle {
    position: absolute;
    width: 200px;
    height: 200px;
    top: -100px;
    right: -100px;
}

.main__head-carousel .english__slider .owl-dots .owl-dot {
    margin-right: 20px;
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 30px;
    background-color: white;
}

.main__head-carousel .english__slider .owl-dots .owl-dot span {
    width: 100%;
    height: 100%;
    margin: 0;
    background: white;
    display: block;
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 30px
}

.main__head-carousel .english__slider .owl-dot.active span {
    background: var(--vzmakh-yellow-color);
}

/* welcome */
.main__welcome {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 75px;
    background-color: var(--college-yellow-color);
    /* padding: 232px 20px 200px; */
    width: 100%;
    padding: 20px;
    margin-bottom: 150px;
}

.main__welcome .welcome-london {
    position: absolute;
    top: -200px;
    max-width: 1100px;
    width: 95%;
}

.main__welcome .welcome-baloon {
    position: absolute;
    width: 200px;
    bottom: -150px;
}

.main__welcome .welcome__parents {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.welcome__parents .parents-img {
    max-width: 600px;
    width: 100%;
}

.welcome__parents .parents__block {
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 600px;
    color: var(--college-black-color);
}

.parents__block .block-title {
    font-size: var(--college-description-size);
    font-weight: 600;
}

.parents__block .block-description {
    font-size: 20px;
    text-align: justify;
}

.parents__block .block__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: var(--college-blue-color);
    border-radius: 50px;
    border: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.main__welcome .welcome__english {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    color: var(--college-black-color);
    width: 100%;
}

.welcome__english .english-cloud {
    position: absolute;
    background: url('./../img/lms.png') no-repeat center;
    width: 240px;
    height: 175px;
    right: 0;
    top: 200px;
    z-index: 2;
}

.english-cloud p {
    font-family: var(--ubuntu-font);
    font-size: 19px;
    text-align: center;
    color: var(--college-black-color);
    padding-top: 67px;
    margin-left: 10px;
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
}

.welcome__english .english-title {
    font-size: var(--college-title-size);
    line-height: 1;
    font-family: var(--ubuntu-font);
    text-align: center;
    margin-bottom: 15px;
}

.welcome__english .english-title span {
    border-bottom: 12px solid #fff;
}

.welcome__english .english-description {
    max-width: 1220px;
    font-size: 20px;
    text-align: justify;
    margin-bottom: 50px;
}

.welcome__english .english-carousel {
    max-width: 1220px;
}

.english-carousel .carousel-slide {
    max-width: 300px;
}

.carousel-slide .slide-text {
    margin-top: 20px;
    width: 100%;
    font-size: 20px;
}

.main__welcome .welcome-img {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    margin-bottom: var(--iq-mb-50);
}

.main__welcome .welcome-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: var(--iq-mb-50);
}

.main__welcome .welcome__description {
    position: relative;
    display: flex;
    gap: 30px;
    font-size: 25px;
}

.welcome__description .description-img {
    position: absolute;
    z-index: -1;
    right: 100px;
    width: 550px;
    top: -150px;
}

/* meet */
.main__meet {
    margin-bottom: var(--iq-mb-50);
}

.main__meet .meet-title {
    position: relative;
    background: url('./../img/iq/orange-box-bg.jpg');
    background-size: contain;
    box-shadow: 0 0 100px -30px rgba(0, 0, 0, 0.5);
    font-size: 40px;
    font-weight: 600;
    width: 100%;
    padding: 50px 40px;
    text-align: center;
}

.meet-title .title-robot {
    position: absolute;
    width: 300px;
    right: 20px;
    bottom: 20px;
}

.meet-title .title-bolt {
    position: absolute;
    top: -70px;
    left: 50px;
}

.main__meet .meet__block {
    display: flex;
    gap: 53px;
    padding: 40px;
    background-color: #230184;
}

.meet__block .block__info {
    display: flex;
    flex-direction: column;
    gap: 25px;
    max-width: 900px;
    width: 100%;
    color: #fff;
}

.block__info .info-title {
    font-size: 30px;
    font-weight: 700;
}

.block__info .info-subtitle {
    font-size: 25px;
    font-weight: 700;
}

.block__info .info-list {
    margin-top: -15px;
    padding-left: 20px;
}

.block__info .info-list li {
    margin-top: 15px;
    font-size: 20px;
}

.info-list li span {
    color: #f1b23c;
    font-weight: 700;
}

.block__info .info__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50px;
    border: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.info__btn a {
    display: block;
    background-color: var(--vzmakh-yellow-color);
    color: black;
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
    padding: 15px 35px;
    max-width: 590px;
    border-radius: 50px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.info__btn a:hover {
    background: var(--vzmakh-orange-color);
}

.meet__block .block-img {
    width: 600px;
    margin-bottom: auto;
}

@media screen and (max-width: 1600px) {
    .main__meet {
        padding-top: min(200px, calc(20px + calc(1600px - 100vw)));
    }

    .meet-title .title-robot {
        width: max(18.75%, 200px);
        bottom: min(200px, calc(20px + calc(1600px - 100vw)));
    }
}

@media screen and (max-width: 1500px) {
    .main__welcome {
        margin-bottom: max(50px, 10vw);
    }

    .section__routes>p:nth-child(6) img {
        display: none;
    }

    .main__graduates .graduates-robot {
        display: none;
    }
}

@media screen and (max-width: 1320px) {
    .main [class^="owl__carousel-"] {
        max-width: 910px;
    }
}

@media screen and (max-width: 1280px) {
    .main__welcome .welcome__description {
        flex-wrap: wrap;
        justify-content: center;
    }

    .welcome__description p {
        width: 600px;
    }

    .main__meet .meet__block {
        flex-direction: column-reverse;
        align-items: center;
    }

    .meet__block .block-img {
        max-width: 600px;
        width: 100%;
    }

    .block__info .info__btn {
        margin: 0 auto;
    }
}

/* Стили для perfect-school */
.main__perfect-school {
    margin: 0 auto 50px;
    padding: 0 20px;
    text-align: center;
    font-weight: 700;
}

.main__perfect-school .perfect-school__title {
    font-size: 35px;
    margin-bottom: 50px;
}

.main__perfect-school .perfect-school__description {
    font-family: var(--script-font);
    font-size: 35px;
}

.main__perfect-school .perfect-school__description span {
    color: bisque;
}

/* Стили для blocks */
.main__blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
    margin: 100px auto 50px;
    padding: 0 20px 50px;
}

.main__blocks .blocks-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 90px;
    width: 390px;
    padding: 20px;
    border-radius: 15px;
    transition: all 0.5s;
}

.main__blocks .blocks-item:hover {
    box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5);
}

.blocks-item .blocks-item__circle {
    position: relative;
    width: 350px;
    height: 350px;
    border-radius: 100%;
    background-color: #fff;
}

.blocks-item__circle :nth-child(2),
.blocks-item__circle :nth-child(3) {
    position: absolute;
}

/* картинки круга english college */
.blocks-item__circle .plane {
    width: 110px;
    top: -50px;
    left: 120px;
}

.blocks-item__circle .gorod {
    width: 230px;
    left: 60px;
    bottom: -50px;
}

/* картинки круга iq college */
.blocks-item__circle .shars {
    width: 130px;
    top: 0;
    right: 60px;
}

.blocks-item__circle .gorod2 {
    width: 100%;
    bottom: -70px;
}

/* картинки круга начальная школа */
.blocks-item__circle .krug2 {
    width: 50px;
    top: 0;
    right: 60px;
}

.blocks-item__circle .gorod3 {
    width: 220px;
    left: 65px;
    bottom: -50px;
}


.blocks-item__circle .circle-text {
    margin-top: 100px;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #000;
}

.blocks-item .blocks-item__description {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.blocks-item__description span {
    font-style: italic;
    color: bisque;
}

.blocks-item a {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    cursor: pointer;
}

@media screen and (max-width: 1200px) {
    .header__navigation .navigation__nav {
        max-width: 800px;
    }

    .navigation__nav .nav__list .nav__list-item {
        min-width: 150px;
    }

    .main__blocks .blocks-item {
        width: 350px;
    }

    .blocks-item .blocks-item__circle {
        width: 300px;
        height: 300px;
    }
}

@media screen and (max-width: 992px) {
    .header__navigation {
        flex-direction: column;
        align-items: center;
    }

    .header__navigation .navigation__menu {
        margin-top: 20px;
    }

    .navigation__nav .nav__list .nav__list-item {
        min-width: 130px;
    }

    .main__blocks .blocks-item {
        width: 300px;
    }

    .blocks-item .blocks-item__circle {
        width: 250px;
        height: 250px;
    }
}

@media screen and (max-width: 768px) {
    .header__navigation .navigation__menu {
        display: none;
    }

    .navigation__menu .menu-burger {
        display: block;
    }

    .navigation__nav .nav__list {
        display: none;
    }

    .navigation__nav .nav__list.active {
        display: block;
    }

    .navigation__nav .nav__list .nav__list-item {
        display: block;
        width: 100%;
        margin: 5px 0;
    }

    .main__blocks .blocks-item {
        width: 100%;
        max-width: 400px;
    }

    .blocks-item .blocks-item__circle {
        width: 200px;
        height: 200px;
    }
}

@media screen and (max-width: 576px) {
    .header__work-in-two-countries .work-in-two-countries__title {
        font-size: 35px;
    }

    .carousel__slide .slide-title {
        font-size: 30px;
    }

    .main__perfect-school .perfect-school__title {
        font-size: 28px;
    }

    .main__perfect-school .perfect-school__description {
        font-size: 28px;
    }

    .blocks-item .blocks-item__title {
        font-size: 28px;
    }

    .blocks-item .blocks-item__description {
        font-size: 18px;
    }

    .footer__column .column__title {
        font-size: 35px;
    }

    .footer__column .column__list-item a {
        font-size: 18px;
    }
}

/* Анимации */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideIn {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* стили для about-school */
.main__about-school {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    max-width: 1300px;
    padding: 0 20px;
    margin: 50px auto 0;
}

.main__about-school .about-school__description {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: justify;
    font-size: 20px;
}

.about-school__description .bottom-yellow-color {
    border-bottom: 3px solid var(--vzmakh-yellow-color);
}

.about-school__description .left-yellow-color {
    border-left: 10px double var(--vzmakh-yellow-color);
    padding-left: 15px;
}

.main__about-school .owl__carousel-2-1 {
    width: 100%;
    max-height: 400px;
    height: 100%;
    padding: 0 50px;
}

.main__about-school .owl__carousel-2-1 img {
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
}

.main__about-school .owl__carousel-2-1 .owl-nav {
    position: relative;
    pointer-events: none;
    margin: 0;
}

.main__about-school .owl__carousel-2-1 .owl-nav button {
    pointer-events: all;
    cursor: pointer;
    outline: none;
}

.main__about-school .owl__carousel-2-1 .owl-nav .owl-prev,
.main__about-school .owl__carousel-2-1 .owl-nav .owl-next {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(-275px);
    -ms-transform: translateY(-275px);
    transform: translateY(-275px);
    width: 50px;
    height: 100px;
    margin: 0;
    color: var(--vzmakh-orange-color);
}

.main__about-school .owl__carousel-2-1 .owl-nav .owl-prev {
    left: -50px;
}

.main__about-school .owl__carousel-2-1 .owl-nav .owl-next {
    right: -50px;
}

.main__about-school .owl__carousel-2-1 .owl-nav span {
    font-size: 100px;
    height: 100px;
}

.main__about-school .owl__carousel-2-1 .owl-nav .owl-prev:hover,
.main__about-school .owl__carousel-2-1 .owl-nav .owl-next:hover {
    background: none;
    color: #fff;
}

.main__about-school .about-school__btn {
    font-family: var(--open-sans-font);
    font-size: 20px;
    text-align: center;
    background-color: var(--vzmakh-yellow-color);
    border-radius: 50px;
    width: min(450px, 100%);
    font-weight: 700;
    border: none;
}

.main__about-school .about-school__group-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.main__about-school .about-school__btn a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    padding: 15px;
    border-radius: inherit;
    width: 100%;
}

.main__about-school .about-school__btn a:hover {
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.3);
}

.main__about-school .about-school__photos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

/* стили для modal_page */

.modal_page,
.modal_page-bitrix {
    border-radius: 10px;
    color: #32343a;
    position: fixed;
    display: none;
    top: 10% !important;
    max-height: 80%;
    border: 3px #ffc212 solid;
    /* border: 3px #989ca4 solid; */
    background: #fff;
    opacity: 0;
    z-index: 20;
    padding: 25px;
    font-size: 14pt;
    line-height: normal;
    overflow-y: auto;
}

.modal_page {
    width: 80%;
    left: 10%;
}

.modal_page-bitrix {
    width: 60%;
    left: 20%;
}

#modal-bitrix .bitrix-title {
    text-align: center;
    font-size: 25px;
    margin-bottom: 15px;
}

.modal_close {
    position: absolute;
    font-family: var(--open-sans-font);
    text-align: center;
    width: 21px;
    height: 21px;
    top: 10px;
    right: 10px;
    cursor: pointer;
    display: block;
}


/* MEDIA QUERIES */
@media screen and (max-width: 1500px) {
    .modal_page {
        width: 90%;
        left: 5%;
    }
}

@media screen and (min-width: 1300px) {
    .main__about-school .about-school__group-buttons {
        flex-direction: row;
        justify-content: center;
    }

    .about-school__btn.btn-group {
        width: min(400px, 100%);
    }
}

@media screen and (max-width: 1200px) {
    .main__about-school .owl__carousel-2-1 img {
        height: 350px;
    }

    .main__about-school .owl__carousel-2-1 .owl-nav .owl-prev,
    .main__about-school .owl__carousel-2-1 .owl-nav .owl-next {
        -webkit-transform: translateY(-240px);
        -ms-transform: translateY(-240px);
        transform: translateY(-240px);
    }

    .modal_page-bitrix {
        width: 720px;
        left: calc(calc(100% - 720px) / 2);
    }
}

@media screen and (max-width: 1140px) {
    .main__blocks {
        column-gap: 50px;
        row-gap: 35px;
    }
}

@media screen and (max-width: 1090px) {
    .carousel__slide .slide-image {
        margin-top: 0;
    }

    .slide-image img.circle {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    .main__about-school .owl__carousel-2-1 {
        width: min(600px, 100%);
    }
}

@media screen and (max-width: 790px) {
    .main__blocks .blocks-item {
        gap: 20px;
    }

    .blocks-item .blocks-item__circle {
        width: 100%;
        border-radius: 15px;
    }

    .blocks-item__circle .circle-text {
        margin-top: 30px;
    }

    .blocks-item__circle :nth-child(2) {
        display: none;
    }

    .blocks-item__circle .gorod {
        width: 250px;
        bottom: 20px;
    }

    .blocks-item__circle .gorod2 {
        width: calc(100% - 40px);
        bottom: 20px;
    }

    .blocks-item__circle .gorod3 {
        bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .main__head-carousel .english__slider .owl-dots .owl-dot {
        width: 15px;
        height: 15px;
    }

    .main__perfect-school .perfect-school__title {
        font-size: 30px;
        margin-bottom: 40px;
    }

    .main__perfect-school .perfect-school__description {
        font-size: 28px;
    }

    .modal_page,
    .modal_page-bitrix {
        top: 5% !important;
    }

    .modal_page-bitrix {
        width: 95%;
        left: 2.5%;
    }
}

@media screen and (max-width: 640px) {
    .main__about-school .about-school__photos {
        gap: 10px;
    }

    .about-school__photos img {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .main__head-carousel {
        padding: 50px 20px;
        max-width: 1400px;
        margin: 30px auto 0;
    }

    .main__perfect-school .perfect-school__title {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .main__perfect-school .perfect-school__description {
        font-size: 22px;
    }

    .main__blocks {
        margin-top: 50px;
    }

    .blocks-item .blocks-item__description {
        font-size: 18px;
    }

    .main__about-school {
        gap: 30px;
    }

    .main__about-school .owl__carousel-2-1 {
        padding: 0;
    }

    .main__about-school .owl__carousel-2-1 img {
        height: 250px;
        -o-object-position: top;
        object-position: top;
    }

    .modal_page {
        max-height: 90%;
    }

}

@media screen and (max-width: 520px) {
    .main__about-school .about-school__btn {
        font-size: 17px;
    }
}

@media screen and (max-width: 430px) {
    .main__blocks .blocks-item {
        width: 100%;
    }

    .blocks-item .blocks-item__circle {
        height: 325px;
    }

    .blocks-item__circle .gorod,
    .blocks-item__circle .gorod3 {
        width: 200px;
        left: calc(50% - 100px);
    }
}

@media screen and (max-width: 400px) {
    .main__perfect-school .perfect-school__description {
        font-size: 22px;
        max-width: 260px;
        margin: 0 auto;
    }
}

/* owl-carousel */

.main [class^="owl__carousel-"] {
    max-width: 1320px;
    padding: 0 50px;
    margin: 0 auto;
}

.main [class^="owl__carousel-"] .owl-nav {
    position: relative;
    pointer-events: none;
    margin: 0;
}

.main [class^="owl__carousel-"] .owl-nav button {
    pointer-events: all;
    cursor: pointer;
    outline: none;
}

.main [class^="owl__carousel-"] .owl-nav .owl-prev,
.main [class^="owl__carousel-"] .owl-nav .owl-next {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(-225px);
    -ms-transform: translateY(-225px);
    transform: translateY(-225px);
    color: var(--vzmakh-orange-color);
    width: 50px;
    height: 100px;
    margin: 0;
}

.main [class^="owl__carousel-"] .owl-nav .owl-prev {
    left: -50px;
}

.main [class^="owl__carousel-"] .owl-nav .owl-next {
    right: -50px;
}

.main [class^="owl__carousel-"] .owl-nav span {
    font-size: 100px;
    height: 100px;
}

.main [class^="owl__carousel-"] .owl-nav .owl-prev:hover,
.main [class^="owl__carousel-"] .owl-nav .owl-next:hover {
    background: none;
}

/* общие стили для карточек wednesday, tutor, routes, tools */
.main__sections [class^="section__"] {
    padding: 20px;
}

[class^="section__"] [class$="-title"] {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: var(--iq-font-title);
    font-weight: 700;
    color: #fd6130;
}

[class^="section__"] [class$="-title"]::before {
    content: "";
    background: url('./../img/iq/b1_bounce1.png');
    width: var(--iq-before-wh);
    height: var(--iq-before-wh);
    background-size: cover;
}

[class^="section__"] [class$="-title"]::after {
    content: "";
    width: var(--iq-after-wh);
    height: var(--iq-after-wh);
}

[class^="section__"] [class$="__card"] .item-reverse {
    flex-direction: var(--iq-column-reverse);
}

[class$="__card"] .card__item {
    display: flex;
    flex-direction: column;
    width: min(400px, 33%);
    box-shadow: 0 0 100px -30px rgba(0, 0, 0, 0.5);
}

.card__item .item-img {
    width: 100%;
}

.card__item .item__description {
    background-color: #fff;
    padding: 40px;
}

.item__description .description-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 25px;
}

.tools__card .card__item:nth-child(2) .description-list {
    margin-bottom: 61px;
}

.description-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    line-height: 15px;
    font-weight: 600;
    padding: 6px 15px;
    border-radius: 25px;
    color: #000;
}

.description-list li:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #000;
}

.description-list :nth-child(1) {
    background-color: #230184;
    color: #fff;
}

.description-list :nth-child(2) {
    background-color: #f1b23c;
}

.description-list :nth-child(3) {
    background-color: #ff7e00;
}

.description-list :nth-child(1):before {
    background-color: #fff;
}

.item__description .description-text {
    font-size: 19px;
}

/* wednesday */
.section__wednesday .wednesday-title::after {
    background: url('./../img/iq/koleso.png');
    background-size: cover;
}

.section__wednesday .wednesday__card {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background-image: url('./../img/iq/b6_bg.png');
    background-repeat: no-repeat;
    background-size: 500px;
    background-position: right top;
    margin-top: var(--iq-mt-70-minus);
}

[class$="__card"] .card__item:nth-child(1) li:nth-child(2) {
    margin-left: var(--iq-ml-40);
}

[class$="__card"] .card__item:nth-child(1) li:nth-child(3) {
    margin-left: var(--iq-ml-20);
}

[class$="__card"] .card__item:nth-child(2) li:nth-child(1) {
    margin-left: var(--iq-ml-60);
}

[class$="__card"] .card__item:nth-child(2) li:nth-child(3) {
    margin-left: var(--iq-ml-90);
}

[class$="__card"] .card__item:nth-child(3) li:nth-child(2) {
    margin-left: var(--iq-ml-70);
}

[class$="__card"] .card__item:nth-child(3) li:nth-child(3) {
    margin-left: var(--iq-ml-20);
}

.wednesday__card .card__item:nth-child(2n + 1) {
    margin-top: var(--iq-mt-270);
}

.card__item .item__description {
    background-color: #fff;
    padding: 40px;
}

.item__description .description-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 25px;
}

.description-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    line-height: 15px;
    font-weight: 600;
    padding: 6px 15px;
    border-radius: 25px;
    color: #212121;
}

.description-list li:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #212121;
}

.description-list :nth-child(1) {
    background-color: #230184;
    color: #fff;
}

.description-list :nth-child(2) {
    background-color: #f1b23c;
}

.description-list :nth-child(3) {
    background-color: #ff7e00;
}

.description-list .yellow-color {
    background-color: #f1b23c;
}

.description-list .yellow-color {
    background-color: #f1b23c;
}

.description-list :nth-child(1):before {
    background-color: #fff;
}

.item__description .description-text {
    font-size: 19px;
}

@media (max-width: 768px) {
    .description-list li {
        font-size: 15px;
        font-weight: 400;
    }
}

/* tutor */
.section__tutor {
    position: relative;
}

.section__tutor .section-img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 250px;
}

.section__tutor .tutor-title::after {
    background: url('./../img/iq/blue_koleco.png');
    background-size: cover;
}

.section__tutor .tutor__card {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background-image: url('./../img/iq/krug1_b6.png');
    background-repeat: no-repeat;
    background-size: 500px;
    background-position: left bottom;
    margin-top: var(--iq-mt-70-minus);
}

.tutor__card .card__item:nth-child(1) {
    margin-top: var(--iq-mt-130);
}

.tutor__card .card__item:nth-child(2) {
    margin-top: var(--iq-mt-190);
}

/* routes */
.section__routes .routes-title::after {
    background: url('./../img/iq/blue_koleco.png');
    background-size: cover;
}

.section__routes>p {
    font-size: 24px;
    text-align: justify;
}

.section__routes>p:nth-child(3),
.section__routes>p:nth-child(6) {
    padding: var(--iq-pl-pr-20);
}

.section__routes>p:nth-child(6) {
    position: relative;
}

.section__routes>p:nth-child(6) img {
    position: absolute;
    width: 150px;
    left: min(1550px, 80vw);
    top: -210px;
}

.section__routes .routes-box {
    margin: 40px -20px;
    padding: 40px;
    background: url('./../img/iq/orange-box-bg.jpg') no-repeat;
    background-size: cover;
}

.section__routes .routes-subtitle {
    font-size: 35px;
    font-weight: 700;
    text-align: left;
    margin: 40px 0;
}

.section__routes .routes__card {
    display: grid;
    grid-template-rows: repeat(17, 1fr);
    grid-template-columns: repeat(3, 1fr);
    max-width: 1200px;
    margin: 50px auto;
    background: url('./../img/iq/b8_bg.png') no-repeat center;
    background-size: 1000px;
}

.g1 {
    grid-area: 1 / 1 / 8 / 2;
}

.g2 {
    grid-area: 5 / 2 / 14 / 3;
}

.g3 {
    grid-area: 1 / 3 / 9 / 4;
}

.g4 {
    grid-area: 9 / 1 / 18 / 2;
}

.g5 {
    grid-area: 9 / 3 / 18 / 4;
}

.routes__card .card__item {
    width: 100%;
    height: fit-content;
}

.routes__card .item__text {
    padding: 35px;
    font-size: 20px;
    line-height: 140%;
    background-color: #fff;
}

.routes__card .card__item:nth-child(6) .item__text {
    padding-bottom: 19px;
}

.routes__card .item__text p {
    margin-top: 22px;
}

/* tools */
.section__tools .tools-title::after {
    background: url('./../img/iq/blue_koleco.png');
    background-size: cover;
}

.section__tools>p {
    font-size: 24px;
    text-align: justify;
}

.section__tools>p:nth-child(3) {
    padding: var(--iq-pl-pr-20);
}

.section__tools .tools-box {
    margin: 40px -20px;
    padding: 40px;
    background: url('./../img/iq/orange-box-bg.jpg') no-repeat;
    background-size: cover;
}

.section__tools .tools__card {
    position: relative;
    display: grid;
    grid-template-rows: repeat(17, 1fr);
    grid-template-columns: repeat(3, 1fr);
    max-width: 1200px;
    margin: 50px auto;
    background: url('./../img/iq/b8_bg.png') no-repeat center;
    background-size: 1000px;
}

.tools__card .card-img {
    position: absolute;
    width: 200px;
    right: 0;
    bottom: 70px;
}

.tools__card .card__item {
    width: 100%;
    height: fit-content;
}

.tools__card .card__item:nth-child(1) li:nth-child(1) {
    margin-left: min(var(--iq-ml-130));
}

.tools__card .card__item:nth-child(1) li:nth-child(2) {
    margin-left: 0;
}

.tools__card .card__item:nth-child(1) li:nth-child(3) {
    margin-left: var(--iq-ml-70);
}


.tools__card .card__item:nth-child(2) li:nth-child(1) {
    margin-left: var(--iq-ml-40);
}

.tools__card .card__item:nth-child(2) li:nth-child(2) {
    margin-left: var(--iq-ml-200);
}

.tools__card .card__item:nth-child(2) li:nth-child(3) {
    margin-left: 0;
}

.tools__card .card__item:nth-child(2) li:nth-child(4) {
    margin-left: var(--iq-ml-180);
}

.tools__card .card__item:nth-child(2) li:nth-child(2),
.tools__card .card__item:nth-child(4) li:nth-child(2) {
    background-color: #230184;
    color: #fff;
}

.tools__card .card__item:nth-child(2) li:nth-child(3),
.tools__card .card__item:nth-child(2) li:nth-child(4),
.tools__card .card__item:nth-child(4) li:nth-child(3),
.tools__card .card__item:nth-child(4) li:nth-child(4) {
    background-color: #f1b23c;
    color: #000;
}

.tools__card .card__item:nth-child(2) li:nth-child(2)::before,
.tools__card .card__item:nth-child(4) li:nth-child(2)::before,
.tools__card .card__item:nth-child(2) li:nth-child(4)::before,
.tools__card .card__item:nth-child(4) li:nth-child(4)::before {
    content: none;
}

.tools__card .card__item:nth-child(3) li:nth-child(2) {
    margin-left: var(--iq-ml-50);
}

.tools__card .card__item:nth-child(3) li:nth-child(3) {
    margin-left: var(--iq-ml-30);
}

.tools__card .card__item:nth-child(4) li:nth-child(1) {
    margin-left: var(--iq-ml-110);
}

.tools__card .card__item:nth-child(4) li:nth-child(2) {
    margin-left: var(--iq-ml-130);
}

.tools__card .card__item:nth-child(4) li:nth-child(3) {
    margin-left: 0;
}

.tools__card .card__item:nth-child(4) li:nth-child(4) {
    margin-left: var(--iq-ml-30);
}

/* projects */
.main__projects {
    margin-bottom: var(--iq-mb-50);
}

.main__projects .projects-title {
    background: url('./../img/iq/orange-box-bg.jpg');
    background-size: contain;
    box-shadow: 0 0 100px -30px rgba(0, 0, 0, 0.5);
    font-size: 40px;
    font-weight: 600;
    width: 100%;
    padding: 50px 40px;
    margin-bottom: var(--iq-mb-50);
}

.main__projects .projects__video {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 0 20px;
}

/* best */
.main__best {
    margin-bottom: var(--iq-mb-50);
}

.main__best .best-title {
    background: url('./../img/iq/orange-box-bg.jpg');
    background-size: contain;
    box-shadow: 0 0 100px -30px rgba(0, 0, 0, 0.5);
    font-size: 40px;
    width: 100%;
    padding: 50px 40px;
    margin-bottom: var(--iq-mb-50);
}

.main__best .best__card {
    margin-bottom: 30px;
}

.best-title :first-child {
    font-weight: 600;
    margin-bottom: 20px;
}

.best-title :last-child {
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}

.best__card .card-title {
    padding: 20px;
    background-color: #fcbd07;
    font-size: 30px;
    text-align: center;
}

.best__card .card__box {
    display: flex;
}

.card__box .box-img {
    margin-bottom: auto;
}

.card__box .box-text {
    padding: 20px;
    background-color: #ffe687;
    font-size: 25px;
    text-align: justify;
    max-width: 900px;
}

/* lessons */
.main__lessons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    margin-bottom: var(--iq-mb-50);
}

.main__lessons .lessons-title {
    background: url('./../img/iq/orange-box-bg.jpg');
    background-size: contain;
    box-shadow: 0 0 100px -30px rgba(0, 0, 0, 0.5);
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    width: 100%;
    padding: 50px 20px;
}

.main__lessons .lessons-carousel .owl-nav .owl-prev:hover,
.main__lessons .lessons-carousel .owl-nav .owl-next:hover {
    color: #000;
}

/* why */
.main__why {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 100px;
    /* margin: 200px 0 50px; */
    padding: 0 20px;
    margin-bottom: 50px;
}

.main__why .why-title {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    color: #ff0000;
    margin-bottom: 50px;
}

.main__why .why__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    justify-items: center;
    max-width: 1240px;
    margin: 0 auto;
}

.why__cards .cards__item {
    max-width: 400px;
    padding: 20px;
    box-shadow: 0 0 100px -30px rgba(0, 0, 0, 0.5);
}

.cards__item .item-icon {
    width: 60px;
    margin-bottom: 25px;
}

.cards__item .item-text {
    font-size: 25px;
}

.main__why .why__head {
    display: flex;
    gap: 30px;
    max-width: 1220px;
    width: 100%;
    justify-content: space-between;
}

.why__head .head__block1 {
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: flex-end;
}

.why__head .head__block1 .block1-title {
    font-size: var(--college-title-size);
    line-height: 1;
    font-family: var(--ubuntu-font);
    color: var(--college-black-color);
}

.why__head .head__block1 .block1-title span {
    display: block;
    width: max-content;
}

.why__head .head__block1 .block1-title span::after {
    position: relative;
    display: block;
    content: " ";
    height: 15px;
    background: #ffb711;
    top: -15px;
    z-index: -1;
}

.why__head .head__block1 .block1__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #e63a42;
    border-radius: 50px;
    border: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.block1__btn span {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    border-radius: inherit;
    padding: 15px 20px;
    transition: box-shadow 0.5s;
}

.block1__btn span::after {
    content: ' ';
    background: url('./../img/arrow-down.png') no-repeat center;
    float: right;
    width: 10px;
    height: 5.6px;
    margin: 10px 0 10px 10px;
}

.block1__btn.rotate-arrow span::after {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.block1__btn span:hover {
    box-shadow: 0 0 10px 0 var(--college-black-color);
}

.block1__btn span:active {
    background: var(--vzmakh-orange-color);
}

.why__head .head__block2 {
    background: url('./../img/photo1.jpg') no-repeat center;
    width: 600px;
    height: 380px;
    cursor: pointer;
}

.why__head .head__block2 p {
    opacity: 0;
    background-color: var(--college-yellow-color);
    font-size: 20px;
    color: var(--college-black-color);
    padding: 20px;
    height: 100%;
}

.why__head .head__block2:hover {
    background: none;
}

.why__head .head__block2:hover p {
    opacity: 1;
}

.main__why .why__baby {
    display: none;
}

.why__baby .baby-title {
    font-size: var(--college-description-size);
    font-weight: 600;
    margin-bottom: 50px;
}

.why__baby .baby__cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
    max-width: 1220px;
}

.baby__cards .cards-item {
    position: relative;
    max-width: 350px;
    width: 100%;
    padding: 15px 20px;
    cursor: pointer;
}

.baby__cards .cards-item .item-img-box {
    display: inline-flex;
    height: 75px;
}

.item-img-box img {
    max-height: 75px;
    margin-top: auto;
}

.baby__cards .cards-item .item-title {
    display: inline-flex;
    margin-top: 20px;
    font-size: 20px;
}

.baby__cards .cards-item:nth-child(3n + 1) .item-description {
    background: #ffa900e6
}

.baby__cards .cards-item:nth-child(3n + 2) .item-description {
    background: #ff425ce6;
    color: #fff;
}

.baby__cards .cards-item:nth-child(3n + 3) .item-description {
    background: #00abe4e6;
    color: #fff;
}

.baby__cards .cards-item .item-description {
    position: absolute;
    padding: 15px 20px;
    width: 100%;
    left: 50%;
    top: 50%;
    z-index: 5;
    opacity: 0;
    transition: opacity 0.5s;
    transform: translate(-50%, -50%);
}

.baby__cards .cards-item:hover .item-img-box,
.baby__cards .cards-item:hover .item-title {
    opacity: var(--hover-opacity);
}

.baby__cards .cards-item:hover .item-description {
    opacity: 1;
}

.main__why .why__create {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    width: 100%;
}

.why__create .create-title {
    font-size: 32px;
    color: var(--college-black-color);
    text-align: center;
}

.why__create .create-carousel {
    max-width: 1220px;
}

.create-carousel .carousel-slide {
    max-width: 605px;
}

.create-carousel .carousel-slide .slide-title {
    margin-top: 20px;
    font-size: 20px;
    font-weight: 600;
}

.create-carousel .carousel-slide .slide-text {
    margin-top: 20px;
    font-size: 20px;
}

.main__why .why__joy {
    position: relative;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    max-width: 1220px;
}

.why__joy .joy-cloud {
    position: absolute;
    background: url('./../img/lms3.png') no-repeat center;
    width: 272px;
    height: 199px;
    right: 15px;
    top: -100px;
    z-index: 2;
}

.why__joy .joy-red_baloon {
    position: absolute;
    width: 167px;
    left: -125px;
    top: 15%;
}

.why__joy .joy-blue_baloon {
    position: absolute;
    width: 199px;
    top: 25%;
    right: -5%;
}

.joy-cloud p {
    font-family: var(--ubuntu-font);
    font-size: 19px;
    text-align: center;
    color: var(--college-black-color);
    padding-top: 67px;
    margin-left: 25px;
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
}

.why__joy .joy-img {
    max-width: 100%;
}

.why__joy .joy-title {
    max-width: 900px;
    text-align: center;
    font-size: 28px;
}

.why__joy .joy__videos {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 40px 20px;
}

.joy__videos .videos__item {
    width: 580px;
}

.videos__item .item__block {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 100%;
}

.videos__item .item__block .block-btn {
    position: absolute;
    width: 64px;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    cursor: pointer;
    z-index: 2;
}

.videos__item .item__block .block-foto {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.videos__item .item__block .block-clip {
    width: inherit;
    height: inherit;
    border: 0;
    aspect-ratio: 16 / 9;
}

.videos__item .item-title {
    font-size: 20px;
    margin-top: 20px;
}

.main__why .why__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: var(--vzmakh-yellow-color);
    border-radius: 50px;
    border: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.why__btn a {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    border-radius: inherit;
    padding: 15px 20px;
    transition: all 0.5s;
}

.why__btn a:hover {
    background: var(--vzmakh-blue-color);
    color: #fff;
}

/* robots */
.main__robots {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    margin-bottom: 50px;
}

.main__robots .robots-wheel,
.main__robots .robots-robot {
    width: 160px;
}

.main__robots .robots-title {
    background: url('./../img/iq/orange-box-bg.jpg');
    background-size: contain;
    box-shadow: 0 0 100px -30px rgba(0, 0, 0, 0.5);
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    width: 100%;
    padding: 50px 20px;
}

.main__robots .robots__cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 0 20px;
}

.robots__cards img {
    max-width: 400px;
    width: 100%;
}

/* ecology */
.main__ecology {
    padding: 50px 20px;
    background-color: var(--vzmakh-yellow-color);
}

.main__ecology .ecology-description {
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 50px;
}

.main__ecology .ecology-carousel .owl-nav .owl-prev:hover,
.main__ecology .ecology-carousel .owl-nav .owl-next:hover {
    color: #fff;
}

/* two-objects */
.main__two-objects {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    padding: 50px 20px;
}

.main__two-objects .two-objects-wheel {
    position: absolute;
    width: 80px;
    right: 20px;
    top: 150px;
}

.main__two-objects .two-objects__description {
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
}

.main__two-objects> :nth-child(2) {
    font-size: 25px;
    max-width: 800px;
}

.main__two-objects> :nth-child(4) {
    font-size: 20px;
    max-width: 1400px;
}

.main__two-objects .two-objects__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50px;
    border: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.two-objects__btn a {
    display: block;
    background-color: var(--vzmakh-yellow-color);
    color: black;
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
    padding: 15px 35px;
    max-width: 590px;
    border-radius: 50px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.two-objects__btn a:hover {
    background: #230184;
    color: #fff;
}

/* mentors */
.main__mentors {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 40px;
    background-color: #230184;
}

.main__mentors .mentors-title {
    font-size: 50px;
    line-height: 1;
    font-family: var(--ubuntu-font);
    color: #fff;
    text-align: center;
}

.main__mentors .mentors__list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.mentors__list .list__item {
    max-width: 391px;
    position: relative;
}

.mentors__list .list__item a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.mentors__list .list__item img {
    max-width: 100%;
    transition: box-shadow 0.5s;
}

.mentors__list .list__item a:hover+img {
    box-shadow: 0 0 10px 3px #fff;
}

.mentors__list .list__item p {
    margin-top: 20px;
    color: #fff;
}

.mentors__list .list__item :nth-child(2) {
    font-size: 25px;
}

.mentors__list .list__item :nth-child(3) {
    font-size: 20px;
}

.main__mentors .mentors__description {
    max-width: 1200px;
    margin: 0 auto;
    background: url('./../img/iq/orange-box-bg.jpg');
    background-size: cover;
}

.mentors__description p {
    padding: 20px;
    text-align: center;
    font-size: 30px;
}

/* graduates */
.main__graduates {
    position: relative;
    padding: 50px 40px 0;
}

.main__graduates .graduates-robot {
    position: absolute;
    width: 200px;
    right: 20px;
    z-index: -1;
}

.main__graduates .graduates-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 40px;
}

.main__graduates .graduates-title::before {
    content: "";
    background: url('./../img/iq/b1_bounce1.png');
    background-size: cover;
    width: 30px;
    height: 30px;
}

.main__graduates .graduates__list {
    list-style: none;
    margin-left: 20px;
    max-width: 1280px;
}

.graduates__list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 30px;
    margin-bottom: 10px;
}

.graduates__list li::before {
    content: "";
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
}

.graduates__list li:nth-child(3n + 1)::before {
    background-color: #230184;
}

.graduates__list li:nth-child(3n + 2)::before {
    background-color: #febe07
}

.graduates__list li:nth-child(3n + 3)::before {
    background-color: #fe7e00;
}

.main__methodics {
    padding: 50px 20px;
    background-color: var(--vzmakh-yellow-color);
}

.main__methodics .methodics__block1 {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    align-items: center;
    margin-bottom: 50px;
}

.methodics__block1>* {
    width: min(575px, 100%);
}

.methodics__block1> :nth-child(1) {
    order: 2;
}

.methodics__block1> :nth-child(2) {
    order: 1;
}

.methodics__block1> :nth-child(3) {
    order: 4;
}

.methodics__block1> :nth-child(4) {
    order: 3;
}

.methodics__block1> :nth-child(5) {
    order: 6;
}

.methodics__block1> :nth-child(6) {
    order: 5;
}

.methodics__block1 .block1__video {
    position: relative;
    max-height: 327px;
}

.methodics__block1 .block1__text {
    color: var(--college-black-color);
}

.block1__text .text-quotes {
    margin-bottom: 20px;
}

.block1__text .text-title {
    font-family: var(--ubuntu-font);
    font-size: var(--college-title-size);
    font-weight: 600;
    margin-bottom: 50px;
}

.block1__text .text-description {
    font-size: 20px;
}

.block1__video .video-btn {
    position: absolute;
    width: 64px;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    cursor: pointer;
    z-index: 2;
}

.block1__video .video-foto {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.block1__video .video-clip {
    width: inherit;
    height: inherit;
    border: 0;
    aspect-ratio: 16 / 9;
}

.main__methodics .methodics__block2 {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px;
    max-width: 1200px;
    margin: 0 auto;
}

.methodics__block2 .block2__description {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 350px;
    font-size: 20px;
}

.block2__description :first-child,
.block2__description :last-child {
    font-weight: 600;
}

.methodics__block2 .block2__videos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    width: 800px;
}

.block2__videos .videos__item {
    width: 390px;
}

.main__information {
    margin: 75px auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
}

.main__information .information-title {
    font-size: var(--college-title-size);
    line-height: 1;
    font-family: var(--ubuntu-font);
    color: var(--college-black-color);
    text-align: center;
}

.main__information .information-title span {
    display: inline-block;
    width: max-content;
}

.information-title span::after {
    position: relative;
    display: block;
    content: " ";
    height: 15px;
    background: #ffb711;
    top: -15px;
    z-index: -1;
}

.main__information .information__buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 25px 50px;
}

.information__buttons .buttons__btn {
    width: 300px;
    border: 1px solid #ed1b25;
    border-radius: 25px;
    background: none;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin: 0 auto;
}



.information__buttons .buttons__btn a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 25px;
    text-decoration: none;
    color: #000;
}

.information__buttons .buttons__btn:hover {
    background: #ed1b25;
}

.information__buttons .buttons__btn:hover a {
    color: #fff;
}

.information__buttons .buttons__btn.--single {
    width: auto;
    background: #ed1b25;
    font-size: 42px;
    border-radius: 35px;
}

.information__buttons .buttons__btn.--single a {
    color: #fff;
}

.information__buttons .buttons__btn.--single:hover {
    background: none;
}

.information__buttons .buttons__btn.--single:hover a {
    color: #000;
}

.main__after {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    padding: 75px 20px;
    background-color: #ffae12;
}

.main__after>* {
    max-width: 1220px;
    text-align: center;
    font-size: 20px;
}

.main__after .after-title {
    font-size: var(--college-title-size);
    line-height: 1;
    font-family: var(--ubuntu-font);
    color: var(--college-black-color);
}

.main__after .after-description-1 {
    position: relative;
    max-width: 800px;
}

.after-description-1 .description-cloud {
    position: absolute;
    width: 196px;
    right: -27%;
    top: 50%;
    z-index: 2;
}

.main__after .after-description-2 {
    position: relative;
    max-width: 600px;
}

.after-description-2 .description-cloud {
    position: absolute;
    width: 196px;
    top: 50%;
    left: -52%;
    z-index: 2;
}

.main__after .after-carousel {
    max-width: 1220px;
}

.after-carousel .carousel-slide {
    max-width: 605px;
}

.main__after .after__videos {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

.after__videos .videos__item {
    max-width: 600px;
    width: 100%;
    position: relative;
}

.videos__item .block-btn {
    position: absolute;
    width: 64px;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    cursor: pointer;
    z-index: 2;
}

.videos__item .block-foto {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.videos__item .block-clip {
    width: inherit;
    height: inherit;
    border: 0;
    aspect-ratio: 16 / 9;
}


.main__secrets {
    background: #ffc212;
    padding: 80px 20px;
}

.main__secrets .secrets__title {
    font-size: 32px;
    text-align: center;
    color: #32343a;
}

.main__secrets .secrets__blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin: 70px auto 0;
    max-width: 1100px;
}

.secrets__blocks .blocks-item {
    max-width: 360px;
    margin-bottom: 50px;
}

.blocks-item .item-circle {
    width: 125px;
    height: 125px;
    margin: 0 auto;
    border-radius: 50%;
    text-align: center;
    line-height: 125px;
    font-size: 52px;
    font-weight: 700;
    color: #ec3f28;
    background: #fff;
}

.blocks-item:nth-child(1) .item-circle::after,
.blocks-item:nth-child(2) .item-circle::after {
    background: #fb9f0f;
    content: ' ';
    width: 105px;
    height: 3px;
    display: block;
    position: relative;
    left: 190px;
    top: -60px;
}

.blocks-item .item-description {
    margin-top: 35px;
    font-size: 16px;
    color: #383838;
    line-height: 26px;
}

@media screen and (max-width: 1500px) {
    .why__joy .joy-red_baloon {
        width: 150px;
        left: -75px;
    }

    .why__joy .joy-blue_baloon {
        width: 150px;
        right: -75px;
    }
}

@media screen and (max-width: 1350px) {
    .why__joy .joy-red_baloon {
        left: 0;
    }

    .why__joy .joy-blue_baloon {
        right: 0;
    }
}

@media screen and (max-width: 1260px) {
    .main__head {
        margin-bottom: 250px;
    }

    .main__head .head__block-2 {
        display: flex;
        flex-direction: column;
    }

    .main__head .head-baloon {
        top: -150px;
    }

    .main__head .head-plane {
        width: 200px;
        left: auto;
        right: 200px;
    }

    .why__baby .baby-title {
        text-align: center;
    }

    .head__block .block-title {
        text-align: center;
    }

    .head__block .block-title span {
        margin: 0 auto;
    }

    .head__block .block-description-1 {
        text-align: center;
        margin-bottom: 0;
    }

    .head__block .block-description-2,
    .head__block .block__btn {
        display: none;
    }

    .welcome__parents .parents__block {
        max-width: 680px;
    }

    .parents__block .block-title {
        text-align: center;
    }

    .welcome__english .english-description {
        max-width: 680px;
    }

    .welcome__english .english-carousel {
        max-width: 915px;
    }

    .main__why .why__head {
        flex-direction: column-reverse;
        align-items: center;
    }

    .why__head .head__block1 {
        align-items: center;
    }

    .why__head .head__block1 .block1-title {
        text-align: center;
    }

    .why__head .head__block1 .block1-title span {
        margin: 0 auto;
    }

    .why__create .create-carousel,
    .main__after .after-carousel {
        max-width: 605px;
    }

    .why__joy .joy-red_baloon,
    .why__joy .joy-blue_baloon,
    .after-description-1 .description-cloud,
    .after-description-2 .description-cloud {
        display: none;
    }

    .methodics__block2 .block2__description {
        max-width: 575px;
        width: 100%;
    }

    .main__after .after__videos {
        gap: 21px;
    }
}

@media screen and (max-width: 1240px) {
    .main__methodics .methodics__block1 {
        flex-direction: column;
    }

    .methodics__block1> :nth-child(1n) {
        order: 1;
    }

    .block1__text .text-title {
        text-align: center;
    }
}

@media screen and (max-width: 1220px) {
    .modal_page-bitrix {
        width: 720px;
        left: calc(calc(100% - 720px) / 2);
    }

}

@media screen and (max-width: 1160px) {
    .main__welcome {
        padding-top: 20vw;
    }

    .main__welcome .welcome-london {
        top: -17.3vw;
    }

    .welcome__english .english-cloud,
    .why__joy .joy-cloud {
        display: none;
    }

    .welcome__english .english-description {
        margin-bottom: 0;
    }

    .main__why .why__joy {
        margin-top: 0;
    }
}

@media screen and (max-width: 1100px) {

    .blocks-item:nth-child(1) .item-circle::after,
    .blocks-item:nth-child(2) .item-circle::after {
        content: none;
    }
}

@media screen and (max-width: 955px) {
    .welcome__english .english-carousel {
        max-width: 610px;
    }

    .welcome__english .english-carousel img {
        height: 450px;
    }

    .welcome__english .english-carousel .owl-nav {
        top: 197.5px;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --college-title-size: 56px;
    }

    .main__welcome {
        padding-bottom: 150px;
    }

    .main__welcome .welcome-baloon {
        position: absolute;
        width: 150px;
        bottom: -110px;
    }

    .main__why {
        margin-top: 150px;
    }

    .information__buttons .buttons__btn.--single {
        font-size: 35px;
    }

    .why__create .create-title {
        font-size: 28px;
    }

    .why__joy .joy-title {
        font-size: 26px;
    }

    .modal_page,
    .modal_page-bitrix {
        top: 5% !important;
    }

    .modal_page-bitrix {
        width: 95%;
        left: 2.5%;
    }
}

@media screen and (max-width: 650px) {
    .welcome__english .english-carousel {
        max-width: 305px;
    }
}

@media screen and (max-width: 640px) {
    .main__head {
        gap: 25px;
    }

    .main__head [class^="head__block"] {
        max-width: none;
    }

    .main__head .head__video {
        width: 100%;
    }

    .why__head .head__block2 {
        width: 93.75vw;
        height: 59.375vw;
        background-size: contain;
    }

    .why__create .create-carousel .owl-nav {
        top: 25vw;
    }
}

@media screen and (max-width: 620px) {
    .joy__videos .videos__item {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    :root {
        --college-title-size: 48px;
        --hover-opacity: 1;
    }

    .main__head {
        margin: 50px auto;
    }

    .main__head .head-baloon,
    .main__head .head-plane,
    .main__welcome .welcome-london,
    .main__welcome .welcome-baloon {
        display: none;
    }

    .main__head .head__video {
        height: calc(100vw / 1.5);
    }

    .main__welcome {
        gap: 50px;
        padding: 50px 20px;
    }

    .welcome__english .english-title span {
        border-bottom-width: 10px;
    }

    .block__btn {
        margin: 0 auto;
    }

    .main__why {
        margin-top: 50px;
        gap: 50px;
    }

    .why__head .head__block2 {
        display: none;
    }

    .baby__cards .cards-item {
        position: static;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        max-width: none;
        cursor: auto;
        padding: 0;
    }

    .baby__cards .cards-item .item-title {
        margin: 0;
        text-align: center;
    }

    .baby__cards .cards-item .item-description {
        position: static;
        opacity: 1;
        transform: none;
        background: none;
        color: #000;
        text-align: justify;
    }

    .main__why .why__create {
        gap: 30px;
    }

    .why__create .create-title {
        font-size: 26px;
    }

    .why__joy .joy-title {
        font-size: 24px;
    }

    .block1__text .text-title {
        margin-bottom: 25px;
    }

    .block1__text .text-description {
        text-align: justify;
    }

    .main__information {
        margin: 50px auto;
    }

    .information__buttons .buttons__btn.--single {
        font-size: 24px;
    }

    .main__secrets {
        padding: 50px 20px 0;
    }

    .blocks-item .item-circle {
        width: 100px;
        height: 100px;
        line-height: 100px;
    }
}

@media screen and (max-width: 500px) {
    :root {
        --college-title-size: 40px;
        --college-description-size: 24px;
    }

    .block2__videos .videos__item,
    .information__buttons .buttons__btn {
        width: 100%;
    }

    .card-wrapper .card-map {
        height: 250px;
    }
}

.section-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    margin: 50px auto;
    max-width: 1280px;
}

.header-nav {
    margin: 0 auto;
}

.header-nav,
.header_slide-wrapper {
    width: 100%;
}

/* общие стили END */


/* cтили для карусели 1 START */
.header_slide-wrapper .banner_slide {
    background-size: cover;
    height: 650px;
    background-repeat: no-repeat;
}

.header_slide-wrapper .god35 {
    position: absolute;
    background-image: url('./../img/iq/35let.png');
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 10px;
    right: 10px;
    width: 200px;
    height: 150px;
}

.header_slide-wrapper .slide_content {
    padding: 50px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.header_slide-wrapper .slide_content h2 {
    width: 60%;
}

.header_slide-wrapper .slide_content span {
    width: 400px;
    color: #fff;
    font-size: 34px;
    padding: 10px;
    background-color: #0f4c81;
    border-left: 20px solid #eda71c;
}

.header_slide-wrapper .slide_content h2 {
    font-family: 'Inter', sans-serif;
    font-size: 50px;
    color: #fff;
    padding: 0;
}

/* cтили для карусели 1 END */


/* MEDIA QUERIES --- START */
@media screen and (max-width: 1320px) {
    .section-header {
        margin: 50px 20px;
    }
}

@media screen and (max-width: 1200px) {
    .header_slide-wrapper .slide_content {
        padding: 25px;
    }

    .header_slide-wrapper .slide_content h2 {
        font-size: 35px;
    }
}

@media screen and (max-width: 768px) {
    .header_slide-wrapper .god35 {
        width: 150px;
        height: 100px;
    }

    .header_slide-wrapper .slide_content span,
    .header_slide-wrapper .slide_content h2 {
        font-size: 25px;
    }
}

@media screen and (max-width: 550px) {
    .section-header {
        gap: 35px;
        margin: 25px 20px 50px;
    }

    .header_slide-wrapper .slide_content span {
        width: 100%;
        font-size: 20px;
    }

    .header_slide-wrapper .slide_content .slide_buttons {
        align-items: center;
    }

    .header_purpose-school {
        margin: 15px auto 0;
    }

    .header_purpose-school {
        gap: 25px;
    }

    .header_purpose-school h1 {
        font-size: 45px;
    }

    .header_purpose-school h2 {
        font-size: 28px;
    }

    .purpose-school_buttons a {
        width: 100%;
        margin: 5px;
    }
}

/* общие стили END */


/* стили для блока наши филиалы START */
.our-filials {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}

.our-filials_title h2 {
    width: 100%;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 800;
    font-size: 60px;
    line-height: 136.2%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-align: center;
    text-wrap: balance;
    color: #545454;
    padding: 0;
    margin: 0 auto;
}

.description-nav {
    margin: 50px 0;
}

.description-nav ul {
    list-style-type: none;
}

.description-nav-list {
    display: flex;
    gap: 20px;
}

.description-nav-item {
    display: inline-block;
    width: 190px;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    border-radius: 50px;
    background-color: #0F4C81;
    color: #fff;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    cursor: pointer;
}

.description-nav-item.bitrix-btn {
    padding: 0;
}

.description-nav-item a {
    display: flex;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    width: 100%;
    padding: 10px 0;
}

.description-nav-item:nth-child(2) {
    background-color: #ff6006;
}

.description-nav-item:last-child {
    background-color: #d61806;
}

.description-nav-item:hover {
    transition: 0.4s;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25), 0 4px 4px rgba(0, 0, 0, 0.22);
}

.description-content {
    display: flex;
    gap: 20px;
}

.description-content p {
    font-family: 'Inter', sans-serif;
    font-size: 25px;
    text-align: justify;
    min-width: 560px;
}

.description-content p span {
    display: block;
    margin-top: 20px;
    text-align: start;
    font-weight: 600;
}

.description-content p,
.description-content .content-img {
    width: 50%;
    height: 100%;
}

.description-content .content-img img {
    width: 100%;
    max-height: 450px;
}

.our-filials_description .content,
.our-filials_maps .content {
    display: none;
}

.our-filials_description .content_active,
.our-filials_maps .content_active {
    display: block;
}

.our-filials_maps {
    margin: 50px auto;
    height: 400px;
    width: min(1000px, 100%);
}

.our-filials_maps .map-card {
    height: 100%;
}

/* стили для блока наши филиалы END */

/* стили для блока про coциальные сети START */
.social-web {
    display: flex;
    gap: 20px;
    max-width: 1280px;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    background-color: #336794;
}

.social-web_description {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 700px;
}

.social-web_description h2 {
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    font-size: 50px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    color: #fff;
}

.social-web_description p {
    font-size: 40px;
    color: #fff;
}

.social-web_icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.social-web_icons img {
    width: 70px;
}

/* стили для блока про coциальные сети END */

/* MEDIA QUERIES --- START */
@media screen and (max-width: 1700px) {
    .skate_girl {
        top: -125px;
    }

    .dots_cube {
        bottom: 100px;
        right: calc(70% + 275px);
    }

    .devushka_sidit {
        top: 30px;
    }
}

@media screen and (max-width: 1240px) {

    .morozova-video .morozova-img,
    .pisarev-video .pisarev-img,
    .timina-video .timina-img {
        width: 400px;
    }

    .pisarev-content {
        margin: 100px auto;
    }

    .morozova-text h3,
    .pisarev-text h3,
    .timina-text h3 {
        font-size: 40px;
    }

}



@media screen and (max-width: 1040px) {

    .morozova {
        height: auto;
    }

    .morozova-content {
        flex-direction: column;
        align-items: center;
        margin: 150px auto 50px;
    }

    .pisarev-content,
    .timina-content {
        flex-direction: column-reverse;
        align-items: center;
    }

    .devushka_sidit {
        top: 0;
    }

    .timina-text {
        margin-top: 0;
    }
}

@media screen and (max-width: 1000px) {
    .description-nav-list {
        justify-content: center;
    }

    .description-content {
        flex-direction: column-reverse;
        align-items: center;
    }

    .description-content p {
        width: 100%;
        min-width: auto;
    }

    .description-content p span {
        text-align: center;
    }

    .description-content .content-img {
        width: min(700px, 100%);
    }

    .our-filials_maps {
        margin: 25px auto;
        height: 300px;
    }

}


@media screen and (max-width: 960px) {
    .social-web {
        flex-direction: column;
        align-items: center;
    }

    .social-web_description {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {

    .box-for-three_item,
    .box-for-two_item {
        width: 450px;
    }

    .social-web_description h2 {
        font-size: 40px;
        text-align: center;
    }

    .social-web_description p {
        font-size: 30px;
        text-align: center;
    }
}

@media screen and (max-width: 700px) {
    .description-nav {
        margin: 25px 0;
    }

    .description-nav-list {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .description-nav-item {
        width: min(250px, 100%);
        padding: 10px 0;
    }
}

@media screen and (max-width: 600px) {

    .morozova-content {
        margin-top: 100px;
        gap: 25px;
    }

    .pisarev-content {
        margin: 50px auto;
        gap: 25px;
    }

    .timina-content {
        margin-top: 150px;
        gap: 25px;
    }

    .morozova-text,
    .pisarev-text {
        margin-top: 0;
    }

    .morozova-text h3,
    .pisarev-text h3,
    .timina-text h3 {
        font-size: 30px;
        line-height: 30px;
    }

    .morozova-text .description,
    .pisarev-text .description,
    .timina-text .description {
        font-size: 20px;
    }

    [class^="ege-description-column-"] p {
        font-size: 20px;
    }

    .peoples_background {
        margin: 50px auto 0;
    }

    .description-content p {
        font-size: 20px;
    }

    .our-filials_maps {
        height: 250px;
    }

    .social-web_description h2 {
        font-size: 35px;
    }

    .social-web_description p {
        font-size: 25px;
    }
}

/* стили feedback */

:root {
    --feed-title-one: 28px;
    --feed-title-two: 60px;
    --feed-description-one: 18px;
    --feed-description-two: 16px;
    --feed-description-three: 32px;
    --feed-description-margin-top: 20px;
}

#feedback,
#feedback2,
#feedback3,
#feedback4,
#feedback5,
#feedback6,
#feedback7,
#feedback8,
#feedback9,
#feedback22,
#feedback44,
#feedback55,
#feedback78,
#feedback88,
#feedback89,
#feedback122,
#feedback666 {
    display: none;
    width: 100%;
    height: 100%;
}

#feedback10,
#feedback11,
#feedback12,
#feedback13,
#feedback14,
#feedback15,
#feedback16,
#feedback17,
#feedback18 {
    width: 800px;
    display: none;
}

#feedback77 {
    overflow: hidden;
    display: none;
    width: 70%;
    height: 80%;
    padding: 0;
}

#feedback4 h2,
#feedback5 h2,
#feedback6 h2,
#feedback7 h2,
#feedback8 h2,
#feedback9 h2,
#feedback10 h2,
#feedback11 h2,
#feedback12 h2,
#feedback13 h2,
#feedback14 h2,
#feedback15 h2,
#feedback16 h2,
#feedback17 h2,
#feedback18 h2,
#feedback55 h2,
#feedback77 h2,
#feedback666 h2 {
    font-size: var(--feed-title-one);
}

#feedback h2,
#feedback2 h2,
#feedback3 h2,
#feedback22 h2,
#feedback44 h2,
#feedback88 h2,
#feedback89 h2,
#feedback122 h2 {
    font-size: var(--feed-title-two);
    line-height: 1.1;
}

#feedback .corus,
#feedback2 .corus,
#feedback3 .corus,
#feedback22 .corus,
#feedback44 .corus,
#feedback88 .corus,
#feedback89 .corus,
#feedback122 .corus,
#feedback666 .corus {
    margin-top: 60px;
}

#feedback .corus,
#feedback2 .corus,
#feedback3 .corus,
#feedback22 .corus,
#feedback44 .corus,
#feedback88 .corus,
#feedback89 .corus,
#feedback122 .corus {
    margin-bottom: 200px;
}

#feedback4 .corus,
#feedback5 .corus,
#feedback6 .corus,
#feedback7 .corus,
#feedback8 .corus,
#feedback9 .corus,
#feedback10 .corus,
#feedback11 .corus,
#feedback12 .corus,
#feedback13 .corus,
#feedback14 .corus,
#feedback15 .corus,
#feedback16 .corus,
#feedback17 .corus,
#feedback18 .corus,
#feedback55 .corus,
#feedback77 .corus {
    margin-top: 20px;
}

#feedback3 p,
#feedback89 p {
    text-align: justify;
    font-size: var(--feed-description-one);
    line-height: 1.2;
    font-family: "Inter", sans-serif;
    margin-top: var(--feed-description-margin-top);
}

#feedback4 p,
#feedback5 p,
#feedback6 p,
#feedback7 p,
#feedback8 p,
#feedback9 p,
#feedback10 p,
#feedback11 p,
#feedback12 p,
#feedback13 p,
#feedback14 p,
#feedback15 p,
#feedback16 p,
#feedback17 p,
#feedback18 p,
#feedback55 p,
#feedback77 p,
#feedback666 p {
    text-align: justify;
    font-size: var(--feed-description-two);
    line-height: 1.2;
    font-family: "Inter", sans-serif;
    margin-top: var(--feed-description-margin-top);
}

#feedback p,
#feedback2 p,
#feedback3 p,
#feedback22 p,
#feedback44 p,
#feedback88 p,
#feedback89 p,
#feedback122 p {
    text-align: justify;
    font-size: var(--feed-description-three);
    line-height: 1.2;
    font-family: "Inter", sans-serif;
    margin-top: var(--feed-description-margin-top);
}

#feedback22 .qr {
    width: 100%;
    margin-top: 30px;
}

#feedback22 .qr img {
    display: block;
    margin: 0 auto;
}

#feedback55 td {
    padding: 5px;
    border: solid 1px;
    border-collapse: collapse;
}

#feedback77 .fancybox-button svg {
    color: white;
}

.fancybox-button svg:hover {
    background: none;
    outline: none;
}

#feedback89 .eco_content_txt {
    width: 100%;
}

#feedback89 table {
    border: 1px solid black;
    border-collapse: collapse;
}

@media screen and (max-width: 1024px) {
    :root {
        --feed-title-two: 50px;
        --feed-description-three: 28px;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --feed-title-two: 45px;
        --feed-description-three: 25px;
    }
}

@media screen and (max-width: 600px) {
    :root {
        --feed-title-two: 35px;
        --feed-description-three: 20px;
    }

    [id^="feedback"] {
        padding: 40px 20px 20px;
    }
}

@media screen and (max-width: 588px) {
    #feedback22 .qr img {
        width: 100%;
    }
}

.fancybox-slide--html [id^="feedback_"] .fancybox-close-small {
    width: 70px;
    height: 70px;
}

[id^="feedback_"] {
    display: none;
    max-width: 1280px;
    margin: 50px auto;
    /* padding: 40px; */
    padding: 80px;
}

[id^="feedback_"] .feedback_container,
[id^="feedback_"] .container_description {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

[id^="feedback_"] .container_title h2 {
    width: 100%;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 800;
    font-size: 60px;
    line-height: 1;
    text-align: center;
    color: #545454;
    padding: 0;
    margin: 0 auto;
}

[id^="feedback_"] .container_description p {
    font-family: 'Inter', sans-serif;
    font-size: 25px;
    text-align: justify;
}

[id^="feedback_"] .container_foto {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: center;
    margin: 20px 0;
}

[id^="feedback_"] .container_foto img {
    width: calc(50% - 12.5px);
    aspect-ratio: 3 / 2;
}

[id^="feedback_"] .container_cards {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

.container_cards .cards_content {
    width: 100%;
    height: 400px;
    display: flex;
    gap: 20px;
}

.cards_content img {
    width: 300px;
    max-height: 400px;
    height: 100%;
}

[id^="feedback_"] .cards_content-description {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cards_content-description h3 {
    width: 100%;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 50px;
    text-align: center;
    padding: 0;
}

.cards_content-description p {
    font-family: 'Inter', sans-serif;
    font-size: 21px;
    text-align: justify;
}

.container_results {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.container_results h3 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 40px;
    text-align: center;
    padding: 0;
}

.container_results table {
    border-collapse: collapse;
}

.container_results table tr th,
.container_results table tr td {
    font-size: 16px;
    padding: 10px 12px;
    border: 1px solid black;
    text-align: center;
    border-collapse: collapse;
}

.container_results-table-1 tr th {
    font-weight: normal;
}

.container_results-table-2 {
    display: none;
}

.container_results-table-2 tr {
    width: 50%;
}

.container_cards.container_cards--autoheight .cards_content {
    height: auto;
}


/* MEDIA QUERIES --- START */
@media screen and (max-width: 1320px) {
    [id^="feedback_"] {
        margin: 50px 20px;
    }
}

@media screen and (max-width: 1050px) {
    .cards_content-description h3 {
        font-size: 45px;
    }
}

@media screen and (max-width: 1040px) {
    [id^="feedback_"] .container_title h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 1000px) {
    .container_cards .cards_content {
        height: auto;
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 960px) {
    .container_results-table-1 {
        display: none;
    }

    .container_results-table-2 {
        display: table;
    }
}

@media screen and (max-width: 768px) {
    [id^="feedback_"] {
        padding: 50px 20px 20px;
    }

    [id^="feedback_"] .container_description p,
    .cards_content-description p {
        font-size: 20px;
    }
}

@media screen and (max-width: 620px) {
    [id^="feedback_"] .container_foto img {
        width: 100%;

    }
}

@media screen and (max-width: 600px) {
    [id^="feedback_"] {
        margin: 0;
    }

    [id^="feedback_"] .container_title h2 {
        font-size: 40px;
    }

    .cards_content-description h3,
    .container_results h3 {
        font-size: 35px;
    }
}