:root{
    --primary_color: #24297d;
    --secondary_color: #0582c4;
    --third_color: #ac7d2b;
    --white_off: #f7f6f2;
    --white_blue: #eff3ff;
    --white_color: #ffffff;
    --dark_color: #474747;
    --deeb_dark: #15192c;
    --border_color: #eee;
    --red_color: #dc3545;
    --raduis: 15px;
    --primary_font:  "Changa", sans-serif;
    /* --number_font: "Teko", sans-serif; */
    --transition: 0.3s ease;
}




@media (max-width: 1200px) {
    .counter_contetbg {
        padding: 40px 25px;
        border-radius: 30px;
    }

}
@media (max-width: 991px) {
  
   
    section{
        border-radius: 0;
    }
    #navbar{
        padding: 0;
    }
   
    .logo_site{
        max-width: 60px;
    }
    .nav_headerlist{
        border-bottom: 1px solid var(--border_color);
    }
    #navbarSupportedContent:not(.show){
        display: flex !important;
        flex-direction: column;
        position: fixed;
        transform: translateX(100%);
        top: 0;
        background: var(--white_off);
        height: 100vh;
        overflow: auto;
    }
    #navbarSupportedContent{
        /* display: block !important; */
        flex-direction: column;
        position: fixed;
        top: 0;
        min-width: 250px;
        max-width: 320px;
        width: 100%;
        transition: transform 0.4s, visibility 0.4s;
        will-change: transform, visibility;
        background: transparent;
        background: var(--white_color);
        backdrop-filter: blur(12px);
        height: 100vh;
        overflow: auto;
        overflow-x: hidden !important;
        left: auto;
        right: 0;
        transform: translateX(0);
        padding: 0 1rem 1rem;
        z-index: 1;
        -webkit-box-shadow: 0.5px -0.5px 8px 4px rgba(56, 56, 56, 0.05);
        -moz-box-shadow: 0.5px -0.5px 8px 4px rgba(56, 56, 56, 0.05);
        box-shadow: 0.5px -0.5px 8px 4px rgba(56, 56, 56, 0.05);
    }
     
    #nav_item{
        height: 46px;
        line-height: inherit;
        padding: 0.6rem;
        text-wrap: wrap;
        /* font-size: 14px; */
        display: flex;
        border-bottom: 1px solid var(--border_color);
    }
    #nav_item.lang_link{
        color: var(--primary_color);
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
    }
    
    #nav_item i{
        margin-right: auto;
    }
   
   
    .navbar-toggler{
        color: var(--primary_color);
        background: transparent;
        border: 0;
        outline: 0;
        border-radius: 10px;
        border: 1px solid var(--primary_color);
        width: 35px;
        height: 35px;
        font-size: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: none !important;
    }
    .navbar-toggler:focus{
        color: var(--white_color);
        background: var(--secondary_color);
        border-color: var(--secondary_color);
    }
    .btnclose_navtog{
        background: var(--red_color);
        color: var(--white_color);
        position: absolute;
        top: 10px;
        left: 0;
        z-index: 2;
        font-size: 20px;
        width: 35px;
        height: 35px;
        border-radius: 10px;
        border-color: transparent;
    }
    .navbar-toggler i{
        line-height: 0.3rem !important;
    }
    .hero_media{
        overflow: hidden;
    }
    .hero_image{
        max-width: 100%;
        width: 100%;
    }
    .hero_badge_circle {
        width: 90px;
        height: 90px;
        top: 5px;
        left: 5px;
        right: auto;
    }
    .counter_number {
        font-size: 25px;
        font-weight: 600;
    }
    .counter_title {
        font-size: 14px !important;
    }
    .icon_counter {
        width: 60px;
        min-width: 60px;
        height: 60px;
    }
    .course_title{
        font-size: 15px;
    }
    .courses_subtitle{
        font-size: 12px;
    }
    .testmonial_section{
        padding: 30px 0;
    }
}


@media (max-width: 767px) {
    .call_to_action{
        padding: 30px 0;
    }
}
@media (max-width: 575px) {
    .callToaction_title{
        font-size: 18px;
    }
    .call_toaction_content{
        font-size: 14px;
    }
    .contact_location_teaser{
        padding: 10px;
    }
    .card_courses{
        padding: 10px;
    }
    .btn_primary, .secondary_btn{
        border-radius: 25px;
        font-weight: 600;
        font-size: 13px;
        padding: 10px 20px;
    }
    .hero_title {
        font-size: 24px;
    }
    .hero_desc {
        font-size: 14px;
    }
    .title_section{
        font-size: 18px;
        font-weight: 600;
    }
    .card_counter{
        text-align: center;
    }
    .counter_contetbg {
        padding: 20px 0;
    }
    .counter_number {
        font-size: 20px;
    }
    .counter_title {
        font-size: 12px !important;
    }
    .accordion-button{
        font-size: 14px;
    }
    .accordion-body{
        padding: 15px 10px;
        font-size: 13px;
    }
    .card_policy h2 , 
    .card_policy h3 , 
    .card_policy h4 ,
    .card_policy h5 ,
    .card_policy h6{
        font-size: 16px;
    }
    .card_policy{
        padding: 5px 10px 20px;
    }
    .account_title{
        font-size: 18px;
    }
    .account_title + p{
        font-size: 14px;
    }
    .account_brand{
        max-width: 70px;
    }
}

@media (max-width: 400px) {
    .hero_title {
        font-size: 20px;
    }
}