@media (max-width: 768px) {
    .carousel_header {
        height: 80vh;
    }

    .navbar {
        padding: 12px 20px;
        /* overflow: hidden; */
    }

    .navbar .menu {
        z-index: 2000;
    }

    .top-bar .right {
        display: none;
    }

    .carousel {
        width: 100%;
    }

    .card-carousely {
        display: block;
        padding: 0;
        display: flex;
        justify-content: center;
    }

    #text_card {
        padding: 20px;
    }

    .who_card img {
        background-color: red;
        display: none;
    }

    #image_card_col {
        width: 100%;
        height: 40vh;
        background-color: black;
        border-radius: 20px;
        background-image: url('/assets/images/who_we_are.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .number_of_years {
        transform: translate(-27%, 54%);
        display: none;
    }

    .how_we_work_section {
        padding: 40px 0px;
    }

    .steps {
        flex-direction: column;
    }

    .choose-left h2 {
        font-size: 32px;
    }

    .btn_bg {
        width: 230px;
        height: 40px;
    }

    .learn_btn {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .choose-us-section {
        padding: 40px 0px;
    }

    .partners-section {
        height: 100%;
        padding: 50px 0px;
    }

    .partners-logos img {
        width: 200px;
        height: 200px;
    }

    #mobile_btn_choose {
        display: block;
    }

    #desktop_btn_choose {
        display: none;
    }

    .why-choose-us {
        padding: 20px 0;
    }

    .longyy h2 {
        font-size: 25px !important;
    }

    .section-Choose {
        display: block;
        height: auto;
    }

    .cta {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 50px 0px 0px 0px;
    }

    .cta__content {
        padding: 20px;
        display: block;
        width: 100%;
    }

    .cta__image {
        position: relative;
        right: 0px;
        bottom: 0px;
        transform: translateX(0%);
    }

    .cta__image {
        position: relative;
    }

    .cta__title {
        font-size: 2.5rem;
        padding: 20px 0px;
    }

    .hamburger.active span:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -7px);
    }

    .who_we_are {
        padding: 50px 0;
    }

    .cta__linebreak{
        display: none;
    }
}