/*@font-face {
    font-family: "MYuenHK-Xbold";
    src: url("https://db.onlinewebfonts.com/t/3ad4a614780b59a8fdf16f5eae4efc1a.eot");
    src: url("https://db.onlinewebfonts.com/t/3ad4a614780b59a8fdf16f5eae4efc1a.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/3ad4a614780b59a8fdf16f5eae4efc1a.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/3ad4a614780b59a8fdf16f5eae4efc1a.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/3ad4a614780b59a8fdf16f5eae4efc1a.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/3ad4a614780b59a8fdf16f5eae4efc1a.svg#MYuenHK-Xbold")format("svg");
}*/

/*@font-face {
    font-family: "MYuenHK-Xbold";
    src: url("https://db.onlinewebfonts.com/t/3ad4a614780b59a8fdf16f5eae4efc1a.eot");
    src: url("https://db.onlinewebfonts.com/t/3ad4a614780b59a8fdf16f5eae4efc1a.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/3ad4a614780b59a8fdf16f5eae4efc1a.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/3ad4a614780b59a8fdf16f5eae4efc1a.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/3ad4a614780b59a8fdf16f5eae4efc1a.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/3ad4a614780b59a8fdf16f5eae4efc1a.svg#MYuenHK-Xbold")format("svg");
}*/

/*@font-face {
    font-family: "MYuenHK-Light";
    src: url("https://db.onlinewebfonts.com/t/48f467a7772e443034494d7f9eb040aa.eot");
    src: url("https://db.onlinewebfonts.com/t/48f467a7772e443034494d7f9eb040aa.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/48f467a7772e443034494d7f9eb040aa.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/48f467a7772e443034494d7f9eb040aa.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/48f467a7772e443034494d7f9eb040aa.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/48f467a7772e443034494d7f9eb040aa.svg#MYuenHK-Light")format("svg");
}*/



:root {
  --epd-green: #43963f;
  --epd-green-strong: #006a00;
  --epd-light-green: #ecf8d0;
  --epd-blue: 
  font-size: 16px;
  --content-title: 2.5rem;
  --content-size: 1.3rem; 
  --padding-l-r: 14%;
  --padding-l-r-subtitle: 10vw;
}

body {
    overflow-x: hidden;
}
.absolute.w-screen.h-full.overflow-hidden {
    z-index: -999;
}

.remove-image {

}

.light-green-bg {
    background-color: #ecf8d0;
}

.green-bg {
    background-color: #ecf8d0;
}

.blue-bg {
    background-color: #e1effe;
}


.banner-bg-image {
    background-size: cover;
    background-repeat:no-repeat;
}

.padding-l-r {
    padding-left: var(--padding-l-r);
    padding-right: var(--padding-l-r);
}


.padding-l-r-subtitle {
    padding-left: var(--padding-l-r-subtitle);
    padding-right: var(--padding-l-r-subtitle);
}

.green-border {
    border-width: 2px;
    border-radius: 50px;
    border-color: #43963f;
}

@media (max-width: 1199.98px) {
    :root {
        --content-title: 2.5rem;
        --content-size: 1.5rem;
    }
}

@media (max-width: 991.98px) {
    :root {
        --content-title: 2.5rem;
        --content-size: 1.3rem;
    }
}


@media (max-width: 767.98px) {
    :root {
        --content-title: 2.3rem;
        --content-size: 1.2rem;
    }
    .remove-image {
        display: none;
    }
}

@media (max-width: 575.98px) { 
    :root {
        --padding-l-r: 8%;
        --content-title: 2rem;
        --content-size: 1rem;
        --padding-l-r-subtitle: 3vw;
    }
}

/* 
@media (min-width: 0px) {
    #home-banner {
        background-position:top;
        min-height:650px;
    }
    #banner-header {
        width: 94%;
        top: 37%;
    }
    #banner-content-container {
        bottom:12%;
        width: 100%;
    }
    #banner-copy-xs {
        width: 95%;
    }
    #banner-copy-5-half {
        display: none;
    }
    #banner-copy-5 {
        display: none;
    }
    #banner-copy-4 {
        display: none;
    }
    #banner-chevron-sm {
        display: none;
    }
}

@media (min-width:425px) {
    #home-banner {
        min-height:700px;
    }
}

@media (min-width:450px) {
    #home-banner {
        min-height:750px;
    }
}

@media (min-width:515px) {
    #home-banner {
        min-height:800px;
    }
    #banner-content-container {
        bottom:13.5%;
    }
    #banner-copy-xs {
        display: none;
    }
    #banner-copy-5-half {
        display: block;
        width: 95%;
    }
}

@media (min-width: 550px) {
    #home-banner {
        min-height: 840px;
    }
}

@media (min-width: 576px) {
    #banner-content-container {
        bottom: 11%;
    }
}

@media (min-width: 595px) {
    #home-banner {
        min-height: 875px;
    }
}

@media (min-width: 615px) {
    #banner-copy-5-half {
        display: none;
    }
    
    #banner-copy-5 {
        display: block;
        width: 95%;
    }
}

@media (min-width: 625px) {
    #banner-content-container {
        bottom: 9%;
    }
}

@media (min-width: 635px) {
    #home-banner {
        min-height: 900px;
    }
    #banner-header {
        top: 40%;
    }
}

@media (min-width: 655px) {
    #home-banner {
        min-height: 925px;
    }
}

@media (min-width: 675px) {
    #home-banner {
        min-height: 950px;
    }
}

@media (min-width: 700px) {

}

@media (min-width: 720px) {
    #home-banner {
        min-height: 1000px;
    }
    #banner-header {
        width: 600px;
        top: 40%;
    }
    #banner-content-container {
        bottom: 5rem;
        width: 75%;
    }
    #banner-copy-5 {
        width: 100%;
    }
}

@media (min-width: 750px) {
    
    #home-banner {
        min-height: 1100px;
    }
    #banner-header {
        top: 40%;
    }
}

@media (min-width: 760px) {
    #banner-content-container {
        bottom:9.25%;
    }
}

@media (min-width: 795px) {
    #banner-header {
        top: 42.5%;
    }
}

@media (min-width: 815px) {
    #banner-content-container {
        bottom: 7.5%;
    }
}

@media (min-width: 850px) {
    #home-banner {
        min-height: 1150px;
    }
    #banner-header {
        top: 45%;
    }
}

@media (min-width: 890px) {
    #home-banner {
        min-height: 1150px;
    }
    #banner-header {
        top: 47.5%;
    }
    #banner-content-container {
        bottom: 4.5%;
    }
    #banner-copy-5 {
        display: none;
    }
    #banner-copy-4 {
        display: block;
        width: 100%;
    }
}

@media (min-width: 940px) {
    #home-banner {
        min-height: 1200px;
    }
}

@media (min-width: 982px) {
    #banner-content-container {
        bottom: 3.67%;
    }
}

@media (min-width: 992px) {
    #home-banner {
        background-position: center;
        min-height:430px;
    }
    #banner-header {
        top: 28%;
        width: 420px;
    }
    #banner-content-container {
        bottom: 10%;
    }
    #banner-copy-4 {
        display: none;
    }
    #banner-copy-xs {
        display: block;
        width: 73%;
    }
    #banner-chevron-md {
        display: none;
    }
    #banner-chevron-sm {
        display: block;
    }
}

@media (min-width: 1080px) {
    #banner-header {
        width: 430px;
    }
}

@media (min-width: 1040px) {
    #banner-header {
        width: 40%;
    }
}

@media (min-width: 1120px) {
    #banner-header {
        width: 448px;
    }
}

@media (min-width: 1200px) {
    #home-banner {
        min-height:510px;
    }
    #banner-header {
        width: 490px;
    }
    #banner-copy-xs {
        display: none;
    }
    #banner-copy-5-half {
        display: block;
        width: 65%;
    }
    #banner-content-container {
        bottom: 12%;
    }
}

@media (min-width: 1430px) {
    #home-banner {
        min-height: 600px;
    }
    #banner-header {
        width: 560px;
    }
    #banner-content-container {
        bottom: 15%;
    }
    #banner-copy-5-half {
        width: 80%;
    }
}

@media (min-width: 1600px) {
    #home-banner {
        min-height: 650px;
    }
    #banner-header {
        width: 600px;
    }
}

@media (min-width: 1800px) {
    #home-banner {
        min-height: 700px;
    }
    #banner-header {
        width: 670px;
    }
    #banner-content-container {
        bottom: 15.5%;
    }
    #banner-copy-5-half {
        display: none;
    }
    #banner-copy-5 {
        display: block;
        width: 80%;
    }
    #banner-chevron-md {
        display: block;
    }
    #banner-chevron-sm {
        display: none;
    }
} */