/* Add here all your CSS customizations */
@media screen and (max-width: 480px) {
  .carousel-slide-details {
    height: 300px !important;
  }
}
.accordion{
    width: 100%;
}
.accordion .card-header a{
    color: black !important;
}
.carousel-slide-details{
    background-size: cover; 
    background-position: center; 
    height: 70vh;
}
#header .bg-dark {
    background-color: #146c14 !important;
}

#header .header-nav-main nav > ul:not(:hover) > li > a.active{
    color: #000c00 !important;
}
#header .header-nav-main nav > ul:not(:hover) > li > a:hover{
    color: #000c00 !important;
}
#mainNav a:hover{
    color: #000c00 !important;
} 
#footer{
    background: #146c14 !important;
    border-top: 4px solid #146c14;
}
#footer .footer-copyright {
    background: #146c14 !important;
    color: white !important;
}
#footer .footer-copyright p{
    color: white !important;
}
.bg-dark-footer {
    background-color: #158115f2 !important;
}
.contact-btn{
    background-color: #158115f2 !important;
    border-color: #158115f2 #158115f2 #158115f2;
}
.thumb-info .thumb-info-type{
    background-color: #158115f2 !important;
}

#header .header-btn-collapse-nav {
    background: #218721;
}

@media (max-width: 991px) {
    #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active {
        background: #218721;
    }
}