@media (max-width: 1366px) and (min-width:1024px){
     .hero .form_box{
        transform: scale(0.9) translateY(-50%);
        transform-origin: center;
     }
}

@media(max-width:768px){
    
    .sm_col_rev{
        flex-direction: column-reverse;
    }
    .cards_main_wrap{
        padding: 25px 20px;
    }
    .cards_main_wrap .the_row{
        row-gap: 20px;
    }
    .cards_main_wrap .list{
        grid-template-columns: repeat(1,1fr);
    }
    .cards_main_wrap .card_title{
        font-size: 22px;
    }
    .cards_main_wrap .price_{
        font-size: 16px;
    }
    .cards_main_wrap .list li{
        font-size: 15px;
    }
    .course-boxes .text{
        left: 0;
        right: 0;
        margin-inline: auto;
    }
    .sm_gap{
        row-gap: 130px;
    }
    .programme_overview .hide_desk{
        display: block;
    }
    .programme_overview .hide_sm{
        display: none;
    }
    .programme_overview .item_wrap .item{
        width: 100%;
    }
    .offer_deadline{
        height: 350px;
    }
    .timer_wrap{
        max-width: 320px;
        margin-inline: auto;
        padding-inline: 15px;
    }
    .timer_wrap .num, .timer_wrap .text, .timer_wrap .dots{
        font-size: 25px;
    }
    .timer_wrap .text{
        font-size: 12px;
    }
    .footer_form{
        row-gap: 30px;
    }
    .floating_btn{
        writing-mode: unset;
        top: unset;
        bottom: 0;
        right: 0;
        left: 0;
        text-align: center;
        transform: translateY(100%);
    }
     .floating_btn.show{
      /*  transform: translateY(-12px);*/
        background: #ccc;
        margin: 0;
        padding: 10px;
    }
    .floating_btn.menu_btn a.atag{
    background-color: var(--color-secondary);
    color: var(--primary-dark);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    font-size: 18px;
    }

    .careerOpportunities .list_wrap li{
        width: 300px;
        text-align: start;
    }
    .careerOpportunities .list_wrap li::before{
        left: -22px;
        top: 7%;
    }
}