/* @import url("https://fonts.googleapis.com/css?family=Open+Sans|Roboto:500,700");
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 */
 @font-face {
		font-family: "Jost";
		src: url("../../assets/css/Jost-Regular.ttf");
	}

html {
  overflow-x: hidden;
}
body {
  background: #242424;
  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
  font-family: 'Jost', sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 25px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow-x: hidden;
}
body {
  font-family: "Jost", Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6{
  font-family: "Jost", Arial, Helvetica, sans-serif;
}
.row{
  margin-right: 0px !important;
  margin-left: 0px !important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}




/* Font Size */
.f-10{
  font-size: 10px !important;
}
.f-11{
  font-size: 11px !important;
}
.f-12{
  font-size: 12px !important;
}
.f-14{
  font-size: 14px !important;
}
.f-16{
  font-size: 16px !important;
}
.f-18{
  font-size: 18px !important;
}
.f-20{
  font-size: 20px !important;
}
.f-22{
  font-size: 22px !important;
}
.f-24{
  font-size: 24px !important;
}
.f-26{
  font-size: 26px !important;
}
.f-28{
  font-size: 28px !important;
}
.f-30{
  font-size: 30px !important;
}
.f-34{
  font-size: 34px !important;
}
.f-40{
  font-size: 40px !important;
}


/* Table width */
.wt_30{
  width: 30px !important;
}
.wt_50{
  width: 50px !important;
}
.wt_75{
  width: 75px !important;
}
.wt_100{
  width: 100px !important;
}
.wt_125{
  width: 125px !important;
}
.wt_150{
  width: 150px !important;
}
.wt_200{
  width: 200px !important;
}
.wt_250{
  width: 250px !important;
}


.w-30{
	width: 30% !important;
}

#example1 td, #example2 td, #example3 td, #example4 td, .table td{
  padding:7px 5px !important;
  font-size: 14px !important;
	color: #444;
	font-weight: 400;
}
#example1 th, #example2 th, #example3 th, #example4 th, .table th{
  font-size: 14px !important;
	color: #333;
	font-weight: 600;
}


.card_shadow {
  box-shadow: 0 0 1px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.5) !important;
}

.modal{
  z-index: 1201;
}
a:hover{
	text-decoration: none;
}
.text-black{
	color:#000 !important;
}
.color1{
	color: #EB4335!important;
}
.button_1{
	background: #EB4335;
	border: 1px solid #EB4335;
	color: #ffffff;
	padding: 7px 20px;
	border-radius: 25px;
}
.button_2{
	/* background: #d94b38; */
	background: #0094ce;	
	/* border: 1px solid #d94b38; */
	border-radius: 10px ;
	color: #fff !important;
	padding: 7px 15px;
	/* border-radius: 0px; */
}

.button_3{
	background: #0094ce;
	border: 1px solid #fff;
	color: #fff;
	padding: 7px 15px;
	border-radius: 10px ;
}



.bg_gradient1{
	background-image: linear-gradient(to bottom,#f1faf2, #e9f6f8) !important;
}
.background1{
	background-color: #242424 !important;
}
.background2{
	background-color: #000000 !important;
}

.text_color1{
	color: #00151A !important;
}
.text_color2{
	color: #4abb37 !important;
}
.text_color3{
	color: #888888 !important;
}


.dis_table_cell {
	display: table-cell;
	vertical-align: middle;
}

.img_round{
	border-radius: 50% !important;
}

.box_shadow1{
	padding:20px;
	box-shadow: 0 0 5px #888;
}

.over_div{
	position: relative;
	top: 0;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

.over_div2{
	position: relative;
	top: 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.overflow_x_auto{
  overflow-x: auto !important;
}

.datepicker{
	z-index: 1200 !important;
}


@media (max-width: 767px) {
  .mob_text_center{
		text-align: center !important;
	}
	.mob_w_100{
		width: 100% !important;
	}
	.mob_w_90{
		width: 90% !important;
	}
	.mob_pl_0{
		padding-left: 0px !important;
	}
	.mob_pr_0{
		padding-right: 0px !important;
	}
	.mob_mb_2{
		margin-bottom: 15px !important;
	}
}


/* Navbar */
.navbar-nav li .nav-link{
  font-family: 'Poppins', sans-serif;
  /* color: #fff !important; */
	color: #000 !important;
  font-weight: 500;
  font-size: 15px;
}
/* .form-inline a {
  color: #676767 !important;
  font-size: 20px;
} */
.nav_logo{
  margin-left: 3rem;
}
.navbar-fixed-top{
  position: fixed;
  top: 0;
  z-index: 1200;
  box-shadow: 0px 2px 5px #888888;
}
/* .login_menu a{
  font-family: 'Poppins', sans-serif;
  color: #676767;
  font-weight: 500;
  font-size: 14px;
} */
#scrollmenu .navbar-nav {
	margin-left: 70px;
}
#scrollmenu .navbar-nav .nav-item {
	padding-left: 7px;
	padding-right: 7px;
}
/* #scrollmenu .navbar-nav .no_active {
	border-top: 2px solid #fff;
}
#scrollmenu .navbar-nav .active{
	border-top: 2px solid #d94b38 !important;
} */
#scrollmenu .navbar-nav .active{
	background:  #EB4335 !important;
	color: #fff !important;
}
#scrollmenu .navbar-nav .active a{
	color: #fff !important;
}

#scrollmenu .navbar-nav .nav-item:hover{
	background:  #EB4335 !important;
}
/* #scrollmenu .navbar-nav .nav-item:hover a{
	color: #000 !important;
} */
#scrollmenu .navbar-nav .nav-item:hover .nav-link{
	color: #fff !important;
}


.customer_dropdown{
	right: 0 !important;
	left: -100px !important;
}
/* .dropdown-menu{
	right: 0 !important;
	left: -100px !important;
} */

@media (max-width: 767px) {
  .nav_logo{
    margin-left: 0px !important;
  }  

  .login_dropdown{
    right: 0 !important;
    left: 0% !important;
  }

  .navbar-toggler-icon{
    color: #011251;
  }

	.customer_dropdown{
		left: 0 !important;
	}
}




@media only screen and (max-width: 600px) {
  .mob_display_none{
		display : none !important;
	}	
	.login_dropdown {
		transform: none !important; 
    top: 40px !important;
	}
	.nav_logo{
		width:100px !important;
	}
	.navbar>.container-fluid {
		display: block;
	}
	.navbar-toggler {
		outline: none !important;
	}
}

.navbar{
	padding-top: 10px;
	padding-bottom: 10px;
	/* box-shadow: 0 8px 10px -6px #999; */
	/* position:absolute; */
	/* top:95px !important; */
	/* background-color: #1a0267 !important; */
}

.sticky {
  position: fixed;
  top: 0 !important;
  width: 100%;
  z-index: 10;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  background-color: #fff;
}



.slider_image{
	/* height: 500px; */
}
.slider_info{
	height: 400px;
	display: table-cell;
	vertical-align: middle;
}
@media only screen and (max-width: 600px) {
	.slider_image{
		height: auto;
	}
}



/************************ Our Impact ********************************/
	.impact_img_div{
		position: relative;
  	text-align: center;
	}
	.impact_img_div .bottom-center {
		position: absolute;
		bottom: 8px;
		text-align: center;
		color: #fff;
		/* font-weight: bold; */
		font-size: 24px;
	}

/************************ paralex-1 ********************************/
	.home-paralex{
		/* height: 400px; */
		/* background-image:url("../../assets/images/website/disaster.png"); */
		background-attachment:fixed;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;

		display: table;
	}
	.home-paralex .container-flued{
		height: 550px;
		background:rgba(0, 0, 0, 0.5);
		display: table-cell;
    vertical-align: middle;
	}
	.home-paralex .btn{
		background: transparent;
		border: 2px solid #fff;
		color: #fff;
		padding: 10px 60px;
		border-radius: 25px;
	}


/************************ paralex-2 ********************************/
	.home-paralex2{
		/* height: 400px; */
		background-image:url("../../assets/images/website/paralex.png");
		background-attachment:fixed;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		display: table;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.home-paralex2 .container{
		background:rgba(0, 0, 0, 0.5);
		width: 800px;
		border: 4px solid #fff;
	}

	.home-paralex2 .container .table{
		height: 450px;
		/* background:rgba(0, 0, 0, 0.5); */
		display: table-cell;
    vertical-align: middle;
	}
	.home-paralex2 .btn{
		background: transparent;
		border: 2px solid #fff;
		color: #fff;
		padding: 10px 60px;
		border-radius: 25px;
	}
	@media (max-width: 767px) {
		.home-paralex2 .container{
			width: auto;
			border: 2px solid #fff;
		}
	}

/************************ Header Strip ********************************/
	.header_strip{
		background-image: url("../../assets/images/website/disaster.png");
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.strip_bg{
		background: rgba(0, 0, 0, 0.5);
	}

	.about_text_div{
		border: 3px solid #aaa !important;
	}


	.donate_form .form-control{
		/* border: 1px solid #d94b38!important;
		background: transparent;
		color: #d94b38; */
	}
	.donate_txt:-webkit-input-placeholder { /* WebKit, Blink, Edge */
		color:    #888 !important;
	}
	.donate_txt:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:    #888 !important;
		opacity:  1;
	}
	.donate_txt::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #888 !important;
		opacity:  1;
	}
	.donate_txt:-ms-input-placeholder { /* Internet Explorer 10-11 */
		color:    #888 !important;
	}
	.donate_txt::-ms-input-placeholder { /* Microsoft Edge */
		color:    #888 !important;
	}

	.donate_txt::placeholder { /* Most modern browsers support this now. */
		color:    #888 !important;
	}



	.login_box{
		border-radius: 10px;
	}

	.login_page{
		/* height: 120vh !important; */
	}

	

/************************ Footer ********************************/
	footer{
		background: #ffffff!important;
	}
	.contact_form .form-control{
		border: 2px solid #fff!important;
		background: transparent;
		color: #fff;
	}


	:-webkit-input-placeholder { /* WebKit, Blink, Edge */
		color:    #fff !important;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:    #fff !important;
		opacity:  1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #fff !important;
		opacity:  1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
		color:    #fff !important;
	}
	::-ms-input-placeholder { /* Microsoft Edge */
		color:    #fff !important;
	}

	::placeholder { /* Most modern browsers support this now. */
		color:    #fff !important;
	}


	.owl-theme .owl-prev{
		color: #00151A!important;
		font-size: 60px!important;
		width: 40px;
		height: 40px;
		border-radius: 50% !important;
		position: absolute;
		top: 35%;
		left: -35px;
		transform: translateY(-50%);
		display: block;	
	}
	.owl-theme .owl-prev:focus, .owl-theme .owl-next:focus{
		outline: none !important;
	}

	
	.owl-theme .owl-next{
	color: #00151A!important;
	font-size: 60px!important;
	width: 40px;
	height: 40px;
	border-radius: 50% !important; 
	position: absolute;
	top: 35%;
	right: -35px;
	transform: translateY(-50%);
	display: block;

}


.go_top {
	position: fixed;
	z-index: 1200;
	right: 10px;
	bottom: 70px;
	display: none;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:2px solid #00151A!important;
	background: #fff !important;
	font-size: 30px;
	text-align: center;
	color: #00151A!important;
	transition: background 0.3s, color 0.3s;
	-ms-transition: background 0.3s, color 0.3s;
	-moz-transition: background 0.3s, color 0.3s;
	-webkit-transition: background 0.3s, color 0.3s;
}