.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
body {
    
    font-family: 'Exo 2', sans-serif;
}
button{outline: none;}
.navbar-background{
	background-color: #ec1f27;
	font-size: 0.9rem !important;
}
.rounded-li-navbar{
	border-radius: 0.75rem;
}
#navbar_image{
	width: 100%;
	height: 100%;
	/*margin-left: 19%;*/
}


/* Home Page */
.card-background{
	background-color: #ec1f27;	
}
a:hover{
    color: white;
	text-decoration: none;
}
.mission{
	background-color: #eae5e0;
	font-size: 14px;
}
#volunteer-card{
	border:0px !important;
}
.btn{
	color: white;
	border-radius: 0px;
	background-color:#ec1f27;
	border-color: #ec1f27;
}
.btn:hover{
	background-color:#4d0a27;
	border-color: #4d0a27;
}
.img-container{
	position: relative;
	display: inline-block;
	width: 100%;
}
.img-text{
	top:100%;
	width:28%;
	height:50px;
    margin-top: -50px;
    position: absolute;
    background-color: #ec1f27;
    color: white;
}
.image_styling{
	height: 55%;
}
.image_styling{
	height: 40%;
}
.onhover-colour{
position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #eae5e0; 
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 5%;
}
.onhover-colour:hover{
 	background-color:#ec1f27;
 	color: white;
}

.carousel-caption{
	margin-bottom: 10%;	
}
.carousel-caption>h3{
	font-size: 40px;
}
.updates-image{
	height: 250px;
	width: 100%;
}
/* Home Page ends */



/* About page */
.upper-image{
	background:url('../images/about-bg-image.jpg');
	color: white;
	height: 45vh;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	object-fit: contain;
	background-position: 50%;
}

.colour-overlay{
	width: 100%;
	height: 90vh;
	background: #0E103D;
	opacity: 0.7;
	position: absolute;
}
.aboutus-text {
  font-size: 1.75rem;
  z-index: 1;
}
.aboutus-subtext {
  margin-left: 16%;
  margin-right: 16%;
  z-index: 1;
}

.image_column{
	display: flex;
	align-items: flex-end;
}

.aboutus-description{
	margin-top: 20%;
	margin-left: 5%;
	margin-right: 5%;
}
#aboutus-man{
	height: auto;
	width: 100%;
}
.aboutus_container{
	padding-bottom: 0.9rem;
	margin-top: 3rem;
}
/*  */

/*Mission Page*/
#mission_main_div{
	background:url('../images/mission.jpg');
	color: white;
	height: 45vh;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	object-fit: contain;
	background-position: 50%;
}
#mission_div{
	background:url('../images/employment.jpg');
	color: white;
	height: 45vh;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	object-fit: contain;
	background-position: 50%;
}
#mission_education_div{
	background:url('../images/education.jpg');
	color: white;
	height: 45vh;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	object-fit: contain;
	background-position: 50%;
}
#mission_healthcare_div{
	 background:url('../images/healthcare.jpg');
	color: white;
	height: 45vh;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	object-fit: contain;
	background-position: 50%;
}
/**/


/*Contact Us page*/
.address, .call, .mail,.form_div{
	background-color: #343a40;
}
.form_div{
	margin-top:3rem; 
	margin-bottom:3rem;
	margin-right: 3rem;
	margin-left: 3rem;
}
.form_button{
	border-color: white !important;
}
.contactus_link{
	color: white !important;
}
/**/


.nav-link{
	padding: 0 !important;
}

footer{
	background-color: #030354;
	position: relative;
	top: 100%;
	bottom: 0%;
}
#footer_email{
	text-decoration: none !important;
	color: white !important;
}
.footer_text{
	font-size: 120% !important;
}
.row{
	margin-left: 0% !important;
	margin-right: 0% !important;
}

.footer_bg{
	background-color: #616060;
}
.navbar_link_image{
	width: 58%;
	height: 100%;
	margin-right: 17%;
}

.navbar-link-background {
    background-color: #562a3d;
    font-size: 0.9rem !important;
}

.jobheader-row{
	display: none !important;
}

#job_navbar_image{
     width: 100%;
}
.social-icons{
	width: 30px;
	margin: 14px 2px;
}

@media (max-width: 800px) {
    #aboutus-man{
            display:none;
   }
   .image_column{
   	display: none;
   }
   .form_div{
   	width: 100%;
   	margin-left: 0%;
   	margin-right: 0%;
   	margin-top: 3rem;
   	margin-bottom: 0rem;
   }
   #navbarSupportedContent ul{
  text-align: right;
}
#navbarSupportedContent .nav-item .nav-link{
	width:100%;
}
 .navbar-toggler{
	margin-right: 20px;
 }

}

@media (max-width: 1024px){
	.carousel-caption{
		margin-bottom: 5%;	
	}
}

@media (max-width: 800px){
	.carousel-caption{
		margin-bottom: 0%;
		padding-bottom: 0px;	
	}
	.aboutus-description > h3{
		font-size: 30px;
	}
	.aboutus-text{
		font-size: 20px;
	}
	.aboutus-subtext{
		font-size: 10px;
	}
	.carousel-caption>h3{
	font-size: 30px;
	}
	.navbar{
		padding:0.5rem 0.2rem;
	}

}

@media (max-width: 450px){
	.carousel-caption{
		margin-bottom: 0%;
		font-size:5px;	
	}
	h3{
		font-size: 16px;
	}
	button{
		font-size: 10px !important;
	}
	.mission>h3{
		font-size: 30px;
	}
	.updates_section>h3{
		font-size: 30px;
	}
	.application-container h3{
		font-size: 18px;
		line-height: 1.60rem;
	}
}

.carousel-indicators li{border:1px solid #030354;display:inline;border-radius:0px;padding:2px;}
.volunteer-description{
  margin-top: 5%;
  margin-left: 14%;
  margin-right: 0%;
  margin-bottom: 10%;
}
.volunteer-form .form-control{
	border-radius: 0px;
    padding-top: 11px;
    padding-bottom: 11px;
    border: 1px solid #4c4343b3;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: bold;
}


	.carousel-control-prev {
    left: 0px;
    }
    	.carousel-control-next {
    right: 0px;
    }
    .ui-loader-default{
    	display: none;
    }

  .abt-banner-text{
  	font-size: 24px;
    margin-top: 7%;
  }
  .initiative-section .col-md-4{
  	margin-top: 15px;
  }
   .team-section .card{
       width: 21%;
       margin: 0px 18px;
       border: none;
    }
     .team-section {
       margin: 0px auto;

    }

    .team-section .card-title{
        font-size: 14px;
        color: #ec1f27;
        font-weight: bold;
        margin-top: -12px;
    }
    .team-section .page-title-section{
        font-weight: bold;
        color: #ec1f27;
    }
    .navbar_img_container{
    width: 25%;
    margin-left: 6%;
  }
  #navbarSupportedContent .nav-item{
     font-size: 14px;
  }
  .job-btn{
    border: 1px solid white; 
    border-radius: 3px; 
    background: white;
    padding:8px 2px;
    margin-left: 50px;
  }
  .job-btn a{
     color: #ec1f27 !important;
     font-weight: bold;
     margin: 1px 2px;
  }
  .job-btn:hover + .job-btn a {
    color: #ec1f27;
  }
 .job-btn-mob{
 	display: none;
 }
 .menu-links{
 	margin-left: 17%;
 }
 .drive-sb-button .btn-primary{
	width: 25%;
}

@media only screen and (min-width: 350px) and (max-width: 768px) {
   
	.desktop_section{
		display: none;

	}
	.mobile_section{
		display: block !important;
	}
	.donate-volunteer-section .volunteer-box{
		margin-top: 6px;

	}
	.donate-volunteer-section .donate-box{
		margin-top: 6px;

	}


    .mobile_section .p-5{
    	padding: 1rem!important;
    }
    .navbar .nav-link{
    	width: 50%;
    }
    .banner-text{
    	font-size: 11px;
    	margin-bottom: 0.5rem !important;
    }
    .carousel-caption>h3 {
    font-size: 15px;
}

    #navbar_image {
     margin-left: 0%;
   }
 .navbar-toggler{
	margin-right: 20px;
 }
 .latest-updates .update-display-img{
 	width:100% !important;
 	height: 100% !important;
 }
 .latest-updates .img-display-box{
 	margin-left: 0% !important;
 }
#navbarSupportedContent ul{
  text-align: right;
}
#navbarSupportedContent .nav-item .nav-link{
	width:100%;
}
.about_img_col_mobile{
	display: block !important;
}
.about_img_col_mobile img{
    width: 100%;
    height: auto;
    
}

.aboutus-description {
    margin-top: 6%;
    text-align: center;
}
.upper-image{
	height: auto;
}
.about-banner-img{
	width: 71%;
    margin: 18px auto;

}
.abt-banner-text{
	  font-size: 11px;
}
.aboutus-description{
	text-align: justify;
}
.volunteer-description {
    margin-left: 0%;
}
.volunteer-description .pb-4{
   font-size: 1.50rem;
   text-align: center;
}
.initiative-title{
	   font-size: 15px;
    padding: 0rem !important;
    margin-top: 15px;
}

#navbar_contactus{
	margin-right: 0px !important;
}
.team-section .card {
    width: 42% !important;
   
}
.left-logo, .right-logo{
	text-align: center !important;
}

.jobheader-row{
	display: block !important;
}
.navbar_link_image{
	margin-right: 0px;
}
.left-logo #navbar_image{
	    margin-left: 0% !important;
}

.job-btn-mob{
	display: block;
}
.job-btn{
  display: none;
}
.job-btn-mob a{
	color: white !important;
}

.status-form{
	text-align: center;
}
.status-form input{
	text-align: center;
}
.application-container h3{
	text-align: center;
}

.drive-sb-button .btn-primary{
    width: 46%;
    padding: 10px;
}
.drive-sb-button{
	text-align: center;
}

.download-pdf-btn{
	font-size: 10px;
}


}
@media only screen and (min-width: 700px) and (max-width: 1200px) {
   .team-section .card {
    width: 42% !important;   
}
.navbar-nav .nav-link{
  font-size: 11px;
}
.download-pdf-btn{
	font-size: 16px;
 }

}

@media only screen and (min-width: 770px) and (max-width: 990px){
.job-btn {
     margin-left: 0px; 
     width: 112px;
   }
 
}