




  
@media(max-width:1440px) {
    /* Блок с лидерами */

    .leaders {
        grid-area: leaders;
        /* height: 100vh; */
        background: linear-gradient(135.00deg, #F800B6, var(--fon1));

    }

    .leaders_content {
        display: grid;
        grid-template-columns: repeat(3, 350px);
        grid-template-rows: 1fr;
        grid-column-gap: 50px;
        margin: 0 auto;
        justify-content: center;
        width: 1000px;



    }

    /* все связанное с карточками */
    .card1,
    .card2,
    .card3 {
        width: 300px;
        margin: 0 auto;
        height: 550px;
        background: rgba(75, 72, 72, 0.26);
        border-radius: 20px;
        box-shadow: 16px 16px 30px 11px rgba(255, 255, 255, 0.3);
    }

    .card_type {
        padding: 40px;
        padding-top: 250px;
        background-position: 50% 10%;
        background-repeat: no-repeat;
        background-size: 200px;

    }

  
    .card_type h3 {
        font-family: Montserrat-bold;
        font-size: 14px;
        text-align: center;
        color: #FFFFFF;
    }

    .card_type P {
        font-family: Montserrat-regular;
        font-size: 25px;
        text-align: center;
        color: #FFFFFF;
    }

    .card_type_icon1 {
        background-image: url(../image/SVG/directors/Ekaterina_sergeevna.svg )
    }

    .card_type_icon2 {
        background-image: url(../image/SVG/directors/IRINA_ALEKS.svg )

    }

    .card_type_icon3 {
        background-image: url(../image/SVG/directors/Tatiana_Andr.svg )}

    /* Уменьшение размера карточек карусели */


    .cards {
        display: grid;
        grid-template-columns: repeat(3, 350px);
        grid-template-rows: 1fr;
        max-width: 1200px;
        grid-gap: 40px;
        margin: 0 auto;
        justify-content: center;


    }

    .card_direction {
        padding: 50px 0 50px 0;
    }

    .card_direction_1 {
        width: 350px;
        height: 220px;
        background-color: #1420DF;
        border-radius: 40px;
        position: relative;
        box-shadow: 16px 16px 30px 11px rgba(255, 255, 255, 0.25);
    }

    .cards2 {
        display: none;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        width: 90%;
        grid-gap: 40px;
        margin: 0 auto;
    }


    .margin {
        padding-top: 30px;
    }


    /* наполнение синей карточки */
    .color_blue {
        background-color: #214FE2;
    }

    .color_blue h3 {
        font-size: 30px;
        display: inline-block;
    }

    .card_direction_icon {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/Volonteer.svg);
        background-position: 90% 70%;
        background-repeat: no-repeat;
        background-size: 100px;

    }


    .direction_btn {
        background: white;
        width: 170px;
        height: 38px;
        position: absolute;
        top: 74%;
        left: 10%;
        border-radius: 40px;
        justify-content: center;
        align-items: center;
        display: flex;
        font-family: GT-Eesti-Pro-Display-thin;
        font-size: 22px;
        color: black
    }

    .direction_btn:hover {
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid white;
        color: white;
    }


    .color_red {
        background-color: #FD4F4A;

    }

    .color_red h3 {
        font-size: 30px;

    }

    .card_direction_icon2 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/Pioneers.svg);
        background-position: 90% 70%;
        background-repeat: no-repeat;
        background-size: 90px;
    }

    .color_orange {
        background-color: #FE8C1A;
    }

    .title_kvn h3 {
        font-size: 30px;

    }

    .card_direction_icon3 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/YouniorSTANDUP.svg);
        background-position: 100% 70%;
        background-repeat: no-repeat;
        background-size: 170px;
    }



    .color_yellow {
        position: absolute;
        right: 0;
        top: 0;
        background-color: #E8D70C;
    }

    .card_direction_icon4 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/TOC.svg);
        background-position: 80% 75%;
        background-repeat: no-repeat;
        background-size: 80px;
    }


    .title_toc h3 {
        font-size: 28px;
    }

    .title_toc2 h3 {
        font-size: 24px;

    }


    .color_green {
        background-color: #9ACD32;
        /* position: absolute; */
        left: 0;
    }

    .card_direction_icon5 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/GAZETA.svg);
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 130px;
    }

    .color_green h3 {
        font-size: 36px;

    }

    .title_gazeta {
        position: absolute;
        top: 10%;
        left: 5%
    }

    .title_gazeta2 {
        position: absolute;
        top: 23%;
        left: 20%
    }



    /* Вторая страничка слайдера с карточками */
    /* Карточка проектного офиса */

    .card_direction_icon1_1 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/GRANT.svg);
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 110px;
    }

    /* Карточка ПМК */

    .card_direction_icon2_2 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/YOUNGER_CLUB.svg);
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 110px;
    }


    .pmk_title h3 {
        font-size: 30px;

    }

    .pmk_title2 h3 {
        font-size: 34px;

    }

    /* Карточка профилкатика */

    .card_direction_icon3_3 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/PROFILACTICA.svg);
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 110px;
    }


    .profilaction h3 {
        font-size: 36px;
    }

    /* Карточка психологическая поддержка */

    .color_blue_salat {
        background-color: #5D80F0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .card_direction_icon4_4 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/PSYCHOLOGY.svg);
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 110px;
    }


    .psuchlogy_title1 h3 {
        font-size: 30px;
    }

    .psuchlogy_title2 h3 {
        font-size: 26px;
    }

    /* КАРТОЧКА ММЦ */

    .color_green_blue {
        background-color: #0D9B9C;
    }

    .card_direction_icon5_5 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/MMC.svg);
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 100px;
    }



    .mmc-title1 h3 {
        font-size: 22px;
    }

    .mmc_title2 h3 {
        font-size: 32px;
    }


    /* Подвал сайта */

    .all_object {
        /* Сделать полностью адаптивный подвал */
        width: 1200px;
        display: flex;
        justify-content: space-between;
        padding: 0px 20px 0px 20px;


        margin: auto;
    }


}


@media (max-width:1200px) {


    /* Блок с лидерами */

    .leaders {
        grid-area: leaders;
        /* height: 100vh; */
        background: linear-gradient(135.00deg, #F800B6, var(--fon1));

    }

    .leaders_content {
        display: grid;
        grid-template-columns: repeat(3, 300px);
        grid-template-rows: 1fr;
        grid-column-gap: 50px;
        margin: 0 auto;
        justify-content: center;
        width: 1000px;



    }

    /* все связанное с карточками */
    .card1,
    .card2,
    .card3 {
        width: 250px;
        margin: 0 auto;
        height: 350px;
        background: rgba(75, 72, 72, 0.26);
        border-radius: 20px;
        box-shadow: 16px 16px 30px 11px rgba(255, 255, 255, 0.3);
    }

    .card_type {
        padding: 40px;
        padding-top: 250px;
        background-position: 50% 10%;
        background-repeat: no-repeat;
        background-size: 200px;

    }

    .card_type_icon1 {
        background-image: url(../image/SVG/directors/Ekaterina_sergeevna.svg )
    }

    .card_type_icon2 {
        background-image: url(../image/SVG/directors/IRINA_ALEKS.svg )

    }

    .card_type_icon3 {
        background-image: url(../image/SVG/directors/Tatiana_Andr.svg )}



    .card_type h3 {
        font-family: Montserrat-bold;
        font-size: 14px;
        text-align: center;
        color: #FFFFFF;

    }

    .card_type P {
        font-family: Montserrat-regular;
        font-size: 16px;
        text-align: center;
        color: #FFFFFF;
    }

   

    /* Уменьшение размера карточек карусели */


    .cards {
        display: grid;
        grid-template-columns: repeat(3, 300px);
        grid-template-rows: 1fr;
        max-width: 1000px;
        grid-gap: 40px;
        margin: 0 auto;
        justify-content: center;


    }

    .card_direction {
        padding: 50px 0 50px 0;
    }

    .card_direction_1 {
        width: 300px;
        height: 220px;
        background-color: #1420DF;
        border-radius: 40px;
        position: relative;
        box-shadow: 16px 16px 30px 11px rgba(255, 255, 255, 0.25);
    }

    .cards2 {
        display: none;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        width: 90%;
        grid-gap: 40px;
        margin: 0 auto;
    }


    .margin {
        padding-top: 30px;
    }


    /* наполнение синей карточки */
    .color_blue {
        background-color: #214FE2;
    }

    .color_blue h3 {
        font-size: 30px;
        display: inline-block;
    }

    .card_direction_icon {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/Volonteer.svg);
        background-position: 90% 70%;
        background-repeat: no-repeat;
        background-size: 80px;

    }


    .direction_btn {
        background: white;
        width: 150px;
        height: 38px;
        position: absolute;
        top: 74%;
        left: 10%;
        border-radius: 40px;
        justify-content: center;
        align-items: center;
        display: flex;
        font-family: GT-Eesti-Pro-Display-thin;
        font-size: 22px;
        color: black
    }

    .direction_btn:hover {
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid white;
        color: white;
    }


    .color_red {
        background-color: #FD4F4A;

    }

    .color_red h3 {
        font-size: 36px;

    }

    .card_direction_icon2 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/Pioneers.svg);
        background-position: 90% 70%;
        background-repeat: no-repeat;
        background-size: 60px;
    }

    .title_kvn h3 {
        font-size: 30px;

    }

    .card_direction_icon3 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/YouniorSTANDUP.svg);
        background-position: 100% 70%;
        background-repeat: no-repeat;
        background-size: 130px;
    }

    .color_orange {
        background-color: #FE8C1A;
    }

    .color_yellow {
        position: absolute;
        right: 0;
        top: 0;
        background-color: #E8D70C;
    }

    .card_direction_icon4 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/TOC.svg);
        background-position: 80% 75%;
        background-repeat: no-repeat;
        background-size: 90px;
    }

    .title_toc h3 {
        font-size: 20px;
    }

    .title_toc2 h3 {
        font-size: 18px;

    }


    .color_green {
        background-color: #9ACD32;
        /* position: absolute; */
        left: 0;
    }

    .card_direction_icon5 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/GAZETA.svg);
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 110px;
    }

    .color_green h3 {
        font-size: 36px;

    }


    /* Вторая страничка слайдера с карточками */
    /* Карточка проектного офиса */

    .card_direction_icon1_1 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/GRANT.svg);
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 90px;
    }

    /* Карточка ПМК */

    .card_direction_icon2_2 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/YOUNGER_CLUB.svg);
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 90px;
    }

    .pmk_title h3 {
        font-size: 26px;

    }

    .pmk_title2 h3 {
        font-size: 34px;

    }

    /* Карточка профилкатика */

    .card_direction_icon3_3 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/PROFILACTICA.svg);
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 90px;
    }


    .profilaction h3 {
        font-size: 28px;
    }

    /* Карточка психологическая поддержка */
    .color_blue_salat {
        background-color: #5D80F0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .card_direction_icon4_4 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/PSYCHOLOGY.svg);
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 90px;
    }



    .psuchlogy_title1 h3 {
        font-size: 26px;
    }

    .psuchlogy_title2 h3 {
        font-size: 23px;
    }

    /* КАРТОЧКА ММЦ */

    .color_green_blue {
        background-color: #0D9B9C;
    }

    .card_direction_icon5_5 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/MMC.svg);
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 90px;
    }



    .mmc-title1 h3 {
        font-size: 20px;
    }

    .mmc_title2 h3 {
        font-size: 28px;
    }


    /* Подвал сайта */

    .all_object {
        /* Сделать полностью адаптивный подвал */
        width: 1000px;
        display: flex;
        justify-content: space-between;
        padding: 0px 20px 0px 20px;


        margin: auto;
    }


}

@media(max-width:1000px) {

    .grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 78px 1fr 240px;
        grid-template-areas:
            "header"
            "main"
            "footer";
    }

    .main_video {
        display: none;
    }

    header {
        grid-area: header;
        display: block;
        background: #1E1357;
        z-index: 99;
    }

    a {
        text-decoration: none;
    }

    li {
        list-style-type: none;
    }

    .navbar {
        max-width: 1440px;
        display: flex;
        align-items: center;
        margin: auto;
        justify-content: space-between;
        color: var(--red);
        padding: 10px 30px 10px 30px;
    }

    .logo img {
        width: 250px;
    }



    /* МЕНЮШКА БУРГЕР */
    .nav-links {
        background: linear-gradient(135.00deg, #F700B6, #1420DF);
        padding: 0px 10px;
        border-radius: 10px;
    }

    .nav-links a {
        color: var(--white);
        padding: 10px;
    }

    .menu {
        max-height: 0;
        overflow: hidden;
        position: absolute;
        background-color: #342A67;
        text-align: center;
        right: 0;
        left: 0;
        margin-top: 17px;
        z-index: 3;
    }

    .menu li a {
        display: block;
        padding: 15px;
    }

    .menu li {
        transition: all .3;
    }

    .menu li a:hover {
        transition: all .3s;
        color: var(--gray);
        background-color: beige;
    }

    #checkbox_toggler {
        display: none;
    }

    .hamburger {
        font-size: 24px;
        cursor: pointer;
        display: block;
        padding: 20px 0px;
    }

    #checkbox_toggler:checked~.menu {
        display: block;
        max-height: 100%;
        transition: all .5s;
    }

    .hamburger-line {
        background-color: var(--white);
        display: block;
        width: 24px;
        height: 2px;
        position: relative;
    }



    .hamburger-line::before,
    .hamburger-line::after {
        background-color: var(--white);
        content: '';
        display: block;
        position: absolute;
        transition: all .3s;
        width: 100%;
        height: 100%;
    }

    .hamburger-line::before {
        top: 7px;
    }

    .hamburger-line::after {
        top: -7px;
    }

    #checkbox_toggler:checked~.hamburger .hamburger-line::before {
        transform: rotate(-45deg);
        top: 0;
    }

    #checkbox_toggler:checked~.hamburger .hamburger-line::after {
        transform: rotate(45deg);
        top: 0;
    }

    #checkbox_toggler:checked~.hamburger .hamburger-line {
        background-color: transparent;
    }




    /*  */
    Блок лидеры на мобильных устройствах .leaders {
        grid-area: leaders;
        /* height: 100vh; */
        background: linear-gradient(135.00deg, #F800B6, var(--fon1));

    }

    .leaders_content {
        display: grid;
        grid-template-columns: 90%;
        grid-template-rows: repeat (3, 1fr);
        grid-row-gap: 50px;
        margin: 0 auto;
        justify-content: center;



    }

    /* все связанное с карточками */
    .card1,
    .card2,
    .card3 {
        width: 100%;
        margin: 0 auto;
        height: 350px;
        background: rgba(75, 72, 72, 0.26);
        border-radius: 20px;
        box-shadow: 16px 16px 30px 11px rgba(255, 255, 255, 0.3);
    }

    .card_type {
        padding: 40px;
        padding-top: 250px;
        background-position: 50% 10%;
        background-repeat: no-repeat;
        background-size: 200px;

    }

    .card_type_icon1 {
        background-image: url(../image/SVG/directors/Ekaterina_sergeevna.svg )
    }

    .card_type_icon2 {
        background-image: url(../image/SVG/directors/IRINA_ALEKS.svg )

    }

    .card_type_icon3 {
        background-image: url(../image/SVG/directors/Tatiana_Andr.svg )}


    .card_type h3 {
        font-family: Montserrat-bold;
        font-size: 14px;
        text-align: center;
        color: #FFFFFF;

    }

    .card_type P {
        font-family: Montserrat-regular;
        font-size: 25px;
        text-align: center;
        color: #FFFFFF;
    }

    .card_type_icon2 {
        background-image: url(../image/SVG/directors/YDC.svg)
    }

    .card_type_icon3 {
        background-image: url(../image/SVG/directors/SIA.svg)
    }

    /* бегущие строки */
    Блок лидеры на мобильных устройствах .leaders {
        grid-area: leaders;
        /* height: 100vh; */
        background: linear-gradient(135.00deg, #F800B6, var(--fon1));

    }

    .leaders_content {
        display: grid;
        grid-template-columns: 300px;
        grid-template-rows: repeat (3, 1fr);
        grid-column-gap: 50px;
        margin: 0 auto;
        justify-content: center;
        width: 90%
    }

    /* все связанное с карточками */
    .card1,
    .card2,
    .card3 {
        width: 250px;
        margin: 0 auto;
        height: 350px;
        background: rgba(75, 72, 72, 0.26);
        border-radius: 20px;
        box-shadow: 16px 16px 30px 11px rgba(255, 255, 255, 0.3);
    }

    .card_type {
        padding: 40px;
        padding-top: 250px;
        background-position: 50% 10%;
        background-repeat: no-repeat;
        background-size: 200px;

    }

    .card_type_icon1 {
        background-image: url(../image/SVG/directors/Ekaterina_sergeevna.svg )
    }

    .card_type_icon2 {
        background-image: url(../image/SVG/directors/IRINA_ALEKS.svg )

    }

    .card_type_icon3 {
        background-image: url(../image/SVG/directors/Tatiana_Andr.svg )}

    .card_type h3 {
        font-family: Montserrat-bold;
        font-size: 14px;
        text-align: center;
        color: #FFFFFF;

    }

    .card_type P {
        font-family: Montserrat-regular;
        font-size: 25px;
        text-align: center;
        color: #FFFFFF;
    }

   

    /* бегущие строки */
    Блок лидеры на мобильных устройствах .leaders {
        grid-area: leaders;
        /* height: 100vh; */
        background: linear-gradient(135.00deg, #F800B6, var(--fon1));

    }

    .leaders_content {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: repeat (3, 1fr);
        grid-column-gap: 50px;
        margin: 0 auto;
        justify-content: center;
        width: 90%;


    }

    /* все связанное с карточками */
    .card1,
    .card2,
    .card3 {
        width: 100%;
        margin: 0 auto;
        height: 350px;
        background: rgba(75, 72, 72, 0.26);
        border-radius: 20px;
        box-shadow: 16px 16px 30px 11px rgba(255, 255, 255, 0.3);
    }

    .card_type {
        padding: 40px;
        padding-top: 250px;
        background-position: 50% 10%;
        background-repeat: no-repeat;
        background-size: 200px;

    }

    .card_type_icon1 {
        background-image: url(../image/SVG/directors/Ekaterina_sergeevna.svg )
    }

    .card_type_icon2 {
        background-image: url(../image/SVG/directors/IRINA_ALEKS.svg )

    }

    .card_type_icon3 {
        background-image: url(../image/SVG/directors/Tatiana_Andr.svg )}
    .card_type h3 {
        font-family: Montserrat-bold;
        font-size: 14px;
        text-align: center;
        color: #FFFFFF;

    }

    .card_type P {
        font-family: Montserrat-regular;
        font-size: 25px;
        text-align: center;
        color: #FFFFFF;
    }

  

    /* бегущие строки */

    .animation_line {
        overflow: hidden;
    }

    .animation_line div {
        animation: running-text 45s linear infinite;
    }

    .animation_line2 div {
        animation: running-text2 45s linear infinite;
    }

    .text {
        display: inline-block;
        padding: 15px;
        color: #fff;
        text-align: center;
        font-size: 18px;
    }

    @keyframes running-text {
        0% {
            transform: translateX(100%);
        }

        100% {
            transform: translateX(-100%);
        }

    }

    @keyframes running-text2 {
        0% {
            transform: translateX(-100%);
        }

        100% {
            transform: translateX(100%);
        }

    }

    /* Блок с направлениями */

    .carousel-control-prev {
        display: none;
    }

    .carousel-control-next {
        display: none;
    }


    .cards {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr);
        max-width: 1440px;
        margin: 0 auto;
        justify-content: center;
        grid-gap: 0;

    }

    .card_direction {
        padding: 0px;
    }

    .card_direction_1 {
        width: 100%;
        height: 260px;
        background-color: #1420DF;
        border-radius: 0px;
        position: relative;
        box-shadow: 16px 16px 30px 11px rgba(255, 255, 255, 0.25);
    }

    .cards2 {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 1fr);
        grid-gap: 0;
        width: 100%;
        margin: 0 auto;
    }


    .margin {
        padding-top: 0px;
    }

    /* Бокс для позиционирования абсолюnнх обьектов, нужно для нижних карточек */
    .ramka {
        position: relative;
        /* display: inline-block; */

    }

    .color_blue {
        background-color: #214FE2;
    }

    .color_blue h3 {
        font-size: 36px;
        display: inline-block;
    }


    .card_direction_icon {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/Volonteer.svg);
        background-position: 90% 70%;
        background-repeat: no-repeat;
        background-size: 150px;

    }


    .direction_btn {
        background: white;
        width: 170px;
        height: 38px;
        position: absolute;
        top: 74%;
        left: 10%;
        border-radius: 40px;
        justify-content: center;
        align-items: center;
        display: flex;
        font-family: GT-Eesti-Pro-Display-thin;
        font-size: 22px;
        color: black
    }

    .direction_btn:hover {
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid white;
        color: white;
    }


    .color_red {
        background-color: #FD4F4A;

    }

    .color_red h3 {
        font-size: 36px;

    }

    .card_direction_icon2 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/Pioneers.svg);
        background-position: 90% 70%;
        background-repeat: no-repeat;
        background-size: 110px;
    }

    .color_orange {
        background-color: #FE8C1A;
    }

    .title_kvn h3 {
        font-size: 30px;

    }

    .card_direction_icon3 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/YouniorSTANDUP.svg);
        background-position: 100% 70%;
        background-repeat: no-repeat;
        background-size: 230px;
    }







    .color_yellow {
        position: absolute;
        right: 0;
        top: 0;
        background-color: #E8D70C;
    }

    .card_direction_icon4 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/TOC.svg);
        background-position: 80% 75%;
        background-repeat: no-repeat;
        background-size: 110px;
    }

    .title_toc h3 {
        font-size: 30px;
    }

    .title_toc2 h3 {
        font-size: 26px;

    }


    .color_green {
        background-color: #9ACD32;
        /* position: absolute; */
        left: 0;
    }

    .card_direction_icon5 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/GAZETA.svg);
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 150px;
    }

    .color_green h3 {
        font-size: 36px;

    }




    /* Вторая страничка слайдера с карточками */
    /* Карточка проектного офиса */


    .card_direction_icon1_1 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/GRANT.svg);
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 150px;
    }

    /* Карточка ПМК */

    .card_direction_icon2_2 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/YOUNGER_CLUB.svg);
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 150px;
    }



    .pmk_title h3 {
        font-size: 30px;

    }

    .pmk_title2 h3 {
        font-size: 34px;

    }

    /* Карточка профилкатика */

    .card_direction_icon3_3 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/PROFILACTICA.svg);
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 150px;
    }


    .profilaction h3 {
        font-size: 36px;
    }

    /* Карточка психологическая поддержка */

    .color_blue_salat {
        background-color: #5D80F0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .card_direction_icon4_4 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/PSYCHOLOGY.svg);
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 150px;
    }


    .psuchlogy_title1 h3 {
        font-size: 32px;
    }

    .psuchlogy_title2 h3 {
        font-size: 30px;
    }

    /* КАРТОЧКА ММЦ */

    .color_green_blue {
        background-color: #0D9B9C;
    }

    .card_direction_icon5_5 {
        background-image: url(../image/SVG/DIRECTIONS_LOGOS/MMC.svg);
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 150px;
    }


    .mmc-title1 h3 {
        font-size: 28px;
    }

    .mmc_title2 h3 {
        font-size: 32px;
    }


    .carousel-item {
        /* position: relative; */
        display: block;
        float: none;
        /* width: 100%; */
    }

    .all_object {
        /* Сделать полностью адаптивный подвал */
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0px 20px 0px 20px;


        margin: auto;
    }


}

@media(max-width:870px) {


    footer {
        background-color: #1E1357;
        grid-area: footer;
        height: 240px;
        align-items: center;
        display: flex;
        z-index: 99;

    }

    .all_object {
        /* Сделать полностью адаптивный подвал */
        /* width: 1440px; */
        display: flex;
        justify-content: space-between;
        padding: 0px 10px 0px 10px;


        margin: auto;
    }

    .all_object a {
        color: var(--white);
        display: block;
    }

    .all_object span {
        color: var(--white);
        font-family: GT-Eesti-Pro-Display-medium;
        font-size: 22px;

    }

    /* левый подвала */
    .left a {
        padding-bottom: 15px;
        font-size: 12px;
    }

    .left img {
        width: 150px;
        max-width: 250px;
        padding-bottom: 20px;
    }

    /* центральный блок */
    .center li {
        padding-bottom: 8px;
        font-family: GT-Eesti-Pro-Display-thin;
        font-size: 14px;
    }

    .center ul {
        padding-left: 10px;
    }

    .right {
        padding-left: 10px;
    }

    .right ul {
        padding-left: 10px;
    }

    .text_feed_back h3 {
        font-size: 20px;
    }

    ;

}

@media(max-width:615px) {
    .leaders_content {
        display: grid;
        grid-template-columns: 90%;
        grid-template-rows: repeat (3, 1fr);
        grid-row-gap: 50px;
        margin: 0 auto;
        justify-content: center;



    }

    /* все связанное с карточками */
    .card1,
    .card2,
    .card3 {
        width: 100%;
        margin: 0 auto;
        height: 350px;
        background: rgba(75, 72, 72, 0.26);
        border-radius: 20px;
        box-shadow: 16px 16px 30px 11px rgba(255, 255, 255, 0.3);
    }

    .card_type {
        padding: 40px;
        padding-top: 200px;
        background-position: 50% 10%;
        background-repeat: no-repeat;
        background-size: 200px;

    }

    .text_direction {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 30px 10px;

    }
}

@media(max-width:500px) {
    footer {
        background-color: #1E1357;
        grid-area: footer;
        height: 240px;
        align-items: center;
        display: flex;
        z-index: 99;

    }

    .all_object {
        /* Сделать полностью адаптивный подвал */
        /* width: 1440px; */
        display: flex;
        justify-content: space-between;
        padding: 0px 10px 0px 10px;


        margin: auto;
    }

    .all_object a {
        color: var(--white);
        display: block;
    }

    .all_object span {
        color: var(--white);
        font-family: GT-Eesti-Pro-Display-medium;
        font-size: 16px;

    }

    /* левый подвала */
    .left a {
        padding-bottom: 15px;
        font-size: 12px;
        width: 150px;
    }

    .left img {
        width: 150px;
        max-width: 250px;
        padding-bottom: 20px;
    }

    /* центральный блок */
    .center li {
        padding-bottom: 8px;
        font-family: GT-Eesti-Pro-Display-thin;
        font-size: 10px;
    }

    .center ul {
        padding-left: 10px;
    }

    .right {
        padding-left: 10px;
    }

    .right ul {
        padding-left: 10px;

    }

    .text_direction h3 {
        font-size: 25px;

    }

}

@media(max-width:380px) {

    .card_type P {
        font-family: Montserrat-regular;
        font-size: 20px;
        text-align: center;
        color: #FFFFFF;
    }

    .mobile h3 {
        font-size: 25px;
    }

    .mobile_size {
        background-size: 100px;
    }

    .card_direction_icon5_5 {
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 130px;
    }

    .card_direction_icon4_4 {
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 120px;
    }
    .card_direction_icon3_3 {
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 130px;
    }
    .card_direction_icon2_2 {
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 130px;
    }
    .card_direction_icon1_1 {
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 130px;
    }

    .card_direction_icon {
        background-position: 90% 75%;
        background-repeat: no-repeat;
        background-size: 120px;
    }
    .card_direction_icon3 {
        background-position: 95% 75%;
        background-repeat: no-repeat;
        background-size: 180px;
    }
}