/*@font-face {*/
/*    font-family: "Maax-Regular";*/
/*    src: url('../../assets/fonts/maax/Maax-Regular.eot');*/
/*    src: url('../../assets/fonts/maax/Maax-Regular.eot') format('embedded-opentype'),*/
/*    url('../../assets/fonts/maax/Maax-Regular.woff2') format('woff2'),*/
/*    url('../../assets/fonts/maax/Maax-Regular.woff') format('woff'),*/
/*    url('../../assets/fonts/maax/Maax-Regular.ttf') format('truetype');*/
/*}*/

/*@font-face {*/
/*    font-family: "Maax-Bold";*/
/*    src: url('../../assets/fonts/maax/Maax-Bold.eot');*/
/*    src: url('../../assets/fonts/maax/Maax-Bold.eot') format('embedded-opentype'),*/
/*    url('../../assets/fonts/maax/Maax-Bold.woff2') format('woff2'),*/
/*    url('../../assets/fonts/maax/Maax-Bold.woff') format('woff'),*/
/*    url('../../assets/fonts/maax/Maax-Bold.ttf') format('truetype');*/
/*}*/

/*@font-face {*/
/*    font-family: "Maax-Italic";*/
/*    src: url('../../assets/fonts/maax/Maax-Italic.eot');*/
/*    src: url('../../assets/fonts/maax/Maax-Italic.eot') format('embedded-opentype'),*/
/*    url('../../assets/fonts/maax/Maax-Italic.woff2') format('woff2'),*/
/*    url('../../assets/fonts/maax/Maax-Italic.woff') format('woff'),*/
/*    url('../../assets/fonts/maax/Maax-Italic.ttf') format('truetype');*/
/*}*/
@font-face {
    font-family: "Maax-Regular";
    src: url('../../assets/fonts/maax/Maax-Regular.eot');
    src: url('../../assets/fonts/maax/Maax-Regular.eot') format('embedded-opentype'),
    url('../../assets/fonts/maax/Maax-Regular.woff2') format('woff2'),
    url('../../assets/fonts/maax/Maax-Regular.woff') format('woff'),
    url('../../assets/fonts/maax/Maax-Regular.ttf') format('truetype');
}

@font-face {
    font-family: "Maax-Bold";
    src: url('../../assets/fonts/maax/Maax-Bold.eot');
    src: url('../../assets/fonts/maax/Maax-Bold.eot') format('embedded-opentype'),
    url('../../assets/fonts/maax/Maax-Bold.woff2') format('woff2'),
    url('../../assets/fonts/maax/Maax-Bold.woff') format('woff'),
    url('../../assets/fonts/maax/Maax-Bold.ttf') format('truetype');
}

@font-face {
    font-family: "Maax-Italic";
    src: url('../../assets/fonts/maax/Maax-Italic.eot');
    src: url('../../assets/fonts/maax/Maax-Italic.eot') format('embedded-opentype'),
    url('../../assets/fonts/maax/Maax-Italic.woff2') format('woff2'),
    url('../../assets/fonts/maax/Maax-Italic.woff') format('woff'),
    url('../../assets/fonts/maax/Maax-Italic.ttf') format('truetype');
}

@font-face {
    font-family: "Nexa-Bold";
    src: url('../../assets/fonts/nexa/Nexa-Bold.eot');
    src: url('../../assets/fonts/nexa/Nexa-Bold.eot') format('embedded-opentype'),
    url('../../assets/fonts/nexa/Nexa-Bold.woff') format('woff'),
    url('../../assets/fonts/nexa/Nexa-Bold.ttf') format('truetype');
}

/**************************** Global Style ****************************/
label {
    font-family: "Maax-Regular", serif;
    font-size: 12px;
    color: #565654;
}

.form-control {
    border-color: #E0E0E0;
    border-radius: 0;
    font-family: "Maax-Regular", serif;
    font-size: 14px;
    padding: 20px 16px 20px 16px;
}

.form-control:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.custom-select {
    padding: 6px 0 6px 16px;
    -webkit-appearance:none;
    width:100%;
    height: 58%;
    border-radius: 0;
    color: #B0B0B0;
    font-family: "Maax-Regular", serif;
    font-size: 14px;
}

.custom-select:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #B0B0B0;
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #B0B0B0;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #B0B0B0;
}

hr {
    border-top: 11px solid rgba(0, 0, 0, 0.05);
}

.btn-primary {
    background: #2D7A31;
    border-radius: 30px;
    border-color: #2D7A31;
    font-family: "Maax-Bold", serif;
    font-size: 16px;
    color: white;
    padding: 10px 30px 10px 30px;
}

.btn-primary:hover {
    background: #024731;
    border-color: #024731;
}

.btn-secondary {
    border-radius: 30px;
    border-color: #E8F733;
    background: #E8F733;
    font-family: "Maax-Bold", serif;
    font-size: 16px;
    color: #024731;
    padding: 10px 16px 10px 16px;
}

.btn-secondary:hover {
    border-radius: 30px;
    border-color: #f3ff67;
    background: #f3ff67;
    font-family: "Maax-Bold", serif;
    font-size: 16px;
    color: #024731;
    padding: 10px 16px 10px 16px;
}

.dropdown {
    position: static !important;
}

.dropdown-toggle:after {
    content: none
}

.dropdown-menu {
    margin-top: 0!important;
    width: 100% !important;
    border-width: 0;
    border-radius: 0!important;
    padding-top: 20px;
    height: 341px;
}

.dropdown-menu ul li a {
    color: #212529;
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    margin-top: 10px;
    margin-left: 16px;
    margin-bottom: 10px;
}

.dropdown-menu ul {
    margin-top: 10px!important;
    border-left: 1px solid #D7D7D7;
}

.dropdown-menu span {
    color: #024731;
    font-family: "Maax-Bold", serif;
    font-size: 16px;
}

/**************************** Main Theme ****************************/

#nav-header {
    padding: 8px;
    background: #F8F8F2;
}

#nav-header .list-unstyled {
    margin-bottom: 0;
}

#nav-header ul li a {
    text-decoration: none;
    color: #024731;
    margin-left: 20px;
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

.navbar-light .navbar-nav .nav-link {
    color: #023625;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #2D7A31;
}

#nav-header ul li a:hover {
    text-decoration: underline;
    color: #024731;
}

#nav-header span {
    color: #024731;
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

.navbar-nav li a {
    font-family: "Maax-Bold", serif;
    font-size: 16px;
    color: #024731;
}

.navbar-nav li a:hover {
    color: #024731;
}

@media screen and (min-width: 992px) {
    .navbar {
        padding: 0;
    }
    .navbar .navbar-nav .nav-link {
        padding: 1.5em 2em;
    }
}

#intro {
    background: url("../../assets/resources/intro.jpg") no-repeat;
    background-size: cover;
    height: 544px;
}

#intro h1 {
    font-family: "Maax-Bold", serif;
    font-size: 44px;
    color: white;
}

#intro p {
    font-family: "Maax-Bold", serif;
    font-size: 16px;
    color: white;
    margin-bottom: 30px;
    margin-top: 20px;
}

#intro h1 span {
    color: #E8F733;
}

footer {
    padding-top: 30px;
    background: #024731;
}

footer img {
    height: 50px;
    margin-bottom: 30px;
}

footer h5 {
    font-family: "Maax-Bold", serif;
    font-size: 20px;
    color: white;
    margin-bottom: 20px;
}

footer ul li a {
    color: white;
    text-decoration: none;
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    line-height: 24px;
}

footer ul li a:hover {
    text-decoration: underline;
    color: white;
}

footer ul li {
    margin-bottom: 10px;
}

footer ul li i {
    margin-right: 10px;
}

#sub-footer {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 50px;
    background: #023625;
}

#sub-footer p {
    color: white;
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

#sub-footer ul li a {
    font-family: "Maax-Regular", serif;
    font-size: 14px;
    margin-left: 16px;
    margin-right: 16px;
}

#sub-footer span {
    color: white;
    font-family: "Maax-Regular", serif;
    font-size: 12px;
}

.dropdown > .link:hover + .dropdown-menu,
.dropdown-menu:hover {
    opacity: 1;
    transform: translateY(0px);
    pointer-events: auto;
}

#services .container {
    margin-top: -30px;
    padding: 25px;
    background: #F8F8F2;
}

#services h1 {
    color: #023625;
    font-family: "Maax-Bold", serif;
    font-size: 16px;
    margin-bottom: 16px;
}

#companion {
    padding-top: 87px;
    padding-bottom: 70px;
}

#companion h1 {
    color: #023625;
    font-family: "Maax-Bold", serif;
    font-size: clamp(32px, 2.5vw, 44px);
}

#companion h2 {
    color: #023625;
    font-family: "Maax-Bold", serif;
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 20px;
}

#companion p {
    color: black;
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    line-height: 24px;
}

#companion ul li {
    color: black;
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    line-height: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjI1IDEyQzEuMjUgNi4wNjI5NCA2LjA2Mjk0IDEuMjUgMTIgMS4yNUMxNy45MzcxIDEuMjUgMjIuNzUgNi4wNjI5NCAyMi43NSAxMkMyMi43NSAxNy45MzcxIDE3LjkzNzEgMjIuNzUgMTIgMjIuNzVDNi4wNjI5NCAyMi43NSAxLjI1IDE3LjkzNzEgMS4yNSAxMlpNMTMuNTMwMyA4LjQ2OTY3QzEzLjIzNzQgOC4xNzY3OCAxMi43NjI2IDguMTc2NzggMTIuNDY5NyA4LjQ2OTY3QzEyLjE3NjggOC43NjI1NiAxMi4xNzY4IDkuMjM3NDQgMTIuNDY5NyA5LjUzMDMzTDE0LjE4OTMgMTEuMjVIOEM3LjU4NTc5IDExLjI1IDcuMjUgMTEuNTg1OCA3LjI1IDEyQzcuMjUgMTIuNDE0MiA3LjU4NTc5IDEyLjc1IDggMTIuNzVIMTQuMTg5M0wxMi40Njk3IDE0LjQ2OTdDMTIuMTc2OCAxNC43NjI2IDEyLjE3NjggMTUuMjM3NCAxMi40Njk3IDE1LjUzMDNDMTIuNzYyNiAxNS44MjMyIDEzLjIzNzQgMTUuODIzMiAxMy41MzAzIDE1LjUzMDNMMTYuNTMwMyAxMi41MzAzQzE2LjgyMzIgMTIuMjM3NCAxNi44MjMyIDExLjc2MjYgMTYuNTMwMyAxMS40Njk3TDEzLjUzMDMgOC40Njk2N1oiIGZpbGw9IiMyRDdBMzEiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    padding: 0 0 1.5em 2.5em;
    list-style: none;
    margin-bottom: 0.2em;
}

#companion ul{
    padding:0;
}

#companion span {
    font-family: "Maax-Bold", serif;
}

#companion ul li strong {
    font-family: "Maax-Bold", serif;
    font-size: 16px;
}

#companion a {
    text-decoration: none;
    color: #2D7A31;
}

#companion a:hover {
    text-decoration: underline;
}

#steps {
    margin-bottom: 87px;
}

#steps h1 {
    color: #023625;
    font-family: "Maax-Bold", serif;
    font-size: 44px;
}

#steps h2 {
    font-family: "Maax-Italic", serif;
    font-size: 18px;
    margin-bottom: 46px;
}

.card-box {
    text-align: center;
    width: 211px;
    height: 211px;
    border-radius: 23px;
    border: 1.5px solid #024731;
    background: #F8F8F2;
    margin-right: 18px;
}

.card-step {
    border-radius: 24px;
    border: 1px solid #2D7A31;
    background: #2D7A31;
    margin: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.card-step span {
    font-family: "Maax-Bold", serif;
    font-size: 12px;
    color: white;
}

.card-info {
    margin: 12px;
    border-radius: 8px;
    background: #FFF;
    padding: 8px 12px 3px;
}

.card-box img {
    margin-top: 5px;
    margin-bottom: 15px;
}

.card-box h3 {
    font-family: "Maax-Bold", serif;
    font-size: 12px;
    margin: 0;
}

.card-box p {
    font-family: "Maax-Regular", serif;
    font-size: 12px;
    line-height: 19px;
}

#goal {
    padding-top: 47px;
    padding-bottom: 47px;
    background: #F8F8F2;
}

#goal h1 {
    color: #023625;
    font-family: "Maax-Bold", serif;
    font-size: clamp(32px, 2.5vw, 44px);
}

#goal h2 {
    font-family: "Maax-Italic", serif;
    font-size: 18px;
    margin-bottom: 46px;
}

#goal h3 {
    font-family: "Maax-Bold", serif;
    font-size: 24px;
    color: #023625;
}

#goal p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

#goal hr {
    border-top: 4px solid #E8F733;
}

#goal ul li {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    margin-bottom: 20px;
}

#goal ul li span {
    font-family: "Maax-Bold", serif;
    font-size: 16px;
}

#partner {
    padding-top: 60px;
    padding-bottom: 60px;
}

#partner h1 {
    color: #023625;
    font-family: "Maax-Bold", serif;
    font-size: clamp(32px, 2.5vw, 44px);
}

#partner h2 {
    font-family: "Maax-Italic", serif;
    font-size: 18px;
    margin-bottom: 18px;
}

#partner p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

#partner a {
    text-decoration: none;
    color: #2D7A31;
}

#partner a:hover {
    text-decoration: underline;
}

#partner .__it {
    font-family: "Maax-Italic", serif;
}

#collaborator {
    padding-bottom: 86px;
    padding-top: 86px;
    background: #F8F8F2;
}

#collaborator h1 {
    color: #023625;
    font-family: "Maax-Bold", serif;
    font-size: clamp(32px, 2.5vw, 44px);
}

#collaborator h2 {
    font-family: "Maax-Italic", serif;
    font-size: 18px;
    margin-bottom: 18px;
}

#collaborator span {
    font-family: "Maax-Bold", serif;
    font-size: 18px;
    margin-bottom: 18px;
}

#collaborator p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    margin-bottom: 18px;
}

#collaborator img {
    margin-left: -60px;
}

#collaborator a {
    text-decoration: none;
    color: #2D7A31;
}

#collaborator a:hover {
    text-decoration: underline;
}

#assistance {
    padding-top: 60px;
    padding-bottom: 60px;
}

#assistance h1 {
    color: #023625;
    font-family: "Maax-Bold", serif;
    font-size: clamp(32px, 2.5vw, 44px);
}


#assistance p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

#support {
    background: white;
    padding-top: 60px;
    padding-bottom: 60px;
}

#support h1 {
    color: #023625;
    font-family: "Maax-Bold", serif;
    font-size: clamp(32px, 2.5vw, 44px);
}


#support p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

#download {
    background: white;
    margin-top: 16px;
}

#app_img {
    height: 60px;
    width: 60px;
    margin-right: 16px;
}

#download h1 {
    font-family: "Maax-Bold", serif;
    font-size: 16px;
    color: #023625;
    margin: 0;
}

#download p {
    font-family: "Maax-Regular", serif;
    font-size: 13px;
}

#download h2 {
    text-align: center;
    font-family: "Maax-Bold", serif;
    font-size: 16px;
    color: #023625;
}

#subscribe {
    position: fixed;
    z-index: 9999999;
    padding-top: 0;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 1.125rem;
    right: 13px;
    top: 50%;
    transform: translateX(50%) translateY(-50%) rotate(-90deg);
    -ms-transform: translateX(50%) translateY(-50%) rotate(-90deg) scale(1.02);
    -webkit-transform: translateX(50%) translateY(-50%) rotate(-90deg);
    -moz-transform: translateX(50%) translateY(-50%) rotate(-90deg);
    background: #2D7A31;
    color: white;
    border-width: 0;
    font-family: "Maax-Bold", serif;
}

#team-header {
    border-top: 1px solid #F3F3F3;
}

#global-header {
    padding-top: 62px;
    padding-bottom: 62px;
}

#global-header h1 {
    color: #023625;
    font-family: "Maax-Bold", serif;
    font-size: 44px;
}

#global-header p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

#team-list {
    padding-top: 140px;
    padding-bottom: 87px;
    background: #F8F8F2;
}

.team-profile {
    border-radius: 3px;
    border: 1px solid #2D7A31;
    background: #FFF;
    text-align: center;
    padding: 18px;
}

.team-profile img {
    height: 170px;
    width: 170px;
    border-radius: 100px;
    margin-top: -110px;
    border: 2px dotted green;
    padding: 2px;
}

.team-profile h2 {
    font-family: "Maax-Bold", serif;
    font-size: 24px;
    color: #023625;
    margin-top: 10px;
}

.team-profile h3 {
    font-family: "Maax-Bold", serif;
    font-size: 16px;
    color: black;
    margin-bottom: 18px;
}

.team-profile p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    text-align: left;
}

.team-profile a {
    font-family: "Maax-Bold", serif;
    font-size: 16px;
    color: #2D7A31;
}

#modalTeam img {
    height: 170px;
    width: 170px;
    border-radius: 100px;
    border: 2px dotted green;
    padding: 2px;
}

#modalTeam h2 {
    font-family: "Maax-Bold", serif;
    font-size: clamp(32px, 2.5vw, 38px);
    color: #023625;
    margin-top: 10px;
}

#modalTeam h3 {
    font-family: "Maax-Bold", serif;
    font-size: 16px;
    color: black;
    margin-bottom: 18px;
}

.modal-header {
    border-width: 0;
}

.modal-body {
    padding: 0 43px 20px 43px;
}

.modal-body a {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    color: #212529;
    text-decoration: none;
}

.modal-body h2 {
    margin-top: 20px;
    font-family: "Maax-Bold", serif;
    font-size: 38px;
    color: #024731;
}

.modal-body h3 {
    font-family: "Maax-Bold", serif;
    font-size: 21px;
    margin-top: 16px;
    margin-bottom: 16px;
}

#modalTeam p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

.modal-content {
    border-radius: 0;
}

#subheader {
    border-top: 1px solid #F3F3F3;
    padding-top: 50px;
    padding-bottom: 50px;
}

#subheader h1 {
    font-family: "Maax-Bold", serif;
    font-size: clamp(42px, 2.5vw, 54px);
    color: #023625;
}

#subheader p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    line-height: 24px;
}

#subheader a {
    font-family: "Maax-Bold", serif;
    color: #2D7A31;
}

#support {
    background: #F8F8F2;
    padding-top: 66px;
    padding-bottom: 66px;
}

#support h3 {
    font-family: "Maax-Bold", serif;
    font-size: 24px;
    line-height: 28px;
    color: #023625;
    margin-top: 12px;
    margin-bottom: 12px;
}

#support p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    line-height: 24px;
}

#support .card-vw-block {
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#support h4 {
    font-family: "Maax-Regular", serif;
    font-size: 20px;
    margin-top: auto;
}

.card-vw-block {
    background: white;
    padding: 40px 24px 40px 24px;
}

#accordion {
    padding-top: 66px;
    padding-bottom: 66px;
}

#accordion h1 {
    font-family: "Maax-Bold", serif;
    font-size: clamp(32px, 2.5vw, 44px);
    line-height: clamp(32px, 2.5vw, 44px);
    color: #023625;
}

#accordion p {
    margin-top: 16px;
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    line-height: 24px;
    color: #4f4f58;
}

#accordionFaq {
    margin-top: 40px;
    border: 0;
}

#accordionFaq button {
    font-family: "Maax-Regular", serif;
    font-size: clamp(21px, 2.5vw, 24px);
    color: #024731;
    padding-left: 0;
    padding-right: 0;
}

#accordionFaq button {
    text-decoration: none;
}

#accordionFaq button:focus {
    box-shadow: none;
    border-color: white;
}

#accordionFaq .card {
    border: 0;
    background: white;
    border-bottom: 1px solid #D6D6D6;
}

#accordionFaq .card-header {
    background: white;
    padding-left: 0;
    border: 0;
    padding-right: 0;
}

#accordionFaq .card-body {
    padding-top: 0;
    padding-left: 0;
}

#map h1 {
    font-family: "Maax-Bold", serif;
    font-size: 41px;
    color: #024731;
}

.map-container {
    margin-top: 40px;
    height: 630px;
}

.map-container h3 {
    font-family: "Maax-Bold", serif;
    font-size: 16px;
    color: #024731;
}

#noticeboard {
    background: #F8F8F2;
    border-radius: 8px;
}

#noticeboard h5 {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    padding: 16px;
}

#noticeboard strong {
    color: #024731;
    font-family: "Maax-Bold", serif;
}

#headline {
    margin-top: 34px;
}

#headline h1 {
    color: #024731;
    font-family: "Maax-Bold", serif;
    font-size: clamp(32px, 2.5vw, 44px);
    line-height: clamp(32px, 2.5vw, 44px);
    margin-bottom: 30px;
}

#headline .desc {
    color: black;
}

#headline span {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    color: #565654;
    margin-right: 16px;
}

#headline a {
    color: #024731;
    font-family: "Maax-Bold", serif;
    font-size: 16px;
}

#headline p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

.headline-img-contain {
    height:100%;
    max-height:365px;
}

.headline-img-contain img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#media-row {
    margin-top: 75px;
    margin-bottom: 75px;
}

#media-row h1 {
    color: #024731;
    font-family: "Maax-Bold", serif;
    font-size: clamp(32px, 2.5vw, 44px);
}

#media-row h2 {
    color: #024731;
    font-family: "Maax-Bold", serif;
    font-size: 24px;
    line-height: 28px;
    margin-top: 14px;
}

#media-row span {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    color: #565654;
}

#media-row a {
    color: #359636;
    font-family: "Maax-Bold", serif;
    font-size: 16px;
    text-decoration: none;
}

.img-container {
    height:100%;
    max-height:248px;
}

.img-container img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

._img-container {
    height:100%;
    max-height:564px;
}

._img-container img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.__img-container {
    height:100%;
    max-height:180px;
}

.__img-container img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#subscriber {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #F8F8F2;
}

#subscriber h1 {
    color: #023625;
    font-family: "Maax-Bold", serif;
    font-size: clamp(32px, 2.5vw, 44px);
    text-align: center;
}

#subscriber p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    text-align: center;
    margin-bottom: 55px;
}

#media-page {
    padding-bottom: 100px;
}

#media-page h1 {
    font-family: "Maax-Bold", serif;
    font-size: clamp(32px, 2.5vw, 44px);
    line-height: clamp(32px, 2.5vw, 44px);
    color: black;
    margin-top: 44px;
}

#media-page img {
    margin-top: 10px;
}

.desc {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

#media-page .desc {
    margin-top: 40px;
}

.desc h1 {
    font-family: "Maax-Bold", serif;
    font-size: 26px!important;
    line-height: 33px!important;
    margin-top: 5px!important;
}

.desc h2 {
    font-family: "Maax-Bold", serif;
    margin-top: 10px!important;
    font-size: 20px!important;
}

.desc strong {
    font-family: "Maax-Bold", serif;
}

.desc p {
    margin-bottom: 0;
}

#media-page span {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    color: #565654;
}

#media-list {
    border-top: 1px solid #F3F3F3;
    padding-bottom: 100px;
}

#media-list h1 {
    font-family: "Maax-Bold", serif;
    font-size: 54px;
    color: #024731;
    margin-top: 50px;
    margin-bottom: 50px;
}

#media-list h2 {
    font-family: "Maax-Bold", serif;
    font-size: 24px;
    color: #024731;
}

.media-item {
    margin-top: 43px;
}

.media-item {
    margin-top: 43px;
    border-bottom: 1px solid #F3F3F3;
    padding-bottom: 30px;
}

.media-item span {
    color: #565654;
    font-family: "Maax-Regular", serif;
    font-size: 13px;
}

#privacy {
    padding-top: 58px;
    padding-bottom: 100px;
}

#privacy h1 {
    font-family: "Maax-Bold", serif;
    font-size: 54px;
    color: #024731;
}

#privacy h2 {
    font-family: "Maax-Bold", serif;
    font-size: 20px;
    margin-bottom: 30px;
}

#privacy span {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    text-decoration: underline;
}

#privacy strong {
    font-family: "Maax-Bold", serif;
}

#privacy p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    color: #4f4f58;
}

#term-of-use {
    padding-top: 58px;
    padding-bottom: 100px;
}

#term-of-use h1 {
    font-family: "Maax-Bold", serif;
    font-size: 54px;
    color: #024731;
}

#term-of-use h2 {
    font-family: "Maax-Bold", serif;
    font-size: 44px;
    color: #024731;
}

#term-of-use p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    color: #4f4f58;
}

#term-of-use strong {
    font-family: "Maax-Bold", serif;
}

#term-of-use a {
    color: #024731;
    font-family: "Maax-Bold", serif;
}

#career {
    border-top: 1px solid #F3F3F3;
    padding-top: 30px;
    padding-bottom: 90px;
}

#career h2 {
    margin-top: 54px;
    color: #024731;
    font-family: "Maax-Bold", serif;
    font-size: 44px;
}

#card-career {
    padding: 21px 0 75px 0;
    background: #024731;
}

#card-career h1 {
    font-family: "Maax-Bold", serif;
    text-align: center;
    color: white;
}

#card-career p {
    font-family: "Maax-Regular", serif;
    color: white;
    font-size: 16px;
    text-align: center;
    margin: 16px 16px 30px;
}

.card-career-img-contain {
    margin: 10px;
    height:100%;
    max-height:473px;
}

.card-career-img-contain img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#career p {
    font-family: "Maax-Regular", serif;
    line-height: 24px;
    font-size: 16px;
}

#career h3 {
    font-family: "Maax-Bold", serif;
    font-size: 21px;
    color: #024731;
    margin-top: 20px;
}

#apply {
    padding-top: 62px;
    padding-bottom: 62px;
    background: #F8F8F2;
}

#apply h1, #next-step h1 {
    color: #024731;
    font-family: "Maax-Bold", serif;
    font-size: 44px;
}

#apply p, #next-step p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    line-height: 24px;
}

#next-step {
    padding-top: 62px;
    padding-bottom: 62px;
}

#modalCareer .modal-header {
    margin-left: 12px;
}

#modalCareer h1 {
    font-family: "Maax-Bold", serif;
    font-size: 38px;
    color: #024731;
}

#modalCareer p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

#modalCareer, #inputFile {
    padding: 3px 16px 20px 16px;
}

#modalCareer .modal-body {
    padding: 0 32px 20px 32px;
}

#award {
    padding-bottom: 100px;
}

#award img {
    height: 336px;
}

.award-img-contain {
    margin: 10px;
    height:100%;
    max-height:336px;
}

.award-img-contain img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#award h1 {
    font-family: "Maax-Bold", serif;
    font-size: 44px;
    line-height: 48px;
    color: #024731;
}

#award h3 {
    font-family: "Maax-Bold", serif;
    font-size: 16px;
    margin-top: 20px;
}

#award p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

#_partner h1 {
    font-family: "Maax-Bold", serif;
    font-size: clamp(28px, 2.5vw, 38px);
    color: #024731;
}

#_partner h2 {
    font-family: "Maax-Bold", serif;
    font-size: clamp(18px, 2.5vw, 24px);
    color: #024731;
}

#_partner p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

._partner-img-contain {
    margin: 10px;
    height:100%;
    max-height:218px;
}

._partner-img-contain img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#greener-message {
    margin-top: 138px;
    padding-bottom: 68px;
    padding-top: 68px;
    background: #F8F8F2;
}

#cover-header {
    padding-top: 89px;
    padding-bottom: 89px;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
}

#cover-header h1 {
    color: white;
    font-family: "Maax-Bold", serif;
    font-size: 54px;
}

#cover-header p {
    font-family: "Maax-Regular", serif;
    color: white;
}

#story {
    padding-bottom: 100px;
}

#story p {
    font-family: "Maax-Regular", serif;
}

#story h1 {
    font-family: "Nexa-Bold", serif;
    color: #70A12F;
    font-size: 100px;
    margin-top: -10px;
}

#story h2 {
    font-family: "Maax-Bold", serif;
    color: #70A12F;
    font-size: 38px;
}

#hist-image {
    margin-top: 110px;
    margin-bottom: 110px;
}

.hist-image-contain {
    margin: 10px;
    height: 100%;
    max-height: 404px;
}

.hist-image-contain img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.core {
    padding-top: 73px;
    padding-bottom: 73px;
}

.core h3 {
    font-family: "Maax-Bold", serif;
    font-size: clamp(28px, 2.5vw, 38px);
    color: #023625;
    width: fit-content;
    border-bottom: 4px solid #E8F733;
    margin-bottom: 16px;
    padding-bottom: 10px;
}

.core p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    color: black!important;
 }

.core hr {
    border-top: 4px solid #E8F733;
}

.core ul li {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    margin-bottom: 20px;
}

.core ul li span {
    font-family: "Maax-Bold", serif;
    font-size: 16px;
}

.core h1 {
    color: #024731;
    font-family: "Maax-Bold", serif;
    font-size: clamp(28px, 2.5vw, 38px);
}

#vision {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #F8F8F2;
}

#vision h1 {
    font-family: "Maax-Bold", serif;
    font-size: 38px;
    color: #024731;
}

#vision p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

#sdg {
    margin-top: 76px;
    margin-bottom: 76px;
}

#sdg .block {
    padding: 20px;
    background: #024731;
    height: 98px;
    width: 96px;
}

#sdg h2 {
    margin-top: 34px;
    font-size: clamp(23px, 2.5vw, 30px);
    color: #024731;
    font-family: "Maax-Bold", serif;
}

#sdg p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

.impact {
    position: relative;
    padding-top: 72px;
    padding-bottom: 72px;
    background: #F8F8F2;
}

.impact h1 {
    font-size: clamp(28px, 2.5vw, 38px);
    color: #024731;
    font-family: "Maax-Bold", serif;
}

.impact p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

.impact img {
    position: absolute;
    bottom: 0;
    right: 0;
}

#error h1 {
    margin-top: 30px;
    font-family: "Maax-Bold", serif;
    font-size: 34px;
    color: #000000;
}

#error p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    margin-bottom: 40px;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:focus {
    color: #fff;
    background-color: #024731;
    border-color: #024731;
    box-shadow: 0 0 0 0.2rem rgba(0, 121, 37, 0.5)
}

#side-header {
    padding-top: 52px;
    padding-bottom: 52px;
    background: #024731;
}

#side-header h1 {
    color: white;
    font-family: "Maax-Bold", serif;
    font-size: clamp(42px, 2.5vw, 54px);
}

#side-header h3 {
    margin-top: 18px;
    margin-bottom: 35px;
    color: #E8F733;
    font-family: "Maax-Bold", serif;
    font-size: 24px;
}

#side-header p {
    color: white;
    font-family: "Maax-Regular", serif;
}

.modal .btn-secondary:hover {
    color: white;
    border-color: #6c757d;
    background: #6c757d;
}

#side-header-contain-img {
    height: 100%;
    max-height: 452px;
}

#side-header-contain-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#residential-waste {
    padding-top: 60px;
    padding-bottom: 60px;
}

#residential-waste h1 {
    font-family: "Maax-Bold", serif;
    color: #024731;
    margin-bottom: 39px;
    font-size: clamp(30px, 2.5vw, 40px);
}

.card-block {
    background: white;
    border: 1px solid #D9D9D9;
    padding: 30px;
    height: 322px;
}

.card-block h2 {
    margin-top: 23px;
    font-family: "Maax-Bold", serif;
    color: #024731;
    font-size: 20px;
}

.logo-carousel-wrapper {
    width: 100%;
    overflow: hidden;
}

.logo-carousel {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.logo-carousel a {
    flex: 0 0 16.666%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.logo-carousel img {

    object-fit: contain;
}

.card-block p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
    text-align: left;
}

#residential-waste-payment {
    margin-top: 100px;
}

#residential-waste-payment h1 {
    font-family: "Maax-Bold", serif;
    font-size: clamp(30px, 2.5vw, 38px);
    color: #024731;
}

#residential-waste-payment p {
    margin-top: 24px;
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

#gl-content {
    background: #F8F8F2;
    padding-top: 73px;
    padding-bottom: 73px;
    margin-bottom: 30px;
}

#gl-content h1 {
    font-family: "Maax-Bold", serif;
    font-size: clamp(30px, 2.5vw, 38px);
    color: #024731;
}

#gl-content p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

#app-download {
    margin-top: 60px;
}

#app-download h1 {
    font-family: "Maax-Bold", serif;
    font-size: clamp(38px, 2.5vw, 48px);
    color: #024731;
    margin-bottom: 25px;
}

#app-download p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

#trade-waste {
    background: #F8F8F2;
}

#trade-waste {
    padding-top: 60px;
    padding-bottom: 60px;
}

#trade-waste h1 {
    font-family: "Maax-Bold", serif;
    color: #024731;
    margin-bottom: 39px;
}

#gl-content-content-img {
    height: 100%;
    max-height: 327px;
}

#gl-content-content-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#_gl-content-content-img {
    height: 100%;
    max-height: 327px;
}

#_gl-content-content-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#_gl-content {
    background: #F8F8F2;
    padding-top: 73px;
    padding-bottom: 73px;
    margin-bottom: 30px;
}

#_gl-content h1 {
    font-family: "Maax-Bold", serif;
    font-size: clamp(28px, 2.5vw, 38px);
    color: #024731;
}

#_gl-content p {
    font-family: "Maax-Regular", serif;
    font-size: 16px;
}

#_app-download {
    margin-bottom: 25px;
}

#plastic-credit {
    padding-bottom: 60px;
}

#plastic-credit h1 {
    font-family: "Maax-Bold", serif;
    color: #024731;
    margin-bottom: 39px;
    font-size: clamp(28px, 2.5vw, 38px);
}

#plastic-credit .card-block {
    background: white;
    border: 1px solid #D9D9D9;
    padding: 30px;
    height: 284px;
}

#tab-bg {
    background-color: #F8F8F2;
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    font-size: 16px;
    font-family: "Maax-Regular", serif;
    border-radius: 0.25rem;
    color: #0C0D10;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #359636;
    font-family: "Maax-Bold", serif;
    font-size: 16px;
    background-color: white;
}

.nav-tabs li.disabled a {
    pointer-events: none;
}

.bg-gray {
    background-color: #A6A6A6;
    border-color: #A6A6A6;
}

.bg-gray:hover {
    background-color: #777777;
    border-color: #777777;
}

.mt-award {
    margin-top: 100px;
}

@media (min-width: 576px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    #term-of-use h1 {
        font-family: "Maax-Bold", serif;
        font-size: 38px;
        color: #024731;
    }

    #term-of-use h2 {
        font-family: "Maax-Bold", serif;
        font-size: 28px;
        color: #024731;
    }

    #collaborator img {
        max-width: 100%;
        height: auto;
        margin-left: 0;
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
        margin-top: 20px !important;
        margin-left: 10px;
        height: 100%;
        margin-bottom: 20px;
    }

    .navbar-light .navbar-nav .nav-link {
        padding-top: 16px;
        padding-left: 10px;
        padding-bottom: 16px;
        border-bottom: 0.7px solid #D6D6D6;
    }

    .dropdown-menu {
        padding-top: 0;
    }

    #support img, #company-logo img {
        margin-top: 40px;
        max-height: 150px;
    }

    #collaborator {
        padding-top: 40px;
    }

    #collaborator, #goal {
        background: white;
    }

    #sub-footer ul li a {
        font-family: "Maax-Regular", serif;
        font-size: 14px;
        margin-left: 0;
        margin-right: 0;
    }

    #goal img {
        max-width: 100%;
        height: auto;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, 0);
    }

    #team-list-block {
        margin-bottom: 120px;
    }

    #team-list {
        padding-top: 140px;
        padding-bottom: 0;
        background: #F8F8F2;
    }

    #team-title {
        text-align: center;
    }

    .modal-body {
        padding: 0 23px 20px 23px;
    }

    #companion {
        padding-bottom: 0;
    }

    #_gl-content {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .impact img {
        height: 20%;
    }

    #story h1 {
        font-family: "Nexa-Bold", serif;
        color: #70A12F;
        font-size: clamp(50px, 2.5vw, 100px);
        margin-top: -10px;
    }

    #story h2 {
        font-family: "Maax-Bold", serif;
        color: #70A12F;
        font-size: clamp(28px, 2.5vw, 38px);
    }

    #card-career {
        padding: 21px 0 1px 0;
    }

    #career {
        padding-top: 16px;
    }

    #award h1 {
        font-size: clamp(32px, 2.5vw, 44px);
        line-height: clamp(38px, 2.5vw, 48px);
    }

    .mt-award {
        margin-top: 50px;
    }

    #accordion {
        padding-top: 36px;
    }

    #residential-waste {
        padding-top: 30px;
    }

    #residential-waste h1 {
         margin-bottom: 10px;
    }
}