:root{
    --theme-green:#81C426;
    --theme-green-dark:#569400;
    --theme-blue:#007CC2;
}

body {
    font-family: "Poppins", sans-serif;
}

*{
    transition:all 0.3s ease;
}

a:hover{
    color:var(--theme-green);
}

button{
    cursor:pointer;
}

.hero-section{
    background-size: cover;
    background-position: right center;
}

.hero-bg{
    min-height: 100vh;
}

.text-green{
    color: var(--theme-green) !important;
}

.text-blue{
    color: var(--theme-blue) !important;
}

.bg-green{
    background-color: var(--theme-green) !important;
}

.bg-blue{
    background-color: var(--theme-blue);
}

.btn-green-outline{
    border: 2px solid var(--theme-green);
    background: transparent;
}
.btn-green-outline:hover{
    background-color: var(--theme-green);
}


.btn-green{
    background: var(--theme-green);
    border: 2px solid var(--theme-green);
}
.btn-green:hover{
    background: var(--theme-green-dark);
}

.bg-ctas{
    background-size: cover;
    background-position: left top;
}

.h-cta{
    min-height: 50vh;
}