/*Manohar*/
html, body {scroll-behavior: smooth;}

p {font-size: 16px;}

.d-block {

    display: block!important;

}

.d-md-none {

    display: none!important;

}

.d-none {

    display: none!important;

}

.d-md-block {

    display: block!important;

}

.navbar-inverse {

    background-color: rgb(0 0 0 / 50%);

    border-color: transparent;

}

.logo img{width: 320px; transition: 0.1s all}

.logo-small img{width: 200px; transition: 0.1s all}

.btn-donate { background: #EC1E79; color: #fff; padding: 10px 20px; }

.btn-donate:hover { background: #459d34; color: #fff; }



.navbar-inverse .navbar-nav>li>a{color: #fff; font-size: 24px;}

.navbar-nav{margin-top: 25px;}

.navbar-nav.bg-dark{margin-top: 10px;}

.home-page1 .circle, .programs-page1 .circle, .impacte-page1 .circle, .faq-page1 .circle, .contact-page1 .circle{background: #459d34;}

.home-page3 .circle p span.span2 { font-size: 34px; }

.social .fa { background: #000; padding: 10px; border-radius: 5px; }

.home-page1 .circle h1, .home-page2 .circle h1, .home-page3 .circle h1, .programs-page1 .circle h1{font-size: 44px;}

.impacte-page1 .circle h1, .faq-page1 .circle h1, .contact-page1 h1{font-size: 44px;}



@media (max-width:1199.98px){

.navbar-inverse .navbar-nav>li>a{color: #fff; font-size: 18px;}

}

@media (max-width:991.98px){

    .d-block {

        display: none!important;

    }

    .d-md-none {

        display: block!important;

    }

    .d-none {

        display: block!important;

    }

    .d-md-block {

        display: none!important;

    }

    .home-page1 .circle h1, .home-page2 .circle h1, .home-page3 .circle h1, .programs-page1 .circle h1{font-size: 28px; line-height: 1;}

    .home-page3 .circle p span.span2{font-size: 24px; line-height: 1;}

    .logo img{width: 190px;}

}



.navbar-nav li ul.submenu {
    transform: translate(20px, -50px);
    list-style: none;
    padding: 0px;
    position: absolute;
    width: 100%;
    transition: ease-in-out 0.2s;
    opacity: 0;
}

.navbar-nav li ul.submenu li {
    padding: 5px;
    background: #000;
    margin: 2px 0;
    width: 100%;
}

.navbar-nav li ul.submenu li a {
    color: #fff;
    font-size: 18px;
}

.navbar-nav li:hover ul.submenu {
    transform: translate(20px, 0px);
    opacity: 1;
}