* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    border-radius: 0px;
    box-shadow: inset 0 0 0 8px #000;
}

::-webkit-scrollbar-thumb {
    background: #bf0000;
}


.fullscreen_player_backdrop {
    width: 100%;
    height: 100vh;
    display: none;
    place-items: center;
    z-index: 100000;
    position: fixed;
    top: 0;
    left: 0;
    background: #00000084;
    backdrop-filter: blur(5px);
}

.fullscreen_player_backdrop2 {
    display: grid;
}

.close_player {
    position: absolute;
    top: 1%;
    right: 1%;
    cursor: pointer;
}


.fullscreen_player {
    width: 95%;
    height: 90%;
    background: #fff;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    gap: 2rem;
    overflow: hidden;
    align-items: center;
    position: relative;
}

.videoVariant_slider {
    width: 220px;
    height: 100%;
    overflow: clip;
    overflow-y: scroll;
    padding-right: 5px;
}


.videoVariant_wrapper {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    overflow: visible;
}

.videoVariant_card {
    width: 100%;
    height: 150px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 3px;
}

.videoVariant_card:hover,
.videoVariant_card:active {
    scale: 0.95;
}

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






.fullscreen_videoPlayer {
    width: 70%;
    aspect-ratio: 16/9;
    overflow: hidden;
    display: grid;
    place-items: center;
    border-radius: 10px;
}

.fullscreen_videoPlayer video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}








.video_courses_container,
.client_comment_slider_container {
    width: 100%;
    height: auto;
    padding: 30px 80px;
}

.client_comment_title {
    width: 100%;
    height: auto;
    padding-bottom: 60px;
}

.client_comment_title h1 {
    padding-bottom: 10px;
}



.comment_slider_cont {
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
    background: #0080002f;
    border: 3px solid green;
}






.video_courses_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 1.2rem;
    column-gap: 1.2rem;
}


.video_card {
    width: 100%;
    height: 420px;
    background: #f4f4f4;
    position: relative;
    display: flex;
    justify-content: flex-end;
    object-fit: cover;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 0 20px #0000005f;
}

.video_card>img {
    width: 100%;
    height: auto;
}

.video_card:hover>img {
    transform: scale(1.2);
}

.video_card:hover .video_card_in {
    backdrop-filter: blur(10px);
    background: #00000075;
}

.video_card:hover .video_card_play_btn {
    left: 8%;
}


.video_card_play_btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #000000a7;
    border: 3px solid #cc1c26;
    position: absolute;
    top: 45%;
    left: -100%;
    cursor: pointer;
}

.video_card_play_btn svg {
    scale: 1.2;
    fill: #cc1c26;
}

.video_card_play_btn:hover {
    border: 3px solid #fff;
}

.video_card_play_btn:hover svg {
    scale: 1.3;
    fill: #fff;
}



.video_card_in {
    width: 75%;
    height: 100%;
    background: #000000cb;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
}


.video_card_profile {
    width: 100%;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
}

.video_card_profile img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.video_card_profile_text {
    height: 100%;
    padding-left: 15px;
}

.video_card_profile_text h4 {
    font-size: 1rem;
}

.video_card_profile_text p {
    color: gray;
    font-weight: bold;
    height: fit-content;
}


.video_card_in_deskr ul {
    font-size: 0.85;
    line-height: 1.5rem;
    color: silver;
    padding-bottom: 20px;
}

.video_card_in_deskr p {
    font-weight: bold;
    width: fit-content;
    cursor: default;
}

.video_card_in_deskr p:hover {
    text-decoration: underline red 3px;
}

.error {
    width: fit-content;
    height: fit-content;
    position: absolute;
    display: flex;
    align-items: center;
    display: none;
}

.error img {
    width: 200px;
    height: 200px;
    margin: 0px;
    transform: rotatey(180deg);

}

.error h2 {
    width: 400px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    margin: -10px 20px;
}

@media (max-width: 2727px) {

    /*! //////////////////////// --Big display-- ///////////////////// */

    .client_comment_slider_container,
    .contact_footer_container,
    .journey_container,
    .float_container,
    .about_text,
    .header {
        padding-left: 300px;
        padding-right: 300px;
    }

    .contact_footer_container {
        margin-left: 0;
        width: 100%;
    }

    .prices_text a {
        display: none;
    }

    .download_cont {
        margin-left: 5%;
        margin-top: 0;
        width: 90%;
    }

    .slider_container {
        height: auto;
    }

    .float_container {
        height: auto;
        padding-bottom: 40px;
    }


}


@media (max-width: 2560px) {

    /*! //////////////////////// --Big display-- ///////////////////// */
    .client_comment_slider_container,
    .contact_footer_container,
    .video_courses_container,
    .contact_container,
    .journey_container,
    .prices_container,
    .slider_container,
    .float_container,
    .kurs_container,
    .book_container,
    .about_text,
    .header {
        padding-left: 300px;
        padding-right: 300px;
    }


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

    .video_card_in {
        padding: 30px;
    }

    .journey_img_cont img:last-child {
        bottom: 10%;
    }

    .journey_container {
        height: 800px;
        overflow: hidden;
    }

    .freeCourse_container {
        height: 800px;
        overflow: hidden;
    }


    .freeCourse_container_in {
        width: 100%;
        height: 100%;
        padding: 30px 300px;
    }


    .download_cont {
        width: 90%;
        margin-left: 5%;
        margin-top: 5%;
        padding: 100px 200px;
    }

    .prices_container {
        height: fit-content;
        overflow: hidden;
    }

    .price_img_top {
        width: 13%;
        margin-top: 0;
    }

    .prices_card {
        height: 900px;
    }

    .locationCard_icon {
        width: 135px;
        height: 138px;
        border-radius: 10px;
        left: -6%;
        top: -10%;
    }

    .locationSide_card_text p {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }


    .fullscreen_videoPlayer {
        scale: 0.9;
    }

    .videoVariant_slider {
        width: 400px;
    }

    .videoVariant_wrapper {
        gap: 3rem;
    }

    .videoVariant_card {
        height: auto;
    }
}


@media (max-width: 2380px) {

    /*! //////////////////////// --Big display-- ///////////////////// */
    .book_text2 {
        width: 80%;
    }
}

@media (max-width: 2220px) {
    /*! //////////////////////// --Big display-2-- ///////////////////// */


    .client_comment_slider_container,
    .contact_footer_container,
    .video_courses_container,
    .freeCourse_container_in,
    .feedback_carousel_cont,
    .journey_container,
    .slider_container,
    .prices_container,
    .tri_2_container,
    .float_container,
    .book_container,
    .kurs_container,
    .tri_container,
    .bottom_header,
    .nav_container,
    .about_text,
    .news_cont,
    .header {
        width: 100%;
        padding-left: 200px;
        padding-right: 200px;
    }

    .nav_container {
        padding-top: 100px;
    }

    .nav_container h1 {
        font-size: 3rem;
    }

    .video_play_btn {
        position: absolute;
        top: 40%;
        left: 70%;
    }

    .bottom_header {
        margin-top: 2%;
        padding-top: 1.6%;
    }

    .kurs_container {
        padding-bottom: 100px;
    }

    .prices_container {
        height: fit-content;
    }

    .prices_card {
        height: 80vh;
    }

    .free_card_row {
        margin-top: 5%;
    }

    .banner_text {
        margin-top: 7%;
    }

    .crypto_banner a {
        margin-top: 20%;
    }


    .videoVariant_slider {
        width: 300px;
    }

    .fullscreen_videoPlayer {
        scale: 1;
    }
}



@media (max-width: 2000px) {

    /*! //////////////////////// --Laptop display-- ///////////////////// */
    .client_comment_slider_container,
    .contact_footer_container,
    .video_courses_container,
    .freeCourse_container_in,
    .feedback_carousel_cont,
    .contact_container,
    .journey_container,
    .slider_container,
    .prices_container,
    .tri_2_container,
    .float_container,
    .kurs_container,
    .book_container,
    .download_cont,
    .tri_container,
    .bottom_header,
    .nav_container,
    .about_text,
    .news_cont,
    .try_boxs,
    .header {
        width: 100%;
        padding-left: 100px;
        padding-right: 100px;
    }


    .download_cont {
        margin-left: 0;
    }

    .video_card ul {
        font-size: 0.9rem;
    }
}


@media (max-width: 1650px) {

    /*! //////////////////////// --Laptop display-- ///////////////////// */
    .contact_footer_container,
    .freeCourse_container_in,
    .feedback_carousel_cont,
    .journey_container,
    .contact_container,
    .slider_container,
    .prices_container,
    .float_container,
    .tri_2_container,
    .kurs_container,
    .book_container,
    .download_cont,
    .tri_container,
    .bottom_header,
    .nav_container,
    .news_cont,
    .try_boxs,
    header {
        width: 100%;
        padding-left: 80px;
        padding-right: 80px;
    }

    .kurs_box_1 {
        width: 95%;
    }


    .locationCard_icon {
        width: 100px;
        height: 100px;
        left: -5%;
        top: -5%;
    }

    .locationCard_icon svg {
        width: 10%;
        height: auto;
    }

    .location_container {
        height: 900px;
    }

    .locationSide_cards {
        height: auto;
    }

    .locationSide_card {
        height: 250px;
    }

    .locationSide_card p {
        padding-top: 5%;
    }


    .locationSide_card_text h1 {
        margin-top: 5%;
    }

    .locationSide_card_text p {
        margin-top: 5%;
    }

    .locationSide_card_text {
        margin-top: 0;
    }



    .journey_img_cont {
        margin-top: -5%;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .journey_img_cont img:first-child {
        height: 85%;
        width: auto;
    }

    .journey_img_cont img:last-child {
        width: 110px;
        height: auto;
        bottom: 15%;
    }



    .locationSide_card_text p {
        font-size: 1rem;
        line-height: 1.8rem;
        margin-top: 28%;
    }


    .prices_card {
        height: 830px;
    }


    .journey_card img {
        width: 80px;
        height: auto;
    }


    .download_cont h1,
    .banner_text h1 {
        font-size: 2rem;
        line-height: 2.3rem;
    }

    .download_cont p,
    .banner_text p {
        width: 90%;
        font-size: 0.9rem;
        line-height: 1.5rem;
    }

    .download_cont p {
        width: 50%;
    }

    .download_btn a {
        font-size: 0.9rem;
        height: 50px;
    }

    .contact_container {
        font-size: 0.8rem;
    }

    .contact_container h4 {
        font-size: 1.05rem;
    }

    .nav_btn1,
    .nav_btn2 {
        font-size: 1.1rem;
    }


    .locationCard_icon {
        width: 80px;
        height: 80px;
    }

    .locationCard_icon svg {
        width: 40%;
        height: auto;
    }

    .locationSide_card_text h1 {
        font-size: 1.2rem;
    }

    .locationSide_card_text p {
        margin-top: 5%;
        font-size: 0.9rem;
        line-height: 1.3rem;
    }

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


}




@media (max-width: 1500px) {
    /*! //////////////////////// --Laptop sml display-- ///////////////////// */

    .download_cont img {
        height: 150%;
        margin-top: 5%;
    }

    .download_btn {
        display: flex;
        gap: 1rem;
    }

    .kurs_box_1 {
        width: 100%;
    }

    .prices_text,
    .prices_text p {
        width: 100%;
    }



    .locationSide_card h1 {
        font-size: 1.5rem;
    }
}


@media (max-width: 1450px) {
    /*! //////////////////////// --Laptop sml display-- ///////////////////// */

    .kurs_box_1 {
        margin-top: 5%;
    }

    .prices_container {
        padding-top: 100px;
    }

}




@media (max-width: 1400px) {
    /*! //////////////////////// --Laptop sml display-- ///////////////////// */


    .freeCourse_container {
        height: 1000px;
    }

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


    .contact_footer_container {
        height: 400px;
    }



    .videoVariant_slider {
        width: 200px;
    }
}

@media (max-width: 1300px) {
    /*! //////////////////////// --Laptop sml display-- ///////////////////// */

    .journey_img_cont {
        display: none;
    }

    .journey_container {
        width: 100%;
    }

    .checkmate_text {
        width: 100%;
        justify-content: space-between;
        column-gap: 5rem;
        gap: 1rem;
    }

    .journey_text_cont {
        width: 90%;
        padding: 0;
    }

    .book_btn {
        font-size: 0.9rem;
        padding: 0;
        width: max-content;
        padding: 0 30px;
        height: 60px;
        display: flex;
        align-items: center;
    }

    .kurs_box_2_info .book_text2 {
        width: 70%;
    }


    .free_card_row {
        margin-top: 8%;
    }

    .free_card {
        height: 325px;
        padding: 30px;
    }

    .free_card h3 {
        font-size: 1.3rem;
        line-height: 2rem;
    }

    .prices_card {
        height: 780px;
    }

    .brand_container h3 {
        display: none;
    }

    .free_card p {
        font-size: 0.9rem;
    }

    .free_card a {
        width: 80%;
        height: 55px;
    }

    .download_cont img {
        height: 120%;
        margin-top: 10%;
    }


    .prices_card {
        height: 820px;
    }

    .prices_card p {
        font-size: 0.9rem;
    }

    .video_card h1 {
        font-size: 1.3rem;
    }
}



@media (max-width: 1200px) {
    /*! //////////////////////// --Laptop sml display-- ///////////////////// */


    .kurs_container {
        height: auto;
    }

    .prices_container {
        padding-top: 0;
        margin-top: 0;
    }

    .kurs_box_1 {
        margin-top: 15%;
    }


    .locationSide_card_text p {
        font-size: 0.8rem;
        line-height: 1.2rem;
        margin-top: 28%;
    }



    .contact_footer_container {
        height: 800px;
    }

    .footer_row {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 2rem;
        row-gap: 2rem;
    }

    .foorter_card {
        width: 100%;
        height: 100%;
    }

    .footer_card_in a {
        margin-top: 55%;
        height: 60px;
        font-size: 0.9rem;
    }


    .location_container {
        display: block;
        height: 1400px;
    }

    .location_map {
        width: 100%;
        height: 250px;
    }

    .location_text_side {
        width: 100%;
        height: auto;
    }


    .locationSide_card:nth-child(2) .locationSide_card_text h1 {
        margin-top: -20%;
    }

    .locationSide_card_text p {
        margin-top: 15%;
        line-height: 2rem;
        font-size: 1.3rem;
    }

    .locationSide_card {
        height: 350px;
        padding-bottom: 50px;
    }

    .locationSide_card h1 {
        font-size: 2rem;
    }


    .fullscreen_player {
        display: flex;
        flex-direction: column;
    }

    .videoVariant_slider {
        width: 90%;
        height: 250px;
        overflow-y: hidden;
        overflow-x: scroll;
        margin-left: 5%;
    }

    .videoVariant_wrapper {
        width: fit-content;
        height: 100%;
        display: flex;
        flex-direction: row;
        overflow: visible;
    }

    .videoVariant_card {
        width: auto;
        height: 200px;
        aspect-ratio: 16/9;
    }

}


@media (max-width: 1100px) {
    /*! //////////////////////// --Laptop sml display-- ///////////////////// */

    .nav_left h1 {
        width: 70%;
        font-size: 2.3rem;
        line-height: 4rem;
    }

    .tri_boxs,
    .bottom_header {
        height: auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

    .tri_boxx,
    .header_box1,
    .header_box2 {
        width: 90%;
        height: auto;
        padding: 0;
    }

    .header_box1 p,
    .header_box2 p {
        width: 100%;
    }

    nav {
        height: auto;
        overflow: visible;
    }

    .tri_text_1 h1 {
        width: 90%;
        font-size: 1.7rem;
    }

    .book_text2,
    .tri_text_1 p {
        font-size: 1rem;
        width: 80%;
    }

    .tri_btn {
        width: max-content;
        height: 60px;
        display: flex;
        align-items: center;
        padding: 0 25px;
        font-size: 1rem;
    }

    .tri_2_box1 {
        width: 100%;
    }

    .tri_2_box2 {
        display: none;
    }


    .try_box2 .nav_btn1,
    .try_box2 .nav_btn2 {
        font-size: 0.9rem;
        height: 55px;
    }


    .feedback_carousel_cont h1,
    .floating_title h1,
    .kurs_box1_text_1,
    .brand_text h1,
    .tri_2_box1 h1,
    .book_text_4,
    .try_box2 h1,
    .book_text1 {
        font-size: 1.7rem;
    }

    .book_check li {
        font-size: 0.9rem;
        line-height: 1.5rem;
        padding: 10px 0;
    }

    .prices_row,
    .free_card_row,
    .book_boxs_2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .prices_card,
    .free_card,
    .book_box_down {
        width: 90%;
        margin: 20px;
    }



    .bbd_info p {
        font-size: 1rem;
        width: 100%;
    }


    .book_btn {
        width: 70%;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .kurs_btn_2 {
        font-size: 0.9rem;
    }



    .freeCourse_container,
    .freeCourse_container_in {
        height: 900px;
    }

    .free_card_row {
        width: 90%;
        height: 650px;
        padding: 0;
    }

    .free_card {
        height: 90%;
        padding: 10px;
        padding-left: 30px;
    }


    .brand_container {
        padding: 0;
    }

    .brand_text {
        width: 100%;
        padding: 30px 50px;
    }


    .news_cont {
        height: auto;
        display: block;
    }


    .cryptoNews_cont {
        width: 100%;
    }

    .crypto_banner {
        width: 90%;
        height: 200px;
        border-radius: 10px;
        padding: 30px;
        margin-bottom: 5%;
        display: block;
    }

    .crypto_banner p,
    .crypto_banner h1 {
        margin: 0;
        padding: 5px 0;
        line-height: normal;
    }

    .crypto_banner h1 {
        padding-top: 0;
    }

    .crypto_banner a {
        margin-top: 6%;
        padding: 15px 55px;
        font-size: 1rem;
    }

    .banner_text {
        margin: 0;
    }

    .download_cont {
        height: 300px;
        padding-top: 30px;
    }

    .download_cont>img {
        display: none;
    }

    .download_text {
        width: 70%;
    }

    .download_text p {
        width: 100%;
        font-size: 0.9rem;
    }

    .download_btn {
        width: 50%;
    }

    .download_btn a {
        width: 45%;
        height: 60px;
        padding: 0;
    }


    .contact_container {
        height: auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .contact_card:first-child,
    .contact_card {
        width: 90%;
    }

    .header_text {
        width: 74%;
        margin-left: 5%;
    }

    .header_logo {
        margin-left: -5%;
    }

    .header_text ul {
        width: 100%;
    }

    .header_text ul li {
        font-size: 0.9rem;
    }

    .try_boxs {
        height: 100%;
        display: flex;
        padding: 0;
    }

    .try_box2 {
        width: 60%;
        align-self: flex-end;
    }
}



@media (max-width: 1000px) {
    /*! //////////////////////// --Laptop sml-2 display-- ///////////////////// */


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

    .footer_card_in a {
        margin-top: 40%;
    }

    .logo_wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        height: auto;
        row-gap: 3rem;
        margin-top: 4%;
    }

    .logo_wrapper img {
        width: 70%;
        height: auto;
    }


    .slider_title {
        width: 100%;
        height: auto;
        display: block;
    }

    .slider_title_text {
        width: 100%;
        padding-bottom: 40px;
    }

    .slider_container {
        height: auto;
    }

    .header_lang,
    .header_language,
    .header_text {
        display: none;
    }

    .menu_btn {
        width: auto;
        height: auto;
        fill: #fff;
        display: grid;
        opacity: 1;
    }


    .menu_container {
        width: 0;
        height: 0;
        display: block;
        visibility: hidden;
        opacity: 0;
        right: -100%;
        pointer-events: none;
        overflow: hidden;
    }

    .menu_container2 {
        width: 95%;
        height: 100vh;
        right: 0;
        visibility: visible;
        opacity: 1;
        background: #000000c1;
        position: fixed;
        z-index: 10000;
        pointer-events: all;
        top: 0;
        backdrop-filter: blur(10px);
    }

    .closeBtn {
        width: 60px;
        height: auto;
        position: absolute;
        right: 2%;
        top: 2%;
    }


    .menu_logo {
        height: 120px;
        width: auto;
        overflow: hidden;
        display: block;
    }

    .menu_logo img {
        height: 100%;
        width: auto;
    }


    .menu_text {
        width: 100%;
        height: 70%;
        display: flex;
        flex-wrap: wrap;
    }

    .menu_text a {
        color: #fff;
        text-decoration: none;
        font-size: 1.2rem;
        width: 100%;
        height: 70px;
        font-weight: 600;
        padding-left: 30px;
        display: flex;
        gap: 0.8rem;
        place-items: center;
        background: rgba(255, 0, 0, 0.115);
    }

    .menu_text a:active {
        letter-spacing: 3px;
    }


    .video_play_btn {
        left: 80%;
    }


    .freeCourse_container,
    .freeCourse_container_in {
        height: 1000px;
    }

    .free_card_row {
        width: 100%;
        height: 650px;
    }

    .free_card_row>* {
        box-sizing: border-box;
    }

    .free_card {
        width: 100%;
        height: 100%;
        padding: 40px;
        margin: 0;
    }

    .video_courses_container {
        display: block;
    }

    .video_card {
        margin-top: 5%;
    }

    .video_card h1 {
        font-size: 1.5rem;
    }

    .video_card ul {
        font-size: 1rem;
    }
}


@media (max-width: 950px) {
    /*! //////////////////////// --Laptop sml-3 display-- ///////////////////// */

    .nav_left h1 {
        line-height: 3rem;
    }

    .tri_boxs,
    .bottom_header {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        padding-bottom: 20px;
    }

    .header_box2 {
        margin-top: 5%;
    }

    .tri_container {
        padding-bottom: 0;
    }

    .tri_text_1 p,
    .tri_text_1 h1,
    .tri_text_1 {
        width: 100%;
    }

    .tri_text {
        display: block;
        padding-bottom: 30px;
    }

    .tri_text a {
        margin-top: 3%;
    }

    .try_boxs {
        display: flex;
    }

    .try_box1 {
        width: 30%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        margin-left: 10%;
    }

    .try_box1 p,
    .try_box1 h4 {
        margin-left: 0;
    }


    .try_box2 {
        width: 65%;
    }

    .nav_btns {
        margin-top: 8%;
    }

    .video_play_btn2 {
        left: 33%;
    }

    .try_box1 {
        transform: translateX(-50px);
    }

    .book_box2 {
        display: none;
    }

    .book_box1 {
        width: 100%;
    }

    .kurs_box_2_info {
        display: block;
        width: 100%;
        padding: 0;
        height: auto;
        padding-bottom: 50px;
    }

    .kurs_box_2_info .book_text1,
    .kurs_box_2_info .book_text2 {
        width: 100%;
        padding: 0;
    }

    .kurs_box_2_info a {
        top: auto;
        left: 0;
        right: auto;
        bottom: -10%;
    }


    .kurs_box_3_box img {
        display: none;
    }

    .kurs_box_3_box {
        padding: 50px;
    }

    .kurs_box_3_info {
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .kurs_box_3_box a {
        padding-left: 25px;
        padding-right: 25px;
        font-size: 1rem;
    }




    .feedback_title,
    .prices_text {
        display: block;
        padding-bottom: 60px;
    }


    .feedback_title p,
    .feedback_title h1,
    .prices_text p,
    .prices_text h1 {
        width: 100%;
    }


    .feedback_title a,
    .prices_text a {
        right: auto;
        left: 0;
        top: auto;
        bottom: -10%;
    }

    .freeCourse_title {
        display: block;
    }


    .feedback_title {
        padding-bottom: 70px;
    }

    .feedback_title a {
        bottom: 0;
    }

    .freeCourse_title a {
        margin-top: 5%;
    }

    .brand_text h3 {
        display: none;
    }


    .brand_container {
        height: auto;
    }

    .prices_row {
        display: block;
        margin-top: 5%;
    }

    .prices_card {
        height: 800px;
    }

    .nav_container {
        overflow: hidden;
    }

    .nav_container h3 {
        width: 90%;
    }
}




@media (max-width: 900px) {
    /*! //////////////////////// --Laptop sml-3 display-- ///////////////////// */

    .book_boxs_2 {
        width: 100%;
        grid-template-columns: repeat(1, 1fr);
        margin: 0;
        overflow: hidden;
    }

    .book_box_down {
        justify-content: center;
        width: 100%;
    }

    .book_box_down:last-child {
        display: flex;
        justify-content: center;
    }




    .locationSide_card:nth-child(2) .locationSide_card_text h1 {
        margin-top: -20%;
    }

    .locationSide_card_text p {
        margin-top: 15%;
        line-height: 2rem;
        font-size: 1.3rem;
    }

    .locationSide_card {
        height: 350px;
        padding-bottom: 50px;
    }

    .locationSide_card p {
        font-size: 1rem;
    }


}


@media (max-width: 850px) {
    /*! //////////////////////// --Laptop sml-3 display-- ///////////////////// */

    .tri_line {
        margin-top: 20%;
    }

    .kurs_btn_info {
        padding: 15px 40px;
    }

    .cryptoNews_cont {
        height: auto;
        margin: 0;
    }

    .crypto_cards {
        height: auto;
        display: block;
        margin: 0;
        overflow: hidden;
    }

    .crypto_card {
        width: 100%;
        height: 500px;
        margin-top: 3%;
        position: relative;
        border-radius: 10px;
        overflow: hidden;
    }

    .download_cont {
        margin-top: 0;
    }

    .cryptoCard_img {
        height: 100%;
    }

    .cryptoCard_img a {
        z-index: 3;
    }

    .cryptoCard_text {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 20px;
        background: linear-gradient(#000, transparent);
        z-index: 1;
    }

    .cryptoCard_text p,
    .cryptoCard_text h1 {
        color: #fff;
    }

    .download_cont {
        width: 100%;
        height: fit-content;
        margin: 0;
        padding: 0;
        overflow: hidden;
        padding-bottom: 30px;
    }

    .download_text {
        width: 100%;
        padding: 30px 70px;
        height: auto;
    }

    .download_btn {
        margin-top: 0;
        margin-left: 70px;
    }



    .freeCourse_container,
    .freeCourse_container_in {
        height: 1000px;
    }

    .free_card_row {
        width: 100%;
        height: 680px;
    }

    .free_card {
        padding-bottom: 0;
        margin-bottom: 10%;
    }

}


@media (max-width: 800px) {
    /*! //////////////////////// --Tablet display-- ///////////////////// */


    .kurs_box_3 {
        display: flex;
        gap: 1rem;
        margin: 0;
        padding: 0;
    }

    .kurs_box_3_box {
        width: 50%;
    }


    .journey_container {
        height: auto;
    }


    .journey_card_cont {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-content: center;
    }

    .journey_card {
        width: 100%;
        justify-self: center;
    }



    .book_boxs_2 {
        margin: 0;
        padding: 0;
    }

    .crypto_banner a {
        margin-top: 3%;
    }

    .kurs_btn_info {
        font-size: 0.9rem;
    }

    .kurs_box_1 {
        margin-top: 25%;
    }


    .video_play_btn2 {
        left: 22%;
    }

    .video_play_btn {
        display: none;
    }

    .freeCourse_container {
        height: 1100px;
    }




    .videoVariant_slider {
        height: 200px;
        padding-bottom: 10px;
    }


    .videoVariant_card {
        height: 100%;
    }

    .fullscreen_videoPlayer {
        width: 90%;
    }
}





@media (max-width: 700px) {

    /*! //////////////////////// --Tablet display-- ///////////////////// */
    * {
        box-sizing: border-box;
    }

    .journey_title h1 {
        font-size: 1.8rem;
        line-height: 2.5rem;
        padding-bottom: 20px;
    }


    .client_comment_slider_container,
    .contact_footer_container,
    .freeCourse_container_in,
    .video_courses_container,
    .feedback_carousel_cont,
    .contact_container,
    .journey_container,
    .slider_container,
    .prices_container,
    .float_container,
    .tri_2_container,
    .kurs_container,
    .book_container,
    .download_cont,
    .nav_container,
    .bottom_header,
    .tri_container,
    .about_text,
    .brand_text,
    .news_cont,
    .header {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }


    .footer_card_in a {
        margin-top: 60%;
    }


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

    .logo_wrapper img {
        place-self: center;
    }


    .floating_card {
        height: auto;
    }

    .bottom_info {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 2rem;
    }

    .bottom_info a {
        height: 60px;
        padding: 0;
        display: grid;
        place-items: center;
    }



    .bottom_header {
        margin: 0;
    }

    .nav_container h3 {
        width: 60%;
    }

    .tri_box {
        width: 100%;
    }

    .tri_text {
        margin-bottom: 25%;
    }

    .tri_2_box1_1 img {
        height: auto;
    }

    .try_container {
        padding: 0;
    }


    .try_boxs {
        width: 100%;
        height: 100%;
        padding: 0;
        display: block;
    }

    .try_box1 {
        width: 100%;
        height: 25%;
        display: grid;
        margin-left: 0;
        align-items: normal;
        justify-content: start;
        padding-left: 200px;
    }

    .try_box2 {
        width: 100%;
        height: 75%;
        display: block;
    }

    .nav_btns {
        margin-top: 0;
    }

    .video_play_btn2 {
        left: 15%;
        top: 30%;
    }

    .kurs_box_1 {
        width: 100%;
    }

    .kurs_box_1_info {
        width: 100%;
        height: 120px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
    }

    .kurs_btn_1 {
        width: 90%;
        margin-left: 5%;
        margin-top: 15%;
        align-self: center;
    }

    .kurs_box_3 {
        width: 100%;
        height: auto;
        display: block;
        margin-top: 15%;
        padding: 0;
    }

    .kurs_container {
        height: auto;
        padding-bottom: 0;
    }

    .kurs_box_3_box {
        width: 100%;
        height: auto;
        margin-top: 5%;
    }

    .kurs_box_3_info {
        height: auto;
        padding-bottom: 30px;
    }

    .prices_row {
        margin: 0;
        margin-top: 15%;
        padding: 0;
    }

    .prices_container {
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    .brand_container {
        height: auto;
    }

    .brand_text {
        height: auto;
    }

    .brand_text p {
        font-size: 0.8rem;
        line-height: 1.4rem;
    }

    .crypto_banner {
        width: 100%;
        height: 240px;
    }

    .crypto_banner h1 {
        width: 100%;
        padding-bottom: 20px;
    }

    .crypto_banner p {
        font-size: 0.8rem;
        font-weight: 500;
    }

    .download_btn,
    .download_text {
        width: 100%;
        margin: 0;
        padding: 40px 0 0 0;
    }

    .contact_container img {
        margin: 0;
        margin-left: -15%;
    }

    .kurs_box_3 {
        margin: 0;
    }


    .try_box2 h1 {
        font-size: 1.3rem;
    }

    .try_box2 ul li {
        font-size: 0.9rem;
    }

    .try_box2 .nav_btns {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-left: 0;
    }

    .nav_btns button {
        width: 50%;
    }


    .location_container {
        height: 1600px;
    }

    .locationSide_cards {
        width: 100%;
        display: block;
    }

    .locationSide_card h1 {
        position: relative;
        z-index: 2;
    }

    .locationSide_card {
        margin-top: 4%;
    }

    .locationCard_icon {
        z-index: 1;
        width: 100%;
        height: 150px;
        top: 0;
        left: 0;
        display: flex;
        padding-left: 40px;
        align-items: center;
    }

    .locationCard_icon svg {
        margin: 0;
        width: 45px;
        height: auto;
    }

}




@media (max-width: 600px) {
    /*! //////////////////////// --Tablet 2 display-- ///////////////////// */

    .nav_container {
        padding-top: 10%;
    }

    .nav_left h1 {
        font-size: 2.5rem;
        line-height: 3.5rem;
        margin: 0;
        padding-bottom: 30px;
    }


    .tri_text {
        margin-bottom: 35%;
    }


    .book_container {
        padding-top: 20px;
    }

    .kurs_box_1 {
        position: static;
        margin-top: 5%;
    }

    .kurs_box_1 a {
        font-size: 0.9rem;
        margin-top: 20%;
        margin-left: 0;
    }

    .kurs_box_2_info {
        margin-top: 25%;
    }

    .freeCourse_title_text h1 {
        line-height: 2.8rem;
        padding-bottom: 20px;
    }

    .free_card a {
        width: 70%;
        font-size: 0.9rem;
    }

    .crypto_banner {
        height: 290px;
    }

    .video_card_in {
        width: 100%;
        padding-top: 80px;
    }

    .video_card_play_btn {
        z-index: 1;
        left: auto;
        right: -50%;
        top: 6%;
    }

    .video_card:hover .video_card_play_btn {
        left: auto;
        right: 6%;
    }
}


@media (max-width: 500px) {
    /*! //////////////////////// --Mobile medium display-- ///////////////////// */


    .checkmate_text {
        width: 100%;
        grid-template-columns: repeat(1, 1fr);
    }

    .footer_row {
        display: block;
    }

    .foorter_card {
        height: 23%;
        margin-top: 5%;
    }

    .foorter_card>svg {
        margin-left: 35%;
    }

    .foorter_card:hover>svg {
        margin-left: 35%;
        transform: scale(1.1);
    }

    .footer_card_in {
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        padding: 25px;
    }

    .footer_card_in a {
        margin: 0;
        width: 180px;
        height: 50px;
        font-size: 0.7rem;
    }

    .footer_card_in h1 {
        font-size: 1.4rem;
    }

    .logo_wrapper {
        margin-top: 20%;
    }

    .logo_wrapper img {
        width: 85%;
    }

    .bottom_info a {
        font-size: 0.9rem;
    }

    .menu_cont2 {
        padding: 30px;
        width: 100%;
    }

    .menu_item {
        width: 100%;
        border-radius: 5px;
    }


    .nav_left h1 {
        width: 50%;
        font-size: 2rem;
    }


    .nav_left .nav_btns {
        width: 50%;
        display: block;
    }


    .nav_left .nav_btn1 {
        width: 100%;
    }

    .nav_left .nav_btn2 {
        width: 100%;
        margin: 10px 0 0 0;
    }


    .nav_left h3 {
        width: 50%;
        font-size: 0.9rem;
        line-height: 1.6rem;
    }


    .nav_container {
        padding-bottom: 55px;
    }

    .free_card_row,
    .tri_container,
    .tri_boxs,
    .bottom_header {
        display: block;
    }

    .tri_boxs {
        margin-top: 5%;
    }

    .tri_boxx {
        padding: 15px 0;
    }

    .tri_line {
        transform: translateY(60px);
    }


    .header_box1 {
        width: 100%;
        padding-bottom: 20px;
    }

    .header_box2 {
        width: 100%;
        padding: 10px 20px 0;
    }

    .kurs_box_1_info {
        width: 100%;
        height: 150px;
        padding: 0;
        display: flex;
        position: relative;
        align-items: baseline;
        justify-content: space-between;
    }

    .kurs_btn_1 {
        width: 100%;
        height: 60px;
        bottom: -10%;
        left: 0;
        display: grid;
        place-items: center;
        color: #fff;
        position: absolute;
    }

    .kurs_box1_text_3 {
        width: fit-content;
        height: fit-content;
    }


    .try_box1 {
        padding-left: 170px;
    }



    .kurs_box_1 .kurs_box1_text_1 {
        width: 100%;
        font-size: 1.6rem;
    }

    .kurs_box1_text_2 {
        font-size: 1rem;
    }

    .price_card_abilities p {
        font-size: 0.9rem;
    }

    .free_card_row {
        height: auto;
    }

    .free_card {
        width: 100%;
        height: 300px;
        margin-top: 5%;
    }

    .free_card svg {
        width: 60px;
        height: 60px;
    }

    .freeCourse_container_in,
    .freeCourse_container {
        height: 1700px;
    }


    .freeCourse_title a,
    .feedback_title a,
    .slider_title a,
    .prices_text>a,
    .kurs_btn_2,
    .tri_btn {
        width: 100%;
        display: grid;
        place-items: center;
    }

    .crypto_banner a {
        width: 85%;
        display: grid;
        place-items: center;
    }

    .book_container {
        height: auto;
        padding-bottom: 10px;
    }


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


    .locationSide_card_text h1 {
        font-size: 1.35rem;
    }

    .locationCard_icon {
        height: 90px;
    }

    .locationCard_icon svg {
        width: 40px;
        height: auto;
    }


    .video_card_in {
        padding-top: 30px;
    }

    .video_card_in ul {
        font-size: 0.8rem;
        line-height: 1.2rem;
    }

    .videoVariant_slider {
        height: 150px;
    }
}



@media (max-width: 400px) {
    /*! //////////////////////// --Mobile biggest display-- ///////////////////// */

    .nav_left {
        width: 100%;
    }

    .bottom_info {
        grid-template-columns: repeat(1, 1fr);
        padding-top: 20px;
    }

    .nav_left .nav_btns,
    .nav_left h1,
    .nav_left h3 {
        width: 100%;
    }

    .nav_left h1 {
        font-size: 1.9rem;
        line-height: 2.7rem;
    }

    .header_box2 {
        padding: 0;
    }


    .contact_footer_container,
    .freeCourse_container_in,
    .feedback_carousel_cont,
    .slider_container,
    .prices_container,
    .tri_2_container,
    .float_container,
    .kurs_container,
    .book_container,
    .download_cont,
    .bottom_header,
    .tri_container,
    .brand_text,
    .news_cont,
    .try_box2,
    .header {
        padding-left: 20px;
        padding-right: 20px;
    }

    .tri_box,
    .tri_container {
        padding-top: 30px;
    }

    .tri_box {
        padding: 20px;
    }


    .feedback_carousel_cont h1,
    .client_comment_title h1,
    .slider_title_text h1,
    .freeCourse_title h1,
    .brand_container h1,
    .cryptoNews_cont h1,
    .floating_title h1,
    .kurs_box1_text_1,
    .crypto_banner h1,
    .journey_title h1,
    .download_cont h1,
    .prices_text>h1,
    .bottom_info h1,
    .kurs_box_2 h1,
    .tri_2_box1 h1,
    .about_text h1,
    .book_box1 h1,
    .bbd_info h1,
    .try_box2 h1,
    .tri_text h1 {
        width: 100%;
        font-size: 1.5rem;
        line-height: 1.8rem;
    }


    .feedback_carousel_cont p,
    .price_card_abilities p,
    .book_box1 .book_text2,
    .slider_title_text p,
    .freeCourse_title p,
    .brand_container p,
    .kurs_box_3_info p,
    .kurs_box1_text_2,
    .floating_title p,
    .journey_title p,
    .download_cont p,
    .prices_text>p,
    .bottom_info p,
    .prices_card p,
    .kurs_box_2 p,
    .tri_2_box1 p,
    .book_box1 li,
    .try_box2 li,
    .book_text2,
    .bbd_info p,
    .tri_text p {
        font-size: 0.9rem;
        line-height: 1.5rem;
    }

    .book_box1 .book_text2 {
        width: 100%;
        padding: 0;
    }

    .try_container {
        height: 500px;
    }

    .try_box1 {
        width: 90%;
        height: 20%;
        margin-left: 5%;
        padding-left: 140px;
    }

    .try_box2 {
        padding-top: 30px;
    }

    .try_box2 h1 {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }

    .try_box2 ul li {
        font-size: 0.8rem;
    }

    .book_checks,
    .book_check,
    .try_box2 .nav_btns {
        width: 100%;
        display: block;
    }

    .try_box2 .nav_btns button {
        width: 100%;
    }

    .try_box2 .nav_btns .nav_btn2 {
        margin-left: 0;
        margin-top: 10px;
    }

    .book_boxs {
        width: 100%;
    }

    .kurs_box_1 {
        margin-bottom: 15%;
    }


    .prices_row {
        width: 100%;
        padding: 0;
    }

    .prices_card {
        width: 100%;
        margin-left: 0;
    }

    .freeCourse_container,
    .freeCourse_container_in {
        height: 1850px;
        background: #fff;
        color: #000;
    }

    .video {
        display: none;
    }

    .free_card {
        box-shadow: 0 0 15px #31313157;
        border-radius: 10px;
    }

    .free_card {
        height: 350px;
    }

    .crypto_banner a {
        margin-top: 12%;
    }

    .crypto_card {
        height: 350px;
    }

    .download_btn {
        width: 100%;
        display: block;
    }

    .download_btn a {
        width: 100%;
    }

    .download_btn a:last-child {
        margin-top: 5%;
    }

    .logo_wrapper {
        display: none;
    }


    .video_card_in h1 {
        font-size: 1.2rem;
    }


    .videoVariant_slider {
        height: 100px;
    }
}