@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');

@font-face {
  font-family: myFirstFont;
  src: url(Swiss\ 721\ BT.ttf);
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family:'Poppins', sans-serif;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

p {
    margin-bottom: 0!important;
}


body {
	margin:0;
	padding:0;
    font-family:'Poppins', sans-serif;
}

.clear{
	clear:both;
}
.img{
	width:100%;
	display:block;
}
.min-ht{
    min-height: 500px;
}
.v_a_img{
	vertical-align:middle;
}

hr{
	border:0.5px solid #f1f1f1;
}

.ab_shawdo {
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
}

.ftr_scl{
       width: 105px;
    float: left;
    padding: 1% 1% 1.5% 1%;
    margin-top: 3%;
    margin-left: 20%;
}
.ftr_scl p a{
          font-size: 18px;
    font-weight: 500;
}
.ftr_scl .fa{
     font-size: 23px;
    font-weight: 500;
}
.mobile-banner{
    display: none;
}
.scrn-bnr {
    display: block;
    width: 100%;
}
.donate-btn-scrn{
    display: block;
}
.donate-btn-mobile{
    display: none;
}
.ftr-scrn{
    display: block;
}
.ftr-mob{
    display: none;
}
.doc-bg {
    background-image: url(../images/doc-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding: 50px 0px;
}
/*------marqueee--------*/
.marq {
    display: flex;
    width: 770px;
    float: left;
    margin:0% 1%;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #fff;
   padding: 0.5% 3% 0.5% 3%;
}

@keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}

/*--------social impact*/
.social-bgg {
    background-image: url(../images/social-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
.img-social{
    width: 150px !important;
    margin: 0 auto;
}
.social{
    box-shadow: 1px 0px 5px  #d9d9d9fc;
    border-radius: 30px;
    background-color: #f7f7f7;
}
.social h1{
      padding: 5px 0px 0px 0px !important;
    font-weight: 700 !important;
    margin-bottom: 0px !important;
    font-size: 45px !important;
    margin: 0 auto;
    text-align: center;
    background: -webkit-linear-gradient(#92929236, #055108);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.social p{
       font-weight: 600;
    text-align: center;
    color: #000000;
    padding-bottom: 21px;
    font-size: 24px;
}
.social_bg{
    background-color: #e1ffdd4a;
}

.tax p{
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #fff!important;
    padding: 9px 20px !important;
    text-align: center !important;
    background-color: #01a85c !important;

}
.tax p:hover{
    color: #000!important;
    transition: 0.5s !important;
    background-color: #feca268a !important;
}
/* ----------Team---------------- */
.core-bg{
    background-image: url(../images/core-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding: 50px 0px;
}
.team-bg{
    background-color: #bafa931a;
    padding: 40px 0px;
}
.team-members{
    width: 24%;
    float: left;
    margin: 2% 0% 3% 7%;
}
.team{
    border-radius: 20px;
    background-color: #9091901c;
}

.team-img {
    border: 6px solid #4ba418;
    padding: 5%;
    margin: 28px auto 20px;
    border-radius: 117px;
    width: 230px;
    display: block;

}

.team h2{
    text-align: center;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 0px !important;
    font-size: 27px;
}

.team p{
        font-size: 18px;
    color: #3d9d16;
    font-weight: 500;
    padding-bottom: 18px;
    text-align: center;
    line-height: 35px;

}
.campaigns-txt1 h1 {
    font-family:'Yeseva One', serif;
    font-size:45px;
    font-weight: 500;
    line-height: 150%;
    color: #25283a;
    margin:1% 0.5% !important;
    text-align: center;
}
.bg-team{
    background-color: #e0f7e5;
}

.recent h2{
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    margin-top: 30px;
}
.recent_updates{
    width:60%;
/*    border: 1px solid;*/
    margin:0 auto;
    position: relative;
 height: 540px;

}
.recent_updates a{
    display: block;
}
.recent_box{
    position: absolute;
    border-radius: 10px;
}
.recent_box a{
    height: 100%;
}
.recent_box p{
	font-family: 'Poppins', sans-serif;
	color: #000000;
	padding: 20px;
	line-height: 170%;
	text-align: left;
	font-size: 18px;
}
.recent_box:nth-child(1) {
    width: 49.5%;
    left: 0;
    height: 134px;

}
.recent_box:nth-child(2) {
    width:47%;
    left: 51%;
    height: 160px;
}

.recent_box:nth-child(3) {
    width: 47%;
    left: 51%;
    top: 174px;
    height: 160px;
}

.recent_box:nth-child(4) {
        width: 26%;
    left: 0.5%;
    top: 149px;
    height: 208px;
}

.recent_box:nth-child(5) {
    width: 47%;
    left: 51%;
    top: 348px;
    height: 180px;
}
.recent_box:nth-child(6) {
       width: 49%;
    left: 0.5%;
    top: 370px;
    height: 156px;
}
.recent_box:nth-child(7) {
    width: 21.5%;
    left: 28%;
    top: 149px;
    height: 208px;
}
.icon-img-up{
    margin: 0px auto !important;
    width: 185px !important;
    display: block;
}
/* ----------Team---------------- */

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.top_main{
	width:100%;
	z-index: 999999;
    position: static;
}
.top{
	width:95%;
	margin:0 auto;
	max-width:1600px;
}

.top2{
	width:95%;
	margin:0 auto;
	max-width:1600px;
}

.top22{
	width:75%;
	margin:0 auto;
	max-width:1600px;
}

.logo{
	width:80px;
	float:left;
	margin:0.5%;
}

.logo_rigt {
    width: 725px;
    float: right;
}

.navbarrr {
    width: 580px;
    float: left;
    margin: 1% 0% 0%;
}

.call_em{
	width:540px;
	float:right;
	margin:0% 1%;
}

.call{
	width:180px;
	float:left;
	padding: 1% 1% 1.5% 1%;
}

.email {
    width: 250px;
    float: left;
    padding: 1% 1% 1.5% 1%;
}
.social-head {
    width: 90px;
    float: left;
    padding: 1% 1% 1.5% 1%;
}


.s_icon{
	width:170px;
	float:right;
	margin:0.8% 1% 0%;
}

.s_icon .fa{
	font-size:17px;
	color:#FFFFFF;
}


.call_em_txt{
	font-family:'Poppins', sans-serif;
	color:#01a95a;
	font-size:15px;
}
.fa-file-pdf-o{
    color: #b72020;
    padding-left: 24px;
    font-size: 21px !important;
    font-weight: 500;
}

.call_em_txt .fa{
	font-size:16px !important;
	color:#fff;
}

.brd_botm{
	background-color: #00ac66;
}

.img1 {
    width: 130px;
    margin: 0 auto;
}

.img{
	width:100%;
	display:block;
}

.ctr_txt23 {
	width: 135px;
	float: right;
	margin-top:4.5%;
}

.ctr_txt23 a {
	  font-family: myFirstFont;
	font-size: 15px;
	background-color: #feca26;
	color: #000;
	font-weight: 500;
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 50px;
	letter-spacing: 1px;
}

.ctr_txt23 a:hover {
	background-color: #71ac16;
	color: #fff;

}

/* Zoom In #1 */
.hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .7s ease-in-out;

}
.hover01 figure:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: .7s;
}


.box-1 {
    padding: 4%;
    width:88%;
    background-color: #fff;
    position: relative;
    margin: -70px auto 0px;
    border-radius: 20px;
}

.campaigns-txt p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #25283a;
    line-height: 170%;
    text-align: center;
    margin: 2% 1%;
}

.campaigns-txt h1 {
    font-family:'Yeseva One', serif;
    font-size:45px;
    font-weight: 500;
    line-height: 150%;
    color: #25283a;
    margin:1% 0.5% !important;
    text-align: center;
}

.campaigns-txt1 h2 {
    font-family: 'Poppins', sans-serif;
    font-size:19px;
    font-weight: 600;
    line-height: 130%;
    color: #25283a;
    margin: 1% 0.5% !important;
    text-align: left;
}

.campaigns-txt1 p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #25283a;
    line-height: 140%;
    text-align:left;
    margin: 2% 1%;
    min-height:47px;
}

.border-left-box{
	border-left: 1% solid #000!important;
}

.who h1 {
    font-family:'Yeseva One', serif;
    font-size:45px;
    font-weight: 500;
    line-height: 150%;
    color: #25283a;
    margin:1% 0.5% !important;
}

.who h2{
	font-family: 'Poppins', sans-serif;
	font-size:20px;
	font-weight:400;
	line-height:150%;
	text-align:justify;
	font-style:italic;
	color: #01a85c;
	margin:1% 0.5% !important;
}


.who p{
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#25283a;
	line-height:170%;
	text-align:justify;
	margin:2% 1%;
}

.banner_btn {
    width:80%;
    position: relative;
    bottom: 0;
    margin: -10% auto 0%;
    z-index: 999999;
}

.img3{
	width:80px;
	float: none;
	margin: 1% auto 4%;
}

.welcome-inner-box {
    padding:0px 15px;
    background: #ffffff;
    border-radius:20px;
}

.welcome-inner-box h1 {
    text-align: left;
    font-size: 22px;
    margin:11% 1% 0% 3%;
    font-family: 'Yeseva One', serif;
}


.read_mre{
	width: 160px;
	float: left;
	margin:3% 1% 1%;
}

.read_mre_btn {
	width: 100%;
	padding:7% 7%;
	font-size: 15px;
	text-align: center;
	font-family:'Poppins', sans-serif;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	font-weight: 500;
	border-radius:50px;
	border:1.5px solid #01a85c;
	background-color: #01a85c;
}

.read_mre_btn:hover {
	background-color: #71ac16;
	color: #fff;
	border:1.5px solid #71ac16;
}



.pro h1{
	font-family:'Yeseva One', serif;
    font-size:40px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 !important;
    color: #25283a;
    text-align: center;
}

.pro h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    text-align:center;
    font-style: italic;
    color: #01a85c;
    margin: 1% 1% 2% !important;
}

.pro h2 {
    font-family:'Yeseva One', serif;
    color: #000;
    font-size:22px;
    text-align: center;
    font-weight:500;
    letter-spacing: 0.5px;
    line-height: 110%;
	padding:1%;
	min-height:58px;
	margin: 1% 1% 0% !important;
}

.pro p {
    font-family:'Poppins', sans-serif;
    color: #25283a;
    font-size: 15px;
    text-align: center;
    line-height:145%;
    font-weight:500;
    min-height:120px;
	padding:1%;
}

.icon-pdf p {
    font-family: 'Poppins', sans-serif;
    color: #05a65a;
    font-size: 37px;
    text-align: center;
    line-height: 145%;
    font-weight: 400;
    min-height: 65px;
    padding: 1%;
}

.icon-pdf p:hover {
    color: #9cce3b;
}

/*---------------------*/
.pro11 h1{
	font-family:'Yeseva One', serif;
    font-size:40px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 !important;
    color: #fff;
    text-align: center;
}

.pro11 h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    text-align:center;
    font-style: italic;
    color: #fff;
    margin: 1% 1% 2% !important;
}

.pro11 h2 {
    font-family:'Yeseva One', serif;
    color: #fff;
    font-size:22px;
    text-align: center;
    font-weight:500;
    letter-spacing: 0.5px;
    line-height: 110%;
	padding:1%;
	min-height:58px;
	margin: 1% 1% 0% !important;
}

.pro11 p {
    font-family:'Poppins', sans-serif;
    color:#fff;
    font-size:15px;
    text-align:center;
    line-height:145%;
    font-weight:400;
    min-height:90px;
	padding:1%;
}
.brd1 {
    border: 1px solid #a9a9a9;
    border-radius: 0px 0px 20px 20px;
}

.brd2{
	border: 1px solid #e5e5e5;
}



.read_mre{
	width: 160px;
	float: left;
	margin:3% 1% 1%;
}

.read_mre_btn {
	width: 100%;
	padding:7% 7%;
	font-size: 15px;
	text-align: center;
	font-family:'Poppins', sans-serif;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	font-weight: 500;
	border-radius:50px;
	border:1.5px solid #01a85c;
	background-color: #01a85c;
}

.read_mre_btn:hover {
	background-color: #71ac16;
	color: #fff;
	border:1.5px solid #71ac16;
}


.valent_read_mre {
    width: 204px;
    float: left;
    margin: 1% auto 0%;
}
.valent_read_mre1 {
    width: 204px;
    float: left;
    margin: 4% auto 0%;
}

.s_read_mre{
	width: 140px;
	float: none;
	margin:1% auto 0%;
}

.s_read_mre1 {
    width: 130px;
    float: left;
    margin: 2% auto 2%;
}

.s_read_mre_btn_1 {
    width: 100%;
    padding: 5% 2%;
    font-size: 14px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    border-radius: 50px;
    border: 1.5px solid #01a85c;
    background-color: #01a85c;
}

.s_read_mre_btn {
    width: 100%;
    padding: 6% 5%;
    font-size: 15px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    border-radius: 50px;
    border: 1.5px solid #01a85c;
    background-color: #01a85c;
}

.s_read_mre_btn:hover {
	background-color: #71ac16;
	color: #fff;
	border:1.5px solid #71ac16;
}

.s_read_mre_btn_1:hover {
    background-color: #71ac16;
    color: #fff;
    border:1.5px solid #71ac16;
}


.miss_viss h1 {
    font-family: 'Yeseva One', serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 150%;
    color: #25283a;
    margin: 1% 0.5% !important;
}

.miss_viss h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    text-align: justify;
    font-style: italic;
    color: #01a85c;
    margin:7% 0.5% 3% !important;
}

.miss_viss p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #25283a;
    line-height: 170%;
    text-align: justify;
    margin: 1% 1% 0%!important;
}


.brd_redius{
	border-radius: 20px;
}


.donate h2 {
    font-family:'Yeseva One', serif;
    color: #000;
    font-size:22px;
    text-align: left;
    font-weight:500;
    letter-spacing: 0.5px;
    line-height: 110%;
	padding:1%;
	margin: 1% 0% 2% !important;
}

.donate h3 {
    font-family:'Yeseva One', serif;
    color: #000;
    font-size:25px;
    text-align: left;
    font-weight:500;
    letter-spacing: 0.5px;
    line-height: 110%;
	padding:1%;
	margin: 1% 0% 0% !important;
}

.donate p {
    font-family:'Poppins', sans-serif;
    color: #25283a;
    font-size: 16px;
    text-align: justify;
    line-height:145%;
    font-weight:400;
	padding:1%;
}



.hover-fx {
  font-size: 40px;
  cursor: pointer;
  margin: 1% auto 7%;
  width: 80px;
  height: 76px;
  line-height: 84px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  color: #fff;
  background-color: rgba(167, 207, 77);
  transition: 300ms;
}

.hover-fx:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  box-sizing: content-box;
  box-shadow: 0 0 0 3px #a7cf4d;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 300ms;
}

.hover-fx:hover {
  background-color: #a7cf4d;
  color: #01a85c;
}

.hover-fx:hover:after {
  opacity: 1;
  transform: scale(1.15);
}


.count_icon{
	width:70px;
	float:none;
	margin: 0 auto;
}


.counter2 {
    width:23%;
    float: left;
    margin: 1%;
    text-align: center;
    padding: 1% 0% 2% 0%;
}

.counter2 h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 200%;
    color:#fff;
    font-weight:500;
}

.counter2 h1 span {
    font-family:'Yeseva One', serif;
    color: #fff;
    font-weight: 7600;
    font-size: 45px;
    letter-spacing: 1px;
}


.photo_col_sm1{
	position: relative;
	width: 100%;
}

.photo_col_sm1:hover .overlay-box {
  width: 100%;
}

.overlay-box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.6);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

.text {
  color:#01a85c;
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.infra_col_sm2 {
    width: 31%;
    margin: 5% 1% 2% 1%;
    float: left;
    background-color: #ffffff;
    border: 1px solid #00aa64;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 335px;
}

.infra_col_sm22 {
    width: 31%;
    margin: 5% 1% 2% 1%;
    float: left;
    background-color: #ffffff;
    border: 1px solid #00aa64;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 232px;
}

.infra_icon {
    width: 100px;
    margin: -14% auto 5%;
    position: relative;
}

.infra_col_sm2 p {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #25283a;
    line-height: 140%;
    text-align: center;
    margin: 1%;
    padding: 10px;
}
.infra_col_sm2 p span {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #25283a;
    line-height: 30px;
    text-align: center;
}

.infra_col_sm22 p {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #25283a;
    line-height: 140%;
    text-align: center;
    margin: 1%;
    padding: 10px;
}

.border-white{
    border: 5px solid #fff;
}

.border-white:hover{
	box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
  	transform: scale(1.05,1.05);
}

.infra_col_sm2 h1 {
    font-family: 'Yeseva One', serif;
    color: #25283a;
    font-size: 20px;
    font-weight: 500;
    padding: 2%;
    text-align: center;
    margin: 1%!important;
}

.infra_col_sm22 h1 {
    font-family: 'Yeseva One', serif;
    color: #25283a;
    font-size: 20px;
    font-weight: 500;
    padding: 2%;
    text-align: center;
    margin: 1%!important;
}


.bg2 {
    background-image: url(../images/bg2.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}


.bg3 {
    background-image: url(../images/bg3.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
}




/*--------------------------testi--------------------------------*/
.servi h2 {
    font-family: 'Yeseva One', serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 150%;
    margin: 0 !important;
    color: #25283a;
    text-align: center;
}

.servi h2 span {
    
    color: #25283a;
}

.welcome2 h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    text-align: center;
    letter-spacing: 1px;
    padding-top: 1%;
    padding-right: 1%;
    padding-bottom: 1%;
    padding-left: 0%;
    margin-bottom: 0%!important;
}

.welcome2 p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    line-height: 160%;
    text-align: center;
    padding-top: 1%;
    padding-right: 9%;
    padding-bottom: 0%;
    padding-left: 9%;
    margin-bottom: 0%!important;
}

.testimonial-bg {
    background-image: url(../images/testimonial-bg.jpg);
    background-size: 100%;
}

.bg-clr{
	background-color: #fff;
}

.bg-clr:hover{
	background-color: #08ab68;
}

.bg-clr1{
	background-color: #fff;
}

.bg-clr1:hover{
	background-color: #9fcf60;
}

.bg-clr2{
	background-color: #ffcb4a;
}

.bg-clr2:hover{
	background-color: #ecb52e;
}
/*-----------------------------------------------------*/

/*-----------------------------
whtas up
-----------------------------*/

.whatsapp_float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 100px;
  right: 10px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}

.whatsapp-icon {
  margin-top: 16px;
}

/* for mobile */
@media screen and (max-width: 767px) {
  .whatsapp-icon {
    margin-top: 10px;
  }

  .whatsapp_float {
    width: 40px;
    height: 40px;
    bottom: 50px;
    right: 10px;
    font-size: 22px;
  }
}


/*--------------------------------------------------------------
Front Page
--------------------------------------------------------------*/
.banner{
	width:100%;
	position:relative;
}

.link{
	text-decoration:none;
	color:#fff;
}

.link:hover{
	text-decoration:none;
	color:#fff;
}

.link2{
	text-decoration:none;
	color:#303030;
}

.link3{
	text-decoration:none;
	color:#000;
}

.link4{
    text-decoration:none;
    color:#00a457;
}

/*--------------------------------------------------------------
Regular Content
--------------------------------------------------------------*/
.col_sm1{
	width:100%;
	margin:0 auto;
}

.col_sm11{
	width:98%;
	margin:0 auto;
}

.col_sm2{
	width:48%;
	float:left;
	margin:1% 1%;
}
.col_sm2_doc{
    width:48%;
    margin:1% auto;
}

.col_sm22{
	width:48%;
	float:none;
	margin:1% auto;
}


.col_sm3{
	width:31%;
	float:left;
	margin:1%;
}

.col_sm4{
	width:23%;
	margin:1%;
	float:left;
}

.col_sm5{
	width:18%;
	margin:1%;
	float:left;
}

.banner_col_sm8{
    width:38%;
    margin:1%;
    float:left;
}
.banner_col_sm88{
    width:58%;
    margin:1%;
    float:left;
}

.col_sm8{
	width:38%;
	margin:1%;
	float:left;
}
.col_sm88{
	width:58%;
	margin:1%;
	float:left;
}

.col_sm9{
	width:78%;
	margin:1%;
	float:left;
}

.col_sm99{
	width:18%;
	margin:1%;
	float:left;	
}

.col_sm10{
	width:68%;
	float:left;
	margin:1%;
}

.col_sm100{
	width:28%;
	float:left;
	margin:1%;
}

.col_sm99_n{
    width:80%;
    margin:1%;
    float:left;
}

.col_sm9_n{
    width:12%;
    margin:1%;
    float:left; 
}




/*---------------------------------
services-new
---------------------------------*/

.servi-1-bg {
    background-image: url(../images/servi-1-bg.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    margin: 0% 1%;
}


.servi-2-bg {
    background-image: url(../images/servi-2-bg.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    margin: 0% 1%;
}


.servi-3-bg {
    background-image: url(../images/servi-3-bg.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    margin: 0% 1%;
}


.servi-4-bg {
    background-image: url(../images/servi-4-bg.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    margin: 0% 1%;
}

.servi-5-bg {
    background-image: url(../images/servi-5-bg.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    margin: 0% 1%;
}


.service-left-part {
    width: 58%;
    float: left;
    margin: 1%;
}


.service-right-part {
	position: absolute;
	bottom:0px;
	right: 20px;
	width: 38%;
	float: left;
	margin: 0%;
	background-color: #05A55B;
}


.services h5 {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 150%;
	text-align: left;
	margin: 3% 1% 0%;
}
.services h5 span{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #e8fd93;
    line-height: 150%;
    text-align: left;
    margin: 3% 0% 0%;
}

.servi_pdgg{
    padding:2%;
}

.servi_pdgg2{
    padding:3%;
}


/*---------------------------------
hover what we do
---------------------------------*/
.what_we_col_sm3{
	width:96%;
	float:left;
	margin:1% 2%;
}


.brd {border-left: 4px solid #04ab5b;
    padding-left: 2%;
}

.about__two-left {
    margin-right: 0px;
}

.about__two-left-image {
    position: relative;
    margin-bottom: 20px;
}

.about__two-left-image-one {
    position: absolute;
    left: 105px;
    bottom: -26px;
    padding: 15px;
    margin: 0%!important;
}

.who-img-shdw{
	box-shadow: 4px 4px #e7e7e7;
}

.who-img-shdw:hover{
	box-shadow: 4px 4px #ccc;
}

/*---------------------------------
extra
---------------------------------*/



.bg_clr1{
	background: #01a85c;
}

.bg_clr6{
	background: none;
}

.bg_clr3{
	background-color:#182333;
	padding:20px 0px;
}

.bg_clr4{
	background-color:#fff;
}

.bg_clr5{
	background-color:#182333;
	border-top: 2px solid #303948;
}

.bg_clr7{
	background-color:#edf1f5;
}

.bg {
    background-image: url(../images/bg.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.donate-bg{
	background-image: url(../images/donate.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
}

.counter-bg {
    background-image: url(../images/counter-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    padding: 0px 0px;
}

.ftr_icon1{
	width:5%;
	float:left;
	margin:1%;
}

.ftr_icon1 .fa {
    font-size: 20px;
    color: #000;
}

.ftr_txt1 p{
	font-family: 'Poppins', sans-serif;
	font-size:15px;
	font-weight:400;
	margin:0% 0%;
	line-height:160%;
	color:#000;
	text-align:left;
}

.ftr_txt1{
    width: 85%;
    float: left;
	margin:1%;
}

.link1{
	text-decoration:none;
	color:#000;
}

.link1:hover{
	text-decoration:none;
	color:#f91810;
}

.mrggg{
    margin: 0% 1%;
}

.pdg3{
	padding:0% 1%;
}

.pdg2{
    padding:1% 1.5%;
}

.pdg4{
    padding:1.7% 2.1%;
}

.ftr-logo{
    padding: 14% 0%;
	width: 260px;
	float:left;
	margin:1%;
}

.ftr-logo_p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 1% 8% 1% 1%;
    line-height: 160%;
    color: #fff;
    text-align:justify;
}

.ftr_icon{
	width:10%;
	float:left;
	margin:1%;
}

.ftr_icon .fa{
	font-size: 20px;
	color:#01a85c;
}

.ftr_txt{
    width: 85%;
    float: left;
	margin:1%;
}

.ftr_txt h1{
	font-family:'Yeseva One', serif;
	font-size:25px;
	font-weight:500;
	margin:0% 0% 8% 0%;
	color:#fff;
}

.ftr_txt h2{
	font-family: 'Poppins', sans-serif;
	font-size:18px;
	font-weight:500;
	margin:0% 0% 2% 0%;
	color:#fff;
}

.ftr_txt p{
	font-family: 'Poppins', sans-serif;
	font-size:15px;
	font-weight:400;
	margin:0% 0%;
	line-height:160%;
	color:#fff;
	text-align:left;
}

.ftr_lt_txt{
	font-family: 'Poppins', sans-serif;
	font-size:15px;
	font-weight:400;
	line-height:160%;
	color:#fff;
	margin:0;
}

.ftr_right{
	text-align:right;
}




/*--------------------------------------------------------------
About page
--------------------------------------------------------------*/

.abt1 p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #25283a;
    line-height: 185%;
    text-align: justify;
    margin: 1% 1%;
}

.abt1 p span {
    font-size: 16px;
    font-weight: 600;
}
.abt1 h1 {
    font-family:'Poppins', sans-serif;
    font-size: 22px;
    font-weight:600;
    text-align: left;
    margin: 1% 1% 1%!important;
    line-height: 150%;
    color: #00ac66;
}
.main_heading h1 {
    font-family:'Yeseva One', serif;
    color: #25283a;
    font-size: 30px;
    padding: 0% 1% 0%;
    font-weight: 500;
    border-left: 4px solid #00ac66;
    margin: 1% 1.5% 1% !important;
}

.abt p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #25283a;
    line-height: 170%;
    text-align: justify;
    margin: 1% 1%;
}

.abt p span {
    font-size: 16px;
    font-weight: 600;
}

.abt h2 {
    font-family:'Yeseva One', serif;
    font-size:30px;
    font-weight: 500;
    text-align: center;
    margin: 2% 1% 1%!important;
    line-height: 150%;
    color: #000;
}

.abt h3 {
    font-family:'Yeseva One', serif;
    font-size:30px;
    font-weight: 500;
    text-align: center;
    margin: 0% auto 0%!important;
    line-height: 150%;
    color: #04a35c;
    background-color: #ffcc2a;
    width:200px;
    border-radius:25px;
}



.abt h1 {
    font-family:'Poppins', sans-serif;
    font-size: 22px;
    font-weight:600;
    text-align: left;
    margin: 1% 1% 1%!important;
    line-height: 150%;
    color: #00ac66;
}

.abt h5 {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 150%;
    text-align: justify;
    margin: 1% 1% 2%;
    min-height: 144px;
}

.abt h4 {
    font-family: 'Yeseva One', serif;
    font-size: 22px;
    font-weight:400;
    color: #fff;
    line-height: 150%;
    text-align: center;
    margin: 1% 1%;
    padding: 1%;
    background-color: #00a457;
}


.time_text h2 {
    font-family:'Poppins', sans-serif;
    font-size:18px;
    font-weight:600;
    text-align: left;
    margin: 1% 1% 1%!important;
    line-height: 150%;
    color: #00ac66;
}


/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  margin: 0% auto;
  padding: 4% 0%;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.container2 {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.container2::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -13px;
  background-color: white;
  border: 4px solid #04a35c;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.left {
  left: 0;
}

/* Place the container to the right */
.right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after {
  left: -13px;
}

/* The actual content */
.content {
  padding: 15px 10px;
  background-color: white;
  position: relative;
  border-radius: 6px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .timeline::after {
  left: 31px;
  }
  
  /* Full-width containers */
  .container2 {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }
  
  /* Make sure that all arrows are pointing leftwards */
  .container2::before {
  left: 60px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .left::after, .right::after {
  left: 18px;
  }
  
  /* Make all right containers behave like the left ones */
  .right {
  left: 0%;
  }
}



.why_eco h1 {
    font-family:'Poppins', sans-serif;
    font-size:19px;
    font-weight:600;
    text-align: left;
    margin: 1% 1% 1%!important;
    line-height: 130%;
    color: #00ac66;
}

.why_eco p {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #373737;
    line-height: 150%;
    text-align: justify;
    margin: 1% 1% 2%;
    min-height: 90px;
}





.degin_col_sm2 {
    width: 50%;
    padding: 40px;
    margin: 0%;
    float: left;
    background-color:#fff;
}

.degin_col_sm22 {
    width: 50%;
    margin: 0%;
    float: left;
}

.des_min_hgt{
    min-height: 470px;
}

.des_min_hgt2{
    min-height: 550px;
}

.abt_img {
    background-image: url(../images/abt_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-size: 100%;
}

.abt_img2 {
    background-image: url(../images/abt_img2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-size: 100%;
}

.abt_img3 {
    background-image: url(../images/abt_img3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-size: 100%;
}



.degin_col_sm2 h1{
    font-family:'Yeseva One', serif;
    color: #04a35c;
    font-size:32px;
    text-align: left;
    margin:1% 1% 2% !important;
    font-weight:500;
}

.degin_col_sm2 h2{
    font-family:'Poppins', sans-serif;
    color: #000;
    font-size: 20px;
    text-align: left;
    margin: 1% 1% 1% !important;
    font-weight: 500;
}


.degin_col_sm2 p{
    font-family:'Poppins', sans-serif;
    color: #191516;
    font-size:16px;
    text-align: justify;
    margin:2% 1% 1%;
    font-weight: 400;
    line-height:160%;
}



/*--------------------------------------------------------------
 image hover effect
--------------------------------------------------------------*/
.img2 {
	object-fit: cover;
    visibility: visible;
    animation-delay: 0.9s;
    display: block;
    width: 100%;
}

.box-text h2 {
    font-family:'Poppins', sans-serif;
    color: #ef1923;
    font-size:21px;
    font-weight: 700;
    text-align: left;
    min-height:81px ;
    padding: 2% 4%;
    background-color: #fff;
}

.column {
    display: inline-block;
    text-align: center;
}

figure {
    overflow: hidden;
    margin:0%;
    padding:0%;
}


.column img {
    display: block;
    height: auto;
} 

.column#zoomIn img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;

}

.column#zoomIn:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
} 

/* Zoom In #1 */
.hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.hover01 figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}


/*---------------------------------------
campaigns
----------------------------------------*/

.campaigns_s h1 {
    font-family: 'Poppins', sans-serif;
    font-size:23px;
    font-weight: 500;
    text-align: left;
    margin: 2% 1% 0%!important;
    line-height: 150%;
    color: #00ac66;
}

.campaigns_s p {
    font-family: 'Poppins', sans-serif;
    font-size:18px;
    font-weight:500;
    text-align: left;
    margin: 1% 1% 1%!important;
    line-height: 150%;
    color: #000;
}

.col_sm33{
    width:33.3%;
    float: left;
    margin: 0;
}

.c_bgclr{
    background-color: #f1f1f1;
}
.c_bgclr2{
    background-color: #e8e8e8;
}
.c_bgclr3{
    background-color: #e0e0e0;
}

.campaigns_icon{
    width: 100px;
    margin: 0 auto;
    float: none;
}

.campaigns_s h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align:left;
    margin:1.5% 1% 1%!important;
    line-height: 140%;
    color: #000;
}

.campaigns_s h5 {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 150%;
    text-align: justify;
    margin: 1% 1% 2%;
}

.box-2 {
    padding: 2%;
    width:100%;
    background-color: #04a35c;
    position: relative;
    margin: 0px auto 0px;
}

.campaignnnn h2 {
    font-family: 'Poppins', sans-serif;
    font-size:14px;
    font-weight:400;
    line-height: 140%;
    color: #fff;
    margin: 1% 0.5% !important;
    text-align: justify;
}



/*--------------------------------------------
Bullet
--------------------------------------------*/

.bullet  {
	width:100%;
	margin-top:1%;
}

.bullet ul {
    list-style-image:url(../images/bullet.png);
	margin-left:5%;
}

.bullet ul li{
	font-family:'Poppins', sans-serif;
	font-size:15px;
	line-height:135%;
	color:#25283a;
	margin:0% 2% 0.1% 2%;
	text-decoration: none;
	font-weight:400;
	text-align: justify;
}

.bullet ul li span{
	color:#25283a;
	font-size:17px;
	font-weight:500;
}




.bullet2  {
	width:100%;
	margin-top:0.5%;
}

.bullet2 ul {
    list-style-image:url(../images/bullet.png);
	margin-left:1.5%;
}

.bullet2 ul li{
	font-family:'Poppins', sans-serif;
	font-size:16px;
	line-height:160%;
	color:#25283a;
	margin:0% 2% 0.1% 2%;
	text-decoration: none;
	font-weight:400;
	text-align: justify;
}

.bullet2 ul li span{
	color:#25283a;
	font-size:17px;
	font-weight:500;
}



.bullet3 {
	width:100%;
	margin-top:1%;
}

.bullet3 ul {
    list-style-image:url(../images/bullet3.png);
	margin-left:6%;
}

/*.bullet3 ul li{
	border-bottom: 1px solid #131c29;
}*/

.bullet3 ul li a{
	font-family:'Poppins', sans-serif;
	font-size:16px;
	line-height:200%;
	color:#fff;
	padding:1% 0.8% 2% 0.8%;
	text-decoration: none;
	font-weight:400;
}

/*--------------------------------------------------------------
top_arrow
--------------------------------------------------------------*/
.top_arrow{
	width:29px;
	height:29px;
	position:fixed;
	right:1%;
	bottom:6%;
	transition-duration: 1s;
	background-image:url('../images/top.png');
	cursor:pointer;
	background-repeat:no-repeat;
	z-index: 999;
	background-size:100% 100%;
}

.top_arrow:hover{
	width:29px;
	height:29px;
	position:fixed;
	right:1%;
	transition-duration: 1s;
	bottom:6%;
	cursor:pointer;
	background-image:url('../images/top-b.png');
	background-size:100% 100%;
}




/*------------------------------------------------------------------------------new css font donate page-------------------------------------------------------*/
.donate_icon {
    width: 100px;
    margin: 1% auto;
    float: left;
}

.donate-txt h1 {
    font-family: 'Yeseva One', serif;
    color: #25283a;
    font-size: 20px;
    font-weight: 500;
    text-align: justify;
}   

.donate-txt p {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #25283a;
    line-height: 140%;
    text-align: justify;
    min-height: 130px;
}


.min-height-box {
    min-height: 479px !important;
}

.pdg-donate {
    padding: 1% 1%;
}

.ab_shawdo1 {
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
}

.ab_shawdo1:hover {
  /*  -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);*/
    background-color: #fdca0f;
/*box-shadow: 0px 0px 5px 0px rgb(1 173 101 / 20%);*/
}

.hero1-donate {
    background-image: url(../images/donate-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    padding: 0px 0px;
}

.hero2-donate {
    background-image: url(../images/donate-fund-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    padding: 0px 0px;
}

.hero3-donate {
    background-image: url(../images/donate-bg1.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    padding: 0px 0px;
}

.donate-txt2 h2 {
    font-family: 'Yeseva One', serif;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    margin: 2% 1% 1%!important;
    line-height: 150%;
    color: #000;
}

.donate-txt2 p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin:1%!important;
    line-height: 150%;
    color: #000;
}

.donate-txt22 h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin: 3% 0.5% 3%!important;
    line-height: 150%;
    color: #00a457;
}

.donate-txt22 p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin: 1%!important;
    line-height: 150%;
    color: #000;
    min-height: 230px;
}

.donate-txt222 p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
    margin: 2%!important;
    line-height: 150%;
    color: #000;
    
}

.donate-txt3 h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    margin-top: -1.5%!important;
    margin-bottom: 0%!important;
    line-height: 150%;
    color: #01a85c;
}

.collaborate-txt2 h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    margin: 2% 1% 0%!important;
    line-height: 150%;
    color: #00ac66;
}

.collaborate-txt2 h2 {
    font-family: 'Yeseva One', serif;
    font-size: 30px;
    font-weight: 500;
    text-align: justify;
    margin: 2% 1% 1%!important;
    line-height: 150%;
    color: #000;
}

.collaborate-txt2 h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: 2% 1% 1%!important;
    line-height: 150%;
    color: #000;
}


.collaborate-txt2 p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
    margin:1%!important;
    line-height: 140%;
    color: #000;
}

.collaborate-txt2 p span{
    font-size: 17px;
    font-weight: 500;
    line-height: 150%;
}

.contact-txt2 h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 23px;
    font-weight: 500;
    text-align: left;
    margin: 2% 1% 0%!important;
    line-height: 150%;
    color: #00ac66;
}

.contact-txt2 p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
    margin: 1%;
    line-height: 140%;
    color: #000;
}

.donate-txt-qr h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    margin: 1% 0%!important;
    line-height: 140%;
    color: #000;
}
.donate-txt-qr p {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    margin: 1% 0%!important;
    line-height: 140%;
    color: #000;
}

.donate-txt-qr h1 span {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
    margin: 1%!important;
    line-height: 140%;
    color: #000;
}

.bg-donate-box {
    background-color: rgb(255, 255, 255);
}

.brd111 {
    border: 4px solid #fff;
}

.img-donate {
    width: 100%;
    vertical-align: middle;
}

.choose h2 {
    font-family:'Poppins', sans-serif;
    color: #000;
    font-size:17px;
    text-align: center;
    font-weight:600;
    letter-spacing: 0.5px;
    line-height: 110%;
    padding:1%;
    margin: 1% 0% 2% !important;
}

/*--------------------------------------------------------------
Table
--------------------------------------------------------------*/
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width:98%;
  margin:0 auto;
  float:none;
}

.tab_def{
    margin:1%;
}

table tr {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
  padding: 0.7%;
  text-align: left;
  font-family:'PoppiNs', sans-serif;
  color:#000;
  font-weight:500;
  font-size:15px;
  line-height:140%;
  border: 1px solid #ddd;
}





.body_text111 {
  padding: 0.6%;
  text-align: left;
  font-family:'PoppiNs', sans-serif;
  color:#000;
  font-weight:500;
  font-size:15px;
  line-height:140%;
  border: 1px solid #ddd;
  padding: 22px;
}
.body_text2 {
  padding: 0.6%;
  text-align: center;
  font-family:'PoppiNs', sans-serif;
  color:#000;
  font-weight:600;
  font-size:18px;
  line-height:140%;
  border: 1px solid #ddd;
  padding: 22px;
}


.body_text1111 {
  padding: 0.6%;
  text-align: center;
  font-family:'PoppiNs', sans-serif;
  color:#345e1f;
  font-weight:600;
  font-size:18px;
  line-height:140%;
  border: 1px solid #ddd;
  padding: 22px;
}



table td b {
  font-weight:700;
  font-size:15px;
}

table th {
  font-size: .85em;
   font-family:'PoppiNs', sans-serif;
  color: #000;
  font-weight:600;
  font-size:16px;
}

.body_text1129{
    font-size: 18px;
    font-weight:600;
    color: #f12929;
    font-family:'PoppiNs', sans-serif;
    text-align:left;
    padding: 0.6%;
}


.t_hed{
    font-size: 20px;
    font-weight:600;
    color: #fff;
    font-family:'PoppiNs', sans-serif;
    text-align:left;
    text-transform: uppercase;
}

/*------------------------------------------------------------
Contact Page
--------------------------------------------------------------*/

.contact_txt h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 600;
    padding: 1% 1% 0%;
    color: #122a5a;
}

.cont_col_sm3 {
    width:98%;
    float: left;
    margin: 1%;
    background-color: rgb(255, 255, 255, 0.8);
    border-radius: 25px;
}

.cont_pdg_sm3 {
    padding: 1% 1.5%;
}



.cont_icn {
    width: 22%;
    float: left;
    margin: 2% auto 1%;
}

.cont_icn i {
    font-size: 40px;
    color: #005098;
}

.cont_txt_main {
    width: 75%;
    float: right;
    margin: 1%;
}

.cont_txt_main h2 {
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 19px;
    font-weight: 600;
    padding:3% 1% 2%;
    text-align: left;
    margin-bottom: 0!important;
}

.cont_txt_main p {
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    text-align: left;
    min-height:80px;
}

.bg_img-cont {
    background-image: url('../images/contact-bg.jpg');
    background-size: 100% 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

/*------------------------------------------------------------------------------new css font donate page-------------------------------------------------------*/

.pad-left {
    margin-left: -1%!important;
}

/*contact -volunters*/
.vol-bg{
    border: 1px soid;
      background: #e0f7e5;
      border-radius: 20px;
}
.bor-round{
    border-radius: 15px;
    box-shadow: 4px 4px 8px #d9d9d9fc;
}
.vol-head{
       padding: 2%;
}
.vol-head h3{
   font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight: 500;
    text-align: left;
    margin: 9% 1% 1%!important;
    color: #000 ;
}
.caption{
    padding: 3%;
}
.caption p{
    font-family: 'Poppins', sans-serif;
    color: #25283a;
    font-size: 18px;
    text-align: center;
    line-height: 145%;
    font-weight: 500;
    min-height: 0px;
}
/*contact -volunters*/

.bullet-abt3 ul {
    list-style-image:url("images/bullet1.png");
    margin-left:13%;
}

.bullet-abt3 ul li{
    font-family:'Poppins', sans-serif;
    font-size:14px;
    line-height:135%;
    color:#25283a;
    margin:0% 2% 0.1% 2%;
    text-decoration: none;
    font-weight:400;
    text-align: left;
}




/*--------------------------------------------------------------
Services
--------------------------------------------------------------*/


.services h2{
	font-family: 'Yeseva One', serif;
	font-size:26px;
	font-weight:500;
	line-height:150%;
	margin:1%!important;
	color: #FECD04;
	text-align: left;
}

.services h4{
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 150%;
    text-align: justify;
    margin: 3% 1% 0%;
 
}
.services h3{
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #fecd04;
    line-height: 150%;
    text-align: justify;
    margin: 0% 1% 0%;
 
}


.services p{
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    line-height: 150%;
    text-align: justify;
    margin: 1% 1% 2%;    
}
.services_sub h2{
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: 000;
    line-height: 150%;
    text-align: justify;
    margin: 2% 1.5% 2%;
 
}

.services a{
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: 150%;
    text-align: justify;
    margin: 0% 0% 0%;
    text-decoration: none
 
}
.services a:hover{
    text-decoration: underline;
    color: #feca26;
 
}

.explore_mre{
    width: 160px;
    float: left;
    margin:1% 1% 1%;
}

.explore_mre_btn {
    width: 100%;
    padding:3% 3%;
    font-size: 15px;
    text-align: center;
    font-family:'Poppins', sans-serif;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    border-radius:50px;
    background-color: #feca26;
}





@media only screen and (max-width:1400px){
.banner_btn {
    margin: -12% auto 0%;;
}
}

@media only screen and (max-width:1300px){
.banner_btn {
    margin: -13% auto 0%;;
}
.min-height-box {
    min-height: 590px !important;
}
}

@media only screen and (max-width:1200px){
.recent_updates {
    width: 80%;
}
.banner_btn {
    width: 90%;
    margin: -15% auto 0%;;
}

}


@media only screen and (max-width:1125px){
.top{
	width:98%;
}
.top2{
	width:96%;
}
.logo_rigt {
    width:760px;
}
.ctr_txt23 {
    width: 125px;
}


.degin_col_sm2 h1 {
    font-size: 28px;
}

.degin_col_sm2 p {
    font-size: 16px;
    line-height: 140%;
}

}



@media only screen and (max-width:1000px){

.degin_col_sm2 {
    width: 100%;
    padding: 20px;
}
.degin_col_sm22 {
    width: 100%;
}
.des_min_hgt {
    min-height: 300px;
}
.des_min_hgt2 {
    min-height: 450px;
}
.min-height-box {
    min-height: 625px !important;
}
}


@media only screen and (max-width:1000px){
.navbarrr {
    width: 523px;
}
.logo_rigt {
    width: 660px;
}
}


@media only screen and (max-width:960px){
.ftr-logo {
    margin: 0 auto;
    float: none;
    padding: 0% 0%;

}
.ftr_scl {
    margin-left: 33%;
}

.recent_updates {
    width: 100%;
    height: auto !important;
}

.recent_box{
    width: 100% !important;
    left: 0;
    height: auto !important;
    position: static !important;
    margin: 20px 0px;
}

.recent_box p{
    padding:20px 40px;
}

.team-members {
    padding: 1%;
}

.mobile-banner{
    display: block;
       width: 100%;
}

.scrn-bnr{
    display: none;
}
.donate-btn-mobile{
    display: block;
       width: 100%;
}
.donate-btn-scrn{
    display: none;
}
.ftr-scrn{
    display: none;
}
.ftr-mob{
    display: block;
}
.banner_btn {
    width: 100%;
    position: static;
    margin: 0% auto 0%;
}

.bg-clr2 {
    background-color: #f5f5f5;
}

.service-right-part {
    position: static;
    width: 98%;
    margin: 1%;
}

.service-left-part {
    width: 98%;
}

.call_em {
    display: none;
}

.logo {
    width: 100px;
    padding: 1%;
    float: none;
    margin: 0 auto;
}

.top {
    width: 100%;
}
.navbarrr {
    width: 100%!important;
	float:none!important;
	margin:0% auto!important;
	background-color: #00a763!important;
}

.logo_rigt {
    width: 100%;
    float: right;
}
.ctr_txt23 {
    display: none;
   width: 100px;
    float: none;
    position: absolute;
    top: 20px;
    right: 4%;
}
}

@media only screen and (max-width:900px){
.marq {
    width: 100%;
}

.col_sm9_n {
    width: 30%;
}

.col_sm4 {
    width: 48%;
}


.bullet ul {
    margin-left: 8%;
}

.col_sm100 {
    width:98%;
}
.col_sm10 {
    width: 98%;
}
.team-members {
    width: 43%;
}
}


@media only screen and (max-width:800px){
.welcome-inner-box h1 {
    margin: 6% 1% 0% 3%;
}

.col_sm8 {
    width: 98%;
}
.col_sm99_n {
    width: 98%;
}

.col_sm88 {
    width: 98%;;
}

.col_sm3{
	width:98%;
	float:none;
	margin:1%;
}	
.team-members{
    width:98%;
    float:none;
    margin:1%;
}
.col_sm4{
	width:100%;
}

.ftr_txt h1{
	margin:4% 0%;
}

.col_sm2 {
    width: 98%;
}
.pad-left {
    margin-left: 1%!important; 
}
.col_sm2_doc{
    width:98%;
}

.ftr_right{
	text-align:left;
}

.infra_col_sm2 {
    width: 98%;
    min-height: auto;
}

.infra_icon {
    margin: -5% auto 1%;
}

.col_sm22 {
    width: 98%;
}

.pro11 h2 {
    min-height:90px;
}

.pro11 p {
    min-height:145px;
}

.campaigns-txt1 h2 {
    text-align: center;
}

.campaigns-txt1 p {
    text-align: center;
    margin: 0% 1%;
    min-height: auto;
}

.s_read_mre1 {
    float: none;
    margin: 2% auto 0%;
}
.ftr_icon {
    width: 3%;
}
/*services*/
   .ser_top {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .ser_wrap {
        width: 100%;
        height: 100%;
        display: inherit;
        transform: none;
    }
    .left {
        height: 100%;
        clip-path: none;
        flex: none;
        transform: none;
        align-items: center;
        justify-content: flex-start;
    }
    .service-left-cont {
        width: 100%;
        float: none;
        margin: 0;
    }
    .right {
        height: 100%;
        clip-path: none;
        flex: 1 0 75%;
        transform: none;
        align-items: center;
        justify-content: flex-end;
    }
    .service-right {
        width: 100%;
        float: none;
        margin: 0;
    }

    .donate-txt22 p {
        min-height: auto;
    }

    .cont_txt_main p {
    min-height: 118px;
    }

    .ab_shawdo1 {
    padding: 15px 15px;
    }

    .donate-txt p {
    min-height: auto;
    }

    .cont_txt_main p {
    min-height: auto;
    }
    .vol-head h3 {
    margin: 0% 1% 1%!important;
    text-align: center;

}
.min-height-box {
    min-height: 425px !important;
}

}
@media only screen and (max-width:600px){

.col_sm9_n {
    width:50%;
}


.bullet ul {
    margin-left:7%;
}

.col_sm99 {
    width: 98%;
}
.col_sm9 {
    width: 98%;
}

.top22 {
    width: 98%;
}

.counter2 {
    width: 48%;
}

.abt h5 {
    min-height: auto;
}
.services h2 {
    font-size: 23px;
}
.services h4 {
    font-size: 19px;
}
}


@media only screen and (max-width:500px){

.services h3 {
    font-size: 20px;
    font-weight:600;
}

.servi_pdgg2 {
    padding: 1%;
}

.bullet ul {
    margin-left:9%;
}
.ftr_icon {
    width: 5%;
}

.pro11 h1 {
    font-size: 28px;
}

.campaigns-txt h1 {
    font-size: 28px;
}
          

.servi h2 {
    font-size: 28px;
}

.pro h1 {
    font-size: 28px;
}
}

@media only screen and (max-width:450px){
.counter2 {
    width: 98%;
}
.inspiro-slider .slide{
    height: 275px !important;
}
#slider{
        height: 275px !important;
}
.col_sm5 {
    width: 31%;
}

}


@media only screen and (max-width:400px){

.ftr_icon {
    width: 8%;
}

.read_mre {
    width: 160px;
    float: none;
    margin: 10px auto;
}

.who h1 {
    font-size: 36px;
}

}