body  {
    overflow-x: hidden;
    font-family: 'Glacial Indifference';
}
.container {
    max-width: 1300px;
}
a:hover{
    text-decoration: none;
}
/* Top header start*/
 
.call {
    color: #223247;
    font-size: 34px;
    font-weight: bold;
    padding-left: 15px;
}
.call:hover {
    color: #00793a;
    text-decoration: none;
}
/* Top header end */
/* banner-section */
.banner-section {
    background-image: url('../images/banner.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    padding: 55px 0 20px 0;
 
    background-size: cover;
    
}
.banner-section h2 {
    color: #fff;
    font-size: 55px;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    line-height: 64px;
}
.banner-section h2 span {
    color: #ffa619;
    font-size: 55px;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}
.banner-section p {
    color: #fff;
    font-size: 25px;
    text-transform: none;
    font-weight: bold;
}
.banner-section .banner-btn-clumn {
    display: flex;
    align-items: end;
}
.banner-section .banner-btn {
    color: #fd1515;
    font-size: 31px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #fff;
    padding: 0px 19px;
    margin-bottom: 10px;
    
    text-align: center;
}



.banner-section .banner-btn:hover {
   background-color: #000;
   color: #fff;
   transition: all .3s;
}




.banner-section .dollertxt {
    margin-bottom: 301px;
}
/* banner-section */
/* what-we-sec */
.what-we-sec {
    padding: 50px 10px;
}
.what-we-sec h2 {
    color: #00793a;
    font-size: 37px;
    font-weight: bold;
}
.what-we-sec p {
    color: #3c3c3c;
    font-size: 25px;
    font-weight: normal;
    padding: 0 42px 32px 0;
}
.what-we-sec .donate-now {
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    background-color: #00793a;
    padding: 14px 35px;
}

.what-we-sec .donate-now:hover {
    color: #fff;
 
    background-color: #000;
    transition: all .3s;
 
}


/* what-we-sec */
/* sponsor-sec */
.sponsor-sec {
    background-color: #f1f1f1;
    padding: 81px 10px 50px 10px;
}

.sponsor-sec .container{
    max-width: 1150px;
}
.sponsor-sec .sponsor-box {
    border: 1px solid #00793a;
    background-color: #fff;
    box-shadow: 0px 8px 10px -2px rgba(0,0,0,0.27);
    border-radius: 17px;
}
.sponsor-sec .sponsor-btn {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    background-color: #00793a;
    padding: 14px 35px;
    width: 100%;
    max-width: 857px;
    margin: -37px auto auto auto;
    border-radius: 15px;
}
.sponsor-sec .donation-box {
    background-color: #223247;
    border-radius: 18px;
    padding: 30px 0 0 0;
    width: 90%;
    margin: auto;
}
.sponsor-sec .donation-box p {
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    margin: 0;
}
.sponsor-sec .donation-box h3 {
    color: #fff;
    font-size: 51px;
    font-weight: bold;
    margin-bottom: 28px;
}
.sponsor-sec .donation-box .donate-small-btn {
    color: #223247;
    font-size: 28px;
    font-weight: bold;
    background-color: #ff9320;
    border-radius: 18px;
    padding: 14px 12px;
    width: 100%;
    display: table;
}
.sponsor-sec .donation-box .donate-small-btn:hover {
    color: #fff;
    font-size: 28px;
     
    background-color: #00793a;
    transition: all .3s;
   
}







/* sponsor-sec */
/* queries-sec */
.queries-sec {
    background-image: url('../images/bg.png');
    background-repeat: repeat;
    padding: 0px 0;
}
.queries-sec .greenbg {
    background-image: url('../images/green-bg.png');
    background-repeat: no-repeat;

    padding: 61px 51px;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.queries-sec h2 {
    color: #fff;
    font-size: 37px;
    font-weight: bold;
}
.queries-sec .callno {
    color: #fff;
    font-size: 37px;
    /* font-weight: bold; */
}
.queries-sec .white-donate {
    color: #00793a;
    font-size: 23px;
    font-weight: bold;
    background-color: #fff;
    padding: 10px 38px;
    border-radius: 7px;
}

.queries-sec .white-donate:hover {
    color: #fff;
  
    background-color: #ff9320;
    transition: all .3s;
 
}





/* queries-sec */
/* our-mission-sec  */
.our-mission-sec {
    background-image: url('../images/blue-bg.png');
    background-repeat: no-repeat;
    padding: 50px 0px 100px 0;
}
.our-mission-sec h2 {
    color: #fff;
    font-size: 37px;
    font-weight: bold;
}
.our-mission-sec p {
    color: #fff;
    font-size: 28px;
}
/* our-mission-sec  */
/* impact-sec */
.impact-sec {}
.impact-sec .impact-sec-box {
    background-color: #323232;
    padding: 50px 0;
    margin: -46px 0 0 0;
    border-radius: 20px;
}
.impact-sec .impact-sec-box h3 {
    background-color: #fff;
    color: #006a28;
    padding: 18px 4px;
    width: 218px;
    margin: -89px auto auto auto;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 21px;
}
.impact-sec .impact-sec-box h2 {
    color: #fff;
    font-size: 28px;
    padding: 0 0px;
}
.impact-sec .impact-sec-box h4 {
color:#006a28;
font-size: 35px;
font-weight: bold;
text-align: center;
margin: auto;
}
.impact-sec .impact-sec-box p {
    color: #fff;
    font-size: 18px;
    padding: 0 0px;
}
.impact-sec .impact-sec-box h4:hover {
    color:#fff;
}
.impact-sec .circlebg {
    box-shadow: 0 1rem 2rem rgb(0 0 0 / 4%);
    background-color: #fff;
    border: 1px solid #ffdf00;
    height: 180px;
    border-radius: 9%;
    -moz-border-radius: 9%;
    -webkit-border-radius: 79%;
    width: 180px;
    align-items: center;
    transition: all .3s;
    text-align: center;
    display: flex;
    margin: auto auto 20px auto;

}
.impact-sec .circlebg:hover {
    background-color: #006a28;
    color:#fff;
}

.impact-sec .circlebg:hover  h4 {
    
    color:#fff;
}
/* impact-sec */
/* gallery-sec */
.gallery-sec {}
.gallery-sec h2 {
    color: #006a28;
    font-size: 58px;
    font-weight: bold;
}
/* gallery-sec */
/* partner-sec  */
.partner-sec {
    background-image: url('../images/brown-bg.jpg');
   
    padding: 30px 0;
    background-size: cover;
}
.partner-sec .container{
 max-width: 1500px;
}
.partner-sec img{
    display: inline-block;
    margin: 10px;
    width: 240px;
}
.partner-sec h2 {
    color: #fff;
    font-size: 38px;
    font-weight: bold;
    text-transform: uppercase;
}
/* partner-sec  */
.footer-sec
{
    background-color: #373737;
    padding: 50px 0;
}


.footer-sec p{
font-size: 25px;
color:#fff;
font-weight: bold;
text-transform: uppercase;
}

/* thanku-sec */
.thanku-sec {
    background-image: url(../images/thanku.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    /* padding: 50px 0; */
    height: 100vh;
    align-items: center;
    display: flex;
}
.thanku-sec h2{
    font-size: 60px;
    color:#fff;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    }
    .thanku-sec p{
        font-size: 50px;
        color:#fff;
        display: block;
        text-transform: uppercase;
        }
/* thanku-sec */

@media (max-width:1200px) {
.banner-section .banner-btn {
     
    font-size: 19px;
  
    line-height: 37px;
}
.banner-section .dollertxt {
    margin-bottom: 0;
}
}

@media (max-width:600px) {
    .thanku-sec h2 {
        font-size: 50px;}
        .thanku-sec p {
            font-size: 36px;}
}


@media (max-width:600px) {


    .queries-sec .greenbg {
        
        padding: 61px 21px;
  
    }

    .footer-sec p {
        font-size: 15px;
        margin: 0;
    }
    .queries-sec h2 {
        
        font-size: 30px;
  
    }
    .gallery-sec h2 {
        
        font-size: 48px;
    
        margin-bottom: 20px;
    }
    .partner-sec h2 {
        
        font-size: 28px;
   
    }
    .queries-sec .callno {
 
        font-size: 27px;
         
    }
    .sponsor-sec .sponsor-btn {
        
        font-size: 29px;
       
        padding: 14px 15px;
        width: 90%;
        
        line-height: 30px;
    }

    .sponsor-sec .donation-box {
        
        width: 100%;
        margin: auto;
    }

.call-box{
    transform: scale(.6);
}
.banner-section {
  
    padding: 65px 0 65px 0;
    min-height: auto;
   
}
.banner-section h2 {
    line-height: normal;
    font-size: 40px;
    
}
.banner-section h2 span {
    line-height: normal;
    font-size: 40px;
  
}
.what-we-sec p {
    
    font-size: 18px;
   
    padding: 22px 0;
}
.what-we-sec .donate-now {
    
    font-size: 18px;
 
    padding: 11px 16px;
}
.impact-sec .impact-sec-box {
    
    padding: 50px 20px;
    
}
.impact-sec .impact-sec-box h2 {
    
    font-size: 22px;
     
}
.our-mission-sec p {
 
    font-size: 18px;
}
}

@media (max-width: 400px){
.banner-section .banner-btn {
    font-size: 15px;
    line-height: 37px;
}
}