/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------
*/
#header{
    background-color: green !important;
    color: #FFF !important;
}

.border-f5g{
    border-color: #087830 !important;
    border-bottom: solid 3px #087830 !important;
     box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.5); 
}

body {
    background-color: #ffffff;
    color: #333;
    font-family: 'Inter', sans-serif;
}

a, .menu-link div, .top-links a, .ts-text {
    color: #087830;
    transition: color 0.3s ease;
}
a:hover, .menu-link:hover div {
    color: #065c27;
}

.btn, .form-control:focus, .top-links-sub-menu a:hover {
    border-color: #087830;
    background-color: #087830;
    color: #fff;
}

#header, #top-bar {
    border-bottom: 2px solid #087830;
}

.primary-menu > .menu-item > .menu-link::after {
    background-color: #087830;
}

.top-links-section .btn-danger {
    background-color: #087830;
    border-color: #087830;
}