.wrapper{overflow-x: hidden;padding-top: 92px}
img{max-width: 100%}
.header-content{
    background-image: url(../img/header-bg2.png);
    background-size: cover;
    background-repeat: no-repeat
}
.the-logos img{height: 60px}
.header-img{text-align: center;padding: 40px 0}
.header-img img{height: 550px}
.navbar-brand:hover{cursor: initial;/*color: #0c793e*/}
.navbar-brand{/*color: #0c793e;*/font-weight: 600;font-size: 27px}
.the-btn{
    background: linear-gradient(to left, rgb(12 121 62) 0%, rgb(9 100 55) 90%);
    border: 2px solid transparent;font-weight: 600;
    color: #fff;font-size: 15px;transition: all .3s ease;
}
.the-btn:hover{
    background: linear-gradient(to left, rgb(12 121 62) 0%, rgb(9 100 55) 90%);
    border: 2px solid transparent;
    color: #fff;opacity: .85
}
.the-btn2{
    background: #fff;
    color: #0c793e;
    font-weight: 600;
    border: 2px solid #0c793e;
    transition: all .3s ease;
    font-size: 15px
}
.the-btn2:hover{
    background: linear-gradient(to left, rgb(12 121 62) 0%, rgb(9 100 55) 90%);
    border: 2px solid transparent;
    color: #fff;
}
.main-content{color: #fff;margin-top: 70px}
.text1{
    background-color: #259f5c;color: #fff;border-radius: 35px 1px 35px 1px;font-size: 30px;
    padding: 10px 25px;display: inline-block;font-weight: 600;
}
.text2{
    background-color: #fff;color: #000;border-radius: 100px 3px 100px 3px;font-size: 47px;
    padding: 30px 55px 35px;display: block;font-weight: 600;margin-bottom: 30px;width: 80%;
    margin-top: -25px
}
.text2 span {
    display: block;
    color: #0c793e;
    font-size: 19px;
    margin-top: 7px;
}
.text3{font-size: 20px;margin-bottom: 15px}
.text4{font-size: 20px;margin-bottom: 15px}
.text5{
    font-size: 20px;margin-bottom: 15px;background: rgb(255 255 255 / 18%);
    display: inline-block;padding: 5px;border-radius: 1px
}
.the-section1{padding: 50px 0}
.the-title{text-align: center;color: #0c793e;font-weight: 600;margin-bottom: 20px;font-size: 30px}
.the-section1 p{text-align: center;font-size: 23px;line-height: 40px;font-weight: 500}
.the-text img{height: 17px}
.the-text{color: #000;font-size: 17px;font-weight: 500;margin-bottom: 15px;}
.bg-grey{background-color: #fafafa}
.the-footer{background:linear-gradient(to bottom, rgb(12 121 62) 0%, rgb(9 100 55) 90%);color: #fff;padding: 15px 0 }
.the-footer a{color: #fff}
.the-footer a:hover{color: #fff;cursor: pointer}
.the-footer a:focus,.the-footer a:active{color: #fff}
.the-footer .navbar-brand {font-size: 18px}
.the-footer .navbar-brand.num{font-size: 22px;letter-spacing: 1px}
.about-section .the-title{text-align: initial;margin-top: 30px}
.about-section p{text-align: initial;font-size: 22px}
.the-btns .btn{padding: 7px 10px;min-width: 115px}
.the-vote{background:linear-gradient(to bottom, rgb(12 121 62) 0%, rgb(9 100 55) 90%);padding: 70px 0}
.the-vote h5{color: #fff;font-size: 35px;font-weight: 800}
.the-vote .btn {
    font-size: 22px;
    padding: 15px 40px;
    font-weight: 800;
}
.the-vote .btn:hover{border-color: #fff;color: #fff;background-color: transparent}
.the-header nav.navbar{
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    z-index: 99;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(29, 7, 90, 0.06);
    box-shadow: 0px 4px 5px 0px rgba(29, 7, 90, 0.06);
    border-bottom: 1px solid #eee
}
/* start responsive */
@media (max-width: 1400px){
    .text2{font-size: 37px}
}
@media (max-width: 1199px){
    .header-img img{height: auto}
    .text2{font-size: 30px}
    .text2 span{font-size: 16px}
    .text1{font-size: 25px}
    .main-content{margin-top: 30px}
    .the-vote h5{font-size: 30px}
    .the-vote .btn{font-size: 20px}
    .the-logos img{height: 55px}
    .navbar-brand{font-size: 23px}
    .the-btns .btn{min-width: auto}
}
@media (max-width: 991px){
    .the-logos img{height: 45px}
    .navbar-brand{font-size: 19px}
    .the-btns .btn{font-size: 12px;padding: 7px}
    .navbar-brand{font-size: 17px}
    .text1{font-size: 16px}
    .text2{font-size: 20px;margin-bottom: 13px;padding-bottom: 30px}
    .text2 span{font-size: 13px}
    .text3,.text4,.text5{font-size: 16px;margin-bottom: 10px}
    .about-section .the-title{margin-top: 0}
    .the-vote h5{font-size: 23px}
    .the-vote .btn{font-size: 17px;padding: 10px 30px}
    .the-vote{padding: 50px 0}
    .the-title{font-size: 25px}
    .about-section p{font-size: 19px}
    .wrapper{padding-top: 77px}
    .about-section{margin-bottom: 20px}
}
@media (max-width: 768px){
    .navbar-brand{font-size: 15px}
    .the-header .navbar-expand-sm .navbar-nav .nav-link{padding-left: 5px;padding-right: 5px}
    .the-logos img{height: 34px}
    .navbar-brand{font-size: 13px}
    .the-btns .btn{font-size: 10px;padding: 5px 3px}
    .header-img img{max-height: 300px}
    .the-title{font-size: 21px}
    .about-section p{font-size: 16px;line-height: 31px}
    .the-vote .navbar-expand-sm .navbar-collapse{display: block !Important;text-align: center}
    .the-vote h5{margin-bottom: 20px}
    .the-footer .navbar-brand{font-size: 15px}
    .the-footer .navbar-brand.num{font-size: 15px}
    .wrapper{padding-top: 66px}
}
@media (max-width: 576px){
    .collapse:not(.show){display: block;text-align: center}
    ul.navbar-nav.the-logos{display: block}
    ul.navbar-nav.the-logos li.nav-item {
        width: auto;
        display: inline-block;
    }
    ul.navbar-nav.the-btns{display: block;margin-top: 8px}
    ul.navbar-nav.the-btns li.nav-item {
        width: auto;
        display: inline-block;
    }
    .text1{font-size: 13px}
    .text2{width: 100%;font-size: 17px}
    .text2 span{font-size: 11px}
    .text3, .text4, .text5{font-size: 13px}
    .text-6{font-size: 14px}
    .header-img img{max-height: 230px}
    .the-title{font-size: 19px;margin-bottom: 10px}
    .the-text{font-size: 15px}
    .the-section1{padding: 30px 0}
    .the-vote h5{font-size: 16px;line-height: 25px}
    .the-vote .btn{font-size: 14px}
    .the-vote{padding: 30px 0}
    .the-footer .navbar-brand{display: block}
    .wrapper{padding-top: 127px}
}