:root {
    --color-green: #2A893D;
    --color-greenlight: #7DAC36;
    --color-greenbtn: #099250;
    --color-yellow: #B9CF26;
    --color-yellow2: #EDF3D2;
    --color-greengrey: #F1F6F2;
    --bg-table-color: #EDF3D2;
    --color-primary: #181D27;
    --color-secondary: #414651;
    --color-tertiary: #535862;
    --color-quaternary: #717680;
    --color-white: #fff;
    --color-light1: #EDF3D2;
    --color-light2: #F1F6F2;
    --color-border:#E9EAEB;
    --bg-submenu: #F1F6F2;
    --primary-font-family: Arial, Helvetica, sans-serif;
    --secondary-font-family: "Open Sans", sans-serif;
    --color-breadcrumbs: #C4EC65;
    --text-md: 1rem;
    --text-sm: 0.88rem;
  }
html {
    scroll-behavior: smooth;
}
*{ 
    box-sizing: border-box;
}
img{
    display: block;
    height: auto;
}
body{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-family: var(--primary-font-family);
    word-wrap: break-word;
    color: var(--color-tertiary);
    transition: all .3s ease-in;
    font-size: 16px;
}
body p:last-child{
    margin: 0;
}
body h2{
    color: var(--color-primary);
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
}
.bg-light1 {
    background-color: var(--color-light1) !important;
}
.bg-light2{
    background-color: var(--color-light2) !important;
}
.bg-greengrey{
    background-color: var(--color-greengrey);
}
.text-greenlight{
    color: var(--color-greenlight);
}
.text-subheading{
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-greenlight);
}
.text-bold{
    font-weight: 700;
}
.text-green{
    color: var(--color-green);
}
.section{
    position: relative;
}
img{
    display: block;
    max-width: 100%;
    height: auto;
}
.bg-green{
    background-color: var(--color-green);
}
.bg-greenlight{
    background-color: var(--color-greenlight);
}
.bg-greenbtn{
    background-color: var(--color-greenbtn);
}
.lg-semibold{
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -2%;
    font-weight: 700;
}
.text-lg{
    font-size: 1.125rem;
}
.text-sm{
    font-size: 0.88rem;
}
.site .btn{
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 0;
    font-weight: 600;
}
.btn-white{
    background-color: #fff;
}
.site a:hover,
.site a:focus,
.site a:active{
    outline: 0 none;
}
.link-overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.container-custom{
    max-width: 1500px;
}
.bg-gray{
    background-color: #FAFAFA;
}
@media (min-width: 1024px) {

}