/*@import url('https://fonts.googleapis.com/css2?family=Ceviche+One&family=Gideon+Roman&family=Montserrat:wght@200;300;400&family=Oswald:wght@300&display=swap');*/

/*@import url('https://fonts.googleapis.com/css2?family=Ceviche+One&family=Gideon+Roman&family=Montserrat:wght@200;300;400&family=Open+Sans:wght@300&family=Oswald:wght@300&family=Ubuntu:wght@300;400&display=swap');*/

/*@import url('https://fonts.googleapis.com/css2?family=Ceviche+One&family=Gideon+Roman&family=Montserrat:wght@200;300;400&family=Open+Sans:wght@300&family=Oswald:wght@300&family=Ubuntu:wght@300;400&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400;500&display=swap');

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



*{

	margin: 0;

	padding: 0;

	box-sizing: border-box;

	font-family: 'Dosis', sans-serif !important;

}



body{

    margin-bottom:0 !important;

}



/*:root{

	--bg-primary: #fff;

	--main-bg-color:  #fbeec1;

	--sub-bg-color: #f8b864;

	--bg-secondary: #000;

	--text-primary: #fff;

	--text-secondary: #000;

	 background-image: url(<?php echo base_url(); ?>cc-content/themes/cicool/asset/images/logo_bgs.png);

}*/



:root{

    --main-bg: #fecc00  ;/*687dd8 f83730 7e4555,ffca00-yelloish, 3cc88f-greenish*/ 

    --sub-bg:#fafafa ; /*7bc5a2,fafafa-lightgray*/

    --dark: #000;

    --white: #fff;

    --web-btn: #fecc00;/* db4242, ff6b70-lightred, #f4bc7b-lightpink*/

}





.phpdebugbar, .phpdebugbar-closed{

    display:none;

}



.pageactive{

   background-color:var(--main-bg) !important;

   

}



/* --- EVENT ACTIVE BTN --- */

.buttonactive{background-color:var(--web-btn) !important;}



/* NAVIGATION SECTION */

#navigation-head{

	width: 100%;

	position:relative;

	background-color: #fff;

	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

}



#navigation-head .navbar .navbar-brand{

    background-repeat:no-repeat;

    background-size:100% 100%;

    padding:7px 65px 7px 0 !important;

    position:absolute;

    top:0;

}



#navigation-head .navbar .navbar-brand img{width:422px; height:auto !important;}



#navigation-head .navbar-nav .nav-item .nav-link{color:var(--dark);}



.sticky-navigation{

	position: sticky;

	top: 0;

	z-index: 10000;

	transition: 0.5s ease;

}



.nav-bg{

	width: 100%;

	background: var(--white) !important;

}



#nav-head{

	width: 100%;

	height: auto;

	/*background-image: url("http://localhost/kkw_foundation/assets/images/cban2.jpg");*/

	background-size: 100% 100%;

	background-repeat: no-repeat;

	background-position: fixed;

	background-color: rgba(0,0,0,0.8);

	background-blend-mode: overlay;

	position: relative;

	top: 0;

}



.nav_head2{

	width: 100%;

	height: auto !important;

	padding:130px 0;

	/*background-image: url("http://localhost/kkw_foundation/assets/images/cban2.jpg");*/

	background-size: cover;

	background-repeat: no-repeat;

	/*background-position: fixed;*/

	background-color: rgba(0,0,0,0.8);

	background-blend-mode: overlay;

	position: relative;

	top: 0;

}





.navbar{ position: relative; z-index: 1000000; }



.navbar-nav .nav-item .nav-link{ 

	position: relative;

	font-size: 18px;

	color: #fff;

	padding:8px 10px !important;

}



.navbar-brand img{

    width:95px;

    height:95px;

}



.dropdown-menu{ border-radius: 0; }



.main-btn{

	background: #f7cb48;

	color: #fff; 

	font-weight:normal;

	border: 0px solid transparent;

	border-radius: 15px;

	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

}



.main-btn:hover{

	background: #fff;

	color: #f7cb48!important;

	border:0px solid transparent;

}



.main-btn2{

    margin:0 10px;

}



.form_content{display:none;}



.head-text{

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	width: 100%;

	height: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

}



.overlay-text{ width: 70%; height: auto; text-align: center; color: #fff;} /* padding-top:100px;*/



.overlay-text h1{ font-size: 95px; font-weight:900;}



.overlay-text h5{font-size:34px;}



.head-btn{ border:0px solid #fff; color: #fff; border-radius: 0; }



.head-btn span{

    width:30px;

    height:30px;

    padding:5px;

    border:2px solid #fff;

}



/*.head-btn:hover{ background-color: #fff; color: #000; }*/



/* SECTION HEADING */

.section-head{

	width: 60%;

	height: auto;

	margin: auto;

	text-align: center;

}



.section-head h2{

	font-family: 'Dosis', sans-serif;

}



.section-head p{

    font-size:20px;

	font-family: 'Dosis', sans-serif;

}



/* SOCIAL MEDIA SECTION */

.social_media{

    position:fixed;

    right:0;

    bottom:270px;

    z-index:999;

    list-style-type:none;

}



.side_btn{

    position:relative;

    z-index:99;

    background-color: #fff !important; /*var(--main-bg)*/

    padding:7px;

    border:1px solid #000;

    border-radius:35% 0 0 35%;

}



.side_btn:hover{

    border-radius:0 0 0 0;

}



.media_content{

    width:100%;

    opacity:0;

    padding:7px;

    background-color: #fff;/*var(--main-bg)*/

    font-weight:bolder;

    text-align:center;

    border:1px solid #000;

    border-right:none;

    transition:all 0.3s ease-in-out;

    border-radius:50px 0 0 50px;

}



.side_media:hover .side_btn{

    border-radius:0 0 0 0;

}



.side_media:hover .media_content{opacity:1; border-radius:50px 0 0 50px;}





/* ABOUT-US SECTION */

#about-us{

	width: 100%;

	height: auto;

	padding: 50px 0 30px;

	margin-top: 0;

}



.serve-info{

	width: 100%;

	height: auto;

	padding: 80px 0px;

	text-align:center;

	background: var(--main-bg) !important;

}



.serve-info h1, .serve-info h4, .serve-info h5{

	color:#000;

	margin-bottom: 5px;

}



.serve-info h1{

    font-size:70px;

    /*font-weight:bolder;*/

}



.serve-info h4, .serve-info h5{

    font-size:30px;

}



.serv-btn{

	background: #fff;

	color: #000;

	padding:10px 15PX;

	font-weight:bolder;

	letter-spacing:2px;

	border: 0px solid transparent;

	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

}



.rounded-0 {

  border-radius: 15 !important;

}



.about-btn{

	background: #fff;

	color: #000; 

	padding:10px 15PX;

	font-weight:bolder;

	letter-spacing:2px;

	border: 0px solid transparent;

	border-radius: 15px !important;

	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

}



.serv-btn:hover, .about-btn:hover{

	background: var(--web-btn) !important;

	color: #000 !important;

	border:0px solid transparent;

}



.about-info{

	width: 100%;

	height: auto;

}



.about-info h1{

    font-size:56px;

    color:#000;

}



.about-info p{

    font-size:20px;

}



/* OUR INSPIRATION */

.inspiration{width:100%;height:auto;padding:60px 0; background-color: var(--sub-bg);}



.inspiration_img{width:100%; height:auto;}



.inspiration_img img{width:100%; height:auto;}



.inspiration_info p{font-size:20px;}



/* DIRECTOR SECTION */

#director-board{

  width: 100%;

  height: auto;

  padding: 60px 0 50px;

  background: transparent!important;

}



#director-board .owl-stage{

	padding-bottom: 10px;

}



.director-details{

	width: 100%;

	height: auto;

	background: #fff;

	box-shadow: 0 2px 4px 2px rgba(0,0,0,0.4);

}



.director-details img{ width: 100%; height: 290px; }



.director-text{  

	width: 100%;

	height: 210px;

	padding: 15px 10px;

	margin:0px auto auto auto;

	background-color:  #fff;

	position: relative;

}



.director-text h6{font-size:17px;}



.board-btn{

    position:absolute;

    bottom:30px;

}



/* EVENT SECTION */

#act {

  width: 100%;

  height: auto;

  padding: 60px 0 50px;

  background-color: var(--sub-bg);

}



#act .owl-stage{

	padding-bottom: 10px;

}



.act-details{

	width: 100%;

	height: auto;

	background: #fff;

	box-shadow: 5px 5px 5px rgba(0,0,0,0.4);

}



.act-details img{ width: 100%; height: 250px; }



.act-text{  

	width: 100%;

	height: auto;

	padding: 15px 10px;

	margin:-0px auto auto auto;

	background-color:  #fff;

	position: relative;

}



.owl-nav{

	font-size: 60px;

	margin-top: 0 !important;

}



.owl-prev:nth-of-type(1) span{

	padding-right: 20px;

}



.owl-next:nth-of-type(2) span{

	padding-left: 20px;

}



.owl-theme .owl-nav [class*="owl-"]:hover {

  background: transparent !important;

  color: #000 !important;

  text-decoration: none;

}



.owl-dots{

	display: none;

}





/* MEDICAL SECTION */

#medical{

	width: 100%;

	height: auto;

	padding: 50px 0;

	background-size: 100% 100%;

	background-repeat: no-repeat;

	background-position: fixed;

	background-color: #cccccc;

	background-blend-mode: overlay;

}



.medical-img{

	width: 100%;

	height: auto;

	padding: 10px;

}



.medical-img img{

	width: 100%;

	height: 350px;

	border-radius: 15px;

	box-shadow: 0 6px 10px rgb(0 0 0 / 0.8);

}



.medical-info{

	width: 100%;

	padding: 15px;

	padding-top:60px;

	color: #000;

	font-weight: bolder;

}



.medical-info h1{

    font-weight:700;

    letter-spacing:1.5px;

}



.medical-info a{

    font-weight:600 !important;

    letter-spacing:2px;

}



.medical-btn{

	background: #4aa545;

	color: #000; 

	border: 0px solid transparent;

	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

}



.medical-btn:hover{

	background: #fff;

	color: #000;

	border:0px solid transparent;

}



/* SUCCESS SECTION */

#success{

	width: 100%;

	height: auto;

	padding: 50px 0;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: fixed;

	background-color: var(--web-btn);

	background-blend-mode: overlay;

}



.success-img{

	width: 100%;

	height: auto;

	padding: 10px;

}



.success-img img{

	width: 100%;

	height: 350px;

	border-radius: 15px;

	box-shadow: 0 6px 10px rgb(0 0 0 / 0.8);

}



.success-info{

	width: 100%;

	padding: 15px;

	padding-top:60px;

	color: #000 !important;

	font-weight: bolder;

}



.success-info h1{

    font-weight:700;

    letter-spacing:1.5px;

}



.success-info p{

    font-size:20px;

    letter-spacing:2px;

}



.success-info a{

    font-weight:600;

    letter-spacing:2px;

}



.success-btn{

	background: #4aa545;

	color: #fff; 

	border: 0px solid transparent;

	border-radius:15px !important;

	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

}



.success-btn:hover{

	background: #fff;

	color: #000;

	border:0px solid transparent;

}



/* NEWS SECTION */

#news{

	width: 100%;

	height: auto;

	padding: 50px 0;

	background: transparent !important;

}



.news-info{

	width: 100%;

	height: auto;

}



.news-info img{

	width: 100%;

	height: 200px;

}





/* MEMBERSHIP SECTION */

#membership{

	width: 100%;

	height: auto;

	padding: 50px 0;

	/*background-image: url("http://localhost/ngo_new/assets/images/cban2.jpg");*/

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	background-color: var(--web-btn); /*#f7cb48*/

	background-blend-mode: overlay;

}



.member-img{ width: 100%; height: auto; padding: 15px; }



.member-img img{ 

	width: 100%; 

	height: 350px; 

	border-radius: 15px; 

	box-shadow: 0 6px 10px rgb(0 0 0 / 0.8); 

}



.membership-form{ width: 100%; height: auto; padding: 15px; }



.membership-form .form-control{

	padding: 10px;

	background:transparent;

	border: 2px solid #000;

	border-radius: 0;

}



.membership-form h3{ color: #000; font-weight: 600; }



.membership-form .form-control::placeholder{ 

	color: #000; 

	font-weight: 400;

}



.membership-btn{ 

    width: auto; 

    padding: 10px 15px; 

    font-weight: 600;

    letter-spacing: 2px;

    border: 2px solid #000 !important; 

    transition:all 0.4s ease-in-out;

    /*background:#fff;*/

}



.membership-btn:hover{

    background:#fff;

    color:#000;

}





/* FOOTER SECTION */

#footer{

	width: 100%;

	height: auto;

	padding: 50px 0;

	background:#252525;

}



.footer-info{ width: 100%; height: auto; }



.footer-info h6, .footer-info p, .footer-info ul li{

	color: #fff;

}



.footer-info h6{ margin-bottom: 40px; position: relative; }



.footer-info h6::after{

	content: "";

	position: absolute;

	top: 160%;

	left: 0;

	width: 23%;

	height: 1px;

	background: #fff;

}



.footer-info ul{ padding: 0; margin: 0; list-style-type: none; }



.news-info



.social-media{

	width: 40px;

	height: 40px;

	display: flex;

	justify-content: center;

	align-items: center;

	border-radius: 100%;

	background:lightgrey;

}



.social-media .fa-brands{ font-size: 20px; }



.foot-blog{ width: 100%; height: 80px; }



.blog-img{ width: 100%; height: 80px; }



.foot-location{

    width:100%;

    height:auto;

}



.foot-location iframe{

    width:100%;

    height:auto;

}



/* BOARD OF TRUSTEE SECTION */

#board-trustee{

	width: 100%;

	height: auto;

	padding: 50PX 0;	

	margin-top: 0;	

}



.founder{ width: 100%; height: auto; text-align: center; }



.founder img{ width: 100%; height: 375px; }



.founder-info P{

    font-size:20px;

}



.team-member{ 

	width: 100%; 

	height: auto;

	position: relative; 

	overflow: hidden;

	box-shadow: 0 6px 10px rgb(0 0 0 / 0.8);

}



.direct-head{

	width: 100%;

	height: auto;

	position: relative;

}



.team-member img{ width: 100%; height: 250px; }



.member-name{

	width: 100%;

	height: 0;

	padding: 0;

	color: #fff;

	background:rgba(0,0,0,0.7);

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	transition: 0.3s ease-in-out;

}



.team-member:hover .member-name{

	height: 70px;

	padding: 5px;

}



.team-btn{

	background: #f7cb48;

	color: #fff;

	border: 0 solid transparent;

	padding: 8px 20px;

}



.team-btn:hover{

	color: #fff;

	background: #4aa545;

}



/* OBJECTIVE SECTION */

#objective{

	width: 100%;

	height: auto;

	padding: 50px 0;

	margin-top: 0;

}



.object{

	color: #fff;

	padding: 20px;

	text-align: center;

	background: #f7cb48;

	border-radius: 15px;

}



.object img{ width: 80px; height: 80px; }



/* VIDEO SECTION */

#video{

	width: 100%;

	height: auto;

	padding: 50px 0;

	margin-top: 0;

}



.video-content{ width: 100%; }



/* PHOTOS SECTION */

#photos{

	width: 100%;

	height: auto;

	padding: 50px 0;

	margin-top: 0;

}

.photo-data{

	width: 100%;

	display: flex;

	flex-wrap: wrap;

}



.list{background-color:#fff; color:#000;box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);}

.list:hover{background-color:var(--main-bg);border:none!important;}



.itembox{ width: 25%; height: auto; padding: 10px; }



.itembox img{ width: 100%; height: 250px; }



/* MEDIA SECTION */

#media{

	width: 100%;

	height: auto;

	padding: 50px 0;

	margin-top: 0;

}



.media-type{ position: relative; }



.video-btn, .photo-btn{

	background: #f7cb48;

	font-weight: bolder;

	color: #fff;

}



.video-btn:hover, .photo-btn:hover{

	background: #4aa545;

	font-weight: bolder;

	color: #fff;

}



.media-btn{ width: 100%; }



.media-btn span{

	width: 1005;

	height: auto;

	display: block;

	position: relative;

}



.photo-content img{ width: 100%; height: 315px; }



/* EVENT SECTION */

#event{

	width: 100%;

	height: auto;

	padding: 50px 0;

	margin-top: 0;

}



.years ul{

    justify-content:center;

}



.years ul li{

    margin-right:10px;

}

.years ul li:nth-of-type(last){

    margin-right:0px;

}



.nav-pills .nav-link.active, .nav-pills .show>.nav-link {

    color: var(--bs-nav-pills-link-active-color);

    background-color: var(--bs-nav-pills-link-active-bg) !important;

}



.pill1{border-bottom: 2px solid; padding-bottom: 15px;}



.nav-pills .nav-link {

  border: 0;

  border-radius: 0;

  margin-bottom:5px;

}



.event-details{

	width: 100%;

	height: auto;

	display: flex;

	flex-direction: column;

	background: #fafafa;

	overflow: hidden;

	transition: 0.5s linear;

}



.event-details:hover{

	box-shadow: 0 6px 10px rgb(0 0 0 / 0.8);

}



.event-img{

	width: 100%;

	height: 250px;

	position: relative;

	overflow: hidden;

}



.event-img img{

	transition: 0.3s linear;

}



.event-details:hover .event-img img{

	transform: scale(1.1);

}



.event-info{

	width: 80px;

	height: 80px;

	text-align: center;

	position: absolute;

	left: 20px;

	bottom: 20px;

	background: var(--main-bg) !important;

}



.event-text{ padding: 20px; }



.event-btn{ background: #f7cb48; color: #fff; }



.event-btn:hover{ background: #4aa545; color: #fff; }



/* EVENT INFORMATION SECTION */

.event-information{

    width: 100%;

	height: auto;

	padding: 50px 0;

	margin-top: 0;

}



.event-information .carousel-inner .carousel-item img{

    width:100%;

    height:500px;

}



.event-text{

    margin-top:0px;

    -moz-box-shadow:  0 3px 10px rgb(0 0 0 / 20%);

    -webkit-box-shadow:  0 3px 10px rgb(0 0 0 / 20%);

    box-shadow:  0 3px 10px rgb(0 0 0 / 20%);

}



.years .nav-pills .nav-link {

  /*background: #f7cb48;*/

  border: 0;

  border-radius: 0;

  transition: all 0.3s ease-in-out;

}



.years .nav-pills .nav-link:hover{

    background:#fff;

    color:#000;

}



/* ACTIVITY SECTION */

#activity{

	width: 100%;

	height: auto;

	padding: 50px 0;

	margin-top: 0;

	background: #fafafa;

}



.activity-details{

	width: 100%;

	height: auto;

	background: #fff;

	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);

}



.activity-details img{ width: 100%; height: 300px; }



.activity-text{

	width: 100%;

	height: auto;

	padding: 15px 10px;

	margin: auto;

	background-color:  #fff;

	position: relative;

}



/* CONTACT SECTION */

#contact-us{

	width: 100%;

	height: auto;

	padding: 50px 0;

	margin-top: 0;

}



.contact-info{

	width: 100%;

	height: auto;

	padding: 15px;

	margin-top: 15px;

	border-radius: 15px;

	text-align:center;

}



.contact-info .fa-solid{

	font-size: 30px;

}



.contact-form{ width: 100%; height: auto; padding: 15px; }



.contact-form .form-control{

	padding: 10px;

	background:#fafafa;

	/*border: 1px solid #000;*/

	/*border-radius: 0;*/

}



.contact-form h3{ color: #000; font-weight: 600; }



.contact-form .form-control::placeholder{ 

	color: #000; 

	font-weight: 400;

}



.contact-btn{ width: 150px; padding: 10px 15px; border: 1px solid #000;}



.form-location{

	margin-top: 60px;

	padding: 20px 20px 18px;

	border-radius: 0px;

	background: var(--main-bg);

}



.location{

	width: 100%;

	height: auto;

	padding: 0px;

}



.location iframe{

	width: 100%;

	height: 485px;

	border-radius: 0px;

}



/* MEMBER SECTION */

#board-member{

    width:100%;

    height:auto;

    padding:50px 0;

    /*margin-top:-122px;*/

}



.member-pic{

    text-align:center;

    margin-bottom:10px;

}



.member-pic img{

    width:40%;

    height:470px;

    margin-bottom:15px;

    border-radius:35px;

}



.member-info p{

    font-size:20px;

}



/* MEDICAL ASSISTANCE SECTION */

#medical-content{

    width: 100%;

    height: auto;

    padding: 50px 0;

    margin-top: 0;

}



.medical-form-info{

    max-width:1000px;

    height:auto;

    margin:auto;

    text-align:center;

}



.medical-form-info iframe{

    width:100%;

    height:1000px;

}



/* SCHOLERSHIP SECTION */

#scholership{

    width: 100%;

    height: auto;

    padding: 50px 0;

    margin-top: 0;

}



.scholership-form{

    max-width:1000px;

    height:auto;

    margin:auto;

    text-align:center;

}



.scholership-form iframe{

    width:100%;

    height:1000px;

}



/* NEWS DETAILS SECTION */

.news_details{width:100%; height:auto; margin-top:-122px; padding:50px 0;}



.news_image img{width:100%; height:267px;}





/* GALLERY SECTION */ 

.gallery_home{width:100%; height:auto; padding:50px; background-color: var(--sub-bg);}



.gall_video iframe{width:100%; height:350px;}



.gall_video img{width:100%; height:350px; margin-bottom:5px;}





/* MEDIA QUERY START */

@media (max-width: 1199px){

	/* NAVIGATION SECTION */

	#nav-head{

		width: 100%;

		height: auto;

		/*background-image: url("http://localhost/ngo_new/assets/images/cban2.jpg");*/

		background-size: 100% 100%;

		background-repeat: no-repeat;

		background-color: rgba(0,0,0,0.5);

		background-blend-mode: overlay;

		position: relative;

	}

	

	#navigation-head .navbar .navbar-brand img {

        width: 370px;

        height: 66px;

    }



	.navbar{ position: relative; z-index: 100; }



	.navbar-nav .nav-item .nav-link{ 

		position: relative;

		color: var(--dark) ;

		font-size: 17px;

		color: #fff;

	}



	.dropdown-menu{ border-radius: 0; }

	

	.main-btn{

    	background: var(--main-bg);

    	color: #fff; 

    	font-weight:normal;

    	border: 0px solid transparent;

    	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

    }

    

    .main-btn:hover{

    	background: #fff;

    	color: #f7cb48!important;

    	border:0px solid transparent;

    }

    

    .main-btn2{

        margin:0 8px;

    }



	.head-text{

		position: absolute;

		top: 33px;

		left: 0;

		bottom: 0;

		right: 0;

		width: 100%;

		height: 100%;

		display: flex;

		justify-content: center;

		align-items: center;

	}



	.overlay-text{ width: 50%; height: auto; text-align: center; color: #fff; }



	.overlay-text h1{ font-size: 95px; font-family: 'Dosis', sans-serif; }

	

	.overlay-text h5{font-size:34;}



	.head-btn{ border:0px solid #fff; color: #fff; border-radius: 0; }



    .head-btn span{

        width:30px;

        height:30px;

        padding:5px;

        border:2px solid #fff;

    }



	/* SECTION HEADING */

	.section-head{

		width: 60%;

		height: auto;

		margin: auto;

		text-align: center;

	}



	.section-head h2{

		font-family: 'Dosis', sans-serif;

	}



	/* ABOUT-US SECTION */

	#about-us{

		width: 100%;

		height: auto;

		padding: 50px 0 30px;

		margin-top: -91px;

	}



	.serve-info{

		width: 100%;

		height: auto;

		padding: 50px 11px;

		background: var(--main-bg);

	}



	.serve-info h1, .serve-info h4, .serve-info h5{

		margin-bottom: 15px;

	}



	.serv-btn{

		background: #fff;

		color: #000;

		border: 0px solid transparent;

		box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

	}



	.about-btn{

    	background: #fff;

    	color: #000; 

    	padding:10px 15PX;

    	font-weight:bolder;

    	letter-spacing:2px;

    	border: 0px solid transparent;

    	border-radius: 15px !important;

    	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

    }

    

    .serv-btn:hover, .about-btn:hover{

    	background: var(--web-btn) !important;

    	color: #000 !important;

    	border:0px solid transparent;

    }



	.serv-btn:hover, .about-btn:hover{

		background: #4aa545;

		color: #fff;

		border:0px solid transparent;

	}



	.about-info{

		width: 100%;

		height: auto;

		padding: 5px 35px;

	}

	

	.about-info h1{

        font-size:36px;

        color:#000;

    }

    

    .about-info p{

        font-size:20px;

    }

    

	/* Director SECTION */

	#director-board {

	  width: 100%;

	  height: auto;

	  padding: 30px 0 25px;

	  background: #fafafa;

	}



	#director-board .owl-stage{

		padding-bottom: 10px;

	}



	.director-details{

		width: 100%;

		height: auto;

		background: #fff;

		box-shadow: 5px 5px 5px rgba(0,0,0,0.4);

	}



	.director-details img{ width: 100%; height: 255px; }



	.director-text{  

		width: 100%;

		height: 209px;

		padding: 15px 10px;

		margin:0px auto auto auto;

		background-color:  #fff;

		position: relative;

	}

	

	.board-btn{

        position:absolute;

        bottom:15px;

    }



	/*.owl-nav{*/

	/*	font-size: 60px;*/

	/*	margin-top: 0 !important;*/

	/*}*/



	/*.owl-prev:nth-of-type(1) span{*/

	/*	padding-right: 20px;*/

	/*}*/



	/*.owl-next:nth-of-type(2) span{*/

	/*	padding-left: 20px;*/

	/*}*/



	/*.owl-theme .owl-nav [class*="owl-"]:hover {*/

	/*  background: transparent !important;*/

	/*  color: #000 !important;*/

	/*  text-decoration: none;*/

	/*}*/



	/*.owl-dots{*/

	/*	display: none;*/

	/*}*/

	

	/* EVENT SECTION */

	#act {

	  width: 100%;

	  height: auto;

	  padding: 30px 0 25px;

	}



	#act .owl-stage{

		padding-bottom: 10px;

	}



	.act-details{

		width: 100%;

		height: auto;

		background: #fff;

		box-shadow: 5px 5px 5px rgba(0,0,0,0.4);

	}



	.act-details img{ width: 100%; height: 250px; }



	.act-text{  

		width: 100%;

		height: auto;

		padding: 15px 10px;

		margin:-0px auto auto auto;

		background-color:  #fff;

		position: relative;

	}



	.owl-nav{

		font-size: 60px;

		margin-top: 0 !important;

	}



	.owl-prev:nth-of-type(1) span{

		padding-right: 20px;

	}



	.owl-next:nth-of-type(2) span{

		padding-left: 20px;

	}



	.owl-theme .owl-nav [class*="owl-"]:hover {

	  background: transparent !important;

	  color: #000 !important;

	  text-decoration: none;

	}



	.owl-dots{

		display: none;

	}



	/* MEDICAL SECTION */

	#medical{

		width: 100%;

		height: auto;

		padding: 30px 0;

		background-size: 100% 100%;

		background-repeat: no-repeat;

		background-position: fixed;

		background-color: #cccccc;

		background-blend-mode: overlay;

	}



	.medical-img{

		width: 100%;

		height: auto;

		padding: 10px;

	}



	.medical-img img{

		width: 100%;

		height: 350px;

		border-radius: 15px;

		box-shadow: 0 6px 10px rgb(0 0 0 / 0.8);

	}



	.medical-info {

        width: 100%;

        padding: 15px;

        padding-top: 60px;

        color: #000;

        font-weight: bolder;

    }



	/*.medical-btn{*/

	/*	background: #4aa545;*/

	/*	color: #fff; */

	/*	border: 0px solid transparent;*/

	/*	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);*/

	/*}*/



	/*.medical-btn:hover{*/

	/*	background: #fff;*/

	/*	color: #000;*/

	/*	border:0px solid transparent;*/

	/*}*/

	



	/* SUCCESS SECTION */

	#success{

		width: 100%;

		height: auto;

		padding: 30px 0;

		background-size: 100% 100%;

		background-repeat: no-repeat;

		background-position: fixed;

		background-color: var(--main-bg);

		background-blend-mode: overlay;

	}



	.success-img{

		width: 100%;

		height: auto;

		padding: 10px;

	}



	.success-img img{

		width: 100%;

		height: 350px;

		border-radius: 15px;

		box-shadow: 0 6px 10px rgb(0 0 0 / 0.8);

	}

	

	.success-info {

        width: 100%;

        padding: 15px;

        padding-top: 60px;

        color: #000 !important;

        font-weight: bolder;

    }



	.success-btn{

		background: #4aa545;

		color: #fff; 

		border: 0px solid transparent;

		box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

	}



	.success-btn:hover{

		background: #fff;

		color: #000;

		border:0px solid transparent;

	}



	/* NEWS SECTION */

	#news{

		width: 100%;

		height: auto;

		padding: 30px 0;

		background:#fafafa;

	}



	.news-info{

		width: 100%;

		height: auto;

	}



	.news-info img{

		width: 100%;

		height: 200px;

	}





	/* MEMBERSHIP SECTION */

	#membership{

		width: 100%;

		height: auto;

		padding: 30px 0;

		/*background-image: url("http://localhost/ngo_new/assets/images/cban2.jpg");*/

		background-repeat: no-repeat;

		background-size: 100% 100%;

		background-color: var(--main-bg);

		background-blend-mode: overlay;

	}



	.member-img{ width: 100%; height: auto; padding: 15px; }



	.member-img img{ width: 100%; height: 350px; }



	.membership-form{ width: 100%; height: auto; padding: 15px; }



	.membership-form .form-control{

		padding: 10px;

		background:transparent;

		border: 2px solid #000;

		border-radius: 0;

	}



	.membership-form h3{ color: #000; font-weight: 600; }



	.membership-form .form-control::placeholder{ 

		color: #000; 

		font-weight: 400;

	}



	.membership-btn{ width: auto; padding: 10px 15px; border: 2px solid #000 !important;}





	/* FOOTER SECTION */

	#footer{

		width: 100%;

		height: auto;

		padding: 50px 0;

		background:#252525;

	}



	.footer-info{ width: 100%; height: auto; }



	.footer-info h6, .footer-info p, .footer-info ul li{

		color: #fff;

	}



	.footer-info h6{ margin-bottom: 40px; position: relative; }



	.footer-info h6::after{

		content: "";

		position: absolute;

		top: 160%;

		left: 0;

		width: 23%;

		height: 1px;

		background: #fff;

	}



	.footer-info ul{ padding: 0; margin: 0; list-style-type: none; }



	.social-media{

		width: 40px;

		height: 40px;

		display: flex;

		justify-content: center;

		align-items: center;

		border-radius: 100%;

		background:lightgrey;

	}



	.social-media .fa-brands{ font-size: 20px; }



	.foot-blog{ width: 100%; height: 80px; }



	.blog-img{ width: 100%; height: 80px; }



	/* PHOTOS SECTION */

	#photos{

		width: 100%;

		height: auto;

		padding: 50px 0;

	}

	.photo-data{

		width: 100%;

		display: flex;

		flex-wrap: wrap;

	}



	.itembox{

		width: 25%;

		height: auto;

		padding: 10px;

	}



	.itembox img{

		width: 100%;

		height: 240px;

	}

	

	/* EVENT INFORMATION SECTION */

    .event-information{

        width: 100%;

    	height: auto;

    	padding: 50px 0;

    	margin-top: 0;

    }

    

    .event-information .carousel-inner .carousel-item img{

        width:100%;

        height:450px;

    }

    

    .event-text{

        margin-top:15px;

        box-shadow:  0 3px 10px rgb(0 0 0 / 20%);

    }

	

	/* MEMBER SECTION */

    #board-member{

        width:100%;

        height:auto;

        padding:50px 0;

        /*margin-top:-91px;*/

    }

    

    .member-pic{

        text-align:center;

        margin-bottom:20px;

    }

    

    .member-pic img{

        width:60%;

        height:470px;

        margin-bottom:15px;

        border-radius:35px;

    }

    

    .member-info p{

        font-size:20px;

    }

    

    /* MEDICAL ASSISTANCE SECTION */

    #medical-content{

        width: 100%;

        height: auto;

        padding: 50px 0;

        margin-top: 0;

    }

    

    .medical-form-info{

        max-width:1000px;

        height:auto;

        margin:auto;

        margin-top:15px !important;

        text-align:center;

    }

    

    .medical-form-info iframe{

        width:100%;

        height:1000px;

    }

    

    /* SCHOLERSHIP SECTION */

    #scholership{

        width: 100%;

        height: auto;

        padding: 50px 0;

        margin-top: 0;

    }

    

    .scholership-form{

        max-width:1000px;

        height:auto;

        margin:auto;

        margin-top:15px !important;

        text-align:center;

    }

    

    .scholership-form iframe{

        width:100%;

        height:1000px;

    }

    

    /* GALLERY SECTION */ 

    .gallery_home{width:100%; height:auto; padding:50px; background-color:#fafafa;}

    

    .gall_video iframe{width:100%; height:350px;}

    

    .gall_video img{width:100%; height:350px;}



}



@media (max-width: 991px){

	/* NAVIGATION SECTION */

	.navbar-toggler:focus{box-shadow:none;};

	#nav-head{

		width: 100%;

		height: 500px;

		/*background-image: url("http://localhost/ngo_new/assets/images/cban2.jpg");*/

		background-size: 100% 100%;

		background-repeat: no-repeat;

		background-color: rgba(0,0,0,0.5);

		background-blend-mode: overlay;

		position: relative;

	}

	

	#navigation-head .navbar .navbar-brand img {

        width: 296px;

        height: auto;

    }

	

	#navigation-head .navbar-nav .nav-item .nav-link{color: var(--white);}



	.navbar{ position: relative; z-index: 100; }



	.navbar-nav .nav-item .nav-link{ 

		position: relative;

		color: var(--bg-secondary) ;

		font-size: 18px;

		color: #fff;

	}

	

	.navbar-collapse.show {

		right: 0;

	}



	.navbar-collapse {

		display: block;

		position: fixed;

		width: 400px;

		top: 0px;

		bottom: 0;

		right: -400px;

		background-color: rgba(0,0,0,1);

		z-index: 99999999999;

		transition: all .3s ease-in-out;

		height: 100% !important;

	}



	.dropdown-menu{ border-radius: 0; }

	

	.main-btn{

    	background: #f7cb48;

    	color: #fff; 

    	font-weight:normal;

    	border: 0px solid transparent;

    	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

    }

    

    .main-btn:hover{

    	background: #fff;

    	color: #f7cb48!important;

    	border:0px solid transparent;

    }

    

    .form_content{display:inline-block; margin-left:10px;}

    

    .main-btn2, .main-btn1, .main-btn3{

        margin:0 10px;

        margin-bottom:10px;

    }



	.head-text{

		position: absolute;

		top: 0;

		left: 0;

		bottom: 0;

		right: 0;

		width: 100%;

		height: 100%;

		display: flex;

		justify-content: center;

		align-items: center;

	}



	.overlay-text{ width: 50%; height: auto; text-align: center; color: #fff; }



	.overlay-text h1{ font-size: 85px; font-family: 'Dosis', sans-serif; }

	

	.overlay-text h5{font-size:30;}



	.head-btn{ border:0px solid #fff; color: #fff; border-radius: 0; }



    .head-btn span{

        width:30px;

        height:30px;

        padding:5px;

        border:2px solid #fff;

    }



	/* SECTION HEADING */

	.section-head{

		width: 60%;

		height: auto;

		margin: auto;

		text-align: center;

	}



	.section-head h2{ font-family: 'Dosis', sans-serif; }



	/* ABOUT-US SECTION */

	#about-us{

		width: 100%;

		height: auto;

		padding: 50px 0 30px;

		margin-top: -91px;

	}



	.serve-info{

		width: 100%;

		height: auto;

		padding: 80px 0px;

	    text-align:center;

		background: #f7cb48;

	}



	.serve-info h1, .serve-info h4, .serve-info h5{

		margin-bottom: 15px;

	}



	.serv-btn{

		background: #fff;

		color: #000;

		border: 0px solid transparent;

		box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

	}





	.serv-btn:hover, .about-btn:hover{

		background: #4aa545;

		color: #fff;

		border:0px solid transparent;

	}



	.about-info{ width: 100%; height: auto; padding: 0px 5px; }



	.about-btn{

    	background: #fff;

    	color: #000; 

    	padding:10px 15PX;

    	font-weight:bolder;

    	letter-spacing:2px;

    	border: 0px solid transparent;

    	border-radius: 15px !important;

    	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

    }

    

    .serv-btn:hover, .about-btn:hover{

    	background: var(--web-btn) !important;

    	color: #000 !important;

    	border:0px solid transparent;

    }

	

	.about-info h1{

        font-size:30px;

        color:#000;

    }

    

    .about-info p{

        font-size:20px;

    }



	/* REQUIRE SECTION */

	/*#require{*/

	/*	width: 100%;*/

	/*	height: auto;*/

	/*	padding: 30px 0;*/

	/*}*/



	/*.req-text a{ color: #f7cb48; }*/



	/* DIRECTOR SECTION */

	#director-board {

	  width: 100%;

	  height: auto;

	  padding: 30px 0 25px;

	  background: #fafafa;

	}



	#director-board .owl-stage{ padding-bottom: 10px; }



	.director-details{

		width: 100%;

		height: auto;

		background: #fff;

		box-shadow: 5px 5px 5px rgba(0,0,0,0.4);

	}



	.director-details img{ width: 100%; height: 353px; }



	.director-text{  

		width: 100%;

		height: 166px;

		padding: 15px 10px;

		margin:-0px auto 20px auto;

		background-color:  #fff;

		position: relative;

	}



	/*.owl-nav{ font-size: 60px; margin-top: 0 !important; }*/



	/*.owl-prev:nth-of-type(1) span{ padding-right: 20px; }*/



	/*.owl-next:nth-of-type(2) span{ padding-left: 20px; }*/



	/*.owl-theme .owl-nav [class*="owl-"]:hover {*/

	/*  background: transparent !important;*/

	/*  color: #000 !important;*/

	/*  text-decoration: none;*/

	/*}*/



	/*.owl-dots{ display: none; }*/

	

	/* EVENT SECTION */

	#act {

	  width: 100%;

	  height: auto;

	  padding: 30px 0 25px;

	}



	#act .owl-stage{ padding-bottom: 10px; }



	.act-details{

		width: 100%;

		height: auto;

		background: #fff;

		box-shadow: 5px 5px 5px rgba(0,0,0,0.4);

	}



	.act-details img{ width: 100%; height: 250px; }



	.act-text{  

		width: 100%;

		height: auto;

		padding: 15px 10px;

		margin:-0px auto auto auto;

		background-color:  #fff;

		position: relative;

	}



	.owl-nav{ font-size: 60px; margin-top: 0 !important; }



	.owl-prev:nth-of-type(1) span{ padding-right: 20px; }



	.owl-next:nth-of-type(2) span{ padding-left: 20px; }



	.owl-theme .owl-nav [class*="owl-"]:hover {

	  background: transparent !important;

	  color: #000 !important;

	  text-decoration: none;

	}



	.owl-dots{ display: none; }



	/* DONATION SECTION */ 

	/*#donation{ width: 100%; height: auto; padding: 30px 0;}*/



	/*.donator-info{ width: 100%; height: auto; text-align: center; }*/



	/*.donator-info img{ width: 90%; height: 160px; border-radius: 10px; }*/

	

	/* MEDICAL SECTION */

	#medical{

		width: 100%;

		height: auto;

		padding: 30px 0;

		background-size: 100% 100%;

		background-repeat: no-repeat;

		background-position: fixed;

		background-color: #cccccc;

		background-blend-mode: overlay;

	}



	.medical-img{ width: 100%; height: auto; padding: 10px 0; }



	.medical-img img{

		width: 100%;

		height: 320px;

		border-radius: 15px;

		box-shadow: 0 6px 10px rgb(0 0 0 / 0.8);

	}



	.medical-info{ width: 100%; padding: 5px; color: #000; font-weight: bolder; }

	

	.medical-info {

        width: 100%;

        padding: 15px;

        padding-top: 60px;

        color: #000 !important;

        font-weight: bolder;

    }



	.medical-info h1{

		font-size: 30px;

	}



	/*.medical-btn{*/

	/*	background: #4aa545;*/

	/*	color: #fff; */

	/*	border: 0px solid transparent;*/

	/*	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);*/

	/*}*/



	/*.medical-btn:hover{*/

	/*	background: #fff;*/

	/*	color: #000;*/

	/*	border:0px solid transparent;*/

	/*}*/



	/* SUCCESS SECTION */

	#success{

		width: 100%;

		height: auto;

		padding: 30px 0;

		background-size: 100% 100%;

		background-repeat: no-repeat;

		background-position: fixed;

		background-color: #f7cb48;

		background-blend-mode: overlay;

	}



	.success-img{ width: 100%; height: auto; padding: 10px 0; }



	.success-img img{

		width: 100%;

		height: 320px;

		border-radius: 15px;

		box-shadow: 0 6px 10px rgb(0 0 0 / 0.8);

	}



	.success-info{ width: 100%; padding: 5px; color: #fff; font-weight: bolder; }

	

	.success-info {

        width: 100%;

        padding: 15px;

        padding-top: 60px;

        color: #000 !important;

        font-weight: bolder;

    }



	.success-info h1{

		font-size: 30px;

	}



	.success-btn{

		background: #4aa545;

		color: #fff; 

		border: 0px solid transparent;

		box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

	}



	.success-btn:hover{

		background: #fff;

		color: #000;

		border:0px solid transparent;

	}



	/* NEWS SECTION */

	#news{

		width: 100%;

		height: auto;

		padding: 30px 0;

		background:#fafafa;

	}



	.news-info{ width: 100%; height: auto; }



	.news-info img{ width: 100%; height: 200px; }



	/* MEMBERSHIP SECTION */

	#membership{

		width: 100%;

		height: auto;

		padding: 50px 0;

		/*background-image: url("http://localhost/ngo_new/assets/images/cban2.jpg");*/

		background-repeat: no-repeat;

		background-size: 100% 100%;

		background-color: var(--web-btn);

		background-blend-mode: overlay;

	}



	.member-img{ width: 100%; height: auto; padding: 0px; }



	.member-img img{ width: 100%; height: 350px; }



	.membership-form{ width: 100%; height: auto; padding: 0px; }



	.membership-form .form-control{

		padding: 10px;

		background:transparent;

		border: 2px solid #000;

		border-radius: 0;

	}



	.membership-form h3{ color: #000; font-weight: 600; }



	.membership-form .form-control::placeholder{ 

		color: #000; 

		font-weight: 400;

	}



	.membership-btn{ width: auto; padding: 10px 15px; border: 2px solid #000 !important;}





	/* FOOTER SECTION */

	#footer{

		width: 100%;

		height: auto;

		padding: 50px 0;

		background:#252525;

	}



	.footer-info{ width: 100%; height: auto; }



	.footer-info h6, .footer-info p, .footer-info ul li{

		color: #fff;

	}



	.footer-info h6{ margin-bottom: 40px; position: relative; }



	.footer-info h6::after{

		content: "";

		position: absolute;

		top: 160%;

		left: 0;

		width: 23%;

		height: 1px;

		background: #fff;

	}



	.footer-info ul{ padding: 0; margin: 0; list-style-type: none; }



	.social-media{

		width: 40px;

		height: 40px;

		display: flex;

		justify-content: center;

		align-items: center;

		border-radius: 100%;

		background:lightgrey;

	}



	.social-media .fa-brands{ font-size: 20px; }



	.foot-blog{ width: 100%; height: 80px; }



	.blog-img{ width: 100%; height: 80px; }

	

	.foot-contact ul{

        display:flex;

        flex-direction:column;

    }



	/* PHOTOS SECTION */

	#photos{

		width: 100%;

		height: auto;

		padding: 50px 0;

	}

	.photo-data{

		width: 100%;

		display: flex;

		flex-wrap: wrap;

	}



	.itembox{

		width: 33.33%;

		height: auto;

		padding: 10px;

	}



	.itembox img{

		width: 100%;

		height: 240px;

	}

	

	/* EVENT INFORMATION SECTION */

    .event-information{

        width: 100%;

    	height: auto;

    	padding: 50px 0;

    	margin-top: 0;

    }

    

    .event-information .carousel-inner .carousel-item img{

        width:100%;

        height:400px;

    }

    

    .event-text{

        margin-top:15px;

        box-shadow:  0 3px 10px rgb(0 0 0 / 20%);

    }

	

	/* MEMBER SECTION */

    #board-member{

        width:100%;

        height:auto;

        padding:50px 0;

        /*margin-top:-91px;*/

    }

    

    .member-pic{

        text-align:center;

        margin-bottom:20px;

    }

    

    .member-pic img{

        width:60%;

        height:470px;

        margin-bottom:15px;

        border-radius:35px;

    }

    

    .member-info p{

        font-size:20px;

    }

    

    /* GALLERY SECTION */ 

    .gallery_home{width:100%; height:auto; padding:50px; background-color:#fafafa;}

    

    .gall_video iframe{width:100%; height:310px;}

    

    .gall_video img{width:100%; height:310px;}

}



@media (max-width: 767px){

	/* NAVIGATION SECTION */

	#nav-head{

		width: 100%;

		height: auto;

		/*background-image: url("http://localhost/ngo_new/assets/images/cban2.jpg");*/

		background-size: 100% 100%;

		background-repeat: no-repeat;

		background-color: rgba(0,0,0,0.5);

		background-blend-mode: overlay;

		position: relative;

	}



	.navbar{ position: relative; z-index: 1;}



	.navbar-nav{

		padding-left: 0;

	}



	.navbar-nav .nav-item .nav-link{

		padding-left: 20px;

	}



	.navbar-collapse.show {

		right: 0;

	}



	.navbar-collapse {

		display: block;

		position: fixed;

		width: 300px;

		top: 0px;

		bottom: 0;

		right: -300px;

		background-color: rgba(0,0,0,1);

		z-index: 99999999999;

		transition: all .3s ease-in-out;

		height: 100% !important;

	}



	.navbar-nav .nav-item .nav-link{ 

		position: relative;

		color: var(--bg-secondary) ;

		font-size: 18px;

		color: #fff;

	}



	.dropdown-menu{ border-radius: 0; }

	

	.main-btn{

    	background: #f7cb48;

    	color: #fff; 

    	font-weight:normal;

    	border: 0px solid transparent;

    	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

    }

    

    .main-btn:hover{

    	background: #fff;

    	color: #f7cb48!important;

    	border:0px solid transparent;

    }

    

    .main-btn2, .main-btn1, .main-btn3{

        margin:0 10px;

        margin-bottom:10px;

    }



	.head-text{

		position: absolute;

		top: 0;

		left: 0px;

		bottom: 0;

		right: 0;

		width: 100%;

		height: 100%;

		display: flex;

		justify-content: center;

		align-items: center;

	}

	

	#navigation-head .navbar .navbar-brand img {

        width: 250px;

        height: auto;

    }



	.overlay-text{ width: 65%; height: auto; text-align: center; color: #fff; }



	.overlay-text h1{ font-size: 65px; font-family: 'Dosis', sans-serif; }

	

	.overlay-text h5{font-size:28px; font-weight:bolder;}



	.head-btn{ border:0px solid #fff; color: #fff; border-radius: 0; }



    .head-btn span{

        width:30px;

        height:30px;

        padding:5px;

        border:2px solid #fff;

    }



	/* SECTION HEADING */

	.section-head{

		width: 60%;

		height: auto;

		margin: auto;

		text-align: center;

	}



	.section-head h2{

		font-family: 'Dosis', sans-serif;

	}



	/* ABOUT-US SECTION */

	#about-us{

		width: 100%;

		height: auto;

		padding: 0px 0 30px;

		margin-top: -91px;

	}



	.serve-info{

		width: 100%;

		height: auto;

		padding: 50px 35px;

		background: #f7cb48;

	}



	.serve-info h1, .serve-info h4, .serve-info h5{

		margin-bottom: 15px;

	}



	.serv-btn{

		background: #fff;

		color: #000;

		border: 0px solid transparent;

		box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

	}





	.serv-btn:hover, .about-btn:hover{

		background: #4aa545;

		color: #fff;

		border:0px solid transparent;

	}



	.about-info{ width: 1005; height: auto; padding: 0px 5px; }



	.about-btn{

    	background: #fff;

    	color: #000; 

    	padding:10px 15PX;

    	font-weight:bolder;

    	letter-spacing:2px;

    	border: 0px solid transparent;

    	border-radius: 15px !important;

    	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

    }

    

    .serv-btn:hover, .about-btn:hover{

    	background: var(--web-btn) !important;

    	color: #000 !important;

    	border:0px solid transparent;

    }



	/* REQUIRE SECTION */

	/*#require{*/

	/*	width: 100%;*/

	/*	height: auto;*/

	/*	padding: 30px 0;*/

	/*}*/



	/*.req-text a{ color: #f7cb48; }*/

	

	/* OUR INSPIRATION */

    .inspiration{width:100%;height:auto;padding:60px 0; background-color: var(--sub-bg);}

    

    .inspiration_img{width:100%; height:auto; text-align:center;}

    

    .inspiration_img img{width:270px; height:auto;}

    

    .inspiration_info p{font-size:20px;}



	/* DIRECTOR SECTION */

	#director-board {

	  width: 100%;

	  height: auto;

	  padding: 30px 0 25px;

	  background: #fafafa;

	}



	#director-board .owl-stage{ padding-bottom: 10px; }



	.director-details{

		width: 80%;

		height: auto;

		margin:auto auto 15px;

		background: #fff;

		box-shadow: 5px 5px 5px rgba(0,0,0,0.4);

	}



	.director-details img{ width: 100%; height: 415px; }



	.director-text{  

		width: 100%;

		height: 166px;

		padding: 15px 10px;

		margin:-0px auto auto auto;

		background-color:  #fff;

		position: relative;

	}



	.owl-nav{ font-size: 60px; margin-top: 0 !important; }



	.owl-prev:nth-of-type(1) span{ padding-right: 20px; }



	.owl-next:nth-of-type(2) span{ padding-left: 20px; }



	.owl-theme .owl-nav [class*="owl-"]:hover {

	  background: transparent !important;

	  color: #000 !important;

	  text-decoration: none;

	}



	.owl-dots{ display: none; }

	

	/* EVENT SECTION */

	#act {

	  width: 100%;

	  height: auto;

	  padding: 30px 0 25px;

	}



	#act .owl-stage{ padding-bottom: 10px; }



	.act-details{

		width: 100%;

		height: auto;

		background: #fff;

		box-shadow: 5px 5px 5px rgba(0,0,0,0.4);

	}



	.act-details img{ width: 100%; height: 250px; }



	.act-text{  

		width: 100%;

		height: auto;

		padding: 15px 10px;

		margin:-0px auto auto auto;

		background-color:  #fff;

		position: relative;

	}



	.owl-nav{ font-size: 60px; margin-top: 0 !important; }



	.owl-prev:nth-of-type(1) span{ padding-right: 20px; }



	.owl-next:nth-of-type(2) span{ padding-left: 20px; }



	.owl-theme .owl-nav [class*="owl-"]:hover {

	  background: transparent !important;

	  color: #000 !important;

	  text-decoration: none;

	}



	.owl-dots{ display: none; }

	

	/* MEDICAL SECTION */

	#medical{

		width: 100%;

		height: auto;

		padding: 30px 0;

		background-size: 100% 100%;

		background-repeat: no-repeat;

		background-position: fixed;

		background-color: #cccccc;

		background-blend-mode: overlay;

	}



	.medical-img{ width: 100%; height: auto; padding: 10px 0; }



	.medical-img img{

		width: 100%;

		height: 320px;

		border-radius: 15px;

		box-shadow: 0 6px 10px rgb(0 0 0 / 0.8);

	}



	.medical-info{ width: 100%; padding: 5px; color: #000; font-weight: bolder; }



	.medical-info h1{

		font-size: 30px;

	}



	/* SUCCESS SECTION */

	#success{

		width: 100%;

		height: auto;

		padding: 30px 0;

		background-size: 100% 100%;

		background-repeat: no-repeat;

		background-position: fixed;

		background-color: #f7cb48;

		background-blend-mode: overlay;

	}



	.success-img{ width: 100%; height: auto; padding: 10px 0; }



	.success-img img{

		width: 100%;

		height: 320px;

		border-radius: 15px;

		box-shadow: 0 6px 10px rgb(0 0 0 / 0.8);

	}



	.success-info{ width: 100%; padding: 5px; color: #fff; font-weight: bolder; }



	.success-info h1{

		font-size: 30px;

	}



	.success-btn{

		background: #4aa545;

		color: #fff; 

		border: 0px solid transparent;

		box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

	}



	.success-btn:hover{

		background: #fff;

		color: #000;

		border:0px solid transparent;

	}



	/* NEWS SECTION */

	#news{

		width: 100%;

		height: auto;

		padding: 30px 0;

	}



	.news-info{ width: 100%; height: auto; }



	.news-info img{ width: 100%; height: 250px; }



	/* MEMBERSHIP SECTION */

	#membership{

		width: 100%;

		height: auto;

		padding: 50px 0;

		/*background-image: url("http://localhost/ngo_new/assets/images/cban2.jpg");*/

		background-repeat: no-repeat;

		background-size: 100% 100%;

		background-color: var(--web-btn);

		background-blend-mode: overlay;

	}



	.member-img{ width: 100%; height: auto; padding: 0px; }



	.member-img img{ width: 100%; height: 350px; }



	.membership-form{ width: 100%; height: auto; padding: 0px; }



	.membership-form .form-control{

		padding: 10px;

		background:transparent;

		border: 2px solid #000;

		border-radius: 0;

	}



	.membership-form h3{ color: #000; font-weight: 600; }



	.membership-form .form-control::placeholder{ 

		color: #000; 

		font-weight: 400;

	}



	.membership-btn{ width: auto; padding: 10px 15px; border: 2px solid #000 !important;}





	/* FOOTER SECTION */

	#footer{

		width: 100%;

		height: auto;

		padding: 50px 0;

		background-color:#252525;

	}



	.footer-info{ width: 100%; height: auto; }



	.footer-info h6, .footer-info p, .footer-info ul li{

		color: #fff;

	}



	.footer-info h6{ margin-bottom: 40px; position: relative; }



	.footer-info h6::after{

		content: "";

		position: absolute;

		top: 160%;

		left: 0;

		width: 23%;

		height: 1px;

		background: #fff;

	}



	.footer-info ul{ padding: 0; margin: 0; list-style-type: none; }



	.social-media{

		width: 40px;

		height: 40px;

		display: flex;

		justify-content: center;

		align-items: center;

		border-radius: 100%;

		background:lightgrey;

	}



	.social-media .fa-brands{ font-size: 20px; }



	.foot-blog{ width: 100%; height: 80px; }



	.blog-img{ width: 100%; height: 80px; }

	

	/* BOARD SECTION */

	#board-trustee{

    	width: 100%;

    	height: auto;

    	padding: 50PX 0 10px;	

    	/*margin-top: -140px;	*/

    }

    

    .founder{ width: 100%; height: auto; text-align: center; }

    

    .founder img{ width: 100%; height: 350px; }

    

	.founder-info{

	    margin:20px 0;

	}

	.row1{

	    display:flex;

	    flex-direction:column-reverse;

	}

	

	.col1, .col2{

	    width:100%;

	}



	/* PHOTOS SECTION */

	#photos{

		width: 100%;

		height: auto;

		padding: 50px 0;

	}

	.photo-data{

		width: 100%;

		display: flex;

		flex-wrap: wrap;

	}



	.itembox{

		width: 33.33%;

		height: auto;

		padding: 5px;

	}



	.itembox img{

		width: 100%;

		height: 200px;

	}

	

	

	/* EVENT INFORMATION SECTION */

    .event-information{

        width: 100%;

    	height: auto;

    	padding: 50px 0;

    	margin-top: 0;

    }

    

    .event-information .carousel-inner .carousel-item img{

        width:100%;

        height:350px;

    }

    

    .event-text{

        margin-top:15px;

        box-shadow:  0 3px 10px rgb(0 0 0 / 20%);

    }

	

	/* MEMBER SECTION */

    #board-member{

        width:100%;

        height:auto;

        padding:50px 0;

        /*margin-top:-91px;*/

    }

    

    .member-pic{

        text-align:center;

        margin-bottom:20px;

    }

    

    .member-pic img{

        width:70%;

        height:auto;

        margin-bottom:15px;

        border-radius:35px;

    }

    

    .member-info p{

        font-size:20px;

    }

    

    /* GALLERY SECTION */ 

    .gallery_home{width:100%; height:auto; padding:50px; background-color:#fafafa;}

    

    .gall_video{margin-bottom:25px;}

    

    .gall_video iframe{width:90%; height:310px; margin:auto;}

    

    .gall_video img{width:90%; height:310px; margin:auto;}

}



@media (max-width: 575px){

    /*#navigation-head .navbar .navbar-brand img {*/

    /*    width: 210px;*/

    /*    height: auto;*/

    /*}*/

	/* NAVIGATION SECTION */

	#nav-head{

		width: 100%;

		height: auto;

		/*background-image: url("http://localhost/ngo_new/assets/images/cban2.jpg");*/

		background-size: 100% 100%;

		background-repeat: no-repeat;

		background-color: rgba(0,0,0,0.5);

		background-blend-mode: overlay;

		position: relative;

	}

	

	.navbar-brand img{

        width:65px;

        height:65px;

    }



	.navbar{ position: relative; z-index: 100; }



	.navbar-nav .nav-item .nav-link{ 

		position: relative;

		color: var(--bg-secondary) ;

		font-size: 18px;

		color: #fff;

	}



	.dropdown-menu{ border-radius: 0; }

	

	.main-btn{

    	background: #f7cb48;

    	color: #fff; 

    	font-weight:normal;

    	border: 0px solid transparent;

    	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

    }

    

    .main-btn:hover{

    	background: #fff;

    	color: #f7cb48!important;

    	border:0px solid transparent;

    }

    

    .main-btn2, .main-btn1, .main-btn3{

        margin:0 10px;

        margin-bottom:10px;

    }



	.head-text{

		position: absolute;

		top: 0;

		left: 0;

		bottom: 0;

		right: 0;

		width: 100%;

		height: 100%;

		display: flex;

		justify-content: center;

		align-items: center;

	}

	

	#navigation-head .navbar .navbar-brand img {

        width: 210px;

        height: auto;

    }



	.overlay-text{ width: 65%; height: auto; text-align: center; color: #fff; }



	.overlay-text h1{ font-size: 45px; font-family: 'Dosis', sans-serif; }

	

	.overlay-text h5{font-size:14px; font-weight:bolder;}



	.head-btn{ border:0px solid #fff; color: #fff; border-radius: 0; }



    .head-btn span{

        width:30px;

        height:30px;

        padding:5px;

        border:2px solid #fff;

    }



	/* SECTION HEADING */

	.section-head{

		width: 100%;

		height: auto;

		margin: auto;

		text-align: center;

	}



	.section-head h2{

		font-family: 'Dosis', sans-serif;

	}



	/* ABOUT-US SECTION */

	#about-us{

		width: 100%;

		height: auto;

		padding: 0px 0 30px;

		margin-top: -91px;

	}



	.serve-info{

		width: 100%;

		height: auto;

		margin: auto;

		padding: 30px 35px;

		background: #f7cb48;

	}



	.serve-info h1, .serve-info h4, .serve-info h5{

		margin-bottom: 15px;

	}



	.serv-btn{

		background: #fff;

		color: #000;

		border: 0px solid transparent;

		box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

	}





	.serv-btn:hover, .about-btn:hover{

		background: #4aa545;

		color: #fff;

		border:0px solid transparent;

	}



	.about-info{ width: 100%; height: auto; padding: 0px 5px; }



	.about-btn{

    	background: #fff;

    	color: #000; 

    	padding:10px 15PX;

    	font-weight:bolder;

    	letter-spacing:2px;

    	border: 0px solid transparent;

    	border-radius: 15px !important;

    	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

    }

    

    .serv-btn:hover, .about-btn:hover{

    	background: var(--web-btn) !important;

    	color: #000 !important;

    	border:0px solid transparent;

    }



	/* REQUIRE SECTION */

	/*#require{*/

	/*	width: 100%;*/

	/*	height: auto;*/

	/*	padding: 30px 0;*/

	/*}*/



	/*.req-text a{ color: #f7cb48; }*/



	/* DIRECTOR-BOARD SECTION */

	#director-board {

	  width: 100%;

	  height: auto;

	  padding: 30px 0 25px;

	  background: #fafafa;

	}



	#director-board .owl-stage{ padding-bottom: 10px; }



	.director-details{

		width: 70%;

		height: auto;

		margin: auto auto 15px;

		background: #fff;

		box-shadow: 5px 5px 5px rgba(0,0,0,0.4);

	}



	.director-details img{ width: 100%; height: auto; }



	.director-text{  

		width: 100%;

		height: 186px;

		padding: 15px 10px;

		margin:-0px auto auto auto;

		background-color:  #fff;

		position: relative;

	}

	

	.board-btn {

        position: absolute;

        bottom: 15px;

    }



	/*.owl-nav{ font-size: 60px; margin-top: 0 !important; }*/



	/*.owl-prev:nth-of-type(1) span{ padding-right: 20px; }*/



	/*.owl-next:nth-of-type(2) span{ padding-left: 20px; }*/



	/*.owl-theme .owl-nav [class*="owl-"]:hover {*/

	/*  background: transparent !important;*/

	/*  color: #000 !important;*/

	/*  text-decoration: none;*/

	/*}*/



	/*.owl-dots{ display: none; }*/

	

	/* event SECTION */

	#act {

	  width: 100%;

	  height: auto;

	  padding: 30px 0 25px;

	}



	#act .owl-stage{ padding-bottom: 10px; }



	.act-details{

		width: 100%;

		height: auto;

		background: #fff;

		box-shadow: 5px 5px 5px rgba(0,0,0,0.4);

	}



	.act-details img{ width: 100%; height: auto; }



	.act-text{  

		width: 100%;

		height: auto;

		padding: 15px 10px;

		margin:-0px auto auto auto;

		background-color:  #fff;

		position: relative;

	}



	.owl-nav{ font-size: 60px; margin-top: 0 !important; }



	.owl-prev:nth-of-type(1) span{ padding-right: 20px; }



	.owl-next:nth-of-type(2) span{ padding-left: 20px; }



	.owl-theme .owl-nav [class*="owl-"]:hover {

	  background: transparent !important;

	  color: #000 !important;

	  text-decoration: none;

	}



	.owl-dots{ display: none; }



	/* DONATION SECTION */ 

	/*#donation{ width: 100%; height: auto; padding: 30px 0;}*/



	/*.donator-info{ width: 100%; height: auto; text-align: center; }*/



	/*.donator-info img{ width: 60%; height: 220px; border-radius: 10px; }*/

	

	/* MEDICAL SECTION */

	#medical{

		width: 100%;

		height: auto;

		padding: 30px 0;

		background-size: 100% 100%;

		background-repeat: no-repeat;

		background-position: fixed;

	    background-color: #cccccc;

		background-blend-mode: overlay;

	}



	.medical-img{ width: 100%; height: auto; padding: 10px 0; }



	.medical-img img{

		width: 100%;

		height: 320px;

		border-radius: 15px;

		box-shadow: 0 6px 10px rgb(0 0 0 / 0.8);

	}



	.medical-info{ width: 100%; padding: 5px; color: #000; font-weight: bolder; }



	.medical-info h1{

		font-size: 30px;

	}



	.medical-btn{

		background: #4aa545;

		color: #fff; 

		border: 0px solid transparent;

		box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

	}



	.medical-btn:hover{

		background: #fff;

		color: #000;

		border:0px solid transparent;

	}



	/* SUCCESS SECTION */

	#success{

		width: 100%;

		height: auto;

		padding: 30px 0;

		background-size: 100% 100%;

		background-repeat: no-repeat;

		background-position: fixed;

		background-color: #f7cb48;

		background-blend-mode: overlay;

	}



	.success-img{ width: 100%; height: auto; padding: 10px 0; }



	.success-img img{

		width: 100%;

		height: 320px;

		border-radius: 15px;

		box-shadow: 0 6px 10px rgb(0 0 0 / 0.8);

	}



	.success-info{ width: 100%; padding: 5px; color: #fff; font-weight: bolder; }



	.success-info h1{

		font-size: 30px;

	}



	.success-btn{

		background: #4aa545;

		color: #fff; 

		border: 0px solid transparent;

		box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

	}



	.success-btn:hover{

		background: #fff;

		color: #000;

		border:0px solid transparent;

	}



	/* NEWS SECTION */

	#news{

		width: 100%;

		height: auto;

		padding: 30px 0;

	}



	.news-info{ width: 100%; height: auto; }



	.news-info img{ width: 100%; height: 250px; }



	/* MEMBERSHIP SECTION */

	#membership{

		width: 100%;

		height: auto;

		padding: 30px 0;

		/*background-image: url("http://localhost/ngo_new/assets/images/cban2.jpg");*/

		background-repeat: no-repeat;

		background-size: 100% 100%;

		background-color: var(--web-btn);

		background-blend-mode: overlay;

	}



	.member-img{ width: 80%; height: auto; margin: auto; padding: 0px; }



	.member-img img{ width: 100%; height: 350px; }



	.membership-form{ width: 80%; height: auto; margin: auto; padding: 0px; }



	.membership-form .form-control{

		padding: 10px;

		background:transparent;

		border: 2px solid #000;

		border-radius: 0;

	}



	.membership-form h3{ color: #000; font-weight: 600; }



	.membership-form .form-control::placeholder{ 

		color: #000; 

		font-weight: 400;

	}



	.membership-btn{ width: auto; padding: 10px 10px; border: 2px solid #000 !important;}





	/* FOOTER SECTION */

	#footer{

		width: 100%;

		height: auto;

		padding: 30px 0;

		background:#252525;

	}



	.footer-info{ width: 100%; height: auto; }



	.footer-info h6, .footer-info p, .footer-info ul li{

		color: #fff;

	}



	.footer-info h6{ margin-bottom: 40px; position: relative; }



	.footer-info h6::after{

		content: "";

		position: absolute;

		top: 160%;

		left: 0;

		width: 23%;

		height: 1px;

		background: #fff;

	}



	.footer-info ul{ padding: 0; margin: 0; list-style-type: none; }



	.social-media{

		width: 40px;

		height: 40px;

		display: flex;

		justify-content: center;

		align-items: center;

		border-radius: 100%;

		background:lightgrey;

	}



	.social-media .fa-brands{ font-size: 20px; }



	.foot-blog{ width: 100%; height: 80px; }



	.blog-img{ width: 100%; height: 80px; }

	

	/* BOARD SECTION */

	#board-trustee{

    	width: 100%;

    	height: auto;

    	padding: 50PX 0 10px;	

    	/*margin-top: -140px;	*/

    }

    

    .founder{ width: 100%; height: auto; text-align: center; }

    

    .founder img{ width: 90%; height: 350px; margin:auto; }

    

	.founder-info{

	    width:90%;

	    margin:20px auto;

	}

	.row1{

	    display:flex;

	    flex-direction:column-reverse;

	}

	

	.col1, .col2{

	    width:100%;

	}

	

	/* OBJECTIVES SECTION */

	#objective {

        width: 100%;

        height: auto;

        padding: 50px 0 10px;

        /*margin-top: -140px;*/

    }

    

    /* VIDEO SECTION */

    #video {

        width: 100%;

        height: auto;

        padding: 50px 0;

        /*margin-top: -140px;*/

    }



    /* PHOTOS SECTION */

	#photos{

		width: 100%;

		height: auto;

		padding: 30px 0;

		/*margin-top: -140px;*/

	}



	.filter-btn ul{ padding-left: 0; }



	.filter-btn ul li{ padding: 8px ; font-size: 14px; }



	.photo-data{ width: 100%; display: flex; flex-wrap: wrap; }



	.itembox{ width: 50%; height: auto; margin: auto; padding: 10px; }



	.itembox img{ width: 100%; height: 240px; }

	

	/* MEDIA SECTION */

	#media {

        width: 100%;

        height: auto;

        padding: 50px 0;

        /*margin-top: -140px;*/

    }

    

    /* EVENT SECTION */

    #event {

        width: 100%;

        height: auto;

        padding: 50px 0;

        /*margin-top: -140px;*/

    }

    

    /* ACTIVITY SECTION */

    #activity {

        width: 100%;

        height: auto;

        padding: 50px 0;

        /*margin-top: -140px;*/

        background: #fafafa;

    }

    

    /* CONTACT-US SECTION */

    #contact-us {

        width: 100%;

        height: auto;

        padding: 50px 0;

        /*margin-top: -140px;*/

    }

    

    /* EVENT INFORMATION SECTION */

    .event-information{

        width: 100%;

    	height: auto;

    	padding: 50px 0;

    	margin-top: 0;

    }

    

    .event-information .carousel-inner .carousel-item img{

        width:100%;

        height:300px;

    }

    

    .event-text{

        margin-top:15px;

        box-shadow:  0 3px 10px rgb(0 0 0 / 20%);

    }

    

    /* MEMBER SECTION */

    #board-member{

        width:100%;

        height:auto;

        padding:50px 0;

        /*margin-top:-91px;*/

    }

    

    .member-pic{

        text-align:center;

        margin-bottom:20px;

    }

    

    .member-pic img{

        width:70%;

        height:auto;

        margin-bottom:15px;

        border-radius:35px;

    }

    

    .member-info p{

        font-size:20px;

    }

    

    /* GALLERY SECTION */ 

    .gall_video{width:100%; margin-bottom:25px; text-align:center;}

	 

    .gall_video iframe{width:90%; height:300px; margin:auto;}

    

    .gall_video img{width:90%; height:300px; margin:auto;}

}