@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Love+Ya+Like+A+Sister&display=swap');
:root{
    --primary-color: #0e5c72;
    --primary-dark-color: #0b4453;
    --accent-color: #c39537;
    --text-color: #343434;
    --text-color-light: #5F5F5F;
    --bg-color: #dbe9f4;
    --white-color: #ffffff;
    --black-color: #000200;
    --Dosis-font: "Dosis", sans-serif;
    --Love-font: "Love Ya Like A Sister", cursive;
    --transition: all 0.3s ease-in-out;
    --border-color: rgb(238, 238, 238);
    --border-radius: 10px;
}

@media (max-width: 1100px) {
    .banner_title , .title_sec{
        font-size: 42px;
        line-height: 48px;
    }
}
@media (max-width: 991px) {
    #nav{
    }
    #navbar_content{
        max-height: 500px;
        overflow-y: auto;
        padding: 10px;
    }
    #nav-item , #dropdown-menu #nav-item{
        display: inline-flex;
        width: 100%;
        padding: 14px;
        border: 1px solid #eee;
        margin: 5px;
        border-radius: 10px;
    }
    #dropdown-menu{
        padding: 5px;
    }
    #dropdown-menu #nav-item{
        margin: 5px 0;
    }
    #nav-item:hover{
        border-color: var(--accent-color);
    }
    .banner_home{
        padding: 190px 0 80px;
    }
    .banner_title , .title_sec{
        line-height: 38px;
        font-size: 38px;
    }
    .rocket_banner , .creativity_banner{
        width: 100px;
    }
    .enroll_image_banner ,.bird_image_banner{
        max-width: 90px;
    }
    .footer_copyRight{
        background: #a5be25 ;
    }
    .coursesSec {
        background-position: 0% 50px;
        background-size: 150px auto;
    }
    .testimonialsSec{
        background-size: 150px auto;
    }
    .coursesSec::before {
        background-position: 100% 20px;
        background-size: 180px auto;
    }
    .contact_us{
        background-size: 150px auto;
    }
    .contact_us::before{
        background-position: 100% 20px;
        background-size: 150px auto;
    }
    .page_banner{
        padding: 210px 0 50px;
    }
    .img_turtle{
        right: 10% !important;
        max-width: 250px;
    }
    .card_counter_big{
        background-size: cover;
    }
}
@media (max-width: 776px) {
    .banner_title , .title_sec{
        line-height: 28px;
        font-size: 28px;
    }
    .rocket_banner , .creativity_banner{
        max-width: 100px;
    }
}
@media (max-width: 768px) {
    .card_testmonial{
        background-size: cover;
        min-height: auto;
        padding: 20px 30px;
    }
    #nav{
        padding: 0 10px;
    }
    .page_banner{
        padding: 180px 0 40px;
    }
    .card_counter_big .counter{
        font-size: 45px;
        line-height: 26px;
    }
}

@media (max-width: 567px) {
    .banner_home{
        padding-top: 210px;
    }
    .banner_home .container{
        padding: 0;
    }
    .page_banner{
        padding: 200px 0 40px;
    }
    .card_counter_big{
        padding: 50px 10px;
    }
}
@media (max-width: 425px) {
    .list_contactInfo{
        gap: 0.4rem;
    }
}