:root {
--nav-color:#009e00;
--nav-hover-color:#009e00;
--nav-mobile-background-color:#fff;
--nav-dropdown-background-color:#fff;
--nav-dropdown-color:#444;
--nav-dropdown-hover-color:#009e00
}

#header a,.footer a {
text-decoration:none!important
}

#header a:hover,.footer a:hover {
text-decoration:none
}

.header {
--background-color:#f7f7f7;
--default-color:#009e00;
--heading-color:#009e00;
color:var(--default-color);
background-color:var(--background-color);
padding:20px 0;
transition:all .5s;
z-index:997
}

.header .logo {
line-height:1
}

.header .logo img {
max-height:90px;
max-width:200px;
margin-right:8px
}

.header .logo h1 {
font-size:30px;
margin:0;
font-weight:700;
color:var(--heading-color)
}

.header .cta-btn,.header .cta-btn:focus {
color:var(--contrast-color);
font-size:13px;
padding:7px 25px;
margin:0 0 0 30px;
border-radius:4px;
transition:.3s;
text-transform:uppercase;
border:2px solid var(--contrast-color)
}

.header .cta-btn:hover,.header .cta-btn:focus:hover {
color:var(--contrast-color);
background:var(--accent-color);
border-color:var(--accent-color)
}

@media (max-width: 1200px) {
.header .logo {
order:1
}

.header .cta-btn {
order:2;
margin:0 15px 0 0;
padding:6px 15px
}

.header .navmenu {
order:3
}
}

.scrolled .header {
box-shadow:0 0 18px #0000001a;
--background-color:#fff
}

@media (min-width: 1200px) {
.navmenu {
padding:0
}

.navmenu ul {
margin:0;
padding:0;
display:flex;
list-style:none;
align-items:center
}

.navmenu li {
position:relative
}

.navmenu>ul>li {
white-space:nowrap;
padding:15px 14px
}

.navmenu>ul>li:last-child {
padding-right:0
}

.navmenu a,.navmenu a:focus {
color:#000;
font-size:13px;
padding:0 2px;
font-family:var(--nav-font);
font-weight:750;
display:flex;
align-items:center;
justify-content:space-between;
white-space:nowrap;
transition:.3s;
position:relative;
text-transform:uppercase
}

.navmenu a i,.navmenu a:focus i {
font-size:12px;
line-height:0;
margin-left:5px;
transition:.3s
}

.navmenu>ul>li>a:before {
content:"";
position:absolute;
height:2px;
bottom:-6px;
left:0;
background-color:var(--nav-hover-color);
visibility:hidden;
width:0;
transition:all .3s ease-in-out 0s
}

.navmenu a:hover:before,.navmenu li:hover>a:before,.navmenu .active:before {
visibility:visible;
width:100%
}

.navmenu li:hover>a,.navmenu .active,.navmenu .active:focus {
color:#009e00
}

.navmenu .dropdown ul {
margin:0;
padding:10px 0;
background:var(--nav-dropdown-background-color);
display:block;
position:absolute;
visibility:hidden;
left:14px;
top:130%;
opacity:0;
transition:.3s;
border-radius:4px;
z-index:99;
box-shadow:0 0 30px #0000001a
}

.navmenu .dropdown ul li {
min-width:200px
}

.navmenu .dropdown ul a {
padding:10px 20px;
font-size:15px;
text-transform:none;
color:var(--nav-dropdown-color)
}

.navmenu .dropdown ul a i {
font-size:12px
}

.navmenu .dropdown ul a:hover,.navmenu .dropdown ul .active:hover,.navmenu .dropdown ul li:hover>a {
color:var(--nav-dropdown-hover-color)
}

.navmenu .dropdown:hover>ul {
opacity:1;
top:100%;
visibility:visible
}

.navmenu .dropdown .dropdown ul {
top:0;
left:-90%;
visibility:hidden
}

.navmenu .dropdown .dropdown:hover>ul {
opacity:1;
top:0;
left:-100%;
visibility:visible
}
}

@media (max-width: 1199px) {
.mobile-nav-toggle {
color:#000;
font-size:35px;
line-height:0;
margin-right:10px;
cursor:pointer;
transition:color .3s
}

.navmenu {
padding:0;
z-index:9997
}

.navmenu ul {
display:none;
list-style:none;
position:absolute;
inset:60px 20px 20px 20px;
padding:10px 0;
margin:0;
border-radius:6px;
background-color:var(--nav-mobile-background-color);
border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);
box-shadow:none;
overflow-y:auto;
transition:.3s;
z-index:9998
}

.navmenu a,.navmenu a:focus {
color:var(--nav-dropdown-color);
padding:10px 20px;
font-family:var(--nav-font);
font-size:17px;
font-weight:500;
display:flex;
align-items:center;
justify-content:space-between;
white-space:nowrap;
transition:.3s
}

.navmenu a i,.navmenu a:focus i {
font-size:12px;
line-height:0;
margin-left:5px;
width:30px;
height:30px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
transition:.3s;
background-color:color-mix(in srgb,var(--accent-color),transparent 90%)
}

.navmenu a i:hover,.navmenu a:focus i:hover {
background-color:var(--accent-color);
color:var(--contrast-color)
}

.navmenu a:hover,.navmenu .active,.navmenu .active:focus {
color:var(--nav-dropdown-hover-color)
}

.navmenu .active i,.navmenu .active:focus i {
background-color:var(--accent-color);
color:var(--contrast-color);
transform:rotate(180deg)
}

.navmenu .dropdown ul {
position:static;
display:none;
z-index:99;
padding:10px 0;
margin:10px 20px;
background-color:var(--nav-dropdown-background-color);
transition:all .5s ease-in-out
}

.navmenu .dropdown ul ul {
background-color:#2125291a
}

.navmenu .dropdown>.dropdown-active {
display:block;
background-color:#21252908
}

.mobile-nav-active {
overflow:hidden
}

.mobile-nav-active .mobile-nav-toggle {
color:#fff;
position:absolute;
font-size:32px;
top:15px;
right:15px;
margin-right:0;
z-index:9999
}

.mobile-nav-active .navmenu {
position:fixed;
overflow:hidden;
inset:0;
background:#212529cc;
transition:.3s
}

.mobile-nav-active .navmenu>ul {
display:block
}
}

.footer {
color:#fff;
background-color:#155215;
font-size:14px;
position:relative;
padding-right:20px;
padding-bottom:45px
}

.footer .footer-top {
padding-top:50px;
border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%)
}

.footer .footer-about .logo {
line-height:1;
margin-bottom:25px
}

.footer .footer-about .logo img {
max-height:110px;
margin-right:6px
}

.footer .footer-about .logo span {
font-size:26px;
font-weight:700;
letter-spacing:1px;
font-family:var(--heading-font);
color:var(--heading-color)
}

.footer .footer-about p {
font-size:14px;
font-family:var(--heading-font)
}

.footer .social-links a {
display:flex;
align-items:center;
justify-content:center;
width:45px;
height:45px;
border-radius:50%;
border:1px solid #fff;
font-size:20px;
color:#fff;
margin-right:10px;
transition:.3s
}

.footer .social-links a:hover {
color:#fff;
border-color:var(--accent-color)
}

.footer h4 {
font-size:22px;
font-weight:700;
position:relative;
padding-bottom:12px
}

.footer .footer-links {
margin-bottom:30px
}

.footer .footer-links ul {
list-style:none;
padding:0;
margin:0
}

.footer .footer-links ul i {
padding-right:3px;
font-size:13px;
line-height:0;
color:var(--accent-color)
}

.footer .footer-links ul li {
padding:10px 0;
display:flex;
align-items:center
}

.footer .footer-links ul li:first-child {
padding-top:0
}

.footer .footer-links ul a {
color:#fff;
font-size:15px;
display:inline-block;
line-height:1
}

.footer .footer-links ul a:hover {
color:var(--accent-color)
}

.footer .footer-contact p {
margin-bottom:5px
}

.footer .footer-newsletter .newsletter-form {
margin-top:30px;
margin-bottom:15px;
padding:6px 8px;
position:relative;
border-radius:4px;
display:flex;
background-color:#d2d2d2;
transition:.3s
}

.footer .footer-newsletter .newsletter-form:focus-within {
border-color:var(--accent-color)
}

.footer .footer-newsletter .newsletter-form input[type=email] {
border:0;
padding:4px;
width:100%;
background-color:#d2d2d2;
font-weight:500;
color:#2f2f2f
}

.footer .footer-newsletter .newsletter-form input[type=email]:focus-visible {
outline:none
}

.footer .footer-newsletter .newsletter-form input[type=submit] {
border:0;
font-size:16px;
padding:0 18px;
margin:-7px -8px -7px 0;
background:#009200;
color:#fff;
font-weight:700;
transition:.3s;
border-radius:0 4px 4px 0
}

.footer .footer-newsletter .newsletter-form input[type=submit]:hover {
background:color-mix(in srgb,black,transparent 20%)
}

.scroll-top {
position:fixed;
visibility:hidden;
opacity:0;
right:15px;
bottom:35px;
z-index:99999;
background-color:#009200;
width:40px;
height:40px;
border-radius:4px;
transition:all .4s
}

.scroll-top i {
font-size:28px;
color:#fff;
line-height:0
}

.scroll-top.active {
visibility:visible;
opacity:1
}

.bar {
display:flex;
justify-content:center;
background-color:#009200;
color:#fff;
font-weight:500;
padding: 3px 0;
}

.bar p {
margin-bottom:0;
margin-right:10px
}

.whatsapp-float {
position:fixed;
left:20px;
bottom:20px;
width:65px;
height:65px;
border-radius:50%;
z-index:1000;
display:flex;
justify-content:center;
align-items:center;
transition:transform .2s ease
}

.whatsapp-float img {
width:100%;
height:100%;
object-fit:cover;
cursor:pointer
}

.whatsapp-float:hover {
transform:scale(1.1)
}