/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

/*--------------------- Fonts start ----------------------*/

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
.ibm-plex-sans {
	font-family: "IBM Plex Sans", sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color:#222;
	font-family: "Inter", sans-serif;
}
.inter {
	font-family: "Inter", sans-serif;
}
*:focus {
	outline: none;
}
.row-flex {
	display: flex;
	flex-wrap: wrap;
}
.content {
	height: 100%;
}
/*--------------------- Fonts end ----------------------*/

body {
	font-family: "Inter", sans-serif;
	color: #222222;
	font-size:18px;
	padding-top:170px;
	font-weight:400;
	overflow-x:hidden; line-height:26px;
}
a {
	color:#0f8115;
	text-decoration: none;
}
a:hover {
	color: #222222;
	text-decoration: none;
}
.font-36 {
	font-size:36px
}
.font-54 {
	font-size:54px!important
}
.font-30 {
	font-size:30px!important
}
.font-26 {
	font-size:26px!important
}
.font-24 {
	font-size:24px!important
}
.font-22 {
	font-size:22px!important
}
.font-14 {
	font-size:14px!important
}
.font-18 {
	font-size:18px!important
}
.font-16 {
	font-size:16px!important
}
.font-20 {
	font-size:20px!important
}
.bg-green {
	background:#27a22d!important
}
p {
	color:#222222;
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom:100px;
	z-index: 996;
	background:#27a22d;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	transition: all 0.4s;
}
.back-to-top i {
	font-size: 28px;
	color: #fff;
	line-height: 0;
}
.back-to-top:hover {
	background: #000;
	color: #fff;
}
.back-to-top.active {
	visibility: visible;
	opacity: 1;
}
/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
.top-bg {
	background:#222;
	max-width:100%;
	margin: 0 auto;
	min-height:58px;
}
.top-bg p {
	padding:10px 0 10px 0;
	color:#fff;
	margin:0;
}
#topbar {
	padding:6px 0;
	font-size: 16px;
	float:left;
}
#topbar ul {
	margin:0;
	padding:0;
}
#topbar li {
	list-style:none;
	margin:0 36px 0 0;
}
#topbar .contact-info i {
	font-style: normal;
	color: #ff9f0d
}
#topbar .contact-info i a, #topbar .contact-info i span {
	padding-left: 5px;
}
#topbar .contact-info i a {
	line-height: 0;
	transition: 0.3s;
}
.social-links {
	float:right;
	margin-left:15px;
}
.social-links {
	border-right:solid 1px #565656
}
.social-links a {
	color:#fff;
	line-height:41px;
	transition: 0.3s;
	padding:7px 15px 7px 15px!important;
	display:inline-block;
	text-align:center;
	border-left:solid 1px #565656
}
.social-links a:hover {
	color:#1eb35a
}
.social-links a:before {
	font-size:20px;
}
.donate-now {
	background:#27a22d;
	color:#fff!important;
	border-radius:50px;
	padding-right:30px!important;
	padding-left:30px!important
}
.donate-now:before {
	display:none
}
.donate-now:hover {
	background:#000
}
#topbar .social-links a:hover {
}
#topbar ul {
	float:right;
}
#topbar li {
	font-size:16px;
	padding:7px 10px 9px 0;
	float:left
}
#topbar li a {
	color:#fff;
	padding:0
}
#topbar li a:hover {
	color:#27a22d
}
#topbar li {
	position:relative
}
#topbar li span {
	display:block;
	color:#ff9f0d
}
#topbar li i {
	font-size:18px;
	text-align:center;
	line-height:33px;
	margin-right:5px
}
.separator {
	background:url(../img/bodere-img.png) no-repeat center center;
	width:1px;
	height:45px
}
#top-section {
	background:#fff;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
	transition: all 0.5s;
	z-index: 997;
	transition: all 0.5s;
	background: #fff;
	padding:18px 0;
	display:block;
	float:left;
	width:100%;
	border-bottom:solid 1px #cdcdcd
}
#header .logo {
	float:left;
	padding:0;
	margin-top:0;
	display:block;
	position:relative;
	z-index:999;
}
#header .logo a {
	display:block
}
#header .logo h1 {
	font-size: 26px;
	padding: 0 0 0 8px;
	margin: 11px 0;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: "Poppins", sans-serif;
	border-left: 8px solid #ff9f0d;
}
#header .logo h1 a, #header .logo h1 a:hover {
	color: #545454;
	text-decoration: none;
}
#header .logo img {
	padding: 0;
	margin: 0;
	transition: 0.3s;
}
.scrolled-offset {
	margin-top:140px;
}
#myHeader {
	position:fixed;
	z-index:999;
	width:100%;
	top:0;
	height:126px;
}
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	background:rgba(255, 255, 255, 0.99)!important;
	z-index:999;
}
.sticky .top-bg {
	display:none
}
.sticky .logo img {
	max-width:322px;
	transition: 0.3s;
}
.navbar .active {
	position:relative
}
.sticky .navbar ul {
	margin: 16px 0 0 0;
	transition: 0.3s;
}
.navbar ul {
	transition: 0.3s;
}
.navbar .active:before {
	position:absolute;
	width:30%;
	content:"";
	left:0;
	right:0;
	height:2px;
	z-index:999;
	background:#27a22d;
	bottom:8px
}
.navbar a {
	position:relative;
}
.navbar a:hover:before {
	position:absolute;
	width:30%;
	content:"";
	left:0;
	right:0;
	height:2px;
	z-index:999;
	background:#27a22d;
	bottom:8px
}
.sticky .navbar a:hover:before {
	background:#000;
}
.sticky .navbar a:hover, .sticky .navbar .active, .sticky .navbar .active:focus, .sticky .navbar li:hover>a {
	color:#000
}
.sticky .navbar a, .sticky .navbar a:focus {
	color:#000
}
.sticky .donate-now {
	color:#fff!important
}
.sticky .active:before {
	background:#27a22d
}
.sticky .navbar:before a:hover {
background:#27a22d
}
#myHeader {
	position: fixed;
	z-index: 999;
	width: 100%;
	top: 0;
	height: 126px;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
	padding:0 15px 0 0;
	float:right;
}
.navbar ul {
	margin:20px 0 0 0;
	padding:0;
	display: flex;
	list-style: none;
	align-items: center;
	width:100%;
	float:right;
}
.navbar li {
	position: relative;
	margin-left:12px;
	margin-right:12px
}
.navbar li:last-child {
	margin-right:0;
}
.navbar a, .navbar a:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:15px 0 15px 0;
	font-size:16px;
	color: #222;
	text-transform:uppercase;
	white-space: nowrap;
	transition: 0.3s;
}
.navbar a i, .navbar a:focus i {
	font-size: 12px;
	line-height: 0;
	margin-left: 5px;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {
	color:#27a22d;
}
.navbar .getstarted, .navbar .getstarted:focus {
	background: #ff9f0d;
	padding: 8px 20px;
	margin-left: 30px;
	border-radius: 4px;
	color: #fff;
}
.navbar .getstarted:hover, .navbar .getstarted:focus:hover {
	color: #fff;
	background: #ec7f6d;
}
.navbar .dropdown ul {
	display: block;
	position: absolute;
	left: 24px;
	top: calc(100% + 30px);
	margin: 0;
	padding: 10px 0;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	transition: 0.3s;
}
.navbar .dropdown ul li {
	min-width: 200px;
}
.navbar .dropdown ul a {
	padding: 10px 20px;
	font-size: 14px;
	text-transform: none;
	color: #545454;
}
.navbar .dropdown ul a i {
	font-size: 12px;
}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a {
	color: #ff9f0d;
}
.navbar .dropdown:hover>ul {
	opacity: 1;
	top: 100%;
	visibility: visible;
}
.navbar .dropdown .dropdown ul {
	top: 0;
	left: calc(100% - 30px);
	visibility: hidden;
}
.navbar .dropdown .dropdown:hover>ul {
	opacity: 1;
	top: 0;
	left: 100%;
	visibility: visible;
}
@media (max-width: 1366px) {
.navbar .dropdown .dropdown ul {
left: -90%;
}
.navbar .dropdown .dropdown:hover>ul {
left: -100%;
}
}
/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
	color: #545454;
	font-size: 28px;
	cursor: pointer;
	display: none;
	line-height: 0;
	transition: 0.5s;
}
@media (max-width: 1280px) {
.mobile-nav-toggle {
display: block;
}
.navbar ul {
display: none;
}
}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
	width: 100%;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1;
}
.hero-play .video-popup {
	width:136px;
	height:136px;
		background: rgb(189,238,78);
	background: linear-gradient(90deg, rgba(189, 238, 78, 1) 20%, rgba(101, 195, 145, 1) 100%);
	display:block;
	line-height:133px;
	text-align:center;
	border-radius:100%;
	position:relative;
	z-index:999;
}
#hero .carousel-item {
	height:790px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top right;
}
#hero .carousel-container {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	padding-bottom: 120px;
}
#hero .carousel-content {
	text-align: left;
}
.hero-play2 {
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	width:85px;
	height:85px;
	z-index:0;
}
.circle-bg {
	width:886px;
	height:509px;
	float:left;
	padding:80px 100px 43px 0;
	margin-top:109px;
	position:relative;
	z-index:200;
}
.circle-bg h4 {
	color:#222;
	font-size:20px;
	margin-bottom:15px;
}
.circle-bg h4 {
	position:relative;
	z-index:999
}
#hero h2 {
	margin-bottom:5px;
	font-size:78px;
	color:#222;
	font-family: "IBM Plex Sans", sans-serif;
	font-weight:700;
	font-style: normal;
	position:relative;
	z-index:10;
	line-height:80px;
	margin-bottom:30px
}
#hero .btn-get-started {
	position:relative;
	z-index:9999
}
#hero h2 span.head-italic {
	color: #27a22d;
	background:#ebe8e7;
	border-radius:40px;
	font-weight:400;
	padding:0 20px;
	display:inline-block
}
#hero h2 span {
	font-weight:400;
}
#hero p {
	animation-delay: 0.4s;
	margin: 0 auto 30px auto;
	color: arken(#545454, 15);
	text-align: left;
}
#hero .carousel-inner .carousel-item {
	transition-property: opacity;
	background-position: center top;
}
#hero .carousel-inner .carousel-item, #hero .carousel-inner .active.carousel-item-start, #hero .carousel-inner .active.carousel-item-end {
	opacity: 0;
}
#hero .carousel-inner .active, #hero .carousel-inner .carousel-item-next.carousel-item-start, #hero .carousel-inner .carousel-item-prev.carousel-item-end {
	opacity: 1;
	transition: 0.5s;
}
#hero .carousel-inner .carousel-item-next, #hero .carousel-inner .carousel-item-prev, #hero .carousel-inner .active.carousel-item-start, #hero .carousel-inner .active.carousel-item-end {
	left: 0;
	transform: translate3d(0, 0, 0);
}
 @media (min-width:768px) {
#hero .carousel-control-prev, #hero .carousel-control-next {
width: 10%;
}
#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {
background:none;
font-size: 48px;
line-height: 1;
width: auto;
height:auto;
}
#hero .carousel-indicators button {
list-style-type: none;
cursor: pointer;
overflow: hidden;
border: 0;
width: 21px;
height:16px;
border-radius: 50px;
 opacity:1;
border:solid 2px #1eb35a;
background:transparent;
transition: width .10s;
display:block;
margin-bottom:6px
}
#hero .carousel-indicators button.active {
opacity:1;
border:solid 2px #1eb35a;
background:#1eb35a;
width:36px;
height:16px;
transition: width .10s;
}
}
#hero .btn-get-started {
	font-size:22px;
	letter-spacing: 1px;
	display: inline-block;
	padding:24px 50px;
	border-radius:50px;
	transition: 0.5s;
	line-height: 1;
	color: #fff;
	animation-delay: 0.8s;
	background: #27a22d;
	font-family: "Inter", sans-serif;
}
#hero .btn-get-started:hover {
	background:#000;
	color: #fff;
	text-decoration: none;
	border: 2px solid #000;
}
.glow-1 {
position:relative
}
.glow-1:before {
background:url(../img/glow-1.png) no-repeat center top;
width:799px;
height:829px;
content:"";
position:absolute;
top:-200px;
left:-20%;
z-index:0
}


.glowcss {
	position:relative
}
.glowcss:before {
	background:url(../img/glow-1.png) no-repeat left top;
	width:799px;
	height:829px;
	content:"";
	position:absolute;
	top:-100px;
	left:-200px;
	background-size:100%;
	z-index:9999;
}


.glowcss2 {}
.glowcss2:before {
background:url(../img/glow-1.png) no-repeat left top;
width:799px;
height:829px;
content:"";
position:absolute;
bottom: -90px;
right: -110px;
background-size:100%;
z-index:0;
}

.glowcss2 .tab-pane { z-index:99; position:relative}

.explore-more {
	font-size:16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 18px 32px;
	border-radius:50px;
	transition: 0.5s;
	line-height: 1;
	margin: 10px;
	color: #222;
	animation-delay: 0.8s;
	background: rgb(189,238,78);
	background: linear-gradient(90deg, rgba(189, 238, 78, 1) 20%, rgba(101, 195, 145, 1) 100%);
}
.explore-more:hover {
	background:#000;
	color:#fff;
	text-decoration: none;
}
.explore-more2 {
	font-size:22px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 19px 75px;
	border-radius:50px;
	transition: 0.5s;
	line-height: 1;
	margin: 10px;
	color: #222;
	animation-delay: 0.8s;
	background: rgb(189,238,78);
	background: linear-gradient(90deg, rgba(189, 238, 78, 1) 20%, rgba(101, 195, 145, 1) 100%);
	float:right
}
.explore-more2:hover {
	background:#000;
	color:#fff;
	text-decoration: none;
}
.padd-2 {
	padding:19px 18px; font-size:18px;
}
.voir-tout-2 {
	font-size:20px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 15px 35px;
	border-radius:50px;
	transition: 0.5s;
	line-height: 1;
	margin: 10px;
	color: #222;
	animation-delay: 0.8s;
	background: rgb(189,238,78);
	background: linear-gradient(90deg, rgba(189, 238, 78, 1) 20%, rgba(101, 195, 145, 1) 100%);
	float:right
}
.voir-tout-2:hover {
	background:#000;
	color:#fff;
	text-decoration: none;
}
.event-sec {
	padding:0 0 80px 0
}
.img-css {
	position:absolute;
	width:270px;
}
.bg-theam-2 {
	background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 49px, transparent 49px) 0% 0%/50px 50px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 49px, transparent 49px) 100% 0%/50px 50px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 49px, transparent 49px) 0% 100%/50px 50px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 49px, transparent 49px) 100% 100%/50px 50px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 100px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 100px) calc(100% - 2px) no-repeat, linear-gradient(115deg, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%);
	border-radius: 50px;
	padding:23px 40px 23px 114px;
	box-sizing: content-box;
	margin:40px 0 0 0
}
 @media (max-height: 768px), (max-width: 1200px) {
#hero {
margin-bottom:0;
}
#hero .carousel-container {
padding-bottom: 0;
}
#hero .carousel-indicators li {
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
#hero .carousel-control-prev, #hero .carousel-control-next {
width: 5%;
}
}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
	padding:60px 0 60px 0;
}
.section-bg {
	background-color: white;
}
/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
	padding: 20px 0 20px 0;
	background: #f7f7f7;
	border-bottom: 1px solid #ededed;
	margin-bottom: 40px;
}
.breadcrumbs h2 {
	font-size: 28px;
	font-weight: 700;
	color: #545454;
}
.breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 14px;
}
.breadcrumbs ol li+li {
	padding-left: 10px;
}
.breadcrumbs ol li+li::before {
display: inline-block;
padding-right: 10px;
color: #6e6e6e;
content: "/";
}
/*--------------------------------------------------------------
# Flash-box
--------------------------------------------------------------*/
.flash-box {
	background:#27a22d;
	padding:15px 0 0 0
}
.flash-box .owl-carousel2 {
	margin-bottom:0
}
.flash-box2 {
	margin-top:-338px;
	position:relative;
	z-index:99
}
.flash-box .flash-crousel ul {
	margin:0 0 0 -30px;
	padding:0;
	list-style:none;
	cursor:pointer;
	transition: 0.3s;
}
.flash-img img {
	transition: 0.3s;
}
.flash-box .flash-crousel ul li {
	display:inline-block;
}
.flash-box .flash-crousel ul li.flash-img {
	max-width:230px;
	position:relative
}
.flash-box .flash-crousel ul img {
	transition: all 0.4s ease-out;
	border-top-left-radius:80px;
	border-top-right-radius: 80px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 80px;
	margin:-4px 0 50px 47px;
	position:relative;
	z-index:99
}
.flash-crousel .owl-stage-outer {
	padding:19px 0 0 0
}
.flash-box .flash-crousel ul li.flash-txt-box {
	position: absolute;
	padding:50px 70px;
	background:#0f8115;
	border-radius:50px;
}
.flash-box .flash-crousel ul li.flash-txt-box h3 {
	color:#000;
	margin-bottom: 8px;
	font-size:1.75rem;
	display:inline-block;
}
.flash-box .flash-crousel ul li.flash-txt-box h3 a {
	color:#fff;
	transition: 0.3s;
	font-weight:500;
	font-size:20px;
}
.flash-box .flash-crousel ul li.flash-txt-box p {
	line-height:30px;
	font-size:1.125rem;
	margin-bottom: 0;
	padding-right:50px;
	color:#fff
}
.flash-head {
	font-size:1.375rem;
	color:#222;
	text-align:center;
	min-height:68px;
	width:270px;
	line-height:65px
}
.flash-scroll-txt {
	width:100%
}
.flash-scroll-txt {
	color:#000;
	font-size:1.125rem;
	text-align:center;
	height:68px;
	line-height:65px;
	position:relative;
	padding:0 10px;
	font-weight:300;
}
.flash-scroll-txt:before {
	width:2px;
	height:35px;
	background:#e9ffb9;
	content:"";
	left:0;
	top:15px;
	position:absolute
}
.owl-theme .owl-nav {
	margin-top: 0;
	position: absolute;
	top:54%;
	z-index: 999;
	width: 100%;
}
.k-img {
	position:relative;
	cursor:pointer;
}
.k-content {
	position:absolute;
	bottom:20px;
	left:20px;
	right:20px;
	max-width:100%;
	margin:0 auto;
	display:block;
	background-size:100%;
	transition: 0.3s;
	cursor:pointer;
	z-index:55;
	background:#fff;
	padding:15px;
	border-radius:30px;
	height:125px;
}
.k-img:hover .k-content {
	transition: 0.3s;
}
.k-img:hover:before {
	opacity: 0.50;
	transform: perspective(400px) scaleY(1.0);
}
.k-img:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	opacity: 0;
transition: .5s;
	transform: perspective(400px) scaleY(0);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	z-index: 1;
}
.k-content h6 {
	font-size:15px;
	border-radius:50px;
	color:#fff;
	font-weight:400;
	background:#27a22d;
	display:inline-block;
	padding:11px 22px 11px 22px;
}
.k-content h3 {
	font-size:22px;
	color:#222;
	font-weight:400;
}
.k-btn-2 {
	position: absolute;
	bottom:-4px!important;
	right:-5px!important;
	width: 66px;
	height: 66px;
}
.k-btn {
	position: absolute;
	bottom:-24px;
	right:27px;
	width: 66px;
	height: 66px;
}
.k-btn .btn-arrow a {
	background: rgb(189,238,78);
	background: linear-gradient(90deg, rgba(189, 238, 78, 1) 20%, rgba(101, 195, 145, 1) 100%);
	border-radius:100%;
	width:52px;
	height:52px;
	display:block;
	text-align:center;
	vertical-align:middle;
	padding:0;
	line-height:61px;
	text-align:center;
	transition: all ease-in-out 0.3s;
	-webkit-transition: 0.70s;
	-moz-transition: 0.70s;
	-ms-transition: 0.70s;
	-o-transition: 0.70s;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.k-img:hover .btn-arrow a {
	background: rgb(101,195,145);
	background: linear-gradient(90deg, rgba(101, 195, 145, 1) 0%, rgba(189, 238, 78, 1) 100%);
	transition: all 0.3s ease-out 0s;
}
.k-img:hover .btn-arrow a {
	transition: 0.70s;
	-webkit-transition: 0.70s;
	-moz-transition: 0.70s;
	-ms-transition: 0.70s;
	-o-transition: 0.70s;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.kid-arrow i {
	font-size:28px;
	color:#000;
	line-height:0;
}
/*--------------------------------------------------------------
# kid-participate
--------------------------------------------------------------*/


.glow-one {
	position:relative
}
.glow-one:before {
	background:url(../img/glow-1.png) no-repeat center top;
	width:688px;
	height:829px;
	content:"";
	position:absolute;
	top:-150px;
	left:-20%;
	z-index:0;
	background-size:100%
}
.glow-one:after {
	background:url(../img/glow-1.png) no-repeat right top;
	width:688px;
	height:829px;
	content:"";
	position:absolute;
	top:15%;
	right:-20%;
	z-index:0;
	background-size:100%
}
.row {
	position:relative;
	z-index:99
}
.container {
	position:relative;
	z-index:0
}
#kid-participate .container {
	z-index:10;
	position:relative
}
.heading {
	margin-bottom:40px;
}
.heading h6 {
	font-size:1.5rem;
	color: #27a22d;
}
.heading h3 {
	font-size:2.769rem;
	color: #222;
	font-weight:600;
	font-family: "IBM Plex Sans", sans-serif;
}
.heading p {
	font-size:1.25rem;
	font-weight:400
}
/*--------------------------------------------------------------
# Our Services
--------------------------------------------------------------*/
.services .icon-box {
	background:#fff;
	position:relative;
	background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 49px, transparent 49px) 0% 0%/50px 50px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 49px, transparent 49px) 100% 0%/50px 50px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 49px, transparent 49px) 0% 100%/50px 50px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 49px, transparent 49px) 100% 100%/50px 50px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 100px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 100px) calc(100% - 2px) no-repeat, linear-gradient(115deg, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%);
	border-radius: 50px;
	padding: 41px 41px 35px 41px;
	box-sizing: content-box;
}
.services .icon-box .icon-left {
	position: relative;
	z-index: 2;
}
.services .icon-box .icon {
	width:124px;
	height:124px;
	background: rgb(189,238,78);
	background: linear-gradient(90deg, rgba(189, 238, 78, 1) 20%, rgba(101, 195, 145, 1) 100%);
	border-radius:100%;
	border-radius: 100px;
	padding:0;
	text-align:center;
	line-height:124px;
	position:absolute;
	right:-50px;
	top:-65px
}
.services .icon-box-2 {
	padding: 34px;
	background:#fff;
	border-radius:20px;
	box-shadow: 2px 2px 16px 0px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 2px 2px 16px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 2px 2px 16px 0px rgba(0, 0, 0, 0.16);
	position:relative;
}
.services .icon-box-2 .icon-left {
	width:120px;
	position: relative;
	z-index: 2;
	padding:15px 0;
}
.services .icon-box-2 .icon {
	width: 96px;
	height: 96px;
	background: #27a22d;
	border-radius: 100px;
	padding:21px;
	margin:-85px 0 0 0
}
.services .icon-box-2 .icon img {
	max-width:100%;
}
.services .icon-box .icon i {
	color: #fff;
	font-size: 28px;
	transition: ease-in-out 0.3s;
}



.services .icon-box .ser-benfit-content2 { padding-right:30px}


.services .icon-box .ser-benfit-content h4 {
	margin-bottom: 10px;
	font-size:20px;
	color:#222;
	line-height:26px;
	padding-right:80px;
}
.services .icon-box .ser-benfit-content h4 a {
	color:#222;
}
.services .icon-box .ser-benfit-content h4 a:hover {
	color:#27a22d;
}
.services .icon-box .ser-benfit-content p {
	line-height:24px;
	font-size:18px;
	margin-bottom: 0;
}
.services .black-box {
	padding:143px 50px 40px 50px;
	text-align:center;
	color:#fff;
	margin-left:28px;
	position:relative;
	position: relative;
	background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 49px, transparent 49px) 0% 0%/50px 50px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 49px, transparent 49px) 100% 0%/50px 50px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 49px, transparent 49px) 0% 100%/50px 50px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 49px, transparent 49px) 100% 100%/50px 50px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 100px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 100px) calc(100% - 2px) no-repeat, linear-gradient(115deg, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%);
	border-radius: 50px;
	min-height:484px;
}
.black-box {
	cursor:pointer!important
}
.services .black-box .foldr-icon {
	margin:0 auto 25px auto;
	width:152px;
	height:152px;
	background: rgb(189,238,78);
	background: linear-gradient(90deg, rgba(189, 238, 78, 1) 20%, rgba(101, 195, 145, 1) 100%);
	border-radius:68px 68px 18px 68px;
	padding:38px 31px;
	position:absolute;
	left:0;
	right:0;
	top:-50px
}
.services .black-box .foldr-icon img {
	max-width:100%;
}
.services .black-box h4 {
	margin-bottom: 10px;
	font-size:22px;
	color:#010101;
	line-height:26px;
}
.services .black-box p {
	color:#222;
	line-height:25px;
	font-size:18px;
}
.services .black-box .ser-btn {
	position:absolute;
	bottom:-20px;
	right:40px;
	width:66px;
	height:66px;
	transition: all 0.3s ease-out 0s;
}
/*--------------------------------------------------------------
# kid-participate
--------------------------------------------------------------*/




.team-img {
	position:relative;
}
.team-img .frame {
	position:absolute;
	left: 0;
	z-index:22;
	bottom: 0;
	width:100%;
	height:70%;
	color:#fff;
	padding:20px;
}
.team-img .frame:hover {
	cursor:pointer
}
.team-img .frame:hover .date-2 {
	background:#cac7c6
}
.team-img .frame:hover h3 span {
	color:#27a22d
}
.team-img-2 {
	overflow:hidden;
}
.hover-style2 {
	cursor:pointer
}
.hover-style2 .img-holder img {
	width: 100%;
	transition: all 3500ms ease;
}
.hover-style2 .img-holder {
	position: relative;
	display: block;
	overflow: hidden;
}
.hover-style2 .img-holder:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:rgba(0, 0, 0, 0.4);
}
.hover-style2:hover .img-holder:after {
	background:rgba(0, 0, 0, 0);
}
.hover-style2 .img-holder:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	background:rgba(14, 146, 107, 1 );
	opacity: 1.0;
transition: .5s;
	transform: perspective(400px) scaleY(0);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	z-index: 1;
}
.hover-style2:hover .img-holder:before {
	opacity: 0.50;
	transform: perspective(400px) scaleY(1.0);
}
.hover-style2:hover .img-holder img {
	transform: scale(1.3) rotate(2deg);
}
.team-content {
	padding-top:130px;
	position:absolute;
	bottom:30px;
	left:15px;
	right:15px
}
.team-content .time {
	font-size:24px;
}
.team-content .time i {
	font-size:24px;
}
.team-content .title {
	font-size:22px;
}
.team-content .btn-light {
	font-size:18px;
	border:0
}
.team-img:hover .btn-light {
	background:#000!important;
	color:#fff!important;
	border:0
}
.team-content .date-2 {
	background:#ff9f0d;
	width:111px;
	height:111px;
	border-radius:100%;
	position:absolute;
	text-align:center;
	right:33px;
	border:solid 7px #fff;
	bottom:-80px;
}
.team-content .date-2 h3 {
	margin:18px 0 0 0;
	padding:0;
	line-height:30px;
	color:#191919
}
.team-content .date-2 h3 span {
	display:block;
	font-size:36px;
	margin:0;
	padding:0;
	color:#fff;
}
.our-contribution {
	padding:0 0 100px 0
}
/*--------------------------------------------------------------
# kid-participate
--------------------------------------------------------------*/

/*--------------------------------------------------------------
We Provide Grains
--------------------------------------------------------------*/
.we-provide {
	background:url(../img/graph-bg.jpg) no-repeat center top;
	padding:55px 0
}
.we-provide .heading {
	margin:0 0 -50px 0;
	padding:0;
}
.product-sec {
	overflow:hidden;
	border-radius:50px;
	cursor:pointer
}
.product-sec img {
	transition: all 3500ms ease;
}
.product-sec:hover img {
	transform: scale(1.3) rotate(2deg);
	transition: all 0.4s ease-out;
	transition: all 3500ms ease;
}
.product-sec:hover .pr-kg {
	transform:scale(1);
rotate(0deg)!important;
}
.product-sec {
	position:relative
}
.we-provide .frame {
	position: absolute;
	left: 0;
	z-index: 22;
	bottom: 0;
	width: 100%;
	height:100%;
	color: #fff;
	padding: 20px;
	background:rgba(0, 0, 0, 0.5)
}
.we-provide .frame:hover {
	background:rgba(39, 162, 45, 0.8);
	cursor:pointer;
}
.we-provide .team-content {
	padding-top:35px;
	padding-left:15px;
}
.we-provide .team-content h3 {
	font-size:46px;
	margin:0;
	padding:0;
	font-family: "IBM Plex Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.we-provide .team-content h2 {
	font-size:44px;
	margin:0;
	padding:0;
	font-family: "IBM Plex Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	background: #C1F843;
	background: linear-gradient(to right, #C1F843 0%, #35D580 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.we-provide .team-content h4 {
	font-size:32px;
	margin:0;
	padding:0
}
.we-provide-grains .swiper-pagination {
	display:none
}
.we-provide-grains {
	padding-top:80px
}
.we-provide-grains .swiper-button-prev {
	background:#27a22d;
	width: 38px;
	height: 38px;
	border-radius:100%;
	left:5px;
}
.we-provide-grains .swiper-button-next {
	background:#27a22d;
	width: 38px;
	height: 38px;
	border-radius:100%;
	right:5px
}
.we-provide-grains .swiper-button-next::after, .we-provide-grains .swiper-button-prev::after {
font-size:16px!important;
color:#fff;
}
.we-provide-grains .swiper-button-next, .we-provide-grains .swiper-button-prev {
	top:57%;
}
.button-left-right {
	width:91px;
	position:absolute;
	height:44px;
	top:0;
	right:11%;
	z-index:999
}
.arrow-css .swiper-button-prev {
	background:#ff9f0d;
	color:#fff;
	padding:0;
	font-size: 23px;
	width:40px;
	height:40px;
	border-radius:100%!important
}
.arrow-css .swiper-button-next {
	background:#ff9f0d;
	color:#fff;
	padding:0;
	font-size: 23px;
	width:40px;
	height:40px;
	border-radius:100%!important
}
.arrow-css .swiper-button-next:after, .arrow-css .swiper-button-prev:after {
	font-size:18px;
}
.arrow-css .swiper-button-next.swiper-button-disabled, .arrow-css .swiper-button-prev.swiper-button-disabled {
	opacity:1!important
}
.slider-2 .position-relative {
	padding-right:30px
}
.slider-3 .position-relative {
	padding-right:30px
}
.slider-2 {
	padding-bottom:70px
}
.slider-2 .swiper-button-prev {
	background:#27a22d;
	width: 38px;
	height: 38px;
	border-radius:100%;
	left:5px;
}
.slider-2 .swiper-button-next {
	background:#27a22d;
	width: 38px;
	height: 38px;
	border-radius:100%;
	right:5px
}
.slider-2 .swiper-button-next::after, .slider-2 .swiper-button-prev::after {
font-size:16px!important;
color:#fff;
}
.slider-2 .swiper-button-next, .slider-2 .swiper-button-prev {
	top:57%;
}
/*--------------------------------------------------------------
We Provide Grains
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Youssouf Bathily
--------------------------------------------------------------*/
.youssouf-bathily {
	padding:80px 0 0 0;
}
.youssouf-bathily .un-site {
	font-size:28px;
}
.youssouf-bathily h4 {
	margin-top:30px;
	font-size:22px;
	font-weight:400;
}
.youssouf-bathily h4 span {
	font-size:24px;
}
.gradien-box {
	background: rgb(195,242,94);
	background: linear-gradient(46deg, rgba(195, 242, 94, 1) 0%, rgba(107, 233, 146, 1) 100%);
	padding:35px;
	border-radius:50px;
	z-index:1;
	position:relative
}
.gray-box {
	background:#e6efed;
	border-radius:50px;
	padding:135px 40px 40px 40px;
	margin-top:-106px;
	z-index:0;
}
.img-radius-2 {
	border-radius:50px;
}
.radius-box-22 {
	background: radial-gradient(circle at 100% 100%, #f5fde6 0, #f5fde6 7px, transparent 7px) 0% 0%/8px 8px no-repeat, radial-gradient(circle at 0 100%, #f5fde6 0, #f5fde6 7px, transparent 7px) 100% 0%/8px 8px no-repeat, radial-gradient(circle at 100% 0, #f5fde6 0, #f5fde6 7px, transparent 7px) 0% 100%/8px 8px no-repeat, radial-gradient(circle at 0 0, #f5fde6 0, #f5fde6 7px, transparent 7px) 100% 100%/8px 8px no-repeat, linear-gradient(#f5fde6, #f5fde6) 50% 50%/calc(100% - 2px) calc(100% - 16px) no-repeat, linear-gradient(#f5fde6, #f5fde6) 50% 50%/calc(100% - 16px) calc(100% - 2px) no-repeat, linear-gradient(74deg, rgba(203, 273, 140, 1) 0%, rgba(255, 255, 255, 1) 100%);
	box-sizing: border-box;
	border-radius:50px 0 0 50px;
	box-sizing: border-box;
	padding:48px;
	margin-right: -75px;
}
.yellow-box img:hover {
	filter:grayscale(100%);
	transform: scale(1.1);
	transition: all 0.4s ease-out;
}
.yellow-box ul {
	margin:0 0 20px 0;
	padding:0;
}
.yellow-box li {
	margin:0;
	padding:5px 0 5px 47px;
	list-style:none;
	font-size:24px;
}
.yellow-box hr {
	border-top:solid 1px #d5d5d5;
	opacity:1;
	background:#d5d5d5
}
.icon-1 {
	background:url(../img/cr-fol-ic1.png) left no-repeat;
}
.icon-2 {
	background:url(../img/cr-fol-ic2.png) left no-repeat;
}
.icon-3 {
	background:url(../img/cr-fol-ic3.png) left no-repeat;
}
.graph-1 {
	position:relative
}
.graph-1:before {
	background:url(../img/graph-1.png) left no-repeat;
	width:158px;
	height:97px;
	content:"";
	position:absolute;
	z-index:0;
	top:-5px;
	left:-70px;
}
/*--------------------------------------------------------------
Youssouf Bathily
--------------------------------------------------------------*/




/*--------------------------------------------------------------
New Ideas Giving
--------------------------------------------------------------*/
* {
	transition: all 0.4s ease-out;
}
.new-ideas {
	padding:70px 0
}
.bottom-man {
	position:absolute;
	right:20px;
	top:-170px;
}
.new-ideas .box-css-2 {
	border:solid 1px #d5d5d5;
	padding:26px 0 10px 0;
}
.new-ideas .box-css-2 h1 {
	color:#27a22d
}
.icon-circle {
	background: rgb(189,238,78);
	background: linear-gradient(90deg, rgba(189, 238, 78, 1) 20%, rgba(101, 195, 145, 1) 100%);
	width:124px;
	height:124px;
	margin:-70px auto 19px auto;
	border-radius:100%;
	line-height:124px
}
.icon-circle img {
	max-width:100%;
}
.space-css {
	margin-bottom:85px
}
.box-css-2 {
	background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 49px, transparent 49px) 0% 0%/50px 50px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 49px, transparent 49px) 100% 0%/50px 50px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 49px, transparent 49px) 0% 100%/50px 50px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 49px, transparent 49px) 100% 100%/50px 50px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 100px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 100px) calc(100% - 2px) no-repeat, linear-gradient(115deg, rgba(255, 255, 255, 1) 0%, #d4d4d4 100%);
	border-radius: 50px;
	padding: 30px 30px 20px 30px;
	box-sizing: border-box;
}
.box-css-2 h1 {
	font-size:72px;
	background: #C1F843;
	background: linear-gradient(to right, #C1F843 0%, #35D580 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.box-css-2 p {
	font-weight:500;
}
.new-ideas hr {
	margin:0 auto 10px auto;
	width:80%;
}
/*--------------------------------------------------------------
New Ideas Giving
--------------------------------------------------------------*/


/*Our News*/
.news-section {
	background:url(../img/graph-bg.jpg) no-repeat center top;
}
.job-offers {
	background:url(../img/graph-bg.jpg) no-repeat center top;
}
.news-section {
	position:relative
}
.news-section:before {
	background:url(../img/glow-1.png) no-repeat center top;
	width:688px;
	height:829px;
	content:"";
	position:absolute;
	top:-250px;
	left:0;
	z-index:-1
}
.btn-light {
	background:#fff;
	color:#535353;
	padding:5px 10px!important
}
.bg-theam {
	background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 49px, transparent 49px) 0% 0%/50px 50px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 49px, transparent 49px) 100% 0%/50px 50px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 49px, transparent 49px) 0% 100%/50px 50px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 49px, transparent 49px) 100% 100%/50px 50px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 100px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 100px) calc(100% - 2px) no-repeat, linear-gradient(115deg, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%);
	border-radius: 50px;
	padding:175px 41px 35px 41px;
	box-sizing: content-box;
	margin:-142px 0 0 0;
}
.bg-theam2 {
	background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 49px, transparent 49px) 0% 0%/50px 50px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 49px, transparent 49px) 100% 0%/50px 50px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 49px, transparent 49px) 0% 100%/50px 50px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 49px, transparent 49px) 100% 100%/50px 50px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 100px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 100px) calc(100% - 2px) no-repeat, linear-gradient(115deg, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%);
	border-radius: 50px;
	padding:155px 41px 35px 41px;
	box-sizing: content-box;
	margin:-142px 0 0 0;
}
.bg-theam h6 {
	color:#8f8f8f
}
.k-btn2 .btn-arrow a {
	width:70px!important;
	height:70px!important;
	line-height:83px!important;
}
/*Our News*/






/*--------------------------------------------------------------
card
--------------------------------------------------------------*/  
.card-bg {
	background:url(../img/bg-card.jpg) no-repeat center top #fff;
	margin-bottom:85px
}
.box-css {
	background:#fff;
	padding:48px 33px;
	border-radius:30px;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
}
.box-css p {
	font-size:20px;
}
.box-css h2 {
	font-size:1.875rem
}
.box-css ul {
	margin:20px 0 0 0;
	padding:0;
	max-width:322px;
	margin:0 auto
}
.box-css li {
	margin:0;
	padding:8px 0 8px 50px;
	list-style:none;
	font-size:22px;
	float:left;
	border-bottom: solid 2px #ddd;
	width:100%;
	text-align:left;
	background:url(../img/tick-mark.png) no-repeat center left;
}
.box-css .cross-mark {
	margin:0;
	padding:8px 0 8px 50px;
	list-style:none;
	float:left;
	border-bottom: solid 2px #ddd;
	width:100%;
	text-align:left;
	background:url(../img/cross-mark.png) no-repeat center left!important;
}
.button-css {
	background:#fff;
	border: solid 2px #dedfdf;
	width:30px;
	height:30px;
	border-radius:100px;
	margin:20px auto 0 auto
}
#nav-tab .active {
	background:#fff;
	border: solid 8px #ff9f0d;
	width:30px;
	height:30px;
	border-radius:100px;
	margin:20px auto 0 auto
}
#inner-page {
	width:100%;
	overflow:hidden;
	padding:0;
	position: relative;
	z-index:1;
}
.nav-tab-css {
	margin:-21px 0 0 0;
	position:relative;
	background:#fff;
	padding:58px;
	border-radius:0 20px 20px 20px;
	-webkit-box-shadow: 0px 17px 18px -10px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 17px 18px -10px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 17px 18px -10px rgba(0, 0, 0, 0.16);
}
.tab-title {
	border-bottom:solid 2px #cecece;
	padding:0 0 50px 0
}
.tab-title h3 {
	font-size:28px;
}
.tab-title p {
	font-size:25px;
}
.green-text {
	color:#27a22d!important
}
.yellow-text {
	color:#ffce0c
}
.card-input2 {
	padding:20px 25px;
	border:#61d88c 1px solid;
	background:rgba(255, 255, 255, 0.6);
	border-radius:50px!important
}
.card-input2:focus {
	border:#61d88c 1px solid;
	background:rgba(255, 255, 255, 0.5)
}
.form-select {
	padding: 6px 0;
	border-bottom: #d3d3d3 1px solid;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	background-color: none;
}
.form-select2 {
	padding:25px 25px;
	border:#61d88c 1px solid;
	background-color:rgba(255, 255, 255, 0.5);
	border-radius:50px!important
}
.premier {
	padding:22px 25px;
	background:#27a22d;
	text-align:center;
	display:inline-block;
	color:#fff;
	border-radius:10px;
	line-height:18px;
}
.premier:hover {
	background:#333;
	cursor:pointer;
	color:#fff
}
.premier span {
	display:block;
	color:#f9eb1b;
	margin:0;
	padding:0;
	font-size:20px;
}
.card-input-2 {
	padding:15px;
	border:#0b8959 1px solid;
}
.obtenir-form2 h4 {
	font-size:26px!important
}
/*--------------------------------------------------------------
card
--------------------------------------------------------------*/


/*--------------------------------------------------------------
logo
--------------------------------------------------------------*/
.compney-logo {
	padding:30px 0 30px 0;
	background:#e8f5ea
}
.compney-logo .container {
	max-width:1615px;
}
.logo-sec {
	padding:0 30px;
}
.logo-sec a img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	opacity:0.8;
}
.logo-sec a:hover img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	opacity:1;
}
.logo-sec .swiper-button-prev, .logo-sec .swiper-button-next {
	width:37px;
	height:37px;
}
.logo-sec .swiper-button-next::after, .logo-sec .swiper-button-prev::after {
font-size:14px;
font-weight:900;
}
.logo-sec .swiper-button-prev {
	background:#27a22d;
	border-radius:100px;
	width:37px;
	height:37px;
	color:#fff
}
.logo-sec .swiper-button-next {
	background:#27a22d;
	border-radius:100px;
	width:37px;
	height:37px;
	color:#fff
}
.logo-sec .swiper-button-next::after, .team-sec .swiper-button-prev::after {
font-size:15px!important;
font-weight:900
}
.logo-sec .swiper-button-prev::after, .team-sec .swiper-button-prev::after {
font-size:15px!important;
font-weight:900
}
.logo-sec .swiper-button-next:hover::after, .team-sec .swiper-button-prev:hover::after {
color:#fff
}
.logo-sec .swiper-button-prev:hover, .team-sec .swiper-button-prev:hover {
	background:#27a22d;
}
.logo-sec .swiper-button-next:hover, .team-sec .swiper-button-next:hover {
	background:#27a22d;
}
/*--------------------------------------------------------------
logo
--------------------------------------------------------------*/ 


/*--------------------------------------------------------------
cci
--------------------------------------------------------------*/ 
.fog-banner {
background: url(../img/inner-banner.jpg) no-repeat center top #0b8959;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height:536px;
padding:90px 0 0 0;
margin-bottom:100px
}
.fog-banner h5 {
	color:#ff9f0d;
	font-size:1.875rem;
	margin-bottom:0;
}
.fog-banner h3 {
	font-size:2.25rem
}
.fog-banner p {
	font-size:1.125rem;
	padding:0 8%
}
.fog-banner {
	position:relative
}
.fog-banner::before {
z-index:0;
content:"";
position:absolute;
width:100%;
left:0;
right:0;
height:100%;
background: url(../img/inner-header.png) no-repeat center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.fog-banner .text-center {
	position:relative;
	z-index:999;
}
.count-box {
	text-align:center;
}
.count-box {
	color:#ff9f0d!important;
	font-size:40px
}
.count-sec {
	margin-top:200px;
	position:relative;
	z-index:999
}
.count-sec p {
	color:#000;
}
.icon {
	width:86px;
	height:86px;
	margin:0 auto 10px auto
}
.boder-css {
	border-left: solid 1px #dddad8;
}
.nav-tabs {
	font-size:30px;
}
.nav-tabs2 {
	border:solid 2px #e2e2e2;
	padding:7px;
	border-radius:50px
}
.tab-container-one {
	margin:0 auto 0 auto;
	max-width:1350px;
}
.tab-container-one ul {
	text-align:center;
	background:#27a22d;
	border:solid 3px #fff;
	padding:7px;
	border-radius:50px
}
.tab-container-one li {
	display:inline-block;
	margin:0 40px 0 0;
}
.tab-container-one li:last-child {
	margin:0;
}

 .img-radius-50 { border-radius:40px; margin-bottom:40px}


.tab-pane h2 {
	font-size:36px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background:#ff9f0d;
	border:0
}
.nav-link.active {
	position:relative
}
.nav-tabs2 .active:before {
	position:absolute;
	left:0;
	right:0;
	background:url(../img/arrow-tab.png) no-repeat center bottom;
	margin:0 auto;
	content:"";
	width:54px;
	height:28px;
	z-index:555;
	bottom:-28px;
}
.nav-tabs .nav-link {
	border-radius:50px!important;
	border:0;
	color:#fff;
	padding:10px 20px
}
.nav-tabs2 .nav-link {
	border-radius:50px!important;
	border:0;
	color:#fff;
	padding:10px 22px
}
.tab-content2 {
	padding:40px 0 0 0
}
.icon-box2:hover .icon {
	background:#27a22d!important;
}
.nav-tabs2 .active {
	position:relative
}
.tab-content {margin-left:-164px;   border-radius:50px; padding-left:180px;    background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 49px, transparent 49px) 0% 0%/50px 50px no-repeat,
radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 49px, transparent 49px) 100% 0%/50px 50px no-repeat,
radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 49px, transparent 49px) 0% 100%/50px 50px no-repeat,
radial-gradient(circle at 0 0, #ffffff 0, #ffffff 49px, transparent 49px) 100% 100%/50px 50px no-repeat,
linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 100px) no-repeat,
linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 100px) calc(100% - 2px) no-repeat,
linear-gradient(115deg, #bced50 0%, #6ac78d 100%);}

.tab-content>.active { }


.nav-pills-custom {background: rgb(189,238,78);
background: linear-gradient(90deg, rgba(189, 238, 78, 1) 20%, rgba(101, 195, 145, 1) 100%); border-radius:50px; overflow:hidden; padding:70px 0 70px 36px; position:relative;
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
background: #27a22d;
border-radius:50px 0 0 50px;
color:#fff;
font-size:20px;
margin-right:0px!important; display:block;
}
.nav-pills .nav-link {
border:0;
font-size:20px;
color:#222;
border-radius:0px;
position:relative; margin-bottom:9px;
line-height:18px; padding:0 10px 0 90px; height:80px; border-radius:50px 0 0 50px; position:relative;
}


.nav-pills-custom .nav-link .icon-bg { background:#27a22d; display: inline-block; text-align:center; line-height:64px; width:64px; height:64px; border-radius:100px; margin-right:15px; vertical-align:middle; position:absolute; top:8px; left:9px;}  

.nav-pills-custom .active .icon-bg { background:#064f1e; border-radius:100px;} 

 
.nav-pills-custom .nav-link .icon-bg-1 { width:38px; height:60px; margin:0 auto 0 auto} 

 


.nav-pills-custom .nav-link .icon-bg-2 { background:url(../img/megaphone.svg) no-repeat center 10px; 
width:38px; height:60px; background-size:100%; margin:3px auto 0 auto} 

.nav-pills-custom .active .icon-bg-2 { background:url(../img/megaphone-h.svg) no-repeat center 10px; 
width:38px; height:60px; background-size:100%; margin:3px auto 0 auto} 




.nav-pills-custom .nav-link .icon-bg-3 { background:url(../img/photo.svg) no-repeat center 10px; 
width:38px; height:60px; background-size:100%; margin:3px auto 0 auto} 

.nav-pills-custom .active .icon-bg-3 { background:url(../img/photo-h.svg) no-repeat center 10px; 
width:38px; height:60px; background-size:100%; margin:3px auto 0 auto} 




.nav-pills-custom .nav-link .icon-bg-4 { background:url(../img/headphones.svg) no-repeat center 10px; 
width:38px; height:60px; background-size:100%; margin:3px auto 0 auto} 

.nav-pills-custom .active .icon-bg-4 { background:url(../img/headphones-h.svg) no-repeat center 10px; 
width:38px; height:60px; background-size:100%; margin:3px auto 0 auto} 




.nav-pills-custom .nav-link .icon-bg-5 { background:url(../img/balance.svg) no-repeat center 10px; 
width:38px; height:60px; background-size:100%; margin:3px auto 0 auto} 

.nav-pills-custom .active .icon-bg-5 { background:url(../img/balance-h.svg) no-repeat center 10px; 
width:38px; height:60px; background-size:100%; margin:3px auto 0 auto} 



.nav-pills-custom .nav-link .icon-bg-6 { background:url(../img/tech.svg) no-repeat center 10px; 
width:38px; height:60px; background-size:100%; margin:3px auto 0 auto} 

.nav-pills-custom .active .icon-bg-6 { background:url(../img/tech-h.svg) no-repeat center 10px; 
width:38px; height:60px; background-size:100%; margin:3px auto 0 auto} 



.nav-pills-custom .nav-link .icon-bg-7 { background:url(../img/heart.svg) no-repeat center 10px; 
width:38px; height:60px; background-size:100%; margin:3px auto 0 auto} 

.nav-pills-custom .active .icon-bg-7 { background:url(../img/heart-h.svg) no-repeat center 10px; 
width:38px; height:60px; background-size:100%; margin:3px auto 0 auto} 


.cci-img img { border-radius:40px; position:absolute; top:-130px; right:50px}

.cci-box {
border-radius: 50px; padding:70px 0; margin-bottom:112px; border:solid 1px #eae8ee}
.cci-box p { line-height:26px}


.icon-bg3 {
background: #27a22d;
display: inline-block;
text-align: center;
line-height:50px;
width:50px;
height:50px;
border-radius: 100px;
margin-right: 10px;
vertical-align: middle;

}

.icon-bg3 img { width:30px}



/*--------------------------------------------------------------
cci
--------------------------------------------------------------*/ 

/*--------------------------------------------------------------
form
--------------------------------------------------------------*/ 
.form-bg {
	background: url(../img/bg-form.jpg) no-repeat center top #0b8959;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height:895px;
	padding:80px 0
}
.form-bg-2 {
	background: url(../img/bg-form2.jpg) no-repeat center top #0b8959;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height:895px;
	padding:80px 0
}
.heading-in h3 {
	font-size:32px!important
}
.form-in {
	position:relative;
	z-index:40;
	margin-top:-110px;
	padding:30px 30px 30px 30px;
}
.bg-lgtblue {
	background:url(../img/bg-green.jpg) 0 0;
	padding-top:62px;
	padding-bottom:62px; width:100%; -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; border-radius:50px}
.bg-lgtblue h3 {
	font-size:38px; font-family: "Syne", sans-serif; font-weight:600; color:#fff;  border-radius:50px;
}
.join-the {
	padding-left:18%;
	margin-top:-3%
}
.join-the h2 {
	font-size:64px;
	margin:0
}
.join-the h3 {
	font-size:49px;
	margin-bottom:7px
}
.join-the h4 {
	font-size:55px
}
.join-the h4 span {
	font-size:48px;
	background:#33ab6d;
	padding:4px 28px;
	border-radius:100px;
	margin-left:10px
}
.donate-now3 {
	position:absolute;
	bottom:0;
	z-index:99;
	right:-15px;
	width:44%
}
.support {
	padding:50px 40px;
	background:#ff9f0d;
	width:100%;
	float:right
}
.support h4 {
	font-size:31px;
	margin-bottom:10px
}
.support p {
	font-size:24px;
	color:#fff;
	line-height:35px;
	padding:0;
	margin:0;
}
.btn-green {
	background:#27a22d;
	color:#fff;
	padding:15px 30px;
	border-radius:10px;
	font-size:18px;
	border:0
}
.btn-green:hover {
	background:#fff;
	color:#000
}
.btn-green:focus {
	background:#fff;
	color:#000
}
.btn-yellow {
	background:#ffed00;
	color:#222;
	padding:18px 60px;
	border-radius:50px;
	font-size:22px;
	border:0
}
.btn-yellow:hover {
	background:#fff;
	color:#000
}
.btn-yellow:focus {
	background:#fff;
	color:#000
}
.btn-dark2 {
	background:#2a261f;
	color:#fff;
	padding:15px 40px;
	border-radius:10px;
	font-size:18px;
	border:0
}
.btn-dark2:hover {
	background:#27a22d;
	color:#fff
}
.btn-dark2:focus {
	background:#27a22d;
	color:#fff
}
/*--------------------------------------------------------------
form
--------------------------------------------------------------*/ 
.documentation {
	background:#2a261f;
	padding:80px
}
.documentation h2 {
	font-size:60px;
	color:#ff9f0d
}
.documentation p {
	color:#fff;
	line-height:32px;
}
/*--------------------------------------------------------------
word-president 
--------------------------------------------------------------*/  
.word-president {
	padding-top:45px!important;
	background:#27a22d;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
.word-president p {
	color:#fff;
	font-size:18px;
	margin-bottom:30px;
	line-height:30px;
	font-weight:300;
}
.mohamad-baba {
	font-size:38px;
	margin:0;
	font-family: 'feathergraphy_cleanregular';
	letter-spacing:4px;
}
.social-links2 a {
	width:37px;
	height:37px;
	line-height:37px;
	text-align:center;
	background:#fff;
	color:#000;
	display:inline-block;
	border-radius:100px;
	margin-top:25px;
	margin-right:4px
}
.social-links2 a:hover {
	background:#000;
	color:#fff
}
.social-links2 a i {
	font-size:25px;
	line-height:37px;
}
.team-2 {
	padding:80px 0 50px 0
}
.our-team2 {
	padding: 0 0 80px 0;
}

.mot-du-dg:before {position:absolute; content:""; left:0; top:2%; background:url(../img/mot-du-dg.png) no-repeat center
 center; width:876px; height:876px; z-index:0; background-size:100%;}
.word-president h3 {color:#ffed00; font-size:56px;}
.social-media-2 a { margin-right:5px; display:inline-block}
.social-media-2  .bx { font-size:24px; vertical-align:middle}
.social-media-2  .bi { font-size:20px; vertical-align:middle}
/*--------------------------------------------------------------
word-president 
--------------------------------------------------------------*/ 


/*--------------------------------------------------------------
investissement 
--------------------------------------------------------------*/ 
.invest {
	background: url(../img/investissement-bg.jpg) no-repeat center top #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding:60px;
	min-height:400px
}
.invest h2 {
	font-size:54px;
}
.invest p {
	color:#fff;
	line-height:32px;
}
.export {
	background: url(../img/export-bg.jpg) no-repeat center top #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover!important;
	padding:60px
}
.boder-gray {
	border-top:solid 1px #e0e0e0!important;
	opacity:1!important
}
.investissement-img {
	background: url(../img/investissement.jpg) no-repeat center top #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover!important;
	min-height:300px
}
/*--------------------------------------------------------------
investissement 
--------------------------------------------------------------*/




/*--------------------------------------------------------------
contact
--------------------------------------------------------------*/ 
.contact-reverse {
	position:relative;
	z-index:99;
}
.form-box {
	padding:40px 40px 80px 40px;
	background: url(../img/contact-bg.jpg) no-repeat center top #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius:50px;
}
.btn-green2 {
	background:#27a22d;
	color:#fff;
	padding:15px 30px;
	border-radius:50px;
	font-size:18px;
}
.btn-green2:hover {
	background:#000;
	color:#fff
}
.addres-box {
	float:left;
	width:100%;
	border-radius:50px;
	background:#fff;
	position:relative;
	background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 49px, transparent 49px) 0% 0%/50px 50px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 49px, transparent 49px) 100% 0%/50px 50px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 49px, transparent 49px) 0% 100%/50px 50px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 49px, transparent 49px) 100% 100%/50px 50px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 100px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 100px) calc(100% - 2px) no-repeat, linear-gradient(115deg, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%);
	padding:30px 40px;
}
.addres-box h3 {
	margin-bottom:15px;
	font-size: 1.625rem;
}
.addres-box ul {
	margin:0;
	padding:0;
}
.addres-box li {
	margin:0 0 4px 0;
	padding:5px 0 10px 40px;
	list-style:none;
	font-size:17px;
	line-height:25px;
	position:relative
}
.addres-box li a {
	color:#282828
}
.addres-box li a:hover {
	color:#27a22d
}
.addres-box li i {
	position: absolute;
	font-size: 18px;
	background: #27a22d;
	width: 33px;
	height: 33px;
	border-radius: 20px 20px 10px 20px;
	text-align: center;
	left: 0;
	line-height: 33px;
	color:#fff;
	top:0;
}
.addres-box li:last-child {
	margin:0;
}
.btn-yellow2 {
	background:#ff9f0d;
	color:#000;
	padding:12px 30px;
	border-radius:10px;
	font-size:18px;
}
.btn-yellow2:hover {
	background:#000;
	color:#fff
}
.padding-28 {
	padding:28px!important
}
/*--------------------------------------------------------------
contact
--------------------------------------------------------------*/ 


/*--------------------------------------------------------------
Resources
--------------------------------------------------------------*/ 

.inner-header {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:600px;
	padding:0;
}

.price-2 {
	font-size:30px;
	background:#27a22d;
	padding:5px 20px;
	border-radius:50px!important;
	position:absolute;
	z-index:400;
	right:20px;
	top:24px;
	color:#fff
}
.inner-header {
	position:relative
}
.inner-header .container {
	position:relative;
	z-index:999;
}
.inner-header .container h2 {
	font-size:48px;
	position:relative;
	display:inline-block;
	font-weight:800
}
.inner-header .circle-bg-2 {
	padding:90px 0 163px 0;
}
.inner-header-in {
	background:url(../img/banner-bg.jpg) no-repeat 0 0;
	height:601px;
	width:100%;
}
.categories {
	padding:18px 0 18px 0;
	margin-bottom:40px;
	border-bottom:solid 1px #d6dedc
}
.categories ul {
	margin:0;
	padding:0
}
.categories li {
	margin:0;
	padding:0 15px;
	display:inline-block;
	color:#fff;
	font-size:18px;
	position:relative
}
.categories li:last-child {
	padding-right:0;
}
.categories li a {
	color:#222222;
	font-weight:400
}
.categories li a:hover {
	color:#222222
}
.categories li:last-child:before {
	margin:0;
	display:none
}
.categories h3 {
	font-size:18px;
	color:#000;
	font-weight:400;
}
.search-here {
	border-bottom:solid 1px #d4d4d4;
	padding-bottom:10px
}
.search-here i {
	font-size:20px;
}
.search-here input {
	border-radius:0;
	border:0;
	color:#222222;
	padding:18px 0 10px 0;
	background:#fff;
	font-size:16px;
}
.search-here button {
	color:#000;
	padding:12px 15px 8px 15px;
	border-radius:0;
	border:0;
}
.search-here button:hover {
	color:#0f8115;
}
.menu-round {
	border:0;
	background:#d6dedc;
	color:#000;
	border-radius:100%;
	width:36px;
	height:36px;
	line-height:45px;
	padding:0
}
.menu-round:hover {
	background:#27a22d;
	color:#fff;
	border:0;
}
.menu-round i {
	font-size:25px;
}
.menu-round::after {
display:none!important
}
.read-more {
	background:#27a22d;
	color:#fff;
	padding:15px 30px;
	border-radius:10px;
	font-size:18px;
	font-weight:500;
}
.read-more:hover {
	background:#000;
	color:#fff
}
.read-more:focus {
	background:#000;
	color:#fff
}
.img-div {
	margin-bottom:23px;
	overflow:hidden;
	border-radius:20px;
}
.resource-images .date-2 {
	background:#ff9f0d;
	width:111px;
	height:111px;
	border-radius:100%;
	position:absolute;
	text-align:center;
	right:33px;
	border:solid 7px #fff;
	bottom:23px;
	z-index:99;
}
.resource-images .date-2 h3 {
	margin:18px 0 0 0;
	padding:0;
	line-height:25px;
	color:#191919
}
.resource-images .date-2 h3 span {
	display:block;
	font-size:36px;
	margin:0;
	padding:0;
	color:#fff;
}
.resource-images .date-4 {
	background:#ff9f0d;
	width:102px;
	border-radius:20px;
	position:absolute;
	text-align:center;
	left:22px;
	border:solid 4px #fff;
	top:24px;
	z-index:99;
	padding:10px 0 5px 0
}
.resource-images .date-4 h3 {
	margin:0;
	padding:0;
	line-height:25px;
	color:#191919;
	line-height:22px;
}
.resource-images .date-4 h3 span {
	display:block;
	font-size:36px;
	margin:0;
	padding:0;
	color:#fff;
}
.resource-images .date-4 h3 {
	border-bottom:solid 4px #fff;
	width:82px;
	margin:5px auto 5px auto;
}
.resource-images .date-4 p {
	line-height:22px;
}
.resource-images:hover .date-4 {
	background:#cac7c6;
}
.resource-images:hover .date-4 .text-white {
	color:#37936a!important
}
.resource-images .frame {
	border-radius:20px;
	overflow:hidden;
}
.resource-images img {
	transition: all 0.4s ease-out;
}
.resource-images:hover img {
	transform: scale(1.05);
	transition: all 0.4s ease-out;
}
.resource-images .frame:before {
	z-index:22;
	width:100%;
	height:80%;
	color:#fff;
	background: -webkit-gradient(linear, left bottom, left top, from(#f69a0f), to(transparent));
	background: linear-gradient(0deg, #f69a0f, transparent);
	position:absolute;
	left:0;
	right:0;
	content:"";
	z-index:90;
	bottom:0;
	opacity:0;
	transition: 0.3s;
}
.resource-images:hover .frame:before {
	opacity:1;
	transition: 0.3s;
}
.resource-images .frame:hover {
	background: -webkit-gradient(linear, left bottom, left top, from(#f69a0f), to(transparent));
	background: linear-gradient(0deg, #f69a0f, transparent);
	border-radius:20px;
	cursor:pointer
}
.resource-images .frame:hover .date-2 {
	background:#cac7c6
}
.resource-images .frame:hover h3 span {
	color:#27a22d
}
.resource-images a {
	color:#222222;
}
.resource-images a:hover {
	color:#27a22d
}
.resource-images .read-more {
	color:#fff
}
.resource-images .read-more:hover {
	color:#fff
}
/*--------------------------------------------------------------
Resources
--------------------------------------------------------------*/ 


/*--------------------------------------------------------------
Event
--------------------------------------------------------------*/ 
.event-category {
	background:#ff9f0d;
	color:#000;
	border-radius:50px;
	font-size:16px;
	padding:5px 15px;
	display:inline-block
}
.event-images .date-3 {
	background:#ff9f0d;
	width:310px;
	border-radius:100px;
	position:absolute;
	text-align:center;
	right:33px;
	border:solid 7px #fff;
	bottom:23px;
	z-index:99;
	padding:15px 18px 10px 18px!important
}
.event-images .date-3 h3 {
	margin:0;
	padding:0;
	line-height:25px;
	color:#191919;
	font-size:18px;
	position:relative
}
.event-images .date-3 h3 span {
	display:inline-block;
	font-size:36px;
	margin:0;
	padding:0;
	color:#fff;
	position:absolute;
	top:18px;
	left:10px
}
.boder-css2:before {
	width:5px;
	height:64px;
	background:#fff;
	position:absolute;
	left:145px;
	top:17px;
	content:""
}
.pagination-1 {
	margin-top:135px
}
.pagination {
	text-align:center
}
.pagination li {
	list-style:none;
	display:inline-block;
	margin-left:2px;
	margin-right:2px
}
.pagination li .active {
	background:#27a22d;
	border:solid 1px #27a22d;
	color:#fff
}
.pagination li a {
	display:inline-block;
	width:44px;
	height:44px;
	line-height:44px;
	border:solid 1px #27a22d;
	color:#414141;
	border-radius:100px;
	font-size:16px;
}
.pagination li a:hover {
	background:#0f8115;
	border:solid 1px #27a22d;
	color:#fff
}
.gray-bg {
	background:#f4f1f0
}
/*.start-date {
font-size:20px;
background:#27a22d;
padding:4px 15px;
border-radius:50px;
color:#fff;
margin-right:9px;
font-weight:400
}
.end-date {
font-size:20px;
background:#ff9f0d;
padding:4px 20px;
border-radius:50px;
font-weight:400
}*/
.btn:active {
	background: #000!important;
}
.event-tab .badge {
	background:#27a22d!important;
	font-size:18px;
	font-weight:normal;
	padding:14px 23px;
	margin-right:9px;
	margin-bottom:10px
}
.event-right-img {
	overflow:hidden;
	cursor:pointer
}
.event-right-img img {
	transition: all 0.4s ease-out;
	transition: 0.3s;
}
.event-right-img img {
	transition: all 0.4s ease-out;
}
.event-right-img:hover img {
	transform: scale(1.05);
	transition: all 0.4s ease-out;
}
.event-right-img .frame {
	position: absolute;
	left: 0;
	z-index: 22;
	bottom: 0;
	width: 100%;
	color: #fff;
	padding:80px 20px 20px 20px;
	background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
	background: linear-gradient(0deg, #000, transparent);
	transition: 0.3s;
}
.event-right-img .frame:hover {
	background: -webkit-gradient(linear, left bottom, left top, from(#27a22d), to(transparent));
	background: linear-gradient(0deg, #27a22d, transparent);
	cursor:pointer;
	transition: 0.3s;
}
.date-css {
	padding:0 0 0 60px;
	line-height:15px!important;
}
.date-css2 {
	top:5px!important;
}
.event-images .date-5 {
	background: #ff9f0d;
	width: 310px;
	border-radius: 100px;
	position: absolute;
	text-align: center;
	right: 33px;
	border: solid 7px #fff;
	bottom: 23px;
	z-index: 99;
	padding: 15px 18px 10px 18px!important;
}
.event-images .date-5 {
	height:auto;
	padding:8px 18px 8px 18px!important;
	right:15px;
	bottom:15px;
}
.event-images .boder-css2:before {
	width:4px;
	height:41px;
	background: #fff;
	position: absolute;
	left: 145px;
	top:12px;
	content: "";
}
.list-css ul {
	margin:0;
	padding:0
}
.list-css li {
	margin:0 10px 0 0;
	list-style:none;
	display:inline-block;
	vertical-align:middle
}
.list-css li img {
	margin-right:5px
}
.event-category {
	text-align:center
}
.comma-css {
	font-size:150px;
	line-height:150px;
	display:block;
	height:60px;
}
.icon-css ul {
	margin:0;
	padding:0
}
.icon-css li {
	margin: 0 15px 10px 0;
	padding: 10px 16px 12px 60px;
	background: #d6dedc;
	display: inline-block;
	list-style: none;
	position: relative;
	line-height: 16px;
}
.icon-css li a {
	padding: 10px 16px 12px 60px;
	background: #d6dedc;
	display: inline-block;
	list-style: none;
	position: relative;
	line-height: 16px;
	color:#222222;
}
.icon-css li a:hover {
	background:#27a22d;
	color:#fff;
}
.icon-css2 a {
	color:#222222;
}
.icon-css2 a:hover {
	color:#27a22d!important;
}
.icon-css li i {
	background:#27a22d;
	color:#fff;
	font-size:15px;
	width:38px;
	height:38px;
	line-height:38px;
	text-align:center;
	border-radius:100%;
	position:absolute;
	left:10px;
	top:10px
}
.icon-css li i.bg-yel {
	background:#ff9f0d;
}
.icon-css li small {
	font-size:12px;
}
.list-2 ul {
	margin:0;
	padding:0;
}
.list-2 li {
	margin:0;
	padding:0 20px 0 20px;
	background:url(../img/list-img.png) no-repeat 0px 11px;
	list-style:none;
	line-height:30px
}
/*--------------------------------------------------------------
Event
--------------------------------------------------------------*/ 

/*--------------------------------------------------------------
our-news
--------------------------------------------------------------*/ 
.help-us-div {
	position:absolute
}
.donate-now2 {
	background:#018fcf;
	color:#fff;
	padding:30px 50px;
	float:right;
	margin:0;
	width:70%;
}
.donate-now2:hover {
	background:#222222;
	color:#fff;
}
.help-us {
	background:#00a168;
	color:#fff;
	padding:18px 25px;
	width:95%;
	float:right;
}
/*--------------------------------------------------------------
our-news
--------------------------------------------------------------*/ 

/*--------------------------------------------------------------
Jobs Opportunity
--------------------------------------------------------------*/ 
.job-circle-head {
	margin-top:-70px;
}
.job-top-area .heading {
}
/*--------------------------------------------------------------
Jobs Opportunity
--------------------------------------------------------------*/ 

/*--------------------------------------------------------------
Commercial Opportunity
--------------------------------------------------------------*/ 
.commercial-circle-head {
	margin-top:-20px;
}
.commercial-top-area .heading {
}
/*--------------------------------------------------------------
Commercial Opportunity
--------------------------------------------------------------*/ 

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
	padding: 0 0 30px 0;
	background:#dce7e4
}
.newsletter {
	background:#0f8115;
	max-width:1188px;
	margin:0 auto;
	border-radius:50px;
	margin:-165px auto 70px auto;
	position:relative;
	z-index:99
}
.newsletter .glow2 {
	background:url(../img/glow-2.png) no-repeat center top;
	padding:23px 50px 23px 50px;
	background-size:100%;
}
.footer-glow1 {
	position:relative
}
.footer-glow1:before {
	background:url(../img/footer-glow1.png) no-repeat center top;
	width:598px;
	height:612px;
	content:"";
	position:absolute;
	top:-80px;
	bottom:0;
	left:0;
	z-index:0;
	background-size:100%
}
.footer-glow2 {
	position:relative
}
.footer-glow2:after {
	background:url(../img/footer-glow2.png) no-repeat center top;
	width:598px;
	height:612px;
	content:"";
	position:absolute;
	top:-80;
	bottom:0;
	right:0;
	z-index:0;
	background-size:100%
}
.footer-glow1 .container {
	z-index:50;
	position:relative
}
.newsletter h3 {
	font-size:42px;
}
.newsletter p {
	font-size:20px;
}
.social-media a {
	color:#000;
}
.social-media a:hover {
	color:#27a22d;
}
.social-media i {
	font-size:23px;
}
.footer-bg {
	height:11px;
	background:#27a22d
}
#footer .footer-newsletter h4 {
	font-size: 24px;
	margin: 0 0 20px 0;
	padding:0;
	line-height:1;
	font-weight: 600;
}
#footer .footer-newsletter form {
	background: #fff;
	padding:3px 10px;
	position: relative;
	border-radius:10px;
	border: solid 1px #e0e0e0;
}
#footer .footer-newsletter form .form-check-input {
	width:19px;
	height:19px
}
.newsletter .form-check-input:checked {
	background-color: #fff!important;
	border-color: #fff!important;
	border:0;
}
.form-check-input {
	width:19px;
	height:19px;
}
.newsletter .form-check-input:checked[type=radio] {
	background:url(../img/check-box.png) no-repeat 0 0!important;
	border:0;
}
.btn-submit {
	background: rgb(189,238,78);
	background: linear-gradient(90deg, rgba(189, 238, 78, 1) 20%, rgba(101, 195, 145, 1) 100%);
	border-radius:100%;
	width:61px;
	height:61px;
	text-align:center;
	vertical-align:middle;
	padding:0;
	line-height:75px;
	text-align:center;
	transition: all ease-in-out 0.3s;
	-webkit-transition: 0.70s;
	-moz-transition: 0.70s;
	-ms-transition: 0.70s;
	-o-transition: 0.70s;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border:0;
	margin-top:3px
}
.btn-submit:hover i {
	color:#fff
}
.btn-submit:hover {
	background:#222;
	border:0
}
.btn-submit i {
	font-size: 28px;
	color: #000;
	line-height: 0;
}
.email-css {
	background:#fff;
	padding:2px 5px;
	max-width:470px;
	border-radius:50px;
	display:flex
}
.email-css input {
	width:85%;
	height:67px;
	border-radius:50px;
	font-size:20px;
	color:#9a9a9a;
	font-style:italic;
}
 .email-css input::placeholder {
 color:#9a9a9a!important;
 opacity: 1;
}
*:focus {
	box-shadow: none !important;
}
 .email-css input::-ms-input-placeholder {
 color:#9a9a9a!important;
}
.featured-products a {
	text-align:center;
	color:#656565;
	margin:0 5px;
	display:inline-block;
	font-size:16px
}
.featured-products a img {
	margin-right:5px
}

::placeholder {
color:#222222 !important;
opacity: 1;
}

:-ms-input-placeholder {
color:#222222 !important;
}

::-ms-input-placeholder {
color:#222222 !important;
}
#footer .footer-newsletter form input[type=email] {
	border: 0;
	font-size:16px;
	padding:10px 0 10px 10px;
	width: calc(100% - 15%);
}
#footer .footer-newsletter form input[type=submit] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0;
	background: none;
	font-size:20px;
	padding: 0 28px;
	margin:0;
	color: #fff;
	transition: 0.3s;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
.btn-arrow2 {
	background:url(../img/arrow.png) no-repeat center center #ff9f0d!important;
}
.btn-arrow2:hover {
	background:url(../img/arrow-h.png) no-repeat center center #27a22d!important;
}
#footer .footer-top {
	background:#dce7e4;
	padding: 60px 0 30px 0;
	margin:50px 0 0 0
}
#footer .footer-top .footer-info {
	margin-bottom: 30px;
}
#footer .footer-top .footer-info h3 {
	font-size: 18px;
	margin: 0 0 20px 0;
	padding: 2px 0 2px 0;
	line-height: 1;
	font-weight: 700;
	color:#000
}
#footer .footer-top .footer-info p {
	line-height: 24px;
	margin-bottom:0;
}
#footer .footer-top .footer-info p {
	color:#686868
}
#footer .footer-top .social-links a:hover {
	background: #ff9f0d;
	text-decoration: none;
}
#footer .footer-top h4 {
	position: relative;
	padding-bottom:5px;
	color:#000;
	margin:0 0 28px 0;
	font-size:20px;
	text-transform:uppercase;
	font-weight:500
}
#footer .footer-top h4:before {
	position:absolute;
	background:#27a22d;
	content:"";
	left:0;
	right:0;
	bottom:0;
	width:74px;
	height:2px;
}
#footer .footer-top .footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer .footer-top .footer-links ul i {
	padding-right: 2px;
	color: #ec7f6d;
	font-size:18px;
}
#footer .footer-top .footer-links ul li {
	padding:0 0 0 24px;
	display: flex;
	align-items: center;
	background:url(../img/list-icon.png) no-repeat 0 5px;
	margin:15px 0
}
#footer .footer-top .footer-links ul li:first-child {
	padding-top:0;
}
#footer .footer-top .footer-links ul a {
	color:#222222;
	transition: 0.3s;
	display: inline-block;
	line-height: 1;
}
#footer .footer-top .footer-links ul a:hover {
	color:#27a22d;
}
#footer .footer-top .footer-contact {
	margin-bottom: 30px;
}
#footer .footer-top .footer-contact p {
	line-height: 26px;
}
#footer .copyright {
	text-align: center;
	padding-top: 30px;
	border-top:solid 1px #e0e0e0;
}
.footer-bg2 {
	background:#dce7e4;
	padding:30px;
}
.footer-info li {
	margin:0 0 20px 0;
	padding:5px 40px 5px 45px;
	list-style:none;
	display:block;
	position:relative;
	line-height:20px;
}
.footer-info li i {
	background:#27a22d;
	width:29px;
	height:40px;
	line-height:40px;
	display:inline-block;
	color:#fff;
	text-align:center;
	position:absolute;
	border-radius:50px 50px 0 50px;
	left:0;
	top:-4px
}
.categories .dropdown-menu {
	background:#000;
--bs-dropdown-min-width:10rem;
}
.categories .dropdown-menu li {
	background:#000;
	padding:0!important;
	display:block
}
.categories .dropdown-menu li:before {
	display:none
}
.categories .dropdown-menu li a {
	margin:0!important;
	padding:5px 10px!important;
	display:block!important;
	font-size:14px
}
.categories .dropdown-menu li a:hover {
	background:none!important;
	color:#ff9f0d!important
}
*/ @-webkit-keyframes zoom {
from {
-webkit-transform: scale(1, 1);
}
to {
-webkit-transform: scale(1.3, 1.3);
}
}
@keyframes zoom {
from {
transform: scale(1, 1);
}
to {
	transform: scale(1.3, 1.3);
}
}
.carousel-inner .carousel-item img {
	object-fit: cover;
	height:100%;
}
/*mega-menu*/ 
.col-megamenu a {
	padding:0!important;
	margin:0!important
}
.col-megamenu a:before {
	background:none!important
}
.navbar .megamenu {
	padding: 1rem;
	border-radius:0;
}
.navbar .megamenu a img {
	border:solid 2px #fff;
	transition: 0.3s;
}
.navbar .megamenu a {
	color:#000!important;
	border-radius:0!important
}
.navbar .megamenu a:hover {
	color:#27a22d!important;
}
.navbar .megamenu a:before {
	display:none!important
}
.navbar .megamenu {
	background:#fff!important;
	box-shadow: 0px 0px 2px rgb(0 0 0 / 20%);
}
.col-megamenu .title {
	color:#000!important;
	font-weight:400
}

/* ============ desktop view ============ */
@media all and (min-width: 1280px) {
.navbar .has-megamenu {
position:static!important;
}
.navbar .megamenu {
left:0;
right:0;
width:100%;
margin-top:0;
}
.dropdown:hover .dropdown-menu {
display:block;
}
}
@media (min-width: 768px) {
.animate {
animation-duration: 0.8s;
-webkit-animation-duration: 0.8s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
}
}
@keyframes slideIn {
0% {
transform: translateY(1rem);
opacity: 0;
}
100% {
transform: translateY(0rem);
opacity: 1;
}
0% {
transform: translateY(1rem);
opacity: 0;
}
}
@-webkit-keyframes slideIn {
0% {
-webkit-transform: transform;
-webkit-opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-webkit-opacity: 1;
}
0% {
-webkit-transform: translateY(1rem);
-webkit-opacity: 0;
}
}
.slideIn {
	-webkit-animation-name: slideIn;
	animation-name: slideIn;
}
/* Other styles for the page not related to the animated dropdown */


}
/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media(max-width: 1280px) {
.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
overflow-y: auto;
max-height: 90vh;
margin-top:10px;
}
.navbar ul {
margin:0!important
}
 .categories li {
font-size: 15px;
}
}
/* ============ mobile view .end// ============ */


/*mega-menu*/ 
.thm-btn {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none !important;
	background-color:#ff9f0d;
	transition: all 0.5s linear;
	overflow: hidden;
	z-index: 1;
	text-decoration:none
}
.thm-btn:before {
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: -230%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: -1;
	background-color: #fff;
}
.thm-btn:hover {
	color:#000!important;
}
.thm-btn:hover:before {
	top:-40%;
}
.thm-btn2 {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none !important;
	transition: all 0.5s linear;
	overflow: hidden;
	z-index: 1;
	text-decoration:none
}
.thm-btn2:before {
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: -230%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index:-1;
	background-color:#000;
}
.thm-btn2:hover {
	color:#fff!important;
}
.thm-btn2:hover:before {
	top:-40%;
}
.thm-btn3 {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none !important;
	transition: all 0.5s linear;
	overflow: hidden;
	z-index: 1;
	text-decoration:none;
	font-weight:500;
}
.thm-btn3:before {
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: -230%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: -1;
	background-color: #000;
}
.thm-btn3:hover {
	color:#fff!important;
}
.thm-btn3:hover:before {
	top:-40%;
}
.search-here {
	border-bottom:solid 1px #d4d4d4;
	color:#8f8f8f!important
}
 .search-here ::-ms-input-placeholder { /* Edge 12-18 */
 color:#8f8f8f!important;
}
 .search-here ::placeholder {
 color:#8f8f8f!important;
}
/*--==== Video Popup ====--*/
.video-popup {
	position: relative;
	border-radius: 50%;
}
.video-popup:after, .video-popup:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	border-radius: 50%;
	width: 100%;
	height: 100%;
	border: 1px solid #e1e1e1;
	-webkit-animation: playpopup infinite linear 1s;
	animation: playpopup infinite linear 1s;
}
.video-popup:before {
	-webkit-animation: playpopup infinite linear 2s;
	animation: playpopup infinite linear 2s;
}
.hero-play i {
	font-size:35px;
}
/*----------------------------------------*/

/*----------------------------------------*/

.btn-link2 {
	background:#d6dedc;
	color:#057050;
	text-decoration:none;
	padding:5px;
	border-radius:5px;
	border:0;
	font-size:16px
}
.btn-link2:hover {
	background:#000;
	color:#fff;
	border:0;
}
.form-inputs {
	position:relative;
}
.form-inputs .form-control {
	height:45px;
}
.form-inputs .form-control:focus {
	box-shadow:none;
	border:1px solid #000;
}
.form-inputs i {
	position:absolute;
	right:10px;
	top:10px;
}
@-webkit-keyframes playpopup {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.6;
}
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0.3;
}
100% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
}
@keyframes playpopup {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.6;
}
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0.3;
}
100% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
}
blockquote {
	border-left: 3px solid #f0715f;
	position: relative;
}
blockquote {
	background: #f1f8f6;
	font-style: italic;
	padding: 20px 20px 20px 40px;
}
blockquote {
	font-size: 1.1em;
	line-height: 1.6em;
	border-left: none;
	position: relative;
	text-indent: -19px;
}
blockquote {
	margin: 0 0 1rem;
}
.form-bg2 {
	background:#f1f8f6;
	padding:32px 40px;
}
.icon-flip {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
.hover-style1 {
	cursor:pointer
}
.hover-style1 .img-holder img {
	width: 100%;
	transition: all 3500ms ease;
}
.hover-style1 .img-holder {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius:40px;
}
.hover-style1 .position-relative {
	padding-right: 30px;
}
.hover-style1 .img-holder:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	background:#27a22d;
	opacity: 1.0;
transition: .5s;
	transform: perspective(400px) scaleY(0);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	z-index: 1;
}
.hover-style1:hover .img-holder:before {
	opacity: 0.50;
	transform: perspective(400px) scaleY(1.0);
}
.hover-style1:hover .img-holder img {
	transform: scale(1.3) rotate(3deg);
}
.hover-style1:hover .btn-arrow a {
	transition: 0.70s;
	-webkit-transition: 0.70s;
	-moz-transition: 0.70s;
	-ms-transition: 0.70s;
	-o-transition: 0.70s;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.border-start-1 {
	border-left:solid 1px #dee2e6
}
.download-btn {
	background: rgb(189,238,78);
	background: linear-gradient(90deg, rgba(189, 238, 78, 1) 20%, rgba(101, 195, 145, 1) 100%);
	padding:10px 30px;
	color:#222;
}
.download-btn2 {
	background:#ff9f0d;
	color:#fff;
	padding:10px 30px!important;
	border:0px!important;
}
.download-btn3 {
	background:#ff9f0d;
	padding:10px;
	color:#fff;
	float: right!important;
	padding: 2px 10px!important;
}
.download-btn4 {
	background:#ff9f0d;
	color:#fff;
	padding: 3px 10px!important;
}
.download-btn5 {
	background:#ff9f0d;
	color:#fff;
	padding: 4px 10px!important;
}
.big-download-btn a {
	background:#ff9f0d;
	color:#fff;
	font-size:24px;
	padding:15px 20px;
	text-align:center;
	display:block;
	margin:20px 0;
}
.example-btn {
	background:#ff9f0d;
	color:#fff;
	font-size:18px;
	padding:5px 15px;
	text-align:center;
}
/*===============Banner Hover Effects Start=================*/
.single-image {
	position: relative;
	display: block;
}
.single-image .img-holder {
	position: relative;
	display: block;
}
.single-image .img-holder .inner {
	position: relative;
	display: block;
	overflow: hidden;
}
.single-image .img-holder .inner:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #27a22d;
	opacity: 0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
	-webkit-transform: perspective(400px) rotateX(-90deg);
	-ms-transform: perspective(400px) rotateX(-90deg);
	transform: perspective(400px) rotateX(-90deg);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	z-index: 1;
}
.single-image:hover .img-holder .inner:before {
	opacity: .45;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
}
.single-image .img-holder .overlay-icon {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
-webkit-transition: .9s;
-o-transition: .9s;
transition: .9s;
	transform: perspective(400px) scaleY(0);
	transform-origin: bottom;
}
.single-image:hover .img-holder .overlay-icon {
	transform: perspective(400px) scaleY(1.0);
}
.single-image .img-holder .overlay-icon a {
	position: relative;
	display: inline-block;
}
.single-image .img-holder .overlay-icon span {
	color: #ffffff;
	font-size: 40px;
	line-height: 40px;
}
.single-image .img-holder .inner:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	opacity: 0.8;
	background:#0f8115;
transition-delay: .1s;
	transition-timing-function: ease-in-out;
transition-duration: .5s;
	transition-property: all;
	opacity: 1;
	transform-origin: bottom;
	transform-style: preserve-3d;
	transform: scaleY(0);
	z-index: 1;
}
.single-image:hover .img-holder .inner:after {
	opacity: 0.25;
	transform: scaleY(1.0);
}
.single-image .img-holder img {
	width: 100%;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}
.single-image:hover .img-holder img {
	transform: scale(1.2);
	transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);
}
/*===============Banner Hover Effects End=================*/


.swiper-pagination3 {
	position: absolute;
	text-align: center;
transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10;
}
.accordion-body {
	display: block;
	background: #fff;
	border: #96db6b 1px solid;
}
 .accordion-button:not(.collapsed) {
border-top:0;
border-left:0;
border-bottom:0;
border-right:0;
background: #fff;
}
.swiper-pagination5 {
	bottom:0!important
}
.start-date2 {
	border-bottom:#d3d3d3 1px solid;
	padding-bottom:16px
}
.filter-div .start-date2 {
	border-bottom:solid 1px #27a22d
}
.voir-tout-3 {
	background:#ffed00!important; font-size:18px;
}
.green-border {
	border-bottom:solid 1px #9bdd68!important;
	border-top:0!important;
	opacity:1!important;
}
.btn-outline-secondary {
	border-bottom:solid 1px #27a22d!important;
	border-top:0!important;
	border-left:0!important;
	border-right:0!important;
	color:#222;
	border-radius:0!important;
}
.btn-outline-secondary:hover {
	background:none!important;
	color:#222;
}

.list-css2 ul { margin:0; padding:0;}
.list-css2 li { margin:0; padding:0 30px; list-style:none; position:relative}
.list-css2 li:before {   right:0; content:""; height:22px; width:1px; background:#aaa; position:absolute}
.list-css2 li:last-child:before { display:none}
.text-area {height:170px;}

.green-bg {background:#e8f5ea}
.list-css3 {margin:0; padding:0; list-style:none; position:relative}
.list-css3 li { background:url(../img/list-icon-2.png) no-repeat left 6px; padding:3px 0 3px 30px;}

@media (min-width:992px) {
.div2-css { position:relative; margin-left:-50px!important;}
}

.par-kg {
  width: 137px;
  height: 186px;
  padding: 104px 25px 20px 25px;
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  text-align: center;
  color: #000;
  background: url(../img/pr-kg.png) left no-repeat;
}