@font-face{
	font-family: poppins-regular;
    src: url("../font/Poppins-Regular.ttf");
}
@font-face{
	font-family: HelveticaNowText-bold;
    src: url("../font/HelveticaNowText-Bold.ttf");
}
@font-face{
	font-family: poppins-light;
    src: url("../font/Poppins-Light.ttf");
}
@font-face{
	font-family: poppins-medium;
    src: url("../font/Poppins-Medium.ttf");
}
@font-face{
	font-family: poppins-semibold;
    src: url("../font/Poppins-SemiBold.ttf");
}
@font-face{
	font-family: Poppins-Thin;
	src: url("../font/Poppins-Thin.ttf");
}

body{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: poppins-regular;
	
}
p{
	color: #777777;
	font-size: 18px;
	font-family: HelveticaNowText-bold;
}

h1{
	font-size: 2.8rem;
	font-family: poppins-semibold;
}
h2{
	font-size: 2.6rem;
	font-family: HelveticaNowText-bold;
   
}
h4{
	font-family: poppins-medium;
	font-size:22px;
}
a{
	color: #101010;
	font-size: 15px;
	font-family: HelveticaNowText-bold;
	text-decoration-line: none;
}
a:hover{
	text-decoration: none;
}

ul{
	list-style-type: none;
	padding-left: 0px;
}
li{
	list-style-type: none;
	padding-left: 0px;
}

.upper_header{
	width: 100%;
	background-image: linear-gradient(to right, #0d4d0a , #297003);
	padding-top: 8px;
	padding-bottom: 8px;
	position: relative;
}
.upper_header
.upper_area_flex{
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 30px;
}
.upper_header .logo img{
	max-width: 100px;
}
.upper_header .upper_area_description{
	text-align: center;
}
.upper_header .upper_area_description h1{
	color: #ffffff;
	font-weight: 400;
	font-family: Impact;
	letter-spacing: 1.5px;
}

.upper_header .upper_area_description span{
	color: #ffffff;
	font-size: 14px;
	font-family:HelveticaNowText-bold; 
	max-width: 550px;
	text-align: center;
	margin: auto;
}
.upper_header .upper_area_description h1,
.upper_header .upper_area_description span{
	display: block;
	
}

.donate_btn_area{
	position: absolute;
	top: 50%;
	 right: 5px;
	transform: translate(-50%, -50%);
	text-align: center;
	margin: auto;
	transition: 0.5s;
	 animation: zoomInOut 2s infinite;
}
@keyframes zoomInOut {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.1);
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}
.donate_btn_area img{
	max-width: 120px;
}

.mob_upper_header{
	display: none;
}

.navbar .nav-link{
	color: #000000;
	font-size: 15px;
	text-transform: uppercase;
	position: relative;
	z-index: 100;
}
.navbar{
	position: relative;
	width: 100%;
	background-image: linear-gradient(to right, #17a605 , #05510b);
}
.navbar-brand{
	display: none;
	color: #ffffff!important;
	font-family: HelveticaNowText-bold;
}
.navbar .nav-item .nav-link{
	color: #ffffff;
	font-size: 15px;
	font-family: HelveticaNowText-bold;
	margin: 0 8px 0 8px;
}

.section-padding{
	padding-top: 50px;
	padding-bottom: 50px;
}
.founder_img{
	position: relative;
	z-index: 1;
}

.founder_img img{
	max-width: 100%;
}
.section_header h2{
	color: #000000;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.2px;
}
.founder_details {
	margin-top: 8px;
}
.founder_details h4{
	font-family: HelveticaNowText-bold;
	text-transform: uppercase;
	font-size: 2.5rem;
}
.text-green h2{
	color: #17a505;
}

.notice_box{
	position: relative;
}
.notice_box img{
	max-width: 100%;
}
.noti_tiles_content{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	width: 350px;
	margin: auto;
	height: 350px;
	overflow: hidden;
	

}
.noti_tiles_content .notice_title {
	text-align: center;
}
.noti_tiles_content ul{
    height:280px;
}
.noti_tiles_content .notice_title h4{
	font-family: HelveticaNowText-bold;
	font-style: italic;
	color: #000000;
	letter-spacing: 1.5px;
}
.noti_tiles_content .notice_title ul{
	text-align: left;

}
.notice_title ul li{
	font-size: 15px;
	color: #000;
	font-family: HelveticaNowText-bold;
	 position: relative;
  padding-left: 1.2em;  /* space to preserve indentation on wrap */
  margin: 10px 0px 10px 0px;
}
.notice_title ul li a{
	display: -webkit-box;
    -webkit-line-clamp: 2; /* Limits the content to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* Adds "..." at the end if the text is truncated */
}
.notice_detail_header{
	display: -webkit-box;
    -webkit-line-clamp: 1; /* Limits the content to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* Adds "..." at the end if the text is truncated */
}
.notice_title ul :before{
	content: ' \2022'; 
  position: absolute;
  left: 0;  /* place the SVG at the start of the padding */
  width: 1.5em;
  height: 1.5em;
  font-weight: bold;
  color: #626262;
  top: 2px;
}

.section-title{
	position: relative;
}
.section-title .header_arrow {
	position: absolute;
	right: 50px;
	bottom: -15px;
}
.section-title .header_arrow  {
	max-width: 150px;
}
.inner_section_title{
	position: relative;
}
.inner_section_title h2{
	display: block;
	line-height: 35px;
	font-size: 2.5rem;
}
.inner_section_title::before{
	content: "";
	width: 300px;
	height: 2px;
	background-color:;
	right: 0px;
	left: 0px;
	top: 100px;
	position: absolute;
	margin: auto;
}

.gradient_bg{
	    background-image: linear-gradient(to bottom, 
        rgba(255, 255, 255, 0.8), /* Start with 80% white at the top */
        rgba(255, 255, 255, 0) 20%, /* Fully transparent after 20% */
        rgba(255, 255, 255, 0) 80%, /* Fully transparent until 80% */
        rgba(255, 255, 255, 0.8) 100% /* 80% white at the bottom */
    ), 
    url(../images/gradient_bg.png);

    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

}
.section_tiles_box{
	border-radius: 25.5px;
	background-color: #f1f0f0;
	padding:20px;
	border:4px solid #ffffff;
	height: 300px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(210,210,210,1);
-moz-box-shadow: 0px 0px 15px 0px rgba(210,210,210,1);
box-shadow: 0px 0px 15px 0px rgba(210,210,210,1);
margin-top: 50px;
transition: 0.5s;
transform: scale(1.0);
}
.section_tiles_box:hover{
	transform: scale(1.1);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
}
.section_tiles_box .upper_tiles_title h4{
	font-family: poppins-semibold;
	font-size: 18px;
	text-transform: uppercase;
	display: block;
	line-height: 25px;
}
.section_tiles_box .upper_tiles_title h4:first-child{
	display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ff9e04;
}
.section_tiles_box .icon_img {
	width: 100px;
	height: 100px;
	background-color: #e1ffdd;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-self: center;
	border:2px solid #ffffff;
	margin: 15px auto;
	padding: 20px;
}
.section_tiles_box .icon_img img{
	max-width: 100%;
	max-height: 100%;
}
.section_tiles_box .class_title h4{
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
    font-family: poppins-semibold;
    font-size: 18px;
    text-transform: uppercase;
}

.gradient_blue_bg{
	background-image: 
        linear-gradient(to top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.05) 100%), 
        url(../images/gradient_bg_2.png);
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.gradient_bg_3{
	background-image: 
        linear-gradient(to top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.05) 100%), 
        url(../images/gradient_bg_3.png);
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.section-padding-big {
	padding-top: 100px;
	padding-bottom: 50px;
}


.blur_bg{
	background-image: url(../images/blur_bg.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
	background-attachment: fixed;
}
.blur_bg::before{
	position: absolute;
	content: "";
	background-color: rgba(255,255,255,0.5);
	top: 0;
	left:0;
	bottom: 0;
	right: 0;

}
.well_wishes_content p{
	color: #000000;
}

.facility_tiles {
	background-color: #fefefe;
	border-radius: 20.5px;
	border:2px solid #25b873;
	padding: 25px;
	text-align: center;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
	transition: 0.5s;
	transform: scale(1.0);
}
.facility_tiles h2{
	color: #17a505;
	font-size: 30px;
	display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.facility_tiles:hover{
	transform: scale(1.1);
	background: rgb(255,255,1);
background: linear-gradient(90deg, rgba(255,255,1,1) 35%, rgba(9,255,0,1) 100%);
}
.facility_tiles:hover h2{
	color: #000000;
}
.bg-light-gray{
	background-color: #f2f2f0;
}

.activity_tiles{
	text-align: center;
	margin-top: 30px;
}
.activity_tiles img{
	width: 250px;
	height: 250px;
	object-fit: cover;
	object-position:  center;
	border-radius: 20.5px;
	transition: 0.5s;
	transform: scale(1.0);
	overflow: hidden;
}
.activity_tiles a{
	color: #17a505;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1.2px;
		display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.activity_tiles .activity_img{
	position: relative;
	overflow: hidden;
}
.activity_tiles:hover .activity_img img{
	 transform:scale(1.1);
	 overflow: hidden;
}
.activity_slider .owl-prev{
	position: absolute;
	top: 40%;
	left: -50px;
}
.activity_slider .owl-next{
	position: absolute;
	top: 40%;
	right: -50px;
}
.wish_slider  .owl-prev{
	position: absolute;
	top: 0px;
	right: 50px;
}
.wish_slider  .owl-next{
	position: absolute;
	top: 0px;
	right: 10px;
}
.activity_slider .owl-prev,.activity_slider .owl-next,
.wish_slider  .owl-prev, .wish_slider  .owl-next {
	width: 30px;
	height: 30px;
	background: rgb(2,0,36)!important;
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(19,150,6,1) 59%)!important;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: #ffffff!important;
}



.subscription_area{
	background-color: #095600;
	padding-top: 30px;
	padding-bottom: 30px;
}
.mail_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-right: 1px solid #fff;
	padding-right: 10px;

}
.mail_box .mail_text{
	margin-left: 25px;
	margin-top: 15px;
}
.mail_box .mail_text h4{
	text-transform: uppercase;
	color: #fff;
	font-family: poppins-semibold;
	position: relative;
}

.mail_box .mail_text p{
	color: #fff;
	margin-top: 20px;
}
.mail_header{
	position: relative;
}
.mail_header::before{
	position: absolute;
	
	left: 0;
	right: 0;
	top: 35px;
	width: 100px;
	content: "";
	height: 2px;
	background-color: #fff;
}

.subscription_form{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 20px;
}
.subscription_form input{
	outline: none;
	border:1px solid #000000;
	border-radius: 30px;
	padding: 15px 30px 15px 30px;
	background-color: #ffffff;
	font-size: 14px;
	color: #fff;
	width: 500px;
}
.subscription_form input::placeholder{
	font-size: 14px;
	color: #777777;
	font-family: poppins-semibold;

}
.subscription_form button{
	margin-left: 10px;
	outline: none;
	border:none;
	background-color: #ffff00;
	color: #095600;
	padding: 15px 30px 15px 30px;
	border-radius: 30px;
	font-family: poppins-semibold;
	font-size: 14px;
	width: 200px;
	text-transform: uppercase;

}

footer{
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #000000;
}
.footer_header h4{
	color: #ffff01;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	font-family: poppins-semibold;
}
.footer_header span{
	font-size: 18px;
	font-family: poppins-semibold;
	color: #ffff01;
}
.footer_header h4,
.footer_header span{
	display: block;
	line-height: 20px;
}
.footer_header{
 position: relative;
 padding-bottom: 8px;
}

.footer_tiles .border_header{
	position: relative;
}
.footer_tiles .border_header::before{
	position: absolute;
	bottom: -10px;
	content: "";
	width: 200px;
	background-color: #ffffff;
	height: 2px;
}
.footer_content p{
	color: #ffffff
}

.footer_content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer_content ul li {
    float: left;
    width: 50%; /* Two columns */
    line-height: 30px;
}

.footer_content ul li a {
    color: #ffffff;
    text-decoration: none;
}

/* Clear floats after the list */
.footer_content::after {
    content: "";
    display: table;
    clear: both;
}
.footer_logo img{
	max-width: 150px;
}
.footer_social{
	margin-top: 20px;
	text-align: center;
}
.footer_social a{
   width: 35px;
   height: 35px;
   border-radius: 50%;
   display: flex;
   padding: 5px;
   justify-content: center;
   align-items: center;
   font-size: 15px;
   color: #ffffff;
   display: inline-block;
   margin-left: 4px;
   margin-right: 5px;
   border:1px solid #ffffff;
   transition: 0.5s;
}
.footer_social a:hover{
	background-color: #ffffff;
	color: #000000;
}

.copy-wright-area{
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #ffff01;
}
.copy_wright_text p{
	font-family: poppins-medium;
	color: #000000;
}

.form_bg_light_theme{
	background-color: #eff8cc;
}
.form_box{
	background-color: #ffffff;
	padding: 30px;
	border-top: 5px solid #04500b;
}
.form-header h1{
	font-family: HelveticaNowText-bold;
	font-size: 25px;
}
.addmissino_form select,
.addmissino_form input[type="text"],
.addmissino_form input[type="email"],
.addmissino_form input[type="date"],
.addmissino_form input[type="file"]{
	width: 100%;
	border-radius: 0px;
	padding: 10px 12px 10px 12px;

}
.addmissino_form label{
	margin-bottom: 5px;
}
.addmissino_form input::placeholder{
	font-size: 14px;
	letter-spacing: 1px;
	color: #777777;
}
.addmissino_form .form-group{
	margin-bottom: 25px;
}
.addmissino_form .pic_box {
	width: 100px;
	height: 100px;
	border:1px solid #d2d2d2;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px;
}
.addmissino_form .pic_box img{
	max-width: 100%;
	max-height: 100%;
}
.addmissino_form .file_btn {
	width: 100px;
	background-color: #f5f5f5;
	text-align: center;
	padding: 8px;
	color: #000000;
	font-size: 14px
}
.addmissino_form .form-body p{
	color: #04500b;
}
.form-body .step{
	height: 70vh;
}
.addmissino_form button{
	 padding: 8px 15px 8px 15px;
	 color: #ffffff;
	 border-radius: 0px;
	 margin-left: 10px;
	 width: 150px;
	 border:none;
	 outline: none;
}

 .step {
            display: none;
        }
        .step.active {
            display: block;
        }
        .buttons {
            margin-top: 20px;
        }

        .final-step{
        	height: 50vh!important;
        }


        .gallery_bg {
        	background-image: url(../images/gallery_bg.jpg);
        	width: 100%;
        	position: relative;
        	background-repeat: no-repeat;
        	background-position: center;
        	background-size: cover;
        	height: 50vh;
        }
        .mission_bg{
        	background-image: url(../images/mission_bg.jpg);
        	width: 100%;
        	position: relative;
        	background-repeat: no-repeat;
        	background-position: center;
        	background-size: cover;
        	height: 40vh;
        }
        .gallery_bg::before,
        .mission_bg::before{
        	position: absolute;
        	content: "";
        	top: 0;
        	left: 0;
        	right: 0;
        	bottom: 0;
        	background-color: rgba(0,0,0,0.5);
        }
        .inner_banner_caption{
        	position: absolute;
        	top: 50%;
        	left: 50%;
        	transform: translate(-50%, -50%);
        	text-align: center;
        }
        .inner_banner_caption h2{
        	color: #ffffff;
        	font-size: 30px;
        	text-transform: uppercase;
        	letter-spacing: 1px;
        }

        .mob_inner_banner {
        	display: none;
        }
        .gallery_tab{
        	border-bottom: none;
        }
        .gallery_tab .nav-item .nav-link{
          border:1px solid #01a300;
          border-radius: 18.5px;
          color: #101010;
        }
        .gallery_tab{
        	column-gap: 5px;
        }
          .gallery_tab .nav-item .active{
          	background-color: #01a300!important;
          	color: #ffffff!important;
          }


    .gallery_tiles{
    	margin-top: 25px;
    	position: relative;
    	padding: 8px;
    	background: rgb(255,255,2);
        background: linear-gradient(90deg, rgba(255,255,2,1) 19%, rgba(19,150,6,1) 72%);

    }      

    .gallery_tiles img{
    	width: 100%;
    	height: 200px;
    	object-fit: cover;
    	object-position: center;
    }
    .gallery_tiles .overly_icon{
    	position: absolute;
    	top: 0;
    	left: 0;
    	right: 0;
    	bottom: 0;
    	background-color: rgba(0,0,0,0.5);
    	opacity: 0;
    	transition: 0.5s;
    }
    .gallery_tiles:hover .overly_icon{
    	opacity: 1;
    }
    .gallery_tiles .overly_icon a{
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	text-align: center;
    	color: #ffffff;
    	font-size: 20px;
    	width: 40px;
    	height: 40px;
    	border:1px solid #ffffff;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	transition: 0.5s;
    }
    .staff-tbl tr th,
    .staff-tbl tr td{
    	padding: 10px;
    }
    .tab_staff .nav-link{
    	font-size: 13px;
    	margin-bottom: 10px;
    }
    .add_geadient{
    	position: relative;
    } 
    .add_geadient::before{
    	position: absolute;
    	top: 0px;
    	left: 0px;
    	right: 0px;
    	bottom: 0px;
    	content: "";
    	background: rgb(255,255,1);
background: -moz-linear-gradient(90deg, rgba(255,255,1,0.7652310924369747) 17%, rgba(9,255,0,0.18539915966386555) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,1,0.7652310924369747) 17%, rgba(9,255,0,0.18539915966386555) 100%);
background: linear-gradient(90deg, rgba(255,255,1,0.7652310924369747) 17%, rgba(9,255,0,0.18539915966386555) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff01",endColorstr="#09ff00",GradientType=1);
    }

    .add_geadient h2{

    }
.inner-part {
	position: relative;
}
    .inner-part img{
     width: 100%;
    }

    .inner-part .caption{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 300px;
      margin: auto;
      text-align: center;
    }
    .inner-part .caption h2{
    	color: #000000;
    	font-family: HelveticaNowText-bold;
    	text-transform: uppercase;
    	letter-spacing: 1.5px;
    }
    .about_img img{
    	width: 100%;
    	height: 360px;
    	object-position: center;
    	object-fit: cover;
    }
    .about_tiles_text{
    	background-color: #f6ebc4; 
    	padding: 30px;
    	position: relative;
    	margin-left: -80px;
    	margin-top: 30px;
    	margin-bottom: 30px;
    	z-index: 100;
    }
    .section_header h4{
    	font-family: HelveticaNowText-bold;
    	text-transform: uppercase;
    	letter-spacing: 1.5px;
    }
    .about_tiles_text p,
    .abouttext p{
    	font-size: 14px;
    	font-family: poppins-regular;
    	color: #000000;
    }
    .abouttext{
    	background-color: #f6ebc4; 
    	padding: 30px;
    }

    .about-slider .owl-prev,
     .about-slider .owl-next{
     	width: 30px;
     	height: 30px;
     	border-radius: 50%;
     	background-color: #04500b!important;
     	color: #ffffff!important;
     } 
     .about-slider .owl-prev{
 
     	left: 30px;
     	position: absolute;
     	bottom: 60px;
     }
     .about-slider .owl-next{

     	left: 80px;
     	position: absolute;
     	bottom: 60px;
     }

     .rules_regulation_box{
     	border:2px solid #04500b;
     	padding: 30px;
     	background-color: #f1fcca;
     }
    

     /* Styling for the outer list with numbered items */
   .rules_regulation_box ul {
      list-style-type: none; /* Remove default bullet */
      padding-left: 0;
      margin-top: 20px;
    }

    .rules_regulation_box ul li {
      counter-increment: list-counter; /* Increment counter */
      margin-bottom: 10px;
      padding-left: 30px;
      position: relative;
    }

    /* Adding numbers before each list item */
    .rules_regulation_box ul li::before {
      content: counter(list-counter) ". "; /* Display the counter followed by a period */
      position: absolute;
      left: 0;
      font-weight: bold;
      color: #333;
    }

    /* Styling for the inner list with bullet points */
    .rules_regulation_box ul li ul {
      list-style-type: disc; /* Use bullet points for inner list */
      padding-left: 40px;
    }

    .rules_regulation_box ul li ul li::before {
      content: "."; /* Remove numbers from inner list */
    }

    /* Remove stick/line for bullet points */
    .rules_regulation_box ul li ul li {
      position: relative;
      padding-left: 0;
    }

    .rules_regulation_box p{
    	font-family: poppins-regular;
    	color: #000000;
    }
  

  .contact-form .form-group{
	margin-bottom: 20px;
}
.contact-form {
	padding: 25px;
	background-color: #f5f5f5;
}

.inner-bnanner-text h1{
	font-size: 25px;
}
.side_nav{
	background-color: #f1f1f1;
	border:1px solid #d2d2d2;
	text-align: center;
	margin-bottom: 20px;
}
.side_nav .nav button{
	display: block;
	width: 100%;
	outline: none;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom:1px solid #d2d2d2;
	line-height: 30px;
	color: #101010
}
.side_nav .nav .active{
	background-color: #01a300;
	color: #ffffff;
}
.candidate_tiles{
	background-color: #e1ffe1;
	height: 200px;
	padding: 15px;
	border:1px solid #01a300;
	margin-bottom: 20px;
}
.candidate_tiles .candiate_img img{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
	border:2px solid #ffffff;
}
.candidate_tiles .candidate-result span{
	font-size: 14px;
	color: #101010;
	display: block;
	line-height: 30px;
}
.candidate_tiles .candidate-result span:first-child{
	color: #000000;
	font-weight: bold;
	font-size: 15px;
}

input.invalid, select.invalid {
    border-color: red;
}

.section-area{
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #d3fcd2;
}
.donation_box{
	background-color: #ffffff;
	padding: 30px;
}
.donation_box h2{
	font-size: 22px;
	margin-bottom: 15px;
}

.donation_box ul{
	list-style: none;
     padding-left: 0;
}
.donation_box ul li{
  color: #777;	
  position: relative;
  padding-left: 1.5em;  
  margin: 15px 0px 25px 0px;

}
.donation_box ul :before{
  content: ' \2713'; 
  position: absolute;
  left: 0;  /* place the SVG at the start of the padding */
  width: 1em;
  height: 1em;
  font-weight: bold;
  color: #01a300;
  top: 2px;
}

.bank_box{
	background-color: #01a300;
	padding: 30px;
}
.bank_box h2{
	color: #ffffff;
	font-size: 22px;
	margin-bottom: 15px;
}
.bank_box p{
	color: #ffffff;
}
.mission_contact_box{
	padding: 30px;
	background-color: #f1f0f0;
}

.route_box{
	background-color: #fdfddb;
	padding: 30px;
}
.map{
	position: relative;
	margin-top: -110px;
}

.bg-light-yellow{
	background-color: #fdfddb;
}
.question-card .card-header h4{
	font-size: 18px;
}
.question-card .crad-body{
	padding: 25px;
}


.question-card ul{
	list-style: none;
     padding-left: 0;
}
.question-card ul li{
  color: #000000;	
  position: relative;
  padding-left: 1.5em;  
  margin: 15px 0px 25px 0px;

}
.question-card ul :before{
  content: ' \2596'; 
  position: absolute;
  left: 0;  /* place the SVG at the start of the padding */
  width: 1em;
  height: 1em;
  font-weight: bold;
  color: #01a300;
  top: -5px;
}
.edu_system_box{
	padding: 20px;
	background-color: #f1f0f0;
	border:1px solid #d2d2d2;
	text-align: center;
	height: 380px;
	transition: 0.5s;
	border-radius: 10.5px;
	margin-bottom: 30px;
}
.edu_system_box:hover{
	background-color: #000000;
}
.edu_system_box .edu_sys_icon{
	width: 80px;
	height: 80px;
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px;
	border-radius: 50%;
	border:1px solid #000000;
	margin: auto;
	position: relative;
}
.edu_system_box .edu_sys_icon::before{
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #d0e45c;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.edu_system_box .edu_sys_icon img{
	max-width: 100%;
	max-height: 100%;
	position: relative;
	z-index: 100;
}
.edu_system_box p{
	font-size: 14px;
	color: #000000;
	font-family: poppins-regular;
}
.edu_system_box h4{
	font-size: 15px;

}
.edu_system_box:hover p,
.edu_system_box:hover h4{
	color: #ffffff;
}

.walefare_box{
	position: relative;
	background-color: #ffffff;
	border-radius: 10.5px;
	padding: 20px;

}
.image_left,
.image_right{
	position: relative;
}
.image_left::before{
	content: '';
    position: absolute;
    left: 0px;
    width: 40%;
    bottom: 0px;
    top: 0px;

    background-size: cover; /* Adjust based on your need */
    background-position: left;
    border-radius: 10.5px;
}
.india_bg::before{
	 background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../images/madrasa.jpg);
}
.image_right::before{
	content: '';
    position: absolute;
    right: 0px;
    width: 40%;
    bottom: 0px;
    top: 0px;
    background-size: cover; /* Adjust based on your need */
    background-position: left;
    border-radius: 10.5px;
}
.gov_bg::before{
	background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../images/vaccination_camps_indian_madrasah.jpeg);
}
.rehabilitation_program::before{
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../images/rehabilitation_program.jpeg);
}
.walefare_box .text-right{
	text-align: right;
}
.walefare_box h4{
	font-size: 18px;
}
.walefare_box p{
	font-family: poppins-regular;
	font-size: 14px;
}
.walefare_box .text-left{
	text-align: left;
}

.program_bg{
	background-color: #f1f0f0;
	padding: 25px;
	border-radius: 10.5px;
}
.program_img img{
	width: 100%;
}

.program-tiles ul{
list-style: none;
     padding-left: 0;
}
.program-tiles ul li{
  color: #000000;	
  position: relative;
  padding-left: 1.5em;  
  margin: 10px 0px 15px 0px;

}
.program-tiles ul :before{
  content: ' \2596'; 
  position: absolute;
  left: 0;  /* place the SVG at the start of the padding */
  width: 1em;
  height: 1em;
  font-weight: bold;
  color: #01a300;
  top: -5px;
}
}


.timeline {
  display: block !important;
  margin-left: 0;
  padding-left: 0;
}

.timeline-card {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #436285 !important;
  position: relative;
}

.timeline li:before {
  content: "";
  width: 0.2rem;
  height: 100%;
  background-color: rgb(169 169 169);
  position: absolute;
  left: 16px;
  z-index: -1;
}

.timeline li:first-child:before {
  top: 50%;
  height: 50%;
}

.timeline li:last-child:before {
  bottom: 50%;
  height: 50%;
}
.timeline-title {
  margin-bottom: 0.5rem;
}
.circle-custom {
  font-size: 1rem !important;
}

.subcard {
  padding: 1em 1.5em 1.5em 1.5em;
  background: #fdfdfd;
  color: black;
  width: -webkit-fill-available;
  min-height: 3.3rem;
}

.acchievement_tiles{
	border:1px solid #d2d2d2;
	padding: 20px;
	margin-bottom: 20px;
}

.acchievement_tiles .acciv_img img{
	width: 80px;
	height: 80px;
	object-fit: cover;
	object-position: center;
	border:1px solid #101010;
	margin:auto;
}
.acchievement_tiles .achievement_details h4{
	font-size: 18px;
}


.founder_img img{
    filter: drop-shadow(0px 3px 10px #000000);
}
.founder img{
    max-width:100%;
}