:root {

    /* Primary colors */
    --dark-green: #3A453A;
    --green: #416125;
    --beige: #F4F1E9;

    /* Secondary colors */
    --light-beige: #D9D6CC;
    --dark-beige: #A8A594;
    --light-brown: #B8B08D;

    /* Others */
    --lime-green: #C8D41F;
    --orange: #FEBB25;
    --logo-color: #5E9732;
 

}

body {
    background: var(--dark-beige);
    /* background:#fff; */
}

h2,
h3,
h4,
h5 {
    color: var(--dark-green);
}



#site-header .header-top {
    background-color: var(--dark-green)
}

#site-header .header-inner .header-navigation-wrapper nav ul li a {

    color: var(--dark-green)
}

#site-header .header-inner .header-navigation-wrapper nav ul li a:hover {

    color: var(--green)
}

.btn.btn-primary:not(.vc_btn3-container) {
    background-color: var(--lime-green);
    color: var(--green)!important;
    padding: 8px 20px!important;
    font-size: 20px;
}




.btn.btn-primary:not(.vc_btn3-container){
    background-color: var(--lime-green)!important;
    color: var(--green)!important;
}

.btn.btn-primary:hover:not(.vc_btn3-container) {
    background-color: var(--lime-green)!important;
    opacity: 0.8;
}

.btn.btn-primary.vc_btn3-container .vc_general{
    background-color: var(--lime-green)!important;
    color: var(--green)!important;
}

.btn.btn-green:not(.vc_btn3-container){
    background-color: var(--green);
    color: #fff!important;

}

.btn.btn-green:hover:not(.vc_btn3-container) {
    background-color: var(--green)!important;
    opacity: 0.8;
    color: #fff!important;
}

.btn.btn-green.vc_btn3-container .vc_general{
    background-color: var(--green)!important;
    color: #fff!important;
}


.btn.btn-orange:not(.vc_btn3-container){
    background-color: var(--orange);
    color: #fff!important;

}

.btn.btn-orange:hover:not(.vc_btn3-container) {
    background-color: var(--orange)!important;
    opacity: 0.8;
    color: #fff!important;
}

.btn.btn-orange.vc_btn3-container .vc_general{
    background-color: var(--orange)!important;
    color: #fff!important;
}



.btn.btn-green.vc_btn3-container .vc_general:hover{
    opacity: 0.8;
}


#site-header .header-inner .header-navigation-wrapper .btn {
    background-color: var(--lime-green)!important;
    color: var(--green);
    padding: 14px 20px!important;
    height: auto;

}

.primary-menu {
    display: flex;
    justify-content: center;
    align-items: center;
}

.right-menu .loginbtn img{
    max-height: 20px;
}

.vc_sep_line {
    border-top: 2px solid var(--dark-green) !important;
}


#site-header .search-toggle-wrapper button svg path {
    fill: var(--dark-green);
}

#site-header .search-toggle-wrapper button svg:hover path {
    fill: var(--green);
}


.hero .hero-bottom {
    background-color: var(--dark-green);
}

.startbox .inner {
    background-color: var(--beige);
}

.startbox .btn {
    background-color: var(--orange) !important;
}

.startbox .btn:hover {
    opacity: 0.8;
}

.startbox span {
    color: var(--dark-green) !important;
}

.startbox .inner h3 {
    color: var(--dark-green);
}

.startbox .inner p {
    color: var(--dark-green);
}

.news-feed .news-list .news-item .text-wrap h5 {
    color: var(--dark-green);
}

.showcase .showcase-content h3 {
    color: var(--dark-green);
}

.showcase .showcase-content p {
    color: var(--dark-green);
}

.news-feed .news-list .news-item .text-wrap p {
    color: var(--dark-green);
}

.content-text p {
    color: var(--dark-green);
}

.newsletter-green-box {
    background-color: var(--green);
}

.newsletter-green-box p {
    color: var(--beige) !important;
}

.newsletter-green-box input {
    background-color: var(--beige);
}


.news-feed .news-header{
    background-color: var(--orange);
}

#footer {
    background-color: var(--dark-green);
}

.footer-header-li .footer-header-text {
    color: var(--beige);
}

#footer input,
#footer select,
#footer textarea {
    background-color: var(--beige);
}

#footer p,
#footer span {
    color: var(--beige);
}

.footer-header-li .footer-li a {
    color: var(--beige);
}

#footer .btn {
    background-color: var(--beige);
    color: #000;
}



.grey,
.beige {
    background-color: var(--light-beige) !important;
}

.beige-dark{
    background-color: var(--beige);
}

.beige {
    background-color: var(--light-beige);
}

.dark-green {
    background-color: var(--dark-green);
}

.white {
    background-color: #fff;
}


.loginpage-content{
    display: flex;
    gap: 60px;
    justify-content:center;
    align-items: center;

    
}

.login-page-wrap{
    text-align: center;
    height: calc(100vh - 150px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

@media screen and (max-width: 600px) {
    .loginpage-content{
        gap: 30px;
        flex-direction: column;

        
    }
  }