body{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	font-family:'Poppins', sans-serif !important;
}
h1{  font-size: 50px !important;
	font-weight:700 !important;

}
h2{
	font-weight: 600 !important;
}
h3{
     font-weight:600 !important ;
     font-size: 23px !important;
}
h4{
   font-weight: 300 !important;

}

h5{  
	 font-weight: 300 !important;
    

}

h6{
   font-weight:600 !important ;
   
}



/******************Main Css Starts************************/

.navbar {
    padding-left: 1.3rem;
    padding-right: 1.3rem;
}
.navbar-brand img{
    width: 200px!important;
}
.nav-img {
    height: 80px;
  float:right;
}
.baner-space {
    margin-top: 72px!important;
    margin-bottom: 44px;
}


.banner{
	background-image:url(../images/background.jpg);
	background-repeat: no-repeat;
	width: 100%;

	background-size: cover;
	overflow: hidden;
	background-attachment:fixed;
    
}

.logo{
	position: absolute;
	width: 27%;
	height: 27%;
	left: 50%;
	
	content: "";
	transform: translate(-50%);
	object-fit: contain;
	margin-top: -13%;
}
.banner-content{
 position: relative;
  top: 30%;


  
  
}
.progress{
	border-radius: 25px !important;
	height: 30px !important;
}
.progress-bar{
	background-color: #20d160 !important;
	
}

.center-content{
	text-align: center;
	color: #fff;
}

.left-content{
	
	color: #fff;
	text-align: center;
}

.left-content h2{
	font-size: 30px;
}
.right-content{
	font-size: 10px;
	color: #fff;
	text-align: center;
}
.right-content h1{
	
	padding-right: 20%;
}
.right-content h2{
	font-size: 30px;

}

.bottom-img{
	
	width: 85%;
    margin-left: 7%;
    object-fit: contain;
    margin-bottom: -78px;
        margin-top: -56px;
}
/******************************Paragraph section starts*******************/
.img-content img{
    width:90%;
}
.para-content p{
    color:  #6a6c6f;
    margin-top: 70px;
	font-size: 20px;
    text-align: center;
}
	
}
/******************************Paragraph section Ends*******************/

/******************************Donate section starts*******************/
.donate-content h3{
    color:#2a2e51;
	margin-top: 10%;
}
.donate-content1 p{
    color:  #6a6c6f;
    margin-top: 10px;
}

/******************************Donate section Ends*******************/
/******************************Pdf section Starts*******************/
.pdf-content h3{
    color:#2a2e51;
	margin-top: 5%;
}
.pdf-content p a{
     list-style: none;
     text-decoration: none;
     color: #3c3c3c;
     font-size: 16px;
     
}
.pdf-content h6{
    font-size:16px;
    margin-bottom:20px;
}

.pdf-content p a img{
    width: 25px;
}
.sec-spac {
    margin-bottom: 20px;
    margin-top: 20px;
}

/******************************Pdf section Ends*******************/



/******************************Responsive Css**********************/
@media (max-width: 575px){
    .navbar{
        flex-wrap: inherit !important;
    }
.banner{
	background-image:url(../images/background.jpg);
	background-repeat: no-repeat;
	width: 100%;

	background-size: cover;
	overflow: hidden;
	background-attachment:fixed;
    
}
.left-content h2{
  margin-top:0px !important;
    
}
.right-content h2{

    margin-top:30px !important;
}
.right-content h1{
    margin-bottom:30px !important;
}
}

@media (max-width:768px) { 
.navbar{
        flex-wrap: inherit !important;
    }
h1,h2{
    margin-bottom:0px !important;
}
.banner{

    
}
    
.logo {
    margin-top: -30% !important ;
}
 .center-content h2{
     margin-top:12px !important;
     margin-bottom:12px !important;
 }
 .left-content h2
{
	font-size: 23px !important;
	margin-top:-55px;
}
 .right-content h2{
     margin-top:20px;
 }
 .right-content h1{
     padding-left:20%;
 }


.para-content p{
    margin-top:8%;
}
.donate-content h3 {
   
    margin-top: 4%;
}
.donate-content1 p {
   
    margin-top: 0%;
}
}


@media (max-width: 991px){
.bottom-img {
    margin-bottom: -19px;
}
.navbar{
        flex-wrap: inherit !important;
    }
.navbar-brand img{
            width: 120px!important;
    }
.nav-img {
    height: 45px;
    float: right;
}
    .banner{

    }
.logo{
    margin-top:-19% ;
}
.left-content h2
{
	font-size: 23px !important;
}
.right-content h2{
	font-size: 23px !important;
}
 h1{
    font-size:40px !important;
}
 
 }


@media (min-width: 992px) { 
 }


@media(min-width:1200px) and (max-width: 1322px) {
.banner{

}
}