@import url('https://fonts.cdnfonts.com/css/gilroy-bold');
@font-face {font-family: 'OpenSans';src: url('/font/OpenSans-Regular.ttf') format('truetype');}
@font-face {font-family: 'OpenSans-SemiBold';src: url('/font/OpenSans-SemiBold.ttf') format('truetype');}
@font-face {font-family: 'OpenSans-Bold';src: url('/font/OpenSans-Bold.ttf') format('truetype');}
@font-face {font-family: 'OpenSans-ExtraBold';src: url('/font/OpenSans-ExtraBold.ttf') format('truetype');}
@font-face {font-family: 'Ubuntu';src: url('/font/Ubuntu-Regular.ttf') format('truetype');}
@font-face {font-family: 'Ubuntu-Bold';src: url('/font/Ubuntu-Bold.ttf') format('truetype');font-weight: bold;}
@font-face {font-family: 'Ubuntu-Light';src: url('/font/Ubuntu-Light.ttf') format('truetype');}
@font-face {font-family: 'Open Sans';src: url('/font/OpenSans.ttf') format('truetype');}


*{margin:0;padding:0;box-sizing: border-box;font-family: 'Epilogue', sans-serif;letter-spacing: 2.5px;}
.no-scroll {overflow: hidden;}
/* Color */
:root{
    --darkgreen:#334B35;
    --lightgreen:#6D8C54;
    --yellow:#F7C35F;
}

h1,h2,h3,h4,h5,h6{margin: 0;}
/* Scrollbar Css */
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 10px;background-color: #0E0D13;}
body::-webkit-scrollbar {width: 6px;background-color: #0E0D13;}
body::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: var(--lightgreen);}

body{min-height: 100vh;background: white;}

.harvabl-btn { padding: 17px 50px ; border-radius: 12px; background: var(--yellow); border: 0; font-family: 'Ubuntu-Bold'; font-size: 0.9rem; font-weight: 800; line-height: 16px; letter-spacing: 0px; white-space: nowrap; display: inline-block; text-align: center;cursor: pointer;transition: 0.2s;color:rgb(16, 16, 16) }
.harvabl-btn:hover { background: #69966D; color: rgb(255, 255, 255);border: 0;}
.harvabl-btn:active { background: #264629;color: rgb(255, 255, 255);border: 0;}



.content { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; min-height: 100vh; padding:0 5%; box-sizing: border-box;}
.content-top { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%;padding:2% 5% 10% 5%; box-sizing: border-box;background: var(--darkgreen);color: white;}
.title{color: rgb(0, 0, 0);font-family: 'Ubuntu-Bold';font-size: 2.5rem;font-weight: 700;line-height: 20px;letter-spacing: 0px;}
.title-num{color: rgb(0, 0, 0);font-family: 'Ubuntu-Bold';font-size: 1.5rem;font-weight: 700;line-height: 46px;letter-spacing: 0px;}
.sub-title{color: rgb(0, 0, 0);font-family: 'Open Sans';font-size: 1.125rem;font-weight: 700;line-height: 27px;letter-spacing: 0px;}
.desp{color: rgb(0, 0, 0);font-family:'Open Sans';font-size: 1rem;font-weight: 400;line-height: 20px;letter-spacing: 0px;}
.blackLine{width: 100%;height: 1px;background: black;margin: 2% 0;}

.section-1{margin-top: -10%;}
.section-1 .list{width: 100%;}
.section-1 .list .title{padding-left: 3%;}


footer{background:var(--darkgreen);}
footer .content{min-height: unset;padding: 2% 2%;}
footer p{color: rgb(255, 255, 255);font-family: 'Open Sans';font-size: 12px;font-weight: 400;line-height: 19px;letter-spacing: 0px;text-align: center;}
footer .white-line{background: rgb(255, 255, 255,0.2);height: 1px;width: 100%;margin: 2% 0;}

ion-icon{font-size: 3rem;}
a{color: white;text-decoration: none;}
a h3.title{color: white;text-decoration: none;margin-top:7px;font-size: 1.5rem;}
a:hover{color:var(--yellow);text-decoration: none;}
a h3:hover{color:var(--yellow);text-decoration: none;}

/* Mobile */
@media screen and (max-width: 850px) {
    a h3.title{color: white;text-decoration: none;margin-top: 8px;}
    .logo{width: 60%;margin: 0 !important;}
    .banner{height: 250px;object-fit: cover;width: 100%;}
    .section-1{margin-top: 0;}
    .content-text{padding: 0 5%;}
    .content{padding: 0%;}
    .content-top{padding:2% 5% 5% 5%;}
    ion-icon{font-size: 2rem;margin-top: 8px;}
    .title{font-size: 2rem;line-height: 30px;}
    .title-num{font-size: 1.5rem;}
    .sub-title{font-size:0.7rem ;line-height: 20px;}
    .desp{font-size:0.7rem ;}

}