.nav-toggle-open {
    border: 0 !important;
    outline: 0 !important;
    color: var(--primary) !important;
    font-size: 35px !important;
}

.nav-toggle-close {
    background-color: transparent !important;
    color: var(--primary) !important;
    display: flex;
    border: 0;
    margin-left: auto;
    font-size: 35px !important;
}

.mob-display {
    display: none;
}
.offcanvas-header img{
    width: 100px;
}

@media screen and (max-width:1200px){
    ul.navbar-menu-list{
        left: unset !important;
    }
    .azad-footer-v3-main{
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media screen and (max-width:991px){
    ul.navbar-menu-list{
        width: 100%;
        margin: unset !important;
    }
    .navbar-menu-list li a{
        color: #000 !important;
    }
    .navbar-menu-list li{
        margin: 0 !important;
    }
    .azad-glance-v2-grid{
            grid-template-columns: repeat(2, 1fr) !important;
    }
    .azad-contact-wrapper{
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .azad-contact-info{
        min-height: unset;
    }
     .azad-footer-v3-main{
        grid-template-columns:  1fr;
    }
    .azad-footer-v3-brand h3{
        max-width: 100%;
    }
    .azad-footer-v3-bottom{
        flex-direction: column;
        justify-content: center;
        gap: 7px;
    }
    .azad-footer-v3-bottom p{
        text-align: center;
    }
    .d-none-desktop{
    display:flex !important;
}
    .d-none-mobile{
    display:none !important;
}
.navbar-toggler{
    padding:0 !important;
    box-shadow:none !Important;
}

}
@media screen and (max-width:768px){
    .azad-programs-intro h2{
        font-size: 30px;
    }
    .azad-program-visual{
        min-height: 350px;
    }
    .azad-program-visual-title strong{
        font-size: 25px;
    }
    .azad-program-content{
        padding: 15px;
    }
    .azad-program-row{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .azad-program-cost{
        width: 100%;
        gap: 10px;
        padding-left: 0;
        border-left: 0;
        gap: 17px;
    }
    .azad-program-benefit i{
        margin-top: 0;
    }
    .home-azad-offer-card{
        padding: 30px;
    }
    .home-azad-offer-content h2 {
        font-size: 25px;
    }
    .home-azad-why-image{
        height: 350px;
    }
    .home-azad-blog-header h2{
        font-size: 32px;
        line-height: 1.42;
    }
    .home-azad-blog-body h3,.home-azad-blog-body p{
        min-height: unset;
    }
    .home-azad-blog-label,.home-azad-blog-header h2,.home-azad-blog-header p{
        text-align: center;
    }
    .home-azad-blog-label{
        justify-content: center;
    }
.home-azad-blog-label span{
    display: none;
}
.azad-contact-info,.azad-contact-form-box{
    padding: 25px;
}
.azad-contact-form-heading{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.azad-contact-form-row{
    grid-template-columns:unset !important ;
            gap: 2px;
}
.azad-journey-box{
    padding: 25px;
}
.azad-journey-content h2{
    font-size: 25px;
}
.azad-journey-content h3{
    font-size: 18px;
}
.v-certificate-trust-row{
    flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
}
 .v-certificate-blog-featured{
        height: 350px;
    }
    a.nav-top-btn{
        width:fit-content;
        padding:5px 10px !important;
    }
    .baner-main-img{
        height:75vh;
    }
}
@media screen and (max-width:567px){
    .baner-caption-card h1{
        font-size: 35px;
        line-height: 50px;
    }
    .baner-caption-card{
        padding: 0;
    }
    .bnr-btn{
        flex-direction: column;
    }
    .home-about-azad__list{
            grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    .home-about-azad__card{
        padding: 15px;
        gap: 10px;
                flex-direction: column;
    }
    .home-about-azad__card-title{
        margin-bottom: 6px !important;
    }
     .azad-programs-intro h2{
        font-size: 27px;
        line-height: 1.42;
    }
    .azad-program-heading h2{
        font-size: 22px;
        line-height: 1.5;
    }
    .azad-program-cost{
                flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .azad-program-cost span, .azad-program-cost small{
        text-align: left;
    }
    .azad-program-visual{
        min-height: 300px;
    }
    .azad-program-visual-title{
        left: 20px;
    }
    .azad-program-heading{
        margin-bottom: 15px;
    }
    .home-azad-training-card{
        padding: 15px;
    }
    .home-azad-training-header h2 {
        font-size: 25px;
    }
    .home-azad-offer-pricing{
        flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    }
    .home-azad-offer-card{
        padding: 20px;
    }
    .home-azad-offer-content h2{
        font-size: 22px;
        line-height: 1.4;
    }
    .home-azad-why-heading h2{
        font-size: 25px;
    }
    .home-azad-why-image{
        height: 300px;
    }
    .home-azad-why-item{
        flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 10px;
    }
    .home-azad-cta-content h2{
        font-size: 30px;
            line-height: 1.4;
    }
        .azad-glance-v2-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .azad-glance-v2-body strong{
        max-width: 100%;
    }
    .azad-contact-info h2 {
        font-size: 25px;
    }
    .v-certificate-card{
        padding: 25px;
    }
    .v-certificate-title{
        font-size: 30px;
    }
    .pages-baner h1{
        font-size: 25px;
    }
    .v-certificate-blog-featured{
        height: 300px;
    }
    .v-certificate-blog-intro{
            margin: 14px 15px 0;
    }
    .v-certificate-blog-content{
            padding: 12px 15px 40px;
    }
    .v-certificate-blog-meta{
            padding: 20px 15px 0;
    }
    .v-certificate-blog-title{
        margin: 14px 15px 0;
    }
    .v-certificate-blog-title{
        font-size: 25px;
        line-height: 1.45;
    }
    .v-certificate-blog-content h2{
        font-size: 18px;
    }
    .v-certificate-blog-conclusion{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .v-certificate-blog-intro{
        font-size: 15.5px;
    }
}