.homepage-boxes {
	background-color: #f4f8fa !important;
	padding: 30px 0;
}

html {
	scroll-behavior: smooth;
}

.cookiepolicy {  
	display:none;
	position: fixed;
	bottom:0;
	left:0;
	right: 0;
	padding:20px 0;
	background-color: #f9f9f9;
	z-index: 99999; 
}

.homepage-boxes h2 {
	color: #333;
	font-size: 3.3rem;
	font-weight: 400;
	text-align: center;
}

.homepage-boxes .card {
	background-color: #ffffff;
	border: none;
	overflow: hidden;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	-webkit-transition: 0.3s ease-out;
	margin-bottom: 30px;
	box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
	padding: 20px;
	min-height: 349px;
}

.homepage-boxes .card .card-body {
	padding: 1.25rem 0;
}

.homepage-boxes i {
	background: #2cdd9b;
	background: -webkit-linear-gradient(legacy-direction(to right),
			#2cdd9b 0%,
			#1dc8cc 100%);
	background: -webkit-gradient(linear,
			left top,
			right top,
			from(#2cdd9b),
			to(#1dc8cc));
	background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
	background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
	background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	font-size: 50px !important;
	height: 50px !important;
}

.homepage-boxes h5 {
	margin: 5px 0 5px;
	line-height: 40px;
	font-size: 2rem;
	font-weight: 700;
}

.homepage-boxes small {
	font-size: 12px;
	font-weight: 300;
	line-height: 20px !important;
	color: #777;
}

.homepage-boxes a.btn-arrow i {
	background: #1dc8cc;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
}

.homepage-partners {
	padding: 30px 0;
}

.homepage-partners h2 {
	color: #333;
	font-size: 48px;
	font-weight: 400;
	text-align: center;
}

.homepage-partners .col {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.homepage-partners img {
	max-height: 85px;
	margin: 30px;
}

@media (max-width: 768px) {
	.homepage-boxes .cta-button {
		font-size: 20px;
	}

	.homepage-boxes small {
		font-size: 18px;
	}

	.homepage-partners img {
		margin: 5px;
	}

	#mobile-nav .dropdown-toggle::after {
		display: none !important;
	}

	#mobile-nav .dropdown-menu .dropdown-item {
		white-space: normal;
		background: transparent;
		line-height: 1.8;
		font-size: 1.2rem;
		padding: 0.5rem 1rem;
	}
}

/* Homepage */
/* Search Results */
.search-result-box .search-item {
	padding-bottom: 20px;
	border-bottom: 1px solid #e3eaef;
	margin-bottom: 20px;
}

.search-result-box .text-success {
	color: #0acf97 !important;
}

.search-result-box a {
	/*color: #007bff;*/
	text-decoration: none;
	/*background-color: transparent;*/
}

.search_campaigns .card-img-top {
	height: 150px;
	object-fit: cover;
	width: 100%;
}

.search_campaigns h6 {
	top: auto;
	margin-top: -42px;
	margin-bottom: 16px;
}

.search_campaigns h4 {
	font-size: 14px;
}

.search_campaigns p.card-text {
	font-size: 0.7rem;
}

/* Search Results */

.accordion-list .card {
	margin-bottom: 5px;
}

.accordion-list .card-header {
	background-color: #e4e4e4;
}

.accordion-list .card-header h5 {
	margin-top: 0;
}

.accordion-list .card-header .fas {
	position: absolute;
	right: 10px;
	top: 24px;
}

/*   Slides    */
.slide-white {
	background-color: rgba(255, 255, 255, 0.753);
	padding: 3rem;
	margin-right: 5rem;
}

.slide-white2 {
	background-color: rgba(255, 255, 255, 0.753);
	padding: 3rem;
	margin-right: 3em;
}

.slide-dark {
	background-color: rgba(0, 0, 0, 0.56);
	padding: 3rem;
	color: white;
	margin-right: 5rem;
}

.slide-dark h2 {
	color: white;
}

@media screen and (max-width: 600px) {
	.slide-white {
		background-color: rgba(255, 255, 255, 0.56);
		border-radius: 1rem;
		font-weight: 600;
		margin-right: 1rem;
		margin-left: 1rem;
	}

	.slide-white2 {
		background-color: rgba(255, 255, 255, 0.56);
		border-radius: 1rem;
		font-weight: 600;
	}

	.button-mobile-text {
		font-size: 90%;
	}

	.slide-dark {
		background-color: rgba(0, 0, 0, 0.56);
		border-radius: 1rem;
		font-weight: 600;
	}
}

/*   Slider-womens empowements    */

.slider-women {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/09/women-empowerment-42-mirror-scaled.jpg);
	background-size: cover;
	height: 540px;
}

.text-box {
	margin-left: 5rem;
	margin-top: 3rem;
}

@media screen and (max-width: 600px) {
	.slider-women {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/09/women-empowerment-42-mirror-scaled.jpg);
		background-size: cover;
		height: 600px;
		background-position: center;
	}

	.text-box {
		margin-left: 0rem;
		margin: 1rem;
	}
}

/* Health Page 3 slide */

.slider-health1 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2019/04/amorel-20180813-091357.jpg);
	background-size: cover;
	height: 540px;
}

.text-box-health1 {
	margin-left: 6rem;
	margin-top: 6rem;
}

.slider-health2 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/01/mobile-clinic-e1610473018304.jpg);
	background-size: cover;
	height: 540px;
}

.text-box-health2 {
	margin-left: 5rem;
}

.slider-health3 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/01/doctor-health-check-up-1-e1610472851545.jpg);
	background-size: cover;
	height: 540px;
}

.text-box-health3 {
	margin-left: 6rem;
}

@media screen and (max-width: 600px) {
	.slider-health1 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2019/04/amorel-20180813-091357.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 65%;
		background-position-y: 56%;
	}

	.text-box-health1 {
		margin-left: 0rem;
		margin: 5rem 1rem 1rem 1rem;
	}

	.slider-health2 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/01/mobile-clinic-e1610473018304.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 65%;
		background-position-y: 56%;
	}

	.text-box-health2 {
		margin: 1rem;
		padding: 2.5rem;
	}

	.slider-health3 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/01/doctor-health-check-up-1-e1610472851545.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 65%;
		background-position-y: 56%;
	}

	.text-box-health3 {
		margin: 1rem;
		padding: 2.5rem;
	}
}

/* Health Page 3 slide */

/* Health Page Lamine slide */

.bg-lamine {
	background-color: rgb(222, 238, 247);
}

.lamine-image1 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/10/Lamine-Doumbia-1-Cataract.jpg);
	background-size: cover;
	height: 550px;
}

.lamine-image2 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/10/Lamine-Doumbia-2-Cataract.jpg);
	background-size: cover;
	height: 550px;
}

.lamine-image3 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/10/Lamine-Doumbia-3-Cataract.jpg);
	background-size: cover;
	height: 550px;
	background-position-x: 65%;
	background-position-y: 100%;
}

.lamine-text {
	padding: 5rem 13rem 2.5rem 6rem;
}

.lamine-text h2 {
	padding-bottom: 2rem;
}

@media screen and (max-width: 600px) {
	.lamine-text {
		padding: 1.5rem;
		font-size: 14px;
		height: 400px;
	}

	.lamine-text h2 {
		font-size: 20px;
		padding-bottom: 1rem;
	}

	.lamine-text-button {
		font-size: 14px;
	}

	.lamine-image1 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/10/Lamine-Doumbia-1-Cataract.jpg);
		background-size: cover;
		height: 260px;
	}

	.lamine-image2 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/10/Lamine-Doumbia-2-Cataract.jpg);
		background-size: cover;
		height: 260px;
		background-position-x: 65%;
		background-position-y: 32%;
	}

	.lamine-image3 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/10/Lamine-Doumbia-3-Cataract.jpg);
		background-size: cover;
		height: 260px;
		background-position-x: 65%;
		background-position-y: 50%;
	}
}

/* Health Page Lamine slide */

/* Education Page 3 slide */
.slider-education1 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/05/Mrizos-Care.png);
	background-size: cover;
	height: 540px;
}

.text-box-education1 {
	margin-left: 6rem;
	margin-top: 6rem;
}

.slider-education2 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/02/child-refugee-1-e1613104071444.jpg);
	background-size: cover;
	height: 540px;
}

.text-box-education2 {
	margin-left: 6rem;
}

.slider-education3 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2019/01/gradplus-school-students-having-test.jpg);
	background-size: cover;
	height: 540px;
}

.text-box-education3 {
	margin-left: 6rem;
}

/* 	4 main education project section */

.paddingEducation {
	padding-right: 250px;
	padding-left: 250px;
}

.section.education p.card-text {
	height: 60px;
}

section.education p.card-text {
	height: 110px !important;
}
.banner-img {
	position: relative;
}
.banner-img::after {
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.4) 34%, rgba(0,0,0,0) 100%);
}
.banner-img img {
	max-height: 400px;
	object-fit: cover;
}

@media screen and (max-width: 600px) {
	.slider-education1 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/05/Mrizos-Care.png);
		background-size: cover;
		height: 540px;
		background-position-x: 65%;
		background-position-y: 56%;
	}

	.text-box-education1 {
		margin-left: 0rem;
		margin: 5rem 1rem 1rem 1rem;
	}

	.slider-education2 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/02/child-refugee-1-e1613104071444.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 25%;
		background-position-y: 50%;
	}
	
	.text-box-education2 {
		margin: 1rem;
		padding: 2.5rem;
	}

	.slider-education3 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2019/01/gradplus-school-students-having-test.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 65%;
		background-position-y: 56%;
	}

	.text-box-education3 {
		margin: 1rem;
		padding: 2.5rem;
	}

	/* 4 main education project section */

	.paddingEducation {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
}

/* Education Page 3 slide */

/* Refugee Page 3 slide */
.slider-refugee1 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/01/helping-refugees-e1610562395582.jpg);
	background-size: cover;
	height: 540px;
}

.text-box-refugee1 {
	margin-left: 6rem;
	margin-top: 6rem;
}

.slider-refugee2 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/01/Refugee-Family-Greece-1-e1610568715513.jpeg);
	background-size: cover;
	height: 540px;
}

.text-box-refugee2 {
	margin-left: 6rem;
}

.slider-refugee3 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/01/greece-refugee-students-e1610562193931.png);
	background-size: cover;
	height: 540px;
}

.text-box-refugee3 {
	margin-left: 6rem;
}

.button-refugee-text {
	font-size: 70%;
}

@media screen and (max-width: 600px) {
	.slider-refugee1 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/01/helping-refugees-e1610562395582.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 20%;
		background-position-y: 20%;
	}

	.text-box-refugee1 {
		margin-left: 0rem;
		margin: 5rem 1rem 1rem 1rem;
	}

	.slider-refugee2 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/01/Refugee-Family-Greece-1-e1610568715513.jpeg);
		background-size: cover;
		height: 540px;
		background-position-x: 55%;
		background-position-y: 50%;
	}

	.text-box-refugee2 {
		margin: 1rem;
		padding: 2.5rem;
	}

	.slider-refugee3 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/01/greece-refugee-students-e1610562193931.png);
		background-size: cover;
		height: 540px;
		background-position-x: 50%;
		background-position-y: 56%;
	}

	.text-box-refugee3 {
		margin: 1rem;
		padding: 2.5rem;
	}

	.button-mobile-text {
		font-size: 90%;
		margin: 5px;
	}
}

/* Refugee Page 3 slide */

/* Hunger Page 2 slide */

.slider-hunger1 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2019/05/New-Project.jpg);
	background-size: cover;
	height: 540px;
}

.text-box-hunger1 {
	margin-left: 6rem;
	margin-top: 6rem;
}

.slider-hunger2 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2019/06/Yemen-Food-Packs-Girl-scaled.jpg);
	background-size: cover;
	height: 540px;
}

.text-box-hunger2 {
	margin-left: 4rem;
}

@media screen and (max-width: 600px) {
	.slider-hunger1 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2019/05/New-Project.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 65%;
		background-position-y: 56%;
	}

	.text-box-hunger1 {
		margin-left: 0rem;
		margin: 5rem 1rem 1rem 1rem;
	}

	.slider-hunger2 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2019/06/Yemen-Food-Packs-Girl-scaled.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 25%;
		background-position-y: 50%;
	}

	.text-box-hunger2 {
		margin: 1rem;
		padding: 1rem;
	}
}

/* Hunger Page 2 slide */

/*---------------Homepage slide ------------------*/

.slider-voice {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/05/freedom-refugee.jpg);
	background-size: cover;
	height: 540px;
}

.voice-text-family {
	font-family: "Lucida Handwriting";
}

.slider-covidResponse {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/03/corona-virus-food-drive-scaled.jpg);
	background-size: cover;
	height: 540px;
}

.covidResponse-mobile {
	visibility: hidden;
}

.slider-voice {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/02/kids-1093758_1280-e1613170503281.jpg);
	background-size: cover;
	height: 540px;
}

.slider-Fountain2 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/06/imageedit_1_7853196864.png);
	background-repeat: no-repeat;
	background-size: 450px 380px;
	/*background-position: center;*/
	background-color: rgba(252, 251, 247, 0.8);
	background-position-x: 25%;
	background-position-y: 56%;
}

.slider-childrenHome {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/10/baby-crying-children-scaled-e1608233366802.jpg);
	background-size: cover;
	height: 540px;
}

.text-box-childrenHome {
	margin-left: 6rem;
	margin-top: 6rem;
}

.slider-healthHome {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/12/health-cataract-doctor-check-1.jpg);
	background-size: cover;
	height: 540px;
}

.text-box-healthHome {
	margin-left: 6rem;
	margin-top: 6rem;
}

.slider-waterHome {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/12/children-drinking-water-scaled-1-e1608231500310.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 65%;
	background-position-y: 56%;
}

.text-box-waterHome {
	margin-left: 2rem;
	margin-top: 6rem;
	margin-right: 5rem;
}

.slider-covidHome {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/03/cc-e1608233616695.jpg);
	background-size: cover;
	height: 540px;
}

.text-box-covidHome {
	margin-left: 6rem;
	margin-top: 6rem;
}

.slider-yemenHome {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/12/children-eating-hunger-1.png);
	background-size: cover;
	height: 540px;
	background-position-x: 65%;
	background-position-y: 56%;
}

.slider-refugeeHome {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2019/04/IMG_0208-e1608233508998.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 65%;
	background-position-y: 56%;
}

.text-fountain {
	margin: 8rem;
}

.bg-lightWhite {
	background-color: rgba(255, 255, 255, 0.7);
}

.bg-xlightWhite {
	background-color: rgba(255, 255, 255, 0.55);
}

.slider-rohingyaHome {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/08/Rohingya.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 65%;
	background-position-y: 56%;
}

.text-box-rohingyaHome {
	margin-left: 2rem;
	margin-top: 6rem;
	margin-right: 5rem;
}

.sliderHurricaneide {
	background-image: url("https://www.embracerelief.org/wp-content/uploads/2021/08/hurricane-ida-disaster-2.jpg");
	height: 540px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.slider-afghanHome {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/09/afghanistan-refugee-usa.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 65%;
	background-position-y: 56%;
}

.slider-rohingya {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/09/rohingya-refugee-crisis.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 50%;
	background-position-y: 50%;
}

.slider-rountable {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2022/03/Roundtable-Discussion-.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 50%;
	background-position-y: 50%;
}

.slider-PakistaniHome {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2022/08/pakistan_flood_humanatarian_aid.jpg);
	background-size: cover;
	height: 540px;
}

@media screen and (max-width: 600px) {
	.slider-rountable {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2022/02/Roundtable-Discussion-1-1.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 20%;
		background-position-y: 50%;
	}

	.slider-voice {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/05/freedom-refugee.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 55%;
		background-position-y: 50%;
	}

	.slider-covidResponse {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/03/corona-virus-food-drive-scaled.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 30%;
		background-position-y: 56%;
	}

	.covidResponse-mobile {
		visibility: visible;
	}

	.slider-voice {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/02/kids-1093758_1280-e1613170503281.jpg);
		background-size: cover;
		height: 540px;
	}

	.slider-childrenHome {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/10/baby-crying-children-scaled-e1608233366802.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 65%;
		background-position-y: 56%;
	}

	.text-box-childrenHome {
		margin: 5rem 1rem 1rem 1rem;
	}

	.slider-healthHome {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/12/health-cataract-doctor-check-1.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 40%;
		background-position-y: 46%;
	}

	.text-box-healthHome {
		margin: 5rem 1rem 1rem 1rem;
	}

	.slider-waterHome {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/12/children-drinking-water-scaled-1-e1608231500310.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 40%;
		background-position-y: 46%;
	}

	.text-box-waterHome {
		margin: 5rem 1rem 1rem 0.5rem;
	}

	.slider-covidHome {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/03/cc-e1608233616695.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 40%;
		background-position-y: 46%;
	}

	.slider-Fountain2 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/06/imageedit_1_7853196864.png);
		background-repeat: no-repeat;
		height: 540px;
		/*background-position: center;*/
		background-color: rgba(252, 251, 247, 0.8);
		background-position-x: 25%;
		background-position-y: 56%;
	}

	.text-fountain {
		margin: 1rem;
	}

	.text-box-covidHome {
		margin: 1rem;
	}

	.text-Yemen {
		margin: 0.5rem;
	}

	.button-Yemen {
		font-size: 70%;
	}

	.text-Refugee {
		margin: 0.5rem;
	}

	.slider-rohingyaHome {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/07/ROHINGYA-REFUGEE-FOOD-CRISIS-2.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 40%;
		background-position-y: 46%;
	}

	.text-box-rohingyaHome {
		margin: 5rem 1rem 1rem 0.5rem;
	}
}

.water_approach_card {
	background-color: #1abfc7;
	height: 380px;
	text-align: center;
	padding: 30px 20px;
	color: white;
	border-radius: 10px;
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-top: 30px;
}

.water_approach_card i {
	font-size: 4.5rem;
	margin-top: 25px;
}

@media only screen and (max-width: 600px) {
	.water_approach_card {
		height: 300px;
	}
}

/*---------------Homepage slide ------------------*/

/*      Adopt a Refugee Family Slide   */

.slider-adopt1 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/07/Refugee-Family.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 90%;
	background-position-y: 60%;
}

.text-box-adopt1 {
	margin-left: 2rem;
}

@media screen and (max-width: 600px) {
	.slider-adopt1 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/12/Refugee-Family.jpeg);
		background-size: cover;
		height: 580px;
		background-position-x: 50%;
		background-position-y: 20%;
	}

	.slider-adopt1 p {
		font-size: 14px;
	}

	.text-box-adopt1 {
		margin: 1rem;
		padding: 2.5rem;
	}
}

/*      Adopt a Refugee Family Slide   */

/*     Clean Water Page Slide   */

.bg-fountain {
	background-color: rgb(140, 211, 216);
}

.ffimage {
	display: none;
}

.fountain-text {
	padding: 6rem 11rem 5rem 5rem;
}

.fountain-text h2 {
	padding-bottom: 2rem;
}

.text-box-water1 {
	margin-left: 2rem;
}

.slider-water1 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2018/10/clean-water_00002-scaled.jpg);
	background-size: cover;
	height: 540px;
}

.button-water-text2 {
	font-size: 60%;
	padding: 7px 16px 7px 16px;
	margin-bottom: 5px;
}

.fountain-button {
	width: 318px;
}

.fountain-logo {
	width: 13% !important;
}

.cost_card {
	height: 680px;
	background-color: #20bdc7;
	color: white;
	box-sizing: border-box;
	width: 100%;
	padding-top: 20px;
	border-radius: 20px;
}

.cost_card .text_head {
	font-size: 1.3rem;
	font-weight: 700;
	background-color: #5a9ea2;
	width: 100%;
	padding: 5px 10px 5px 85px;
	margin-top: 20px;
}

.cost_card .text {
	font-size: 1rem;
	padding: 0px 10px 0px 50px;
	font-weight: 500;
	margin-top: 5px;
}

.cost_card .text_head_main {
	font-size: 3rem;
	font-weight: 700;
	padding: 0px 10px 10px 50px;
	background-color: #77cbd3;
}

.float-child {
	width: 90%;
	float: right;
}

@media only screen and (max-width: 600px) {
	.cost_card {
		margin-top: 20px;
		height: 580px;
	}

	.cost_card .text_head_main {
		font-size: 2.4rem;
	}

	.cost_card .text_head {
		padding: 5px 10px 5px 40px;
	}
}

@media screen and (max-width: 600px) {
	.slider-water1 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2018/10/clean-water_00002-scaled.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 65%;
		background-position-y: 56%;
	}

	.centerItems {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.fountain-text {
		padding: 1.5rem;
		font-size: 14px;
	}

	.ffimage {
		display: inherit;
		background-image: url("//www.embracerelief.org/wp-content/uploads/2020/12/fountains-of-hope-logo.png");
		height: 200px;
	}

	.fountain-text h2 {
		font-size: 20px;
		padding-bottom: 1rem;
	}

	.fountain-text-button {
		font-size: 14px;
	}

	.text-box-water1 {
		margin: 1rem;
	}

	.fountain-button {
		width: 233px;
	}

	.fountain-logo {
		width: 50% !important;
	}
}

/*     Clean Water Page Slide   */

/*     Children Page Slide   */

.slider-children1 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/01/Children-Mosaic-Background-1.jpg);
	background-size: cover;
	height: 570px;
}

.slider-children2 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/07/children-slide-.jpg);
	background-size: cover;
	height: 570px;
}

.slider-children3 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2022/04/orphanage-children-support-africa.jpg);
	background-size: cover;
	height: 570px;
}
.slider-bg-new {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/01/children-smiling-embraca-volunteer-scaled.jpg);
	background-position: center;
}

.text-box-children1 {
	margin: 1rem 1rem 1rem 5rem;
}

@media screen and (max-width: 600px) {
	.slider-children1 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2018/10/clean-water_00002-scaled.jpg);
		background-size: cover;
		height: 570px;
		background-position-x: 65%;
		background-position-y: 56%;
	}

	.slider-children1 p {
		font-size: 14px;
	}

	.slider-children2 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/07/Children-Web-2-1-2.jpg);
		background-size: cover;
		height: 570px;
		background-position-x: 65%;
		background-position-y: 56%;
	}

	.slider-children3 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2022/04/orphanage-children-support-africa.jpg);
		background-size: cover;
		height: 570px;
		background-position-x: 65%;
		background-position-y: 56%;
	}

	.text-box-children1 {
		margin: 1rem;
	}
}

/*     Children Page Slide   */

/*     Disaster Relief Page Slide   */

.slider-disaster1 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/12/new-orleans-tornado-flood.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 65%;
	background-position-y: 65%;
}

.slider-disaster2 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/08/banner_disaster_relief.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 65%;
	background-position-y: 15%;
}

.text-box-disaster2 {
	margin-left: 6rem;
}

.button-mobile-text-disaster {
	font-size: 80%;
}

@media screen and (max-width: 600px) {
	.slider-disaster1 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2017/12/171030-puerto-rico-hurricane-maria-sg-1315_e96f73f39ab60925a843eede4ad2b557-scaled.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 65%;
		background-position-y: 56%;
	}

	.slider-disaster2 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/08/banner_disaster_relief.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 25%;
		background-position-y: 50%;
	}

	.text-box-disaster2 {
		margin: 1rem;
		padding: 2.5rem;
	}

	.button-mobile-text-disaster {
		font-size: 80%;
	}

	.stronger-image {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/03/stronger-together-donation-form.jpg);
		height: 340px;
	}
}

/*     Disaster Relief Page Slide   */

/*   Slides    */

/*   Mobile Margin-Padding Settings    */

/*   if mx-5 is not ok  for media   */
.mmx-5 {
	margin-left: 3rem;
	margin-right: 3rem;
}

/*   if px-5 is not ok for  media   */
.mpx-5 {
	padding-left: 3rem;
	padding-right: 3rem;
}

/*   if mt-5 is not ok for  web   */
.mtm-5 {
	margin-top: 1rem;
}

.mpr-5 {
	margin-right: 4rem;
}

@media screen and (max-width: 600px) {
	.mmx-5 {
		margin-left: 1rem;
		margin-right: 1rem;
	}

	.mpx-5 {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.mtm-5 {
		margin-top: 3rem;
	}

	.mpr-5 {
		margin-right: 0rem;
	}
}

/*   Mobile Margin-Padding Settings    */

/*   Our Work Page    */

.row1 {
	display: flex;
	flex-wrap: wrap;
	padding: 0 4px;
	border: 200px;
}

/* Create four equal columns that sits next to each other */
.column {
	flex: 33%;
	max-width: 33%;
	padding: 0 4px;
}

.column img {
	margin-top: 8px;
	vertical-align: middle;
	width: 100%;
}

.whereImage {
	background-image: url("https://www.embracerelief.org/wp-content/uploads/2021/08/map-location-embrace-relief.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	height: 500px;
}

.sustainableImage {
	background-image: url("https://www.embracerelief.org/wp-content/uploads/2021/04/FOOD-PACKAGE-scaled.jpg");
	background-repeat: no-repeat;
	background-position: center;
	height: 800px;
	object-fit: cover;
	background-position: 80% 24%;
}

.sustainableText {
	font-size: 1.75rem;
	text-shadow: 2px 2px 4px black;
	color: white !important;
}

.sustainableHeader {
	font-size: 20px;
	text-shadow: 2px 2px 4px black;
	color: white;
}

.sustainableIcon {
	height: 100px;
}

.zoom {
	transition: transform 0.2s;
	/* Animation */
}

.zoom:hover {
	transform: scale(1.02);
	/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
	.column {
		flex: 50%;
		max-width: 50%;
	}
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	.column {
		flex: 100%;
		max-width: 100%;
	}

	.sustainableImage {
		background-image: url("https://www.embracerelief.org/wp-content/uploads/2020/01/children-smiling-embraca-volunteer-scaled.jpg");
		background-size: contain;
		background-repeat: no-repeat;
		background-position-x: 30%;
		background-position-y: 10%;
	}

	.sustainableText {
		font-size: 1rem;
		text-shadow: 2px 2px 4px black;
		color: white !important;
	}

	.sustainableIcon {
		height: 50px;
	}

	.sustainableHeader {
		font-size: 16px;
		text-shadow: 2px 2px 4px black;
		color: white;
	}

	.whereImage {
		background-image: url("https://www.embracerelief.org/wp-content/uploads/2021/08/map-location-embrace-relief.jpg");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		height: 200px;
	}
}

/*   Our Work Page    */

/* --- Adopt a Refugee Family ----   */

.adaptImage {
	background-image: url("https://www.embracerelief.org/wp-content/uploads/2019/04/IMG_0232-scaled.jpg");
	background-repeat: no-repeat;
	background-position: center;
	height: 580px;
}

@media screen and (max-width: 600px) {
	.adaptImage {
		background-image: url("https://www.embracerelief.org/wp-content/uploads/2019/04/IMG_0232-scaled.jpg");
		background-repeat: no-repeat;
		background-position: center;
		height: 900px;
	}
}

/* --- Adopt a Refugee Family ----   */

.slider-covid19response {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/03/IMG_8805-scaled-e1615303128144.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 40%;
	background-position-y: 46%;
}

.text-box-covid19response {
	margin-left: 6rem;
	margin-top: 6rem;
}

@media screen and (max-width: 600px) {
	.slider-covid19response {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/03/IMG_8805-scaled-e1615303128144.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 40%;
		background-position-y: 46%;
	}

	.text-box-covid19response {
		margin: 5rem 1rem 1rem 1rem;
	}
}

/* --- Adopt a Refugee Family ----   */

/* ---Fountain of Hope Page Slider ----   */

.fountain-image {
	background-image: url("https://www.embracerelief.org/wp-content/uploads/2020/12/fountains-of-hope.png");
	background-repeat: no-repeat;
	background-position: center center;

	background-size: contain;
	height: 495px;
}

.bg-turquois {
	background-color: #1dc8cc;
}

.textFoh {
	margin: 3.5rem;
}

.textFoh p {
	margin-top: 2rem;
	font-size: 20px;
}

.textFoh .btn {
	margin-top: 1rem;
}

.hideDesktop {
	display: none;
}

@media screen and (max-width: 600px) {
	.textFoh {
		margin: 1rem;
	}

	.textFoh p {
		margin-top: 1rem;
		font-size: 18px;
	}

	.textFoh .btn {
		margin-top: 0rem;
	}

	.hideDesktop {
		display: inline;
	}
}

/* ---Fountain of Hope Page Slider ----   */

/* ---Health Check-ups Slider ----   */

.slider-healthCheckup {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/10/doctor-health-check-up-1-scaled.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 90%;
	background-position-y: 60%;
}

.text-box-healthCheckup {
	margin-left: 3rem;
}

@media screen and (max-width: 600px) {
	.slider-healthCheckup {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/10/doctor-health-check-up-1-scaled.jpg);
		background-size: cover;
		height: 580px;
		background-position-x: 10%;
		background-position-y: 20%;
	}

	.text-box-healthCheckup {
		margin: 1rem;
		padding: 2rem;
	}
}

/* ---Health Check-ups Slider ----   */

/* -Women Empowerments--Young Women Higher Education Slide ----   */

.slider-youngWomen {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2019/01/womens-and-girls-empowerment-20181117_122553-scaled.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 65%;
	background-position-y: 15%;
}

.text-box-youngerWomen {
	margin-left: 5rem;
}

@media screen and (max-width: 600px) {
	.slider-youngWomen {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2019/01/womens-and-girls-empowerment-20181117_122553-scaled.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 65%;
		background-position-y: 15%;
	}

	.text-box-youngerWomen {
		margin: 1rem;
	}
}

/* -Women Empowerments--Young Women Higher Education Slide ----   */

/* -Women Empowerments--Educational Leadership
& Management Training Slide ----   */

.slider-educationWomen {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/09/women-empowerment-38-scaled.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 65%;
	background-position-y: 15%;
}

.text-box-educationWomen {
	margin-left: 5rem;
}

@media screen and (max-width: 600px) {
	.slider-educationWomen {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/09/women-empowerment-38-scaled.jpg);
		background-size: cover;
		height: 570px;
		background-position-x: 65%;
		background-position-y: 15%;
	}

	.text-box-educationWomen {
		margin: 1rem;
	}
}

/* -Women Empowerments--Educational Leadership
& Management Training Slide ----   */

/* ---English Learning Courses for Refugees ----   */

.slider-englishLearning {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2018/02/20151030_Syrians_and_Iraq_refugees_arrive_at_Skala_Sykamias_Lesvos_Greece_121-e1552494540230.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 90%;
	background-position-y: 60%;
}

.text-box-englishLearning {
	margin-left: 3rem;
	padding: 2rem;
}

.bg-refugeeGirl {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/02/Sad-Girl-Alone-.jpg);
	background-size: cover;
	height: 500px;
	background-repeat: no-repeat;
	background-position: center;
}

.refugeeGirl-text {
	display: none;
}

@media screen and (max-width: 600px) {
	.slider-englishLearning {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2018/02/20151030_Syrians_and_Iraq_refugees_arrive_at_Skala_Sykamias_Lesvos_Greece_121-e1552494540230.jpg);
		background-size: cover;
		height: 610px;
		background-position-x: 50%;
		background-position-y: 20%;
	}

	.text-box-englishLearning {
		margin: 1rem;
		padding: 1rem;
	}

	.button-mobile-text-englishLearning1 {
		padding-right: 30px;
		padding-left: 30px;
		margin-bottom: 10px;
	}

	.bg-refugeeGirl {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/02/Sad-Girl-Alone-.jpg);
		background-size: cover;
		height: 550px;
		background-repeat: no-repeat;
		background-position: 80% 90%;
	}

	.refugeeGirl-text {
		display: inline;
	}

	.refugeeGirl-text p {
		font-size: 1.5rem;
		text-shadow: 2px 2px 4px black;
		color: white;
	}
}

/* ---English Learning Courses for Refugees ----   */

/* ---GroupFundraising Slider ----   */

.slider-groupFund {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2019/02/Start-a-Chapter-scaled.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 65%;
	background-position-y: 15%;
}

.text-box-groupFund {
	padding: 3rem;
	margin-left: 4rem;
}

@media screen and (max-width: 600px) {
	.slider-groupFund {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2019/02/Start-a-Chapter-scaled.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 65%;
		background-position-y: 15%;
	}

	.text-box-groupFund {
		padding: 3rem;
		margin: 1rem;
	}

	.button-mobile-text-groupFund {
		font-size: 70%;
	}
}

/* ----GroupFundraising Slider ----   */

/* ---Sustainable Development Parts----   */
.sustainable2 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/07/sdg-goal-2-zero-hunger.png);
	background-size: contain;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 90% 50%;
}

.sustainable3 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2019/02/sdg-goal-3-good-health-and-well-being.png);
	background-size: contain;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 90% 50%;
}

.sustainable4 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/07/sdg-goal-4-quality-education_r.png);
	background-size: contain;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 90% 50%;
}

.sustainable5 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2019/02/sdg-goal-5-gender-equality-v2.png);
	background-size: contain;
	height: 150px;
	background-repeat: no-repeat;
	background-position: 90% 50%;
}

.sustainable6 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2019/02/sdg-goal-6-clean-water-and-sanitation-v2.png);
	background-size: contain;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 90% 50%;
}

/* ---Sustainable Development Parts----   */

/*health page*/
.health-box {
	padding-bottom: 30px;
}

.health-box .card {
	border: 0;
	min-height: 330px;
	margin-bottom: 1rem;
}

.health-box .card h5 {
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 30px;
	color: #394d57;
}

.health-box .card p {
	font-weight: 300;
	color: #74858d;
}

.health-box .card p strong {
	font-weight: 700;
}

.health-box .card .rise-card-icon {
	background-color: #cfecfe;
	font-size: 32px;
	width: 80px;
	color: #316ce8;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	margin: 0;
	border-radius: 100%;
}

.health-box .card2 {
	border: 0;
	min-height: 330px;
	background-color: #ffffff;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.health-box .card2 h5 {
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 30px;
	color: #394d57;
}

.health-box .card2 p {
	font-weight: 300;
	color: #74858d;
}

.health-box .card2 p strong {
	font-weight: 700;
}

.health-box .card2 .rise-card-icon {
	background-color: #cfecfe;
	font-size: 32px;
	width: 80px;
	color: #316ce8;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	margin: 0;
	border-radius: 100%;
}

/*health page*/

/*children page*/
.children-box {
	padding-bottom: 30px;
}

.children-box .card {
	border: 0;
	min-height: 290px;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.children-box .card h5 {
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 30px;
	color: #394d57;
}

.children-box .card p {
	font-weight: 300;
	color: #74858d;
	font-size: 0.85rem;
}

.children-box .card p strong {
	font-weight: 700;
}

.children-box .card .rise-card-icon {
	background-color: #cfecfe;
	font-size: 32px;
	width: 80px;
	color: #316ce8;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	margin: 0;
	border-radius: 100%;
}

/*children page*/

/*clean-water page*/
.water-box {
	padding-bottom: 30px;
}

.water-box .card {
	border: 0;
	min-height: 370px;
	margin-bottom: 30px;
}

.water-box .card h5 {
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 30px;
	color: #394d57;
}

.water-box .card p {
	font-weight: 300;
	color: #74858d;
	font-size: 0.85rem;
}

.water-box .card p strong {
	font-weight: 700;
}

.water-box .card .rise-card-icon {
	background-color: #cfecfe;
	font-size: 32px;
	width: 80px;
	color: #316ce8;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	margin: 0;
	border-radius: 100%;
}

/*clean-water page*/

/*refugee-relief page*/
.refugee-image {
	background: url("https://www.embracerelief.org/wp-content/uploads/2018/09/refugee-relief_00004.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.refugee-box .card {
	border: 0;
	min-height: 330px;
	margin-bottom: 30px;
}

.refugee-box .card h5 {
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 30px;
	color: #394d57;
}

.refugee-box .card p {
	font-weight: 300;
	color: #74858d;
	min-height: 80px;
}

.refugee-box .card p strong {
	font-weight: 700;
}

.refugee-box .card .rise-card-icon {
	background-color: #cfecfe;
	font-size: 32px;
	width: 80px;
	color: #316ce8;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	margin: 0;
	border-radius: 100%;
}

.refugee-box .card2 {
	border: 0;
	min-height: 250px;
	background-color: #ffffff;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}

.refugee-box .card2 h5 {
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 30px;
	color: #394d57;
}

.refugee-box .card2 p {
	font-weight: 300;
	color: #74858d;
}

.refugee-box .card2 p strong {
	font-weight: 700;
}

.refugee-box .card2 .rise-card-icon {
	background-color: #cfecfe;
	font-size: 32px;
	width: 80px;
	color: #316ce8;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	margin: 0;
	border-radius: 100%;
}

/*end of refugee-relief page*/

/*hunger-relief page*/

.hunger-box .card {
	border: 0;
	min-height: 310px;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.hunger-box .card h5 {
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 30px;
	color: #394d57;
}

.hunger-box .card p {
	font-weight: 300;
	color: #74858d;
}

.hunger-box .card p strong {
	font-weight: 700;
}

.hunger-box .card .rise-card-icon {
	background-color: #cfecfe;
	font-size: 32px;
	width: 80px;
	color: #316ce8;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	margin: 0;
	border-radius: 100%;
}

.cardHunger {
	width: 300px;
	height: 225px;
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
	display: grid;
	grid-template-rows: 1fr 1fr;
	transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
	cursor: pointer;
}

.cardHunger:hover {
	transform: scale(1.1, 1.1);
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);
}

.cardHunger:hover img {
	transform: translateY(-20px);
}

.cardHunger img {
	height: 110%;
	position: absolute;
	top: 0;
	z-index: -1;
	transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.cardHunger h3 {
	color: white;
	font-size: 30px;
	position: absolute;
	bottom: 0px;
	text-shadow: 2px 2px 4px black;
}

.cardGroup {
	margin: 50px 40px 100px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 40px;
	justify-items: center;
}

@media (max-width: 1060px) {
	.cardGroup {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 720px) {
	.cardGroup {
		grid-template-columns: repeat(1, 1fr);
	}
}

/*end of hunger-relief page*/

/*disaster-relief page*/
.disaster-box {
	padding-bottom: 30px;
}

.disaster-box .card {
	border: 0;
	min-height: 355px;
	margin-bottom: 30px;
}

.disaster-box .card h5 {
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 30px;
	color: #394d57;
}

.disaster-box .card p {
	font-weight: 300;
	color: #74858d;
}

.disaster-box .card p strong {
	font-weight: 700;
}

.disaster-box .card .rise-card-icon {
	background-color: #cfecfe;
	font-size: 32px;
	width: 80px;
	color: #316ce8;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	margin: 0;
	border-radius: 100%;
}

.stronger-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/03/stronger-together-donation-form.jpg);
}

/*end of disaster-relief page*/

/*cataract page*/
.cataract-box {
	padding-bottom: 30px;
}

.cataract-box .card {
	border: 0;
	min-height: 340px;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.cataract-box .card h5 {
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 30px;
	color: #394d57;
}

.cataract-box .card p {
	font-weight: 300;
	color: #74858d;
}

.cataract-box .card p strong {
	font-weight: 700;
}

.cataract-box .card .rise-card-icon {
	background-color: #cfecfe;
	font-size: 32px;
	width: 80px;
	color: #316ce8;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	margin: 0;
	border-radius: 100%;
}

.cataract-box .card2 {
	border: 0;
	min-height: 600px;
	background-color: #ffffff;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.cataract-box .card2 h5 {
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 30px;
	color: #394d57;
}

.cataract-box .card2 p {
	font-weight: 300;
	color: #74858d;
}

.cataract-box .card2 p strong {
	font-weight: 700;
}

.cataract-box .card2 .rise-card-icon {
	background-color: #cfecfe;
	font-size: 32px;
	width: 80px;
	color: #316ce8;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	margin: 0;
	border-radius: 100%;
}

.cataract-help p {
	font-weight: 300;
	color: #74858d;
	font-size: 0.85rem;
}

.cataract-box .col-6 .rise-card-icon {
	background-color: #cfecfe;
	font-size: 32px;
	width: 80px;
	color: #316ce8;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	margin: 0;
	border-radius: 100%;
}

/*cataract page*/

/*Embrace Relief’s Response to Covid-19 page*/
.covid-box {
	padding-bottom: 30px;
}

.covid-box .card {
	border: 0;
	min-height: 245px;
	margin-top: 0.5rem;
}

.covid-box .card h5 {
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 30px;
	color: #394d57;
}

.covid-box .card p {
	font-weight: 300;
}

.covid-box .card p strong {
	font-weight: 700;
}

.covid-box .card .rise-card-icon {
	background-color: #cfecfe;
	font-size: 32px;
	width: 80px;
	color: #316ce8;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	margin: 0;
	border-radius: 100%;
}

.bg-deltavirus {
	background-image: url("https://www.embracerelief.org/wp-content/uploads/2021/09/corona-virus-delta-variant.jpeg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 580px;
}

@media screen and (max-width: 600px) {
	.bg-deltavirus {
		background-image: url("https://www.embracerelief.org/wp-content/uploads/2021/09/corona-virus-delta-variant.jpeg");
		background-repeat: no-repeat;
		background-size: cover;
		height: 1200px;
	}
}

/*Embrace Relief’s Response to Covid-19 page*/

/*Become a Volunteer  page*/
.slider-volunteer {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2017/12/mainphoto-e1513842469283.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 40%;
	background-position-y: 46%;
}

.text-box-volunteer {
	margin: 3rem;
}

/*Become a Volunteer  page*/

/*Become a Partner  page*/
.slider-partner {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/03/embrace-volunteers.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 40%;
	background-position-y: 46%;
}

.text-box-partner {
	margin: 3rem;
}

.partner-header {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px 10px;
	background: inherit;
	background-attachment: fixed;
}

.partner-header::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	background-attachment: fixed;
	-webkit-filter: blur(12px);
	filter: blur(12px);
	transform: scale(2) translateY(20px);
}

.partner-header>h1 {
	margin: 0;
	color: white;
	position: relative;
	z-index: 1;
}

.zoomImg {
	height: 200px;
	border: 1px solid black;
	border-radius: 50%;
}

.zoomImg:hover {
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 60px #ccc;
	height: 205px;
	/*zoom:103%;*/
}

.bg-water-partner {
	background-color: #0b89ce;
	transform: skew(-20deg);
}

.bg-disaster-partner {
	background-color: #f57f25;
	transform: skew(-20deg);
}

.bg-education-partner {
	background-color: #01a767;
	transform: skew(-20deg);
}

.bg-cataract-partner {
	background-color: #552c8a;
	transform: skew(-20deg);
}

.bg-women-partner {
	background-color: #ee368e;
	transform: skew(-20deg);
}

.partner-text1 {
	color: white;
	margin-bottom: 0px;
	padding: 5px;
	transform: skew(20deg);
	font-size: 24px;
}

@media screen and (max-width: 600px) {
	.text-box-partner {
		margin: 1rem;
	}
}

/*Become a Partner  page*/

/*Cataract  page*/
.slider-Cataract {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/10/health-cataract1.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 40%;
	background-position-y: 46%;
}

.text-box-Cataract {
	margin: 3rem;
}

.vimeo {
	height: 400px;
	width: 650px;
}

@media screen and (max-width: 600px) {
	.text-box-Cataract {
		margin: 1rem;
	}

	.slider-Cataract {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2020/10/health-cataract1.jpg);
		background-size: cover;
		height: 540px;
		background-position-x: 80%;
		background-position-y: 46%;
	}

	.vimeo {
		height: 200px;
		width: 650px;
	}
}

/*Cataract  page*/

/*Mali Medical Center  page*/
.slider-Malimedical {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/12/mali-medical-center.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 40%;
	background-position-y: 46%;
}

.text-box-Malimedical {
	margin: 3rem;
}

@media screen and (max-width: 600px) {
	.text-box-Malimedical {
		margin: 1rem;
	}
}

/*Mali Medical Center  page*/

/*Emergency Housing  page*/

.slider-ehousing {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2019/11/Greece-Refugees-Gate.png);
	background-size: cover;
	height: 540px;
	background-position-x: 70%;
	background-position-y: 46%;
}

.text-box-ehousing {
	margin: 3rem;
}

@media screen and (max-width: 600px) {
	.text-box-ehousing {
		margin: 1rem;
	}
}

/*Emergency Housing  page*/

/*Our Approach Page  page*/
.slider-ourApproach {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/09/embrace-relief-partnership-1.jpg);
	background-size: cover;
	height: 640px;
	background-position-x: 50%;
	background-position-y: 50%;
}

/*Our Approach Page  page*/
/*  ACT-US     */

.actus-box {
	padding-bottom: 30px;
}

.actus-box .card {
	border: 0;
	min-height: 290px;
}

.actus-box .card h5 {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 30px;
	color: #394d57;
}

.actus-box .card p {
	font-weight: 300;
	color: #74858d;
	font-size: 0.85rem;
}

.actus-box .card p strong {
	font-weight: 700;
}

.actus-box .card .rise-card-icon {
	background-color: #cfecfe;
	font-size: 32px;
	width: 80px;
	color: #316ce8;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	margin: 0;
	border-radius: 100%;
}

.actus-apps {
	padding-bottom: 30px;
}

.actus-apps .card {
	border: 0;
	min-height: 200px;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.actus-apps .card h5 {
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 30px;
	color: #394d57;
}

.actus-apps .card p {
	font-weight: 300;
	color: #74858d;
	font-size: 0.85rem;
}

.actus-apps .card p strong {
	font-weight: 700;
}

.actus-apps .card .rise-card-icon {
	background-color: #cfecfe;
	font-size: 32px;
	width: 80px;
	color: #316ce8;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	margin: 0;
	border-radius: 100%;
}

.img-actus {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2019/06/ICT-Blog.jpg);
}

/*  ACT-US     */

/* Logo Brochure page */
.logo-brochure .card {
	background-color: #f7f7f7;
	border: none;
	height: 270px;
}

.logo-brochure .card p {
	height: 100px;
}

.logo-brochure .card .card-header h2 {
	margin-top: 0;
}

/* Logo Brochure page */

/* End of the Year 2021 Page */
.slider-endYear {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/10/Donate-for-people-year-end-giving.jpg);
	background-size: cover;
	height: 540px;
	background-position-x: 40%;
	background-position-y: 46%;
}

.text-on-img {
	color: white;
	text-shadow: 2px 2px 3px black;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -1025%);
	z-index: 2;
	width: 80%;
	padding: 20px;
	text-align: center;
}

.sliderHeading {
	color: white;
	text-shadow: 2px 2px 3px black;
}

.col-Water {
	height: 300px;
	background: url(https://www.embracerelief.org/wp-content/uploads/2021/10/african-children-use-water-well-for-clean-water.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 370px;
	transition: all 0.7s;
	margin-left: 10px;
	align-items: center;
	border-radius: 5px;
	margin-top: 10px;
}

.col-Water:hover {
	transition: all 1s;
	background-size: 400px;
}

.col-Yemen {
	height: 300px;
	background: url(https://www.embracerelief.org/wp-content/uploads/2021/10/Food-Distribution-Yemen.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 370px;
	transition: all 0.7s;
	margin-left: 10px;
	align-items: center;
	border-radius: 5px;
	margin-top: 10px;
}

.col-Yemen:hover {
	transition: all 1s;
	background-size: 400px;
}

.col-Greece {
	height: 300px;
	background: url(https://www.embracerelief.org/wp-content/uploads/2021/10/refugee-in-Greece.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 370px;
	transition: all 0.7s;
	margin-left: 10px;
	align-items: center;
	border-radius: 5px;
	margin-top: 10px;
}

.col-Greece:hover {
	transition: all 1s;
	background-size: 400px;
}

.col-Children {
	height: 300px;
	background: url(https://www.embracerelief.org/wp-content/uploads/2021/10/tanzanian-children-oeducation-support.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 370px;
	transition: all 0.7s;
	margin-left: 10px;
	align-items: center;
	border-radius: 5px;
	margin-top: 10px;
}

.col-Children:hover {
	transition: all 1s;
	background-size: 400px;
}

.col-Hunger {
	height: 300px;
	background: url(https://www.embracerelief.org/wp-content/uploads/2021/10/usa-food-support.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 370px;
	transition: all 0.7s;
	margin-left: 10px;
	align-items: center;
	border-radius: 5px;
	margin-top: 10px;
}

.col-Hunger:hover {
	transition: all 1s;
	background-size: 400px;
}

.endYemen {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/10/Yemen-Food-support.jpg);
	background-size: cover;
	background-position-x: 40%;
	background-position-y: 46%;
	height: 380px;
	border-radius: 5px;
}

.endWater {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/10/clean-water-for-african.jpg);
	background-size: cover;
	background-position-x: 40%;
	background-position-y: 46%;
	height: 380px;
	border-radius: 5px;
}

.endGreece {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/10/refugee-relief-greece.jpg);
	background-size: cover;
	background-position-x: 40%;
	background-position-y: 46%;
	height: 380px;
	border-radius: 5px;
}

.endChildren {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/10/children-education-support-in-Africa.jpg);
	background-size: cover;
	background-position-x: 40%;
	background-position-y: 46%;
	height: 380px;
	border-radius: 5px;
}

.endHunger {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2021/10/Hillsborough-Township-Social-Services-Department-food-Distribution.jpg);
	background-size: cover;
	background-position-x: 40%;
	background-position-y: 46%;
	height: 380px;
	border-radius: 5px;
}

@media screen and (max-width: 600px) {
	.text-on-img {
		color: white;
		text-shadow: 2px 2px 3px black;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -1820%);
		z-index: 2;
		width: 80%;
		padding: 20px;
		text-align: center;
	}
}

.countdown {
	text-transform: uppercase;
	font-weight: bold;
}

.countdown span {
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	font-size: 2rem;
	margin-left: 0.8rem;
}

.countdown span:first-of-type {
	margin-left: 0;
}

.bg-gradient-4 {
	background: #007991;
	background: -webkit-linear-gradient(to right, #007991, #78ffd6);
	background: linear-gradient(to right, #007991, #78ffd6);
}

.rounded {
	border-radius: 1rem !important;
}

/* End of the Year 2021 Page */

/* Rountable Discussion Series */
.event_box {
	background-color: whitesmoke;
	border: 1px solid #e6e6e6;
	padding: 30px;
}

.solid {
	border-top: 3px solid #bbb;
	margin: 0px !important;
}

.event_box p {
	margin-bottom: 5px !important;
}

.event_box h3 {
	background-color: rgb(253, 183, 28);
	padding: 10px;
	color: white;
}

.round_banner {
	position: relative;
}

.round_banner2 {
	display: none;
}

.round_image {
	height: 400px;
}

.round_banner h2 {
	position: absolute;
	top: 300px;
	margin: 20px;
	color: red;
}

.round_banner h3 {
	position: absolute;
	top: 150px;
	margin: 30px;
	color: red;
	font-size: 30px;
	line-height: 1.3;
}

/* @media screen and (min-width: 1200px) {
	.round_banner h2 {
		position: absolute;
		top: 180px;
		margin: 20px;
		color: red;
		font-size: 15px;
	}
	.round_banner h3 {
		position: absolute;
		top: 90px;
		margin: 30px;
		color: red;
		font-size: 30px;
		line-height: 1.3;
		font-size: 15px;
	}
} */
@media screen and (min-width: 1024px) and (max-width: 1200px) {
	.round_banner h2 {
		position: absolute;
		top: 250px;
		margin: 20px;
		color: red;
		font-size: 20px;
	}

	.round_banner h3 {
		position: absolute;
		top: 120px;
		margin: 30px;
		color: red;
		font-size: 30px;
		line-height: 1.3;
		font-size: 25px;
	}
}

@media screen and (max-width: 768px) {
	.round_banner {
		display: none;
	}
	.justify-content-center-md {
		justify-content: center;
	}

	.round_banner2 {
		display: block;
		position: relative;
		display: inline-block;
	}

	.round_banner2 h2 {
		position: absolute;
		bottom: 0%;

		color: red;
	}

	.round_banner2 h3 {
		position: absolute;
		top: 250px;
		margin: 30px;
		color: red;
		font-size: 20px;
		line-height: 1.3;
	}
}

/*  Rountable Discussion Series */

.relative_image {
	position: relative;
}

.relative_image a {
	position: absolute;
	top: 400px;
	left: 500px;
}

@media screen and (max-width: 768px) {
	.relative_image a {
		position: absolute;
		top: 200px;
		left: 300px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.relative_image a {
		position: absolute;
		top: 200px;
		left: 300px;
	}
}

/*Ramadan*/

.slider_ramadan22 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2022/03/Ramadan-International-Hunger-Relief.jpg);
	background-position: cover;
	height: 540px;
}

.slider_ramadan22 h2 {
	font-size: 3rem;
	color: #ea7835;
	text-align: right;
}

.slider_ramadan22 p {
	color: #59c8da;
	font-size: 3 rem !important;
}

@media screen and (max-width: 768px) {
	.slider_ramadan22 {
		background-image: url(https://www.embracerelief.org/wp-content/uploads/2022/03/Ramadan-international-hunger-relief-ramadan.jpg);
		background-position: cover;
		height: 540px;
		text-align: center !important;
	}

	.slider_ramadan22 h2 {
		font-size: 3rem;
		color: #1a7be5;
		text-align: center;
		margin-top: auto !important;
		margin-bottom: auto !important;
		color: white;
	}

	.slider_ramadan22 p {
		color: white;
	}

	.bg-mobil {
		background-color: #1f1e1e88;
		color: white;
		border-radius: 10px;
		margin: 3rem;
		padding: 10px;
	}
}

.card_row {
	display: flex;
	flex-direction: row;
}

.card_row .card_flex {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 25%;
	margin: 0.2rem;
}

.card_row .card_flex img {
	height: auto;
}

.card_row .card_flex img:hover {
	transform: scale(1.05);
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
	transition: 0.4s ease-in-out;
}

.card_row .card_flex a {
	position: absolute;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.card_row {
		flex-direction: column;
	}

	.card_row .card_flex {
		width: 50%;
	}
}

@media only screen and (max-width: 768px) {
	.card_row {
		flex-direction: column;
	}

	.card_row .card_flex {
		width: 100%;
	}
}

/*Ramadan*/

.bg_round_image {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2022/03/Roundtable-Slider-Live-.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 540px;
	position: relative;
}

.live_buttons {
	position: absolute;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	gap: 10px;
	margin-left: -10%;
}

.live_buttons a img {
	max-width: 50px;
}

.bg_round_image1 {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2022/03/Roundtable-Slider-Live-.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	position: relative;
	background-position-x: 65%;
}

.live_buttons1 {
	position: absolute;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	gap: 10px;
	margin-left: -10%;
}

.live_buttons1 a img {
	max-width: 40px;
}

.bg_home_walkathon {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2022/03/5k-walkathon.jpg);
	background-repeat: no-repeat;
	height: 540px;
	background-size: cover;
}

@media only screen and (max-width: 768px) {
	.bg_home_walkathon {
		background-position-x: 55%;
		height: 540px;
	}
}

.walkathon_home_banner {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2022/04/Walkathon-Clean-Water-For-Africans-Home.jpg);

	background-size: cover;
	height: 540px;
	background-position-x: 50%;
	background-position-y: 50%;
}

@media only screen and (max-width: 768px) {
	.walkathon_home_banner {
		background-position-x: 100%;
	}
}

.ramadan_2022_report {
	background-image: url(https://www.embracerelief.org/wp-content/uploads/2022/05/Ramadan-2022-food-support-summary.jpg);
	background-repeat: no-repeat;
	height: 540px;
	background-size: cover;
}

@media only screen and (max-width: 768px) {
	.ramadan_2022_report {
		background-position-x: 25%;
		height: 540px;
	}
}

.walkathon_banner {
	display: flex;
	justify-content: center;
	align-items: center;
}

.walkathon_banner img {
	z-index: 1;
}

.walkathon_banner h2 {
	position: absolute !important;
	z-index: 2;
	color: rgb(253, 183, 27);
	font-size: 1.8rem;
	text-align: center;
	right: 14.5%;
	top: 6.6%;
}

.walkathon_banner h3 {
	position: absolute !important;
	z-index: 2;
	color: white;
	font-size: 1.8rem;
	text-align: center;
	left: 15%;
	top: 9.8%;
}

.walkathon_banner h4 {
	position: absolute !important;
	z-index: 2;
	color: white;
	font-size: 1.8rem;
	text-align: center;
	right: 10%;
	top: 9.8%;
}

@media only screen and (max-width: 768px) {
	.walkathon_banner h2 {
		position: absolute !important;
		z-index: 2;
		color: rgb(253, 183, 27);
		font-size: 1.3rem;
		text-align: center;
		right: 14%;
		top: 2%;
	}

	.walkathon_banner h3 {
		position: absolute !important;
		z-index: 2;
		color: white;
		font-size: 1.3rem;
		text-align: center;
		left: 15%;
		top: 2.8%;
	}

	.walkathon_banner h4 {
		position: absolute !important;
		z-index: 2;
		color: white;
		font-size: 1.3rem;
		text-align: center;
		right: 14%;
		top: 2.8%;
	}
}

.row table {
	font-family: arial, sans-serif;
	border-collapse: collapse;
	width: 100%;
}

.row td,
.row th {
	border: 1px solid #15151551;
	text-align: left;
	padding: 8px;
}

.row tr:nth-child(odd) {
	background-color: #dddddd;
}

.popup {
	position: relative;
	display: inline-block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* The actual popup */
.popup .popuptext {
	visibility: hidden;
	width: 500px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 8px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
	visibility: visible;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.qurbani_2022_img_mobile {
	display: none;
	height: 540px;
}

.qurbani_2022_img_large {
	display: block;
}

.qurban_2022 {
	position: relative;
}

.content_qurban_2022 {
	position: absolute;
	transform: translate(295%, -130%);
}

.content_qurban_2022 p {
	font-weight: 700;
	font-size: 1.8rem;
	color: #fc7121;
	font-family: "Open Sans", sans-serif;
}

.content_qurban_2022 h2 {
	color: #fc7121;
	font-family: "Open Sans", sans-serif;
	font-size: 2.6rem;
}

.content_qurban_2022 a {
	background-color: #1ebdc5;
	color: white;
	font-size: 2rem;
	width: 300px;
	height: 60px;
	font-weight: 700;
	border-radius: 30px;
	padding: 10px;
}

@media only screen and (max-width: 768px) {
	.qurbani_2022_img_mobile {
		display: block;
	}

	.qurbani_2022_img_large {
		display: none;
	}

	.content_qurban_2022 {
		transform: translate(120%, -118%);
	}

	.content_qurban_2022 p {
		font-size: 1.5rem;
	}

	.content_qurban_2022 h2 {
		font-size: 1.5rem;
	}

	.content_qurban_2022 a {
		font-size: 1.5rem;
	}
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
	.content_qurban_2022 {
		transform: translate(265%, -120%);
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.content_qurban_2022 {
		transform: translate(210%, -100%);
	}
}

.countdown_container {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.time_countdown {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-right: 30px;
}

.time_countdown h2 {
	font-weight: bold;
	font-size: 2.5rem;
	margin-bottom: 0px;
	background-color: #42b2c3;
	border-radius: 5px;
	padding: 10px;
	color: white;
}

.time_countdown p {
	font-size: 1.5rem;
}

.p_height {
	height: 90px;
}

.women_container {
	display: flex;
	flex-direction: row;
	background-color: rgb(156 39 176 / 20%);
	/* width: 900px; */
	align-items: center;
	justify-content: center;
	height: 450px;
}

.women_container_right {
	width: 50%;
	justify-content: center;
	display: flex;
}

.women_container_left {
	display: flex;
	justify-content: center;
	width: 50%;
	justify-content: center;
}

.women_container img {
	height: 400px;
	filter: drop-shadow(10px 10px 4px #000000);
}

.women_container p {
	/* width: 400px; */
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.women_container h3 {
	font-size: 2rem;
}

.card-shadow p {
	height: 50px;
	margin-bottom: 2rem;
}

.women_education_container {
	display: flex;
	flex-direction: row;
	background-color: rgb(211 238 241);
	width: 550px;
	height: 300px;
	align-items: center;
	justify-content: center;
}

.women_education_container_right {
	width: 50%;
	justify-content: center;
	display: flex;
	align-items: center;
}

.women_education_container_right .info {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.women_education_container_left {
	display: flex;
	justify-content: center;
	width: 50%;
	justify-content: center;
}

.women_education_container img {
	height: 180px;
	filter: drop-shadow(10px 2px 4px #000000);
}

.women_education_container p {
	width: 200px;
	margin-top: 1rem;
	/* margin-bottom:3rem; */
}

.women_education_container h3 {
	font-size: 2rem;
}

.partner_sections .italicP {
	margin: 0px 20px;
	font-style: italic;
	margin: 0px 50px;
	line-height: 2;
	text-align: center;
}

.partner_image_row {
	display: flex;
	flex-wrap: wrap;
}

.partner_image_row img {
	height: 130px;
	width: 130px;
	margin-right: 5px;
}

.partner_programs_box {
	background-color: #d7d7d780;
	border-radius: 5rem 1rem 1rem 5rem;
	width: 400px;
	height: 140px;
	display: flex;
	flex-direction: row;
	margin-top: 2rem;
	box-shadow: 0 4px 2px -2px gray;
	cursor: pointer;
}

.partner_programs_box:hover {
	box-shadow: 0 4px 8px -2px grey;
}

.partner_programs_box img {
	height: 140px;
}

.partner_programs_box h3 {
	margin: 0.7rem;
	font-size: 14px;
}

.partner_programs_box p {
	margin: 0.7rem;
	font-size: 12px;
	height: 70px;
}

.partner_types_box {
	display: flex;
	justify-content: center;
	background: #ffffff;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	margin: 2rem;
	padding: 2rem;
	width: 420px;
	height: 160px;
	cursor: pointer;
}

.partner_types_box img {
	height: 100px;
}

.partner_types_box:hover {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
}

.corporate_partnership_display {
	display: block;
}

@media only screen and (max-width: 768px) {
	.corporate_partnership_display {
		display: none;
	}

	.partner_image_row {
		justify-content: center;
	}

	.partner_image_row img {
		height: 120px;
		width: 120px;
		margin-top: 10px;
	}
}

.partner_mobile_banner {
	display: none;
}

.partner_container {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
}

.partner_container .header {
	display: flex;
	position: absolute;
	justify-content: end;
	align-items: center;
	width: 50%;
}

@media not all and (min-resolution:.001dpcm) {
	@media {
		.partner_container .header {
			justify-content: flex-end;
			align-items: center;
			width: 52%;
		}
	}
}

.partner_container .header h2 {
	width: 210px;
	color: white;
}

.partner_container .header p {
	width: 100px;
	font-weight: 700;
	font-size: 18px;
	margin: 10px;
}

.partner_container .header a {
	width: 170px;
	height: 40px;
	border-radius: 20px !important;
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
	.partner_container .header h2 {
		padding: 20px;
		font-size: 20px;
	}
}

@media only screen and (max-width: 992px) and (min-width: 768px) {
	.partner_container .header h2 {
		padding: 20px;
		font-size: 16px;
	}

	.partner_container .header p {
		font-size: 13px;
	}
}

@media only screen and (max-width: 768px) {
	.partner_container .header {
		width: 200px;
	}

	.partner_main_banner {
		display: none;
	}

	.partner_mobile_banner {
		display: block;
	}

	.partner_container .header {
		flex-direction: column;
	}

	.partner_container .header p {
		width: 160px;
		font-size: 16px;
		text-align: center;
	}

	.partner_container .header h2 {
		font-size: 18px;
		padding: 20px;
		margin: 0px;
		text-align: center;
		width: 200px;
	}

	.partner_container .header a {
		width: 150px;
		height: 30px;
		border-radius: 20px !important;
		margin-bottom: 10px;
	}
}

.image_water_box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 10px;
	transition: 0.3s all ease-in-out;
	background-color:white;
}

.image_water_box:hover {
	transform: scale(1.02);
}

.image_water_box .text {
	display: flex;
	justify-content: center;
	padding: 15px;
	flex-direction: column;
	align-items: center;
}

.image_water_box img {
	object-fit: cover;
	height: 250px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.image_water_box p {
	height: 100px;
}

.image_water_box .text a {
	width: 200px;
}

.cataract_banner {
	box-sizing: content-box;
}

.cataract_banner img {
	position: relative;
}

.cataract_banner .content {
	position: absolute;
	color: white;
	top: 10%;
	left: 20%;
}

.cataract_banner .content img {
	height: 5rem;
}

.cataract_banner .content h1 {
	font-size: 4rem;
	font-weight: 700;
	color: white;
	text-shadow: rgb(0, 0, 0) 1px 0 10px;
}

.cataract_banner .content p {
	width: 300px;
}

.non_display_768 {
	display: block;
}

.display_768 {
	display: none;

}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.cataract_banner .content {
		left: 10%;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.cataract_banner .content {
		top: 5%;
		left: 10%;
	}
}

@media only screen and (max-width: 768px) {
	.non_display_768 {
		display: none;
	}

	.display_768 {
		display: block;
	}

	.cataract_banner .content p {
		width: 160px;
	}

	.cataract_banner .content {
		top: 30%;
		left: 10%;
	}

	.cataract_banner .content h1 {
		font-size: 2.5rem;
	}
}

.water_banner_2022 {
	box-sizing: content-box;
}

.water_banner_2022 img {
	position: relative;
}

.water_banner_2022 .content {
	position: absolute;
	color: white;
	top: 8%;
	left: 10%;
}

.water_banner_2022 .content img {
	height: 5rem;
}

.water_banner_2022 .content h1 {
	font-size: 4rem;
	font-weight: 700;
	color: white;
	text-shadow: rgb(0, 0, 0) 1px 0 10px;
}

.water_banner_2022 .content p {
	width: 300px;
}

.non_display_768 {
	display: block;
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.water_banner_2022 .content {
		top: 5%;
		left: 10%;
	}
}

@media only screen and (max-width: 768px) {
	.non_display_768 {
		display: none;
	}

	.display_768 {
		display: block;
	}

	.water_banner_2022 .content p {
		width: 160px;
	}

	.water_banner_2022 .content {
		top: 25%;
		left: 10%;
	}

	.water_banner_2022 .content h1 {
		font-size: 2.5rem;
	}
}

.womens_banner_2022 {
	box-sizing: content-box;
}

.womens_banner_2022 img {
	position: relative;
}

.womens_banner_2022 .content {
	text-align: center;
	position: absolute;
	color: white;
	top: 9%;
	right: 10%;
	background-color: rgba(0, 0, 0, 0.512);
	padding: 2rem;
	border-radius: 1rem;
}

.womens_banner_2022 .content img {
	height: 5rem;
}

.womens_banner_2022 .content h1 {
	font-size: 4rem;
	font-weight: 700;
	color: white;
	text-shadow: rgb(0, 0, 0) 1px 0 10px;
}

.womens_banner_2022 .content p {
	width: 300px;
}

.non_display_768 {
	display: block;
}

.display_768 {
	display: none;
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.womens_banner_2022 .content {
		top: 5%;
		left: 10%;
	}
}

@media only screen and (max-width: 768px) {
	.non_display_768 {
		display: none;
	}

	.display_768 {
		display: block;
	}

	.womens_banner_2022 .content p {
		width: 220px;
	}

	.womens_banner_2022 .content {
		top: 17%;
		left: 10%;
	}

	.womens_banner_2022 .content h1 {
		font-size: 2.5rem;
	}
}

.yemen_banner_2022 {
	box-sizing: content-box;
}

.yemen_banner_2022 img {
	position: relative;
}

.yemen_banner_2022 .content {
	text-align: center;
	position: absolute;
	color: white;
	top: 9%;
	left: 10%;
	background-color: rgba(0, 0, 0, 0.587);
	padding: 2rem;
	border-radius: 1rem;
}

.yemen_banner_2022 .content img {
	height: 5rem;
}

.yemen_banner_2022 .content h1 {
	font-size: 4rem;
	font-weight: 700;
	color: white;
	text-shadow: rgb(0, 0, 0) 1px 0 10px;
}

.yemen_banner_2022 .content p {
	width: 300px;
}


@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.yemen_banner_2022 .content {
		top: 5%;
		left: 10%;
	}
}

@media only screen and (max-width: 768px) {

	.yemen_banner_2022 .content p {
		width: 220px;
	}

	.yemen_banner_2022 .content {
		top: 17%;
		left: 10%;
	}

	.yemen_banner_2022 .content h1 {
		font-size: 2.5rem;
	}
}

.refugee_banner_2022 {
	box-sizing: content-box;
}

.refugee_banner_2022 img {
	position: relative;
}

.refugee_banner_2022 .content {
	text-align: center;
	position: absolute;
	color: white;
	top: 9%;
	right: 10%;
	background-color: rgba(0, 0, 0, 0.587);
	padding: 2rem;
	border-radius: 1rem;
}

.refugee_banner_2022 .content img {
	height: 5rem;
}

.refugee_banner_2022 .content h1 {
	font-size: 4rem;
	font-weight: 700;
	color: white;
	text-shadow: rgb(0, 0, 0) 1px 0 10px;
}

.refugee_banner_2022 .content p {
	width: 300px;
}


@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.refugee_banner_2022 .content {
		top: 5%;
		right: 10%;
	}
}

@media only screen and (max-width: 768px) {

	.refugee_banner_2022 .content p {
		width: 220px;
	}

	.refugee_banner_2022 .content {
		top: 17%;
		right: 10%;
	}

	.refugee_banner_2022 .content h1 {
		font-size: 2.5rem;
	}
}

.sweatcoin_web .header {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.sweatcoin_web .header img {
	height: 140px;
	width: 200px;
	margin-bottom: 3rem;
}

.sweatcoin_web .text-bordered {
	border-width: 8px;
	border-style: solid;
	border-image: linear-gradient(to right, darkblue, darkorchid) 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding: 1rem;
	margin: 1rem;
}

.mounth_container {
	display: flex;
	justify-content: center;
}

.sweatcoin_container {
	display: flex;
	width: 594px;
	height: 670px;
	background-color: #003049;
	border-radius: 0px 20px 20px;
	padding: 2rem;

}

.sweatcoin_container .text {
	color: white;
	width: 60%;
}

.sweatcoin_container .text-mobile {
	display: none;
}

.sweatcoin_container .images {
	width: 40%;
	display: flex;
	flex-direction: column;

}

.sweatcoin_container .images img {
	border-radius: 5px;
}

.mounth_icon {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: left;
	width: 200px;
	height: 45px;
	bottom: -10px;
	width: 594px;
	position: relative;
}

.mounth_icon h3 {
	margin: 0px;
	padding: 2px 5px 2px 20px;
	border-radius: 5px;

}

.mounth_icon img {
	position: absolute;
	left: -10px;
	height: 30px;
}

.other_programs {
	margin-top: 5rem;
	width: 700px;
}

.other_programs .card {
	margin-top: 2rem;
	border-radius: 20px;
	display: flex;
	box-shadow: 0 3px 12px rgb(0 0 0 / 9%);
	align-items: center;
	padding: 0.8rem;
	text-align: center;
}

.other_programs .card p {
	height: 140px;
}

.other_programs .card img {
	height: 80px;
}

.swetcoin_banner_2022 {
	display: flex;
	color: white;
	height: 540px;
	justify-content: space-around;
	align-items: center;
}

.swetcoin_banner_2022 .text_box {
	background-color: rgba(0, 0, 0, 0.495);
	width: 400px;
	height: 430px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	border-radius: 10px;


}

.swetcoin_banner_2022 .text_box img {
	height: 180px;
	margin-top: 0px;
}

.swetcoin_banner_2022 .text_box h1 {
	color: white;
	font-size: 38px !important;
	font-weight: 700;

}

.swetcoin_banner_2022 img {
	height: 500px;
	margin-bottom: 0px;
	bottom: 0px;
	margin-top: 40px;
}

@media only screen and (max-width: 768px) {
	.other_programs {
		width: 350px;
	}

	.other_programs .card p {
		height: 90px;
	}

	.swetcoin_banner_2022 {
		flex-direction: column;
		justify-content: flex-start;
	}

	.swetcoin_banner_2022 .text_box {
		margin-top: 20px;
		width: 326px;
		height: 300px;
	}

	.swetcoin_banner_2022 img {
		height: 45%;
		margin-bottom: 0px;
		bottom: 0px;
		margin-top: 5px;
	}

	.swetcoin_banner_2022 .text_box h1 {
		font-size: 22px !important;
	}

	.swetcoin_banner_2022 .text_box img {
		height: 120px;
	}

	.sweatcoin .other_programs {
		width: auto;
	}

	.sweatcoin_banner_mobile {
		display: block;
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;

	}

	.sweatcoin_banner_mobile_text {
		display: block;
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.sweatcoin_banner_mobile_text .boxx {
		border-width: 8px;
		border-style: solid;
		border-image: linear-gradient(to right, darkblue, darkorchid) 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		padding: 3rem;
		margin: 2rem;

	}

	.sweatcoin_banner_mobile h2 {
		color: white;
		font-weight: 800;
		width: 260px;
		font-size: 25px;
		margin: 2rem;
	}

	.sweatcoin_container .text-mobile {
		display: block;
		color: white;
		order: 2;
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding: 2rem;
	}

	.sweatcoin_container {
		flex-direction: column;
		justify-content: center;
		height: 580px;
	}

	.sweatcoin_container .text {
		display: none;
	}

	.sweatcoin_container .images {
		flex-direction: row;
		order: 1;
	}

	.sweatcoin_container .images img {
		height: 110px;
		margin-left: 2rem;
		border-radius: 5px;
	}



}

.health-2022 .card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 190px;
	text-align: left;
	padding-bottom: 0.5rem;
	margin-left: 3rem;
}

.health-2022 .card h2 {
	font-size: 17px;
	font-weight: 700;
}

.health-2022 .card .image {
	height: 130px;
	width: 190px;
	box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
	overflow: hidden;
	cursor: pointer;
	margin: 0px;
}

.health-2022 .card img {
	height: 130px !important;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	margin: 0px;
}

.health-2022 .card p {
	padding: 0.2rem;
	height: 8rem;
}

.health-2022 .card a {
	width: 150px;
}

.health_detail {
	align-items: center;
	justify-content: left;
	width: 400px;
	height: 118px;
	bottom: -10px;
	width: 594px;
	position: relative;
	display: flex;
	margin-top: 20px;
	transition: transform .2s;
}

.health_detail .text {
	background-color: #D9D9D9;
	height: 118px;
	width: 300px;
	padding-left: 5rem;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	border-radius: 1rem;
	filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.5));
	z-index: -1;
}

.health_detail .text:hover {
	filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.5));
}

.health_detail:hover {
	transform: scale(1.05);
}

.health_detail img {
	position: absolute;
	left: -50px;
	z-index: 1;
}

.health_detail h3 {
	margin: 0px;
	padding: 2px 5px 2px 20px;
	border-radius: 5px;
}

.margin_detail {
	margin-left: 100px;
}

.flex_header {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 992px) {
	.margin_detail {
		margin-left: 30px;
	}
	#masthead nav {
		z-index: 21;
	}

	.health_detail {
		width: 300px;
	}
}

.sweatcoin_banner_2022 img {
	position: relative;
}

.sweatcoin_banner_2022 .content {
	text-align: center;
	position: absolute;
	color: white;
	top: 9%;
	right: 10%;
	background-color: rgba(0, 0, 0, 0.512);
	padding: 2rem;
	border-radius: 1rem;
}

.sweatcoin_banner_2022 .content h1 {
	font-size: 2rem;
	font-weight: 700;
	color: white;
	text-shadow: rgb(0 0 0) 1px 0 10px;

}

@media only screen and (max-width: 768px) {
	.sweatcoin_banner_2022 .content {
		top: 17%;
		left: 10%;
	}
}

.hurricane_banner_2022 .content img {
	height: 5rem;
}


.hurricane_banner_2022 img {
	position: relative;
}

.hurricane_banner_2022 .content {
	position: absolute;
	color: white;
	top: 12%;
	left: 10%;
}

.hurricane_banner_2022 .content h1 {
	font-size: 3rem;
	font-weight: 700;
	color: white;
	text-shadow: rgb(0 0 0) 1px 0 10px;

}

.hurricane_banner_2022 .content p {
	width: 300px;

}

@media only screen and (max-width: 768px) {
	.hurricane_banner_2022 .content {
		top: 17%;
		left: 10%;
	}

	.hurricane_banner_2022 .content h1 {
		font-size: 2rem;
	}

	.hurricane_banner_2022 .content p {
		width: 200px;
	}
}

.font_icon_health {
	background-color: #E9D9FF;
	font-size: 32px;
	width: 80px;
	color: #542C8A;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	margin: 0;
	border-radius: 100%;
}

.health_card_2022 {
	background-color: #F2F2F2;
	width: 400px;
	border-radius: 20px;
	height: 100%;

}

.health_card_2022 h3 {
	background-color: #542C8A;
	color: white;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	height: 50px;
	display: flex;
	align-items: center;
	padding-left: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	margin-top: 0px;
}

.head_description {
	padding-left: 150px;
	padding-right: 150px;
	text-align: center;
}

.large_header h1 {
	font-size: 32px;
}

@media screen and (max-width: 768px) {
	.head_description {
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
	}

	.health_card_2022 {
		width: 360px;
	}

	.large_header h1 {
		font-size: 20px;
	}
}

.health_impact_numbers {
	background-color: #FFB81C;
	color: #542C8A;
	border-radius: 10px;
	font-size: 20px;
	text-align: center;
	width: 300px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;

}

.card_2022 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 262px;
	height: 310px;
	border-radius: 10px;
	background-color: white;
	padding: 10px;
}

.card_2022 i {
	width: 50px !important;
	height: 50px !important;
	font-size: 20px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;

}

.flex_rowto_column {
	display: flex;
	flex-direction: row;
}

.order_text_1to2 p {
	order: 1
}

.order_text_1to2 img {
	order: 2
}

@media only screen and (max-width:768px) {
	.flex_rowto_column {
		flex-direction: column;
	}

	.order_text_1to2 p {
		order: 2
	}

	.order_text_1to2 img {
		order: 1
	}

	.mobile_margin0 {
		margin: 0px;
	}

}

.giving_tuesday_2022 h1 {
	font-style: italic;
	font-weight: 300;
	font-size: 40px;
	border-right: 0.5px solid #000000;
	padding-right: 10px;
}

.giving_tuesday_2022 h2 {
	font-weight: 400;
	font-size: 32px;
}

.giving_tuesday_2022 h2 span {
	font-size: 64px;
	color: #CA823F;
	font-weight: 700;
}

.daily_bread .col-md-3 {
	padding: 0px;
}

.daily_bread p {
	width: 180px;
	height: 170px;
	margin-right: auto;
	margin-left: auto;
}

.bordered_bread_box {
	border-right: 1px solid #CA823F;
	padding: 0;

}

.bread_quato p {
	width: 210px;
	color: #CA823F;
}

.tuesday_social_icons img {
	height: 80px;
	margin-left: 20px;
}


@media screen and (max-width:768px) {
	.giving_tuesday_2022 h1 {
		font-size: 24px;
	}

	.giving_tuesday_2022 h2 {
		font-size: 20px;
	}

	.giving_tuesday_2022 h2 span {
		font-size: 45px;

	}

	.bordered_bread_box {
		border-right: none;
		border-bottom: 1px solid #CA823F;
		padding: 0;

	}

	.daily_bread p {
		width: 310px;
		height: 80px;
		margin-top: 1.5rem;
	}

	.bread_quato p {
		width: 210px;
		height: 100px;
	}

	.tuesday_social_icons img {
		height: 40px;
		margin-left: 10px;
	}
}

.breaking_bread .content img {
	height: 5rem;
}


.breaking_bread img {
	position: relative;
}

.breaking_bread .content {
	position: absolute;
	color: white;
	top: 30%;
	left: 10%;
}

.breaking_bread .content h1 {
	font-size: 3rem;
	font-weight: 700;
	color: white;
}

.breaking_bread .content h1 .yemen {
	font-size: 4.3rem;
	position: absolute;
	margin-left: 5rem;
	color: #fff1d3;
}

.breaking_bread .content p {
	width: 350px;
	margin-top: 5rem;
	font-size: 16px;
}

.giving_logo {
	position: absolute !important;
	width: 300px;
	top: 15%;
	left: 10%;
}

@media only screen and (max-width: 768px) {
	.breaking_bread .content {
		top: 15%;
		left: 10%;
	}

	.breaking_bread .content h1 {
		font-size: 3.3rem;
	}

	.breaking_bread .content h1 .yemen {
		font-size: 6rem;
		position: absolute;
		margin-left: 5rem;
		color: #fff1d3;
	}

	.breaking_bread .content p {
		width: 330px;
		text-align: right;
		margin-top: 5rem;
		font-weight: 500;

	}

	.breaking_bread .content .button {
		text-align: right;
		margin-right: 1.7rem;
	}

	.giving_logo {
		top: 5%;
	}
}

.accreditation .content img {
	height: 5rem;
}


.accreditation img {
	position: relative;
}

.accreditation .content {
	position: absolute;
	top: 6%;
	left: 32%;
}

.accreditation .content h1 {
	font-size: 1.7rem;
	font-weight: 700;
}

.accreditation .content p {
	margin-top: 13rem;
	font-size: 16px;
}

.accreditation a {
	position: absolute;
	bottom: 7%;
	left: 45%;
}

@media only screen and (max-width: 768px) {
	.accreditation .content {
		top: 7%;
		left: 19%;
	}

	.accreditation .content h1 {
		font-size: 1.2rem;
	}

	.accreditation .content p {
		font-weight: 500;
		font-size: 14px;
		margin-top: 12.5rem;
		margin-right: 1rem;
		text-align: center;
	}

	.accreditation a {
		left: 38%;
	}

}

.donate_mali {
	display: flex;
	background-color: white;
	flex-direction: row;
	position: relative;
	height: 80px;
	width: 300px;
	border-radius: 0px 10px 10px 0px;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	transition: transform .5s ease;
	margin-left: 30px;

}

.donate_mali:hover {
	transform: scale(1.02);
	filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.25));
	cursor: pointer;

}

.donate_mali .left {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #542C8A;
	color: white;
	border-radius: 50%;
	font-size: 24px;
	height: 80px;
	width: 80px;
	margin: 0px;
	left: -50px;
	position: absolute;

}

.donate_mali .right {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 2rem;
	margin-left: 3rem;
}

@media only screen and (max-width: 768px) {
	.donate_mali .right {
		margin-left: 4rem;

	}

}

.end_year_2022 h1 {
	font-style: italic;
	font-weight: 300;
	font-size: 38px;
	border-right: 0.5px solid #000000;
	padding-right: 10px;
}

.end_year_2022 h2 {
	font-weight: 400;
	font-size: 38px;
	margin-top: 0px;
}

.end_year_2022 p {
	font-weight: 300;
	font-size: 24px;
	line-height: 50px;
	font-family: 'Open Sans';
	margin: 0px;
	padding: 0px;
}

.end_feed {
	font-weight: 700;
	margin-right: 20px;
	border-right: 0.5px solid #CA823F;
	padding-right: 20px;
}


@media screen and (max-width:768px) {
	.end_year_2022 h1 {
		font-size: 20px;
	}

	.end_year_2022 h2 {
		font-size: 20px;
	}

	.end_year_2022 h2 span {
		font-size: 25px;

	}

	.end_feed {
		border-bottom: 0.5px solid #CA823F;
		border-right: none;
	}

	.end_donation_amount {
		display: flex;
		flex-direction: column;
		align-items: center;

	}

	.end_donation_amount h3 {
		border-bottom: 0.5px solid #CA823F;
		width: 200px;
		text-align: center;
	}

	.end_donation_amount .amount {
		flex-direction: row;
		display: flex;
		justify-content: space-around !important;
		gap: 50px;
	}

	.end_donation_amount .amount strong {
		font-weight: 800;
	}

	.end_donation_amount p {
		font-size: 20px;
	}
}

.end_2022 img {
	position: relative;
}

.end_2022 .content h1 {
	position: absolute;
	top: 70px;
	left: 130px;
	color: #E81023;
	font-weight: 800;
}

.end_2022 p {
	position: absolute;
	bottom: 120px;
	left: 130px;
	width: 400px;
}

.end_2022 a {
	position: absolute;
	bottom: 60px;
	left: 130px;
}

@media (max-width: 768px) {
	.end_2022 .content h1 {
		top: 120px;
		left: 60px;
		font-size: 25px;
	}

	.end_2022 p {
		bottom: 50px;
		left: 56px;
		width: 160px;

	}

	.end_2022 a {
		left: 56px;
		bottom: 40px;
	}
}

.refugee-2023 {
	box-sizing: content-box;
}

.refugee-2023 img {
	position: relative;
}

.refugee-2023 .content {
	position: absolute;
	color: white;
	top: 8%;
	left: 8%;
}

@media not all and (min-resolution:.001dpcm) {
	@media {
		.refugee-2023 .content {
			position: absolute;
			color: white;
			top: 8%;
			left: 8%;
		}
	}
}

.refugee-2023 .content img {
	height: 35px;
}

.refugee-2023 .content h1 {
	font-size: 40px;
	font-weight: 700;
	color: white;
	text-shadow: rgb(0, 0, 0) 1px 0 10px;
	margin-bottom: 0px;
}

.refugee-2023 .content h2 {
	font-size: 25px;
	font-weight: 400;
	color: white;
	margin-top: 0px;
	text-shadow: rgb(0, 0, 0) 1px 0 10px;
}

.refugee-2023 span {
	color: #F27E22;
}

.refugee-2023 .content p {
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	width: 300px;
}

.refugee-story-column h3 {
	padding: 20px 20px 10px 50px;
	font-weight: 700;
	font-size: 24px;
	color: white;
}

.refugee-story-column a {
	padding: 0px 20px 10px 50px;
	color: white;
	text-decoration: underline;

}

.refugee-story-column p {
	line-height: 2;
	width: 500px;
	padding: 0px 20px 10px 50px;
	margin-bottom: 0px;
	color: white;
	font-weight: 200;
}

.refugee-story-column2 {
	margin-left: 0px;
	margin-right: 0px;
}

.refugee-story-column2 h3 {
	padding: 20px 20px 10px 10px;
	font-weight: 400;
	font-size: 20px;
	color: white;
}

/* .refugee-story-column2 a {
         padding: 0px 20px 10px 10px;
         color: white;
         text-decoration: underline;

      } */

.refugee-story-column2 p {
	color: white;
	font-weight: 200;
}

.refugee23-image-column {
	padding-left: 0px;
}

.refugee23-image-column2 {
	padding-left: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

.refugee23-slider .carousel-control-prev {
	left: -15%;
}

.refugee23-slider .carousel-control-next {
	right: -7%;
}

.refugee23-slider .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='navy' 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");
}

.refugee23-slider .carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='navy' 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;
}

.refugee23-card {
	margin-bottom: 20px;
	width: 258.84px;
	height: 300px;
	left: 302px;
	top: 1258.11px;
	background-color: #0D5FAF;
	border-radius: 10px;
	color: white;
	display: flex;
	flex-direction: column;
	align-content: space-between;
	padding: 15px;
	text-align: center;
}

.refugee23-card p {
	height: 200px;
}

.refugee23-card a {
	color: white;
	text-decoration: underline;

}

.refugee23-impact {
	display: flex;
	flex-direction: row;


}

.refugee-23-left p {
	line-height: 1.8;
}

@media (min-width: 768px) {
	.modal-dialog-update {
		min-width: 800px !important;
	}
}

@media only screen and (max-width: 768px) {

	.refugee23-card {
		height: 250px;

	}

	.refugee-story-column p {
		width: 330px;
		height: 450px;
		padding: 0px 10px 10px 10px;

	}

	.refugee-story-column a {
		margin-bottom: 20px;
	}

	/* .refugee23-image-column img{
         object-fit: cover;
         width: 100%;
         margin-left: auto;
         margin-right: auto;
      } */


	.refugee-2023 .content p {
		width: 250px;
	}

	@media not all and (min-resolution:.001dpcm) {
		@media {
			.refugee-2023 .content {
				top: 1%;
				left: 22%;
			}

			.untold-main-location {
				top: 6% !important;
				left: 8% !important;
			}

			@media (max-width: 768px) {
				.untold-main-location {
					top: 6% !important;
					left: 16% !important;
				}
			}
		}
	}

	.refugee-2023 .content {
		top: 2%;
		left: 20%;
		text-align: center;
	}

	.refugee-2023 .content h1 {
		font-size: 2.5rem;
	}

	.refugee23-slider .carousel-control-prev {
		left: 0%;
		display: none;
	}

	.refugee23-slider .carousel-control-next {
		right: 0%;
		display: none;
	}

	.refugee-story-column {
		width: 380px;
		margin-left: auto;
		margin-right: auto;
		height: 100%px;

	}

	.refugee-story-column2 {
		width: 380px;
		margin-left: auto;
		margin-right: auto;
		height: 540px;

	}

	.refugee-23-left p {
		line-height: 1.5;
	}

	.refugee23-impact {
		display: flex;
		flex-direction: column;
		margin-bottom: 20px;
	}

	.refugee23-impact ul {
		margin: 0px;
	}
}

.refugee-table table {
	width: 100%;
	background-color: white;
	border-collapse: collapse;
	border-radius: 1em;
	overflow: hidden;
	width: 500px;
}

.refugee-table img {
	position: absolute;
	left: 30%;
	top: -70px;
	margin-top: 20px;
}

.refugee-table table tr:nth-child(odd) {
	color: white;
	background-color: #0D5FAF;
}

.refugee-table table tr:nth-child(even) {
	color: #0D5FAF
}

.refugee-table td {
	border: none;
}

.impact-tablerow1,
.impact-tablerow2 {
	display: flex;
	flex-direction: row;
	position: relative;
}

.impact-tablerow1 p,
.impact-tablerow2 p {
	width: 100px;
	text-align: center;
}

.impact-tablerow1 .relief-row1 {
	position: absolute;
	left: 310px;
	top: -90px;
}

.impact-tablerow1 .relief-row2 {
	position: absolute;
	left: 690px;
	top: -90px;
}

.impact-tablerow2 .relief-row1 {
	position: absolute;
	left: 80px;
	top: 0px;
}

.impact-tablerow2 .relief-row2 {
	position: absolute;
	left: 490px;
	top: 0px;
}

.impact-tablerow2 .relief-row3 {
	position: absolute;
	left: 910px;
	top: 0px
}

.impact-part {
	display: flex;
	flex-direction: column;
	margin-top: 120px;
	margin-bottom: 120px;
}

.impact-part .long-p {
	width: 150px;
}


@media (min-width: 768px) {
	.modal-dialog-update {
		min-width: 800px !important;
	}
}

@media only screen and (max-width: 768px) {
	.impact-part .long-p {
		width: 100px;
	}

	.impact-part {
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	.impact-tablerow1,
	.impact-tablerow2 {
		flex-direction: column;
	}

	.refugee-table table {
		width: 350px;
	}

	.impact-tablerow1 .relief-row1 {
		position: absolute;
		left: -90px;
		top: 160px;
	}

	.impact-tablerow1 .relief-row2 {
		position: absolute;
		left: -90px;
		top: 300px;
	}

	.impact-tablerow2 .relief-row1 {
		position: absolute;
		left: 10px;
		top: 30px;
	}

	.impact-tablerow2 .relief-row2 {
		position: absolute;
		left: 10px;
		top: 230px;
	}

	.impact-tablerow2 .relief-row3 {
		position: absolute;
		left: 10px;
		top: 430px
	}

}

.untold-main-location {
	top: 20% !important;
	left: 10% !important;
}



@media (max-width: 768px) {
	.untold-main-location {
		top: 15% !important;
		left: 15% !important;
	}
}

.water-icon-card{
				display: flex;
				background-color: #0186CB;
				align-items: center;
				gap: 20px;
				padding: 5px;
				color: white;
				margin-bottom: 10px;
			}
			.water-icon-card img{
				height: 70px;
				box-sizing: content-box;
				width: 80px;
			}
			.water-icon-left p{
				width: 288px;
				line-height: 2.1;
			}
			.water-flags{
				display: flex;
				justify-content: center;
				flex-wrap: wrap;
			}
			.water-flags img{
				height: 95px;
			}
			.water-buttonsize{
				width:300px;
			}
			.blog-card-row{
				display: flex;
				gap: 10px;
				justify-content: center;
				flex-wrap: wrap;
			}
			.blog-card{
				width: 190px;
				height: 140px;
				position: relative;
				background-size: cover;
			}
			.blog-card p{
				position: absolute;
				bottom: 0px;
				margin-bottom: 1px;
				color: white;
				font-weight: 600;
			}
			@media (max-width: 768px) {
				.water-icon-left p{
				width: auto;
				line-height: 2;
			    }
				.water-buttonsize{
				width:250px;
				}
				.blog-card{
				width: 330px;
				height: 140px;
				position: relative;
				background-size: cover;
			}
			}
.ramadan23_banner img{
			position: relative;
		}
		.ramadan23_banner .content{
			position: absolute;
			top: 5px;
			left: 60px;
		}
      
          @media screen and (-webkit-min-device-pixel-ratio:0) {
		.ramadan23_banner .content{
			position: absolute;
			top: 5px;
			left: 60px;
		}
			}

		.ramadan23_banner .content h1{
			color: #FFB81C;
            line-height: 1.3;
            font-size: 60px;
			font-weight: 700;
			max-width: 450px;
		}
		.ramadan23_banner .content h1 span{
			font-size: 40px;
            font-weight: 300;
            color: #FF6A13;
		}
		.ramadan23_banner .content a{
			width: 250px;
			font-size: 30px;
		}
		@media (max-width: 768px){	
		.ramadan23_banner .content{
			position: absolute;
			top: 0;
			left: 40px;
			text-align: center;
		}
			@media screen and (-webkit-min-device-pixel-ratio:0) {
				.ramadan23_banner .content{
					left: 60px;
				}
			}
		.ramadan23_banner .content h1{
			color: #FFB81C;
			font-size:30px;
			width: 250px;
		}
		.ramadan23_banner .content h1 span{
			color:#FF6912 ;
			font-size: 25px;
		}
		.ramadan23_banner .content a{
			width: 150px;
			font-size: 20px;
		}
			.new-relief-btn {
				 position: absolute;
                 bottom: -340px;
                 left: 0;
                 right: 0;
                 margin: auto;
			}
		}

.maras_banner img {
			position: relative;
		}

		.maras_banner .content {
			position: absolute;
			top: 50px;
			text-align: center;
			background-color: rgba(0, 0, 0, 0.686);
		}
     	.maras_banner .content h1 {
			color: white;
			font-size: 34px;
			font-weight: 700;
			padding-left: 150px;
			padding-right: 150px;
		}
		.maras_banner .content p{
			color: white;
			padding-left: 150px;
			padding-right: 150px;
			font-weight: 600;
			
		}

		.maras_banner .content a {
			width: 150px;
			font-size: 20px;
			position: absolute;
			bottom: -25px;
			left: 480px;
			border-radius: 20px;
		}

		@media (max-width: 768px) {
			.maras_banner .content {
				position: absolute;
				top: 80px;
				left: 25px;
				text-align: center;
				width: 340px;
				margin-left: 0px;
				margin-right: 0px;
			}
			.maras_banner .content h1 {
				font-size: 24px;
				padding-left: 20px;
			    padding-right:20px;
			}
			.maras_banner .content p{
				padding-left: 10px;
			    padding-right:10px;
				font-weight: 300;
			}
			.maras_banner .content a {
				left: 100px;
			border-radius: 20px;
			}

		}
.earthquake_banner_2023 {
	box-sizing: content-box;
}

.earthquake_banner_2023 img {
	position: relative;
}

.earthquake_banner_2023 .content {
	position: absolute;
	color: white;
	top: 8%;
	left: 10%;
}

.earthquake_banner_2023 .content img {
	height: 5rem;
}

.earthquake_banner_2023 .content h1 {
	font-size: 2rem;
	font-weight: 700;
	color: white;
	text-shadow: rgb(0, 0, 0) 1px 0 10px;
	width: 350px;
}

.earthquake_banner_2023 .content p {
	width: 300px;
}
.donate-news {
	color: #fff;
    border-color: #ff675b;
    background-color: #ff675b;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
    background-repeat: repeat-x;
}
.donate-news:hover {
	color: #f7f7f7;
    border-color: #ff4b3c;
    background-color: #ff4b3c;
    text-decoration: none;
}
.box-roww {
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media only screen and (max-width: 768px) {
	
	.earthquake_banner_2023 .content p {
		width: 160px;
	}

	.earthquake_banner_2023 .content2 {
		top: 5%;
		left: 3%;
		position: absolute;
	    color: white;
		background-color: rgba(0, 0, 0, 0.528);
		padding: 10px;
		border-radius: 10px;
		text-align: center;
		width:300px;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.earthquake_banner_2023 .content2 {
			left: 12%;
		}
	}
	.earthquake_banner_2023 .content2 img{
		height: 60px;
	}

	.earthquake_banner_2023 .content2 h1 {
		font-size: 2rem;
		color: white;
	}
}

/* POPUP CSS */

.share-popup{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.share-popup button{
  outline: none;
  cursor: pointer;
  font-weight: 500;
  border-radius: 4px;
  border: 2px solid transparent;
  transition: background 0.1s linear, border-color 0.1s linear, color 0.1s linear;
}
.view-modal{
  bottom: 20px;
  left: 10px;
  position: fixed;
  color: #fff;
  background-color: #05accd;
  font-size: 16px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;

}
.share-popup{
  background: rgb(255, 254, 254);
  padding: 25px;
  border-radius: 15px;
  max-width: 380px;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
  transition: top 0s 0.2s ease-in-out,
              opacity 0.2s 0s ease-in-out,
              transform 0.2s 0s ease-in-out;
  position: fixed;
  height: fit-content;
}
.share-popup.show{
  opacity: 1;
  pointer-events: auto;
  transition: top 0s 0s ease-in-out,
              opacity 0.2s 0s ease-in-out,
              transform 0.2s 0s ease-in-out;
  z-index: 20;

}
.share-popup :is(.popup-header, .icons, .field){
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.share-popup .popup-header{
  padding-bottom: 15px;
  border-bottom: 1px solid #ebedf9;
}
.popup-header span{
  font-size: 21px;
  font-weight: 600;
}
.popup-header .close, .icons a{
  display: flex;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  transition: all 0.3s ease-in-out;
} 
.popup-header .close{
  color: #878787;
  font-size: 17px;
  background: #f3f3f3;
  height: 33px;
  width: 33px;
  cursor: pointer;
  position: static;
}
.popup-header .close:hover{
  background: #ebedf9;
}
.share-popup .content{
  margin: 20px 0;
}
.share-popup .icons{
  margin: 15px 0 20px 0;
  padding: 0;
}
.share-popup .content p{
  font-size: 16px;
}
.share-popup .content .icons a{
  height: 50px;
  width: 50px;
  font-size: 20px;
  text-decoration: none;
  border: 1px solid transparent;
}
.share-popup .icons a i{
  transition: transform 0.3s ease-in-out;
}
.share-popup .icons a:nth-child(1){
  color: #1877F2;
  border-color: #b7d4fb;
}
.share-popup .icons a:nth-child(1):hover{
  background: #1877F2;
}
.share-popup .icons a:nth-child(2){
  color: #46C1F6;
  border-color: #b6e7fc;
}
.share-popup .icons a:nth-child(2):hover{
  background: #46C1F6;
}
.share-popup .icons a:nth-child(3){
  color: #e1306c;
  border-color: #f5bccf;
}
.share-popup .icons a:nth-child(3):hover{
  background: #e1306c;
}
.share-popup .icons a:nth-child(4){
  color: #25D366;
  border-color: #bef4d2;
}
.share-popup .icons a:nth-child(4):hover{
  background: #25D366;
}
.share-popup .icons a:nth-child(5){
  color: #0088cc;
  border-color: #b3e6ff;
}
.share-popup .icons a:nth-child(5):hover{
  background: #0088cc;
}
.share-popup .icons a:hover{
  color: #fff;
  border-color: transparent;
}
.share-popup .icons a:hover i{
  transform: scale(1.2);
}
.share-popup .content .field{
  margin: 12px 0 -5px 0;
  height: 45px;
  border-radius: 4px;
  padding: 0 5px;
  border: 1px solid #757171;
}
.share-popup .field.active{
  border-color: #7d2ae8;
}
.share-popup .field i{
  width: 50px;
  font-size: 18px;
  text-align: center;
}
.share-popup .field.active i{
  color: #7d2ae8;
}
.share-popup .field input{
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  font-size: 15px;
}
.share-popup .field button{
  color: #fff;
  padding: 5px 18px;
  background: rgba(0,76,112,.9);
}
.share-popup .field button:hover{
  background: #8d39fa;
}
@media only screen and (max-width: 768px) {
	.share-popup {
		max-width: 90%;
	}
	
}
@media only screen and (min-width: 768px) {
	.view-modal {
		
	}
}
/* POPUP CSS */

/* NEW CSS */

.pg-img-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .pg-img-title img:first-child {
    width: 200px;
  }
  .pg-title-with-img {
    display: flex;
    flex-direction: column;
    position: relative;
    right: 50px;
    top:20px;
  }
  .pg-title-with-img h2 {
    margin: 0;
    padding: 0;
    font-size: 50px;
    font-weight: 400;
  }
  .pg-title-with-img.blue h2 {
    color: #01BBD6;
  }
  .pg-title-with-img.orange h2 {
    color: #FF6A13;
  }
  .pg-title-with-img img {
    position: relative;
    right: 20px;
    top: 0;
  }
.qurban-banner {
    margin: auto;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .qurban-banner h1 {
    font-weight: 300 !important;
    margin-top: 90px;
  }
  .qurban-banner h1 span {
    position: relative;
    right: 100px;
  }
  .qurban-banner .top {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .qurban-impact {
	background-color: #5CC9E6 !important;
    margin: auto !important;
    width: 100%;
    height: 60%;
  }
  .impact-report {
    display:flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 30px);
  }
  .bordered-box {
    padding: 20px;
    display: flex;
    align-items: center;
    flex-direction:column;
    margin: auto;
    max-width: 70%;
    text-align: center;
    margin-top: 30px;
    border: 2px solid;
  }
  .bordered-box h3 {
    font-weight: 800;
    font-size: 40px;
  }
  .bordered-box.orange {
    border-color: #FF6A13;
  }
  .bordered-box.orange h3 {
    color: #FF6A13;
  }
  .bordered-box.turkuaz {
    border-color: #5CC9E6;
  }
  .bordered-box.turkuaz h3 {
    color: #5CC9E6;
  }
  .bordered-box p {
    color: #000;
    font-size: 14px;
    font-weight: normal;
  }
  .bordered-box-img {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .qurban-btn-donate {
    background-color: #E90C0C;
    border-radius: 50px;
    padding: 12px 30px;
    min-width: 200px;
    margin: 20px 0;
    font-size: 24px;
  }
  .qurban-bottom-img {
	margin: 15px 0;
    width: 100%;
    border-radius: 20px;
  }
  .abs-bordered {
    position: relative;
  }
  .abs-bordered img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10%;
    width: 100%;
  }
.slider-walkathon-btn {
	position: absolute;
    left: 10%;
    bottom: 10%;
    width: 250px;
    padding: 20px;
	background-color: #E90C0C !important;
}
.ramadan-btn {
	background-color: #FF6A13; 
	padding: 20px;
	border-radius: 20px;
	color: #fff; 
	text-align: center; 
	display: flex;
	align-items:center; 
	justify-content: center; 
	flex-direction: column;
	font-weight: bold;
	background-image: url('/wp-content/uploads/2023/03/ramadan-button-bg.png');
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	text-decoration: none;
}
.ramadan-btn strong {
	text-decoration: underline !important;
}
.ramadan-btn:hover {
	color: #fff;
	text-decoration: none;
}
.ramadan-btn span {
	font-weight: 300; 
	display: block;
	margin-top: 5px;
}
.walcat-red-btn {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    background-color: #E90C0C;
    border-radius: 25px;
    width: 80%;
    display: block;
    margin: auto;
    text-align: center;
    padding: 20px 10px;
    border: 1px solid #E90C0C;
    transition: .4s;
    margin-bottom: 20px;
    margin-top: 15px;
  }
  .walcat-blue-btn {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: #5DC8DA;
    border-radius: 50px;
    width: 80%;
    display: block;
    margin: auto;
    text-align: center;
    padding: 10px 5px;
    border: 1px solid #5DC8DA;
    transition: .4s;
    margin-top: 15px;
  }
  .walcat-blue-btn:hover {
    background-color: transparent;
    color: #5DC8DA;
    border-color: #5DC8DA;
    text-decoration: none;
  }
  .walcat-red-btn:hover {
    background-color: transparent;
    color: #E90C0C;
    border-color: #E90C0C;
    text-decoration: none;
  }
  .page-title {
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .page-content-walcaton {
    width: 100%;
  }
  .page-content-walcaton p {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .walcat-sidebar {
    background-color: #f5f5f5;
    padding: 0 0 10px 0;
  }
  .walcat-content {
    padding: 10px 20px;
  }
  .walcat-head {
    background-color: #FFB81C;
    padding: 12px 0 12px 24px;
    margin-top: 20px;
  }
  .walcat-head h3 {
    color: #fff;
    font-weight: 500;
    font-size: 30px;
    margin: 0;
  }
  .walcat-part {
    display: block;
    margin: 20px 0;
  }
  .walcat-part h5 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #000;
  }
  .walcat-part p {
    line-height: 1.3;
    font-size: 15px;
    color: #000;
    margin: 0;
    font-weight:300;
  }
  .actual-date h4 {
    background-color: #FFB81C;
    font-size: 25px;
    padding: 7px 24px;
    color: #fff;
    margin: 0;
    display: inline-block;
    margin: 30px 0 15px 0;
  }
  .counter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding: 10px 20px;
    margin-bottom: 30px;
  }
  .counter .counter-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .counter .counter-box:after {
    content: '';
    width: 5.5px;
    height: 5.5px;
    background-color: #5DC8DA;
    position: absolute;
    right: -18%;
    top: 32%;
    border-radius: 50%;
  }
  .counter .counter-box:before {
    content: '';
    width: 5.5px;
    height: 5.5px;
    background-color: #5DC8DA;
    position: absolute;
    right: -18%;
    bottom: 32%;
    border-radius: 50%;
  }
  .counter .counter-part:last-child .counter-box:before , .counter .counter-part:last-child .counter-box:after {
    content: none;
  }
  .counter span {
    background-color: #5DC8DA;
    display: flex;
    height: 60px;
    width: 40px;
    color: #fff;
    font-size: 35px;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: 5px;
  }
  .counter-part p {
    text-align: center;
    margin: 12px 0;
  }
  .donate-boxes {
    margin: 20px 0;
  }
  .blue-box {
    background-color: #5DC8DA;
    padding: 12px 6px;
    border-radius: 20px;
    height: 100%;
  }
  .white-area {
    background-color: #fff;
    border-radius: 8px;
    padding: 5px;
    text-align: center;
    width: 80%;
    margin: auto;
  }
  .white-area p {
    font-size: 23px;
    color: #000;
    font-weight: bolder;
    margin: 0;
  }
  .blue-content {
    text-align: center;
    padding: 10px 5px;
  }
  .blue-content p {
    color: #fff;
    font-size: 17px;
    font-weight:bold;
    margin: 0;
    margin-top: 5px;
  }
  .sign-example {
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
  }
  .big-dolar-box {
    padding: 20px;
    display: flex;
    flex-direction: column;
    border-radius: 30px;
    height: 190px;
  }
  .big-dolar-box.blue {
    background-color: #5DC8DA;
  }
  .big-dolar-box.yellow {
    background-color: #FCB71D;
    margin-top: 40px;
    margin-bottom: 60px;
  }
  .big-dolar-box .price-area {
    margin-left: auto;
    padding: 5px;
    border-radius: 8px;
    background-color: #fff;
    text-align: center;
    width: 100px;
  }
  .big-dolar-box .price-area p {
    font-size: 20px;
    color: #000;
    font-weight: bolder;
    margin: 0;
  }
  .big-dolar-box .big-content-area p {
    color: #fff;
    margin: 0;
    padding-bottom: 6px;
    position: relative;
    border-bottom: 1px dashed #fff;
    font-size: 16px;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
  }
  .big-dolar-box .big-img-area {
    position: relative;
  }
  .big-dolar-box .big-img-area img {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 44%;
  }
  .big-dolar-box .big-content-area p span {
    display: block;
    width: 50%;
    font-size: 12px;
  }
  .walcaton-red {
    color: #E90C0C;
  }
  .blue-box.dark-yellow {
    background-color: #FCB71D;
    padding: 30px;
    filter: drop-shadow(5px 4px 4px rgba(0, 0, 0, 0.25));
    height: calc(100% - 80px);
    position: relative;
    margin-top: 70px;
  }
  .img-modal-area {
    display: flex;
    align-items: center;
    justify-content: center;
    top: -63px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
  }
  .blue-box.dark-yellow .white-area {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px;
    z-index: 11;
    position: relative;
  }
  .blue-box.dark-yellow .blue-content p {
    color: #000;
  }
  .custom-modal-body {
    padding-bottom: 30px;
  }
  .custom-modal-content {
    border-radius: 15px;
  }
  .red-baloon {
    background-color: #E90C0C;
    padding: 16px 12px;
    border-radius: 30px;
  }
  .red-baloon p {
    color: #fff;
    font-weight: bolder;
    text-align: center;
    font-size: 16px;
    margin: 0;
  }
  .spns-head {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 15px 20px;
    height: 100px;
    background-color: #5DC8DA;
    position: sticky;
    top:0;
  }
  .spns-head p {
    margin: 0;
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    text-align: center;
  }
  .spns-box {
    width: 16%;
    margin-right: 15px;
  }
  .spns-box.big-one {
    width: 22%;
  }
  .spns-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 15px 20px;
    height: 120px;
  }
  .spns-cell:nth-child(odd) {
    background-color: #D9D9D9;
  }
  .spns-cell:nth-child(even) {
    background-color: #F5F5F5;
  }
  .spns-cell p {
    margin: 0;
    font-weight: 500;
    color: #000;
    font-size: 16px;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 3px;
  }
  .spns-cell p.spns-sm {
    font-weight: 500;
    font-size: 14px;
    margin: 0;
  }
  .spns-cell p.spns-sm strong {
    font-weight: bold;
  }
  .spns-boxes {
    display: flex;
  }
  .spns-boxes .partnership .spns-head {
    height: 80px;
    position: static;
  }
  .spns-box.partnership {
    width: 38%;
    justify-content: flex-start;
    text-align: left;
  }
  .spns-box.big-one.partnership {
    width: 22%;
  }
  .spns-box.partnership .spns-cell {
    height: 140px;
  }
  .spns-list li {
    font-weight: 300;
    font-size: 12px;
    margin: 0;
    color: #000;
    text-align: center;
    line-height: 1.2;
    text-align: left;
    margin: 2px 0;
  }
  .spns-list li strong {
    font-weight: 500;
  }
  .spns-list .spns-sc-list {
    margin-left: 15px;
    list-style: circle;
  }
.ramadan-detail-banner .content h1 {
    color: #1cbfc6;
    line-height: 1.3;
    font-size: 60px;
    font-weight: 700;
    max-width: 100%;
  }
  .ramadan-detail-banner .content h1 span {
    color: #ff6911;
    font-weight: bold;
    font-size: 80px;
  }
  .ramadan-detail-banner .content {
    position: absolute;
    left: 40px;
    top: 40px;
  }
  .ramadan-detail-banner .donate-btn {
    font-size: 25px;
    width: 250px;
    font-weight: 500;
    padding: 10px;
  }
  .ramadan-content p {
    font-weight: 300;
  }
  .ramadan-content p strong {
    font-weight: bold;
  }
  .image-donate-btn {
    font-size: 10px;
    margin: 10px 0;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    font-weight: 500;
  }
/* ESKİ TICKET */
  .ticket-box {
    display: flex;
    flex-direction: column;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    margin-bottom: 30px;
  }
  .ticket-box .ticket-top {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 20px;
  }
  .ticket-box .ticket-top h4 {
    margin: 0;
    font-weight: bold;
    font-size: 20px;
  }
  .ticket-box .ticket-top h4.price {
    background-color: #fff;
    font-weight: bolder;
    font-size: 22px;
  }
  .ticket-box .ticket-specs {
    padding: 12px 20px;
  }
  .ticket-spec-list {
    padding-left: 0px;
  }
  .ticket-spec-list li {
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 5px;
    list-style: none;
    display: inline-block;
    width: 50%;
    float: left;
    text-align: left;
  }
  .ticket-box .buy-ticket {
    text-align: center;
    width: 100%;
    display: block;
  }
  .ticket-box .buy-ticket a {
    color: #fff;
    background-color: #E90C0C;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    display: block;
    transition: .3s;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10px 5px;
    outline: 1px solid #E90C0C;
  }
  .ticket-box .buy-ticket a:hover {
    text-decoration: none;
    background-color: #5DC8DA;
    outline-color: #5DCBDA;
  }
  .ticket-modal-content {
    max-height: 850px;
    overflow-y: scroll;
  }
  .ticket-modal-content .close {
	  position: sticky;
	  margin-left: auto;
	  right: 15px;
	  top: 10px;
  }

	.blog-left-top {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.blog-date {
		margin: 0;
		margin-bottom: 15px;
		font-size: 20px;
		font-weight: 300;
	}
	.big-header {
		font-size: 25px;
		font-weight: bold;
		font-weight: 300;
		margin-bottom: 5px;
	}
	.big-header span {
		display: block;
		font-size: 60px;
		font-style: italic;
	}
	.red-donate-now {
		background-color: #E90C0C;
		color: #fff;
		text-align: center;
		border-radius: 20px;
		font-weight: 500;
		padding: 10px 25px;
		width: 200px;
		border: 1px solid #E90C0C;
		transition: .4s;
		margin-top: 5px;
	}
	.red-donate-now:hover {
		color: #E90C0C;
		background-color: #fff;
		text-decoration: none;
	}
	.blog-content {
		margin: 50px 0;
	}
	.blog-content p {
		line-height: 1.4;
		font-weight: 300;
	}
	.blog-content p strong {
		font-weight: bold;
	}
	.center-img {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 20px 0 30px 0;
	}
	.center-img-head {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	.center-img-head h4 {
		margin: 0;
		font-size: 30px;
	}
	.center-img-head h4:first-child {
		margin-bottom: 20px;
	}
	.center-img-head h4:last-child {
		margin-top: 20px;
	}

/* ESKİ TICKET*/

.walcat-ticket {
    display: flex;
    -webkit-box-shadow: 1px 5px 5px 0px rgb(204 204 204 / 72%);
    -moz-box-shadow: 1px 5px 5px 0px rgb(204 204 204 / 72%);
    box-shadow: 1px 5px 5px 0px rgb(204 204 204 / 72%);
    border-radius: 16px;
    margin-bottom: 25px;
  }
  .walcat-ticket p {
    line-height: 1.2;
  }
  .walcat-ticket-left {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35%;
    padding: 15px;
    border-bottom-left-radius: 14px;
    border-top-left-radius: 14px;
  }
  .walcat-ticket-left.yellow {
    background-color: #fdb318;
  }
  .walcat-ticket-left.blue {
    background-color: #5dc3dd;
  }
  .walcat-ticket-left.bronze {
    background-color: #c17c44;
  }
  .walcat-ticket-left.silver {
    background-color: #979599;
  }
  .walcat-ticket-left.gold {
    background-color: #f6dd87;
  }
  .walcat-ticket-left h4 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 1.4;
    margin: 0;
  }
  .walcat-ticket-left.gold h4 {
    color: #000;
  }
  .walcat-ticket-right {
    width: 65%;
    background-color: #fff;
    padding: 15px;
    border-bottom-right-radius: 16px;
    display: flex;
    flex-direction: column;
  }
  .walcat-ticket-right ul {
    padding-left: 15px;
    margin-bottom: 10px;
  }
  .walcat-ticket-right ul li {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .walcat-ticket-right p {
    font-size: 14px;
  }
  .walcaton-buy-ticket {
    background-color: #db3446;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    width: 100%;
    display: block;
    padding: 5px 0;
    margin-top: auto;
    transition: .4s;
  }
  .walcaton-buy-ticket span {
    font-weight: bold;
  }
  .walcaton-buy-ticket:hover {
    color: #fff;
    text-decoration: none;
    background-color: #5DC8DA;
  }
  .walcat-ticket-head {
    margin-bottom: 25px;
    text-align: center;
  }
  .walcat-ticket-head h4 {
    font-size: 17px;
    font-weight: 600;
    margin: 0;
  }
  .walcat-ticket-head p {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
  }
  .for-right-bar::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #c9c9c9;
  }
  .center-tickets {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
    height: calc(100% - 100px);
  }
	.modal {
		z-index: 9999;
	}
	.don-card {
		border: 2px solid #1cbfc6;
		border-radius: 10px;
		height: 100%;
	}
  .don-card.red {
    border-color: #dc3545;
  }
  .don-card.orange {
    border-color: #ff6a13;
  }
  .don-card .card-img-top {
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 230px;
    object-fit:cover;
    object-position: top;
  }
  .don-card .card-title {
    margin-top: 0;
    margin-bottom: 5px;
    color: #01BBD6;
    font-weight: bold;
    margin-bottom: auto;
  }
  .don-card.red .card-title {
    color: #dc3545;
  }
  .don-card.orange .card-title {
    color: #FF6A13;
  }
  .don-card .form-group {
    margin-bottom: .5rem;
  }
  .don-card .btn-embrace {
    background-color: #01BBD6;
    width: 100%;
    text-align: center;
    margin-top: 15px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #01BBD6;
    transition: .5s;
  }
  .don-card.red .btn-embrace {
    background-color: #dc3545;
    border-color: #dc3545;
  }
  .don-card.orange .btn-embrace {
    background-color: #FF6A13;
    border-color: #FF6A13;
  }
  .don-card .btn-embrace:hover {
    background-color: #fff;
    color: #1cbfc6;
  }
  .don-card.red .btn-embrace:hover {
    color: #dc3545;
  }
  .don-card.orange .btn-embrace:hover {
    color: #FF6A13;
  }
  .emb-input {
    border: none;
    border-bottom: 1px solid #000;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-weight: 600;
  }
  .emb-input::placeholder {
    font-weight: 600;
  }
  .emb-input-group {
    border-color: #000;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-radius: 0;
    padding: 0;
    position: absolute;
    left: -2px;
    z-index: 9;
    bottom: 0;
    border: none;
    top: 0;
  }
  .emb-prepend {
    position: relative;
  }
  .emb-input:focus {
    outline:none;
    box-shadow: none;
    border-color: #000;
  }
  .don-card .card-header {
    padding: 0;
    position: relative;
  }
  .don-card .card-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
  .don-card .card-header .card-sticky-banner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #1cbfc6bf;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .don-card.orange .card-header .card-sticky-banner {
    background-color: #ff6a12bd;
  }
  .don-card.red .card-header .card-sticky-banner {
    background-color: #dc3545d4;
  }
  .don-card .card-header .card-sticky-banner {
    color: #fff;
    font-weight: bold;
  }
  .don-card .card-header .card-sticky-banner p {
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .don-card .card-header .card-sticky-banner p span {
    font-weight: bold;
    font-size: 14px;
  }

  .recipe-list {
    padding-left: 15px;
  }
  .recipe-list li {
    margin: 0 !important;
    line-height: 1.5;
  }
  .recipe-head {
    margin-bottom: 5px;
    font-weight: 600 !important;
    text-decoration: underline;
  }
	.spec-clean-slider .content h1 {
		font-size: 2rem;
	}

	.card-horizontal {
		display: flex;
		flex: 1 1 auto;
	}
	.card-sm-img {
	  width: 350px;
		display: flex;
	}
	.card-ml-img {
	    width: 60%;
	    padding: 20px;
	    display: flex;
	  }
	.water-donate-list {
	  padding-left: 0;
	}
	.water-donate-list li {
	  list-style: none;
	  float: left;
	  margin-right: 20px;
	}
	.s-alrt-text {
	  font-size: 10px;
	  color: red;
	  line-height: 1.2;
	  margin: 0;
	  font-style: italic;
	}

	.card-sm-img img {
	  border-bottom-left-radius: 8px;
	  border-top-left-radius: 8px;
		object-fit:cover;
	}
	.card-ml-img img {
	    border-radius: 15px;
	    width: 100%;
	    object-fit: cover;
	  }
	.water-donate {
	  width: 40% !important;
	}
	.inc-dec-form .value-button {
	  display: inline-block;
	  border: 1px solid #ddd;
	  margin: 0px;
	  width: 40px;
	  height: 20px;
	  text-align: center;
	  vertical-align: middle;
	  padding: 11px 0;
	  background: #eee;
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}

	.inc-dec-form .value-button:hover {
	  cursor: pointer;
	}
	.inc-dec-form {
	  display: flex;
	  align-items:center;
	  margin-bottom: 10px;
	}
	.inc-dec-form #decrease {
	  margin-right: -4px;
	  border-radius: 8px 0 0 8px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}

	.inc-dec-form #increase {
	  margin-left: -4px;
	  border-radius: 0 8px 8px 0;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}

	.inc-dec-form #input-wrap {
	  margin: 0px;
	  padding: 0px;
	}

	.inc-dec-form input {
	  text-align: center;
	  border: none;
	  border-top: 1px solid #ddd;
	  border-bottom: 1px solid #ddd;
	  margin: 0px;
	  width: 40px;
	  height: auto;
	}
    .bs-shadow {
	  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
      padding: 15px;
	  width: 100%;
    }
    .swt-prt-box {
		background-color: #102F47;
		border-radius: 37px;
		padding: 48px;
		color: #fff;
		font-weight: 300;
	}
	.swt-prt-box h4 {
		font-weight: 600;
		font-size: 17px;
		color: #fff;
		line-height: 1.3;
		margin-bottom: 30px;
	}
	.swt-prt-box p {
		margin-bottom: 30px;
	}
	.sw-prt-rght {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		flex-direction: column;
	}
	.sw-prt-rght img {
		padding: 30px;
	}
	.swt-don-btn {
		background-color: #E90C0C;
		padding: 5px 10px;
		min-width: 220px;
		text-align: center;
		margin-top: 12px;
		color: #fff;
		transition: .5s;
		border: 1px solid #E90C0C;
	}
	.swt-don-btn:hover {
		background-color: #fff;
		color: #E90C0C;
	}
	.blue-top-icon {
		max-height: 100px;
	}
	/* NEW BLOG CSS */
	
	.banner {
	  width: 100%;
	  position: relative;
	}
	.banner-text {
	  position: absolute;
	  left: 25px;
	  top: 25px;
	  bottom: 30px;
	  max-width: 60%;
	  display: flex;
	  flex-direction: column;
	}
	.banner-text.long-one {
		max-width: 75%;		
	}
	.banner-text h1 , .banner-text .title{
	  font-weight: 700;
	  font-size: 3vw;
	  line-height: 1.2;
	  color: #FFFFFF;
	  margin: 0;
	}
	.banner-date {
	  display: flex;
	  align-items: center;
	  justify-content: flex-start;
	  margin-top: auto;
      margin-bottom: 20px;
	}
	.banner-date p {
	  color: #fff;
	  font-style: italic;
	  font-weight: 400;
	  font-size: 1.2vw;
	  line-height: 1.2;
	  margin: 0 15px 0 0;
	}
	.cmp-category-btn {
	  width: 20%;
	  display: inline-block;
	}
	.banner-bottom-text {
	  display: flex;
	  align-items: center;
	}
	.banner-bottom-text a.banner-dnt {
	  display: inline-block;
	  background: #CB444A;
	  border-radius: 10px;
	  padding: 8px 15px;
	  font-weight: 600;
	  font-size: 1.4vw;
	  line-height: 18px;
	  color: #fff;
	  transition: .5s;
	  width: 38%;
	  text-align: center;
	  height: 36px;
	  max-width: 250px;
	}
	.banner-bottom-text a.banner-dnt:hover {
	  text-decoration: none;
	  background-color: #E90C0C;
	}
	.banner-social-list {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  column-gap: 10px;
	  margin: 0;
	}
	.banner-social-list li {
	  list-style: none;
	  margin: 0 !important;
	}
	.banner-social-list li a {
	  height: 36px;
	  width: 36px;
	  text-align: center;
	  display: inline-block;
	  line-height: 35px;
	  font-size: 18px;
	  color: #D9D9D9;
	  border-radius: 12px;
	  border: 1px solid #D9D9D9;
	}
	.banner-social-list li a:hover {
	  border-color: #00accd;
	  background: #00accd;
	  color: #fff;
	}
	.blue-sum-section {
	  position: relative;
	  background-color: #E7F6FA;
	  padding: 20px 10px;
	  margin: 60px 0 30px 0;
	}
	.blue-sum-section::after {
	  content: '';
	  position: absolute;
	  width: 200%;
	  height: 100%;
	  background-color: #E7F6FA;
	  top: 0;
	  z-index: 9;
	  left: -50%;
	}
	.summary-head {
	  font-size: 40px;
	  color: #000;
	  font-weight: 600;
	  line-height: 1.2;
	  margin: 0;
	  z-index: 99;
	  position: relative;
	}
	.summary-list {
	  position: relative;
	  z-index: 99;
	  margin-left: 0;
	  padding-left: 15px;
	}
	.sum-right-img {
	  z-index: 99;
	  position: relative;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  margin: auto;
	  width: 100%;
	  height: 100%;
	}
	.sum-right-img img {
	  margin-top: 25px;
	  width: 65%;
	}
	.new-blg-dtl {
	  margin: 30px 0;
	}
	.new-blg-dtl h2{
	  color: #0087CB;
	  font-size: 32px;
	  font-weight: 800;
	  margin: 0;
	}
	.new-blg-dtl h3 {
		color: #0087CB;
	}
	.new-blg-dtl p {
	  color: #000;
	  font-size: 16px;
	  font-weight: normal;
	  line-height: 2;
	}
	.new-blg-dtl li {
		margin-bottom: 10px;
	}
	.new-blg-dtl a , .new-blg-dtl li a {
		font-weight: bold;
    	color: #0387ca;
		text-decoration: underline;
	}
	.new-blg-dtl strong {
		font-weight: 700;
	}
	.new-blg-side-img {
	  height: calc(100% - 60px);
	  width: 100%;
	  margin: 30px 0;
	}
	.new-blg-side-img img {
	  height: 100%;
	  width: 100%;
	  object-fit: cover;
	  object-position: 25%;
	}
	.blue-blg-dnt-bx {
	  border: 3px solid #0087CB;
	  border-radius: 20px;
	  padding: 20px;
	  margin-bottom: 30px;
	}
	.blue-blg-dnt-bx h5 {
	  font-size: 30px;
	  color: #0087CB;
	  font-weight: 700;
	  margin: 5px 0 25px 0;
	  line-height: 1.2;
	}
	.blue-blg-dnt-bx p {
	  font-size: 15px;
	  font-weight: 400;
	  color: #000;
	  line-height: 2;
	  margin-bottom: 10px;
	}
	.blue-blg-dnt-bx p strong {
	  font-weight: 700;
	}
	.blue-blg-dnt-bx p.ital {
	  font-style: italic;
	  font-weight: 400;
	  font-size: 13px;
	}
	.blg-qck-dnt-btn-list {
	  display: flex;
	  align-items: center;
	  padding: 0;
	  margin: 0;
	  gap: 20px;
	  margin-bottom: 15px;
	}
	.blg-qck-dnt-btn-list li {
	  list-style: none;
	  padding: 0;
	  width: 100%;
	}
	.blg-qck-dnt-btn {
	  font-weight: 700;
	  font-size: 18px;
	  color: #000;
	  border: 2px solid #CB444A;
	  border-radius: 10px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  transition: .3s all;
	}
	.blg-qck-dnt-btn:hover {
	  background-color: #CB444A;
	  color: #fff;
	  text-decoration: none;
	}
	.bgl-dnt-nw-btn {
	  background-color: #CB444A;
	  color: #fff;
	  font-size: 18px;
	  font-weight: 500;
	  border-radius: 12px;
	  padding: 5px 30px;
	  min-width: 200px;
	  border: 2px solid #CB444A;
	  transition: .3s all;
	  margin-top: 15px;
	  margin-bottom: 5px;
	  letter-spacing: .5px;
	}
	.bgl-dnt-nw-btn:hover {
	  color: #CB444A;
	  background-color: #fff;
	}
	.emb-input.bld-one {
	  width: 50%;
	  border-bottom: 2px solid #000;
	  color: #000;
	}
	.bld-dollar {
	  font-weight: 700;
	  color: #000;
	  bottom: 2px;
	}
	.emb-input.bld-one::placeholder {
	  color:#000;
	  font-weight: 700;
	}
	input.emb-input.bld-one::-webkit-outer-spin-button,
	input.emb-input.bld-one::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	  margin: 0;
	}

	/* Firefox */
	input.emb-input.bld-one[type=number] {
	  -moz-appearance: textfield;
	}
.swt-header {
    color: #5CC9E6;
    font-size: 41px;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }
  .head-bg {
    background-image: url('https://www.embracerelief.org/wp-content/uploads/2023/05/head-bg.png');
    background-size: cover;
    padding: 20px 50px;
    display: inline-block;
    color: #fff;
    margin-bottom: 40px !important;
  }
.spec-clean-slider.spec-sweat-slider .content img {
	height: 7rem;
}
#quickDonations {
	padding-top: 50px;	
}
.market-title {
    font-size: 42px;
    font-weight: 300;
  }  
  .market-title span {
    font-weight: 700;
    font-size: 55px;
    line-height:1.3;
  }
  .market-list li {
    margin: 10px 0;
    list-style: disc;
  }
  .market-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: auto;
  }
  .year-title {
    display: flex;
    align-items:center;
    justify-content: center;
    margin: auto;
    height: 100%;
  }
  .year-title h2 {
    font-size: 50px;
    font-weight: bold;
    padding: 0;
    margin-bottom: 40px;
    margin-top: 0;
    position: relative;
    color: #60CAE6;
  }
  .year-title h2::after {
    content: '';
    position: absolute;
    top: 85px;
    height: 140px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    margin: auto;
    background-color: #60CAE6;
    width: 2px;
  }
  .anoun-box {
  	display: block;
    margin-top: 40px;
    padding: 20px;
    border: 1px solid #60CAE6;
    border-radius: 20px;
    background-color: #60CAE6;
  }
  .anoun-box p {
  	color: #fff;
    font-size: 13px;
    font-style: italic;
    margin: 0;
    font-weight: 500;
  }
  .gl-link img {
  	display: block;
    margin: 20px 0;
    height: 150px;
    width: 100%;
    object-fit: cover;
  }
  .year-title h2.no-after:after {
    content: none;
  }
  .red-cls-button {
    background: #E90C0C;
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding: 10px 25px;
    border-radius: 40px;
    font-weight: 300;
    border: 1px solid #E90C0C;
    transition: .3s all ease;
    margin: 10px 0 20px 0;
  }
  .red-cls-button:hover {
    background-color: #fff;
    color: #E90C0C;
    text-decoration: none;
  }
  .fw-400 {
    font-weight: 400 !important;
  }
  .blue-box.gray {
    background-color: #D9D9D9;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 40px;
    height: calc(100% - 40px);
  }
  .blue-box.gray h4 {
    text-decoration: underline;
  }
  .blue-box.gray p {
    color: #000;
  }
  .market-modal {
    padding-bottom:0;
    padding-top:40px;
  }
	/* NEW BLOG CSS */

.impact-report {
	display:flex;
	align-items: center;
	justify-content: center;
	height: calc(100% - 30px);
  }
  .impact-report strong {
	font-size:22px;
  }
  .impact-report span {
	font-weight: 500;
  }
  .bordered--box {
	display: flex;
	align-items:center;
	justify-content: center;
	padding: 30px 25px;
	border-radius: 12px;
	color: #fff;
	margin-bottom: 20px;
	background-color: #F2F2F2;
  }
  .bordered--box h3 {
	margin: 0;
	line-height: 1.2;
	font-size: 40px;
	font-weight: 900;
  }
  .bordered--box p {
	margin: 0;
	font-weight: 600;
  }
  .orange .bordered--box h3 {
	color: #FF6A13;
  }
  .bordered--box .bordered--inner::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width:2px;
	height: 100%;
	border-radius: 30px;
  }
  .bordered--box i {
	font-size: 45px;
	margin-left: auto;
  }
  .orange .bordered--box i {
	color: #FF6A13;
  }
  .orange .bordered--box p , .orange p strong{
	color: #FF6A13;
  }
  .orange .bordered--box .bordered--inner::after {
	background-color: #FF6A13;
  }

  .turkuaz .bordered--box i {
	color: #5CC9E6;
  }
  .turkuaz .bordered--box h3 {
	color: #5CC9E6;
  }
  .turkuaz .bordered--box p , .turkuaz p strong {
	color: #5CC9E6;
  }
  .turkuaz .bordered--box .bordered--inner::after {
	background-color: #5CC9E6;
  }

  .bordered--box .bordered--top {
	display: flex;
  }
  .bordered--box .bordered--inner {
	position: relative;
	width: 75%;
  }
  .border-line {
	width: 100%;
	height: 2px;
	margin-top: 40px;
  }
  .border-line.orange {
	background-color: #FF6A13;
  }
  .border-line.turkuaz {
	background-color: #5CC9E6;
  }
  .qurban-cont p {
	font-weight: 500;
  }
  .top-blog-btn ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    margin-top: 10px;
  }
  .top-blog-btn ul li{
    list-style: none;
    display: inline-block;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    border: 1px solid #fff;
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 17px 0px, rgba(0, 0, 0, 1.06) 0px 0px 0px 0px;
    padding: 4px 10px;
  }
  .top-blog-btn ul li img {
    height: 15px;
    margin-right: 7px;
  }
  .blg-lnk {
  	display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
  }
  .top-blog-btn ul li a {
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
  }
  .top-blog-btn ul li a:hover {
    text-decoration: none;
    color: inherit;
  }
  .top-blog-btn ul li a.blue , .nw-blg-top .left .blue , .all-blg.blue {
    color: #0087cb !important;
  }
  .top-blog-btn ul li a.green, .nw-blg-top .left .green , .all-blg.green {
    color: #00a564 !important;
  }
  .top-blog-btn ul li a.pink , .nw-blg-top .left .pink , .all-blg.pink {
    color: #ed368c !important;
  }
  .top-blog-btn ul li a.purple , .nw-blg-top .left .purple , .all-blg.purple {
    color: #542c8a !important;
  }
  .top-blog-btn ul li a.orange , .nw-blg-top .left .orange , .all-blg.orange {
    color: #f37f24 !important;
  }
  .top-blog-btn ul li a.all {
    color: #05accd !important;
  }
  .nw-blog-title {
    font-size: 50px;
  }
  .nw-read-more {
    display: inline-block;
    font-weight: 600;
    font-size: 1.3vw;
    text-decoration: underline;
    line-height: 18px;
    color: #fff !important;
  }
  .spec-controls {
    position: relative;
    top: 10px;
    height: 50px;
    width: 250px;
    margin: auto;
  }
  .spec-controls .spec-control {
    opacity: 1;
    background-color: rgba(255,255,255,.4);
    border-radius: 50%;
    width: 50px;
    border: none;
  }
  .spec-control.carousel-control-next {
  	right: 10px;
  }
  .spec-control.carousel-control-prev {
  	left: 10px;
  }
  .spec-controls .spec-control {
    background-image: none;
    z-index: 17;
  }
  .spec-controls .spec-control .carousel-control-prev-icon , .spec-controls .spec-control .carousel-control-next-icon {
    height: auto;
    width: auto;
    background-image: none;
  }
  .spec-controls .spec-control i {
    color: #3183a0;
    font-size: 35px !important;
  }
  .spec-indicators {
    top: 0;
    bottom: 0;
    margin: 0;
    display: flex;
    align-items: center;
    opacity: 1;
  }
  .spec-indicators li {
    background-color: #c0c0c0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 30px;
  }
  .spec-indicators li:last-child {
    margin-right: 0;
  }
  .spec-indicators li.active {
    width: 14px;
    height: 14px;
    background-color: #79c7e3;
  }
  .nw-blg-top {
    display: flex;
    align-items: center;
  }
  .nw-blg-top .left {
    display: flex;
    align-items: center;
  }
  .nw-blg-top .left h3 {
    margin: 0;
    padding: 0;
    margin-left: 15px;
    font-weight: 700;
    font-size: 30px;
  }
  .nw-blg-top .left img {
    height: 60px;
  }
  .nw-blg-top .right {
    margin-left: auto;
  }
  .nw-blg-top .right .blg-quick-donate {
    background-color: #cb444a;
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 700;
    color: #fff;
    font-size: 20px;
  }
  .nw-blog-list {
    position: relative;
    border-radius: 25px;
    margin: 30px 0;
  }
  .nw-blog-list .nw-blog-text {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 75%;
    color: #fff;
    height: calc(100% - 30px);
    display: flex;
    flex-direction: column;
  }
  .nw-blog-list .nw-blog-img {
    position: relative;
  }
  .nw-blog-list .nw-blog-img::after {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.4) 34%, rgba(0,0,0,0) 100%);
    border-radius: 15px;
  }
  .nw-blog-list .nw-blog-img img {
    border-radius: 15px;
    height: 250px !important;
    object-fit: cover;
    width: 100%;
  }
  .nw-blog-list .nw-blog-text h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 8px;
    margin-top: 0;
  }
  .nw-blog-list .nw-blog-text p {
    margin: 0;
  }
  .nw-blog-list .nw-blog-text .nw-blog-date {
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    margin-top: auto;
  }
  .nw-blog-list .nw-blog-text .reading-time {
    font-style: italic;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 30px;
  }
  .nw-blog-list .nw-read-more {
    font-size: 16px;
  }
  .all-blg {
    font-size: 20px;
    float: right;
    margin-top: 10px;
    text-decoration: underline;
    font-weight: bold;
  }

  .posts-navigation .nav-links .nav-previous a , .posts-navigation .nav-links .nav-next a {
  	background-color: #cb444a;
    border-radius: 50px;
    padding: 7px 12px ;
    font-weight: 600;
    color: #fff;
    font-size: 13px;
    position: relative;
    transition: .3s;
    border: 1px solid #cb444a;
  }
  .posts-navigation .nav-links .nav-previous a {
  	padding-left: 24px;
  }
  .posts-navigation .nav-links .nav-next a {
  	padding-right: 24px;
  }
  .posts-navigation .nav-links .nav-previous a:hover , .posts-navigation .nav-links .nav-next a:hover {
  	background-color: #fff;
  	color: #cb444a;
  	text-decoration: none;
  }
  .posts-navigation .nav-links .nav-previous a:before {
  	content: "\f060";
  	font-family: FontAwesome !important;
  	font-size: 13px;
  	color: #fff;
  	position: absolute;
  	left: 5px;
  	top:2px;
  	bottom: 0;
  	margin: auto;
  	display: flex;
  	align-items: center;
  	transition: .3s;
  }
  .posts-navigation .nav-links .nav-next a:after {
  	content: "\f061";
  	font-family: FontAwesome !important;
  	font-size: 13px;
  	color: #fff;
  	position: absolute;
  	right: 5px;
  	top:2px;
  	bottom: 0;
  	margin: auto;
  	display: flex;
  	align-items: center;
  	transition: .3s;
  }
  .posts-navigation .nav-links .nav-previous a:hover:before, .posts-navigation .nav-links .nav-next a:hover:after {
  	color: #cb444a;
  }
  .quick-don .quick-don-title {
    color: #FF6A13;
    font-size: 40px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    line-height: 1.2;
  }
  .quick-don .quick-don-title span {
    color: #5CC9E6;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    right: 0;
    bottom: -13px;
  }
  .new-dnt-bx {
    background-image: url('https://www.embracerelief.org/wp-content/uploads/2023/06/map-n.png');
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: right;
  }
  .don-top {
    padding-bottom: 50px;
    padding-top: 20px;
  }
  .don-dnt-right {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: calc(100% - 15px);
    justify-content: space-between;
    text-align: center;
  }
  .don-dnt-right img {
    width: 100px;
  }
  .don-dnt-right h1 {
    font-weight: 700;
    font-size: 50px;
    color: #000;
    line-height: 1.2;
  }
  .don-dnt-right a {
    background-color: #E90C0C;
    color: #fff;
    font-weight: 600;
    text-align: center;
    width: 90%;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    border: 1px solid #e90c0c;
    transition: .4s;
  }
  .don-dnt-right a:hover {
    background-color: #fff;
    color: #e90c0c;
  }
  .don-content p {
    color: #000;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 300;
    margin-bottom: 25px;
    text-align: justify;
  }
  .don-content strong {
    font-weight: 600;
  }
  .don-content h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 0;
    color: #000;
  }
  .row-mt {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .don-blue-card {
    width: 100%;
    border-radius: 30px;
    background-color: #5CC9E6;
    height: calc(100% - 30px);
    padding: 40px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    margin-top: 30px;
  }
  .don-blue-card .blue-top {
    font-weight: 600;
    font-size: 15px;
    color: #000;
  }
  .don-blue-card .blue-center {
    display: flex;
    align-items: center;
    justify-content:space-between;
    width: 100%;
  }
  .don-blue-card .blue-center .droplet {
    width: 40px;
  }
  .big-and-small-text {
    font-weight: bold;
    color: #fff;
    font-size: 50px;
    margin: 0;
    text-align: center;
    text-shadow: 1px 1px #454545;
    line-height: 1.2;
  }
  .big-and-small-text span {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    display: block;
    position: relative;
    top: 5px;
  }
  .don-blue-card .bottom .people-icon {
    width: 100px;
    margin-bottom: 5px;
  }
  .don-blue-card .bottom {
    display: flex;
      flex-direction: column;
      align-items: center;
  }
  .don-blue-card .arrow {
    margin: 20px 0;
  }
  .bottom-blue-card {
    background-color: #0088CE;
    width: 100%;
    display: flex;
    flex-direction: column;
    color: #fff;
    padding: 40px;
    border-radius: 30px;
    margin-bottom: 50px;
  }
  .bottom-blue-card h3 {
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #fff;
  }
  .bottom-blue-card .item {
    display: flex;
    align-items: center;
    justify-content:space-between;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top: 25px;
  }
  .bottom-blue-card .item h5 {
    font-size: 25px;
    color: #fff;
    font-weight: normal;
  }
  .bottom-blue-card .item h6 {
    font-weight: bold;
    font-size: 25px;
    color: #fff;
    margin: 0;
    margin-left: auto;
    margin-right: 20px;
  }
  .bottom-blue-card p {
    color: #fff;
    margin-top: 5px;
    margin-bottom: 0;
  }
  .turkaz-box {
    background-color: #5CC9E6;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 15px 30px 20px 30px;
    justify-content: flex-start;
    text-align: center;
    border-radius: 30px;
    height: calc(100% - 15px);
  }
  .turkaz-box img {
    width: 60px;
    margin-bottom: 12px;
  }
  .turkaz-box h5 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
  }
  .turkaz-box p {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    text-align: center;
    max-width: 80%;
  }
  .radio-toolbar {
    display: flex;
    align-items: center;
  }
  .radio-toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
    transition: .4s;
  }
  .radio-toolbar label {
    display: inline-flex;
    width: 100%;
    background-color: #EFEFEF;
    padding: 8px 20px;
    font-size: 16px;
    border-radius: 8px;
    transition: .4s;
    margin-right: 15px;
    margin-bottom: 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: 500;
  }
  .radio-toolbar label:last-child {
    margin-right: 0;
  }
  .radio-toolbar label:hover {
    background-color: #0087CB;
    color: #fff;
  }
  .radio-toolbar input[type="radio"]:checked + label {
      background-color: #0087CB;
      color: #fff;
  }
  .input-top {
    margin: 0;
    margin-bottom: 5px;
    font-size: 18px;
    color: #000;
    line-height: 1.2;
  }
  .don-form-group {
    font-size: 16px;
    padding: 8px 0;
    width: 100%;
    font-weight: 500;
    color: #000;
    margin-bottom: 0;
  }
  .modal-input {
    background-color: #EFEFEF;
    font-weight: 500;
    text-align: center;
    border-radius: 8px;
  }
  .modal-input::placeholder {
    font-weight: 500;
    color: #000;
    text-align: center;
  }
  .modal-input:focus {
    box-shadow: none;
    outline: none;
  }
  .donate-modal.modal-header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: none;
    padding-bottom: 0;
  }
  .donate-modal .donate-modal-title {
    display: flex;
    align-items: center;
    font-size: 28px;
    color: #0087CC;
    font-weight: 600;
  }
  .donate-modal .donate-modal-title img {
    height: 40px;
    margin-right: 10px;
  }
  .donate-modal .close {
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 10;
  }
  .donate-modal .close span {
    font-size: 30px;
  }
  .hidden-group {
    display: none;
  }
  #donateModal .modal-dialog {
    overflow-x: hidden;
  }
  .don-btn {
    background: #DC3544;
    border: 2px solid #DC3544;
    color: #fff;
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    padding: 12px 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    transition: .4s;
  }
  .don-btn:hover {
    background-color: #fff;
    color: #DC3544;
  }
  .blue-card-btn {
    background-color: #fff;
    font-size: 14px;
    color: #E90C0C;
    border-radius: 20px;
    padding: 8px 12px;
    width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    transition: .3s;
  }
  .blue-card-btn:hover {
    background-color: #E90C0C;
    color: #fff;
    text-decoration: none;
  }
  .pagination {
    flex-wrap: wrap;
  }
  #donateModal .modal-content {
    padding: 20px;
  }
  .learn-water-well {
    background-color: #e90c0c;
    padding: 8px 20px;
    border-radius: 25px;
    display: inline-block;
    margin-bottom: 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #e90c0c;
    transition: .2s;
  }
  .learn-water-well:hover {
  	color: #e90c0c;
  	text-decoration: none;
  	background-color: #fff;
  }
  
  .newsletter-modal .modal-body {
		padding: 0;
	}
	.newsletter-modal .modal-content {
		border: none;
	}
	.newsletter-popup {
		display: flex;
		align-items: center;
		height: 530px;
		position:relative;
	}
	.newsletter-popup .close {
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.newsletter-popup .close span {
		font-size: 20px;
	}
	.frm_error {
		color: #dc3232;
	}
	.newsletter-popup fieldset {
		border: none !important;
	}
	.newsletter-popup .newsletter-right {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 20px;
	}
	.newsletter-popup .newsletter-right .news-logo {
		margin: auto;
	}
	.newsletter-popup .newsletter-left {
		height: 100%;
		max-height: 100%;
		width: 40%;
		display: flex;
    	flex: 1 0 auto;
	}
	.newsletter-popup .newsletter-left img {
		object-fit: cover;
	}
	.newsletter-popup .newsletter-right p {
		color: #000;
		font-size: 11px;
		font-weight: 300;
		margin: 0;
		margin-top: 15px;
		text-align: center;
	}
	.newsletter-head {
		color: #000;
		font-size: 25px;
		font-weight: 500;
		text-align: center;
		line-height: 1.3;
		margin-bottom: 15px;
	}
	.newsletter-head strong {
		font-weight: 600;
	}
	.newsletter-input input {
		background: rgba(217, 217, 217, 0.35);
	    border-radius: 19px;
	    height: 60px !important;
	    color: #B9B7B7;
		font-size: 21px;
		text-align: center;
		border: 1px solid rgba(217, 217, 217, 0.35);
		margin-bottom: 10px;
	}
	.newsletter-input input:focus , .newsletter-input input:focus-visible {
		box-shadow: none;
		outline: none;
		border-color: rgba(217, 217, 217, 0.75);
	}
	.newsletter-input input::placeholder {
		color: #B9B7B7;
		font-size: 21px;	
		text-align: center;
	}
	.newsletter-submit {
		display: flex;
	    align-items: center;
	    justify-content: center;
	    width: 100%;
	    flex-direction: column;
	    margin-top: 15px;
	}
	.newsletter-submit button {
		background-color: #5CC9E6;
	    border: none;
	    width: 200px;
	    font-size: 20px;
	    height: 60px;
	    border-radius: 19px;
	    color: #fff;
	    transition: .4s;
	}
	.newsletter-submit button:hover {
			color: #fff;
	    background-color: #0069d9;
	    border-color: #0062cc;
	}
	.group-heading {
		color: #4da8c8;
		font-size: 42px;
		font-weight: bold;
		display: flex;
		align-items: center;
		line-height: 1.2;
		margin: 15px 0 20px 0;
	}
	.group-heading img {
		height: 50px;
		margin-right: 5px;
	}
	.group-fund-content {
		font-size: 16px;
		font-weight: normal;
		line-height: 1.7;
	}
	.group-fund-content h2 {
		margin-bottom: 10px;
	}
	.grp-blue-box {
		display: flex;
		align-items: center;
		background-color: #4da8c8;
		padding: 25px 20px;
		margin-bottom: 20px;
		border-radius: 6px;
	}
	.grp-blue-box img {
		height: 55px;
	}
	.grp-blue-box .blue-right {
		margin-left: 15px;
	}
	.grp-blue-box .blue-right h5 {
		margin-top: 0;
		margin-bottom: 12px;
		color: #fff;
		font-weight: bold;
		font-size: 16px;
	}
	.grp-blue-box .blue-right p {
		margin: 0;
		padding: 0;
		color: #fff;
		font-size: 14px;
	}
	.group-carousel {
		margin-bottom: 30px;
	}
	.group-carousel .carousel-inner {
		border-radius: 20px;
	}
	.start-group-fund {
		width: 100%;
	    margin: 30px auto;
	    display: flex;
	}
	.col-pad-spec {
		padding-right: 120px;
	}
	.gf-form {
		background-color: #3f8ea8;
		border-radius: 12px;
		padding: 20px;
		color: #fff;
	}
	.gf-form label {
		color: #fff;
	    font-size: 15px;
	    font-weight: bold;
	    margin: 10px 0;
	    width: 100%;
	}
	.gf-form .group_fundraiser_ever_before {
		margin-bottom: 15px;
		display: block;
	}
	.gf-form br {
		display: none;
	}
	.gf-form p {
		margin: 0;
	}
	.gf-form label small , .gf-form small{
		display: block;
    	margin-bottom: 5px;
    	color: #fff;
	}
	.gf-form textarea {
		height: 100px !important;
	}
	.gf-form a {
		color: #fff;
		text-decoration: underline;
	}
	.gf-form .group_fundraiser_ever_before .form-control , .gf-form .group_fundraiser_projects_of_interest .form-control , .gf-form .ProjectsofInterest .form-control {
		background: none;
	    color: #fff;
	    border: none;
	    padding: 0;
	}
	.gf-form .group_fundraiser_ever_before .form-control .first , .gf-form .group_fundraiser_projects_of_interest .form-control .wpcf7-list-item , .gf-form .group_fundraiser_accept .wpcf7-list-item , .gf-form .ProjectsofInterest .wpcf7-list-item {
		margin: 0;
		margin-right: 10px;
	}
	.gf-form .ProjectsofInterest label {
		font-weight: 400;
	}
	.gf-form .gf-submit input {
		background: #DC3544;
    	border: 1px solid #DC3544;
    	color: #fff;
    	font-weight: 600;
    	padding: 10px 15px;
    	transition: .4s;
    	border-radius: 8px;
	}
	.gf-form .gf-submit input:hover {
		background-color: #fff;
		color: #DC3544;
	}
	.gf-form .small-gf-label {
		font-size: 12px;
		font-weight: 400;
	}
	.gf-form h4 {
		color: #fff;
		margin: 0;
		margin-bottom: 10px;
		font-size: 22px;
		font-weight: 600;
		text-align: center;
	}
	.gf-form .asteric-gf {
		text-align: center;
		font-size: 15px;
		margin: 0;
		margin-bottom: 8px;
		color: #fff;
	}
	.for-foh {
		display: flex;
		align-items: center;
		flex-direction: row;
	}
	.for-foh img {
		margin-right: 15px;
		margin-bottom: 50px;
	}
	.for-foh h1 {
		font-size: 50px;
		margin: 0;
		padding: 0;
	}
	.for-foh p {
		font-size: 16px;
		font-style: italic;
		font-weight: 600;
		color: #fff;
		margin: 0;
		margin-top: 20px;
	}
	.for-foh span {
		font-weight: 400;
		display: block;
		font-size: 14px;
	}
	.foh-content h2 {
		font-size: 35px;
		font-weight: 700;
		line-height: 1.2;
	}
	.foh-content h3 {
		font-size: 24px;
		line-height: 2;
	}
	.foh-content p {
		font-size: 16px;
		line-height: 2;
	}
	.video-pop {
		position: relative;
		display: flex;
		border-radius: 15px;
	}
	.video-pop img {
		border-radius: 15px;
	}
	.video-pop .overlay {
		position: absolute;
	    left: 0;
	    right: 0;
	    top: 0;
	    bottom: 0;
	    margin: auto;
	    font-size: 30px;
	    text-align: center;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    color: #fff;
	    width: 100%;
	    height: 100%;
	    background-color: #0006;
	    transition: .4s all;
	    border-radius: 15px;
	}
	.video-pop:hover .overlay {
		background-color: #0004;
	}
	.video-pop .overlay i {
		font-size: 45px;
    	font-weight: 600;
    	transition: .4s all;
	}
	.video-pop:hover .overlay i {
		color: red;
	}
	.video-bt-text {
		color: #000;
		font-weight: 600;
		font-size: 14px;
		line-height: 1.2;
		padding: 10px 0;
		border-bottom: 1px solid #000;
		margin-bottom: 20px;
	}
	.dev-goal {
		margin-bottom: 15px;
		transition: .3s;
	}
	.dev-goal:hover {
		transform: scale(1.1);
	}
	.prgrm-box {
		display: flex;
		border-radius: 20px;
		margin: 30px 0;
	}
	.prgrm-box .left {
		width: 200px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		background-color: rgba(241, 250, 255, 1);
		padding: 20px;
		text-align: center;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}
	.prgrm-box .left .head {
		font-weight: bold;
		font-size: 30px;
		color: rgba(0, 135, 204, 1);
		line-height: 1.2;
	}
	.prgrm-box .left img {
		width: 70%;
	}
	.prgrm-box .right {
		width: calc(100% - 200px );
		padding: 20px;
		background-color: rgba(0, 135, 204, 1);
		display: flex;
		flex-direction: column;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
		box-shadow: -1px 0px 12px 0px rgba(0, 0, 0, 0.5);

	}
	.prgrm-box .right .top {
		display: flex;
		align-items: flex-start;
	}
	.prgrm-box .right .top h4 {
		font-size: 20px;
		color: #fff;
		font-weight: bold;
		margin: 0;
		margin-bottom: 15px;
	}
	.prgrm-box .top-right ul {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 20px;
		padding: 0;
	}
	.prgrm-box .top-right ul li {
		list-style: none;
	}
	.prgrm-box .top img {
		height: 90px;
		width: 90px;
		object-fit: cover;
		border: 2px solid #fff;
    	border-radius: 10px;
	}
	.prgrm-box .right .top .top-left {
		margin-right: 80px;
	}
	.prgrm-box .right .bottom h5 {
		font-weight: bold;
		color: #fff;
		font-size: 18px;
	}
	.prgrm-box .right .bottom p {
		color: #fff;
		font-size: 15px;
		margin-bottom: 1em;
	}
	.prgrm-box .right .bottom p strong {
		font-weight: bold;
	}


	.prgrm-box.hungerRelief .left {
		background-color: rgba(254, 243, 235, 1);
	}
	.prgrm-box.hungerRelief .left .head {
		color: rgba(243, 127, 36, 1);
	}
	.prgrm-box.hungerRelief .right {
		background-color: rgba(243, 127, 36, 1);
	}

	.prgrm-box.health .left {
		background-color: rgba(250, 247, 253, 1);
	}
	.prgrm-box.health .left .head {
		color: rgba(84, 44, 138, 1);
	}
	.prgrm-box.health .right {
		background-color: rgba(84, 44, 138, 1);
	}

	.prgrm-box.womens .left {
		background-color: rgba(255, 249, 252, 1)
	}
	.prgrm-box.womens .left .head {
		color: rgba(237, 54, 140, 1);
	}
	.prgrm-box.womens .left .head span {
		font-size: 20px;
	}
	.prgrm-box.womens .right {
		background-color: rgba(237, 54, 140, 1);
	}

	.prgrm-box.education .left {
		background-color: rgba(239, 255, 249, 1);
	}
	.prgrm-box.education .left .head {
		color: rgba(0, 164, 101, 1);
	}
	.prgrm-box.education .right {
		background-color: rgba(0, 164, 101, 1);
	}
	.sdg-programs ul li {
		transition: .4s;
	}
	.sdg-programs ul li:hover {
		transform: scale(1.1);
	}
	.prgrm-box .sdg-top {
		color: #fff;
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		margin-bottom: 15px;
	}
	.prgrm-box .sdg-item {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 30px;
		margin-bottom: 20px;
	}
	.prgrm-box .sdg-item .sdg-left img {
		width: 90px;
		height: 90px;
		object-fit: cover;
		border: 2px solid #fff;
    	border-radius: 8px;
	}
	.prgrm-box .sdg-item .sdg-center {
		margin: auto;
	}
	.prgrm-box .sdg-item .sdg-center img {
		width: 150px;
	}
	.prgrm-box .sdg-item .sdg-right {
		border-radius: 20px;
		border: 4px solid #000;
		background-color: #fff;
		text-align: center;
		width: 50%;
		padding: 15px;
	}
	.prgrm-box .sdg-item.blue .sdg-right {
		border-color: #26BDE2;
	}
	.prgrm-box .sdg-item.green .sdg-right {
		border-color: #4C9F38;
	}
	.prgrm-box .sdg-item.yellow .sdg-right {
		border-color: #DDA63A;
	}
	.prgrm-box .sdg-item.red .sdg-right {
		border-color: #E90C0C;
	}
	.prgrm-box .sdg-item.light-red .sdg-right {
		border-color: #FF3A21;
	}
	.prgrm-box .sdg-item.brown .sdg-right {
		border-color: #A21942;
	}
	.prgrm-box .sdg-item.purple .sdg-right {
		border-color: #DD1367;
	}
	.prgrm-box .sdg-item.light-purple .sdg-right {
		border-color: #ED368C;
	}
	.prgrm-box .sdg-item .sdg-right p {
		color: #000;
		font-size: 14px;
		margin: 0;
		padding: 0;
	}
	.sdg-cmp-head {
		display: flex;
		align-items: center;
		gap: 30px;
		justify-content: flex-start;
		margin-top: 30px;
	}
	.sdg-cmp-head h2 {
		font-size: 20px;
		margin-bottom: 8px;
		padding: 0;
	}
	.sdg-cmp-head p {
		margin: 0;
		padding: 0;
	}
	.lh-menu {
		line-height: 1.4 !important;
	}
	.untold-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
  }
  .untold-left h2 {
    margin-right: auto;
    margin-bottom: 10px;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 1.5px;
  }
  .untold-left img {
    margin-bottom: 10px;
  }
  .bg-untold {
    background-color: #2A5EA9;
    border-radius: 40px;
    padding: 30px;
    margin-bottom: 20px;
    width: 100%;
    position: sticky;
    top: 40px;
  }
  .bg-untold .input-top {
    color: #fff;
  }
  .bg-untold h3 {
    font-size: 20px;
    font-weigt: bold;
    color: #fff;
    margin-bottom: 10px;
  }
  .before-refugee {
    font-size: 50px;
    margin-bottom: 5px;
  }
  .blue-untold {
    background-color: #2A5EA9;
    border-radius: 30px;
    color: #fff;
    padding: 20px;
    flex-direction: column;
  }
  .blue-untold h4 {
    margin: 0;
    color: #fff;
    margin-bottom: 25px;
    margin-top: 15px;
    font-size: 35px;
    font-weight: bolder;
  }
  .untold-item {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    margin-bottom: 20px;
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
  }
  .untold-item .count {
    margin-left: auto;
    margin-right: 15px;
    font-weight:bold;
    font-size: 20px;
  }
  .untold-item p {
    margin: 0;
    font-size: 13px;
  }
  .untold-item a {
    color: #E90C0C;
    font-size: 10px;
    font-weight: bold;
    padding: 8px 15px;
    text-decoration: none;
    background-color: #fff;
    border-radius: 20px;
    transition: .4s;
    text-align: center;
  }
  .untold-item a:hover {
    background-color: #E90C0C;
    color: #fff;
  }
  .ways-list li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    margin-bottom: 20px;
    font-weight:bold;
  }
  .ways-list li .light {
    font-weight: normal;
  }
  .bg-untold .radio-toolbar {
    flex-wrap: wrap;
  }
  .bg-untold .radio-toolbar label {
    margin-bottom: 12px;
    width: auto;
  }
  .refugee-new-slide .refugee23-image-column img {
    height: 100%;
    object-fit: cover;
  }
  .bottom-donate-bar {
    display: none;
  }
  .untold-modal .donate-modal-title {
    color: #F27E22;
  }
  .untold-slide-page .display_768 {
    position: relative;
  }
  .bread-don-box {
    background-color: #3b829e;
    padding: 0 20px;
    border-radius: 30px;
    width: 90%;
    margin-left: auto;
  }
  .bread-don-box .radio-toolbar {
    flex-wrap: wrap;
  }
  .bread-don-box .radio-toolbar label {
    width: auto;
    margin-bottom: 15px;
    font-weight: 600;
  }
  .bread-don-box .input-top {
    color: #fff;
    font-weight: 600;
  }
  .bread-don-box h4 {
    color: #fff;
    text-align: center;
    line-height: 26px;
    font-size: 21px;
    margin-bottom: 5px;
  }
  .bread-don-box .general-don-description {
    font-size: 12px;
    color: #fff;
    font-style: italic;
    text-align: center;
    margin-bottom: 0;
  }
  .bread-don-box .don-btn {
    padding: 7px 15px;
  }
  
  .btn-share {
   --btn-color: #05accd;
   width: 100%;
   margin-top: 10px;
   position: relative;
   padding: 11px 20px;
   font-weight: 500;
   font-size: 16px;
   line-height: 1;
   font-weight: 600;
   color: white;
   background: none;
   border: none;
   outline: none;
   border-radius: 10px;
   overflow: hidden;
   cursor: pointer;
   filter: drop-shadow(0 2px 8px rgba(39, 94, 254, 0.32));
   transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
   margin-bottom: 20px;
  }
  .btn-share::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: var(--btn-color);
    border-radius: 10px;
    transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
   .btn-share .btn-text, .btn-share .btn-icon {
     display: inline-flex;
     vertical-align: middle;
     transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
   .btn-share .btn-text {
     transition-delay: 0.05s;
  }
   .btn-share .btn-icon {
     margin-left: 8px;
     transition-delay: 0.1s;
  }
   .btn-share .social-icons {
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     display: flex;
     margin: 0;
     padding: 0;
     list-style-type: none;
     transform: translateY(-50%);
  }
   .btn-share .social-icons li {
     flex: 1;
  }
   .btn-share .social-icons li a {
     display: inline-flex;
     vertical-align: middle;
     transform: translateY(55px);
     transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
     color: #fff;
  }
   .btn-share .social-icons li a:hover {
     opacity: 0.5;
  }
   .btn-share:hover::before {
     transform: scale(1.2);
  }
   .btn-share:hover .btn-text, .btn-share:hover .btn-icon {
     transform: translateY(-55px);
  }
   .btn-share:hover .social-icons li a {
     transform: translateY(0);
     width: 100%;
     text-align: center;
     align-items: center;
     justify-content: center;
  }
   .btn-share:hover .social-icons li:nth-child(1) a {
     transition-delay: 0.15s;
  }
   .btn-share:hover .social-icons li:nth-child(2) a {
     transition-delay: 0.2s;
  }
   .btn-share:hover .social-icons li:nth-child(3) a {
     transition-delay: 0.25s;
  }
  .spec-toolbar {
    flex-wrap: wrap;
  }
  .spec-toolbar label {
    width: auto;
    margin-bottom: 15px;
  }
  .bread-modal-title {
    color: #CB8340 !important;
  }
  .head-don-temp {
    text-align: center;
  }
  .head-don-temp h1 {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: #000;
  }
  .head-don-temp h2 {
    font-size: 32px;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 10px;
    padding-bottom: 0;
    color: #000;
  }
  .content-don {
    padding: 40px 0;
    text-align: justify;
  }
  .box-prple {
    background-color: #8224E3;
    padding: 20px 12px 30px 12px;
    display: flex;
    flex-direction: column;
    height: calc(100% - 30px);
    margin-bottom: 20px;
    width: 100%;
    border-radius: 10px;
    align-items: center;
    text-align: center;
  }
  .box-prple h4 {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 0;
  }
  .box-prple img {
    margin-top: auto;
    height: 60px;
  }
  .prple-item {
    background-color: #8224E3;
    padding: 20px;
    color: #fff;
    margin-bottom: 30px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .prple-item p {
    margin: 0;
  }
  .prple-item ul {
    padding-left: 15px;
    margin: 0;
  }
  .prple-item ul li:not(:last-child) {
    margin-bottom: 15px;
  }
  .prple-item.light {
    background-color: #B66BF3;
  }
  .prple-item img {
    margin-right: 30px;
    width: 65px;
    flex: none;
  }
  .sticky-bread-don {
    position: sticky;
    top: 40px;
    margin-top: 40px
  }

  .blue-dnt-box {
    background-color: #0077C8;
    color: #fff;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    font-size: 15px;
    position: relative;
  }
  .blue-dnt-box.big-one {
    padding-bottom: 140px;
    margin-bottom: 28%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .blue-dnt-box p {
    margin: 0;
  }
  .blue-dnt-box.big-one img {
    position: relative;
    top: 0px;
    margin-bottom: -50%;
    margin-top: 20px;
  }
  .content-don .center-arrow {
    margin: 20px auto;
    display: flex;
  }
  .general-red-btn {
    background-color: #DC3544;
    border: 1px solid #DC3544;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: 600 !important;
    text-align: center;
    min-width: 400px;
    border-radius: 15px;
    transition: .3s;
    padding: 15px;
    display: inline-block;
    margin: 15px 0;
  }
  .general-red-btn:hover {
    color: #DC3544 !important;
    background: #fff;
  }
  .for-foh {
		display: flex;
		align-items: center;
		flex-direction: row;
	}
	.for-foh img {
		margin-right: 15px;
		margin-bottom: 50px;
	}
	.for-foh h1 {
		font-size: 50px;
		margin: 0;
		padding: 0;
	}
	.for-foh p {
		font-size: 16px;
		font-style: italic;
		font-weight: 600;
		color: #fff;
		margin: 0;
		margin-top: 20px;
	}
	.for-foh span {
		font-weight: 400;
		display: block;
		font-size: 14px;
	}
	.foh-content h2 {
		font-size: 35px;
		font-weight: 700;
		line-height: 1.2;
	}
	.foh-content h3 {
		font-size: 24px;
		line-height: 2;
	}
	.foh-content p {
		font-size: 16px;
		line-height: 2;
	}
	.foh-top-box {
		padding: 25px;
		background-color: #0077C8;
		border-radius: 4px;
		color: #fff;
		height: 100%;
	}
	.foh-top-box h1 {
		font-weight: bold;
		font-size: 40px;
		color: #fff;
	}
	.red-general-btn {
		background-color: #E90C0C;
		color: #fff;
		width: 200px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 500;
		font-size: 16px;
		text-decoration: none;
		border-radius: 10px;
		border: 1px solid #E90C0C;
		transition: .4s;
	}
	.foh-top-content {
		width: 75%;
		display: flex;
		text-align: center;
		align-items: center;
		margin: auto;
		flex-direction: column;
	}
	.red-general-btn:hover {
		background-color: #fff;
		color: #E90C0C;
		text-decoration: none;
	}
	.foh-top-right {
		display: flex;
		align-items: center;
		flex-direction: column;
		height: 100%;
		justify-content: center;
	}
	.foh-top-right .trk {
		color: #5CC9E6;
		font-size: 22px;
		font-weight: bold;
		margin-top: 5px;
	}
	.foh-top-right .blue {
		color: #0077C8;
		font-size: 13px;
		font-style: italic;
		font-weight: 300;
		margin-top: 5px;
	}
	.foh-top-right .foh-symbol {
		width: 34%;
	}
	.foh-top-right .foh-emb-logo {
		margin-top: 15px;
		height: 120px;
	}
	.foh-inner-content {
		margin-top: 50px;
	}
	.foh-inner-content h2 {
		font-size: 25px;
		font-weight: bold;
		color: #000;
		margin-bottom: 30px;
	}
	.foh-inner-content h2.red {
		color: #E90C0C;
	}
	.foh-inner-content p {
		font-size: 15px;
		color: #000;
		margin-bottom: 10px;
	}

	.foh-height {
		height: 200px;
	}
	.foh-height-bottom {
		font-size: 14px;
		margin-top: 10px;
		margin-bottom: 0;
	}
	.foh-height-bottom .red {
		color: #E90C0C;
	}
	.foh-blue-box {
		background-color: #0088CE;
    border-radius: 20px;
    padding: 20px 45px;
    margin: 20px 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 360px;
    margin: 30px auto;
	}
	.foh-blue-box .top {
		display: flex;
    align-items: center;
	}
	.foh-blue-box p {
		font-size: 17px;
		color: #fff;
		margin: 0;
		font-weight: bold;
		text-align: center;
	}
	.foh-blue-box .border-b {
		height: 1px;
		width: 60%;
		margin-top: 20px;
		background-color: #fff;
		margin-bottom: 10px;
	}
	.foh-blue-box .price {
		font-weight: bold;
		font-size: 28px;
		color: #fff;
		margin-bottom: 10px;
	}
	.foh-blue-box p.equal {
		font-size: 35px;
		margin: 0 20px;
	}
	.foh-blue-box a {
		background-color: #fff;
		font-size: 12px;
		font-weight: bold;
		color: #E90C0C;
		padding: 6px 15px;
		transition: .4s;
		border-radius: 20px;
		margin-top: 12px;
	}
	.foh-blue-box a:hover {
		color: #fff;
		background-color: #E90C0C;
	}
	.warranty-right {
		display: flex;
		align-items: center;
		flex-direction: column;
		text-align: center;
		justify-content: center;
    height: calc(100% - 30px);
	}
	.warranty-right h5 {
		font-size: 18px;
		font-weight: 600;
		color: #000;
	}
	.h20-cont {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.h20-cont img {
		max-width: 200px;
	}
	.h20-cont h2 {
		font-size: 22px;
		font-weight: 500;
		text-align: center;
	}
	.h20-cont h2 span.blue-big {
		font-size: 35px;
		color: #0077C8;
		display: block;
		font-weight: bold;
	}
	.h20-cont p {
		font-size: 16px;
		text-align: center;
	}
	.h20-cont p .red {
		color: #E90C0C;
		font-weight: 600;
	}
	.h20-cont p .blue {
		color: #0077C8;
		font-weight: 600;
	}
	.h20-cont p.small {
		font-size: 13px;
	}
	.foh-blue-head {
		background-color: #0088CE;
		padding: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		border-radius: 25px;
		width: 100%;
		margin: 30px 0;
		flex-direction: column;
	}
	.foh-blue-head p {
		font-size: 20px;
		margin: 0;
		padding: 0;
		margin-bottom: 5px;
		color: #fff;
	}
	.foh-blue-head p strong {
		font-weight: bold;
	}
	.owl-foh , .owl-std {
		padding: 30px;
	}
	.owl-std {
		padding-bottom: 10px;
	}
	.owl-foh .item img , .owl-std .item img {
		border-radius: 30px;
		height: 180px;
		padding: 15px;
		object-fit: cover;
	}
	.owl-foh .owl-nav , .owl-std .owl-nav {
		position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: inline-flex;
    width: 100%;
    height: 40px;
    margin: auto;
	}
	.owl-foh .owl-nav button , .owl-std .owl-nav button{
		display: inline-flex;
    align-items: center;
	}
	.owl-foh .owl-nav button span , .owl-std .owl-nav button span{
		font-size: 25px;
		color: #0088ce;
		font-weight: bold;
	}
	.owl-foh .owl-next , .owl-std .owl-next{
		margin-left: auto;
	}
	.menu-right-img {
		height: 150px;
	}
	.menu-black {
        color: #000 !important;
    }
    .men-list {
        display: flex;
        align-items: flex-start;
    }
    .men-list li {
        display: inline-flex;
        flex-direction: column;
        line-height: 1.4 !important;
        margin-right: 15px;
    }
    .men-list li img {
        height: 50px;
        object-fit: contain;
    }
    .men-list li span {
        display: block;
        font-size: 12px;
        margin-top: 8px;
    }
	.menu-elm {
		position: relative;
		padding-left: 45px !important;
		height: 40px;
	    display: flex;
	    align-items: center;
	}
	.menu-elm:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
	    width: 40px;
	    height: 40px;
	    background-size: cover;
	}
	.menu-elm.menu-work:before {
		background-image: url(assets/images/menu-img/our-work.png);
	}
	.menu-elm.menu-women:before {
		background-image: url(assets/images/menu-img/women.png);
	}
	.menu-elm.menu-health:before {
		background-image: url(assets/images/menu-img/health.png);
	}
	.menu-elm.menu-education:before {
		background-image: url(assets/images/menu-img/education.png);
	}
	.menu-elm.menu-children:before {
		background-image: url(assets/images/menu-img/children.png);
	}
	.menu-elm.menu-clean:before {
		background-image: url(assets/images/menu-img/clean-water.png);
	}
	.menu-elm.menu-refugee:before {
		background-image: url(assets/images/menu-img/refugee.png);
	}
	.menu-elm.menu-hunger:before {
		background-image: url(assets/images/menu-img/hunger.png);
	}
	.menu-elm.menu-disaster:before {
		background-image: url(assets/images/menu-img/disaster.png);
	}
	.menu-elm.menu-foh:before {
		background-image: url(assets/images/menu-img/foh.png);
	}
	.menu-elm.menu-sdg:before {
		background-image: url(assets/images/menu-img/sdg.png);
		background-size: 100%;
	    background-position: center;
	    background-repeat: no-repeat;
	}
	.menu-elm.menu-partner:before {
		background-image: url(assets/images/menu-img/partner-with-us.png);
	}
	.menu-elm.menu-sweat:before {
		background-image: url(assets/images/menu-img/embreace-with-sweat.png);
	}
	.menu-elm.menu-about:before {
		background-image: url(assets/images/menu-img/about.png);
	}
	.menu-elm.menu-account:before {
		background-image: url(assets/images/menu-img/account.png);
	}
	.menu-elm.menu-annual:before {
		background-image: url(assets/images/menu-img/annual.png);
	}
	.menu-elm.menu-approach:before {
		background-image: url(assets/images/menu-img/approach.png);
	}
	.menu-elm.menu-become-volunteer:before {
		background-image: url(assets/images/menu-img/become-volunteer.png);
	}
	.menu-elm.menu-board:before {
		background-image: url(assets/images/menu-img/board.png);
	}
	.menu-elm.menu-contact:before {
		background-image: url(assets/images/menu-img/contact.png);
	}
	.menu-elm.menu-logs:before {
		background-image: url(assets/images/menu-img/logs.png);
	}
	.menu-elm.menu-our-team:before {
		background-image: url(assets/images/menu-img/our-team.png);
	}
	.menu-elm.menu-research:before {
		background-image: url(assets/images/menu-img/research.png);
	}
	/*
	.menu-elm a {
		position: relative;
	}
	.menu-elm a:after {
		content: '';
		position: absolute;
		bottom: -4px;
		left: 0;
		width: 90%;
		height: 1px;
		background-color: #D9D9D9;
	}
	*/

	
	#megamenu-our-work ul li a , #megamenu-become-a-partner ul li a, #megamenu-about-us ul li a {
		color: #000;
	    text-transform: none;
	}

	.section-title {
	    font-size: 30px;
	    font-weight: bold;
	    margin-bottom: 0px;
	  }
	  .home-gray {
	    margin-top: 60px;
	    padding: 40px 0;
	  }
	  .wht-box {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    background-color: #fff;
	    border-radius: 25px;
	    padding: 15px 20px 60px 20px;
	    flex-direction: column;
	    text-align: center;
	    margin-bottom: 30px;
	    position: relative;
	    height: calc(100% - 30px);
	  }
	  .wht-box h4 {
	    font-size: 22px;
	    margin-bottom: 5px;
	    margin-top: 15px;
	    font-weight: bold;
	  }
	  .wht-box .wht-cntnt {
	    font-size: 14px;
	    line-height: 1.3;
	    margin-top: 5px;
	    width: 80%;
	  }
	  .wht-box.emb-ble-one {
	    background-color: rgba(77, 169, 201, 1);
	    align-items: flex-start;
	  }
	  .wht-box.emb-ble-one h3, .wht-box.emb-ble-one a {
	    font-size: 40px;
	    color: #fff;
	    font-weight: bold;
	    line-height: 1.2;
	    text-transform: uppercase;
	  }
	  .rel-logo-right {
	    position: absolute;
	    right: 0;
	    bottom: 0;
	  }
	  .home-more {
	    width: 50%;
	    padding: 8px 15px;
	    color: #3b85c5;
	    font-weight: bold;
	    font-size: 18px;
	    margin: 15px 0;
	    background-color: #fcfcfc;
	    border-radius: 12px;
	    box-shadow: 0 0 8px hsla(0,0%,44%,.25);
	    transition: .4s;
	    margin-top: auto;
	  }
	  .home-more:hover {
	    color: #fff;
	    text-decoration: none;
	    background-color: #3b85c5;
	  }
	  .wht-lft-btm {
	    position: absolute;
	    left: 15px;
	    bottom: 15px;
	    font-size: 14px;
	    font-weight: bold;
	    display: flex;
	    align-items: center;
	    justify-content: flex-start;
	    color: #3b85c5;
	  }
	  .wht-lft-btm:hover {
	    text-decoration: none; 
	  }
	  .wht-lft-btm img {
	    width: 24px;
	    margin-right: 5px;
	  }
	  .wht-lft-btm.orange {
	    color: #f37f24;
	  }
	  .wht-lft-btm.green {
	    color: #00a564;
	  }
	  .wht-lft-btm.pink {
	    color: #ed368c;
	  }
	  .wht-lft-btm.purple {
	    color: #542c8a;
	  }
	  .qick-home {
	    background-color: #fff;
	    padding: 20px;
	    border-radius: 20px;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    margin: 20px 0 35px 0;
	  }
	  .qick-home .qick-text {
	    font-size: 30px;
	    color:#000;
	    margin: 0;
	    padding: 0;
	    font-weight: 600;
	  }
	  .qick-home .qick-link {
	    background-color: rgba(220, 52, 68, 1);
	    padding: 8px 14px;
	    color: #fff;
	    font-size: 26px;
	    text-align: center;
	    border-radius: 12px;
	    font-weight: bold;
	    border: 2px solid rgba(220, 52, 68, 1);
	    transition: .4s;
	  }
	  .qick-home .qick-link:hover {
	    text-decoration: none;
	    background-color: #fff;
	    color: rgba(220, 52, 68, 1);

	  }
	  .hover-scale {
	    transition: .3s all;
	  }
	  .hover-scale:hover {
	    transform:scale(1.05);
	  }
	  /* owl nav */
	  .owl-prev span, .owl-next span {
	    color: #FFF;
	  }

	  .owl-prev span:hover, 
	  .owl-next span:hover {
	    color: #8199A3;
	  }

	  .home-carousel .owl-prev, .home-carousel .owl-next {
	    position: absolute;
	    top: 0;
	    height: 100%;
	    background-color: transparent;
	      border: none;
	  }

	  .home-carousel .owl-prev {
	    left: 12px;
	  }

	  .home-carousel .owl-next {
	    right: 12px;
	  }
	  .home-carousel {
	    margin-top: 10px;
	  }

	  /* removing blue outline from buttons */
	  button:focus, button:active {
	     outline: none;
	  }
	  .home-carousel .owl-item img {
	    height: 130px;
	    object-fit: cover;
	  }

	.spec-sdg-slide {
		position: absolute;
		right: 12%;
		top: 40px;
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.spec-sdg-slide a {
		background-color: #E90C0C;
	}
	.spec-sdg-slide .btn-flex {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.dropdwn-btn a {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 5px;
		transition: .3s;
		padding: 5px;
		background-color: #fff !important;
	}
	.dropdwn-btn a:hover {
		background-color: #f6f4f4 !important;
	}
	.dropdwn-btn img {
		width: 40px;
		height: 40px;
	}
	.btn-dropdwn-menu {
		padding: 0;
	}
	.drpdwn-after-none.dropdown-toggle:after {
		display: none;
	}

.er-header-buttons .btn-lg {
	padding: .5rem;
}
.don-dnt-right h1.women-title {
    font-size: 30px;
    margin-top: 5px;
  }
  .don-dnt-right p.women-top {
    margin: 0;
  }
  .don-dnt-right img.women-logo {
    width: 150px;
  }
  .section-title-xl {
    font-size: 38px;
    text-align: center;
    font-weight: bold;
    line-height: 1;
  }
  .women-pink-title {
    color: #ED368C;
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    margin: 0;
    margin-bottom: 40px;
  }
  .women-box {
    background-color: #F5F5F5;
    border-radius: 30px;
    padding: 15px 25px;
    box-shadow: 3px 4px 4px 1px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 10px;
    margin-bottom: 30px;
    height: calc(100% - 30px);
  }
  .women-box .pink-box-title {
    color: #ED368C;
    margin: 0;
    font-weight: 700;
    font-size: 24px;
  }
  .women-box .pink-box-soft-title {
    margin: 0;
    color: #ED368C;
    font-weight: 300;
    font-size: 18px;
  }
  .women-box p {
    color: #000000;
    font-size: 14px;
    font-weight: normal;
  }
  .pink-rounded-bg {
    background-color: #ED368C;
    font-size: 19px;
    font-weight: normal;
    color: #fff;
    padding: 15px 30px;
    border-radius: 30px;
    box-shadow: 3px 4px 4px 1px rgba(0, 0, 0, 0.25);
    text-align: center;
    margin: 40px 0;
  }
  .pink-rounded-bg p {
    margin: 0;
  }
  .with-shadow {
    box-shadow: 3px 4px 4px 1px rgba(0, 0, 0, 0.25);
    width: 100%;
    border-radius: 30px;
    margin-bottom: 30px;
  }
  .pink-bg-box {
    background-color: #ED368C;
    padding: 25px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    color: #fff;
    text-align: center;
    height: calc(100% - 30px);
    margin-bottom: 30px;
  }
  .pink-bg-box h3 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
  }
  .pink-bg-box h4 {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
  }
  .pink-bg-box p.italic {
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    margin: 0;
  }
  .big-box-w-bottom {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border: 2px solid #ED368C;
    padding: 30px;
    border-radius: 30px;
    margin-bottom: 50px;
  }
  .big-box-w-bottom .abs-pink-box {
    left: 0;
    right: 0;
    position: relative;
    width: 100%;
    margin-bottom: -80px;
    top: 20px;
  }
  .cross-badge {
  	position: absolute;
    color: #DC3544;
    font-weight: bold;
    border: 2px solid #DC3544;
    padding: 2px 5px;
    transform: rotate(-20deg);
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-table;
  }
  	.social-left {
		position: absolute;
	    top: 27%;
	    bottom: 0;
	    left: 8px;
	    margin: auto;
	}

	.social-left ul {
	    padding: 0px;
	    transform: translate(-270px,0);
	}

	.social-left ul li {
	    display: block;
	    margin: 5px;
	    background: #05accd;
	    width: 300px;
	    text-align: right;
	    padding: 10px;
	    border-radius: 0 30px 30px 0;
	    transition: all 1.5s;
	}

	.social-left ul li:hover {
	    transform: translate(110px,0);
	    background: rgba(0,76,112,.9);
	    transition: all 1.5s;
	}

	.social-left ul li:hover a {
	    color: white;
	}

	.social-left ul li:hover i{
	    color: rgba(0,76,112,.9);
	    background: white;
	    transform: rotate(360deg);
	    transition: all 1.5s;
	}

	.social-left ul li i {
	    margin-left: 10px;
	    color: #05accd;
	    background: white;
	    border-radius: 50%;
	    width: 30px;
	    height: 30px;
	    transform: rotate(0deg);
	    text-align: center;
	    font-size: 20px !important;
	    display: inline-flex;
	    align-items: center;
	    justify-content: center;
	}
	.social-left ul li a {
	    color: #fff;
	    text-decoration: none;
	}

	.social-left ul {
	    z-index: 20;
	    position: relative;
	}
	
  .banner-text-area {
    top: 40px;
    left: 50px;
    position: absolute;
    width: 40%;
    gap: 10px;
    max-width: calc(100% - 60px);
  }
  .banner-text-head {
    font-weight: bold;
    font-size: 50px;
    line-height: 1;
    margin: 0;
    padding: 0;
  }
  .banner-text-subhead {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 25px;
    line-height: 1.2;
  }
  .wh-box {
    background-color: #fff;
    width: 85%;
    height: 100px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 30px;
    box-shadow: 3px 4px 4px 1px rgba(0, 0, 0, .25);
    gap: 10px;
  }
  .wh-box img {
    height: 60px;
  }
  .wh-box .wh-title {
    color: #000;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.2;
  }
  .lr-content {
    gap: 10px;
    height: calc(100% - 15px);
  }
  .lr-content p {
    margin: 0;
    padding: 0;
  }
  .lr-content h2 {
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
    font-size: 32px;
    color: #000;
  }
  .lr-content h4 {
    font-weight: 400;
  }
  .lr-content .blue {
    color: #02ABCD;
  }
  .blue-banner {
    display: flex;
    align-items: stretch;
    margin: 30px 0;
  }
  .blue-banner .left {
    flex-basis: 55%;
    padding: 20px;
    color: #fff;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
  }
  .blue-banner .dark {
    background-color: #02ABCD;
  }
  .blue-banner .bright {
    background-color: #5CC9E6;
  }
  .blue-banner .gray {
    background-color: #F5F5F5;
  }
  .blue-banner .green {
    background-color: #1ABFC7;
  }
  .donate-modal.modal-header {
    max-width: 95%;
  }
  .blue-banner .left h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    margin-top: 10px;
  }
  .blue-banner .left p {
    margin-bottom: 5px;
    margin-top: 20px;
  }
  .blue-banner .right {
    flex-basis: 45%;
    padding: 20px;
    display: flex;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  .blue-banner .right .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50%;
    position: relative;
  }
  .blue-banner .right .item.item-w-shd {
    background-color: #F5F5F5;
    box-shadow: 3px 4px 4px 1px rgba(0,0,0,.25);
    border-radius: 16px;
    padding: 18px 25px;
  }
  .blue-banner .right .item.item-w-shd img {
    padding: 5px;
    border-radius: 50%;
    background-color: #02ABCD;
    margin-bottom: 6px;
  }
  .blue-banner .right .item.item-w-shd .text-inner {
    font-size: 14px;
    margin: 0;
    padding: 0;
  }
  .blue-banner .right .item:first-child::after {
    content: '';
    right: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    height: 90%;
    width: 1px;
    background-color: #fff;
  }
  .blue-banner .right.gray .item:first-child::after {
    background-color: #000;
  }
  .blue-banner .right .item.item-w-shd::after, .blue-banner .right .item.no-after::after {
    content: none;
  }
  .blue-banner .right img {
    height: 80px;
  }
  .blue-banner .right p {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
  }
  .blue-banner .right .title {
    font-size: 20px;
    font-weight: 600;
    margin-top: 6px;
  }
  .blue-banner .right .title-xl {
    font-size: 26px;
    font-weight: 600;
    margin-top: 6px;
  }
  .blue-banner .right .price {
    font-size: 28px;
    
  }
  .blue-banner .right .desc {
    font-size: 12px;
  }
  .blue-banner .right .desc-sm {
    font-size: 10px;
  }
  .blue-banner .right .item ul {
    padding-left: 15px;
  }
  .blue-banner .right ul li {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
  }
  .blue-banner .right ul.dark-list li {
    color: #000;
  }
  .blue-banner .right .item ul.light li {
    font-weight: 400;
  }
  .blue-banner.carousel-blue-banner-item .blue-item-img {
    border-radius: 0;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
  }
  .blue-banner.carousel-blue-banner-item .left {
    border-radius: 0;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  .sign-item {
    margin-bottom: 12px;
  }
  .sign-item h5 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #02ABCD;
  }
  .sign-item p {
    color: #000;
    padding: 0;
    margin: 0;
  }
  .brand-img-box {
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, .12);
    display: inline-flex;
    background-color: #fff;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    margin-top: 10px;
  }
  .brand-img-box img {
    height: 60px;
  }
  .banner-flag-img {
    height: 50px;
  }
  .red-general-btn.bg-wht-btn {
    background-color: #fff;
    border-color: #fff;
    color: #e90c0c;
  }
  .red-general-btn.bg-wht-btn:hover {
    background-color: #e90c0c;
    color: #fff;
    border-color: #e90c0c;
  }
  .blue-item-img {
    width: 100%;
    height: 100% !important;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    object-fit: cover;
    object-position: left;
  }
  .blue-item-img.object-right {
    object-position: right;
  }
  .page-don-btn {
    padding: 5px;
    border-radius: 25px;
    font-size: 14px;
    margin-top: 0;
    height: 39px;
    margin: 0;
  }
  .page-share-btn {
    border-radius: 25px;
    margin: 0;
    background-color: #01768d;
  }
  .page-share-btn.btn-share::before {
  	background: #01768d;
  }
  .year-end-form .radio-toolbar {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
  .year-end-form .radio-toolbar label {
    border-radius: 25px;
    font-weight: 400;
    font-size: 14px;
    margin-right: 10px;
    width: auto;
  }
  .gray-part-ye {
    background-color: #F5F5F5;
    padding: 15px;
    border-radius: 15px;
    margin: 15px 0;
  }
  .gray-part-ye ul {
    padding-left: 15px;
    margin: 0;
  }
  .inner-donation-form {
    background-color: #02ABCD;
    border-radius: 20px;
    padding: 20px;
  }
  .max-h-blue-banner {
    height: calc(100% - 30px);
  }
  .item-w-75 {
    width: 75% !important;
  }
  .va-item {
    flex-basis: calc(20% - 20px);
  }
  .local-events-text {
  	font-size: 15px;
  	line-height: 1.2;
  	margin: 0;
  	text-decoration: none;
  	color: rgb(51, 51, 51);
  }
  .local-events-text:hover {
  	color: rgb(51, 51, 51);
  	text-decoration: none;
  }
  .local-box {
  	gap: 10px;
  	border-bottom: 1px solid #E6E6E6;
  	padding-bottom: 15px;
  	margin-bottom: 15px;
  }
  .local-box .local-events-img-a {
  	flex-basis: 100%;
  }
  .home-event-carousel .item {
  	display: flex;
  	align-items: center;
  }
  .local-box img {
  	height: 100px;
  	object-fit: cover;
  }
  .home-event-carousel .owl-nav {
  	position: absolute;
    top: -35px;
    right: 0;
    gap: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .home-event-carousel .owl-nav .owl-prev, .home-event-carousel .owl-nav .owl-next {
  	    color: #fff !important;
	    font-size: 30px;
	    background-color: #4DA9C9 !important;
	    border-radius: 50%;
	    width: 25px;
	    height: 25px;
  }

    .menu-item-has-children .wp-megamenu-sub-menu a {
	    font-family: 'Poppins';
	    color: #000 !important;
	    font-size: 14px !important;
	    line-height: 36px !important;
	    letter-spacing: 0;
	}
	.wp-megamenu-sub-menu a:hover {
		color: #000;
		text-decoration: none;
	}
  
@media only screen and (max-width: 1300px) {
	.home-carousel .owl-item img {
  		height: 150px;
	}
}



@media only screen and (max-width: 1050px) {
	.col-pad-spec {
		padding-right: 15px;
	}
	.prgrm-box .top img , .prgrm-box .top img {
		width: 50px;
		height: 50px;
		border: 1px solid #fff;
	}
	.prgrm-box .right .top .top-left {
		margin-right: 40px;
	}
	.prgrm-box .right .top h4 {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1920px) {
	.banner-text h1 , .banner-text .title {
		font-size: 2.8vw;
	}
}

@media only screen and (max-width: 992px) {
	.full-mobile {
      width: 50%;
      flex: auto;
      max-width: 50%;
    }
    .d-none-mobile {
    	display: none;
    }
    .bread-don-box {
      padding: 20px;
      width: 100%;
      position: static;
    }
    .item-w-75 {
      width: 100% !important;
    }
	.qurban-impact {
      height: auto;
    }
	.bordered-box {
      margin-left: 0;
    }
	  .head-bg {
      margin-bottom: 15px !important;
    }
    .swt-header {
      font-size: 18px;
    }
	.new-blg-dtl {
		margin: 15px 0;
	  }
	  .new-blg-side-img {
		margin: 0 0 15px 0;
		height: auto;
	  }
	  .summary-list li {
		line-height: 1.6;
		margin-bottom: 10px;
	  }
	.sw-prt-rght {
    	margin-top: 20px;
    	display: block;
    }
    .sw-prt-rght img {
        padding: 0;
	    display: inline-block;
	    height: 150px;
	    width: 49%;
	    object-fit: cover;
	    margin: 0 !important;
    }
    .sw-prt-rght img:first-child {
    	padding-right: 5px;
    }
    .sw-prt-rght img:last-child {
    	padding-left: 5px;
    }
    .ramadan-detail-banner .content h1 {
      font-size: 32px;
    }
    .ramadan-detail-banner .content h1 span {
      font-size: 42px;
    }
    .ramadan-detail-banner .content {
      left: 25px;
      top: 55px;
    }
    .walcat-red-btn {
      font-size: 12px;
      width: 100%;
      margin-bottom: 8px;
      margin-top: 5px;
      padding: 10px 5px;
    }
    .walcat-blue-btn {
      width: 100%;
      margin-top: 8px;
    }
    .page-title {
      margin-bottom: 10px;
      margin-top: 15px;
    }
    .counter {
      margin-bottom: 10px;
    }
    .blue-box {
      margin-bottom: 10px;
      height: 180px;
      padding: 12px 30px;
      border-radius: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .blue-box .blue-content p {
      margin: 0;
      font-size: 15px;
    }
    .white-area {
      width: auto;
    }
    .red-baloon {
      position: relative;
      top: -20px;
      margin-bottom: 0px;
      padding: 8px 6px;
      border-radius: 15px;
    }
    .red-baloon p {
      font-size: 11px;
      font-weight: 500;
    }
	.spns-box {
      width: 300px;
    }
    .spns-box.big-one {
      width: 400px;
    }
    .spns-boxes {
      overflow-x: scroll;
    }
    .spns-head {
      position: static;
    }
	.spns-boxes .spns-box.partnership {
      width: 500px;
    }
    .spns-boxes .spns-box.partnership.big-one {
      width: 400px;
    }
	.spns-box.partnership .spns-cell {
		  height: 300px;
	}
	.spns-box.partnership .spns-cell .spns-list {
		padding-left: 0;
	}
	.spns-box.partnership .spns-cell .spns-list li {
		margin: 6px 0;
	}
	.sign-example {
		padding: 40px;
	}
	.don-card {
		margin-bottom: 20px;
		height: auto;
    }
    .nw-blog-title {
      font-size: 40px;
      margin-bottom: 0;
    }
    .foh-top-content {
		width: 100%;
	}
	.foh-top-box h1 {
		font-size: 30px;
		margin: 0;
	}
	.foh-top-content p {
		font-size: 15px;
	}
	.h20-cont img {
		width: 50%;
	}
	.foh-blue-head p {
		font-size: 16px;
	}
	.warranty-right {
		height: auto;
	}
	.prgrm-box .sdg-item .sdg-left {
		flex: 1 0 auto;
	}
	.prgrm-box .sdg-item .sdg-right {
		width: auto;
	}
	.prgrm-box .sdg-item .sdg-center {
		display: none;
	}
	.prgrm-box .sdg-item {
		gap: 15px;
	}
	.feed-bottom {
		display: block !important;
	}
	.feed-bottom .feed-item {
		width: 49% !important;
		float: left !important;
	}
	.testi-img {
		width: 50%;
	    margin-bottom: 30px;
	    padding-bottom: 30px;
	}
	.banner-text-area {
      width: 100%;
      left: 30px;
    }
    .banner-text-head {
      font-size: 30px;
    }
    .banner-text-subhead {
      font-size: 18px;
    }
    .wh-box {
      width: 100%;
      margin-bottom: 10px;
      height: auto;
    }
    .wh-box img {
      height: 40px;
    }
    .wh-box .wh-title {
      font-size: 16px;
    }
    .banner-flag-img {
      height: 35px;
    }
    .va-item {
      flex-basis: calc(33% - 20px);
    }
    .local-events-text {
	  	font-size: 14px;
	}
}
@media only screen and (max-width: 1350px) and (min-width: 1200px) {
	.banner-text {
	    max-width: 50%;
	}
	.banner-text h1 , .banner-text .title {
	    font-size: 4.2vw;
	}
}
@media only screen and (max-width: 769px) {
	.slider-walkathon-btn {
    	left: 5%;
    	bottom: 12%;
    	width: 180px;
    	padding: 15px;
    	border-radius: 50px !important;
	}
	.home-carousel .owl-item img {
      height: 220px;
    }
	.new-blg-dtl h2 {
		font-size: 25px;
	}
	.qurban-btn-donate {
      margin: auto;
      display: table;
    }
	.abs-bordered img {
      position: static;
    }
    .bordered-box {
      margin-bottom: 20px;
    }
    .qurban-btn-donate {
      margin: auto;
      display: table;
    }
    .qurban-banner {
      top:50px !important;
      bottom: 0;
      flex-direction: column;
    }
    .qurban-banner .top {
      flex-direction: column;
      align-items: flex-start;
    }
    .qurban-banner .top img {
      width: 50%;
      position: relative;
      top: 25px;
    }
    .qurban-banner h1 {
      margin: 0;
      font-size: 20px !important;
      position: relative;
      bottom: 25px;
      display: flex;
      align-items: flex-end;
      flex-direction: column;
    }
    .qurban-banner h1 span {
      font-size: 30px;
      right: 0;
    }
	
	.swt-prt-box {
      border-radius: 12px;
      padding: 15px;
    }
    .sw-prt-rght img {
      padding: 7px;
    }
    .swt-prt-box h4 {
      margin-bottom: 15px;
      font-size: 14px;
      margin-top: 10px;
    }
    .swt-prt-box p {
      margin-bottom: 20px;
      font-size: 14px;
    }
    .swt-don-btn {
      margin-bottom: 7px;
    }
	
	.card-horizontal {
		display: flex;
		flex-direction: column;
	}
	.card-sm-img {
		width: 100%;
	}
	.card-ml-img {
		width: 100%;
	}
	.card-sm-img img {
		border-top-right-radius: 8px;
		border-bottom-left-radius: 0;
	}
	.water-donate {
		width: 100% !important;
	}
	.spec-clean-slider .content h1 {
		font-size: 1.5rem;
		margin-bottom: 0;
		margin-top: 1rem;
	}
	.spec-clean-slider .content {
		top: 4%;
		left: 7%;
	}
	.spec-clean-slider .content p {
		width: 100%;
		padding-right: 20px;
		font-size: 10px;
	}
	.spec-clean-slider .content img {
		height: 3.5rem;
	}
	.spec-clean-slider.spec-sweat-slider .content {
		width: 90%;
		text-align: center;
	}
	.spec-clean-slider.spec-sweat-slider .content img {
		height: 5.5rem;
	}
	.year-title h2::after {
      content: none;
    }
    .year-title {
      margin-bottom: 0;
      margin-top: 15px;
    }
    .year-title h2 {
      margin-bottom: 10px;
    }
    .mobile-market-pad-list {
      padding-left: 15px;
    }
    .market-title {
      font-size: 35px;
    }
    .market-title span {
      font-size: 40px;
    }
	.pg-title-with-img {
      right: 15px;
    }
    .pg-img-title img:first-child {
      width: 150px;
    }
    .nw-blog-list .nw-blog-text h4 {
      font-size: 18px;
      line-height: 1.4;
    }
    .nw-blog-list .nw-blog-text .reading-time {
      margin-bottom: 15px;
    }
    .nw-blg-top .left img {
      height: 40px;
    }
    .nw-blg-top .left h3 {
      font-size: 23px;
      margin-left: 5px;
    }
    .nw-blg-top .right .blg-quick-donate {
      font-size: 15px;
      padding: 10px 15px;
    }
    .nw-blog-list {
      margin: 15px 0;
    }
    .all-blg {
      font-size: 16px;
      margin-top: 0;
    }
    .nw-blg-top .left {
      max-width: 60%;
    }
    .top-blog-btn ul li {
      margin-right: 15px;
      margin-bottom: 15px;
    }
    .top-blog-btn ul li a {
      font-size: 15px;
    }
    .top-blog-btn ul li img {
      height: 20px;
      margin-right: 5px;
    }
    .don-top {
      padding-bottom: 20px;
    }
    .don-dnt-right {
      margin-top: 10px;
    }
    .don-dnt-right img {
      width: 60px;
    }
    .don-dnt-right img.no-mobile {
      display: none;
    }
    .don-dnt-right h1 {
      display: flex;
      align-items: center;
      font-size: 35px;
    }
    .don-dnt-right h1 img {
      margin-left: 10px;
    }
    .bottom-blue-card {
      padding: 20px 15px;
      text-align: center;
    }
    .turkaz-box img {
      margin-bottom: 0;
    }
    .bottom-blue-card h3 {
      font-size: 22px;
      margin-bottom: 15px;
    }
    .bottom-blue-card .item {
      margin-bottom: 8px;
      margin-top: 15px;
      flex-direction: column;
    }
    .bottom-blue-card .item h5 {
      font-size: 18px;
      margin-top: 0;
    }
    .blue-card-btn {
      margin-bottom: 10px;
    }
    .bottom-blue-card .item h6 {
      font-size: 20px;
      margin-right: auto;
      margin-bottom: 15px;
    }
    .bottom-blue-card p {
      font-size: 14px;
    }
    .turkaz-box {
      margin-bottom: 25px;
      height: auto;
      padding: 15px 30px;
    }
    .turkaz-box p {
      margin-bottom: 5px;
    }
    .maps-short .mapp-layout.aligncenter {
      width: 90% !important;
    }
    .newsletter-head {
		font-size: 20px;
	}
	.newsletter-input input, .newsletter-input input::placeholder {
		font-size: 16px;
	}
	.newsletter-submit button {
		font-size: 16px;
	}
	.newsletter-popup .newsletter-right {
		padding: 10px;
	}
	.prgrm-box {
		flex-direction: column;
	}
	.prgrm-box .left {
		width: 100%;
		border-bottom-left-radius: 0;
		border-top-right-radius: 20px;
	}
	.prgrm-box .left img {
		width: 100px;
	}
	.prgrm-box .right {
		width: 100%;
	}
	.prgrm-box .right {
		border-top-right-radius: 0;
		border-bottom-left-radius: 20px;
	}
	.prgrm-box .right .top .top-left {
		margin-right: 0;
		margin-bottom: 12px;
	}
	.prgrm-box .right .top {
		flex-direction: column;
	}
	.prgrm-box .right .bottom h5 {
		font-size: 16px;
	}
	.prgrm-box .right .bottom p {
		font-size: 13px;
	}
	.prgrm-box .left .head {
		font-size: 25px;
		margin-top: 9px;
	}
	.sdg-banner .banner-img {
		height: 250px;
	}
	.sdg-banner .banner-img img {
		height: 100%;
	}
	.sdg-banner .banner-text {
		top: 0;
		bottom: 0;
		justify-content: center;
	}
	.sdg-banner .banner-text h1 {
		font-size: 20px;
	}
	.sdg-banner .banner-text img {
		height: 80px;
	}
	.prgrm-box .right {
		box-shadow: none;
	}
	.untold-left img {
      width: 40%;
    }
    .untold-left h2 {
      font-size: 32px;
    }
    .before-refugee {
      font-size: 32px;
    }
    .untold-slide-page {
      position: relative;
    }
    .untold-slide-page .content {
      width: 100%;
      left: 0;
      text-align: left;
      padding: 0 25px;
      top: 12px;
      z-index: 20;
    }
    .untold-slide-page .content h1 {
      font-size: 1rem;
      margin-top: 8px;
      padding-bottom: 0;
    }
    .untold-slide-page .content h2 {
      font-size: 15px;
      margin-bottom: 4px;
    }
    .untold-slide-page .content p {
      font-size: 12px;
      line-height: 1.2;
      width: 100%;
      margin: 0;
    }
    .refugee-new-slide .refugee-story-column p {
      height: auto;
    }
    .bottom-donate-bar {
      position: fixed;
      left: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #e90c0c;
      height: 55px;
      width: 100%;
      z-index: 9;
    }
    .bottom-donate-bar a {
      color: #fff;
      font-weight: bold;
      font-size: 16px;
      width: 100%;
      text-align: center;
    }
    .mobile-donate-mod.radio-toolbar {
      flex-wrap: wrap;
    }
    .mobile-donate-mod.radio-toolbar label {
      margin-bottom: 12px;
      width: auto;
    }
    .untold-item a {
      width: 100%;
      margin-top: 10px;
      font-size: 12px;
    }
    .untold-item {
      flex-wrap: wrap;
      align-items: center;
    }
    .untold-item p {
      width: 60%;
    }
    .untold-slide-page:after  {
      content: '';
      position: absolute;
      background-color: #000;
      opacity: .3;
      left: 15px;
      top: 0;
      width: calc(100% - 30px);
      height: 100%;
    }
    .foh-top-right {
		margin-bottom: 10px;
		margin-top: 15px;
	}
	.warranty-content {
		flex-direction: column;
	}
	.foh-blue-box {
		padding: 20px;
		width: 100%;
	}
	.warranty-content img {
		margin: 10px 0;
	}
	.sdg-cmp-head {
      flex-direction: column;
    }
    .spec-sdg-slide {
        top: unset;
        bottom: 40px;
        right: 0;
        left: 0;
        align-items: center;
    }
    .spec-sdg-slide .btn-flex {
      flex-direction: row;
      gap: 20px;
    }
    .cross-badge {
    	font-size: 10px;
    	top: 0;
    }
    .blue-banner {
      flex-direction: column;
    }
    .wh-box {
      padding: 5px !important;
    }
    .blue-banner .left {
      border-bottom-left-radius: 0;
      border-top-right-radius: 15px;
    }
    .blue-banner .right {
      border-top-right-radius: 0;
      border-bottom-left-radius: 15px;
    }
    .banner-text-area {
      gap: 5px;
      top: 10px;
      max-width: 60%;
    }
    .banner-text-head {
      font-size: 20px;
    }
    .banner-text-head br {
      display: none;
    }
    .banner-text-subhead {
      font-size: 15px;
    }
    .banner-text-area .red-general-btn {
      font-size: 12px !important;
      height: auto;
      padding: 5px !important;
    }
}
@media only screen and (max-width: 768px) {
  .banner-text {
    left: 15px;
    top: 15px;
    bottom: 8px;
    max-width: 75%;
  }
  .local-box img {
  	width: 250px;
  }
  .local-box .local-events-text {
  	font-size: 17px;
  }
	.spec-controls.home-default {
		top: auto !important;
		bottom: 70px !important;
	}
	.social-left ul li {
		width: 295px;
	}
	.social-left ul li i {
		width: 25px;
		height: 25px;
		font-size: 15px !important;
	}
  .banner-text h1 , .banner-text .title {
    font-size: 15px;
    padding: 0;
  }
  .banner-date p {
    font-size: 10px;
    margin: 0 8px 0 0;
  }
  .cmp-category-btn {
    line-height: initial;
  }
  .banner-bottom-text a.banner-dnt {
    height: auto;
    padding: 1px 9px;
    width: auto;
    font-size: 7px;
  }
  .banner-social-list li {
    line-height: 18px;
  }
  .banner-social-list li a {
    height: 18px;
    width: 18px;
    line-height: 18px;
    font-size: 9px;
  }
  .banner-social-list {
    column-gap: 5px;
  }
  .blue-sum-section {
    margin: 20px 0 10px 0;
  }
  .banner-social-list {
    padding-left: 10px;
  }
  .sum-right-img img {
    margin-top: 0;
    width: 40%;
  }
  .new-blg-dtl p {
    font-size: 13px;
  }
  .new-dnt-bx {
	background-size: 75%;
	background-position: center;
	background-position-y: 75%;
  }
  .general-red-btn {
      min-width: 100%;
      font-size: 13px;
    }
    .btn-dropdwn-menu {
    	left: -15px !important;
    }
    .dropdwn-btn .dropdown-item {
    	padding: 0 5px !important;
    }
    .va-item {
      flex-basis: 100%
    }
    .blue-banner.carousel-blue-banner-item .blue-item-img {
      border-bottom-left-radius: 0;
      border-top-right-radius: 15px;
    }
    .blue-banner.carousel-blue-banner-item .left {
      border-top-right-radius: 0;
      border-bottom-left-radius: 15px;
    }
  
}
@media only screen and (min-width: 768px) {
	.h-100-desktop {
      height: 100%;
    }
    .don-dnt-right img.no-desktop {
      display: none;
    }

}

@media only screen and (max-width: 600px) {
  .blue-sum-section::after {
    left: -9.5%;
    width: 119%;
  }
  .local-box img {
  	width: 150px;
  }
  .blg-qck-dnt-btn-list {
    gap: 10px;
  }
  .blue-blg-dnt-bx h5 {
    font-size: 25px;
    margin: 5px 0 15px 0;
  }
  .blue-blg-dnt-bx p {
    line-height: 1.8;
  }
  .blg-qck-dnt-btn {
    font-size: 13px;
    font-weight: 600;
    text-align: center;
  }
  .bgl-dnt-nw-btn {
    font-size: 14px;
    padding: 5px 12px;
    margin-top: 5px;
  }
}

@media (min-width: 576px) {
	.newsletter-modal .modal-dialog {
	    max-width: 600px;
	}
}
@media only screen and (max-width: 380px) {
    .blue-dnt-box.big-one img {
      margin-bottom: -70%;
    }
  }
/* NEW CSS */