/*
Theme Name: Divi Child
Theme URI: https://www.elegantthemes.com/gallery/divi/
Description: Divi child theme via FreshySites
Author: FreshySites
Author URI: https://website.com/
Template: Divi
Version: 1.8.2
*/
/* Add your own styles at the bottom */

.r-vertical-align{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.container {
	width: 90%;
}
.et_pb_row{
	width: 90%;
}
.pa-inline-button .et_pb_button_module_wrapper {
    display: inline-block;
}
.pa-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}
.pa-inline-buttons {
    text-align: center !important;
}
p{
	font-weight:400;
}


.home-banner .et_pb_slide_description{
	max-width: 700px;
	padding: 14% 0;
	margin: inherit;
	text-align: left;
}
.course {
	border: 1px solid #f1f1f1 !important;
	border-radius: 4px;
}
.et_pb_post {
	border: 1px solid #f1f1f1 !important;
	border-radius: 10px;
	box-shadow: 0px 0px 6px 0px #e4e4e4 !important;
}
.et_pb_slider .et_pb_container{
	margin: 0;
}
.about .et_pb_number_counter{
	display: inline-block;
	margin-right: 20px;
}
.about .et_pb_number_counter .percent {
	height: 40px;
}
.more h4{
	padding: 30px;
	border: 1px dashed;
}
.volunteer .et_contact_bottom_container{
	position:absolute;
	right: 3px;
	top: 10px;
}
/* about page */
.monal .et_pb_social_media_follow{
	display: none;
}
.monal .et_pb_column:hover .et_pb_social_media_follow{
	display: block;
}
.give {
	box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);
}
.mobile_menu_bar::before, .mobile_menu_bar::after, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a {
	color: #EF4425 !important;
}
@media only screen and (min-width: 1625px) {
  .et_pb_section {
    padding:0px !important;
    padding-bottom: 0px;
  }
}
@media(max-width: 1300px){
	h1{
		font-size: 120px;
	}
}
@media(max-width: 980px){
	/** wrap row in a flex box **/
    .custom_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;    
	}
	/** custom classes that will designate the order of columns in the flex box row **/
	.first-on-mobile {        
			-webkit-order: 1;
			order: 1;
			padding-bottom:30px !important;
		}
		.second-on-mobile {
	-webkit-order: 2;
		order: 2;
		}
	.third-on-mobile {        
		-webkit-order: 3;
		order: 3;
		padding-bottom:30px !important;
	}
	 .forth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
	h1{
		font-size: 100px;
	}
	h2{
		font-size: 50px;
	}

}
@media(max-width: 767px){
	h1{
		font-size: 100px;
	}
	h2{
		font-size: 40px;
	}
	h3{
		font-size: 30px;
	}

}
@media(max-width: 480px){
	h1{
		font-size: 70px;
	}
	h2{
		font-size: 30px;
	}
}