/*=SUB PAGES
----------------------------------------------------------------------------------*/
.header 
{ 			
	
}

.ourmessage .mission_vision_section .content_txt:after {
	display:none;
}

.ourmessage .mission_vision_section h1 {
	line-height: 2.25em;
	font-size: 1.375em;
}

/*.ourmessage .mission_vision_section.mission_ {
	padding: 0 0 0 45px;		
}

.ourmessage .mission_vision_section {
	padding: 0 45px 0 0 ;		
}*/

.page-banner{width:100%;overflow:hidden;position:relative;}
	.page-banner img{width:100%;height:auto;border:none;}
	.page-banner::after{
		width:100%;
		height:25px;
		margin-right: 0 auto;
		background:url("images/rollover.png") no-repeat 55% -400px yellow;

		display:none;
	}
	.page-title{
		color:#765f52;
		font-size:2.75em;
		position:absolute;		    	
    	top:20%;
    	left:7%; 
    	width:50%;   	
	}
	

	.header-img-opicity-layer{
		background-color: #fff;
	    bottom: -20px;
	    height: 50px;
	    opacity: 0.4;
	    position: absolute;
	    width: 100%;

		-moz-box-shadow:     0 1px 3px #729e17 inset;
		-webkit-box-shadow:  0 1px 3px #729e17 inset;
		box-shadow:          0 1px 3px #729e17 inset;
	}


.breadcrumb-wrap{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:47px;
	background: url("images/breadcrumb-bg.png")
}
.breadcrumb-nav{float:left;text-align:left;padding:15px 0px; width:78%;}
.breadcrumb-nav li{display:inline-block;vertical-align:middle; max-width: 94%;overflow: hidden;white-space: nowrap;}
.breadcrumb-nav a{color:#1f1f1f; background: #86ba1a;display:block;font-family:'Lato', sans-serif;font-size:0.75em;font-weight:bold;text-transform:uppercase;}
.breadcrumb-nav a:hover{color:#fff;}
.breadcrumb-homepage a{width:22px;height:20px;background: url("images/rollover.png") no-repeat scroll -199px -11px;text-indent:-9999px;overflow:hidden;font-size:0px;}
.breadcrumb-homepage a:hover{width:22px;height:20px;background: url("images/rollover.png") no-repeat scroll -226px -11px;}

.breadcrumb-sub-page a:before{
	content: "• ";
    color: #629719; 
    margin:0px 10px;
    cursor:pointer;
}
.breadcrumb-nav .current-page{color:#fff;cursor:pointer;}


.breadcrumb-icons{float:right;padding:15px 0px;}
.breadcrumb-icons li{display:inline-block;text-indent:-9999px;overflow:hidden;}
.breadcrumb-icons li a{width:25px;height:15px;display:block;
	background:url("images/rollover.png") transparent no-repeat;
	margin-left: 5px;
}

/*add this widget send mail icon*/
a.at300b .at4-icon, a.at300m .at4-icon{ display:none !important;}

.breadcrumb-icons li .home-page-ico{
	background-position: -7px -741px;
}
.breadcrumb-icons li .print-ico{
	background-position:-41px -741px;
}
.breadcrumb-icons li .share-ico{
	background-position:-101px -446px;
}
.breadcrumb-icons li .send-to-friend-ico{
	background-position:-100px -739px;
}
.breadcrumb-icons li .decrease-font-ico{
	background-position:-195px -739px;
}
.breadcrumb-icons li .normal-font-ico{
	background-position:-163px -739px;
}
.breadcrumb-icons li .increase-font-ico{
	background-position:-131px -739px;
}


.logo_primary a.logo img {
	margin-top: -15px;
}

/* Added ABDULLAH*/
.breadcrumb-icons li .home-page-ico:hover {
	background-position:-7px -767px;
}
.breadcrumb-icons li .print-ico:hover {
	background-position:-41px -767px;
}
.breadcrumb-icons li .share-ico:hover {
	background-position:-101px -615px;
}
.breadcrumb-icons li .at15t, .at16nc, .at300bs{
	background-position:-74px -612px;
}
.breadcrumb-icons li .send-to-friend-ico:hover{
	background-position:-100px -765px;
}
.breadcrumb-icons li .decrease-font-ico:hover {
	background-position:-195px -765px;
}
.breadcrumb-icons li .normal-font-ico:hover {
	background-position:-163px -765px;
}
.breadcrumb-icons li .increase-font-ico:hover{
	background-position:-131px -765px;
}

.aawenbutton {
	width: 130px;
    height: auto;
    display: block;
    position: absolute;
    right: 274px;
    top: -20px;
    z-index: 15;
}

.aawenbutton a{
	background: url(images/aawen-en.jpg) center center;
    height: 30px;
    font-size: 0px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    width: 155px;
}
/* Added ABDULLAH*/


/*=Sub Pages Common
------------------------------*/
.main-content{position:relative;width:100%;min-height:0px;background-color:#fff;}
.main-content .content{display:none;}
.primary-content{position:relative;width:65%;display:inline-block;float:left;}
.page-sidebar{position:relative;width:25%;display:inline-block;float:right;}


/*h1,h2,h3,h4{color:#765f52;}
.main-content p{color:#2e2d2d;line-height:18px;text-align:left;}*/

.page-name{font-size:1.75em;color:#765f52;margin:60px 0px;}
.page-intro, .page-tagline{width: 70%;margin: 0 auto;text-align: center;line-height: 1.5em;}


.page-wrapp{background-color:#e1e1e1;}
.search-page  .page-wrapp .page-name {margin: 60px 0px 30px 0px;}
.page-wrapp .page-name{text-align: center;margin: 60px 0px 10px 0px;}
.page-wrapp .content-wrapper{width:auto;position:relative;margin:0 auto;background-color:#fff;padding:40px;margin:30px 0px 40px 0px;
color:#616161;line-height:22px;text-align:justify;
}
.page-wrapp .profile-pic{float:left;display:inline-block;margin:0px 20px 20px 0px;}
.page-wrapp .name{font-size:1.25em;line-height:26px;color:#765f52;}
.page-wrapp .designation{font-weight:bold;color:#616161;}

.page-wrapp .content-wrapper p{color:#585858;margin:20px 0px;line-height:1.7em;text-align:justify;}
.page-wrapp .content-wrapper blockquote,
.page-wrapp .content-wrapper blockquote p{color:#71584a;font-style:italic;width:94%;margin:0 auto;margin-top:30px;}

.page-wrapp a{color:#476022;font-weight:bold;}
.page-wrapp h4{color:#476022;font-size:1em;font-weight:bold;display:block;position:relative;}


.page-wrapp .content-wrapper ul{margin-bottom: 10px;}
.page-wrapp .content-wrapper ul li{color: #616161;line-height:22px;}

.page-wrapp .content-wrapper ul.listing li {
	color: #616161;
    font-size: 0.8125em;
    position: relative;
    display: block;
    font-weight: bold;
}

.page-wrapp .content-wrapper ul.listing li:before {
	color:#8dc043;
	content:"\2022";
	  font-size:0.8125em;
	  padding-right:0.8125em;
	  position:relative;
	  display:inline-block;
}


.page-wrapp .content-wrapper ul li:before {
  color:#8dc043;
  content:"\2022";
  font-size:0.8125em;
  padding-right:1.25em;
  position:relative;
  display:inline-block;
  padding-left:0;
}
.page-wrapp .content-wrapper ul.circle-category {
	display:flex;
	justify-content: space-evenly;
	margin:0 0 30px;
	}
.page-wrapp .content-wrapper ul.circle-category li {
	list-style-type:none;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
.page-wrapp .content-wrapper ul.circle-category li img {
	transform:scale(1);
	transition:all ease 350ms;
}
.page-wrapp .content-wrapper ul.circle-category li:hover img {
	transform:scale(1.2);
}

.page-wrapp .content-wrapper ul.circle-category li h3 {	
	color:#000;
	font-size:1em;
}
.page-wrapp .content-wrapper ul.circle-category li.founder h3 {	
	color:#01839b;
}
.page-wrapp .content-wrapper ul.circle-category li.legacy h3 {	
	color:#81bb27;
}
.page-wrapp .content-wrapper ul.circle-category li.patrons h3 {	
	color:#72b1c8;
}
.page-wrapp .content-wrapper ul.circle-category li.giving h3 {	
	color:#ef7d00;
}
.page-wrapp a.brown-btn {
	background-color: #765f53;
    text-transform: uppercase;
    font-size: 0.8125em;
    padding: 9px 25px;
    border-radius: 40px;
    color: #fff;
    letter-spacing: .05em;
       margin: 30px 0;
    display: inline-block;
}
.page-wrapp a.brown-btn:hover {
	background-color: #81bb27;
}
.page-back-button{
	font-family:'Montserrat', sans-serif;
	text-align: center;
	background-color: #83b717;
	color: #fff;
	padding: 12px 10px;
	margin: 0 auto;
	margin-top:35px;
	display: block;
	width: 345px;	
	text-align: center;
	 
  	-webkit-border-radius:3px;   
  	-moz-border-radius:3px;     
  	border-radius:3px;
	}
	.page-back-button:hover{
		background-color:#618e04;
		color: #fff;
	}
.page-wrapp .content-wrapper .new-partner-page {
	text-align:center;
}
.page-wrapp .content-wrapper .new-partner-page h2{
	    color: #765f52;
		text-align:center;
}
.page-wrapp .content-wrapper .new-partner-page p {text-align:center; margin: 10px 0;}
.page-wrapp .content-wrapper .new-partner-page ul{
	    color: #765f52;
		margin-bottom:4%;
}
.page-wrapp .content-wrapper .new-partner-page ul.partner-list li{
	
    display: inline-block;
    width: 31%;
    background-color: #f6f6f6;
    height: 146px;
    overflow: hidden;
    margin: 0% 2% 2% 0%;
}
.page-wrapp .content-wrapper .new-partner-page ul.partner-list li a{
	       
    display: block;
   
}
/*=Footer Donation Section
------------------------------*/
	.donation-section-footer{width:100%;background:url("images/green-slide-bg.png") repeat scroll 0 0;position:relative;}
	.donation-section-footer .content{padding:60px 0px 80px 0px;position:relative;}
	.donation-section-footer h4{margin-bottom:10px;font-size:2em;color:#fff;}
	.donation-section-footer p{float:left;width:70%;font-size:1.125em;line-height:22px;color:#fff;}
	.donation-section-footer .donation-button{font-family:'Montserrat', sans-serif;font-weight:bold;font-size:1.25em;float:right;border:6px solid #fff;color:#fff;padding:15px 100px 15px 15px;background-color:#618e04;
	    position:relative;
	}
	.donation-section-footer .donation-button::before{
		background: url("images/beating-heart.png") no-repeat scroll 16px -2px transparent;
	    height: 50px;
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: 60px;	

		-webkit-animation:	play .6s steps(1) infinite;
		-moz-animation: 	play .6s steps(1) infinite;
		-ms-animation: 		play .6s steps(1) infinite;
		-o-animation: 		play .6s steps(1) infinite;
		animation: 			play .6s steps(1) infinite;
	}
	/*=beating heart
	-----------------*/
	@-webkit-keyframes play {
	  0% {
	    background-position:10px -2px;
	  }
	  90% {
	    background-position:-75px -3px;
	  }
	}

	@-moz-keyframes play {
	  0% {
	    background-position:10px -2px;
	  }
	  90% {
	    background-position:-75px -3px;
	  }
	}

	@-ms-keyframes play {
	  0% {
	    background-position:10px -2px;
	  }
	  90% {
	    background-position:-75px -3px;
	  }
	}

	@-o-keyframes play {
	  0% {
	    background-position:10px -2px;
	  }
	  90% {
	    background-position:-75px -3px;
	  }
	}

	@keyframes play {
	  0% {
	    background-position:10px -2px;
	  }
	  90% {
	    background-position:-75px -3px;
	  }    
	}

	.donation-section-footer .donation-button::after{
		background: url("images/donate-btn-shadow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	    bottom: -21px;
	    height: 11px;
	    margin: 0 auto;
	    position: absolute;
	    right: 0;
	    width: 100%;		
	    background-size: 100% auto;

	    -webkit-transition: all 0.1s linear;
		-moz-transition: all 0.1s linear;
		-o-transition: all 0.1s linear;
		transition: all 0.1s linear;
	}




/*=Vision, Mission & Goal Page
------------------------------*/
.vision-mission-goal-page{background-color:#e5e5e5;}

.ourmessage  .mission_vision_section {
	position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: #fff;
    padding: 0 45px 0 0;
}

.ourmessage  .mission_vision_section.mission_  {
	position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: #fff;
    padding: 0 0 0 45px;
}

.ourmessage .mission_vision_section .mvg-content {
	padding: 30px 0 21px 0;
    height: 147px;
    margin-top: 77px;
}

.mission_vision_section{	
	position:relative;
	margin-top:40px;
	margin-bottom:40px;
	background-color:#fff;
	padding:45px;
}

.mission_vision_section .mvg-content {
	    width: 55%;
    padding: 40px 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    display: inline-block;
    height: 230px;
    float: right;
	text-align:left;
}

.mission_vision_section.mission_ .mvg-content {
	float: left;
}
.mission_vision_section img{float:left;}
.mission_vision_section h1{
	
	font-size:1.75em;
	color: #5a8027;
    margin-bottom: 0.625em;
	}

.mission_vision_section h2{
	
	    line-height: 2.25em;
    font-size: 1.375em;
	color: #5a8027;
    margin-bottom: 0.625em;
}	
.mission_vision_section .content_txt{
	
	line-height: 1.125em;
	font-size: 1em;
	color: #646464;
	}
	.mission_ img{
		float:right;
	}
	
	.mission_vision_section .content_txt:after{
		position: absolute;
		margin-left: 0.625em;
		display:inline-block;
		width:1.8125em;
		height:1.4375em;
		background: url('images/rollover.png') no-repeat -65px -476px;
	}
	
	


.goals-section{background-color:#588da4;background:url('images/blue-slide-bg.png');margin-bottom:40px;padding-bottom:30px;text-align:center;}

.goals-statement{position:relative;text-align:center;font-size:1.75em;color:#fff;margin:70px 0px 20px 0px;}
.goals-statement-text{width:56%;text-align:center;color:#fff;margin:0 auto;margin-bottom:80px;}


.goals{
	position: relative;
	width: 29%;
	height: 280px;
	padding-right: 5px;
	margin-left: 5px;
	margin-bottom: 25px;
	display: inline-block;
	overflow: hidden;
	padding: 10px;
}
.goals:hover{background-color:#6496ac;}
.goals .goals-txt{width:100%;display:block;margin-top:100px;}
.goals h2{position:relative;font-size:1.25em;margin-bottom:20px;text-align:center;}
.goals .goals-txt p{font-size:1em;line-height:22px;color:#fff;}
.goals img{position:absolute;top:10px;left:33%;}



.search-header{}
.page-search-widget-calender{width:22%;display:inline-block;background:url("images/rollover.png") 184px -467px #fff no-repeat;}
.page-search-widget-from{}
.page-search-widget-to{margin:0 20px;}
.search-header .search-wrap{width:52%;display:inline-block;float:right;position:relative;}
.page-search-widget-keyword-srch{width:99%;float:right;}
.page-search-widget-button{
	background: url("images/rollover.png") 3px -504px #fff no-repeat;
	width: 57px;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor:pointer;
}
.page-search-widget-years-list{
	width:45%;display:inline-block;background:#fff;padding:9px;
}
select.page-search-widget-years-list{
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;    
}
.page-search-widget-years-list:after{	
	position:absolute;
	right:0px;
	top:0px;
	width:10%;
	height:100%;
	background-color:red;

}

/*=Press Release
------------------------------*/
.press-release-page .page-name{text-align:center;margin:60px 0px 40px 0px;}
.press-release-page{background-color:#e1e1e1;}

/*
.press-release-page .search-header{}
.press-release-page .press-rel-calender{width:22%;display:inline-block;background:url("images/rollover.png") 184px -467px #fff no-repeat;}
.press-release-page .press-rel-from{}
.press-release-page .press-rel-to{margin:0 20px;}
.press-release-page .search-wrap{width:50%;display:inline-block;float:right;position:relative;}
.press-release-page .press-rel-keyword-srch{width:99%;float:right;}
.press-release-page .search-button{
	background: url("images/rollover.png") 3px -506px #fff no-repeat;
	width: 57px;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor:pointer;
}*/

.press-release-page .new-wrapper{position:relative;margin:30px 0px;}

.press-release-page .press-news{
	width: auto;
	height: 224px;
	min-height: 224px;	
	margin-bottom:35px;
	background-color: #fff;	
	position: relative;
}

.press-news.newsletterplugin .imagethumb {
	float:left;
}

.press-news.newsletterplugin .content-wrapp {
	/*padding: 10px 20px 20px 350px;*/
	float: left;
    width: 68%;
}
.press-release-page .newsletterplugin > a {float:left;}
.imagethumb {
	background-size: cover;
    width: 334px;
    height: 224px;
    display: inline-block;
    background-position: center;
}
.press-news .content-wrapp{padding:20px 20px 20px 20px;}
.press-release-page .press-news .title{margin:10px 0px 5px 0px; font-size:1em;}
.press-release-page .press-news .title a{font-family:'Montserrat', sans-serif;color:#765f52;}
.press-release-page .press-news .title a:hover{color:#8dc043;}
.press-release-page .press-news p{line-height:22px;}
.press-release-page .press-news p a { color:#8dc043; font-size:0.875em;}
.press-release-page .press-news img{position:relative;float:left;margin-right:20px;width:334px;height:224px;}
.press-release-page .press-news img{position:relative;float:left;margin-right:20px;width:334px;height:224px;}
.press-release-page .press-news.newsletterplugin p  {
	font-size: 0.875em;
}

.press-release-page .press-news.newsletterplugin .title{
	color: #765f52; 
	margin-top: 10px;
	margin-bottom: 5px;
    font-size: 1em;
}


.press-release-page .press-news.newsletters {
	height: 190px;
    min-height: 190px;
	overflow:hidden;
}

.press-release-page .press-news.newsletters img {
	width: 363px;
    height: auto;
}


.press-release-page .press-news.newsletterplugin p span{
	display:block;
	font-weight:bold;
	    font-size: 0.75em;
}

.press-release-page .press-news.newsletterplugin p  a {
	display:block;
	color: #ba1a38;
    text-decoration: underline;
    font-weight: bold;
    text-transform: lowercase;
	font-size: 0.8125em;
}

.news-date{font-size: 0.8125em;color:#765f52;margin:10px 0px;display:inline-block;}
.news-date .date-title{color:#b4b4b4;float:left;margin-right:5px;}


/*social sharing*/
.news-social-sharing{position:absolute;top:15px;right:20px;}
.news-social-sharing li{display:inline-block;width:30px;height:30px;margin-left:10px;overflow:hidden;background:url("images/social-icons.png") transparent no-repeat;cursor:pointer;}

.photo-gallery-social-widget{right:14%;}
.video-gallery-social-widget{right:10%;}

.SS-original-button{
	filter:alpha(opacity=0.1); 
   	opacity:0.01;
   	width:100%;
   	height:100%;
   	z-index:999;
   }
.news-social-sharing .shr-fb{
	background:url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/08/Facebook-Brn.png") transparent no-repeat;
	background-size:contain;
}
.news-social-sharing .shr-fb:hover{
	background:url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/08/Facebook-Grn.png") transparent no-repeat;
	background-size:contain;
}

.news-social-sharing .shr-twtr{
	background:url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/08/Twitter-Brn.png") transparent no-repeat;
	background-size:contain;
}
.news-social-sharing .shr-twtr:hover{
	background:url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/08/Twitter-Grn.png") transparent no-repeat;
	background-size:contain;
}

.news-social-sharing .shr-lnkdin{
	background:url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/08/LinkediN-Brn.png") transparent no-repeat;
	background-size:contain;
}
.news-social-sharing .shr-lnkdin:hover{
	background:url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/08/LinkediN-Grn.png") transparent no-repeat;
	background-size:contain;
}

.ui-datepicker{width:14.5em!important;}



/*=press release detail page
-----------------------------*/
.news-detail{width:100%;min-height:600px;background-color:#fff;overflow:hidden;padding-bottom:60px;}
.news-detail aside{text-align:center;background-color:#d8d8d8;}
.news-detail h1{
	width: 60%;
	text-align: center;
	margin: 0 auto;
	margin-bottom:30px;
	line-height:32px;
	color:#765f52;
}
.news-detail img{position:relative;margin:0 auto;vertical-align:bottom;}
.news-detail .news-detail-date{
	display: block;
	text-align: center;
	margin: 40px 0px;
	color: #a2a2a2;
	font-size: 0.875em;
	font-style: italic;
}
.news-detail .news-detail-headline{
	font-size: 1.25em;
	font-weight: bold;
	width: 60%;
	display: block;
	color: #616161;
	margin: 0 auto;
	line-height: 24px;
	text-align: center;
}

.news-detail-social-sharing{display:block;text-align:center;margin:35px 0px;}
.news-detail-social-sharing li{
	width: 175px;
	height: 30px;
	background-color:#765f52;
	display: inline-block;
	margin-left: 25px;
	color:#ffffff;
	cursor:pointer;
	overflow:hidden;
	background:url('images/social-icons.png')  #765f52 no-repeat;
	}	
	.news-detail-social-sharing .shr-fb{
		background-position: 0px 0px;
	}
	.news-detail-social-sharing .shr-twtr{
		background-position: 0px -49px;
	}
	.news-detail-social-sharing .shr-lnkdin{
		background-position: 0px -92px;
	}

.news-detail-story{
	width: 80%;
	margin:0 auto;
	text-align: justify;
}
.news-detail-story p{color:#616161;line-height:24px;margin:20px 0px;line-height:22px;text-align:justify;}
.news-detail-story strong{
	color:#616161;
	font-weight: bold;
}

.news-detail-story blockquote,
.news-detail-story blockquote p{color:#71584a;font-style:italic;width:100%;margin:0 auto;margin-top:30px;font-weight:bold;}


.news-detail-story a{color:#8dc043;font-weight:bold;}
.news-detail-story h4{color:#8dc043;font-size:1em;font-weight:bold;display:block;position:relative;margin-left:14px;}
.news-detail-story h4:before{position:absolute;width:15px;height:15px;	
	content:" ";
	background: url("images/rollover.png") -13px -571px no-repeat;
	top: 0px;
	left: -16px;
}


.news-detail-story ul{}
.news-detail-story ul li{color: #616161;margin: 20px;line-height: 22px;}
.news-detail-story ul li:before{
	color:#8dc043;
	content:"\2022";
	font-size:0.8125em;	
	position:relative;
	top:0px;
	left:-17px;	
}

/*=MAKE DONATION
------------------------------*/
.donation-page{background-color:#e1e1e1;}
.donation-page .content-wrapper p{line-height:26px;color:#616161;margin:0px 20px;}

.donation-page .page-name{text-align: center;margin: 60px 0px 20px 0px;}
.donation-page .content-wrapper{width:auto;min-height:400px;background-color:#fff;margin:30px 0px 60px 0px;padding:30px;}

.donation-means{margin-top:50px;text-align:left;}
.donation-means li{
	width: 33%;
	height: 210px;
	display: inline-block;
	vertical-align: top;
	position:relative;	
	transition:all ease 350ms;
	}
	
	.donation-means li:after{
		position:absolute;
		right:0px;
		top:10px;
		height:90%;
		width:1px;
		background-color:#e9e5e3;	
		display:none;
	}
	.donation-means li:before{
		position:absolute;
		left:17px;
		bottom:0px;
		height:1px;
		width:90%;
		background-color:#e9e5e3;	
		display:none;
	}
	.no-border-right{}
	.no-border-right:after{
		background-color:#fff!important;
	}
	.no-border-bottom{}
	.no-border-bottom:before{
		background-color:#fff!important;
	}

	.donation-means li:nth-child(7):before{background-color:#fff;}
	.donation-means li:nth-child(8):before{background-color:#fff;}	
	.donation-means li:nth-child(9):before{background-color:#fff;}
	.donation-means li:nth-child(10):before{background-color:#fff;}
	.donation-means li:nth-child(10):after{background-color:#fff;}
	/* .donation-means li:nth-child(9):after{background-color:#fff;} */
	.donation-means li:nth-child(3):after{background-color:#fff;}
	.donation-means li:nth-child(6):after{background-color:#fff;}
	

.donation-means li a{display: inline-block;text-align: center;padding-top:38%;width:100%;  transition:all ease 350ms;}
.donation-means h2{font-size:1.25em;font-weight:bold;color:#765f52;margin-top:20px;text-align:center;}
.donation-means li:hover h2{color:#8dc043;}


.donation-means .donation-means-credit-card{
	background: url("images/images/donation-page-credit-card.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .donation-means-credit-card:hover{
	background: url("images/images/donation-page-credit-card-on.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .donation-means-bank-transfers{
	background: url("images/images/donation-page-bank-transfer.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .donation-means-bank-transfers:hover{
	background: url("images/images/donation-page-bank-transfer-on.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .donation-means-cheque{
	background: url("images/images/donation-page-cheque.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .donation-means-cheque:hover{
	background: url("images/images/donation-page-cheque-on.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .donation-means-telephone{
	background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2019/03/Telephone.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .donation-means-telephone:hover{
	background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2019/03/Telephone-Grn.png") #fff no-repeat;	
	background-position: 50% 40%;
}

.donation-means .socioladder{
	background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2020/05/SocioLadder-Eng-Br-NEW-1.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .socioladder:hover{
	background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2020/05/SocioLadder-Eng-NEW.png") #fff no-repeat;	
	background-position: 50% 40%;
}

.donation-means .fundraising-toolkit{
	background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2020/05/Fundraising-Toolkit-Eng-Br-NEW-1.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .fundraising-toolkit:hover{
	background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2020/05/Fundraising-Toolkit-Eng-NEW.png") #fff no-repeat;	
	background-position: 50% 40%;
}

.donation-means .donation-means-mobile-sms{
	background: url("images/images/donation-page-mobile-sms.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .donation-means-mobile-sms:hover{
	background: url("images/images/donation-page-mobile-sms-on.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .donation-means-credit-card-2{
	background: url("images/images/donation-page-zakat.png") #fff no-repeat;	
	
	background-position: 50% 40%;
}
.donation-means .donation-means-credit-card-2:hover{
	background: url("images/images/donation-page-zakat-on.png") #fff no-repeat;	
		
	background-position: 50% 40%;
}
.donation-means .donation-means-justgiving{
	background: url("images/images/donation-page-just-giving.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .donation-means-justgiving:hover{
	background: url("images/images/donation-page-just-giving-on.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .donation-means-teamaljalila{
	background: url("images/images/donation-page-team-aljalila.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .donation-means-teamaljalila:hover{
	background: url("images/images/donation-page-team-aljalila-on.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .donation-means-mpay{
	background: url("images/images/donation-page-mpay.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .donation-means-mpay:hover{
	background: url("images/images/donation-page-mpay-on.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .donation-means-hopasports{
	background: url("images/images/donation-page-hopasports.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .donation-means-hopasports:hover{
	background: url("images/images/donation-page-hopasports-on.png") #fff no-repeat;
	background-position: 50% 40%;
}
.donation-means .yalla-give{
	background: url("images/images/donation-page-yalla-give.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .yalla-give:hover{
	background: url("images/images/donation-page-yalla-give-on.png") #fff no-repeat;
	background-position: 50% 40%;
}
.donation-means .donation-box{
	background: url("http://www.aljalilafoundation.ae/wp-content/uploads/2019/03/donation-page-donation-box.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .donation-box:hover{
	background: url("http://www.aljalilafoundation.ae/wp-content/uploads/2019/03/donation-page-donation-box-on.png") #fff no-repeat;
	background-position: 50% 40%;
}
.donation-means .point-of-sale{
	background: url("http://www.aljalilafoundation.ae/wp-content/uploads/2019/03/donation-page-point-of-sale.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .point-of-sale:hover{
	background: url("http://www.aljalilafoundation.ae/wp-content/uploads/2019/03/donation-page-point-of-sale-on.png") #fff no-repeat;
	background-position: 50% 40%;
}
.donation-means .banking-services{
/*	background: url("http://www.aljalilafoundation.ae/wp-content/uploads/2019/03/donation-page-banking-services.png") #fff no-repeat;	*/
	background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/05/Bank-Transfer-Brn.png") #fff no-repeat;
	background-position: 50% 40%;
}
.donation-means .banking-services:hover{
/*	background: url("http://www.aljalilafoundation.ae/wp-content/uploads/2019/03/donation-page-banking-services-on.png") #fff no-repeat; */
	background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/05/Bank-Transfer-Grn.png") #fff no-repeat;
	background-position: 50% 40%;
}
.donation-means .applications{
	background: url("http://www.aljalilafoundation.ae/wp-content/uploads/2019/03/donation-page-applications.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .applications:hover{
	background: url("http://www.aljalilafoundation.ae/wp-content/uploads/2019/03/donation-page-applications-on.png") #fff no-repeat;
	background-position: 50% 40%;
}


.donation-means .tooba{
	background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/11/Tooba-Eng-Brn-NEW-e1700139066599.png") #fff no-repeat;	
	background-position: 50% 25%;
}
.donation-means .tooba:hover{
	background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/11/Tooba-Eng-Grn-NEW-e1700139079646.png") #fff no-repeat;	
	background-position: 50% 25%;
}


.donation-means .aawen-fundraising{
	background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2022/03/Patient-Crowdfunding-Brn.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .aawen-fundraising:hover{
	background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2022/03/Patient-Crowdfunding-Grn.png") #fff no-repeat;
	background-position: 50% 40%;
}


.donation-means .cryptocurrency:hover{
	background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2022/08/Bitcoin-Eng-grn-NEW-e1660731911161.png") #fff no-repeat;	
	background-position: 50% 40%;
}
.donation-means .cryptocurrency{
	background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2022/08/Bitcoin-Eng-brn-NEW-e1660731923623.png") #fff no-repeat;
	background-position: 50% 40%;
}

.donation-means .endowment-waqf:hover{
	background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/05/WAQF-Grn-NEW-English-1.png") #fff no-repeat;	
	background-position: 50% 25%;
}
.donation-means .endowment-waqf{
	background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/05/WAQF-Brn-NEW-English-1.png") #fff no-repeat;
	background-position: 50% 25%;
}

/*=BOARD OF TRUSTEE
------------------------------*/
.board-of-trustees-page.trustees-cirlce .container{width: 92%; margin: 0 auto;}
.board-of-trustees-page.trustees-cirlce .container p {padding:17px 0;}
.board-of-trustees-page.trustees-cirlce li { }
.board-of-trustees-page.trustees-cirlce li h2 {
	    background: #1f1d1dad !important;
    width: 100%;
    display: block;
    position: absolute;
    padding: 7px 10px 5px 12px;
    color: #fff;
    min-height: 45px;
    bottom: 0;
    text-align: left;
    font-size: 0.6875em;
    font-weight: 400;
}

.board-of-trustees-page.trustees-cirlce li{
	width: 225px;
    height: 225px;
	padding:0;
	    margin: 0% 1% 4% 2%;
}

.board-of-trustees-page .board-of-trustees {text-align:center;     display: grid;
    
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 35px 20px;}
.board-of-trustees-page .scientific-advisory-committee{text-align:center; }
.board-of-trustees-page{background-color:#e1e1e1;}
.board-of-trustees-page .page-name{text-align: center;margin: 60px 0px 10px 0px;}
.board-of-trustees-page .content-wrapper{width:100%;min-height:400px;background-color:#fff;margin:40px 0px 60px 0px;padding:30px 0px;}
.board-of-trustees-page .text{padding:0px 30px;}
.board-of-trustees-page .content-wrapper p{color:#616161;line-height:22px;text-align:justify;}

.board-of-trustees{text-align:center;}

.board-of-trustees.basmapage li{
	margin: 5px 5px 5px 5px;
}

.board-of-trustees li{
	width: 300px;
    height: 300px;
	padding:10px;
	display:inline-block;
	vertical-align:top;
	position:relative;	
	background-color:#f6f6f6;
	margin: 5px 5px 5px 5px;
	overflow:hidden;
	margin: 0% 2% 4% 2%;
	text-align:left;
}

.board-of-trustees.board-of-director li{
	width:auto;
	height:auto;
	padding:10px;
	display:inline-block;
	vertical-align:top;
	position:relative;	
	background-color:#f6f6f6;
	margin: 5px 5px 5px 5px;
	overflow:hidden;
	margin: 0% 2.5% 4% 2.5%;
}

.board-of-trustees.scientific-advisory-committee li{
	width: 24%;
    height: auto;
	padding:10px;
	display:inline-block;
	vertical-align:top;
	position:relative;	
	background-color:#f6f6f6;
	margin: 5px 5px 5px 5px;
	overflow:hidden;
	margin: 0% 2.5% 4% 2.5%;
}

	.board-of-trustees li h2{font-size:0.875em;color:#2e2d2d;text-align:center;margin:20px 0px 0px 0px;}
	.board-of-trustees-page .board-of-trustees li p{color:#6b6b6b;text-align:center;}
.reports-con {
	text-align:left;
	    padding-left: 25px;
}
.reports-con li{	
	background-color:transparent;
	color:#7b7b7b;
	}
.reports-con li span{    
	font-size: 1em;
    color: #7b7b7b;
    text-align: left;
    margin: 20px 0px 6px 0px;
    font-weight: 600;
    display: block;}
.our-message li{/*height:320px;*/}


.board-of-trustees-profile-page.trustees-cirle-single .content-wrapper {
	    padding: 0;
    margin: 30px 0px 40px 0px;
}

.board-of-trustees-profile-page.trustees-cirle-single .profile-pic {
	height: 310px;
    width: auto;
	    margin: 0px 20px 0 0px;
}

.board-of-trustees-profile-page.trustees-cirle-single .profile-details{margin-top:0;text-align:justify;}
.board-of-trustees-profile-page.trustees-cirle-single .profile-details p{
	color: #616161;
    margin: 0 0px;
    line-height: 22px;
    font-size: 1em;
    font-weight: 600;
    padding: 30px 19px 19px 19px;
}

.board-of-trustees-profile-page.trustees-cirle-single .profile-details strong{
	color: #998478;
    line-height: 24px;
    display: block;
}
/*=BOARD OF TRUSTEE PROFILE PAGE
------------------------------*/
.board-of-trustees-profile-page{background-color:#e1e1e1;}
.board-of-trustees-profile-page .page-name{text-align: center;margin: 60px 0px 20px 0px;}
.board-of-trustees-profile-page .content-wrapper{width:auto;margin: 0 auto;background-color:#fff;padding:40px;margin:30px 0px 40px 0px;}
.board-of-trustees-profile-page .profile-pic{float:left;display:inline-block;margin:0px 20px 10px 0px;}
.board-of-trustees-profile-page .name{font-size:1.25em;line-height:26px;color:#8dc043;}
.board-of-trustees-profile-page .designation{font-weight:bold;color:#616161;}
.board-of-trustees-profile-page .profile-details{margin-top:30px;text-align:justify;}
.board-of-trustees-profile-page .profile-details p{color:#616161;margin:20px 0px;line-height:22px;}
.board-of-trustees-profile-page .profile-details blockquote,
.board-of-trustees-profile-page .profile-details blockquote p{color:#71584a;font-style:italic;width:94%;margin:0 auto;margin-top:30px;font-weight:bold;}

.board-of-trustees-profile-page .profile-details ul{}
.board-of-trustees-profile-page .profile-details ul li{color: #616161;line-height:22px;margin: 20px;}
.board-of-trustees-profile-page .profile-details ul li:before {
  color:#8dc043;
  content:"\2022";
  font-size:0.875em;  
  position:relative;
  top:0px;
  left:-17px;
}


/*=SEARCH PAGE
------------------------------*/
.search-page{}
.search-page .content-wrapper{
	margin: 0 auto;
	background-color:#e1e1e1;	
	padding:0PX;
	margin: 30px 0px 40px 0px;
}
.search-page .content-wrapper article{background-color:#fff;padding:15px;margin-bottom:20px;/*min-height:150px;*/}


/*=SITEMAP PAGE
------------------------------*/
.sitemap .sub-level1:before{				
	}	
	.sitemap .sub-level1{
		width: 100%;
		float: left;
		clear: both;	
	}	
	.sitemap .sub-level1>li:before{
		content:"" !important;
		display:block !important;
	}
	.sitemap .sub-level1>li>a{
		border: solid 1px #ccc;
		padding: 14px 7px;
		margin: 0 17px 10px 0;
		border-radius: 10px;
		float: left;
		width: 31%;
		text-align: center;
		font-size: 1em;
	}		
	.sitemap .sub-level1>li>a:hover{
		 background:#8dc043;
		 color:#fff;
	}	
	.sitemap .sub-level1>li:after{
		
	}	
	.sitemap .sub-level2{
		width: 100%;
		float: left;
		clear: both;
		margin-top:-9px;
	}
	.sitemap .sub-level2>li:before{
		content:"" !important;
		display:block !important;
	}
	.sitemap .sub-level2>li:first-child:before{
			background: #8dc043;
			width: 1px;
			padding: 0;
			height: 30px;
			margin: 0 0 0 14%;
	}
	.sitemap .sub-level2>li>a{
		border: solid 1px #ccc;
		padding: 10px 7px;
		margin: 0 17px 10px 0;
		border-radius: 10px;
		float: left;
		width: 31%;
		text-align: center;
		font-size: 0.8125em;
		color:#000;
	}
	.sitemap .sub-level2>li>a:hover{
		 background:#8dc043;
		 color:#fff;
	}
	.sitemap .sitemaplistin>li{
			display: block;
			margin: 10px 0;
			float: left;
			width: 100%;
	}
	.sitemap .sitemaplistin>li:before{ content:"" !important; padding:0 !important;}
	.sitemap .sitemaplistin>li>a{
		border: solid 1px #ccc;
		padding: 15px 0;
		margin: 0 17px 20px 0;
		border-radius: 10px;
		float: left;
		width: 100%;
		text-align: center;
		font-size: 1.25em;
		font-weight: 600;
		background: #8dc043;
		color: #fff;
	}



/*=SOCIAL MEDIA CHANNELS PAGE
------------------------------*/
.social-media-channels-list{position:relative;width:73%;display:inline-block;}
.social-media-channels-list li{width:340px;display:inline-block;margin-right:20px;margin-bottom:30px;vertical-align:top;float:left;position:relative;text-align:left;}
.social-media-channels-list li:before{content:none !important;}

.social-media-channels-list .facebook_, .twitter_{height: 486px;overflow:hidden;}

.linkedin{text-align:center;}
.linkedin .widget-wrapper{border:1px solid #e3dfdc;}
.linkedin .widget-wrapper img{width:100%;}
.linkedin .text{text-align:center;margin-top:-10px;padding-bottom:13px;}
.linkedin p{width:80%;margin:0 auto!important;margin-top:20px!important;margin-bottom:20px!important;color:#755f51;}

.instagram ul{}
.instagram ul li{border:1px solid red; padding:5px;}
.instagram .widget-wrapper{border:1px solid #e3dfdc;padding: 15px;}



.youtube-channel-widget{
	float:right;	
	position:relative;			
}	
.youtube-channel-widget ul{}
.youtube-channel-widget ul li{margin-top:2px!important;margin-bottom:10px!important;height:auto!important;border-bottom:1px dashed #baafa8;padding-bottom:10px;}
.youtube-channel-widget ul li:before{content:none !important;}
.youtube-channel-widget ul li:last-child{border:none;}
.youtube-channel-widget ul li a{margin:10px 0px;}
.youtube-channel-widget .widget-wrapper{border: 1px solid #e3dfdc;padding: 10px;}


 .widget-header{
 	font-family: 'Montserrat', sans-serif;
	color: #755f51!important;
	text-align: left;
	display: inline-block;
	font-size: 0.875em;
	line-height: 30px;
	margin: 10px 0px;
	vertical-align: middle;
	text-transform: uppercase;
	width: auto;
	padding-left: 42px;
	}
	.widget-header:hover{color:#8dc043!important;}
	.widget-header:before{
		content:' ';
		background: url("images/social-icons.png") #fff no-repeat;
		width:30px;
		height:30px;
		position:absolute;
		top:10px;
		left:0px;
	}

 .SMC-page-fb-ico:before{background-position:-0px -137px;}
 .SMC-page-twitter-ico:before{background-position:-0px -175px;}
 .SMC-page-linkedin-ico:before{background-position:-0px -288px;}
 .SMC-page-instagram-ico:before{background-position:-0px -250px;}
 .SMC-page-youtube-ico:before{background-position:0px -212px;}

 .ytce-gallery{margin-bottom:0px!important;}
 div.ytce-gallery li{}
._4s7c{border:1px solid #e3dfdc!important;border-top-color:#e3dfdc!important;}
div.ytce-gallery li div a{
	font-family: 'Montserrat', sans-serif;	
	text-align: left;
	display: inline-block;
	font-size: 0.875em;
}


/*=PARTNERS PAGE
------------------------------*/
.our-partners li{height:116px;}
.our-partners .content-wrapper li:hover h2{color:#8dc043;}


/*=Media Gallery Pages - photo gallery + video gallery
------------------------------*/
.media-gallery-page{}

/*=EVENT PAGE
------------------------------*/
.event-page .content-wrapper{}


/*=FAQs PAGE
------------------------------*/
.page-faqs .content-wrapper{padding:0px;}
.page-faqs .content-wrapper{background-color:#e1e1e1;}
.page-faqs .content-wrapper ul li{position:relative;margin-bottom:20px;background-color:#fff;}
.page-wrapp .content-wrapper ul li:before{
	content:none;
}

.page-faqs .question{background-color:#fff;color:#8dc043;padding:15px;cursor:pointer;font-size:1.125em;text-align:left;min-height:50px;}
.page-faqs .question:hover{background-color:#8dc043;color:#fff;}
.page-faqs .question:before{
	content: ' ';
	background: url('images/faq-close.jpg') no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 5%;
	height: 100%;
	background-size: 30px;
	background-color: #8dc043;
	background-position: 50%;
	background-size:100%;
}
.page-faqs .faq-active:before{
	content:' ';
	background: url('images/faq-open.jpg') no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 5%;
	height: 52px;
	background-size: 30px;
	background-position: 50%;
	background-size:100%;
}
.page-faqs .answer{margin:0px;padding:15px;display:none;text-align:left;}

.page-faqs .faq-active{color:#fff;background-color:#8dc043;}
.page-faqs .faq-ans-active{display:block;}



/*=CONTACT US
------------------------------*/
.address-text{width:45%;display:inline-block;float:left;}
.address-map{width:auto;display:inline-block;float:right;}
.fi-enquiry-form .form{clear:both;margin-top:40px;}
.fi-enquiry-form .form-upload-file-btn{top:44px;right:0px;height:43px;background-color:#765f52; }
.fi-forms .address-text p strong,.fi-forms .address-text strong{color:#8dc043;}
.fi-forms .address-text a{color:#5c5c5c;font-weight:normal;}
.fi-forms .address-text a:hover{color:#8dc043;}

.fi-forms .selected-item-dropdown:after{background:url(images/rollover.png) -260px -69px;width:17px;height:17px;}

.fi-forms .form .selected-item-dropdown{font-family:'Lato', sans-serif;font-size:0.875em;border:2px solid #765f52;}
.fi-forms .form .donation-dropdown .iteam-list{background:none;background-color:#eeeeee;font-family:'Lato', sans-serif;border:2px solid #765f52;}

.fi-forms .form .contact-message{border:2px solid #765f52;color:#616161;}

.fi-enquiry-form .form input{border:2px solid #765f52;color:#765f52!important;}
.fi-enquiry-form .form input:hover{border:2px solid #765f52;}
.fi-enquiry-form .form input:focus{};
.fi-enquiry-form .form input:focus:hover{border:2px solid #765f52;};
.fi-enquiry-form .form input:selected{border:2px solid #765f52;};

.fi-enquiry-form .form_error{border:2px solid red!important;}
.fi-forms .submit-button{float:right;background-color:transparent;border:2px solid #765f52; color:#765f52;padding:15px 80px;text-transform:uppercase;}
/*=sentebale page
------------------------------*/
.three-imgs-layout{float:left;text-align:center;margin:0px 20px 10px 0px;display:block;}
.three-imgs-layout img{margin-bottom:10px;}
.page-wrapp a.three-imgs-layout-button{color:#fff;}
.raised-shares{padding: 0; text-align: left; width: auto !important; float: left; position: absolute; top: 4px; z-index: 3; color: #fff; font-weight: bold;}
.raised-shares h4{ text-align:left; color: #837d7d;}
.goal-shares{padding:0;text-align:right;width: auto !important;float: right; right:8px;  position: absolute; top: 4px; color: #fff; z-index: 3;}
.goal-shares h4{color:#837d7d;}
.innercircle{ width: 45px; height: 45px; position: absolute; right: -15px; background: #0080007a; top: -7px; border-radius: 34px; z-index: 8; }
.incircle{width: 30px; height: 30px; background: green; margin: auto; border-radius: 16px; position: absolute; left: 5px; right: 5px; bottom: 5px; top: 5px;}
.share_chart{width: 100%;  position: relative; padding: 15px; display: block; clear: both; background: #eeeeee; border-radius: 15px; margin-bottom: 40px;}
.default_chart{position: absolute;left: 0;right: 0;height: 30px;z-index: 1;top: 0;border-radius: 15px;background: #eeeeee; }
.progress_chart{position: absolute; top: 0; height: 30px;  z-index: 1; border-radius: 15px; background: rgb(87,160,61);background: linear-gradient(90deg, rgba(87,160,61,1) 0%, rgba(59,126,35,1) 51%, rgba(59,126,35,1) 100%);}