/*Custome css for Project add font */

:root {
    --themeColor: rgb(0, 128, 0);
}

body {

    font-family: 'Verdana', sans-serif;

}

.top_nav {
    background-color: rgba(255, 255, 255, 0.94) !important;
}

nav {
    transition: 0.6s all;
}

.carousel-item {
    max-height: 500px;
    height: 500px;
}

.carousel-item img {

    height: 100%;
}

.dropdown-menu.show {
    transition: 0.6s all;
}

.navbar-toggler {
    background-color: #fff;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1em;

    height: 1.5em;
}

.owl-carousel {
    transition: 0.6s all;
}

.green_bg {
    background-color: rgb(0, 128, 0);
}

.green_text {
    color: hsl(120, 100%, 25%);
}

.text-justify {
    text-align: justify;
}

.scrolled {
    top: -18px !important;
    margin: 0px;
}

.scrolled .container {
    margin: 0px;
    padding: 0px;
    max-width: 100%;
    border-bottom: 1px solid rgb(0, 128, 0);

}

.scrolled .container .top_nav {
    margin-bottom: 0px !important;
    background: #fff !important;
}

.alert {
    font-size: 0.8em;
}

.footer-link a {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}

.footer-text {
    font-size: 13px;
}


.offcanvas-body .nav-link {
    color: hsl(120, 100%, 25%);
}

.offcanvas-body .nav-link {
    padding: 9px;
    border-radius: 6px;
}

.offcanvas-body .nav-link.active,
.offcanvas-body .nav-link:focus,
.offcanvas-body .nav-link:hover {
    background: green;

    border-radius: 6px;
    color: #fff;
}

/*inner pages*/
.hover-list a {
    transition: 0.6s all;
}

.hover-list a:hover {
    background-color: var(--themeColor);
    color: #fff;
    padding-left: 10px;
}

.hover-list a:hover img {

    filter: brightness(69.5);

}

.no-icon::after{
    display: none; 
}

.no-icon{ text-decoration: none;
    background: none !important; 
}

/*News_and_Updates*/

.News_and_Updates ul li a, .textwidget ul li a{
    font-size: 13px;

}
.News_and_Updates ul,.textwidget ul {
    list-style:circle !important;
}

@media (max-width:640px){
    .carousel-item {
        max-height: 300px;
        height: 300px;
    }
    .p-5{
        padding: 2em !important;
    }
}