:root {
    --d-green-color: #13714C;
    --l-green-color: #2A893D;
    --d-gray-color: #B4A269;
    --p-red-color: #9F2241;
    --black-color: #000;
    --l-black-color: #2A893D;
    --white-color: #fff;
    --hover-green-color: #ECF2F0;
    --primary-font-family: "Inter", sans-serif;
    --text-md: 1rem;
    --text-sm: 0.88rem;
  }
html {
    scroll-behavior: smooth;
}
*{ 
    box-sizing: border-box;
}
.text-green,
.text-green a{
    color: var(--d-green-color);
}
img{
    display: block;
    height: auto;
    max-width: 100%;
}
body{
    margin: 0;
    padding: 0;
    font-family: var(--primary-font-family);
    word-wrap: break-word;
    transition: all .3s ease-in;
    font-size: 16px;
    color: var(--black-color);
    font-weight: 300;
}
body p:last-child,
p:last-child{
    margin: 0;
}
.bg-d-gc{
    background-color: var(--d-green-color);
}
.bg-white{
    background-color: var(--white-color);
}
.menuMobile:not(.mm-menu--opened) {
    display: none;
}
body .btn-light{
    border-radius: 0;
    color: var(--d-green-color);
    background-color: var(--white-color);
    display: inline-flex;
    gap: 5px;
    padding: 8px 14px;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    border-color: var(--d-green-color);
}
body .btn-light::after{
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
body .btn-light:hover,
body .btn-light:focus,
body .btn-light:active,
body .btn:first-child:active{
    background-color: var(--black-color);
    color: var(--white-color);
    border-color: var(--black-color);
}
.bg-over{
    background-color: var(--hover-green-color);
}
.bg-green{
    background-color: var(--d-green-color);
}
.bg-narrow{
    background-color: var(--d-gray-color);
}
.bg-red{
    background-color: var(--p-red-color);
}
.link-overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
}
.btn-green{
    background-color: var(--d-green-color);
    color: var(--white-color);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    padding: 8px 19px;
    border-radius: 3px;
}
.btn-green:hover{
    background-color: var(--black-color);
}
.bg-grey {
    background-color: #F6F6F6;
}

body .btn-light.btn-down::after {
    content: "\f063";
}
.text-justify{
    text-align: justify;
}