.app_banner {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 550px;
	position: relative;
}

.font_gotham {
	font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif !important;
}

.center_div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;

}

h2.yellow_underline:after {
	background: #ffd000 !important;
	right: unset;
}

#text_app {
	padding: 0.3em 1em;
	position: absolute;
	top: 0;
	right: 37px;
	text-align: center;
	min-width: unset;
	font-size: 16px;
	z-index: 99;
	font-weight: 500;
	margin: 0.4em 0em;
}

/* .type {padding: 0.5em 0.5em !important;width:auto !important;position:relative; } */
.type1,
.type2,
.type3,
.type4,
.type5,
.type6 {
	border-bottom: 2px solid #0054a6 !important;
	position: relative;
	font-weight: 500;
	border-radius: 0 !important;
	width: auto !important;
}

.type1:hover,
.type2:hover,
.type3:hover,
.type4:hover,
.type5:hover,
.type6:hover {
	color: unset !important;
	background-color: white !important;
}

/* .type1:before,.type2:before,.type3:before,.type4:before,.type5:before{
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #0054a6 !important;
    width: 100%;
}  */

.app_btn_slider .slick-slide.slick-active {
	width: auto !important;
}

.app_btn_slider .slick-track {
	display: flex;
	justify-content: center;
	align-items: center;
}

.app_btn_slider .slick-slide.slick-current.slick-active .type1 {
	font-weight: 400;
	color: #fff !important;
	background-color: #0054a6 !important;
	border-bottom: unset !important;
	border-radius: 5px !important;
	padding: 0.5em 0.5em !important;
}

.app_btn_slider .slick-slide.slick-current.slick-active .type2 {
	font-weight: 400;
	color: #fff !important;
	background-color: #5a913a !important;
	border-bottom: unset !important;
	border-radius: 5px !important;
	padding: 0.5em 0.5em !important;
}

.app_btn_slider .slick-slide.slick-current.slick-active .type3 {
	font-weight: 400;
	color: #fff !important;
	background-color: #00a3c7 !important;
	border-bottom: unset !important;
	border-radius: 5px !important;
	padding: 0.5em 0.5em !important;
}

.app_btn_slider .slick-slide.slick-current.slick-active .type4 {
	font-weight: 400;
	color: #fff !important;
	background-color: #e6b413 !important;
	border-bottom: unset !important;
	border-radius: 5px !important;
	padding: 0.5em 0.5em !important;
}

.app_btn_slider .slick-slide.slick-current.slick-active .type5 {
	font-weight: 400;
	color: #fff !important;
	background-color: #0054a6 !important;
	border-bottom: unset !important;
	border-radius: 5px !important;
	padding: 0.5em 0.5em !important;
}

.app_btn_slider .slick-slide.slick-current.slick-active .type6 {
	font-weight: 400;
	color: #fff !important;
	background-color: #00a3c7 !important;
	border-bottom: unset !important;
	border-radius: 5px !important;
	padding: 0.5em 0.5em !important;
}

.app_text_slider p {
	font-family: 'Raleway', sans-serif;

}

.bg-half-light-blue {
	background: linear-gradient(to bottom, #EEF7F9 75%, #FFF 0%);
}

.btn-with-line-through .btn:after {
	height: 100px !important;
}


#phonenumber {
	font-size: 18px;
	padding: 0.5em 10em 0.5em 2em;
	border-radius: 0.5rem;
	font-weight: 500;
	border: 0.5px solid #777;
	max-width: 380px;
	/* color: #9CA4AB; */
	position: relative;
	background-image: url('/../wp-content/themes/donation/img/app/icon_mobile_phone_9FA9B0.svg');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: calc(100% - 97%) center;
}

/* -- need help --*/

.need-help {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -90%);
	z-index: 20;
	padding: 6px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}

.bg-theme-forest-green {
	background-color: #339526 !important;
}

.mobile_icon {
	position: absolute;
	z-index: 99;
	padding: 0.4em 0.6em;
}

.privacy_text a {
	text-decoration: underline;
}

span.icon.icon-error.form-error-icon,
span.icon.icon-success.form-error-icon {
	display: none;
}

#phonenumber-error {
	position: absolute;
	bottom: -26px;
	left: 0;
	background: #c2c3c2;
	max-width: 380px;
	width: 100%;
	padding: 5px 10px;
	border-bottom-left-radius: .5rem;
	border-bottom-right-radius: .5rem;
	z-index: -9;
	font-weight: 700;
	font-size: 12px;
	color: #b52237;
	text-align: left;
	font-style: normal;
}

#phonenumber.success {
	font-weight: 600;
	color: #339526 !important;
	background-image: url('/../wp-content/themes/donation/img/app/icon_mobile_phone_339526.svg');
}

#phonenumber.input-error {
	color: #b52237 !important;
	font-weight: 600 !important;
	border: 2px solid #b52237 !important;
	background-image: url('/../wp-content/themes/donation/img/app/icon_mobile_phone_B52237.svg') !important;
}

.p40 {
	padding-top: 40px !important;
}

/* --end need help --*/


@media(max-width:767px) {
	h2.yellow_underline:after {
		background: #ffd000 !important;
		right: 0;
	}

	.app_banner {
		background-image: url("/../wp-content/uploads/2021/12/app_tour_hero_desktop-1.jpg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		min-height: 450px;
		position: relative;
	}

	.app_banner:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: inline-block;
		background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .5) 100%);
	}

	.app_text_slider .row {
		flex-direction: column-reverse;
	}

	.br_0 {
		border-radius: 0 !important
	}
}

@media (max-width: 768px) {
	h2.yellow_underline:after {
		background: #ffd000 !important;
		right: 0;
	}
}

@media (max-width: 1180px) {
	h2.yellow_underline:after {
		background: #ffd000 !important;
		right: 0;
	}
}

.giving_slider,
.writing_slider {
	display: none;
}

.slick-slider .slick-dots.slick-dots-sky-blue li.slick-active button:before {
	color: #339526 !important
}

.slick-slider .slick-dots.slick-dots-green li.slick-active button:before {
	color: #00a3c7 !important
}


.youtube-player {
	position: relative;
	padding-bottom: 56.25%;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 0;
}

.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	border-radius: 7px 0 0 7px !important;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	border: 0;
	background-color: transparent !important;
}

.youtube-player img {
	object-fit: cover;
	display: block;
	left: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	height: 100%;
	cursor: pointer;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	transition: 0.4s all;
	border-radius: 7px 0 0 7px !important;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	border: 0;
	background-color: transparent !important;
}

.youtube-player img:hover {
	-webkit-filter: brightness(75%);
}

.youtube-player .play {
	background: url('/../wp-content/themes/donation/img/blog/icon_video_play_75x75.svg') no-repeat;
	cursor: pointer;
	position: absolute !important;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-size: auto;
	background-position: center;
	height: 100%;
	width: 100%;
}

.app_accordian .card-body.pl-1.pt-0.font_gotham strong {
	display: block;
	margin-top: 2rem;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1200px) {
	#text_app {
		right: 8px;
	}
}