/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

/*Typography*/
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
:root{
	--light-green:#C0144D;
	--orange:#11759C;
	--dark-green:#212430
}
h1,h2,h3,h4,h5,h6{
	font-family:'Nunito',sans-serif;
}
h1{
	line-height:1.1
}
h2{
	line-height:1.2;
	color: #1f1f1f;
    font-size:36px;
    font-weight: 700;
}

.column_heading .mcb-column-inner{
	margin-bottom:20px;
}
h3{
	line-height:1.3
}
p{
	font-family:'Nunito',sans-serif;
	font-size:16px;
	line-height:1.5
}
/*ASSETS*/
.subtitle{
    color: var(--orange);
    font-size: 28px;
    font-weight: 700;
    font-family: 'caveat';
	position:relative;
}
.subtitle-center{
    color: var(--orange);
    font-size: 28px;
    font-weight: 700;
    font-family: 'caveat';
	position:relative;
}
.subtitle p{
	margin-bottom:0;
	margin-left: 80px;
    font-family: 'Caveat';
    font-weight: bold;
    font-size: 28px;
	position:relative
}
.subtitle .mcb-column-inner, .subtitle-center .mcb-column-inner{
	margin-bottom:0
}
.subtitle-slide{
	color: var(--orange);
    font-size: 28px;
    font-weight: 700;
    font-family: 'caveat';
	position:relative;
	padding-left: 80px !important;
}
.subtitle-slide::before {
	content: "";
    background: #ec195c;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    right: 0;
    width: 8px;
    height: 8px;
    left: 60px;
}
.subtitle-slide::after{
	position: absolute;
    content: "";
    background: #ec195c;
    width: 65px;
    height: 2px;
    margin-right: 11px;
    top: 50%;
    left: 0px;
}
.subtitle p::before {
	content: "";
    background: var(--orange);
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    right: 0;
    width: 8px;
    height: 8px;
    left: -18px;
}
.subtitle p::after{
	position: absolute;
    content: "";
    background: var(--orange);
    width: 65px;
    height: 2px;
    margin-right: 11px;
    top: 50%;
    left: -80px;
}
.subtitle-center p{
	position:relative;
}
.subtitle-center p::after{
	position:absolute;
	content:"";
	left:0;
	top:50%;
    background-image: url(https://esmaani.org/wp-content/uploads/2025/12/after-subtitle-1.png);
	width:66px;
	height:12px;
}
.subtitle-center p::before{
	position:absolute;
	content:"";
	right:0;
	top:50%;
    background-image: url(https://esmaani.org/wp-content/uploads/2025/12/before-subtitle-1-1.png);
	width:66px;
	height:12px;
}
.subtitle-center .mcb-column-inner{
	width: auto;
    margin-left: auto;
    margin-right: auto;
}

.subtitle-center p{
	margin-bottom:0;
    font-family: 'Caveat';
    font-weight: bold;
    font-size: 30px;
	padding: 0 80px;
}
/*PAGE TITLE BAR*/
.section-page-titlebar{
	background-image:url(https://esmaani.org/wp-content/uploads/2025/11/esmaani-photo1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
    padding: 40px 0;
}
.section-page-titlebar h1, .section-page-titlebar p{
	color:#fff
}
.section-page-titlebar .mfn-list-desc{
	color:#fff;
	position:relative
}
.section-page-titlebar .mfn-list-icon{
	display:none
}
.section-page-titlebar .mfn-list .mfn-list-icon i {
    display: none;
}
.section-page-titlebar::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background:rgba(18, 47, 42, 0.84);
    mix-blend-mode: multiply;
    content: "";
}
.section-page-titlebar .shape-title-bar{
	position: absolute;
    bottom: -82px;
    left: -65px;
}
.section-page-titlebar .hand-title-bar{
	position: absolute;
    right: -45px;
	animation: handLeftRight 4s linear 0s infinite;
}
@keyframes handLeftRight{
	0%, 100% {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
}

25%, 75% {
    -webkit-transform: rotate(5deg) translateX(15px);
    transform: rotate(5deg) translateX(15px);
}
50% {
    -webkit-transform: rotate(10deg) translateX(30px);
    transform: rotate(10deg) translateX(30px);
}
}
.section-page-titlebar .content-title-bar{
	max-width: 900px;
    margin: 0 auto;
}
  
.section-page-titlebar .list-wrap .mcb-column-inner{
	margin-bottom:0
}
.section-page-titlebar .content-title-bar .mcb-column-inner{
	margin-bottom:0
}
.section-page-titlebar  li a{
	color:var(--light-green);
	margin-right: 10px;
	font-weight:700
}
.section-page-titlebar li:hover a{
	color:var(--orange);
	text-decoration:none
}
.section-page-titlebar  .mfn-list-item:nth-child(2) .mfn-list-desc::before {
    position: absolute;
    top: 0;
    left: -12px;
    content: '/';
}
.section-page-titlebar .mfn-list {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*HEADER*/
#Side_slide a:not(.button):hover {
    color: #ec195c;
}
#Action_bar{
	background-color: var(--dark-green)!important;
}
#Action_bar .contact_details a {
    color: #fff;
    font-family:'Nunito',sans-serif;
	font-size:16px;
}
#Action_bar .contact_details a:hover{
	color:#ec195c;
	text-decoration:none
}
#Action_bar .contact_details li > i {
    color: #fff;
}
#Action_bar .social i{
	color:#fff;
	font-size:18px;
}
#Action_bar .social i:hover{
	color:#ec195c
}
#Action_bar .contact_details li .icon-mail-line{
	vertical-align:middle
}
#Top_bar .menu-main > li > a span{
    border-style: unset;
    font-size: 18px;
    font-family: 'Nunito', sans-serif;
    color: #1f1f1f;
    font-weight: 600;
    border-right-width: 0 !important;
}
#Top_bar .menu-main > li:hover > a span{
	color:var(--orange)
}
#Top_bar ..menu-main > li.current-menu-item > a span{
	color:var(--orange)
}
#Top_bar .menu > li > a span:not(.description) {
    padding: 0px 15px;
    white-space: nowrap;
    border-right-width: 0px;
    border-style: none
}
.top_bar_left{
	display: flex;
    align-items: center;
    justify-content: flex-start;
}
#Top_bar .logo .custom-logo-link {
	padding:0
}
#Top_bar .logo{
	position: absolute;
    left: 0;
    z-index: 2;
	top:0
}
#Top_bar.is-sticky .logo{
	top:-13px;
}
.grecaptcha-badge{
	bottom:100px!important;
}
#Top_bar .logo .custom-logo-link img {
    vertical-align: middle;
    max-height: 115px;
    width: auto!important;
}
.cmplz-cookiebanner .cmplz-title {
    font-size: 20px!important;
    color: var(--cmplz_text_color);
    font-weight: 700!important;
}
.menuo-right #Top_bar .menu_wrapper {
        margin-left: 230px;
}
#Top_bar .menu.page-menu > li > a {
    padding: 0 15px;
}
.action_button, #Error_404 .error_desk p .button{
    font-family: 'Nunito',sans-serif;
    font-size: 18px;
    background: var(--orange);
    color: #fff;
    border-radius: 100em;
    padding: 12px 30px;
}
.btn-custom a{
	font-family: 'Nunito',sans-serif!important;
    font-size: 18px!important;
    background: var(--orange)!important;
    color: #fff!important;
    border-radius: 100em!important;
    padding: 13px 30px!important;
	text-align: center;
    width: 208px !important;
}
#Top_bar .column {
    display: flex;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    height: 100%;
}
#Top_bar.is-sticky{
	height:90px
}
#Top_bar.is-sticky .custom-logo-link {
     padding: 0 !important; 
     height: 60px !important;
     line-height: 60px !important;
}
#Top_bar .menu > li.menu-item-home > a span > span:not(.description) {
    display: none!important;
}
#Top_bar .menu > li.current-menu-item .icon-home, #Top_bar .menu > li.current-menu-item a span{
    color: var(--orange);
}
#Top_bar .menu > li .icon-home{
	font-size: 24px;
}
#Action_bar .contact_details li > i {
    margin-right: 5px;
}
/*MObile navigation*/
#Side_slide {
    background-image: url(https://esmaani.org/wp-content/uploads/2025/11/team-pattern.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f6f3ee;
}
#Side_slide #menu ul li.current-menu-item > a, #Side_slide #menu ul li.current_page_item > a,
#Side_slide #menu ul li:hover > a, #Side_slide #menu ul li:hover > a,
#Side_slide #menu ul li:hover > a, #Side_slide #menu ul li:hover > a{
	color:var(--orange)
}
#Side_slide #menu ul li > a span{
	font-size:16px;
}
/*PAGE ACCUEIL*/
.section-01{
	padding-top:60px;
	padding-bottom:60px;
}
.section-01 .mfn-icon-box .desc-wrapper .title{
	font-size:20px;
}
.section-01 .image-01{
	width: 310px;
    height: 505px;
    margin-top: 145px;
    margin-right: 30px;
	position:relative
}
.section-01 .image-01 .mcb-column-inner, .section-01 .image-01 .image_frame, .section-01 .image-01 .image_wrapper {
	width:100%;
	height:100%
}
.section-01 .image-02{
	width: 255px;
    height: 360px;

}

.section-01 .icon-wrapper {
    width: 60px;
    height: 60px;
    background: #fff;
    box-shadow: 0px 4px 12px rgb(0, 0, 0, 0.13);
    border-radius: 50%;
	margin-right:11px;
}
.section-01 .image-01::before {
    position: absolute;
    top: -25px;
    left: -25px;
    bottom: 45px;
    right: 120px;
    border: 5px solid var(--orange);
    border-radius: 30px;
    z-index: -1;
    content: "";
}
.section-01 .image-02 .mcb-column-inner, .section-01 .image-02 .image_frame, .section-01 .image-02 .image_wrapper {
	width:100%;
	height:100%
}
.section-01 .image-01 img{
	width:100%;
	height:100%;
	object-fit: cover;
    border-radius: 30px;
}
.section-01 .image-02 img{
	width:100%;
	height:100%;
	object-fit: cover;
    border-radius: 30px;
}
.section-01 .shape-section-01 {
	position: absolute;
    left: 100px;
    z-index: -1;
    top: 25px;
	animation: topToBottom 7s linear infinite;
}
.section-01 .mcb-item-counter-inner{
	position: absolute;
    top: -260px;
    right: -30px;
    background: #fff;
    max-width: 349px;
    border-radius: 30px;
    padding: 17px;
    animation: leftToRight 7s linear infinite;

}
@keyframes topToBottom{
	0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}
@keyframes leftToRight{
	0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
50% {
    -webkit-transform: translateX(50px);
    transform: translateX(30px);
}
100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}

.section-01 .counter{
	background: var(--dark-green);
    padding: 40px 10px;
    border-radius: 30px;
}
.section-01 .counter .title{
	font-size: 30px;
    color: #fff;
    line-height: 1.1;
}

.section-01 .number-wrapper{
	color:#fff!important;
}
.section-01 .button {
	width: 100%;
    padding: 6px;
    border: 1px solid #D8DDE1;
    border-radius: 50px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    background: #fff;
    color: #1f1f1f;
    font-family: 'Nunito', sans-serif;
	 -webkit-box-shadow: inset 0 0 0 0 var(--light-green);
    box-shadow: inset 0 0 0 0 var(--light-green);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.action_button, .btn-slide, .btn-custom a, #Footer .gform_button, #Error_404 .error_desk p .button, .section-03-contact .gform-button, .section-02-contact .gform-button{
	-webkit-box-shadow: inset 0 0 0 0 var(--light-green)!important;
    box-shadow: inset 0 0 0 0 var(--light-green)!important;
    -webkit-transition: 0.5s!important;
    transition: 0.5s!important;
}
 .section-10 .button{
	-webkit-box-shadow: inset 0 0 0 0 var(--orange);
    box-shadow: inset 0 0 0 0 var(--orange);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.gform_button{
	-webkit-box-shadow: inset 0 0 0 0 var(--light-green)!important;
    box-shadow: inset 0 0 0 0 var(--light-green)!important;
    -webkit-transition: 0.5s!important;
    transition: 0.5s!important;
}
.footer-copy-center #Footer .footer_copy .copyright{
	margin:0
}

#Footer .gform_button:hover{
	-webkit-box-shadow: inset 0 -100px 0 0 var(--light-green)!important;
    box-shadow: inset 0 -100px 0 0 var(--light-green)!important;
    background: var(--orange)!important;
    color: #fff!important;
}
#Footer .project-list .project-item{
	display:flex;
	flex-wrap:wrap;
	align-items:center
}
#Footer .project-list .project-item .image-projet{
	width:75px;
	height:75px;
}
#Footer .project-list .project-item .image-projet img{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:10px;
}
#Footer .project-list .project-item a{
	width:calc(100% - 100px);
	line-height:1.5
}
.action_button:hover, .btn-slide:hover, .btn-custom a:hover, #Error_404 .error_desk p .button:hover, .section-03-contact .gform-button:hover, .section-02-contact .gform-button:hover{
	-webkit-box-shadow: inset 0 -100px 0 0 var(--light-green)!important;
    box-shadow: inset 0 -100px 0 0 var(--light-green)!important;
    background: var(--orange)!important;
    color: #fff!important;
}
.section-02-contact .gform-button{
	border:none!important
}
.section-10 .button:hover{
	-webkit-box-shadow: inset 0 -100px 0 0 var(--orange);
    box-shadow: inset 0 -100px 0 0 var(--orange);
    background: var(--light-greeb);
    color: #fff;
}
.section-01 .button:hover{
    -webkit-box-shadow: inset 0 -100px 0 0 var(--light-green);
    box-shadow: inset 0 -100px 0 0 var(--light-green);
    background: var(--orange);
    color: #fff;
}
.btn-aide.active a,
.btn-eau.active a,
.btn-hopital.active a {
  background-color: var(--orange) !important;
  color: #fff !important;
}
.btn-mission.active a,
.btn-vision.active a,
.btn-valeur.active a {
  background-color: var(--orange) !important;
  color: #fff !important;
  border-color: #f15b2a !important;
}
.section-01 .cause-text{
	font-size: 16px;
    font-family: Nunito, sans-serif;
    line-height: 1.5;
    padding-left: 14px;
}
.section-01 .column_button .mcb-column-inner{
	margin-bottom:20px;
}
.section-01 .right-part{
	padding-left:30px;
}
.section-01 .mfn-icon-box {
	border: 1px dashed #1f1f1f;
    padding: 20px;
    border-radius: 20px;
    margin-top: 22px;
	flex-direction:row!important
}
.section-01 .text-about p{
	margin-bottom:0
}
.section-01 .section_wrapper {
	align-items:center
}
.section-01 .shape-heart{
    position: absolute;
    bottom: -100px;
    right: -142px;
    animation: pulse 4s infinite ease-in-out;
    width: 90px;
}
.section-01 .btn-custom .mcb-column-inner{
	margin-bottom:0
}
/*SECTION-02*/
.section-02 {
	padding-top:60px;
	background:url(https://esmaani.org/wp-content/uploads/2025/11/bg-section-02.jpg);
	background-position: center;
    background-size: contain;
	padding-bottom:20px;
}
.section-02 .slick-slide li a{
    padding: 10px;
    border-radius: 30px;
	display:inline-block;
	overflow:hidden
}
.section-02 .mcb-item-portfolio_slider-inner {
	padding-left: 30px;
	padding-right: 30px;
}
.section-02 .portfolio_slider .slider_next {
    right: -30px;
}
.section-02 .portfolio_slider .slider_prev {
    left: -30px;
}
.section-02 .portfolio_slider .slider_nav {
    color: #fff;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    z-index: 5;
    width: 40px;
    top: 50%;
    border-radius: 50%;
	background: var(--light-green);
	transform:translatey(-50%);
	margin-top:0
}
.section-02 .portfolio_slider .slider_nav:hover{
	background:var(--orange)
}
.section-02 .custom-content{
	max-width:950px;
	margin:0 auto;
}
.section-02 .custom-content .mcb-column-inner{
	margin-bottom:10px;
}
.section-02 .slick-slide img{
    object-fit: cover;
	opacity:1!important;
	border-radius:30px;
}
.section-02 .slick-slide .title{
	color: #1f1f1f !important;
    font-family: 'Nunito';
    font-size: 24px;
	opacity:1!important
}
.section-02 h2{
	max-width: 515px;
    margin: 0 auto;
}
.section-02 .shape-section-02-right{
	position: absolute;
    top: -61px;
    right: -404px;
	animation: leftToRight 7s linear infinite;
}
.section-02 .slider_pagination .slick-active {
	width: 28px;
    height: 12px;
    border-radius: 100px;
    background: var(--orange);
    border-color: var(--orange);
}
.section-02 .slider_pagination .slick-active a{
	display:none
}
.section-02 .slick-dots{
	display: flex;
    align-items: center;
    justify-content: center;
}
/*Section-03*/
.section-03{
	padding-top:60px;
	padding-bottom:60px;
}

.section-03 .custom-content{
	max-width:950px;
	margin:0 auto;
}
.section-03 .image-card{
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
.section-03 .image-card img{
	filter: invert(100%) sepia(1%) saturate(7436%) hue-rotate(124deg) brightness(108%) contrast(108%);
	width:40px;
}
    
.section-03 .image-card .mcb-column-inner{
	margin-bottom:0
}
section-03 .image-card img{
	width:100%;
	height:100%;
	object-fit:cover
}
.section-03 .box-card .image-card::before{
	position:absolute;
	content:"";
	background-image: url(https://esmaani.org/wp-content/uploads/2025/12/icon-wrap-2-1.png);
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:-1;
	width:74px;
	height:74px;
}
.section-03 .box-card:hover .image-card::before{
    background-image: url(https://esmaani.org/wp-content/uploads/2025/12/icon-wrap-1.png);
}
.section-03  h3{
	font-size: 24px;
    color: #1f1f1f;
    font-weight: 700;
	max-width: 170px;
    margin: 0 auto;
}
.section-03  .box-card p{
	margin-bottom:0
}
.section-03 .section_wrapper{
	column-gap:20px;
}
.section-03 .box-card {
	background: #fff;
    box-shadow: 0px 4px 40px rgb(0, 0, 0, 0.06);
    border-radius: 30px;
    padding: 50px 30px 30px;
    z-index: 1;
	width:calc(100% / 4 - 20px);
	min-height:328px;
}
.section-03 .action-bg{
	position: absolute;
	-webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    left: 0;
    bottom: -35px;
    text-align: center;
    z-index: -1;
	opacity:1

}
.section-03 .box-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--dark-green);
    transform: scaleX(0.8) rotateX(20deg);
    opacity: 0;
    border-radius: 30px;
    transition: all 0.5s linear;
    z-index: -1;
	visibility:visible;
	width:100%;
	height:100%
}
.section-03 .box-card:hover::before {
    transform: scaleX(1.0) rotateX(0deg);
    transition: all 0.4s linear;
    opacity: 1;
}
.section-03 .box-card::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
	height:100%;
    background-color: var(--orange);
    opacity: 0;
    border-radius: 30px;
    transition: all 0.5s linear;
    z-index: -2;
	visibility:visible
}
.section-03 .box-card:hover::after {
    transform: rotate(-10deg);
    opacity: 1;
}
.section-03 .box-card:hover h3, .section-03 .box-card:hover p{
	color:#fff
}
.section-03 .box-card:hover .action-bg{
	opacity:0.03
}
.section-03 .shape-hand {
    position: absolute;
    left: -228px;
    top: -170px;
	animation: topToBottom 7s linear infinite;
}
/*SECTION-04*/
.section-04 {
	background:url(https://esmaani.org/wp-content/uploads/2025/11/bg-section-02.jpg);
	padding-top:60px;
	padding-bottom:0px;
	background-position: center;
    background-size: contain;
}
.section-04 .image-01{
	width:350px;
	height:380px
}
.section-04 .image-01 .mcb-column-inner, .section-04 .image-01 .image_frame, .section-04 .image-01 .image_wrapper {
	width:100%;
	height:100%
}
.section-04 .mfn-icon-box .desc-wrapper .title {
    font-size:20px;
}
.section-04 .image-01 img{
	width:100%;
	height:100%;
	object-fit: cover;
    border-radius: 30px;
}
.section-04 .image-02{
    mask: url(https://esmaani.org/wp-content/uploads/2025/11/image-16.png);
    mask-size: cover;
    width: 306px;
    height: 236px;
    position: absolute;
    left: -124px;
    bottom: 100px;
	position:relative;
	border-radius:30px;
}
.section-04 .icon-wrapper{
    width: 15%;
}
.section-04 .image-02::before {
    position: absolute;
    top: 0;
    left: -1px;
    bottom: -1px;
    right: 0px;
    border: 12px solid #fff;
    content: "";
    border-radius: 30px;
    z-index: 5;
}
.section-04 .image-02 .mcb-column-inner, .section-04 .image-02 .image_frame, .section-04 .image-02 .image_wrapper {
	width:100%;
	height:100%
}
.section-04 .image-02 img{
	width: 100%;
    object-fit: cover;
    height: 100%;
}
.section-04 .counter{
    position: absolute;
    top: -280px;
    right: -126px;
    background: var(--dark-green);
    border-radius: 40px;
    width: 125px;
    z-index: 5;
    display: flex;
    align-items: center;
    transform: rotate(-90deg) translateX(0%);
    width: max-content;
    transform-origin: 0 0;
}
.counter-section .counter .desc_wrapper .title {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    color: #1f1f1f!important;
}
.section-04 .mcb-wrap-inner{
	justify-content:center
}
.section-04 .counter h3{
	color:#fff!important;
	font-size:25px!important
}
.section-04 .number-wrapper{
	color:#fff!important;
}
.section-04 .shape-right{
	position: absolute;
    top: -60px;
    right: -380px;
} 
.section-04 .hand .mcb-column-inner{
	margin-bottom:0
}
.section-04 .column_counter .mcb-column-inner{
	margin-bottom:0
}
.section-04 .hand{
    position: absolute;
    bottom: 60px;
    right: 0;
	animation: handLeftRight 4s linear 0s infinite;
}
.section-04 .mfn-icon-box {
    border: 1px dashed #1f1f1f;
    padding: 12px;
    border-radius: 20px;
    margin-top: 22px;
}
/*SECTION-05*/
.section-05{
	padding-top:60px;
	padding-bottom:60px;
	max-width: 1100px;
    width: 100%;
    margin: 0 auto;
	position:relative;
	margin-top:-40px;
}
.section-05::before{
	position: absolute;
    content: "";
    left: -407px;
    top: -168px;
    background-image: url(https://esmaani.org/wp-content/uploads/2025/11/hands-color.png);
    width: 450px;
    height: 751px;
}
.section-05::after{
	position: absolute;
    content: "";
    right: -408px;
    top: -175px;
    background-image: url(https://esmaani.org/wp-content/uploads/2025/12/two-hands-1-1.png);
    width: 285px;
    height: 350px;
	animation: topToBottom 7s linear infinite;
	z-index:100
}
.section-05 .column_button .mcb-column-inner{
	margin-bottom:0
}
.section-05 .mcb-background-overlay{
	background:var(--dark-green);
	mask:url(https://esmaani.org/wp-content/uploads/2025/11/mask-section-05.png);
	mask-size: contain;
    mask-repeat: no-repeat;
	mask-position:center;
	
}
.blockquote blockquote{
	min-height:124px;
	margin-bottom:0;
	line-height:1.5
}
.section-05 .left-part{
	margin-top:25px;
}
.section-05 .image-01{
	margin: 25PX;
    width: 443px;
    height: 409px;;
}
.section-05 .image-01 .mcb-column-inner{
	margin-bottom:0
}
.section-05 .image-01 .mcb-column-inner, .section-05 .image-01 .image_frame, .section-05 .image-01 .image_wrapper {
	width:100%;
	height:100%
}
.section-05 .image-01 img{
	width: 100%;
    object-fit: cover;
    height: 100%;
	border-radius:30px;
}

.section-05 .section_wrapper{
	align-items:center
}
.section-05  .right-part .mcb-wrap-inner{
	justify-content:center
}
.section-05 .button{
	width: 100%;
    color: #ffff;
    font-family: 'Nunito', sans-serif;
    display: inline-block;
    padding:15px;
    background: #C0144D;
    border-radius: 30px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
	text-align:center
}
.section-05 .content-text{
	color: rgb(255, 255, 255);
    padding-top:100px;
    padding-left: 55px;
    padding-bottom: 30px;
	min-height:326px;
}   
.section-05 .section-05-shape-right {
	position: absolute;
    right: -427px;
    bottom: -79px; 
}
.section-05 .btn-custom{
	margin-left:45px;
}
.section-05-heading{
	padding-top:60px;
}
/*COUNTER SECTION*/
.counter-section .counter-box .number-wrapper{
	font-size: 40px;
    font-family: 'Nunito';
    color: var(--light-green);
    font-weight: 700;
}
.counter-section .counter-box .number-wrapper p{
	font-size:16px!important;
	color:#626262
}
.counter-section .counter-box .counter {
	background:#fff
}
.counter-section .counter-box:nth-child(even) .number-wrapper{
	color:var(--orange)
}
.counter-section .counter-box .counter{
	position:relative;
	padding:0
}
.counter-section .counter-box .counter::before {
    position: absolute;
    top: 11px;
    right: 0;
    bottom: 8px;
    width: 2px;
    background: #D8DDE1;
    content: "";
}
.counter-section .counter-box:nth-child(1) .counter::before{
	right:-24px
}
.counter-section .counter-box:last-child .counter::before{
	width:0
}
/*SECTION-06*/
.section-06::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    mask: url(https://esmaani.org/wp-content/uploads/2025/11/section-06-before.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: cover;
    mask-size: cover;
    height: 66px;
    content: "";
    z-index: 1;
}
body:not(.style-simple) .blockquote blockquote {
    text-decoration: none;
    text-decoration-color: unset;
}
.section-06 .subtitle p::before, .section-06 .subtitle p::after{
	background:#00b4d8
}
.section-06 p{
	color:#fff
}
.subtitle p::before{
	
}
.section-06{
	padding-top: 120px;
    background: var(--dark-green);
    position: relative;
    padding-bottom: 60px;
}
.section-06 .section_wrapper{
	align-items:center
}
.section-06 .image-01{
	position: relative;
    display: block;
    overflow:visible;
    width: 340px;
    height: 440px;
}
.section-06 .image-01 img{
	border-radius: 100px 0px 500px 500px;
}   
.section-06 .image-01::before {
    position: absolute;
    top: 27px;
    left: 65px;
    bottom: 0;
    right: -30px;
    border: 5px solid var(--light-green);
    border-radius: 100px 0px 500px 500px;
    content: "";
    z-index: 1;
}
.section-06 h2{
	color:#ffff
}
.section-06 blockquote{
    color: #fff; 
}
.section-06 .bq_wrapper{
	padding-left:0!important;
	padding-right:0!important
}
.icon-quote{
	color: #00b4d8;
    margin-right: 61px;
}
.testimonials_slider a.slider_prev, .testimonials_slider a.slider_next {
    background: transparent;
}
.testimonials_slider a.slider_prev i, .testimonials_slider a.slider_next i{
	color:#fff
}
.section-06 .hr_dots span {
    background: var(--orange);
}
/*SECTION-07*/
.section-07{
	background-image:url(https://esmaani.org/wp-content/uploads/2025/11/team-pattern.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#f6f3ee;
	padding-top: 60px;
    padding-bottom: 40px;
}
.section-07 .custom-content{
	max-width:950px;
	margin:0 auto;
}
.section-07 .team-img{
	position:relative;
	margin-bottom:30px;
}
.section-07 .shape{
	position: absolute;
    top: -60px;
    left: -104px;
}
.section-07 .team-img::before{
	position:absolute;
	content:"";
	background-image:url(https://esmaani.org/wp-content/uploads/2025/11/bg-team-im.png);
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width: 217px;
    height: 221px;
}
.section-07 .team-card .number p{
	font-size: 24px;
    color: #1f1f1f;
    font-weight: 700;
    background: #fff;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	margin:0 auto;
}
.section-07 .team-card:hover .number p{
	color:#fff;
	background:var(--orange)
}
.section-07 .team-card:hover img{
	filter: invert(30%) sepia(84%) saturate(1299%) hue-rotate(174deg) brightness(97%) contrast(101%)
}
.section-07 .number .mcb-column-inner{
	margin-bottom:20px
}
.section-07 h3{
	font-weight:700
}
.section-07 .team-card{
	position:relative
}
.section-07 .team-card-1::before{
    position: absolute;
    bottom: 86px;
    right: -18px;
    height: 300px;
    border: 1px dashed var(--dark-green);
    transform: rotate(53deg);
    z-index: 10;
    visibility: visible;
}
.section-07 .team-card-2::before{
    position: absolute;
    bottom: 73px;
    right: 4px;
    height: 300px;
    border: 1px dashed var(--dark-green);
    transform: rotate(-50deg);
    z-index: 10;
    visibility: visible;
}
.section-07 .team-card-3::before{
    position: absolute;
    bottom: 83px;
    right: -29px;
    height: 300px;
    border: 1px dashed var(--dark-green);
    transform: rotate(-129deg);
    z-index: 10;
    visibility: visible;
}
.section-07 .part-title{
	margin-bottom:60px;
}
/*SECTION-08*/
.section-08{
	padding-top:60px;
	padding-bottom:60px;
}
.section-08 .section_wrapper{
	align-items:center
}
.section-08 .image-01{
	height: 570px;
    width: 445px;
	position:relative
}
.section-08 .image-01::before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	background-image:url(https://esmaani.org/wp-content/uploads/2025/11/faq-before-img-1.png);
	z-index:2;
	width: 173px;
    height: 196px;
}
.section-08 .image-01 .mcb-column-inner, .section-08 .image-01 .image_frame, .section-08 .image-01 .image_wrapper {
	width:100%;
	height:100%
}
.section-08 .image-01 img{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:30px;
}
.section-08 .image-02{
	height: 280px;
    width: 350px;
    position: relative;
    position: absolute;
    left: 30px;
    bottom: 55px;
    overflow: hidden;
    border: 5px solid #fff;
    border-radius: 30px;
    z-index: 5;
}

.section-08 .image-02 .mcb-column-inner, .section-08 .image-02 .image_frame, .section-08 .image-02 .image_wrapper {
	width:100%;
	height:100%
}
.section-08 .image-02 img{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:30px;
}
.section-08 .right-part .mcb-wrap-inner{
	justify-content:flex-end;
}
.section-08 .faq .question > .title  {
    position: relative;
    display: block;
    background: #fff;
    border: 1px solid #D8DDE1;
    border-radius: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
	padding: 20px 40px 20px 50px;
	font-size: 20px;
    font-family: 'Nunito';
    color: #1f1f1f;
    font-weight: 600;
	border-bottom: 0;
    border-left: 0;
    border-right: 0;
	line-height:1.4
}
.section-08  .faq .question {
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 30px;
    border: 1px solid #D8DDE1;
	margin-bottom:20px;
}
.faq .question > .answer {
    padding: 20px 20px 20px 50px;
	font-size: 16px;
    font-family: 'Nunito';
    line-height: 1.5;
	border-top: 1px solid #D8DDE1;
}
.faq .question:after, .faq .question::before{
	content:unset
}
/*SECTION-09*/
.section-09{
	background-image:url(https://esmaani.org/wp-content/uploads/2025/11/bg-section-09.png);
	padding-top:60px;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section-09 input:not(.gfield-choice-input, .section-09 .gform-button ){
	background: transparent!important;
    border-radius: 100em!important;
    height: 50px!important;
    color: #fff!important;
    padding-left: 20px!important;
	padding-right:20px!important
}
.section-09 .subtitle{
	color:var(--light-green)
}
.section-09 .subtitle p::after , .section-09 .subtitle p::before{
	background:var(--light-green)
}
input:focus, textarea:focus {
    outline: 1px solid var(--orange)!important; 
	border:none!important
}

.section-09 textarea{
	background: transparent!important;
    color: #fff!important;
    padding-left: 20px!important;
	border-radius: 30px!important;
    resize: none!important;
}
.section-09 .ginput_recaptcha iframe{
	transform: translateX(-30px) scale(0.75);
}
   
.section-09 #field_submit{
	align-items: center!important;
    justify-content: flex-start!important;
}
.section-09 .gform-field-label, .section-09 .gfield_description{
	color:#fff!important;
	font-size:14px!important;
	font-family:'Nunito',sans-serif!important
}
.section-09 h2{
	color:#fff;
}
.section-09 form a{
	color:var(--orange)
}
.section-09 .gform_fields{
	row-gap:20px!important
}
.section-09 .gform-button{
	font-family: 'Nunito', sans-serif !important;
    font-size: 18px !important;
    background: var(--orange) !important;
    color: #fff !important;
    border-radius: 100em !important;
    padding: 15px 35px !important;
    text-align: center;
	height: 50px !important;
}
.section-09 .gform-button:hover{
	background:var(--light-green)!important
}
.section-09 .shape-section-09{
	position: absolute;
    right: -170px;
    top: -25px;
	animation: topToBottom 7s linear infinite;
}
/*SECTION-10*/
.section-10{
	padding-top:60px;
	padding-bottom:20px;
}
.section-10 .button_icon{
	display:none
}
.section-10 .image_frame{
	width: 380px;
    height: 240px;
    margin-left: 0!important;
	margin-bottom:30px;
}
.section-10 .image_wrapper, .section-10 .image_wrapper a, .section-10 .image_wrapper img{
	width:100%;
	height:100%
}
.section-10 .image_wrapper img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px
}

.section-10  .blog_slider .blog_slider_ul .blog_slider_li .item_wrapper {
    margin: 0 10px;
    position: relative;
    display: block;
    background: #F6F6F6;
    padding: 15px;
    border-radius: 30px;
    margin-bottom: 0px;
}
.section-10 .blog_slider .blog_slider_ul .blog_slider_li .item_wrapper .date_label {
    position: static;
    font-size: 16px;
    color: #626262;
}
.section-10 .blog_slider h3{
	font-size:20px;
	font-weight:600;
}
.section-10 .button{
	background-color: var(--light-green);
    font-size: 16px;
    padding: 12px 24px;
    color: #fff;
    border-radius: 100em;
	margin-left:0!important
}
.section-10 hr{
	display:none!important
}
.section-10 .icon-layout{
	color:#fff
}
.section-10 .custom-content{
	max-width:950px;
	margin:0 auto;
}
.section-10 h4 a{
	font-size: 20px;
    font-weight: 700;
    color: #1f1f1f;
}
.section-10 h4:hover a{
	color:var(--orange)
}
.section-partner .shape-lettre {
	position: absolute;
    bottom: -35px;
    right: -170px;
	animation: topToBottom 7s linear infinite;
}
@keyframes pulse{
	0%, 100% {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    opacity: 0.3;
}
50% {
    -webkit-transform: scale(1.2) translate(-50%, -50%);
    transform: scale(1.2) translate(-50%, -50%);
    opacity: 1;
}
}
/*Section partner*/
.section-partner .content_slider.carousel .content_slider_li img{
	width:200px;
	margin:0
}
.section-partner .content_slider.carousel .content_slider_ul .content_slider_li .title{
	display:none
}
.section-partner .slick-initialized .slick-slide {
    display: flex;
    justify-content: center;
}
.section-partner .custom-content{
	max-width:950px;
	margin:0 auto;
}
.section-partner .slider_pagination li.slick-active a{
    cursor: pointer;
    width: 28px;
    height: 9px;
    border-radius: 100px;
    background: var(--orange);
    border-color: var(--orange);
	top:0
}
.section-partner .slider_pagination .slick-active a:after{
	display:none
}
.section-partner .content_slider .button i{
	color: var(--light-green);
    font-size: 30px;
}
.section-partner .slick-dots{
	display:flex;
	align-items:center;
	justify-content:center
}
/*Scroll bar*/

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--orange); 
}
::-webkit-scrollbar-thumb {
    background-color: var(--light-green); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #ec195c; 
}

/*PAGE PRESENTATION*/
.section-01-about{
	padding-top:60px;
}
.section-01-about h3{
	font-size:22px;
	font-weight:700;
}
.section-01-about .icon-wrapper{
	position: relative;
    overflow: visible;
    width: 30px !important;
    height: 30px !important;
	background:transparent;
	border-radius:0
}
.section-01-about .icon-wrapper img{
	filter: invert(100%) sepia(8%) saturate(7411%) hue-rotate(288deg) brightness(110%) contrast(112%);
}

.section-01-about .icon-wrapper::before {
    position: absolute;
    content: "";
    background-image: url(https://esmaani.org/wp-content/uploads/2025/12/icon-wrap-2-1.png);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 74px;
    height: 74px;
}
.section-01-about .mfn-icon-box {
    overflow: visible;
}
.section-01-about .image-01{
	width:250px;
	height:210px;
	margin-right: 30px
}
.section-01-about .image-01 .mcb-column-inner, .section-01-about .image-01 .image_frame, .section-01-about .image-01 .image_wrapper {
	width:100%;
	height:100%
}
.section-01-about .image-02{
	width:220px;
	height:255px;
}
.section-01-about .image-02 .mcb-column-inner, .section-01-about .image-02 .image_frame, .section-01-about .image-02 .image_wrapper {
	width:100%;
	height:100%
}
.section-01-about .image-03{
	width:330px;
	height:325px;
	margin-right: 251px;
    margin-top: -15px;
}
.section-01-about .image-03 .mcb-column-inner, .section-01-about .image-03 .image_frame, .section-01-about .image-03 .image_wrapper {
	width:100%;
	height:100%
}
.section-01-about .image-01 img, .section-01-about .image-02 img, .section-01-about .image-03 img{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:30px
}
.section-01-about .left-part .mcb-wrap-inner{
	justify-content:flex-end
}
.section-01-about .right-part{
	padding-left:50px
}
.section-01-about .shape-circle{
	position: absolute;
    top: 75px;
    left: -19px;
    z-index: -1;
	animation: rotation 30s infinite 
}
@keyframes rotation{
	0% {
    transform: rotate(0deg);
}

100% {
    transform: rotate(360deg);
}
}
.section-01-about .counter{
	background: var(--dark-green);
    border-radius: 30px;
    margin-top: -279px;
    margin-left: 144px;
    margin-right: -21px;
    z-index: 1;
    padding: 60px 15px;
}
.section-01-about .number-wrapper{
	font-size: 75px!important;
    color: #fff!important;
}
.section-01-about .counter .title{
	font-size: 20px;
    color: #fff;
}
.section-01-about .mcb-item-counter-inner{
	background:transparent
}
.section-01-about .section_wrapper{
	align-items:center
}
/*SECTION-02-ABOUT*/
.section-02-about{
	padding-top:60px;
	padding-bottom:30px;
}
.section-02-about .team-card .icon-team img{
	filter: invert(18%) sepia(63%) saturate(5913%) hue-rotate(331deg) brightness(95%) contrast(95%);
	height:40px;
	width:40px;
}
.section-02-about .team-card:hover .icon-team img{
	filter: invert(94%) sepia(31%) saturate(0%) hue-rotate(345deg) brightness(101%) contrast(106%);
}
.section-02-about .icon-team .image_frame {
	position:relative;
	overflow:visible
}
.section-02-about .custom-content{
	max-width:950px;
	margin: 0 auto;
}
.section-02-about .custom-content .mcb-column-inner{
	margin-bottom:10px;
}
.section-02-about .team-card .icon-team .image_frame::after{
	position:absolute;
	width:75px;
	height:75px;
	background:transparent;
	border: 1px dashed #ec195c; 
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	content:"";
	transition: all 0.4s linear;
    z-index: -1;
	
}
.section-02-about .team-card {
	width: calc(100% / 4 - 20px);
    margin-right: 20px;
	min-height: 425px;
}
.section-02-about .team-card h3 {
	font-size: 24px;
    font-weight: 700;   
}
.section-02-about .team-card:hover .icon-team .image_frame::after{
	background:var(--orange);
	width:80px;
	height:80px;
	border: 1px dashed var(--orange);
}
.section-02-about .team-card  .mcb-wrap-inner{
	border: 1px solid #d8dde1;
    padding: 30px 10px;
    padding-top: 60px;
    margin-bottom: 30px;
    border-radius: 30px;
    background: #fff;
	z-index:1;
	
}
.section-02-about .orange-heart{
	position: absolute;
    right: -63px;
    top: -50px;
}
    
.section-02-about .content-card .mcb-column-inner{
	margin-bottom:0
}
.section-02-about .content-card  p{
	margin-bottom:0
}
.section-02-about .image-heart{
	position: absolute;
    z-index: -1;
    top: 173px;
    left: 50px;
}   
/*SECTION-03-ABOUT*/
.section-03-about{
	padding-top:60px;
	padding-bottom:60px;
	background:url(https://esmaani.org/wp-content/uploads/2025/11/bg-section-02.jpg);
	background-position: center;
	background-size: contain;
}
.section-03-about .mcb-item-button-inner{
	display:none
}

.section-03-about .custom-content{
	max-width:950px;
	margin:0 auto;	
}
.section-03-about .custom-content .mcb-column-inner{
	margin-bottom:10px
}
.section-03-about .action-card{
	background: #fff;
    border-radius: 30px;
    padding: 40px 10px;
	width: calc(100% / 4 - 20px);
    margin-right: 20px;
	min-height: 345px;
	position:relative;
	padding-bottom:0;
}
.section-03-about .action-card img{
	filter: invert(18%) sepia(63%) saturate(5913%) hue-rotate(331deg) brightness(95%) contrast(95%);
}
.section-03-about h2{
	max-width: 600px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.section-03-about .action-card:hover::before {
    transform: scaleX(1.0) rotateX(0deg);
    transition: all 0.4s linear;
    opacity: 1;
}
.section-03-about .action-card .mcb-wrap-inner{
	row-gap:20px;
	align-items:center;
}
.section-03-about .action-card .column_heading .mcb-column-inner{
	margin-bottom:0
}
.section-03-about .action-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--dark-green);
    transform: scaleX(0.8) rotateX(20deg);
    opacity: 0;
    border-radius: 30px;
    transition: all 0.4s linear;
    z-index: -1;
	width:100%;
	height:100%;
	visibility:visible
}
.section-03-about .action-card:hover h3, .section-03-about .action-card:hover .content-action, .section-03-about .action-card:hover a{
	color:#fff;
	
}
.section-03-about .action-card:hover a{
	color:var(--orange);
	
}
.section-03-about .action-card:hover:before {
    transform: scaleX(1.0) rotateX(0deg);
    transition: all 0.4s linear;
    opacity: 1;
}
.section-03-about .action-card:last-child{
	margin-right:0
}
.section-03-about .action-card .column_image::before{
	position:absolute;
	content:"";
	width: 70px;
    height: 70px;
    background: #f6f6f6;
    border-radius: 20px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%)
}
.section-03-about .action-card:hover .column_image img{
	filter: invert(94%) sepia(31%) saturate(0%) hue-rotate(345deg) brightness(101%) contrast(106%);
}

.section-03-about .action-card:hover .column_image::before{
	background:var(--light-green)
}
.section-03-about .mcb-item-image-inner{
	margin-bottom:0
}
.section-03-about img{
	transform: scale(0.7)!important;
}
    
.section-03-about .content-action .mcb-column-inner{
	margin-bottom:0
}
.section-03-about .content-action p{
	margin-bottom:0
}
.section-03-about .mcb-item-button-inner{
	margin-bottom:0
}
.section-03-about a{
	background: transparent;
    color: var(--light-green);
    font-weight: 700;
	padding:0
}
.section-03-about h3{
	font-size:22px;
	font-weight:700
}
.section-04-about{
	background:none
}
.section-04-about{
    min-height: 163px;
	padding-bottom:30px
}
.section-04-about .shape-right{
	display:none
}
.section-04-about .mfn-icon-box{
	min-height:162px
}
.section-04-about .mcb-column-inner {
    margin-left: 10px;
    margin-right: 10px;
}
.section-04-about h4{
	margin-bottom:0
}
.desc{
	line-height:1.5!important
}
.section-04 .icon-wrapper img{
	    filter: invert(18%) sepia(63%) saturate(5913%) hue-rotate(331deg) brightness(95%) contrast(95%);
}
.section-04-about .counter {
    right: -100px; 
}

/*SECTION-05-ABOUT*/
.section-05-about{
	background:url(https://esmaani.org/wp-content/uploads/2025/11/esmaani-image3.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	padding-top:60px;
	padding-bottom:92px;
	position:relative
}
.section-05-about::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #122F2A;
    background: linear-gradient(90deg, rgba(18, 47, 42, 1) 0%, rgba(18, 47, 42, 0.74) 100%);
    mix-blend-mode: multiply;
    content: "";
}
.section-05-about .subtitle-center{
	color:var(--light-green)
}
.section-05-about::after {
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(https://esmaani.org/wp-content/uploads/2025/11/shape-before.png);
    right: 0;
    height: 32px;
    content: "";
    z-index: 2;
	width:100%
}
.section-05-about .btn-custom .mcb-column-inner{
	margin-bottom:0
}
.section-05-about p:not(.subtitle-center p), .section-05-about h2{
	color:#fff
}
.section-05-about .mcb-wrap-inner{
	justify-content:center!important;
}
.section-05-about p:not(.subtitle-center p){
	max-width: 800px;
    margin: 0 auto;
    margin-top: 20px;
}
.section-05-about .shape-02{
	position: absolute;
    right: 0;
	top: 22px;
}
/*PAGE CONTACT*/
.section-01-contact{
	padding-top:60px;
	padding-bottom:20px;
}
.section-01-contact .mfn-icon-box{
	background: #fff;
    box-shadow: 0px 4px 40px rgb(0, 0, 0, 0.07);
    padding: 38px;
    border-radius: 30px;
}
.section-01-contact a:hover{
	color:var(--orange)!important
}
.section-01-contact .mfn-icon-box .icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: var(--light-green);
    border-radius: 24px;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.section-01-contact .mfn-icon-box:hover .icon-wrapper{
	background:var(--orange)
}
.section-01-contact  .icon-wrapper i {
    font-size: 40px!important;
	color:#fff!important
}
.section-01-contact  .mfn-icon-box .title{
	font-weight: 700;
    color: #1f1f1f;
    font-size: 25px;
	margin-bottom:0
}
.section-map iframe{
	width:100%;
	border-radius:30px
}

.section-02-contact .gform-theme{
	max-width: 580px;
    width: 100%;
    background: #fff;
    border: 1px solid #d8dde1;
    padding: 40px;
    border-radius: 50px;
    float: right;
	margin-right:55px;
}
.section-02-contact{
	margin-top:-730px;
	padding-bottom:20px;
}
.section-02-contact input:not(.gfield-choice-input, .gform-button){
	height: 55px!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
    outline: none!important;
    font-size: 16px!important;
    font-weight: 400!important;
    color: #797e88!important;
    border-radius: 100em!important;
}
.section-02-contact .gform-theme--foundation #field_submit {
    align-items: center;
    justify-content: flex-start;
}
.section-02-contact textarea{
    padding-left: 30px!important;
    padding-right: 30px!important;
    outline: none;
    font-size: 16px!important;
    font-weight: 400;
    color: #797e88!important;
    border-radius: 30px!important;
	resize:none!important
	
}
input::placeholder,
textarea::placeholder {
    font-family: 'Nunito',sans-serif!important
}
.section-02-contact .ginput_recaptcha iframe, .section-03-contact .ginput_recaptcha iframe{
	transform: scale(0.7) translate(-65px) !important;
}
.section-03-contact .gform-button{
	border:none!important
}
.section-02-contact .gform-button , .section-03-contact .gform-button {
	font-family: 'Nunito', sans-serif !important;
    font-size: 18px !important;
    background: var(--orange) !important;
    color: #fff !important;
    border-radius: 100em !important;
    padding: 13px 30px !important;
    text-align: center;
}
.section-03-contact{
    padding-top: 60px;
    padding-bottom: 10px;

}

.section-03-contact .gform-theme--foundation #field_submit {
    align-items: center;
    justify-content: flex-start;
}
.section-03-contact input:not(.gfield-choice-input, .gform-button){
	color: #1f1f1f!important;
    border: 1px solid #D8DDE1!important;
    height: 55px!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
    background: transparent!important;
    border-radius: 100em!important;
    font-size: 16px!important;
}
.section-03-contact textarea{
	color: #D8DDE1!important;
    border: 1px solid #fff!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
    background: transparent!important;
    border-radius: 30px!important;
    font-size: 16px!important;
	height:150px!important
}

.section-02-contact .gform-field-label, .section-02-contact .gfield_description,
.section-03-contact .gform-field-label,
.section-03-contact .gfield_description{
	font-size: 14px!important;
    font-family: 'Nunito'!important;
    color: #626262!important;
}
.section-02-contact a, .section-03-contact a{
	color:var(--orange)
}
.section-02-contact a:hover,  .section-03-contact a:hover{
	color:var(--light-green);
	text-decoration:none
}
.gform-footer{
	margin:0!important
}

/*PAGE BLOG*/
#Subheader{
	background-image: url(https://esmaani.org/wp-content/uploads/2025/11/esmaani-photo1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 60px 0;
	position:relative
}
#Subheader::before{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(18, 47, 42, 0.84);
    mix-blend-mode: multiply;
    content: "";
}
#Subheader::after{
	content: "";
    position: absolute;
    width: 100px;
    height: 120px;
    right: 72px;
    top: 50px;
    background-image: url(https://esmaani.org/wp-content/uploads/2025/12/hand-1-1.png);
    left: unset;
	animation: handLeftRight 4s linear 0s infinite;
}
#Subheader h1, #Subheader p{
	color:#fff!important
}
.mfn-breadcrumbs-separator i{
	color:#fff!important;
}
.breadcrumbs li a{
	color:var(--light-green)!important;
	font-weight:700;
}
.breadcrumbs li:hover a{
	color:var(--orange)!important;
	text-decoration:none
}
.breadcrumbs li{
	color:#fff!important
}
.sidebar .widget{
	background: url(https://esmaani.org/wp-content/uploads/2025/11/bg-sidebar.jpg);
    padding: 30px;
    border-radius: 30px;
    overflow: hidden;
	background-position: center;
    background-size: cover;
}
.sidebar .widget_search input{
	background-color: #fff;
    color: #797e88;
    font-size: 16px;
    font-weight: 400;
    padding-left: 25px;
    height: 50px;
    width: 100%;
    padding-right: 60px;
    border-radius: 28px;
    border: 1px solid #d8dde1;
}
.widget_categories ul{
	background-color:unset;
	padding-left: 0;
    list-style-type: none;
}
.widget_categories ul li {
    margin-bottom: 10px;
}
.widget_categories ul li:last-child{
	margin-bottom:0
}
.widget_categories ul{
	padding-bottom:0
}
.widget_categories ul li a {
    color: #797e88!important;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 28px;
    padding: 0px 25px 0px;
    font-size: 16px;
    height: 50px;
    font-weight: 400;
    border: 1px solid #d8dde1;
}
.widget_categories ul li:hover a{
	 background: var(--orange);
	color:#fff!important;
	text-decoration:none
}
.sidebar .widget:not(.widget_block) > h3 {
    font-size: 20px;
    font-weight: 700;
	color:#1f1f1f;
	border-bottom: 1px solid #d8dde1;
    padding-bottom: 10px;
}
.Recent_posts.blog_news ul li{
	overflow:visible
}
.sidebar .Recent_posts.blog_news ul li .desc h6 {
   line-height: 1.5;
    margin: 0;
    border-bottom: 0;
}
.sidebar .Recent_posts.blog_news ul li .date{
	display:none
}
.sidebar .Recent_posts.blog_news ul li .photo{
	border-color: var(--orange);
	width: 85px;
    height: 85px;
    border-radius: 15px;
}
.sidebar .Recent_posts.blog_news ul li:hover .photo{
	border-color: var(--light-green);
	width: 85px;
    height: 85px;
    border-radius: 15px;
}
.sidebar .Recent_posts.blog_news ul li .photo img{
	height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.post-title h2{
	font-size:20px;
}
.post-title h2:hover a{
	color:var(--orange)
}
.blog_wrapper .post-item{
	box-shadow: 0px 4px 30px rgb(0, 0, 0, 0.08);
    border-radius: 30px;
}
.post-item .post-desc-wrapper{
	min-height:214px
}
.post-header{
	display:none
}
.post-links a, .search-footer a{
	background-color: var(--light-green);
    font-size: 16px;
    padding: 8px 20px;
    border-radius: 30px;
    color: #fff;
}
.post-links a:hover, .search-footer a:hover{
	background-color: var(--orange);
	text-decoration:none
}
.post-excerpt{
	margin-bottom:0
}
.post-links .read-more-icon{
	display:none
}
.post-footer {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
	overflow:visible;
	display:none
}
 .grid .post-desc-wrapper .post-desc {
    padding: 20px!important;
}
.post-links{
	border:0;
	padding-left: 0 !important;
}  
.blog_wrapper .post-item .image_frame{
	height:235px
}
.blog_wrapper .post-item .image_wrapper, .blog_wrapper .post-item .image_wrapper a{
	height:100%
}
.blog_wrapper .post-item .image_wrapper a img{
	height:100%;
	object-fit:cover
}
.post-meta .icon-clock{
	color:var(--light-green)
}
body.blog .content_wrapper{
	padding-top:30px
}
.widget_mfn_recent_posts .post:last-child{
	margin-bottom:0
}
.pager .pages a.active{
	background-color: var(--orange);
    border-radius: 50%;
}
.pager .pages a:hover{
	background-color: var(--orange);
}
.pager .pages a{
    border-radius: 50%;
    border: 1px solid var(--orange);
	color:var(--orange);
	margin:0 5px
}
.pager .pages {
    border-radius: 50%;
    background-color: transparent;
    background-image: none;
}
.pager a.next_page, .pager a.prev_page{
	color:var(--light-green)!important
}
.pager a.next_page:hover, .pager a.prev_page:hover{
	color:var(--orange)!important;
	text-decoration:none
}
body.single .post-wrapper-content li{
	color:#626262;
	margin-bottom:5px;
}
/*PAGE RECHRCHE*/
body.search .posts_group{
	display: flex;
    flex-wrap: wrap;
	gap:16px
}
.search-results .search-item {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    width: calc(100% / 2 - 16px);
    flex-direction: column;
	box-shadow: 0px 4px 30px rgb(0, 0, 0, 0.08);
    border-radius: 30px;
	overflow: auto;
}
.search-results #Content {
    padding-top: 30px;
}
h2 a{
	color:#1f1f1f
}
.search-results .search-item:not(.no-image) .search-content h4 {
    color: #1f1f1f;
    font-weight: 700;
    font-size: 20px;
}
.search-results .search-item .post-featured-image {
    width: 100%;
    margin-right: 0;
	height: 280px;
}
.search-results .search-item .post-featured-image a{
	height: 100%;
    display: inline-flex;
    width: 100%;
}
.search-results .search-item .post-featured-image img{
	height: 100%;
    object-fit: cover;
    width: 100%;
}
.post-excerpt p{
	margin-bottom:0
}
.post-excerpt {
    line-height: 1.5;
}
.search-footer{
	display:none
}
.search-results .search-item .search-content {
    width: auto;
	padding:20px;
	padding-bottom: 30px;
}
.grid .post-item {
    margin: 0 1% 16px;
}
/*PAGE PROJETS*/
.section-01-projets  .portfolio-item .portfolio-item-fw-bg{
	display: flex;
    align-items: center;
    justify-content: center;
	background: #fff;
    border-radius: 30px;
    padding: 20px;
    margin-bottom: 0px;
	box-shadow: 0px 4px 40px rgb(0, 0, 0, 0.08);
	min-height:320px;
}
body.single-portfolio .breadcrumbs li:nth-child(3){
	display:none!important
}
.section-01-projets  .portfolio-item{
	margin-bottom:0;
	
}
.section-01-projets  .portfolio-item  .image_frame{
	width: 220px!important;
    height: 235px;
}
.section-01-projets  .portfolio-item  .image_frame .image_wrapper , .section-01-projets  .portfolio-item  .image_frame .image_wrapper a{
	width: 100%;
    height: 100%;
}
.section-01-projets  .portfolio-item h3 a{
    font-size: 24px;
    font-weight: 700;
}
.section-01-projets  .portfolio-item h3:hover a{
	color:var(--orange)
}
.section-01-projets  .portfolio-item  .image_frame .image_wrapper img{
	width: 100%;
    height: 100%;
	object-fit:cover;
	border-radius:30px;
}
.section-01-projets  .portfolio-item  .image_frame .image_wrapper a{
	border-radius:30px;
	overflow:hidden
}
.section-01-projets .portfolio-item h3{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.1;
}
.section-01-projets .portfolio_group .portfolio-item .desc {
    padding: 20px;
    width: calc(100% - 220px);
}
.section-01-projets{
	padding-top:60px;
	padding-bottom:60px;
}
.section-01-projets h2{
	max-width:600px;
	margin:0 auto
}
.section-01-projets .text-content{
	max-width:850px;
	margin:0 auto;
}
/*TO TOP BUTTON*/
#back_to_top{
	position:relative
}
#back_to_top.sticky {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9001;
    background: var(--orange);
    border-radius: 50%;
}
#back_to_top i {
    color: #fff;
}
/*PAGE INDISPENSABLE*/
.privacy-policy #Content{
    padding: 30px 20px !important;
    background:#00715d0a;;
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.privacy-policy a:not(.action_button){
	color:var(--orange)
}
.privacy-policy a:hover{
	color:var(--light-green);
	text-decoration:none
}
.privacy-policy .the_content_wrapper {
    margin-bottom: 0;
}
.privacy-policy  p:last-child{
	margin-bottom:0
}
.privacy-policy  li:last-child{
	margin-bottom:0
}
.privacy-policy  ul:last-child{
	margin-bottom:0
}
.privacy-policy  li:not(.copyright-bloc .copyright-nav li.list-item, .breadcrumbs li){
	color:#626262!important;
	font-size:16px!important
}
#cmplz-document {
    font-size: 16px!important;
    margin-top: 0;
    max-width: 1200px;
    text-justify: inter-word;
}
#cmplz-document p{
	font-size: 16px!important;
}
.privacy-policy h2:not(.footer h2){
	font-size:36px!important
}
#cmplz-document .cmplz-subtitle{
    margin-top: 0;
}
#cmplz-document h2{
	padding-bottom:0
}
/*PAGE FAIRE UN DON*/
.donation-question .content{
	background: var(--light-green);
    padding: 40px;
    border-radius: 30px;
}
.donation-question .content .desc{
	color:#fff
}
.donation-question .content .image-02{
	width:290px;
	height:290px
}
.donation-question .image-02 .mcb-column-inner, .donation-question .image-02 .image_frame, .donation-question .image-02 .image_wrapper {
	width:100%;
	height:100%
}
.donation-question .image-02 img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}
.donation-question .image-02 .mcb-column-inner{
	margin:0
}
.donation-question h3{
	font-size: 20px;
    font-weight: 700;
}
.donation-question .mfn-icon-box {
    padding: 15px;
    background: #fff;
    box-shadow: 0px 10px 40px rgb(0, 0, 0, 0.1);
    border-radius: 100em;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
	flex-direction: row;
    align-items: center;
    justify-content: center;
}  
.donation-question .mfn-icon-box:hover{
	background:var(--orange);
}
.donation-question .mfn-icon-box:hover h3{
	color:#fff;
}
.colorTitle{
    color:#fff;
}

.colortitle{
	color:#fff
}
.donation-question .mfn-icon-box:hover img {
    filter: invert(100%) sepia(3%) saturate(531%) hue-rotate(193deg) brightness(99%) contrast(107%);
}
.donation-question .image-01 img{
	filter: invert(100%) sepia(7%) saturate(0%) hue-rotate(351deg) brightness(105%) contrast(107%);
}
.donation-question .mfn-icon-box img{
	filter: invert(18%) sepia(63%) saturate(5913%) hue-rotate(331deg) brightness(95%) contrast(95%);
	width: 35px;
    height: 35px;
}
.donation-question .mfn-icon-box img.whiteFilter{
	filter: invert(100%) sepia(3%) saturate(531%) hue-rotate(193deg) brightness(99%) contrast(107%);
}
.donation-question .item-title .mcb-column-inner{
	margin-bottom:20px
}
.activeBtn {
    background: var(--orange)!important; 
}
.activeBtn h3{
	color:#fff;
}
.activeBtn img{
	filter: invert(100%) sepia(3%) saturate(531%) hue-rotate(193deg) brightness(99%) contrast(107%);
}
.donation-question .section_wrapper{
	align-items:center
}
.donation-question .mcb-item-photo_box-inner{
	margin-bottom:0
}
.donation-question .mcb-item-photo_box-inner .image_wrapper{
	position:relative;
	width:64px;
}
.donation-question .mcb-wrap-inner{
	align-items:center
}
.donation-question .mcb-item-photo_box-inner .image_wrapper img{
	filter: invert(100%) sepia(7%) saturate(0%) hue-rotate(351deg) brightness(105%) contrast(107%);
}
.donation-question .mcb-item-photo_box-inner .image_wrapper::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: 0px;
    right: 0px;
    border-radius: 20px;
    background: var(--orange);
    content: "";
    z-index: -1;
    width: 75px;
    height: 75px;
}
.donation-question .mcb-item-photo_box-inner .image_wrapper::after {
    position: absolute;
    top: -12px;
    left: -12px;
    bottom: 7px;
    right: 7px;
    border-radius: 20px;
    background: #fff;
    content: "";
    z-index: -2;
    width: 75px;
    height: 75px;
    opacity: 0.5;
}
.donation-question .mcb-item-photo_box-inner{
	padding-left:50px;
}
.donation-question .mcb-item-photo_box-inner .image_wrapper , .donation-question .mcb-item-photo_box-inner .image_frame{
	overflow:visible
}
.donation-question .shape-donate {
    position: absolute;
    opacity: 0.2;
    right: -125px;
    top: -16px;
}

.donation-question .photo_box {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column
}
.donation-question .photo_box .title{
	color: #fff;
    order: 2;
}
.donation-question .photo_box  .image_frame{
	order:1
}
.donation-question .photo_box  .desc{
	order:3;
	margin-bottom:0;
	font-size:16px!important;
	line-height:1.5!important
}
.donation-question .mfn-icon-box-left .icon-wrapper {
    margin-left: 0;
    margin-right: 0;
	margin-bottom:0
}
.donation-question .titles{
	padding-right:30px;
}
.btn-donation {
    font-family: 'Nunito', sans-serif !important;
    font-size: 18px !important;
    background: var(--orange) !important;
    color: #fff !important;
    border-radius: 100em !important;
    padding: 13px 30px !important;
    text-align: center;
    width: 190px !important;
    display: block;
    margin-top: 10px;
}
.btn-donation h4{
	font-weight:700
}
.section-01-donate .custom-text{
	max-width: 900px;
    margin: 0 auto;
}
.section-01-donate .custom-text .mcb-column-inner {
	margin-bottom:20px
}
.section-01-donate{
	padding-top:60px;
}
.donation-question {
	padding-bottom:40px;
}
.donation-question .item{
	font-weight:700
}
.donation-question .item-info{
	color:#fff828

}
/*PAGE GALERIE*/
.section-01-galerie{
	padding-top:60px;
	padding-bottom:60px;
}
/* .section-01-galerie .image_frame:hover .image_wrapper  img{
	border-radius:30px;
	
} */
.section-01-galerie .image_frame .image_wrapper  a {
	border-radius:30px;
	overflow:hidden
}
.section-01-galerie .portfolio-item .desc{
	padding:0
}
.section-01-galerie .portfolio-item .desc .title_wrapper{
	display:none
}
.section-01-galerie .custom-text{
	margin:0  auto;
	max-width:900px;
}
.section-01-galerie .custom-text .mcb-item-column-inner{
	margin-bottom:20px;
}

/*Single Project*/

body.single-portfolio .section-post-header{
	display:none
}
.section-01-project-details{
	padding-top:30px;
	padding-bottom:20px;
}
.section-01-project-details .image-01 .mcb-column-inner, .section-01-project-details .image-01 .image_frame, .section-01-project-details .image-01 .image_wrapper {
	height:100%
}
.section-01-project-details .image-01{
	height:400px;
	margin-bottom:30px;
}
.section-01-project-details .image-01 img{
	height:100%;
	object-fit:cover;
	border-radius:30px;
}
.section-01-project-details .right-part {
    background: url(https://esmaani.org/wp-content/uploads/2025/11/bg-sidebar.jpg);
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
    padding: 30px 20px 10px 20px;;
}
.section-01-project-details .right-part .mcb-column-inner{
	margin-bottom:0
}
.section-01-project-details .left-part{
	padding-right:30px;
}
.section-01-project-details .mfn-list .mfn-list-icon i {
    color:var(--orange);
}
/*FOOTER*/
#Footer .footer_copy .social{
	display:none
}
#Footer .footer_copy .mcb-column-inner{
	margin-bottom:30px;
}
.copyright-bloc{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    transition: color 0.3s ease 0s;
}
#Footer .footer_copy .one {
    margin-bottom: 0;
}
.copyright-bloc .copyright-nav{
    margin: 0;
    padding: 0;
    text-align: center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center
}
.copyright-bloc .copyright-nav .list-item{
    display: inline-block;
    margin: 0 5px 0 0;
	margin-bottom:0!important;
	font-size: 16px;
    font-family: 'Nunito';
    color: #fff;
}

.copyright-bloc .copyright-nav .list-item:last-child{
  margin-right: 0;
}
.copyright-bloc .copyright-nav .list-item::after{
    content: "|";
    margin: 0 0 0 5px;
}
.copyright-bloc .copyright-nav .list-item.company-item .company-name{
	text-transform: uppercase;
    font-weight: 900 !important;
}
.copyright-bloc .copyright-nav .list-item .item-link{
    display: inline-block;
    text-decoration: none;
    transition: color 0.3s;
	margin-bottom:0!important;
	font-family: 'Nunito';
    color: #fff;
}
.copyright-bloc .copyright-nav .list-item:hover .item-link{
	color:var(--orange)
}
.copyright-bloc .agency-logo{
	display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	margin-bottom:0!important
}
.copyright-bloc .agency-logo::before{
    content: 'Développé par';
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
	color: #fff;
    font-family: 'Nunito', sans-serif;
}
.copyright-bloc .agency-logo .logo-link{
    display: inline-block;
    width: 135px;
    margin: 0;
    text-decoration: none;
}
.copyright-bloc .agency-logo .logo-img{
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.copyright-bloc .agency-logo .logo-img{
	  filter: invert(1);
}

 #Footer .icon-wrapper{
    width: 45px;
    height: 45px;
    background: #ffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
 #Footer .right-shape {
    position: absolute;
    right: -75px;
    width: 100px;
    bottom: 0;
}
 #Footer .left-shape {
    position: absolute;
    left: -130px;
    top: -30px;
}
.contact-item {
  display: flex;
  align-items: center;
  gap: 15px;
}
#Footer{
	position:relative
}
#Footer::before{
	position:absolute;
	content:"";
	background-image: url(https://esmaani.org/wp-content/uploads/2025/11/section-06-before.png);
    background-repeat: no-repeat;
	top:0;
	left:0;
	width:1920px;
	height:112px;
	visibility: visible !important;
}
#Footer::after{
	position:absolute;
	content:"";
	background-image:url(https://esmaani.org/wp-content/uploads/2025/12/shape-footer-left-1-1.png);
	left:0;
	bottom:0;
	width:239px;
	height:329px;
	visibility: visible;
}
#Footer .gform-body input{
	background: transparent !important;
    border-radius: 100em !important;
    height: 50px !important;
    color: #fff !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
#Footer .gform_button{
	font-family: 'Nunito', sans-serif !important;
    font-size: 18px !important;
    background: var(--orange) !important;
    color: #fff !important;
    border-radius: 100em !important;
    padding: 0px 40px !important;
    text-align: center;
    height:45px !important;
	margin-top:5px;
	border:none!important
}
#Footer .gfield--input-type-captcha iframe{
	transform: scale(0.7) translate(-65px)!important;
}
     
.gform_fields {
	row-gap:20px!important
}
#Footer .gform_fields {
	row-gap:10px!important
}
#Footer .gform_wrapper{
	margin-top:20px;
}
.contact-item .icon {
  width:24px;
  height:24px;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: invert(18%) sepia(63%) saturate(5913%) hue-rotate(331deg) brightness(95%) contrast(95%);;
}
.footer-contact{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
 
}
.footer-contact h3{
	font-size:18px;
	margin:0
}
.contact-item p {
  font-size: 14px;
  color: #aaa;
  margin: 0;
}

.contact-item h4 {
  color: #fff;
  margin: 0;
  font-size: 16px;
	line-height:1.4
}
.contact-item h4 a:hover{
	color:var(--orange)!important
}

/*page 404*/
body.error404.default-404 .mfn-header-overlay, body.error404.default-404 header, body.error404.default-404 #Header_wrapper, body.error404.default-404 footer {
    display: block !important;
}
.text-404 img{
    filter: invert(18%) sepia(63%) saturate(5913%) hue-rotate(331deg) brightness(95%) contrast(95%);
}
.custom-paragraphe{
    max-width: 900px;
    margin: 0 auto;
}
#Error_404{
	overflow: hidden;
    position: relative;
    top: 0;
    margin-top: 0;
    display: flex;
    left: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 60px;
    padding-bottom: 5px;
}
#Error_404 .content-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#Error_404 .error_pic {
    width: 100%;
    float: left;
    text-align: center;
	max-width:400px;
}
#Error_404 .error_desk {
    width: 100%;
    text-align: center;
}
.footer h2{
	position:relative;
	padding-bottom:10px;
}
.footer h2::before{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 2px;
    background: var(--light-green);
    content: "";
}
  
.divider {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 20px 0;
}

.footer-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 40px;
}

.footer-col h2 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 15px;
}

.footer-col ul {
  list-style: none;
  padding: 0;
}

.footer-col ul li {
  margin: 8px 0;
}
.footer-col ul li:last-child{
	margin-bottom:0
}
.footer-col ul li  a{
	  position:relative
}
.footer-col ul li a::before{
	position:absolute;
	content: "\00bb";
	top:41%;
	left:-16px;
	transform: translateY(-50%);
	color:#fff;
	font-size:22px
}
.footer-col ul li.project-item a::before{
	display:none
}
.footer-col ul li:hover a::before{
	color:var(--orange)
}
.footer-col ul li:hover a{
	color:var(--orange)!important
}
.footer-col ul li a {
    color: #fff !important;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s;
    font-family: 'Nunito', sans-serif;
	margin-left:14px;
}
.footer a, .footer p{
	color: #fff !important;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s;
    font-family: 'Nunito', sans-serif;
}
.footer-col ul li a:hover {
    color: #f36b2b;
}

.footer .about .logo {
    width:80px
}

.footer .about p {
  color: #fff;
  margin: 15px 0;
  font-size: 16px;
  line-height: 1.5;
}
.footer .social-icons{
	display:flex;
	flex-wrap:wrap;
}
.social-icons a {
    color: var(--light-green)!important;
    font-size: 16px;
    margin-right: 10px;
    background: #fff;
    padding: 8px;
    border-radius: 50%;
    transition: background 0.3s, color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}
.social-icons a:hover{
	color:#fff!important
}
#Footer .widgets_wrapper {
    padding: 100px 0;
    padding-bottom: 0;
}
.social-icons a:hover {
  background: var(--light-green);
  color: #fff;
}

.newsletter p {
  color: #aaa;
  font-size: 14px;
  line-height: 1.6;
}

.newsletter-form {
  display: flex;
  margin-top: 10px;
}

.newsletter-form input {
  padding: 10px;
  border: none;
  outline: none;
  width: 70%;
  border-radius: 25px 0 0 25px;
  background: #1a1a1a;
  color: #fff;
}

.newsletter-form button {
  background: #f36b2b;
  border: none;
  color: #fff;
  font-size: 18px;
  padding: 0 20px;
  border-radius: 0 25px 25px 0;
  cursor: pointer;
  transition: background 0.3s;
}
.footer-col.links{
	padding-left:90px;
}

.newsletter-form button:hover {
  background: #ff824a;
}

.policy {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  color: #aaa;
}

.policy a {
  color: #f36b2b;
  text-decoration: none;
}

/*MOBILE MENU*/
#Top_bar .responsive-menu-toggle{
	color:var(--orange)
}
/*CURSOR EFFECT*/
.cursor-inner {
    -webkit-margin-start: -3px;
    margin-inline-start: -3px;
    margin-top: -3px;
    width: 10px;
    height: 10px;
    z-index: 10000001;
    background-color: #ec195c;
    opacity: 1;
    -webkit-transition: all 0.24s ease-out 0s;
    transition: all 0.24s ease-out 0s;
	border: 2px solid #fff;
}
.mouseCursor {
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
    text-align: center;
}
.cursor-outer {
    -webkit-margin-start: -12px;
    margin-inline-start: -12px;
    margin-top: -12px;
    width: 30px;
    height: 30px;
    border: 1px solid #ec195c;
    background-color: #ec195c;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10000000;
    opacity: 0.34;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
	border: 2px solid #fff
}
.cursor-inner, .cursor-outer {
    box-shadow: 0 0 5px 2px #fff;
}
#cmplz-manage-consent .cmplz-manage-consent {
    left: 40px;
	right:unset!important
}
.cmplz-cookiebanner {
    left: 20px!important;
	right:unset!important;
	bottom:20px!important
}
/*RESPONSIVE*/
@media(max-width:1440px){
.section-05::after {
    right: -166px;
    top: -152px;
    width: 244px;
    height: 350px;
}
.section-01-contact .mfn-icon-box .icon-wrapper {
    margin-bottom: 0;
}
.section-01-contact .mfn-icon-box {
	flex-direction: row;
    gap: 20px;
}
.section-04-about .mfn-icon-box{
	align-items:flex-start
}
#Footer::after {
    display:none
}
.section-09 .shape-section-09 {
    right: 0;
}
.section-04 .icon-wrapper{
	margin-bottom:10px;
	width:64px!important;
}
.section-04 .shape-right {
    top: -80px;
    right: -185px;
}
.section-01 .mfn-icon-box-laptop-top.mfn-icon-box-laptop-center .icon-wrapper, .mfn-icon-box-laptop-bottom.mfn-icon-box-laptop-center .icon-wrapper {
    width:60px;
	margin-bottom:0
}
.section-01 .shape-heart {
    bottom: -120px;
    right: -16px;
}
.section-partner .shape-lettre {
    bottom: -77px;
    right: -48px;
}
}
@media(max-width:1280px){
.section-03 .box-card {
    padding: 30px 0px 0px;
}
}
@media(max-width:1200px){
.section-05 .image-01 {
    margin: 25PX;
    width: 375px;
    height: 359px;
}
.section-05 {
    max-width: 940px;
}
.section-04 .counter {
    top: -261px;
    right: -167px; 
	}
.section-04 .hand {
    bottom: -51px;
    right: 100px;
}

.section-04 .image-02 {
    width: 287px;
    height: 224px;
    left: -84px;
    bottom: 100px;
}
}
@media(max-width:1240px){
#Top_bar .logo {
    position: static;
}
.copyright-bloc .copyright-nav .list-item:nth-child(4)::after {
    display:none
}
.section-10 h4{
	min-height:87px
}
.section-07 .team-card-3::before {
    display:none
}
.section-07 .team-card-2::before {
    display:none
}
.section-07 .team-card-1::before {
    display:none
}
.section-01 .button {
    padding: 10px;
}
.section-01 .mcb-item-counter-inner {
    right: 150px;
}
.section-01 .left-part	.mcb-wrap-inner{
	justify-content:center
}
.section-01 .right-part{
	width:100%; 
	padding-left:0
}
.section-01 .left-part{
	width:100%;
	padding-bottom:60px;
}
  #Top_bar .container{
	max-width:100%
}
  #Top_bar .logo {
    float: left;
    margin: 10px 20px;
}
}
@media(max-width:1239px){
#Side_slide #menu ul li .icon-home{
	display:none
}
.section-01-contact .mfn-icon-box {
    padding: 30PX 10PX;
}
.section-01-contact .mfn-icon-box {
   gap: 10px;
   min-height:165px;
 }
.donation-question .mfn-icon-box-left .icon-wrapper {
    width: 55px;
}
.donation-question .content .image-02 {
    width: 213px;
    height: 259px;
}
.section-01-projets .portfolio_group .portfolio-item .desc {
    padding: 20px;
    width: calc(100%);
}
.section-02-about .team-card {
    width: calc(100% / 2 - 20px);
    min-height: 350px;
}
.section-03-about .action-card .column_image::before{
	left:30%
}
.section-03-about .action-card {
    width: calc(100% / 2 - 20px);
    min-height: 238px;
    margin-bottom: 20px;
}
.section-01-about .left-part .mcb-wrap-inner {
    justify-content: center;
}
.section-01-about .left-part{
	width:100%;
	margin-bottom:30px;
}
.section-01-about .right-part {
    padding-left: 0;
    width: 100%;
}
.section-page-titlebar .shape-title-bar {
    bottom: -63px;
    left: -90px;
    width: 200px;
}
.copyright-bloc .copyright-nav .list-item:nth-child(4)::after {
	display:none
}
.section-page-titlebar .hand-title-bar {
    opacity: 0.3;
	width:100px;
}
}
@media(max-width:1023px){
.section-05::after {
    display:none
}
.section-04 .mcb-wrap-inner {
    margin-bottom: 30px;
}
.mouseCursor{
	display:none
}
#Subheader::after {
    width: 100px;
    height: 120px;
    right: 10px;
    top: 19px;
    opacity: 0.3;
    width: 100px;
    bottom: 0;
}
.section-04 .hand {
    bottom: 36px;
    right: 0;
}
.section-04 .shape-right {
    display:none
}
.section-04 .left-part{
	width:100%
}
.section-03 .action-bg {
    bottom: -79px;
}
.section-03 .box-card {
    padding: 30px 20px 0px;
    width: calc(100% / 2 - 20px);
    min-height: 270px;
    margin-bottom: 20px;
}
}
@media(max-width:959px){
.btn-mission.active a, .btn-vision.active a, .btn-valeur.active a {
    background-color: #00b4d8!important;
    color: #fff !important;
}
.section-05-heading .subtitle-center{
	color:#fff
}
 #Subheader ul.breadcrumbs {
     display:block
}
.with_aside .sections_group {
    width: 100%;
}
.sidebar {
    width: 100%;
}
.section-01-contact {
    padding-bottom: 40px;
}
.section-02-contact {
    margin-top: 0;
    padding-bottom: 20px;
}
.section-02-contact .gform-theme {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
}
.section-01-contact .test2{
	width:100%	
}
.section-01-contact  .test2 .mcb-column-inner{
	margin-bottom:20px;	
}
.section-01-contact .subtitle-center .mcb-column-inner{
	margin-bottom:0	
}
.section-01-contact .mfn-icon-box .desc{
	font-size:16px;	
}
.section-01-contact .mfn-icon-box {
    padding: 20px;
	gap:30px;
	min-height:0
}	
.section-07 .team-card-2 .column_heading, .section-07 .team-card-4 .column_heading{
	order:2	
}
.section-07 .team-card-2 .team-content, .section-07 .team-card-4 .team-content{
	order:3
}
.section-07 .team-card-2 .team-img, .section-07 .team-card-4 .team-img {
    order: 4;
}
.section-07 .team-card-2 .number, .section-07 .team-card-4 .number{
	order:1	
}
.donation-question .content {
    width: 100%;
}
.donation-question .titles {
    padding-right: 0px;
    width: 100%;
}
.section-01-projets  .portfolio-item  .image_frame {
    width: 100%!important;
}
.section-01-projets  .portfolio-item .portfolio-item-fw-bg {
    min-height: 0;
    flex-wrap: wrap;
}
.section-03-about .action-card .column_image::before {
    left: 42%;
}
.section-03-about .action-card {
    padding-bottom: 40px;
}
.footer-contact {
    gap: 20px;
}
.section-09 {
    background-position: right;
}
.section-09 .test2{
	width:100%
}
.section-07 .team-card-4{
	margin-top:30px
}
.section-07 .team-card {
    width: 50%;
}

.blockquote blockquote {
    min-height: 0;
}
.section-06-left{
	margin-bottom:30px!important;
}
.section-06-left .mcb-wrap-inner{
	justify-content:center	
}
.section-06 .section_wrapper {
    justify-content: center;
}
.section-06-right{
	width:100%!important
}
.counter-section{
	padding-top:30px;
}
.section-05 .section-05-shape-right {
    display: none;
}
.section-05 {
    padding-top: 0px;
    padding-bottom: 60px;
    max-width: 1100px;
    width: 100%;
    margin: 0;
    position: relative;
    margin-top: 0;
}
.section-05-heading .mcb-background-overlay{
	background-color:var(--dark-green);
}
.section-05-heading h2{
	color:#fff
}
.section-05 .hand{
	display:none
}
.section-05 .content-text {
    padding-top: 30px;
    padding-left: 0;
    padding-bottom: 30px;
    min-height: 0;
	padding-left: 20px;
    padding-right: 20px;
	font-size:16px;
	line-height:1.5
}
.section-05 .image-01 {
    margin: 0;
    width: 100%;
    height: 359px;
}
.section-05 .left-part {
    margin-top: 25px;
    width: 100%;
}
.section-05 .right-part{
	width:100%
}
.section-05 .mcb-background-overlay {
    mask: none;
}
}
@media(max-width:768px){
.section-03 .shape-hand {
    display: none;
}
.section-02-about .team-card  .mcb-wrap-inner {
    margin-bottom: 20px;
}
.section-02-about .team-card {
    min-height: 430px;
}
.section-07 .shape {
    top: -60px;
    left: 0;
}
.copyright-bloc .copyright-nav .list-item:nth-child(3)::after, .copyright-bloc .copyright-nav .list-item:nth-child(2)::after , .copyright-bloc .copyright-nav .list-item:nth-child(1)::after{
    display:none
}
.copyright-bloc .copyright-nav .list-item:nth-child(3), .copyright-bloc .copyright-nav .list-item:nth-child(2) {
    width:100%
}
.section-01  .box-icon-1 .mcb-column-inner  {
	margin-bottom:0!important
}
.section-01 .mcb-item-counter-inner {
    right: 38px;
}
.section-01 .image-01::before {
    top: -25px;
    left: -26px;
	right:28px;
}
.section-01 .image-02 {
    width: 215px;
    height: 330px;
}
.section-01 .image-01 {
    width: 265px;
    height: 469px;
}
  #Action_bar{
	display:none
	}
}

@media(max-width:767px){
.section-07 .team-card-2 .team-img, .section-07 .team-card-4 .team-img {
    margin-top: 30px;
}
.section-01-project-details .left-part {
    padding-right: 0;
}
.section-03-contact .mcb-item-image-inner{
	text-align:center!important
}
.section-04-about .mfn-icon-box {
    min-height: 0;
}
.post-item .post-desc-wrapper {
    min-height: 0;
}
.section-01-about .mfn-icon-box {
    margin-bottom: 45px;
}
.donation-question .mcb-item-photo_box-inner {
    padding-left: 10px;
}
.donation-question .content .image-02 {
    width: 100%;
    height: 240px;
    margin-bottom: 30px;
}
.section-03-about .action-card {
    padding: 40px 20px;
	min-height:400px;
}
.section-03-about .column_image{
	width:64px;
	margin-bottom:10px;
}
.counter-section .counter-box .counter::before{
	display:none
}
.section-07 .part-title {
    margin-bottom: 30px;
}

.section-07 .team-card-1 .team-content, .section-07 .team-card-3 .team-content{
	margin-bottom:30px;
}
.section-07 .team-card-3{
	margin-top:30px;
}
.section-05 .content-text {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 20px;
    min-height: 0;
    padding-left: 10px;
    padding-right: 10px;
 }
.section-05 .button {
    margin-bottom: 20px!important;
}
.section-04 .icon-wrap-1 .mcb-column-inner{
	margin-bottom:0!important
}
.section-03 .box-card {
    padding: 30px 20px 10px;
    width: calc(100% / 2 - 20px);
    min-height: 300px;
    margin-bottom: 20px;
}
 #Top_bar .logo .custom-logo-link {
    margin: 10px 10px;
}
  .top_bar_right {
	padding:0!important	
	}
  #Top_bar .logo {
     width: auto;
     margin: 0;
}
}
@media(max-width:639px){
.section-02-contact .gform-theme--foundation #field_submit {
    justify-content: flex-start;
}
.section-03-contact .gform-theme--foundation #field_submit {
    justify-content: flex-start;
}
.section-09 #field_submit {
    justify-content: flex-start!important;
}
}
@media(max-width:600px){
#Top_bar .logo .custom-logo-link img {
    max-height: 80px;
}
	::-webkit-scrollbar {
		display: none;
	}
.grecaptcha-badge{
	visibility:hidden
}
.section-01-project-details {
    padding-top: 0;
}
.section-03-about .action-card .column_image::before{
    left: 50%;
}
body.blog .content_wrapper {
    padding-top: 0;
}
.iframe-wrap .mcb-column-inner{
	margin-bottom:0
}
.section-01-contact {
    padding-top: 30px;
}
.section-map iframe {
    height: 400px;
}
.section-01-contact {
    padding-bottom: 20px;
}
.section-01-contact  .mfn-icon-box .title {
    font-size: 20px;
}
.section-01-contact {
    padding-top: 30px;
}
.section-07 .team-card-2 .team-img, .section-07 .team-card-4 .team-img {
	margin-top:30px;
}
.section-01-about {
    padding-top: 30px;
}
.section-01-donate {
    padding-top: 30px;
}
.copyright-bloc .agency-logo {
    justify-content: flex-start;
    align-items: center;
}
#Footer .right-shape{
	width:50px
}
.section-03-contact {
    padding-top: 30px
}
.section-01-galerie {
    padding-top: 30px;
    padding-bottom: 30px;
}
.section-01-projets {
    padding-top: 30px;
    padding-bottom: 30px;
}
.section-02-about .image-heart {

    top: 149px;
    left: 37%;
    width: 100px;
}
.section-05-about .shape-02 {
    width: 40px;
}
.section-05-about {
    padding-top: 30px;
    padding-bottom: 62px;
}
.section-02-about {
    padding-top: 30px;
    padding-bottom: 20px;
}
.section-02-about .orange-heart {
    right: 0;
    top: -50px;
    width: 50px;
}
 .section-02-about .team-card {
    width: calc(100%);
    min-height: 0;
}
.section-03-about {
    padding-top: 30px;
    padding-bottom: 20px; 
}
.section-01-about .image-03 {
    width: 100%;
    height: 325px;
    margin-right: 0;
    margin-top: 0;
}
.section-01-about .image-01 {
    width: 100%;
    height: 300px;
    margin-bottom: 30px;
	margin-right:0
}
.section-01-about .image-02 {
    display:none
}
.section-01-about .image-01 {
    width: 100%;
    height: 300px;
}
 .section-03-about .action-card {
    min-height: 0;
    width: 100%;
	 margin-right:0
}
.copyright-bloc .agency-logo::before {
    margin-left: 0;
}
.copyright-bloc {
    justify-content: flex-start;
}
.copyright-bloc .copyright-nav {
    text-align: left;
    justify-content: flex-start;
}
.section-09 .ginput_recaptcha iframe {
    transform: translateX(-36px) scale(0.75);
}
#Footer .right-shape {
    right: 0;
    bottom: 0;
}
.footer-col.links {
    padding-left: 0;
}

#Footer::after {
   display:none
}
.section-partner .shape-lettre {
    bottom: -55px;
    right: -48px;
    width: 125px;
}
.section-partner .slider_next, .section-partner  .slider_prev{
	display:none
}
.section-partner  .slider_pagination{
	display:none	
}
.section-10 {
    padding-top: 30px;
    padding-bottom: 10px;
}
.section-09 {
    padding-top: 30px;
}
.section-09 .shape-section-09 {
    right: -170px;
    top: -37px;
    width: 60px;
}
.section-08 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.section-07 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.section-07 .shape {
    top: -32px;
    left: -50px;
    width: 110px;
}
.section-06 {
    padding-top: 90px;
    padding-bottom: 30px;
}
.section-06 .image-01 {
    position: relative;
    height: auto;
}
.section-06 .image-01::before {
    top: 27px;
    left: 46px;
    bottom: 9px;
    right: -27px;
}
.section-05 {
    padding-bottom: 30px;
}
 .section-01 .left-part {
    padding-bottom: 30px;
}
.section-05-heading {
    padding-top: 30px;
}
.section-04 {
    padding-top: 30px;
    padding-bottom: 0px;
}
.section-03 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.section-02{
	padding-top:30px;
	padding-bottom:0
}
.section-01 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.section-04 .hand {
    bottom: 36px;
    right: 30px;
    width: 60px;
}
.section-04 .counter {
    top: -278px;
    right: -91px;
}
.section-04-about .counter {
    top: -309px;
    right: -67px;
}
.section-04 .counter h3 {
    font-size: 20px !important;
}
.section-03 h3 {
    font-size: 20px; 
}
.section-03 .box-card {
    padding: 40px 10px 20px;
    width: calc(100%);
    min-height: 0;
    max-width: 360px;
    margin: 20px auto 0;
}
.subtitle p, .subtitle-center p {
    font-size: 20px;
}
.section-01 .mfn-icon-box {
	padding: 12px;
}
h2 {
    font-size: 28px;
}
.section-01 .counter .title {
    font-size: 20px;;
}
.section-01 .mcb-item-counter-inner {
    right: 36px;
    top: -171px;
    max-width: 340px;
    padding: 10px;
}
.section-01 .counter {
    padding: 23px 10px;
}
.section-01 .image-01 {
    width: 210px;        
    height: 324px;
	margin-right:10px;
}
.section-01 .image-02 {
      width: 179px;
      height: 259px;
}
}
@media(max-width:480px){
blockquote {
   font-size: 16px!important;
}
.section-01-project-details .image-01 {
    height: 250px;
}
.section-01 .shape-section-01{
	display:none
}
.section-02-contact .gform-theme {
    padding: 40px 20px;
}
.section-01-contact .mfn-icon-box .icon-wrapper {
    width: 50px;
    height: 50px;
	border-radius:100em
}
.section-01-contact .mfn-icon-box .icon-wrapper i{
	font-size:20px!important;	
}
.section-01-contact .mfn-icon-box {
    gap: 10px;
}
.section-07 .team-card-1 .team-img , .section-07 .team-card-3 .team-img{
    margin-bottom: 0;
}
.section-07 .team-card-2 .team-img{
	margin-bottom:50px;
}
.donation-question .content {
    padding: 20px;
}
.section-05 .image-01 {
    height: 220px;
}
.copyright-bloc .agency-logo::before {
    margin-left: 0;
}
.copyright-bloc {
    justify-content: flex-start;
}
.copyright-bloc .copyright-nav {
    text-align: left;
    justify-content: flex-start;
}
.footer-content {
    gap: 15px;
}
#Footer .left-shape {
    right: -28px;
    top: -30px;
    width: 85px;
}
.section-08 .image-02 {
    height: 210px;
    width: 240px;
    left: 30px;
    bottom: 28px;
}
.section-08 .image-01 {
    height: 422px;
}
.section-07 .team-card {
    width: 100%;
}
.section-07 .part-title {
    margin-bottom: 20px;
}
.section-07 .team-card-4 {
   margin-top: 75px;
}
.section-07 .team-card-3 {
    margin-top: 0;
}
.section-07 .team-card-2{
	margin-top:75px;
}
.blockquote .mfn-blockquote-icon {
    font-size: 35px;
}
.section-06 .image-01::before {
    top: 27px;
    left: 26px;
}
.section-04 .counter {
    top: -180px;
    right: -118px;
}
.section-04-about .counter {
    top: -203px;
    right: -63px;
}
.section-04 .counter{
	padding:10px 20px;
}
.section-04 .counter h3 {
    font-size: 18px !important;
}
.section-04 .image-01 {
    width: 237px;
    height: 301px;
}
.section-04 .image-02 {
    width: 198px;
    height: 143px;
    left: -53px;
    bottom: 100px;
    border-radius: 30px;
}
.section-01 .shape-heart {
   bottom: -81px;
   right: -41px;
    width: 50px;
 }
.section-01 .image-01::before {
    top: -16px;
    left: -15px;
    right: 25px;
}
.section-01 .image-02{
	display:none
}
.section-01 .image-01 {
     width: 100%;
     height: 324px;
     margin-right: 0;
	 margin-top:0
}
.section-01 .mcb-item-counter-inner {
    right: 33px;
}
sr7-bullets{
	width: 50px !important;
    height: 10px !important;
	inset: 78% auto auto 0px!important;
	}
	sr7-bullet:nth-child(1){
		top:0!important;
		left:0!important
	}
	sr7-bullet:nth-child(2){
		top:0!important;
		left:20px!important
	}
	sr7-bullet:nth-child(3){
		top:0!important;
		left:40px!important
	}
}

@media(max-width:456px){
.section-10 h4 {
    min-height: 0;
}
}
@media(max-width:400px){
#Footer .right-shape {
    display: none;
}
.sidebar .Recent_posts.blog_news ul li .photo {
    width: 70px;
    height: 70px;
}
}

