.bars, .course_slider .swiper-button, .d-none {
    display: none;
}

@media screen and (max-width: 1680px) {
    .okten {
        font-size: 162px;
        line-height: 180px;
    }

    #index .top_screen__left h1 span {
        font-size: 140px;
    }

    #index .top_screen__left h1 {
        font-size: 56px;
        line-height: 67px;
    }

    #fullstack .top_screen__left h1 {
        font-size: 85px;
    }

    .top_screen__right__kurs .top_screen__number {
        width: 100px;
        height: 100px;
        font-size: 26px;
    }

    .top_screen__right__kurs .top_screen__item p {
        font-size: 14px;
    }

    .top_screen__right__kurs .top_screen__img, #reviews_page .top_screen__img, #free_kurs .top_screen__right img {
        width: 400px;
    }

    #javascript .top_screen__img, #java .top_screen__img,
    #python .top_screen__img, #Qa-Qc .top_screen__img {
        margin-left: -160px;
    }

    #python .top_screen__bg, #Qa-Qc .top_screen__bg, #free_kurs .program_text__bg {
        font-size: 150px;
    }

    #fullstack .top_screen__bg {
        font-size: 165px;
    }

    #frontend .top_screen__bg, .course-composed__bg {
        font-size: 125px;
    }

    #frontend .program_text__bg, #fullstack .program_text__bg {
        font-size: 180px;
        bottom: 10px;
    }

    #reviews_page .top_screen__bg {
        top: 90px;
        bottom: inherit;
    }

    #reviews_page .top_screen__right-number::before {
        font-size: 180px;
    }

    #free_kurs .top_screen__left h1 {
        font-size: 58px;
    }

    #free_kurs .top_screen__left h2 {
        font-size: 30px;
    }

    .effectiveness_item span {
        left: 50%;
        transform: translateX(-50%);
    }

    .effectiveness_item::after {
        right: -40px;
    }

    .effectiveness_item {
        text-align: center;
        align-items: center;
        display: flex;
    }

    .swiper-button-prev {
        left: 10px;
    }

    .swiper-button-next {
        right: 10px;
    }

    .course-consists_grid {
        grid-template-columns: repeat(6, minmax(100px, 190px));
    }

    #front-back .front_text, #front-back .back_text {
        display: none;
    }

    #free_kurs .program_text {
        font-size: 36px;
    }

    #free_kurs .program_grid {
        grid-template-columns: 356px 1fr;
    }

    #free_kurs .owu_item {
        padding-left: 50px;
    }

    #free_kurs .owu_grid__image img {
        width: 100%;
    }

    .dream-work_head {
        /*padding-bottom: 200px;*/
    }
}

@media screen and (max-width: 1440px) {
    #index .top_screen__left {
        padding-left: 0;
        align-items: center;
    }

    #index .top_screen__item {
        width: 80%;
        font-size: 40px;
    }

    #index .top_screen__item span {
        font-size: 18px;
        margin-left: 20px;
    }

    #javascript .top_screen__left h1, #Qa-Qc .top_screen__left h1, #frontend .top_screen__left h1, #incubator .top_screen__left h1 {
        font-size: 42px;
    }

    #incubator .top_screen__left h1 span {
        font-size: 22px;
    }

    #frontend .top_screen__left {
        padding-left: 100px;
    }

    #java .top_screen__left h1 {
        font-size: 30px;
    }

    #java .top_screen__left h2 {
        font-size: 25px;
        line-height: 1.25;
    }

    #java .top_screen__bg {
        font-size: 150px;
    }

    #javascript .top_screen__bg {
        font-size: 140px;
    }

    .top_screen__hours {
        font-size: 85px;
    }

    .index-form__bg {
        max-width: 500px;
        font-size: 60px;
    }

    #course-composed .wrapper {
        width: 100%;
        max-width: none;
    }

    .course-composed_grid {
        width: 60%;
        margin-left: 350px;
    }

    #top_screen .play_button__content {
        bottom: 20px;
    }

    #last-block img {/*#index #last-block img*/
        right: 0;
    }

    #last-block .last-block__wrap {/*#index #last-block .last-block__wrap*/
        width: 62%;
    }

    .pro-developer_grid {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 90px;
        padding-bottom: 30px;
    }

    .pro-developer_image img {
        margin-bottom: -30px;
    }

    .course_slider {
        width: 100%;
        position: relative;
    }

    .course_slider .swiper-wrapper {
        grid-auto-flow: column;
        gap: 0;
    }

    .course_slider .swiper-button {
        display: flex;
    }

    .pro-developer_text {
        margin-bottom: 20px;
    }

    #reviews_page .top_screen__right {
        padding-right: 100px;
    }

    #reviews_page .top_screen__img {
        height: 500px;
        left: 47%;
    }
}

@media screen and (max-width: 1410px) {
    .top_screen__right__kurs .top_screen__img {
        width: 340px;
    }

    #javascript .top_screen__img, #java .top_screen__img,
    #python .top_screen__img, #Qa-Qc .top_screen__img {
        margin-left: -136px;
    }

    #fullstack .top_screen__left h1 {
        font-size: 75px;
    }

    #fullstack .top_screen__bg {
        font-size: 135px;
    }

    .reviews_grid {
        grid-template-columns: minmax(auto, 735px) minmax(31%, 1fr);
        grid-column-gap: 30px;
    }

    .choice-your-way {
        font-size: 64px;
        line-height: 60px;
    }

    #my-way .choice-your-way {
        width: 250px;
    }

    #story_block #story {
        padding-top: 200px;
    }

    #story {
        padding: 100px 0;
    }

    .story_block__description, .owu_block__description {
        padding-left: 30px;
        padding-right: 30px;
        width: 55%;
    }

    .story_block__description {
        top: 40px;
    }

    #story .bg__first {
        top: 30px;
        right: 95px;
    }

    .story_text__bg, .warranty_text__bg, .methods__bg {
        font-size: 100px;
    }

    .video_text__bg, .program_text__bg {
        font-size: 120px;
    }

    #Qa-Qc #program {
        padding-bottom: 250px;
    }

    .program_text__bg {
        line-height: 100px;
    }

    #video .h2_heading {
        margin-bottom: 60px;
    }

    .story_grid {
        grid-template-columns: 45% 45%;
    }

    #recording .recording_text__bg {
        top: -10px;
        font-size: 80px;
    }

    #java #program {
        padding-bottom: 160px;
    }

    .front-back_grid {
        grid-template-columns: 45% 45%;
    }

    #free_result .swiper-wrapper {
        grid-column-gap: 20px;
    }

    .form_free__grid {
        grid-template-columns: 1fr 450px;
    }

    .form_free__right {
        width: 100%;
    }

    #about .top_screen__left {
        padding-right: 100px;
    }

    #java .top_screen__bg, #Qa-Qc .top_screen__bg, #reviews_page .top_screen__bg {
        font-size: 135px;
    }
}

@media screen and (max-width: 1280px) {
    .week_grid {
        grid-template-columns: repeat(2, 48%);
        grid-column-gap: 4%;
    }

    .okten {
        font-size: 145px;
        line-height: 155px;
    }

    #index .top_screen__left h1 {
        font-size: 49px;
        line-height: 59px;
    }

    #index .top_screen__left h1 span, #free_kurs .program_text__bg {
        font-size: 120px;
    }

    .top_screen__left, #frontend .top_screen__left {
        padding-left: 30px;
    }

    .top_screen__right__kurs {
        padding-right: 30px;
    }

    .top_screen__slogan {
        padding: 15px;
    }

    #java .top_screen__bg, #Qa-Qc .top_screen__bg, #reviews_page .top_screen__bg {
        top: 15px;
        font-size: 120px;
    }

    #javascript .top_screen__bg {
        top: -5px;
        font-size: 110px;
    }

    #python .top_screen__bg {
        top: 25px;
        font-size: 120px;
    }

    #frontend .top_screen__bg {
        top: 10px;
        font-size: 110px;
    }

    #frontend .program_text__bg, #fullstack .program_text__bg {
        font-size: 150px;
    }

    .course-composed__bg {
        font-size: 110px;
    }

    #javascript .top_screen__left h1, #python .top_screen__left h1, #Qa-Qc .top_screen__left h1 {
        font-size: 32px;
    }

    #javascript .top_screen__left h2,
    #python .top_screen__left h2 {
        font-size: 24px;
    }

    #free_kurs .top_screen__right img {
        width: 350px;
    }

    #free_kurs #top_screen .top_screen__item {
        width: 50%;
    }

    .owu_grid__image {
        display: none;
    }

    .owu_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pro-developer_grid {
        grid-column-gap: 30px;
    }

    #employed .employed_slider {
        width: calc(100vw - 60px);
        position: relative;
    }

    .employed_slider .swiper-button {
        display: flex;
    }

    #salary .swiper, #free_result .swiper, #employed .swiper {
        width: 100%;
        padding-bottom: 45px;
    }

    #salary .swiper-wrapper, #free_result .swiper-wrapper, #employed .swiper-wrapper {
        grid-auto-flow: column;
        gap: 0;
    }

    #employed.bg_blue .swiper-pagination-bullet {
        background-color: #ff9638;
    }

    .salary_slider .swiper-pagination-bullet-active {
        border: none;
    }

    #fullstack #salary {
        /*background: #EDF4FB;*/
    }

    #fullstack .salary_item {
        padding: 35px 15px;
        background: #fff;
        border-radius: 6px;
        border: none;
        text-align: center;
    }

    #fullstack .swiper-pagination-bullet,
    #free_result .swiper-pagination-bullet {
        background-color: #ccc;
        opacity: 1;
    }

    #fullstack .swiper-pagination-bullet-active,
    #free_result .swiper-pagination-bullet-active {
        background-color: #FF9638;
        border: 2px solid #000;
    }

    #salary.bg_white .salary_sub-title {
        margin-bottom: 15px;
    }

    #course_type_online, #course_type_stationary {
        padding-top: 80px;
    }

    .course-consists__number {
        font-size: 36px;
        height: 170px;
    }

    .course-consists__number::before {
        width: 134px;
        height: 134px;
    }

    .course-consists__number::after {
        width: 120px;
        height: 120px;
    }

    .course-consists_text {
        font-size: 15px;
    }

    .guarantee_grid {
        grid-template-columns: 400px 1fr;
        grid-column-gap: 0;
    }

    .guarantee_image img {
        width: 350px;
    }

    .program_grid {
        grid-gap: 120px;
    }

    #free_result .wrapper {
        padding: 0;
    }

    #free_kurs .owu_item {
        padding-left: 0px;
    }

    #free_kurs .owu_item__title {
        padding-left: 105px;
        /*color: #000;*/
    }

    #free_kurs .owu_item__title::before {
        font-size: 72px;
        line-height: 26px;
        color: #3298f2;
        top: inherit;
        left: 0;
        -webkit-text-stroke-width: 0px;
        -webkit-text-stroke-color: #fff;
    }

    .before_1::before {
        content: '01';
    }

    .before_2::before {
        content: '02';
    }

    .before_3::before {
        content: '03';
    }

    .before_4::before {
        content: '04';
    }

    .all_reviews__grid {
        grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    }

    #reviews_page .top_screen__right {
        padding-right: 30px;
    }

    #reviews_page .top_screen__right-number {
        font-size: 125px;
    }

    #fullstack .top_screen__bg {
        left: 0;
        font-size: 120px;
    }
}

@media screen and (max-width: 1152px) {
    #index .top_screen__item {
        font-size: 34px;
    }

    #reviews_page .top_screen__img {
        width: 300px;
    }

    #footer .wrapper {
        display: grid;
        grid-template-columns: 3fr 2fr;
    }

    .footer-contact {
        grid-row: 1/3;
    }

    .footer-map {
        grid-row: 2/3;
    }

    .footer-map iframe {
        width: 100%;
    }

    .footer-image img {
        width: 70px;
    }

    .pro-developer_grid {
        grid-template-columns: 3fr 4fr;
    }

    .directions_slider .swiper-button {
        top: 47%;
    }

    .directions_grid {
        grid-template-columns: 1fr 1fr;
    }

    #story .bg__first {
        right: 0;
    }

    .effectiveness_grid {
        grid-template-columns: 1fr;
        background: none;
        grid-gap: 55px;
    }

    .effectiveness_item::after {
        width: 70px;
    }

    .effectiveness_item:nth-child(4)::after {
        display: block;
    }

    .effectiveness_item:nth-child(2)::after, .effectiveness_item:nth-child(4)::after {
        left: -40px;
    }

    .effectiveness_item:nth-child(2), .effectiveness_item:nth-child(4) {
        margin-left: auto;
    }

    .effectiveness_item {
        font-size: 18px;
        width: 75%;
        background-color: #3298f2;
        justify-content: center;
    }

    #effectiveness .wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .effectiveness_item span {
        left: 25px;
        transform: translateX(0);
    }

    .effectiveness_item:nth-child(2) span, .effectiveness_item:nth-child(4) span {
        left: inherit;
        right: 25px;
    }

    .program_hours__counter::before {
        top: -80px;
        left: -20px;
        font-size: 140px;
    }

    #partners_block .block_description, #story_block .block_description, #owu .block_description {
        font-size: 17px;
    }

    .responsibilities_item__title {
        font-size: 18px;
    }

    #python .special-program_grid {
        grid-template-columns: repeat(4, 20%);
    }

    .dream-work_head {
        padding: 50px 0 160px;
    }

    .dream-work_logo {
        width: 142px;
        height: 142px;
        transform: translate(-50%, -120%);
    }

    #dream-work .accordion-item_description li {
        padding-left: 30px;
    }

    #dream-work .accordion-item_description li:before {
        left: 0;
    }

    .dream-work_left, .dream-work_right {
        padding: 30px;
    }

    .guarantee_grid {
        grid-template-columns: 1fr;
        padding-left: 200px;
    }

    .guarantee_image {
        display: none;
    }

    .program_grid {
        grid-gap: 60px;
    }

    #free_kurs .program_grid {
        grid-template-columns: 30% 1fr;
    }

    #free_kurs .program_text {
        font-size: 32px;
    }

    #free_kurs .item-accordion .text {
        width: 57%;
    }

    .program2 .item-accordion {   
        grid-template-columns:1fr 60%;
    }

    .form_free__grid {
        grid-column-gap: 30px;
    }

    .free_result__image img {
        width: 95%;
    }

    .direction_slider {
        padding-bottom: 45px;
    }

    .direction_slider .swiper-wrapper {
        grid-auto-flow: column;
        gap: 0;
    }

    #about #top_screen {
        grid-template-rows: auto;
    }

    #about .top_screen__left {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #free_kurs .top_screen__bg {
        font-size: 150px;
    }
}

@media screen and (max-width: 1024px) {
    #top_screen {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        min-height: 660px;
        padding: 0 0 50px;
        gap: 50px;
    }

    #index #top_screen {
        background: url(../image/logo768.png) no-repeat;
        background-position-y: bottom;
    }

    #index .top_screen__item {
        width: 50%;
        padding: 15px;
        animation: none;
    }

    #index .top_screen__right {
        background-color: transparent;
        gap: 30px;
    }

    #index #top_screen .play_button__content {
        left: 25%;
        bottom: 50%;
        transform: translateY(50%);
        margin-left: -60px;
    }

    #index .top_screen__item span {
        margin-left: 15px;
    }

    .top_screen .top_screen__left, #frontend .top_screen__left, #frontend .top_screen__right {
        padding: 0 30px;
    }

    .top_screen .top_screen__left, #about .top_screen__left, #free_kurs .top_screen__left {
        padding-top: 50px;
    }

    #frontend #top_screen, #about #top_screen {
        gap: 0;
    }

    .top_screen__slogan, #incubator .top_screen__slogan {
        width: 100%;
    }

    .top_screen__right {
        background: none !important;
    }

    .top_screen__img, #frontend .top_screen__right::before {
        display: none;
    }

    #frontend .top_screen__left .top_screen__slogan {
        display: none;
    }

    #frontend .top_screen__right .top_screen__slogan {
        display: flex;
        margin-top: 15px;
    }

    #frontend .top_screen__right img {
        position: relative;
        top: 0;
        left: 50%;
        transform: translatex(-50%);
        width: 60%;
    }

    .top_screen__right__kurs {
        flex-direction: row;
        justify-content: center;
        gap: 0;
    }

    .top_screen__right__kurs .top_screen__item {
        width: 200px;
    }

    .top_screen__right__kurs {
        padding: 15px 30px;
    }

    .top_screen__number {
        background-color: #72CC37 !important;
        border-color: #E6EDF3 !important;
        color: #fff !important;
    }

    .top_screen__right__kurs .top_screen__item p {
        color: #000;
    }

    #javascript .top_screen__bg {
        top: -50px;
        font-size: 95px;
    }

    #java .top_screen__bg, #python .top_screen__bg, #Qa-Qc .top_screen__bg {
        display: none;
    }

    #frontend .top_screen__bg, #fullstack .top_screen__bg {
        position: relative;
        top: 0;
        left: 0;
    }

    #free_kurs .top_screen__bg {
        top: -110px;
    }

    #free_kurs .top_screen__left h1 {
        font-size: 70px;
    }

    #free_kurs .top_screen__left h2 {
        font-size: 35px;
    }

    #free_kurs .top_screen__left {
        padding-right: 30px;
    }

    #free_kurs .top_screen__right {
        flex-direction: row;
        align-items: center;
        padding: 0 30px;
        height: 180px;
    }

    #free_kurs #top_screen .top_screen__item {
        border-radius: 0;
    }

    .partners_grid {
        grid-template-columns: 1fr;
        grid-gap: 30px;
        justify-items: center;
    }

    .owu_item__title::before, #free_kurs .owu_item__title::before {
        font-size: 48px;
    }

    .owu_item__title, #free_kurs .owu_item__title {
        padding-left: 75px;
    }

    .pro-developer_text {
        margin-top: 0;
    }

    .swiper-button {
        top: 50%;
    }

    #partners_block .block_description, #story_block .block_description, #owu .block_description {
        width: 100%;
        border-radius: 0;
        position: relative;
        top: 0px;
        left: 0;
        bottom: inherit;
        padding-left: 30px;
        padding-right: 30px;
    }

    #owu .block_description {
        top: -30px;
    }

    #story_block #story {
        padding-top: 100px;
    }

    #Qa-Qc #owu {
        padding-bottom: 40px;
    }

    .responsibilities_grid {
        grid-template-columns: 1fr;
        grid-row-gap: 30px;
    }

    .responsibilities_item {
        border-radius: 10px;
        padding: 10px 15px;
        border: 1px solid #3298F2;
    }

    .responsibilities_item__text {
        border: none;
        padding: 0;
    }

    .responsibilities_item__title {
        color: #ff9638;
    }

    .master_grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-row-gap: 25px;
    }

    .master_item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #contacts .contacts-body {
        flex-direction: column;
        align-items: center;
        gap: 35px;
    }

    #contacts .contacts-item {
        width: 80%;
    }

    #about .top_screen_right__video {
        position: initial;
        transform: translateY(0) translateX(0);
    }

    #about .top_screen__left, #about .top_screen__right {
        padding-left: 30px;
        padding-right: 30px;
    }

    #reviews_page .top_screen__right {
        display: none;
    }

    #reviews_page .top_screen__left {
        padding-top: 100px;
        padding-right: 30px;
    }

    #all_reviews {
        padding-top: 30px;
    }

}

@media screen and (max-width: 992px) {
    .blog-filter .bf-list{
        display: none;
    }
    .blog-filter{
        padding: 15px;
    }
    .bf-list__link{
        font-size: 15px;
    }
    .bf-list.open{
        display: flex!important;
    }
    .blog-filter__title.open:after {
        transform: rotateX(180deg);
    }
    
    .blog-filter__title::after {
        content: '';
        border-style: solid;
        border-width: 6px 5px 0 5px;
        border-color: #292929 transparent transparent transparent;
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        right: 0px;
        bottom: 0;
        z-index: 66;
        transition: 0.45s cubic-bezier(0.78, 0, 0.17, 1.005);
        margin: auto 0;
    }
    .course-consists_grid {
        grid-template-columns: repeat(3, minmax(100px, 1fr));
        grid-gap: 15px;
    }

    .course-consists__number {
        font-size: 56px;
        height: 250px;
    }

    .course-consists__number::before {
        width: 190px;
        height: 190px;
    }

    .course-consists__number::after {
        width: 170px;
        height: 170px;
    }

    .course-consists_text {
        font-size: 17px;
    }

    /*menu*/
    #header.sticky .button-popap, #header .button-popap {
        margin-left: auto;
        margin-right: 15px;
    }

    #header .button-popap {
        padding-left: 32px;
    }

    #header .button-popap img {
        transform: scale(0.8);
    }

    .bg {
        display: none;
        content: "";
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(24, 58, 79, 0.6);
        z-index: 50;
        opacity: 0;
    }

    #header {
        background: #fff;
    }

    .nav-menu {
        position: fixed;
        top: 70px;
        right: -1368px;
        height: calc(100vh - 70px);
        overflow-y: auto;
        width: 100%;
        max-width: 414px;
        background: #3298F2;
        z-index: 90;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        row-gap: 20px;
        padding-top: 50px;
    }

    .bars {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 19px;
        cursor: pointer;
        z-index: 1000;
    }

    .bars span {
        display: inline-block;
        width: 100%;
        height: 3px;
        background: #37559B;
        margin-bottom: 5px;
        transition: all 0.3s;
    }

    .bars span:nth-child(3) {
        margin-bottom: 0;
    }

    .first {
        width: 24px !important;
        transform: translate(4px, 0px) rotate(45deg);
        transform-origin: left top;
    }

    .middle {
        transform: scale(0);
    }

    .last {
        width: 24px !important;
        transform: translate(-3px, -17px) rotate(-45deg);
        transform-origin: right bottom;
    }

    /**/
    #content {
        padding-top: 50px;
    }

    #header .wrapper {
        height: 50px;
    }

    #header .logo img {
        transform: scale(0.6);
    }

    .nav-menu {
        top: 50px;
        height: calc(100vh - 50px);
    }

    #header.sticky .wrapper .nav-menu {
        top: 40px;
        height: calc(100vh - 40px);
    }

    .nav_item {
        border-bottom: 1px solid rgba(119, 187, 247, 1);
        padding-bottom: 10px;
        width: 95%;
        flex-direction: column;
    }

    .nav_item a, .nav_item {
        height: auto;
        color: #fff;
        font-weight: 900;
        font-size: 24px;
        margin: 0;
    }

    #header .sub-menu {
        display: none;
        opacity: 1;
        position: relative;
        top: 0px;
        left: 0px;
        padding: 10px 0px;
        min-width: 100%;
        border: none;
        background: #fff;
        transition: 0s;
    }

    #header .sub-menu a {
        display: block;
        font-size: 1rem;
        color: #000;
        font-weight: 600;
    }

    #header .sub-menu li {
        text-align: center;
    }

    #header .nav_item:hover .sub-menu,
    #header .nav_item .sub-menu {
        top: 5px;
        box-shadow: none;
    }

    .nav_item:hover, .nav_item a:hover {
        color: #fff;
    }

    .nav-menu-has-children::after {
        border-width: 9px 6px 0 6px;
        top: 8px;
        right: 5px;
        bottom: auto;
        border-color: #fff transparent transparent transparent;
    }

    .nav-menu-has-children:hover:after {
        transform: none;
    }

    .nav-menu-has-children:after {
        transform: rotateX(0deg);
    }

    .nav-menu-has-children.active:after {
        transform: rotateX(180deg);
    }

    .reviews_grid {
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .reviews_videos {
        padding-bottom: 45px;
    }

    .reviews_videos .swiper-wrapper {
        display: flex;
        gap: 0;
    }

    .review_item img {
        height: 200px;
    }

    .reviews_videos .swiper-pagination-bullet-active {
        border: none;
    }

    .h1_heading {
        font-size: 42px;
    }

    .h2_heading {
        font-size: 26px;
        line-height: 30px;
    }

    .h3_heading {
        font-size: 19px;
        line-height: 24px;
    }

    #javascript .top_screen__left h1,
    #Qa-Qc .top_screen__left h1 {
        font-size: 32px;
    }

    .pro-developer_grid, .program_grid, #free_kurs .program_grid {
        grid-template-columns: 1fr;
    }
    /*#index #last-block img*/
    .pro-developer_image, #last-block img, .front-back_text img, .guarantee__bg,
    .program_hours, .index-form__left, #free_kurs .program_text, .form_free__wrap, .methods__bg {
        display: none;
    }

    .item-accordion .text {
        width: 57%;
    }

    .item-accordion .title {
        width: 40%;
    }

    #last-block .last-block__wrap {/*#index #last-block .last-block__wrap*/
        width: 100%;
    }

    #last-block {/*#index #last-block*/
        min-height: 0;
        padding: 50px 0 30px;
    }

    .story_grid {
        grid-template-columns: 1fr;
        grid-row-gap: 30px;
    }

    .story_grid h2, .story_grid h3, .story_grid .h3_heading  {
        text-align: center;
    }

    .story_video .play_button__content {
        right: 25px;
        bottom: 25px;
        top: inherit;
    }

    .item-accordion {
        padding-left: 25px;
    }

    .sub_title, .project_slider, .recording_wrap {
        width: 100%;
    }

    .project_slider {
        padding-bottom: 45px;
    }

    #python .special-program_grid,
    .special-program_grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .project_slider .swiper-wrapper {
        grid-auto-flow: column;
        gap: 0;
    }

    #java #program, #Qa-Qc #program, #frontend #program, #fullstack #program {
        padding-bottom: 40px;
    }

    .program_text__bg, #course-composed img {
        display: none;
    }

    .our-courses_img img {
        bottom: -30px;
    }

    .course-composed_grid {
        width: 80%;
        grid-template-columns: 1fr;
        margin: 50px auto 0;
    }

    .warranty_grid {
        align-items: center;
    }

    .dream-work_head {
        padding: 30px 0;
    }

    .dream-work_body .accordion {
        grid-template-columns: 45% 45%;
        margin-top: 40px;
        padding-bottom: 40px;
        grid-gap: 0;
        justify-content: space-around;
    }

    .dream-work_logo {
        display: none !important;
    }

    .dream-work_left, .dream-work_right {
        padding: 15px;
    }

    .accordion-item_title .h3_heading {
        margin-bottom: 25px;
    }

    #dream-work .accordion-item_description ul {
        grid-row-gap: 25px;
    }

    #index-form {
        padding-top: 30px;
    }

    .index-form_grid {
        grid-template-columns: minmax(320px, 500px);
    }

    .front-back_grid {
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    #front-back {
        background: none;
    }

    .front-back_text {
        border-radius: 20px;
        font-size: 16px;
        padding: 20px 20px 40px;
        width: 80%;
        margin: 0 auto;
    }

    .front_content .front-back_text {
        border: 2px solid #FF9638;
    }

    .back_content .front-back_text {
        border: 2px solid #3298f2;
    }

    .front_content, .back_content {
        position: relative;
    }

    .front_content .h1_heading, .back_content .h1_heading {
        position: absolute;
        font-weight: 900;
        font-size: 21px;
        padding: 0 10px;
        z-index: 10;
        left: 50%;
        transform: translatex(-50%);
        line-height: 1;
        top: -10px;
        background: #fff;
    }

    .back_content .h1_heading {
        top: 125px;
        background-color: #303030;
    }

    .back_content {
        padding: 135px 20px 200px;
        clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 15%);
        -webkit-clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 15%);
        background-color: #303030;
    }

    .front_content .front-back_video img {
        border: none;
        border-radius: 0;
    }

    #course-consists {
        /*background: #fff;*/
    }

    #front-back {
        padding-bottom: 0;
    }

    .guarantee_grid {
        padding-left: 45px;
    }

    .installments_grid {
        grid-column-gap: 40px;
    }

    .installments_title span {
        max-width: 280px;
    }

    .form_free__grid {
        grid-template-columns: 1fr;
    }

    .form_free__text {
        margin-bottom: 30px;
    }

    #form_free .form_free__right {
        max-width: 500px;
    }

    #methods {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .methods_grid {
        flex-wrap: wrap;
    }

    .methods_left, .methods_right {
        width: 100%;
    }

    .methods_right {
        order: -1;
    }

    .methods_left .button {
        margin: 50px auto 0;
    }

    .in_number_grid {
        grid-template-columns: repeat(3, 30%);
        grid-row-gap: 25px;
    }

    .thank-page {
        height: calc(100vh - 50px);
    }
}

@media screen and (max-width: 854px) {
    .wrapper {
        padding: 0 10px;
    }

    #employed .employed_slider {
        width: calc(100vw - 20px);
    }

    #partners_block .block_description, #story_block .block_description, #owu .block_description {
        padding: 24px 10px;
    }

    .top_screen .top_screen__right, .top_screen .top_screen__left, #about .top_screen__left, #about .top_screen__right, #reviews_page .top_screen__left {
        padding-left: 22px;
        padding-right: 22px;
    }

    #my-way .choice-your-way {
        display: none;
    }

    #my-way, #directions, #pro-developer {
        padding-top: 30px;
    }

    .directions_slider, .program_grid, .mentors_slider, #salary .swiper {
        margin-top: 30px;
    }

    .directions_grid {
        gap: 15px;
    }

    #salary .swiper {
        margin-top: 40px;
    }

    .owu_web {
        font-size: 100px;
        line-height: 0.9;
    }

    .my-way_item {
        padding: 40px 20px 20px;
    }

    #my-way {
        padding-bottom: 50px;
    }

    #pro-developer {
        overflow: hidden;
    }

    .pro-developer_logo {
        right: -25px;
        bottom: -50px;
    }

    #salary, #fullstack #salary, #story, #warranty, #project {
        padding: 30px 0;
    }

    .story_text__bg, .warranty_image, .warranty_text__bg, .our-courses_img img {
        display: none;
    }

    .warranty_grid, .our-courses_grid {
        grid-template-columns: 1fr;
        margin-top: 30px;
    }

    #recording .recording_text__bg {
        top: -5px;
        font-size: 45px;
    }

    #story_block #story, #responsibilities {
        padding-top: 30px;
    }

    .installments_title span {
        max-width: 235px;
    }
}

@media screen and (max-width: 768px) {
    #index .top_screen__item {
        width: 60%;
    }

    #index #top_screen .play_button__content {
        left: 20%;
    }

    .okten {
        font-size: 120px;
        line-height: 129px;
    }

    #index .top_screen__left h1 {
        font-size: 41px;
        line-height: 50px;
    }

    #index .top_screen__left h1 span {
        font-size: 100px;
    }

    .top_screen__right__kurs .top_screen__number {
        width: 75px;
        height: 75px;
        font-size: 18px;
    }

    #about .top_screen_right__video .play_button__wrap {
        width: 70px;
        height: 70px;
    }

    #map iframe {
        height: 200px;
    }

    #footer .wrapper, .all_reviews__grid {
        grid-template-columns: 1fr;
    }
    .all_item_reviews__picture {
        height: auto;
    }

    .all_item_reviews .play_button__content {
        transform: translate(-50%, -110%);
    }

    .footer-logo .logo-description {
        margin: 25px auto 0;
    }

    .footer-contact {
        grid-row: 3;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 20px;
    }

    .h1_heading {
        font-size: 32px;
    }

    .h2_heading {
        font-size: 22px;
        line-height: 24px;
    }

    .h3_heading {
        font-size: 17px;
        line-height: 22px;
    }

    .sub_title, .last-block__text {
        font-size: 16px;
        line-height: 23px;
        width: 100%;
    }

    .paragraph {
        font-size: 15px;
        line-height: 24px;
    }

    .my-way_grid {
        grid-template-columns: 1fr;
        grid-gap: 50px;
    }

    .directions_slider .swiper-button {
        top: 47%;
    }

    .effectiveness_item {
        justify-content: right;
    }

    .effectiveness_item:nth-child(1), .effectiveness_item:nth-child(3) {
        justify-content: left;
    }

    #mentors .wrapper {
        padding: 0;
    }

    .mentors_slider .swiper, #course_type_online, #course_type_stationary {
        padding-bottom: 45px;
    }

    #mentors .swiper-button {
        margin-top: -38.5px;
    }

    #mentors .swiper-pagination-bullet {
        background-color: #ff9638;
    }

    .form-btn button {
        width: 100%;
    }

    #frontend .top_screen__right img {
        width: 80%;
    }

    #frontend .top_screen__bg {
        font-size: 85px;
        left: -25px;
    }

    .course-consists__number {
        font-size: 36px;
        height: 170px;
    }

    .course-consists__number::before {
        width: 134px;
        height: 134px;
    }

    .course-consists__number::after,
    .in_number_item__number {
        width: 120px;
        height: 120px;
    }

    .in_number_item__number {
        border: 10px solid #EDF4FB;
        font-size: 34px;
    }

    .course-consists_text {
        font-size: 15px;
    }

    .front-back_text {
        width: 90%;
    }

    .front-back_grid {
        grid-gap: 40px;
    }

    .guarantee_grid {
        padding-left: 0;
    }

    .guarantee_content {
        grid-template-columns: 1fr;
    }

    .guarantee_item {
        padding: 15px 10px 10px 40px;
        transition: 1s;
        border: 2px solid #000000;
        border-radius: 20px;
    }

    .guarantee_item__title::before {
        display: none;
        left: -34px;
        top: -12px;
    }

    .guarantee_item input:checked + .guarantee_item__title::before,
    .guarantee_item.open .guarantee_item__text {
        display: block;
    }

    .guarantee_item__title::after {
        content: "";
        display: block;
        position: absolute;
        height: 28px;
        width: 28px;
        border-radius: 50%;
        left: -33px;
        top: -1px;
        background: #3D3D3E;
    }

    .guarantee_item input:checked + .guarantee_item__title::after, .guarantee_item__text {
        display: none;
    }

    .methods_slider.swiper {
        width: calc(100vw - 20px);
    }

    #free_kurs .top_screen__left h1 {
        font-size: 62px;
    }

    .program2 .item-accordion {
        grid-template-columns: 1fr 60%;
    }

    .program2 .item-accordion .text {
        width: 46.3%;
    }



}

@media screen and (max-width: 700px) {
    #free_kurs .top_screen__bg {
        top: -90px;
        left: 22px;
    }
}

@media screen and (max-width: 632px) {
    .top_screen__right__kurs {
        flex-direction: column;
    }

    .top_screen__right__kurs .top_screen__item {
        width: 100%;
        flex-direction: row;
        column-gap: 12px;
    }

    /*.top_screen{
        background-color: #72CC37!important;
    }*/
    .top_screen__number {
        background-color: #72CC37 !important; /*#fff*/
        border-color: #E6EDF3 !important; /*#AAE087*/
        color: #fff !important; /*#3298f2*/
    }

    .top_screen .top_screen__left, #about .top_screen__left {
        padding-top: 50px;
    }

    .top_screen .top_screen__right {
        padding-top: 0;
        padding-bottom: 0;
        gap: 22px;
    }

    .top_screen__right__kurs .top_screen__number {
        margin-bottom: 0;
    }

    /*#javascript .top_screen__left h1, #Qa-Qc .top_screen__left h1, #incubator .top_screen__left h1{
        color: #fff;
    }*/
    #about .top_screen__left h1, #reviews_page .top_screen__left h1 {
        font-size: 52px;
    }

    #incubator .top_screen__left h1 {
        font-size: 36px;
    }

    #java .top_screen__left h1 {
        font-size: 26px;

    }

    #python .top_screen__left h1 {
        font-size: 26px;
        color: #fff;
    }

    /*fullstack start*/
    #fullstack .top_screen__left h1 span, #incubator .top_screen__left h1 span {
        color: #000;
    }

    #fullstack .top_screen__left h1 {
        font-size: 56px;
        color: #fff;
    }

    #fullstack #top_screen {
        justify-content: center;
        background: #89e24ea6;
        /*height: 100vh;*/
    }

    #python #top_screen {
        background: #b8d1e9;
        /*height: 100vh;*/
    }

    #javascript .top_screen__left h2, #java .top_screen__left h2,
    #python .top_screen__left h2, #about .top_screen__left h2, #reviews_page .top_screen__left h2 {
        font-size: 21px;
    }

    .special-program_item::after, .dream-work_left::before, .dream-work_left::after, .dream-work_right::before, .dream-work_right::after,
    #javascript .top_screen__bg, #java .top_screen__bg, #fullstack .top_screen__bg, #free_kurs .top_screen__bg {
        display: none;
    }

    .top_screen__hours {
        font-size: 72px;
    }

    #incubator .top_screen__slogan {
        padding: 15px;
    }

    #free_kurs #top_screen {
        background: #3298f2;
        height: calc(100vh - 50px);
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    #free_kurs .top_screen__right {
        display: grid;
        height: auto;
        justify-content: normal;
        grid-gap: 15px;
    }

    #free_kurs #top_screen .top_screen__item {
        width: 100%;
        border-radius: 6px;
    }

    #free_kurs .top_screen__left {
        padding-top: 30px;
    }

    #free_kurs .top_screen__left h1 {
        font-size: 40px;
        color: #fff;
    }

    #free_kurs .top_screen__left h1 span {
        color: #000;
    }

    #free_kurs .top_screen__left h2 {
        font-size: 20px;
        color: #000;
    }

    #free_kurs .top_screen__left h2 span {
        color: #fff;
    }

    .master_grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .owu_grid {
        grid-template-columns: 1fr;
        grid-gap: 30px;
        margin-top: 30px;
    }

    .owu_grid__column {
        grid-gap: 30px;
    }

    .swiper-button {
        top: 50%;
    }

    #effectiveness .wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }

    .effectiveness_item {
        width: 100%;
        justify-content: center !important;
    }

    .effectiveness_item::after {
        display: none !important;
    }

    .effectiveness_item span {
        left: 50% !important;
        transform: translateX(-50%);
    }

    #video {
        padding-top: 40px;
        padding-bottom: 30px;
        background-color: #47A2E8;
    }

    .video_text__bg {
        top: -5px;
        font-size: 56px;
    }

    #video .h2_heading {
        margin-bottom: 40px;
    }

    .video__outer .play_button__wrap {
        height: 70px;
        width: 70px;
    }

    #python .special-program_grid::after {
        display: none;
    }

    #python .special-program_grid,
    .special-program_grid {
        grid-template-columns: 1fr 1fr;
        grid-gap: 25px 10px;
        margin-top: 25px;
        padding-bottom: 0px;
    }

    #python #special-program {
        padding-bottom: 50px;
    }

    .special-program_item__title {
        font-weight: 700;
        font-size: 14px;
        height: auto !important;
    }

    #javascript #program {
        padding-top: 30px;
    }

    .dream-work_body .accordion {
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .accordion-item_title .h3_heading {
        margin-bottom: 0;
    }

    #dream-work .accordion-item_description__right {
        display: none;
    }

    #dream-work .accordion-item_description ul {
        padding-top: 25px;
        padding-bottom: 15px;
    }

    .front-back_text {
        width: 100%;
    }

    .installments_grid {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }

    #installments .h2_heading, #installments .h3_heading {
        max-width: 470px;
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 576px) {
    .program_list {
        min-height: inherit;
    }

    #index #top_screen {
        padding: 80px 10px 30px;
        background: url(../image/bg-mobile.png) no-repeat right top;
        grid-row-gap: 30px;
    }

    #index #top_screen .play_button__content {
        position: relative;
        left: 0;
        bottom: 0;
        margin: 0 auto;
        transform: none;
        order: -1;
    }

    .okten {
        font-size: 86px;
        line-height: 100px;
    }

    #index .top_screen__left h1 {
        font-size: 30px;
        line-height: 36px;
    }

    #index .top_screen__left h1 span {
        font-size: 60px;
    }

    #index .top_screen__item {
        width: 100%;
    }

    #index .top_screen__item span {
        max-width: none;
    }

    #top_screen.top_screen {
        gap: 30px;
        padding-bottom: 30px;
    }

    .partners_logo {
        height: auto;
    }

    #my-way .owu_web, .course-composed__bg {
        display: none;
    }

    .item-accordion .text, #free_kurs .item-accordion .text {
        position: relative;
        width: 100%;
        padding: 10px;
    }

    .item-accordion .title {
        padding: 10px 20px;
        width: 100%;
    }

    .item-accordion .title::before {
        color: #ADD6FA;
    }

    .item-accordion .icon {
        display: block;
    }

    .bg_black .item-accordion .icon span {
        background: #ff9638;
    }

    .bg_black.bg_black_blue .item-accordion .icon span {
        background: #3298f2;
    }

    #course-consists {
        padding-top: 15px;
    }

    .item-accordion .title::before {
        top: inherit;
    }

    #contacts .contacts-body {
        padding: 0 10px;
    }

    #contacts .contacts-item {
        width: 100%;
    }

    .in_number_grid {
        grid-template-columns: repeat(2, 48%);
    }

    .in_number_item__text {
        font-size: 16px;
    }

    #direction .wrapper {
        padding: 0;
    }

    .item-accordion input:checked ~ .text,
    .item-accordion input ~ .text {
        display: none;
    }

    #recording .recording_text__bg {
        font-size: 45px;
    }

    #employed {
        padding: 40px 0;
    }

    .directions_grid {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 480px) {
    #mentors .wrapper, #free_result .wrapper, #direction .wrapper, #gallery .wrapper {
        padding: 0 10px;
    }

    #course_type_stationary .h2_heading, #course_type_online .h2_heading {
        text-align: left;
        padding-left: 10px;
        font-size: 19px;
        line-height: 26px;
    }

    #forms .flag {
        width: 305px;
        height: 42px;
    }

    .master_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    #frontend .top_screen__right img, .form_button__block button {
        width: 100%;
    }

    #frontend .top_screen__bg {
        font-size: 60px;
        left: -7px;
    }

    #frontend .top_screen__left, #frontend .top_screen__right {
        padding: 0 10px;
    }

    #fullstack .top_screen__left h1 {
        font-size: 48px;
        line-height: 50px;
    }

    #fullstack .top_screen__left h1 span {
        font-size: 20px;
        margin-top: 20px;
    }

    #fullstack .top_screen__number {
        border-color: #AAE087 !important;
        color: #3298f2 !important;
        background-color: #fff !important;
    }

    #python .top_screen__number {
        background-color: #ffffff !important;
        border-color: #AAE087 !important;
        color: #3298f2 !important;
    }

    .form_content {
        padding: 40px 20px;
    }

    .form_button__block {
        margin-top: 30px;
    }

    .course-consists_grid {
        grid-template-columns: 1fr 1fr;
    }

    #gallery {
        padding-top: 40px;
    }

    #gallery .swiper-button {
        /*display: none;*/
    }

    #reviews_page .top_screen__bg {
        font-size: 100px;
    }

    .mentors_slider {
        border-radius: 20px;
        overflow: hidden;
    }

    #recording .recording_text__bg {
        font-size: 37px;
    }


    /*!!!*/
    .week_item__title {
        font-size: 20px;
    }

    .week_item__text {
        font-size: 16px;
        line-height: 20px;
        padding: 0;
    }
}

@media screen and (max-width: 414px) {
    #header.sticky .button-popap, #header .button-popap {
        font-size: 0;
        width: 50px;
    }

    #top_screen .play_button__wrap {
        width: 100px;
        height: 100px;
    }

    #python .top_screen__left h1 {
        font-size: 22px;
    }

    #python .top_screen__left h2 {
        line-height: 1.1;
    }

    #recording .recording_text__bg {
        top: -3px;
        font-size: 32px;
        opacity: 0.5;
    }

    .course-composed_grid {
        width: 100%;
        grid-row-gap: 30px
    }

    .course-composed_item::before {
        height: 40px;
        width: 40px;
        margin: -20px auto 0;
        left: 10px;
    }

    .footer-contact {
        grid-template-columns: 1fr;
    }

    #footer {
        padding-top: 30px;
    }

    .footer-logo .logo-description {
        max-width: 210px;
    }

    .footer-image img {
        width: 50px;
    }

    .partners_grid, #employed .swiper-wrapper {
        margin-top: 30px;
    }

    #employed {
        padding: 30px 0;
    }

    .reviews_description__text {
        margin-bottom: 30px;
    }

    .parallax-blue {
        padding: 50px 0;
    }

    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        gap: 2px;
    }

    .directions_slider .swiper-button {
        top: 47%;
    }

    .review_item img {
        height: 185px;
    }

    .effectiveness_item {
        min-height: 98px;
    }

    .warranty_list > li {
        margin: 15px 0;
    }

    #incubator .warranty_list {
        margin: 15px 0;
        gap: 30px;
    }

    #incubator .warranty_list__title::before {
        top: 3px;
    }

    #incubator .warranty_list__title {
        font-size: 21px;
    }

    .form-item {
        padding: 20px 30px;
    }

    .front-back_text {
        padding-bottom: 30px;
    }

    #contacts .contacts-address {
        padding: 20px;
    }
}

@media screen and (max-width: 375px) {
    #form_free .h2_heading {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .faq__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .faq__list {
        grid-column: span 2;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .item-faq .text {
        width: calc(33.33% - 16px * 2 / 3);
    }
    
    /*.salary_text{*/
    /*    color: #000;*/
    /*}*/


}

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


    .program2 .program__grid {
        grid-template-columns: 1fr;
        gap: 50px;
        margin-top: 50px;
        padding-bottom: 180px;
    }

    .program-sl__slider {
        width: calc(100% + 10px);
    }

    .program-sl__slider .swiper-slide {
        width: auto;
    }

    .program2 .program-sl__item {
        padding: 8px 24px;
        font-weight: 700;
        font-size: 18px;
        /*line-height: 1.3;*/
        border: 1px solid #C4C4C3;
        border-radius: 4px;
        transition: 0.2s;
        cursor: pointer;
    }

    .program2 .program-sl__item::before {
        display: none;
    }

    .program-sl__item.active,
    .program-sl__item:hover {
        border-color: #3298F2;
    }

    .program-hours__counter {
        font-size: 88px;
    }

    .program-hours__counter::before {
        font-size: 156px;
        left: 35%;
        bottom: 10%;
    }

    .program-hours__counter::after {
        font-size: 32px;
        left: -10%;
        bottom: -30%;
        -webkit-text-stroke-width: 0px;
    }

    .program-hours__text span {
        font-size: 28px;
    }

    .program-hours__text {
        margin-top: 30px;
    }
}

@media screen and (max-width: 854px) {
    .item-faq input:checked ~ .text {
        display: none;
    }

    .item-faq.active {
        border: 2px solid #3298F2;
    }

    .item-faq .text::before {
        display: none;
    }

    .faq__grid {
        grid-template-columns: 1fr;
    }

    .faq__list {
        grid-column: inherit;
        align-items: start;
    }

    .item-faq {
        position: relative;
        border: 1px solid #A7A7A7;
        border-radius: 4px;
    }

    .item-faq .title {
        height: auto;
    }

    .item-faq .text {
        width: 100%;
        position: relative;
        top: 0px;
        padding: 20px 18px 8px;
    }

    .item-faq .title,
    .item-faq input:checked + .title,
    .item-faq input:checked ~ .text,
    .item-faq .text {
        border: none;
    }

}

@media screen and (max-width: 576px) {
    .program2 .item-accordion input:checked ~ .text {
        display: none;
    }

    .program2 .prst:checked + .program-sl__list,
    .program2 .item-accordion input:checked ~ .text,
    .item-faq input:checked ~ .text {
        display: block;
    }

    .program2 .item-accordion.active {
        border: 2px solid #3298F2;
    }

    .program2 .item-accordion {
        grid-template-columns: 1fr;
        border: 1px solid #C4C4C3;
        border-radius: 4px;
        background: #fff;
        margin-bottom: 12px;
    }

    .program2 .item-accordion.open {
        border: 2px solid #3298F2;
    }

    .bg_black .item-accordion {
        background: #292929;
    }

    .program2 .item-accordion .title {
        padding: 8px 10px;
        margin-bottom: 0;
        align-items: flex-start;
    }

    .program2 .item-accordion input:checked + .title {
        padding: 8px 10px;
    }

    .program2 .item-accordion .text {
        width: 100%;
        position: relative;
        top: 0px;
        padding: 20px 18px 8px;
    }

    .program2 .item-accordion .title,
    .program2 .item-accordion input:checked + .title,
    .program2 .item-accordion .text {
        border: none;
    }

    .program2 .item-accordion .icon {
        transform: rotate(270deg);
    }

    .program2 .item-accordion input:checked + .title .icon {
        transform: rotate(90deg);
    }

    .program-hours__counter {
        font-size: 70px;
    }

    .program-hours__counter::before {
        font-size: 110px;
        left: 30%;
        bottom: 40%;
    }

    .program-hours__counter::after {
        font-size: 26px;
    }

    .program-hours__text {
        font-size: 16px;
    }

    .program-hours__text span {
        font-size: 20px;
    }

    .program2,
    .faq2 {
        padding-top: 25px;
        padding-bottom: 50px;
    }

    .program2 .program-hours {
        right: 0;
        bottom: -15px;
    }

    .program2 .program__grid {
        padding-bottom: 0px;
    }

    .program2 .program__grid {
        gap: 25px;
        margin-top: 25px;
    }

    .faq__grid {
        margin-top: 25px;
    }

    .faq__list {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

/*NEW PROGRAMM FAQ*/
@media screen and (max-width: 768px) {
    .week_grid {
        grid-template-columns: 80%;
        justify-content: center;
        margin-top: 35px;
        grid-row-gap: 30px;
    }

    .week_item {
        padding: 20px 20px 20px;
    }

    .week_item__title {
        position: initial;
        padding: 0;
    }

    .week_item__title::before {
        width: 72px;
        height: 72px;
        top: 7px;
        transform: translate(-50%, 0);
    }

    .week_item__desc-title {
        display: block;
    }

    .week_item__text {
        display: none;
        margin-top: 15px;
        padding: 0 18px;
    }

    .week_item__title::after {
        content: '';
        display: block;
        border-style: solid;
        border-width: 9px 6px 0 6px;
        border-color: #292929 transparent transparent transparent;
        width: 0;
        height: 0;
        position: absolute;
        top: 38px;
        right: 20px;
        z-index: 66;
        transition: transform 0.45s;
    }

    .week_item.open .week_item__title:after {
        transform: rotateX(180deg);
    }

    #week .owu {
        display: none;
    }
}


/*NEW PROGRAMM FAQ*/
@media screen and (min-width: 991px) {
    .program2 .swiper-wrapper {
        flex-direction: column;
        height: auto;
    }
}