.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}.slick-arrow.slick-hidden,.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
@charset 'UTF-8';.slick-dots,.slick-next,.slick-prev{padding:0;display:block;position:absolute}.slick-dots li,.slick-dots li button,.slick-next,.slick-prev{cursor:pointer;width:20px;height:20px}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-loading .slick-list{background:url('../images/slick-ajax-loader.gif') center center no-repeat #fff}.slick-dots li button,.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;background:0 0;outline:0}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url('./fonts/slick.eot');src:url('./fonts/slick.eot?#iefix') format('embedded-opentype'),url('./fonts/slick.woff') format('woff'),url('./fonts/slick.ttf') format('truetype'),url('./fonts/slick.svg#slick') format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);border:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before,.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before,[dir=rtl] .slick-next:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;width:100%;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;border:0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
*,body,html,li, ul{margin: 0;padding: 0}
@font-face {
font-family: "FigTreeLight";
src: url("/assets/fonts/figtree-light/Figtree-Light.woff2") format("woff2"), url("/assets/fonts/figtree-light/Figtree-Light.woff") format("woff");font-style: normal;font-display: swap}
@font-face {
font-family: "FigTreeRegular";
src: url("/assets/fonts/figtree-regular/Figtree-Regular.woff2") format("woff2"), url("/assets/fonts/figtree-regular/Figtree-Regular.woff") format("woff");font-style: normal;font-display: swap}
@font-face {
font-family: "FigTreeMedium";
src: url("/assets/fonts/figtree-medium/Figtree-Medium.woff2") format("woff2"), url("/assets/fonts/figtree-medium/Figtree-Medium.woff") format("woff");font-style: normal;font-display: swap}
@font-face {
font-family: "FigTreeSemiBold";
src: url("/assets/fonts/figtree-semibold/Figtree-SemiBold.woff2") format("woff2"), url("/assets/fonts/figtree-semibold/Figtree-SemiBold.woff") format("woff");font-style: normal;font-display: swap}
@font-face {
font-family: "FigTreeBold";
src: url("/assets/fonts/figtree-bold/Figtree-Bold.woff2") format("woff2"), url("/assets/fonts/figtree-bold/Figtree-Bold.woff") format("woff");font-style: normal;font-display: swap}
@font-face {
font-family: "FigTreeExtraBold";
src: url("/assets/fonts/figtree-extrabold/Figtree-ExtraBold.woff2") format("woff2"), url("/assets/fonts/figtree-extrabold/Figtree-ExtraBold.woff") format("woff");font-style: normal;font-display: swap}
@font-face {
font-family: "FigTreeBlack";
src: url("/assets/fonts/figtree-black/Figtree-Black.woff2") format("woff2"), url("/assets/fonts/figtree-black/Figtree-Black.woff") format("woff");font-style: normal;font-display: swap}
@font-face {
font-family: "FigTreeItalic";
src: url("/assets/fonts/figtree-italic/Figtree-Italic.woff2") format("woff2"), url("/assets/fonts/figtree-italic/Figtree-Italic.woff") format("woff");font-style: normal;font-display: swap}
@font-face {
font-family: "FigTreeMediumItalic";
src: url("/assets/fonts/figtree-medium-italic/Figtree-MediumItalic.woff2") format("woff2"), url("/assets/fonts/figtree-medium-italic/Figtree-MediumItalic.woff") format("woff");font-style: normal;font-display: swap}
@font-face {
font-family: "AlexandriaLight";
src: url("/assets/fonts/alexandria-light/Alexandria-Light.woff2") format("woff2"), url("/assets/fonts/alexandria-light/Alexandria-Light.woff") format("woff");font-style: normal;font-display: swap}
@font-face {
font-family: "AlexandriaRegular";
src: url("/assets/fonts/alexandria-regular/Alexandria-Regular.woff2") format("woff2"), url("/assets/fonts/alexandria-regular/Alexandria-Regular.woff") format("woff");font-style: normal;font-display: swap}
@font-face {
font-family: "AlexandriaMedium";
src: url("/assets/fonts/alexandria-medium/Alexandria-Medium.woff2") format("woff2"), url("/assets/fonts/alexandria-medium/Alexandria-Medium.woff") format("woff");font-style: normal;font-display: swap}
@font-face {
font-family: "AlexandriaSemiBold";
src: url("/assets/fonts/alexandria-semibold/Alexandria-SemiBold.woff2") format("woff2"), url("/assets/fonts/alexandria-semibold/Alexandria-SemiBold.woff") format("woff");font-style: normal;font-display: swap}
@font-face {
font-family: "AlexandriaBold";
src: url("/assets/fonts/alexandria-bold/Alexandria-Bold.woff2") format("woff2"), url("/assets/fonts/alexandria-bold/Alexandria-Bold.woff") format("woff");font-style: normal;font-display: swap}

html,body {scroll-behavior: smooth;height: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-ms-font-smoothing: antialiased;font-smoothing: antialiased;font-family: "FigTreeRegular", Arial, Helvetica, sans-serif;word-break: break-word;background-color: #e6f0f7;color: #184D6C;-ms-overflow-style: none;}
a {text-decoration: none;color: inherit;}
button {cursor: pointer;font-family: "FigTreeRegular";}
input{outline: none;}
li{list-style: none;}
img {border: none;max-width: 100%;object-fit: cover;}
.main-container {margin: auto;max-width: 1350px;padding-inline: 25px;}
::-webkit-scrollbar {display: none;}
.overlay{background-color: rgba(0, 0, 0, 0.15);display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 98;}
.subscribe-error {color: red;font-size: 14px;margin-top: 10px;display: none;}

/* header */
header nav {display: flex;align-items: center;justify-content: space-between;padding: 28px 0;}
header nav .nav-logo img {width: 96px;height: auto;}
header nav .nav-menu {display: flex;padding: 25px 0 0 0;align-items: center;}
header nav .nav-menu a {display: inline-block;font-size: 13px;text-transform: uppercase;letter-spacing: 0.10em;font-family: 'FigTreeSemiBold';position: relative;}
header nav .nav-menu li{margin-right: 49px;}
header nav .nav-menu li.active>a{color: #5BA3C6;font-family: "FigTreeExtraBold";padding-left: 10px;}
header nav .nav-menu li.active>a::before{content: '';position: absolute;left: 0;top: 0;width: 2px;height: 26px;background: #5BA3C6;margin-top: -6px;}
header nav .nav-menu li.active a img.arrow{display: none;}
header nav .nav-menu li.active a img.arrow-active{display: initial !important;}
header nav ul.nav-menu li:nth-child(6){margin-right: 20px;}
header nav .nav-menu li:last-child{margin-right: 0}
header nav .nav-actions {display: flex;align-items: center;justify-content: right;}
header nav .nav-actions ul li{display: inline-block; text-transform: uppercase;font-size: 12.5px;letter-spacing: 0.05em;font-family: 'FigTreeMediumItalic';margin-right: 35px;}
header nav .nav-actions ul li.active{font-family: 'FigTreeBold';color: #5BA3C6;font-style: italic;}
.header-ar nav .nav-actions ul li.active{font-style: normal;font-family: "AlexandriaBold";}
header nav .lang-switch {font-size: 12px;}
header nav .lang-switch span{font-size: 12.5px;font-family: 'FigTreeMediumItalic';padding: 0 10px 0 15px;}
header nav .lang-switch a{font-size: 12.5px;}
header nav .lang-switch a:first-of-type{font-family: 'FigTreeMedium';padding-right: 5px;}
header nav .lang-switch a:last-of-type{padding-left: 5px;font-family: "AlexandriaRegular";}


/* dropdown */
.has-dropdown {position: relative;}
.dropdown-title {display: flex;align-items: center;font-size: 13px;color: #5BA3C6;padding-bottom: 14px;font-family: "FigTreeExtraBold";border-bottom: 1px solid #e6edf3;letter-spacing: 0.05em}
.dropdown-title img{padding-left: 6px;}
.dropdown-menu li {font-size: 14px;padding: 14px 0;border-bottom: 1px solid #e6edf3;margin-right: 0 !important;}
.dropdown-menu li:last-child {border-bottom: none;padding: 14px 0 0 0;}
.dropdown-menu a {font-size: 14px !important;font-family: "FigTreeRegular" !important;text-decoration: none;text-transform: initial !important;letter-spacing: initial !important;}
.has-dropdown.open .dropdown-menu {opacity: 1;visibility: visible;transform: translateY(0);z-index: 3;}
.dropdown-menu {top: -10px;left: 0;width: 155px;background: #ffffff;border-radius: 10px;padding: 18px 20px;box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);z-index: 2;position: absolute;display: none;}
.arrow {transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);}

.btn {padding: 15px 22px;font-size: 13px;border-radius: 5px;border: 1.5px solid transparent;white-space: nowrap;}
.btn-outline {border-color: #184D6C;background: transparent;}
.btn-primary {background: transparent;color: #5BA3C6 !important;border-color: #5BA3C6;font-family: "FigTreeSemiBold";}

/* homepage */
/* hero section */
section.homepage .hero {position: relative;width: 100%;height: 520px;border-radius: 20px;overflow: hidden;margin-top: 10px;}
section.homepage .hero-bg {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;}
section.homepage .hero-content {position: relative;z-index: 2;height: 100%;max-width: 600px;margin-left: auto;padding: 72px 85px;color: #fff;}
section.homepage .hero-quote {margin-bottom: 70px;text-align: center;font-size: 16px;}
section.homepage .hero-quote span {display: block;}
section.homepage h1{font-size: 30px;line-height: 40px;margin-bottom: 35px;font-family: "FigTreeBold";text-align: center;}
section.homepage h1 span {display: block;font-size: 40px;font-weight: 600;font-family: "FigTreeBold";text-align: center;line-height: 50px;}
section.homepage .hero-actions {display: flex;gap: 15px;justify-content: center;}
section.homepage .btn {display: inline-flex;align-items: center;justify-content: center;height: 44px;padding: 0 26px;border-radius: 6px;font-size: 14px;font-weight: 600;text-decoration: none;white-space: nowrap;}
section.homepage div.hero-actions a:first-child {font-size: 14px; background: rgba(222, 236, 246, 0.3);color: #fff;padding: 14px 37px;border-radius: 5px;font-family: "FigTreeSemiBold";}
section.homepage div.hero-actions a:nth-child(2){font-size: 14px; background: rgba(247,188,40, 0.3);color: #F7BC28;padding: 14px 25px;border-radius: 5px;font-family: "FigTreeSemiBold"}
section.homepage div.hero-actions a:nth-child(3){font-size: 14px; background: rgba(91, 163, 198, 0.3);color: #5BA3C6;padding: 14px 25px;border-radius: 5px;font-family: "FigTreeSemiBold"}

/* doors section */
section.homepage div.three-doors{padding: 85px 0 130px;}
div.three-doors .section-top-title {display: block; font-size: 22px;line-height: 25px;margin-bottom: 17px;font-family: "FigTreeBold";color: #5BA3C6;max-width: 660px;}
div.three-doors h2 {font-size: 50px;line-height: 50px;margin-bottom: 37px;font-family: "FigTreeBold";color: #184D6C;}
div.three-doors .doors-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 80px;}
div.three-doors .door-item {justify-content: space-between;position: relative;display: flex;flex-direction: column;gap: 17px}
div.three-doors .door-number {font-size: 20px;margin-bottom: 10px;display: block;font-family: "FigTreeBold"}
div.three-doors .door-divider{position: relative;}
/* div.three-doors .door-divider::before{content: '';width: 1.5px;height: 320px;background: #184D6C;position: absolute;left: 0;} */
.door-content{padding-left: 20px;border-left: 1.5px solid #184D6C;}
div.three-doors .door-icon {margin-bottom: 20px;}
div.three-doors .door-title {font-size: 40px;color: #5BA3C6;margin-bottom: 15px;font-family: "FigTreeBold"}
div.three-doors .door-subtitle {font-family: "FigTreeBold";font-size: 20px;line-height: 22px;margin-bottom: 15px;max-width: 82%;}
/* div.three-doors .door-text {font-size: 16px;margin-bottom: 30px;max-width: 343px;} */
div.three-doors .door-text {font-size: 16px;padding-bottom: 30px;max-width: 343px;}
div.three-doors .door-btn {padding: 15px 37px;background: #ffffff;border-radius: 6px;font-family: "FigTreeBold";font-size: 14px;color: #F7BC28;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);width: fit-content;}

/* story section */
.story {padding: 0 0 85px 0;}
.story-title {font-size: 50px;line-height: 50px;margin-bottom: 37px;font-family: "FigTreeBold";max-width: 43%;}
.story-wrapper {position: relative;display: flex;justify-content: flex-end;}
.story-image-wrapper {width: 55%;}
.story-image-wrapper img {width: 100%;height: 654px;object-fit: cover;border-radius: 20px;}
.story-card {position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 2;}
.story-card-container{background: #ffffff;border-radius: 20px;padding:50px 50px 55px 50px;box-shadow: 0 25px 60px rgba(0, 0, 0, 0.08);width: 50%;}
.story-card-content{max-width: 80%;}
.story-card p {font-size: 20px;font-family: "FigTreeMedium";    margin-bottom: 20px;}
.story-actions {display: flex;gap: 20px;margin-top: 30px;}
.story-btn{font-size: 13px;font-family: "FigTreeSemiBold";border-radius: 5px;display: inline-flex;align-items: center;justify-content: center;white-space: nowrap;}
.story-btn.outline {border: 2px solid #5BA3C6;color: #5BA3C6;background: transparent;padding: 15px 25px;}
.story-btn.filled {border: 2px solid #184D6C;padding: 15px 42px;}

/* about page */
section.about-page .history-hero {position: relative;height: 250px;margin: 10px auto;border-radius: 20px;overflow: hidden;background: url("/assets/images/about.png") center / cover no-repeat;}
section.about-page .history-content {position: relative;z-index: 2;height: 100%;padding: 45px 0;color: #ffffff;text-align: center;}
section.about-page .history-content h1 {font-size: 50px;line-height: 50px;font-family: "FigTreeBold";margin: 0 0 12px;}
section.about-page .history-content span{font-size: 16px;margin-bottom: 10px;display: inline-block;}
section.about-page .history-content p {font-size: 20px;line-height: 22px;text-transform: uppercase;font-family: "FigTreeBold";}
section.about-page .origin-section{margin: 57px 0 80px 0;}
section.about-page .origin-section h2{font-size: 40px;line-height: 45px;color: #5BA3C6;margin-bottom: 15px;max-width: 75%;font-family: "FigTreeBold";}
section.about-page .origin-grid{display: grid;grid-template-columns: 43% 51%;grid-column-gap: 6%;}
section.about-page .origin-grid p:first-of-type{font-size: 20px;font-family: "FigTreeSemiBold";}
section.about-page .origin-grid p:last-child{font-size: 16px;max-width: 85%;}
section.about-page .origin-grid p:last-child span{font-family: "FigTreeMediumItalic";}
.history-section {padding: 0 0 43px 0;display: grid;grid-template-columns: 43% 51%;
grid-column-gap: 6%;align-items: start;}
.history-image img {width: 100%;height: 100%;object-fit: cover;border-radius: 20px;}
.history-text h2 {color: #5BA3C6;font-size: 40px;line-height: 45px;margin-bottom: 22px;font-family: "FigTreeBold";}
.history-text .intro {font-size: 20px;max-width: 520px;font-family: "FigTreeSemiBold"}
.history-image{height: 760px;}
.projects-card {background: #ffffff;border-radius: 20px;padding: 40px 38px;margin: 35px 0 0 -26%;display: grid;grid-template-columns: 1fr 1fr;gap: 45px 50px;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06);}

.project .num {font-size: 20px;font-family: "FigTreeBold";line-height: 22px;position: relative;}
.project{position: relative;}
.project div{padding-left: 10px;}
.project::before {content: "";position: absolute;left: 0;top: 30px;width: 1px;height: calc(100% - 20px);background: #184D6C;}
.project h4 {color: #5BA3C6;font-size: 22px;margin: 0 0 4px;font-family: "FigTreeBold";margin-top: 10px;}
.project p {font-size: 16px;}
.history-text .outro {font-size: 16px;margin-top: 35px;}

.lesson-card {background: rgba(24, 77, 108, 10%);border-radius: 20px;padding: 46px 0;text-align: center;margin-bottom: 67px;}
.lesson-card h2 {font-size: 40px;line-height: 45px;color: #5BA3C6;font-family: "FigTreeBold";margin-bottom: 20px;}
.lesson-card p {font-family: "FigTreeSemiBold"; font-size: 20px;max-width: 65%;margin: auto;}
.lesson-card span{display: inline-block;font-family: "FigTreeRegular";}

/* mission page */
.mission-page h1{font-size: 40px;line-height: 45px;font-family: "FigTreeBold";margin-bottom: 45px;}
.mission-container {display: grid;grid-template-columns: 1fr 1fr;gap: 15px;margin-bottom: 15px;}
/* .mission-image{font-size: 0;height: 630px;}
.mission-image img {width: 100%;height: 515px;object-fit: cover;border-radius: 20px;} */
/* .mission-image { font-size: 0; }
.mission-image picture { display: block; height: 100%; }
.mission-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } */
.mission-image { font-size: 0; }
.mission-image picture { display: block; }
.mission-image img {
    width: 100%;
    height: auto;        /* natural height, no crop */
    object-fit: unset;
    border-radius: 20px;
}
.mission-content {background: #ffffff;border-radius: 20px;padding: 35px 35px 0 35px;}
.mission-label {font-size: 18px;font-family: "FigTreeBold";color: #5BA3C6;display: inline-block;margin-bottom: 15px;text-transform: uppercase;}
.mission-intro {font-size: 20px;margin-bottom: 25px;font-family: "FigTreeSemiBold";}
.mission-list {margin: 0 0 35px 0;}
.mission-list li {position: relative;padding-left: 20px;margin-bottom: 18px;font-size: 16px;}
.mission-list li::before {content: "";width: 8px;height: 8px;background: #f0b640;border-radius: 50%;position: absolute;left: 0;top: 8px;}
.mission-list strong {font-family: "FigTreeBold";}
.mission-content hr {border: none;border-top: 1px solid #1f4b6e;margin: 30px 0;}
.mission-subtitle {font-size: 20px;font-family: "FigTreeBold";;margin-bottom: 20px;max-width: 70%;}
.vission-text{max-width: 80%;}
.vission-footer-text{font-size: 18px;font-family: "FigTreeMediumItalic";max-width: 80%;margin-bottom: 17px;}
.vission-actions{display: flex;align-items: center;margin-bottom: 35px;}
.vission-actions a{display: inline-block;padding: 15px 0;font-family: "FigTreeSemiBold";font-size: 13px;border-radius: 5px;text-transform: uppercase;width: 225px;text-align: center;}
.vission-actions a:first-child{border: 1.5px solid #184D6C;margin-right: 15px;}
.vission-actions a:last-child{border: 1.5px solid #5BA3C6;color: #5BA3C6;}
.values-wrapper {padding: 68px 0;}
.values-title {font-size: 18px;font-family: "FigTreeBold";margin-bottom: 15px;}
.values-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 17px;}
.values-col {display: flex;flex-direction: column;gap: 15px;}
.values-col.offset {margin-top: 70px;}
.value-card {background: #ffffff;border-radius: 999px;padding: 15px 40px;display: flex;align-items: center;justify-content: space-between;}
.value-text h3 {font-size: 30px;font-family: "FigTreeBold";color: #5BA3C6;margin-bottom: 5px;}
.value-text p {font-size: 16px;max-width: 420px;}
.value-icon {flex-shrink: 0;}
.values-footer{margin-bottom: 100px;}
.values-footer h2{font-size: 40px;font-family: "FigTreeBold";margin-bottom: 23px;}
.values-footer p{font-size: 20px;font-family: "FigTreeSemiBold";}
.values-footer a{color: #5BA3C6;display: inline-block;border: 1.5px solid #5BA3C6;text-align: center;padding: 15px 0;width: 225px;border-radius: 5px;text-transform: uppercase;font-size: 13px;height: fit-content;font-family: "FigTreeSemiBold";}

/* governance page */
.governance-page{padding-bottom: 120px;padding-top: 40px;}
.governance-page h1 {font-size: 40px;font-family: "FigTreeBold";margin-bottom: 40px;}
.governance-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 70px 50px;}
.governance-card {position: relative;padding-left: 20px;}
.governance-card .divider {position: absolute;left: 0;top: 0;width: 1.5px;height: 100%;background: #184D6C;}
.avatar {width: 125px;height: 125px;background: #ffffff;border-radius: 50%;margin-bottom: 20px;}
.avatar img{border-radius: 50%;}
.governance-card h3 {font-size: 25px;font-family: "FigTreeBold";;margin-bottom: 5px;}
.governance-card .role {display: block;font-size: 16px;font-weight: 600;margin-bottom: 15px;line-height: 25px; color: #5BA3C6;}
.governance-card p {font-size: 16px;line-height: 20px;}

/* soldarite page */
section h1.main-title {font-size: 50px;line-height: 50px;font-family: "FigTreeBold"}
section.soldarite-page .hero-label {font-size: 16px;margin-bottom: 8px;}
.charity-hero {margin: 0 auto 67px;position: relative;border-radius: 20px;overflow: hidden;}
.charity-hero img {width: 100%;height: 250px;object-fit: cover;display: block;border-radius: 20px;}
.hero-overlay {position: absolute;inset: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #ffffff;text-align: center;}
.charity-content {display: grid;grid-template-columns: 1fr 1fr;gap: 80px;align-items: start;margin-bottom: 80px;}
.charity-left h2 {font-size: 40px;line-height: 45px;font-family: "FigTreeBold";color: #5BA3C6;}
.charity-right p {font-size: 22px;font-family: "FigTreeSemiBold";max-width: 70%;}
.actions-title {font-size: 50px;line-height: 50px;font-family: "FigTreeBold";margin-bottom: 36px}
.actions-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 17px;}
.action-card {background: rgba(24, 77, 108, 0.1);border-radius: 20px;padding: 22px 30px;position: relative;}
.action-number {font-size: 20px;font-family: "FigTreeBold";display: block;margin-bottom: 10px;}
.action-content-wrapper>div{position: relative;}
.action-content-wrapper>div::before{position: absolute;content: '';width: 1.5px;background: #184D6C;margin-right: 15px;height: 160px;}
.action-content-wrapper .action-content{padding: 0 0 0 20px;}
.action-content {flex: 1;}
.action-icon img {margin-bottom: 5px;}
.action-content h3 {font-size: 22px;font-family: "FigTreeBold"; color: #5BA3C6;}
.action-content p {font-size: 18px;line-height: 22px;margin-bottom: 20px;max-width: 60%;}
.action-btn {display: inline-block;padding: 14px 35px;background: #ffffff;border-radius: 5px;font-size: 14px;font-family: "FigTreeBold";color: #F7BC28;text-align: center;}
.actions-wrapper{margin-bottom: 120px;}

.indicators-wrapper {margin: 0 auto 100px auto;align-items: center;justify-content: space-between;gap: 4%;display: grid;grid-template-columns: 29% 67%;}
.indicators-title h2 {font-size: 50px;font-family: "FigTreeBold";line-height: 50px;position: relative; bottom: 0;}
.indicators-columns {display: flex;gap: 2%;display: grid;grid-template-columns: 49% 49%;}
.indicators-column {display: flex;flex-direction: column;gap: 18px;}
.indicators-column.mobile {display: none;}
/* .indicators-columns .indicators-column:nth-child(2){margin-top: 50px;} */
.indicator-pill {background: #fff;border-radius: 50px;padding: 30px 10px;display: flex;align-items: center;justify-content: center;gap: 15px;}
.indicator-pill .number {font-size: 40px;font-family: "FigTreeBold";color: #5BA3C6;flex-shrink: 0;}
.indicator-pill .label {font-size: 22px;white-space: nowrap; text-wrap: auto;}

.testimonials-header {margin: 0 auto 40px;display: flex;align-items: center;justify-content: space-between}
.testimonials-header h2 {font-size: 50px;line-height: 50px;font-family: "FigTreeBold";}
.testimonials-slider-ar,
.testimonials-slider{margin: auto;padding: 0 0 130px 25px;}
.testimonials {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 30px;  padding:  0 25px 130px 25px;}


/* .testimonial-card {background: #fff;border-radius: 10px;padding: 50px 40px 30px 40px;margin: 0 10px;text-align: center;position: relative;} */
.testimonial-card {background: #fff;border-radius: 10px;padding: 30px 40px 20px 40px;text-align: center;position: relative;}
.testimonial-card .quote {position: absolute;top: -17px;left: 50%;transform: translateX(-50%);font-family: "FigTreeBold";}
/* .testimonial-card:nth-child(even){margin-top: 40px;} */
.testimonial-card p {font-size: 20px;line-height: 20px;margin: 0 auto;max-width: 85%;}
.testimonials-slider-ar .slick-track,
.testimonials-slider .slick-track{padding-top: 20px;}
.testimonial-card .author {font-size: 20px;color: #F7BC28;font-family: "FigTreeSemiBold";font-style: italic;}
.slick-slide {transition: opacity 0.3s ease;}
.slick-arrows img{cursor: pointer;}
.slick-arrows{font-size: 0;}
.slick-arrow.slick-disabled {opacity: 0.3;}
.solidarite-mobile{display: none !important;}

/* ecoute page */
.ecoute-page form.contact-form .submit-btn{margin-top: 46px;}
.steps-section{margin-bottom: 105px;}
.steps-section h2 {font-size: 50px;line-height: 50px;font-family: "FigTreeBold";;margin-bottom: 30px;}
.steps-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 45px;}
.step-header {display: flex;align-items: baseline;gap: 15px;margin-bottom: 10px; font-family: "FigTreeBold";}
.step-header span:first-child {font-size: 20px;line-height: 22px;font-family: "FigTreeBold"; color: #5BA3C6;}
.step-header .line {flex: 1;height: 1px;background: #184D6C;}
.step p {font-size: 18px;max-width: 79%;}
.contact-page .volunteer-types{grid-template-columns: repeat(3, 1fr);}


.contact-container {background: rgba(24, 77, 108, 0.1);border-radius: 20px;padding: 60px 45px 52px 45px;display: grid;grid-template-columns: 1.3fr 0.7fr;gap: 100px;margin-bottom: 100px;}
form.contact-form h2 {color: #5BA3C6;font-size: 40px;margin-bottom: 6px;font-family: "FigTreeBold"}
form.contact-form h2.contact-title {margin-bottom: 35px;}
.subtitle {font-size: 16px;margin-bottom: 40px;font-family: "FigTreeBold";font-style: italic;}
form.contact-form .field {margin-bottom: 48px;}
form.contact-form .field input{width: 100%;border: none;border-bottom: 1px solid #184D6C;background: transparent;padding: 8px 0;font-size: 15px;}
input::placeholder {color: #184D6C;font-size: 16px;font-family: "FigTreeRegular";}
.checkbox-row {display: flex;gap: 30px;margin: 0 0 38px;}
.checkbox-row label{font-size: 16px;display: flex;align-self: center;gap: 10px;}
form.contact-form .policy{font-size: 14px;display: flex;align-self: center;gap: 10px;font-style: italic;}
form.contact-form .checkbox-row input,
form.contact-form .policy input {background-color: transparent;}

.submit-btn {margin-top: 46px;font-family: "FigTreeSemiBold";padding: 12px 26px;border-radius: 5px;border: 1.5px solid #5BA3C6;background: transparent;color: #5BA3C6;cursor: pointer;text-transform: uppercase;}
.contact-info {display: flex;justify-content: flex-end;}
.info-box {background: #ffffff;border-radius: 10px;padding: 32px;width: 100%;height: fit-content;}
.info-box.contact-section {margin-top: 70px;}
.info-box p {font-size: 18px;margin-bottom: 22px;}
.info-box p strong{font-family: "FigTreeBold"}
.map {margin-top: 40px;border-radius: 10px;overflow: hidden;}
.map iframe {width: 100%;height: 180px;border: 0}
.custom-checkbox {display: inline-flex;align-items: center;gap: 35px;font-size: 14px;color: #184D6C;cursor: pointer;user-select: none;}
form.contact-form .submit-btn{margin-top: 22px;}


/* Hide native checkbox */
.custom-checkbox input, .policy input {position: absolute;opacity: 0;}
/* Box */
.checkmark {width: 20px;height: 20px;border: 1px solid #184D6C;border-radius: 3px;display: inline-block;position: relative;cursor: pointer;}
.policy input:checked+.checkmark::after,
.custom-checkbox input:checked+.checkmark::after {content: "";position: absolute;left: 6px;top: 3px;width: 5px;height: 9px;border: solid #6ea2c8;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.custom-checkbox input:focus+.checkmark,
.policy input:focus+.checkmark {outline: none; outline-offset: 2px;}

/* engagement page */
.volunteer-types {display: grid;grid-template-columns: repeat(4, 1fr);gap: 48px;}
.step {display: block;font-size: 20px;margin-bottom: 10px;}
.content {display: flex;gap: 16px;}
.line {width: 1px;background: #184D6C;height: 73px;}
.content h3 {font-size: 22px;font-family: "FigTreeBold";color: #5BA3C6;}
.content p {font-size: 16px;}
.formation-section {margin-bottom: 90px;}
.formation-content>div {display: flex;align-items: center;}
.formation-content h2 {margin: 0 0 16px;font-size: 50px;font-family: "FigTreeBold";}
.formation-content p {font-size: 20px;font-family: "FigTreeSemiBold";max-width: 520px;}
.formation-btn-outline {display: inline-block;padding: 16px 32px;font-size: 13px;text-transform: uppercase;color: #5BA3C6;border: 2px solid #5BA3C6;border-radius: 5px;margin-left: 150px;font-family: "FigTreeSemiBold"}
.contact-page .action-btn{margin-top: 10px;text-transform: uppercase;}

/* magazine page */
/* .magazine-page .magazine-hero {position: relative;height: 250px;border-radius: 20px;background: url("/assets/images/magazine.png") center / cover no-repeat;overflow: hidden;z-index: 1;max-width: 92%;margin: auto;padding-inline: 0;} */
.magazine-page .magazine-hero {position: relative;height: 250px;border-radius: 20px;background: url("/assets/images/magazine.png") center / cover no-repeat;overflow: hidden;z-index: 1;max-width: 100%;margin: 0 52px;padding-inline: 0;}
.magazine-page .hero-overlay {margin: auto;position: relative;z-index: 2;height: 100%;padding: 0 60px;max-width: 59%;}
.magazine-page .hero-eyebrow {font-size: 16px;color: #ffffffcc;margin-bottom: 16px;}
.magazine-hero h1 {font-size: 40px;line-height: 45px;font-family: "FigTreeBold";color: #fff;}
/* .magazine-card {position: relative;background: rgba(24, 77, 108, 0.1);border-radius: 20px;padding: 60px;display: flex;gap: 60px;padding-top: 160px;margin: -100px 25px 125px 25px;max-width: 1350px;padding-inline: 25px;} */
.magazine-card {position: relative;background: rgba(24, 77, 108, 0.1);border-radius: 20px;padding: 60px;display: flex;gap: 60px;padding-top: 160px;margin: -100px 25px 142px 25px;padding-inline: 25px;}
.magazine-text {max-width: 58%;}
.magazine-text h2 {margin: 0 0 6px;font-size: 40px;line-height: 45px;font-family: "FigTreeBold";color: #5BA3C6;}
.magazine-date {font-size: 20px;color: #5BA3C6;margin-bottom: 20px;font-family: "FigTreeSemiBold";display: inline-block;}
.magazine-text p {font-size: 20px;margin-bottom: 25px;font-family: "FigTreeSemiBold";}
.magazine-actions {display: flex;gap: 18px;}
.magazine-page .btn {font-family: "FigTreeSemiBold";padding: 14px 40px;font-size: 13px;border-radius: 5px;text-transform: uppercase; text-wrap: auto;}
.magazine-page .btn-light {background: transparent;color: #5BA3C6;border: 1.5px solid #5BA3C6}
.magazine-page .btn-outline {border: 1.5px solid #184D6C;}
/* .magazine-cover {margin-left: auto;width: 260px;min-height: 360px;background: #fff;border-radius: 10px;display: flex;align-items: center;justify-content: center;color: #c9d6e0;font-weight: 600;font-size: 14px;position: absolute;right: 60px;} */
.magazine-cover {margin-left: auto;width: 300px;min-height: 426px;border-radius: 10px;display: flex;align-items: center;justify-content: center;color: #c9d6e0;font-weight: 600;font-size: 14px;position: absolute;right: 27px;}
/* .magazine-cover img{width: 260px;min-height: 360px;border-radius: 10px;} */
.magazine-cover img{border-radius: 10px;}
/* .magazine-list-section{max-width: 92%;margin: 0 auto 50px auto;padding-inline: 25px;} */
.magazine-list-section{margin: 0 52px 50px 52px}
.section-title {margin: 0 0 10px;font-size: 22px;font-family: "FigTreeBold";color: #5BA3C6;}
.magazine-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;}
.magazine-item {display: flex;flex-direction: column;}
/* .magazine-thumb {height: 300px;background: #ffffff;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 16px;} */
.magazine-thumb {height: 426px;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 16px;}
.magazine-thumb picture {width: 100%;border-radius: 10px;}
/* .magazine-thumb img {height: 300px;width: 100%;border-radius: 10px;} */
.magazine-thumb img {height: 426px;width: 100%;border-radius: 10px;}
.magazine-thumb span {font-size: 20px;font-family: "FigTreeBold";;color: #c7d4df;}
.magazine-item h3 {font-size: 20px;font-family: "FigTreeBold";}
.magazine-item span.magazine-date {font-size: 20px;color: #5BA3C6;}

/* sources page */
.practical-files {background-color: rgba(24, 77, 108, 0.1);border-radius: 10px;padding: 30px;margin-bottom: 30px;}
.practical-files h3 {margin: 0 0 18px;font-size: 28px;line-height: 50px;font-family: "FigTreeBold";;color: #5BA3C6;}
.files-list { display: flex;gap: 100px;flex-wrap: wrap;}
.file-item {display: flex;gap: 20px;}
.file-item .arrow { margin-top: 7px;}
.file-item .text {font-size: 16px;font-family: "FigTreeMedium";max-width: 85%;}
.faq-section {padding: 60px 0 120px 0;}
.faq-section h2 {margin-bottom: 15px;font-size: 40px;font-family: "FigTreeBold";;}
.faq-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
.faq-card {background: #ffffff;border-radius: 10px;padding: 20px 30px;}
.faq-card h4 {margin: 0 0 5px;font-size: 28px;font-family: "FigTreeSemiBold";color: #5BA3C6;}
.faq-card p {font-size: 18px;line-height: 20px;}
.faq-card:nth-child(3) {grid-column: 1 / 2;}

/* dionate page */
.donate-page{padding-top: 40px;}
.donate-page h1{font-size: 40px;line-height: 50px;font-family: "FigTreeBold";margin-bottom: 10px;}
.donation-frequency {margin-bottom: 50px;}
.donation-label {margin-bottom: 16px;font-size: 20px;font-family: "FigTreeSemiBold";}
.donation-options {display: flex;gap: 18px}
.donation-btn {padding: 14px 28px;font-size: 13px;font-family: "FigTreeSemiBold";letter-spacing: 0.5px;text-transform: uppercase;border-radius: 5px;border: 1px solid #184D6C;background: transparent;cursor: pointer;transition: all 0.25s ease;color: #184D6C;}
.donation-btn.active {background: #234766;border-color: #234766;color: #ffffff;}
.submit-btn-seconndary{background-color: #5BA3C6;border-radius: 5px;color: #fff;border: none;margin-top: 30px;padding: 15px 45px;}
.cvv-field{display: grid;grid-template-columns: 65% 30%;grid-column-gap: 5%;}
.donate-page .policy{margin-top: 70px;}
.donate-page .contact-container{padding-top: 30px;border-radius: 10px;}
.donate-page .submit-btn-seconndary{text-transform: uppercase;font-family: "FigTreeSemiBold";}
.donate-page .submit-btn-seconndary i{font-family: "FigTreeItalic";;}


/* footer */
footer {background: #ffffff;padding: 30px 0 60px 0;}
.footer-container {display: grid;grid-template-columns: 240px 1fr 220px;align-items: center;gap: 60px;}
.footer-brand {display: flex;align-items: center;gap: 15px;}
.footer-name {font-size: 18px;font-weight: 700;line-height: 1.1;}
.footer-links {display: grid;grid-template-columns: 27% 20% 33%;gap: 10%;;padding-top: 40px;}
.footer-col h4 {font-size: 14px;margin-bottom: 10px;text-transform: uppercase;}
.footer-col li {margin-bottom: 5px;}
ul.footer-col li a{text-transform: uppercase;font-size: 14px;font-family: "FigTreeSemiBold";margin-bottom: 15px;display: inline-block;}
.footer-col a {font-size: 14px;}
.footer-col a:hover {text-decoration: underline;}
.footer-actions {display: flex;flex-direction: column;gap: 18px;padding-top: 20px;}
.footer-btn {border-radius: 5px;font-size: 13px;;display: flex;align-items: center;justify-content: center;white-space: nowrap;padding: 15px 45px;font-family: "FigTreeSemiBold";}
.footer-btn.primary {border: 2px solid #184D6C;background: #ffffff;}
.footer-btn.secondary {border: 2px solid #5BA3C6;color: #5BA3C6;background: #ffffff;}


/* subscribe popup*/
.subscribe-popup {background: #fff;border-radius: 10px;display: none;left: 50%;margin: auto;max-width: 568px;position: fixed;top: 50%;transform: translate(-50%, -50%);width: 90%;z-index: 99;padding: 31px 46px 45px 41px;}
.subscribe-popup .header{display: flex; justify-content: space-between; gap: 30px;margin-bottom: 40px;}
.subscribe-popup .header .title{font-size: 40px;font-family: "FigTreeSemiBold";line-height: 45px;color: #5BA3C6;}
.subscribe-popup .close-mobile {display: none;}
.subscribe-popup .header .close img, .subscribe-popup .header .close-mobile img{width: 100%;cursor: pointer;}
.subscribe-popup .email{margin-bottom: 54px;}
.subscribe-popup .email input{width: 100%;border: none;border-bottom: 1px solid #184D6C;background: transparent;padding: 8px 0;font-size: 16px;font-family: "FigTreeRegular";}
.subscribe-popup .email input::placeholder{width: 100%;padding: 8px 0;font-size: 16px;font-family: "FigTreeRegular";}
.subscribe-popup .submit-subscribe-btn button{font-family: "FigTreeSemiBold";padding: 17px 122px;border-radius: 5px;border: 1.5px solid #5BA3C6;background: transparent;color: #5BA3C6;cursor: pointer;}

/* subscribe popup success */
.subscribe-popup-success{background: #fff;border-radius: 10px;display: none;left: 50%;margin: auto;max-width: 568px;position: fixed;top: 50%;transform: translate(-50%, -50%);width: 90%;z-index: 99;padding: 31px 46px 45px 41px;}
.subscribe-popup-success .close-mobile {display: none;}
.subscribe-popup-success .close, .subscribe-popup-success .close-mobile{position: absolute; top: 38px; right: 46px; }
.subscribe-popup-success .close img, .subscribe-popup-success .close-mobile img{width: 100%; cursor: pointer;}
.subscribe-popup-success .icon{margin-top: 30px;display: flex;justify-content: center; margin-bottom: 23px;}
.subscribe-popup-success .icon img{width: 136px;}
.subscribe-popup-success .text{display: flex; justify-content: center; }
.subscribe-popup-success .text span{font-family: "FigTreeBold";font-size: 30px;line-height: 30px;color: #5BA3C6;max-width: 405px; text-align: center; }

.photo-galleries-page {padding-top: 36px; padding-bottom: 110px;}
.photo-galleries-page .main-title{font-size: 40px;line-height: 45px;font-family: "FigTreeBold";margin-bottom: 27px;}
.photo-galleries-page .photo-galleries{display: grid; grid-template-columns: repeat(4,1fr); gap: 15px;}
.photo-galleries-page .photo-galleries .gallery{ display: block;text-decoration: none; margin-bottom: 50px;}
.photo-galleries-page .photo-galleries .gallery .image{margin-bottom: 13px; line-height: 0;overflow: hidden;border-radius: 10px;}
.photo-galleries-page .photo-galleries .gallery .image img{width: 100%; height: 168px;object-fit: cover;border-radius: 10px;transition: all 0.3s ease;}
.photo-galleries-page .photo-galleries .gallery .image img:hover{transform: scale(1.1);}
.photo-galleries-page .photo-galleries .gallery .title {font-size: 25px;font-family: "FigTreeBold";}

.photo-gallery-page {padding-top: 22px; padding-bottom: 78px;}
.photo-gallery-page .back-page{font-size: 16px;line-height: 45px;font-family: "FigTreeRegular";margin-bottom: 17px; color: #5BA3C6;border-bottom: 1px solid #5BA3C6;}
.photo-gallery-page .main-title{font-size: 40px;line-height: 45px;font-family: "FigTreeBold";margin-bottom: 27px;}

.photo-gallery-page .gallery-wrapper {background-color: #184D6C1A;border-radius: 10px;padding: 62px 173px;}
.photo-gallery-page .gallery-wrapper .main-slider-wrap {border-radius: 10px;overflow: hidden;}
.photo-gallery-page .main-slider .slick-list,.photo-gallery-page .main-slider .slick-track { height: 100%; }
.photo-gallery-page .main-slide {position: relative; height: 504px;}
.photo-gallery-page .main-slide .image {  width: 100%;  height: 100%;  display: block;}
.photo-gallery-page .main-slide img {  width: 100%;  height: 100%;  object-fit: cover;  display: block;}
.photo-gallery-page .slide-placeholder {  font-family: 'Playfair Display', serif;  font-size: 1.4rem;  color: rgba(255,255,255,0.55);  letter-spacing: 0.08em;  pointer-events: none;}
.photo-gallery-page .slide-caption {  position: absolute;  bottom: 0;  left: 0;  right: 0;  background:  #184D6C80;  color:white;  padding: 12px 18px;  font-size: 15px;  font-family: "FigTreeMedium";}

.photo-gallery-page .gallery-nav {  display: flex;  align-items: center;  justify-content: center;  gap: 18px;  margin: 20px 0 40px;}
.photo-gallery-page .nav-btn {  background: none;  border: none;  cursor: pointer;  padding: 4px;  color: #184D6C;  display: flex;  align-items: center;  transition: color 0.2s, transform 0.15s;}
.photo-gallery-page .nav-btn:hover  { transform: scale(1.15); }
.photo-gallery-page .nav-btn:active { transform: scale(0.95); }
.photo-gallery-page .nav-btn svg    { width: 22px; height: 22px; stroke-width: 2; }
.photo-gallery-page .slide-counter {  font-size: 13px;  color: #184D6C; font-family: "FigTreeSemiBold";   min-width: 52px;  text-align: center;  }
.photo-gallery-page .thumb-slider .slick-track {  display: flex;  gap: 0;}
.photo-gallery-page .thumb-slide {  width: 100px;  height: 100px;  border-radius: 5px;  overflow: hidden;  cursor: pointer;  transition: opacity 0.25s, box-shadow 0.25s, transform 0.2s;  margin: 0 5px;  outline: none;}
.photo-gallery-page .thumb-slide .image {  height: 100%;overflow: hidden;transition: all 0.3s ease;}
.photo-gallery-page .thumb-slide .image:hover {  transform: scale(1.1);}
.photo-gallery-page .thumb-slide img {  width: 100%;  height: 100%;  object-fit: cover;  pointer-events: none;}
.photo-gallery-page .thumb-label {  font-size: 0.7rem;  color: rgba(255,255,255,0.6);  pointer-events: none;}
.photo-gallery-page .thumb-slide.is-active {  background: #E7F1F8}.thumb-slide.is-active .image{  display: none}

    /* .thumb-slide:not(.is-active):hover {
      opacity: 0.9;
      transform: translateY(-1px);
    } */

    /* Hide default slick arrows & dots */
    .photo-gallery-page .main-slider .slick-prev,
    .photo-gallery-page .main-slider .slick-next,
    .photo-gallery-page .thumb-slider .slick-prev,
    .photo-gallery-page .thumb-slider .slick-next,
    .photo-gallery-page .main-slider .slick-dots,
    .photo-gallery-page .thumb-slider .slick-dots { display: none !important; }

    /* Fade-in on slide change */
    @keyframes fadeSlide {
      from { opacity: 0; transform: scale(1.015); }
      to   { opacity: 1; transform: scale(1); }
    }
    .photo-gallery-page .main-slide.slick-active { animation: fadeSlide 0.35s ease; }

/* arabic version */
/* header */
header.header-ar nav{font-family: "AlexandriaRegular";}
header.header-ar nav .nav-actions{justify-content: left;}
header.header-ar nav .nav-actions ul{margin-left: 95px;}
header.header-ar nav .lang-switch span,
header.header-ar nav .nav-actions ul li{font-family: inherit;}
header.header-ar nav .lang-switch a:first-of-type,
header.header-ar nav .lang-switch a:last-of-type{font-family: 'FigTreeRegular';}
header.header-ar nav .nav-menu li:last-child{margin-right: 20px;}
header.header-ar nav .nav-actions-desktop{width: 100%;}
header.header-ar nav .nav-menu{display: flex;justify-content: space-between;}
header.header-ar nav .nav-menu>div{display: flex;}
header.header-ar nav .nav-menu li.active>a,
header.header-ar nav .nav-menu a{font-family: "AlexandriaMedium";}
header.header-ar nav .nav-menu li.active>a::before{content: none;}
header.header-ar nav .nav-menu li.active>a::after{content: '';position: absolute;right: 0;left: 0;top: 0;width: 2px;height: 26px;background: #5BA3C6;margin-top: -6px;}
header.header-ar nav .nav-menu li.active>a{padding-right: 10px;padding-left: 0;}
header.header-ar .dropdown-menu{right: 0;}
header.header-ar nav .dropdown-menu a{font-family: "AlexandriaLight" !important;}
header.header-ar nav .dropdown-title{font-family: "AlexandriaBold";}
header.header-ar nav .dropdown-title img{margin-right: 10px;}
header.header-ar nav .nav-menu a img{margin-right: 7px;}
header.header-ar nav .nav-menu div:first-of-type li:last-child{margin-right: 49px;}
header.header-ar nav .btn-primary{font-family: "AlexandriaMedium";}

/* homepage */
section.homepage-ar .hero-content{margin-right: auto;margin-left: 0;}
section.homepage-ar .hero{height: 540px;}
section.homepage-ar .hero-quote{font-family: "AlexandriaRegular";}
section.homepage-ar h1 span{font-family: "AlexandriaBold";line-height: 35px;}
section.homepage-ar h1{font-family: "AlexandriaBold";line-height: 75px;}
section.homepage-ar div.hero-actions a:last-child{font-family: "AlexandriaSemiBold";padding: 14px 45px;}
section.homepage-ar div.hero-actions a:first-child{font-family: "AlexandriaSemiBold";}
section.homepage-ar .hero-quote{margin-bottom: 50px;}
section.homepage-ar div.three-doors h2{font-family: "AlexandriaBold";color: #184D6C;font-size: 35px;}
section.homepage-ar div.three-doors .door-title{font-family: "AlexandriaBold";font-size: 30px;}
section.homepage-ar div.three-doors .door-subtitle{color: #184D6C;font-size: 18px;font-family: "AlexandriaSemiBold"}
section.homepage-ar div.three-doors .door-text{font-size: 16px;font-family: "AlexandriaLight";line-height: 25px;}
section.homepage-ar div.three-doors .door-btn{font-family: "AlexandriaSemiBold"}
section.homepage-ar div.three-doors .door-btn{padding: 15px 70px;}
section.homepage-ar div.three-doors .door-divider::before{content: none;}
/* section.homepage-ar div.three-doors .door-divider::after{content: '';width: 1.5px;height: 320px;background: #184D6C;position: absolute;right: 0;top: 0;height: 300px;} */
section.homepage-ar .door-content{padding-right: 20px;padding-left: 0;border-left: none; border-right: 1.5px solid #184D6C;}
section.homepage-ar .story-title{font-family: "AlexandriaBold";font-size: 35px;}
section.homepage-ar .story-card p{font-family: "AlexandriaRegular";font-size: 18px;line-height: 32px;}
section.homepage-ar .story-btn{font-family: "AlexandriaSemiBold"}
section.homepage-ar .story-btn.filled{padding: 15px 50px;}
section.homepage-ar .story-btn.outline{padding: 15px 70px;}

/* about ar */
section.about-page-ar .history-content span{font-family: "AlexandriaRegular";font-size: 16px;margin-bottom: 0;}
section.about-page-ar .history-content h1{font-family: "AlexandriaBold";font-size: 40px;line-height: 60px;margin: 0 0 5px;}
section.about-page-ar .history-content p{font-family: "AlexandriaBold";font-size: 20px;}
section.about-page-ar .origin-section h2{font-family: "AlexandriaBold";font-size: 30px;margin-bottom: 30px;}
section.about-page-ar .origin-grid p:first-of-type{font-size: 16px;font-family: "AlexandriaRegular";line-height: 25px;}
section.about-page-ar .origin-grid p:last-child{font-size: 16px;font-family: "AlexandriaBold";line-height: 25px;}
section.about-page-ar .history-text h2{font-size: 30px;font-family: "AlexandriaBold";line-height: 50px;margin-bottom: 10px;}
section.about-page-ar .history-text .intro{font-size: 16px;font-family: "AlexandriaBold";line-height: 25px;}
section.about-page-ar .project h4{font-family: "AlexandriaBold";font-size: 22px;line-height: 25px;}
section.about-page-ar .project p{font-family: "AlexandriaLight"}
section.about-page-ar .project::before{right: 0;}
section.about-page-ar .project div{padding-left: 0;padding-right: 10px;}
section.about-page-ar .projects-card{margin: 35px -26% 0 0;gap: 50px 0;padding: 40px 38px 70px 38px;}
section.about-page-ar .project::before{height: calc(100% - 10px);}
section.about-page-ar .history-text .outro{font-size: 16px;font-family: "AlexandriaRegular";line-height: 25px;margin-top: 75px;}
section.about-page-ar .lesson-card h2{font-size: 30px;line-height: 45px;font-family: "AlexandriaBold"}
section.about-page-ar .origin-grid p:first-of-type{font-family: "AlexandriaBold";font-size: 16px;line-height: 25px;}
section.about-page-ar .lesson-card p{font-family: "AlexandriaBold";font-size: 20px;line-height: 28px;}
section.about-page-ar .lesson-card span{font-family: "AlexandriaRegular";font-size: 20px;line-height: 28px;}
section.about-page-ar .origin-grid p:last-child span{font-family: "AlexandriaRegular";font-size: 16px;line-height: 25px;}
/* section.about-page-ar .history-content h1{font-size: 30px !important;line-height: 50px !important;} */
section.about-page-ar .history-content span{font-size: 14px;}
section.about-page-ar .history-content p{font-size: 15px;line-height: 22px;}

/* mission ar */
.mission-page-ar h1{font-family: "AlexandriaBold";font-size: 35px;line-height: 45px;}
.mission-page-ar .mission-intro{font-family: "AlexandriaSemiBold";line-height: 30px;}
.mission-page-ar .mission-label{font-family: "AlexandriaBold";}
.mission-page-ar .mission-list li{font-family: "AlexandriaLight";padding-right: 25px; }
.mission-page-ar .mission-list li::before{right: 0;}
.mission-page-ar .mission-subtitle{font-family: "AlexandriaLight";font-size: 16px;margin-bottom: 40px;padding-right: 25px;}
.mission-page-ar .vission-text{font-family: "AlexandriaLight";font-size: 16px;line-height: 25px;}
.mission-page-ar .vission-footer-text{font-family: "AlexandriaMedium";line-height: 25px;font-size: 18px;margin-bottom: 50px;}
.mission-page-ar .vission-actions a:last-child,
.mission-page-ar .vission-actions a:first-child{margin-right: 0;margin-left: 15px;font-family: "AlexandriaSemiBold";font-size: 14px;}
.mission-page-ar .vission-actions a:first-child{order: 2;}
.mission-page-ar .values-title{font-family: "AlexandriaBold";font-size: 18px;margin: 0 20px 20px 0;}
.mission-page-ar .value-text h3{font-family: "AlexandriaBold";font-size: 30px;}
.mission-page-ar .value-text p{font-family: "AlexandriaRegular";font-size: 16px;line-height: 25px;}
.mission-page-ar .values-footer h2{font-size: 40px;font-family: "AlexandriaBold";line-height: 50px;}
.mission-page-ar .values-footer p{font-family: "AlexandriaRegular";font-size: 18px;line-height: 28px;max-width: 70%;}
.mission-page-ar .values-footer a{font-family: "AlexandriaSemiBold";font-size: 13px;}

 /* members ar */
 .governance-page-ar .governance-card h3 {font-family: "AlexandriaBold";font-size: 25px;line-height: 25px;}
 .governance-page-ar .governance-card .role{font-family: "AlexandriaSemiBold";font-size: 16px;line-height: 25px;}
.governance-page-ar .governance-card p{font-family: "AlexandriaLight";font-size: 16px;line-height: 25px;}
.governance-page-ar .governance-card .divider{right: 0;}
.governance-page-ar .governance-card{padding-right: 20px;}
.governance-page-ar h1{font-family: "AlexandriaBold";font-size: 35px;line-height: 50px;}

/* soldarite ar */
section.soldarite-page-ar .hero-label{font-family: "AlexandriaRegular";font-size: 16px;}
section.soldarite-page-ar h1.main-title{font-family: "AlexandriaBold";font-size: 40px;line-height: 50px;}
section.soldarite-page-ar .charity-left h2{font-family: "AlexandriaBold";font-size: 35px;line-height: 45px;}
section.soldarite-page-ar .charity-right p{font-family: "AlexandriaSemiBold";line-height: 28px;max-width: 100%;}
section.soldarite-page-ar .actions-title{font-family: "AlexandriaBold";font-size: 35px;line-height: 50px;}
section.soldarite-page-ar .action-content-wrapper>div::before{margin-right: 0;margin-left: 15px;}
section.soldarite-page-ar .action-content-wrapper .action-content{padding: 0 20px 0 0;}
section.soldarite-page-ar .action-content h3{font-size: 22px;font-family: "AlexandriaBold";line-height: 45px;}
section.soldarite-page-ar .action-content p{font-size: 17px;font-family: "AlexandriaRegular";line-height: 22px;}
section.soldarite-page-ar .action-btn{font-family: "AlexandriaSemiBold";font-size: 13px;padding: 14px 35px;}
section.soldarite-page-ar .indicators-title h2{font-family: "AlexandriaBold";font-size: 35px;line-height: 60px;}
section.soldarite-page-ar .indicator-pill {padding: 30px 20px;}
section.soldarite-page-ar .indicator-pill .label{font-family: "AlexandriaRegular";font-size: 20px;text-wrap: auto;direction: rtl;}
.soldarite-page-ar .indicators-wrapper .indicators-columns{direction: ltr;}
section.soldarite-page-ar .testimonials-header h2{font-family: "AlexandriaBold";font-size: 35px;line-height: 50px;}
section.soldarite-page-ar .testimonial-card p{font-family: "AlexandriaLight";font-size: 16px;line-height: 25px;max-width: 90%;}
section.soldarite-page-ar .testimonial-card .author{font-family: "AlexandriaMedium";font-size: 16px;line-height: 20px;font-style: normal;}
.testimonials-slider-ar{padding: 0 25px 130px 0;}
/* section.soldarite-page-ar .slick-arrows{display: flex;flex-direction: row-reverse;} */
section.soldarite-page-ar .slick-arrows img:first-of-type{transform: rotate(0deg) !important;}
section.soldarite-page-ar .slick-arrows img:last-of-type{transform: rotate(180deg) !important;}

/* ecoute ar */
section.ecoute-page-ar h1.main-title{font-size: 40px;line-height: 60px;font-family: "AlexandriaBold";}
section.ecoute-page-ar span.hero-label{font-size: 16px;font-family: "AlexandriaRegular"}
section.ecoute-page-ar .charity-left h2{font-family: "AlexandriaBold";font-size: 40px;line-height: 50px;}
section.ecoute-page-ar .charity-right p{font-family: "AlexandriaSemiBold";font-size: 20px;line-height: 28px;}
section.ecoute-page-ar .steps-section h2{font-size: 35px;font-family: "AlexandriaBold"}
section.ecoute-page-ar .step-header span:first-child{font-size: 20px;font-family: "AlexandriaBold";line-height: 22px; color: #5BA3C6;}
section.ecoute-page-ar .step p{font-family: "AlexandriaRegular";font-size: 16px;line-height: 25px;}
section.ecoute-page-ar form.contact-form h2{font-family: "AlexandriaBold";font-size: 35px;line-height: 45px;margin-bottom: 15px;}
section.ecoute-page-ar .subtitle{font-family: "AlexandriaSemiBold";font-size: 16px;font-style: normal;}
section.ecoute-page-ar form.contact-form .policy{font-family: "AlexandriaRegular";font-size: 14px;font-style: normal;}
section.ecoute-page-ar form.contact-form .submit-btn{font-family: "AlexandriaBold";font-size: 13px;padding: 12px 50px;}
section.ecoute-page-ar input::placeholder {color: #184D6C;font-size: 16px;font-family: "AlexandriaRegular";}
section.ecoute-page-ar .checkbox-row label{font-size: 16px;font-family: "AlexandriaRegular";flex-direction: row-reverse;}
section.ecoute-page-ar .info-box p{font-size: 16px;font-family: "AlexandriaRegular";line-height: 25px;}
section.ecoute-page-ar .info-box p strong{font-family: "AlexandriaBold";font-size: 16px;}
section.ecoute-page-ar .custom-checkbox {flex-direction: row-reverse;}


/* engagement page ar */
section.engagement-page-ar h1.main-title{font-size: 40px;line-height: 60px;font-family: "AlexandriaBold";}
section.engagement-page-ar span.hero-label{font-size: 16px;font-family: "AlexandriaRegular";line-height: 45px;}
section.engagement-page-ar .charity-left h2{font-family: "AlexandriaBold";font-size: 35px;line-height: 55px;}
section.engagement-page-ar .charity-right p{font-family: "AlexandriaMedium";font-size: 16px;line-height: 25px;}
section.engagement-page-ar .steps-section h2{font-family: "AlexandriaBold";font-size: 35px;line-height: 50px;}
section.engagement-page-ar .content h3{font-family: "AlexandriaBold";font-size: 22px;line-height: 25px;}
section.engagement-page-ar .content p{font-family: "AlexandriaRegular";font-size: 16px;line-height: 25px;}
section.engagement-page-ar form.contact-form h2{font-family: "AlexandriaBold";font-size: 35px;line-height: 45px;margin-bottom: 30px;}
.contact-page-ar form.contact-form .field input,
.donate-page-ar form.contact-form .field input,
.ecoute-page-ar form.contact-form .field input,
section.engagement-page-ar form.contact-form .field input{font-family: "AlexandriaRegular";font-size: 16px; height: 36px; line-height: 36px;}
.donate-page-ar form.contact-form .field input::placeholder,
.contact-page-ar form.contact-form .field input::placeholder,
.ecoute-page-ar form.contact-form .field input::placeholder,
section.engagement-page-ar form.contact-form .field input::placeholder{color: #184D6C;
font-size: 16px;font-family: "AlexandriaRegular";height: 36px; line-height: 36px;}
section.engagement-page-ar .checkbox-row label{font-family: "AlexandriaRegular";font-size: 16px;}
.contact-page-ar .action-btn,
.magazine-page .btn,
.donate-page-ar form.contact-form .policy,
section.engagement-page-ar form.contact-form .policy{font-family: "AlexandriaRegular";
font-size: 14px;font-style: normal;}
.contact-page-ar form.contact-form .submit-btn,
section.engagement-page-ar form.contact-form .submit-btn{font-family: "AlexandriaSemiBold";font-size: 14px;line-height: 25px;}
.contact-page-ar .info-box p strong,
.donate-page-ar .info-box p strong,
section.engagement-page-ar .info-box p strong{font-family: "AlexandriaBold";font-size: 16px;}
.donate-page-ar .info-box p,
.contact-page-ar .info-box p,
.contact-page-ar .content p,
section.engagement-page-ar .info-box p{font-family: "AlexandriaRegular";font-size: 16px;line-height: 25px;}
section.engagement-page-ar .custom-checkbox{flex-direction: row-reverse;}
section.engagement-page-ar .formation-content h2{font-family: "AlexandriaBold";
font-size: 35px;line-height: 50px;}
section.engagement-page-ar .formation-content p{font-family: "AlexandriaMedium";font-size: 16px; line-height: 25px;}
section.engagement-page-ar .formation-btn-outline{font-family: "AlexandriaSemiBold";font-size: 14px;margin-right: 150px;margin-left: 150px;}

/* contact ar */
.contact-page-ar .steps-section h2,
.contact-page-ar form.contact-form h2{font-family: "AlexandriaBold";font-size: 35px;line-height: 45px;margin-bottom: 30px;}
.contact-page-ar .content h3{font-family: "AlexandriaBold";font-size: 22px;line-height: 25px;}

/* magazine ar */
section.magazine-page-ar .hero-eyebrow{font-size: 16px;font-family: "AlexandriaRegular"}
section.magazine-page-ar .magazine-hero h1{font-family: "AlexandriaBold";font-size: 40px;line-height: 60px;}
section.magazine-page-ar .magazine-cover{margin-right:auto;right: 0;left: 60px;margin-left: 0;}
section.magazine-page-ar .magazine-text h2{font-family: "AlexandriaBold";font-size: 40px;line-height: 60px;}
section.magazine-page-ar .magazine-text p{font-family: "AlexandriaSemiBold";font-size: 16px;line-height: 25px;}
section.magazine-page-ar .section-title{font-size: 22px;font-family: "AlexandriaBold";line-height: 45px;}
section.magazine-page-ar .magazine-item h3{font-family: "AlexandriaSemiBold";font-size: 20px;line-height: 30px;}
section.magazine-page-ar .magazine-item span.magazine-date{font-family: "AlexandriaMedium";font-size: 18px;line-height: 30px;}
.sources-page-ar .faq-card p,
section.magazine-page-ar .magazine-date {font-family: "AlexandriaRegular";font-size: 16px;}

/* sources ar */
.sources-page-ar .faq-card h4,
.sources-page-ar .practical-files h3{font-family: "AlexandriaSemiBold";font-size: 28px;line-height: 50px;}
.sources-page-ar .file-item .text{font-family: "AlexandriaRegular";font-size: 15px;line-height: 22px;}
.sources-page-ar .file-item .arrow img{transform: rotate(180deg);}
.sources-page-ar .files-list{display: grid;grid-template-columns: repeat(3, 1fr);}

/* donate ar*/
.donate-page-ar h1{font-family: "AlexandriaBold";font-size: 35px;}
.donate-page-ar .donation-label{font-family: "AlexandriaSemiBold";font-size: 18px;}
.donate-page-ar .donation-btn{font-size: 14px;font-family: "AlexandriaSemiBold";width: 190px;}
.donate-page-ar .submit-btn-seconndary{font-size: 14px;font-family: "AlexandriaSemiBold"}

/* galleries page ar*/
.photo-galleries-page .main-title{font-family: "AlexandriaBold";}
.photo-galleries-page-ar .photo-galleries .gallery .title {font-family: "AlexandriaBold";}

/* gallery page ar*/
.photo-gallery-page-ar .back-page{font-family: "AlexandriaRegular";}
.photo-gallery-page-ar .main-title{font-family: "AlexandriaBold";}
.photo-gallery-page-ar .slide-caption{font-family: "AlexandriaMedium";}
.photo-gallery-page-ar .slide-counter {font-family: "AlexandriaSemiBold";}


/* footer ar */
.footer-ar .footer-col h4,
.footer-ar ul.footer-col li a,
.footer-ar .footer-btn{font-family: "AlexandriaMedium";}
.footer-ar .footer-col ul li a{font-family: "AlexandriaLight"}


.mobile-hero,
.mobile-story-image,
.btn-primary-mobile,
.mobile-menu-panel,
.mobile-history-image,
.mobile-menu{display: none;}

/* media query */
@media only screen and (max-width: 1360px) {
    .mission-image {height: auto;}
}
/* @media only screen and (min-width: 1324px) {
    .indicators-title h2 {bottom: 57px !important;}
} */

@media only screen and (min-width: 961px) {
    .indicators-title h2 {font-size: 19px;}
}

@media only screen and (min-width: 984px) {
    .indicators-title h2 {font-size: 20px;}
}

@media only screen and (min-width: 1030px) {
    .indicators-title h2 {font-size: 21px;}
}

@media only screen and (min-width: 1077px) {
    .indicators-title h2 {font-size: 22px;}
}

@media only screen and (min-width: 1124px) {
    .indicators-title h2 {font-size: 23px;}
}

@media only screen and (min-width: 1170px) {
    .indicators-title h2 {font-size: 24px;}
}

@media only screen and (min-width: 1217px) {
    .indicators-title h2 {font-size: 25px;}
}

@media only screen and (min-width: 1264px) {
    .indicators-title h2 {font-size: 26px;}
}

@media only screen and (min-width: 1310px) {
    .indicators-title h2 {font-size: 27px;}
}

@media only screen and (max-width: 1355px) {
    header nav .nav-menu li {margin-right: 25px;}
}
@media only screen and (max-width: 1200px) {
    header nav .nav-menu a{font-size: 11px;}
}
@media only screen and (max-width: 1070px) {
    header nav .nav-menu,
    header nav .nav-actions{display: none;}
}
@media only screen and (max-width: 1069px) {
    .btn-primary-mobile,
    .mobile-menu{display: initial;cursor: pointer;}
    .nav-actions-desktop{display: none;}
    .story-title{font-size: 45px;}
}
@media only screen and (max-width: 1100px) and (min-width: 961px) {
    .story-btn{white-space: initial;}
    .story-btn{padding: 15px 25px !important;text-align: center;}
}

@media only screen and (min-width: 961px) {
    section.about-page-ar  .origin-section--first .origin-grid p:first-of-type{font-size: 16px;font-family: "AlexandriaRegular";line-height: 25px;}
    section.about-page-ar  .origin-section--second .origin-grid p:nth-child(2){font-family: "AlexandriaRegular";}
    section.soldarite-page-ar .action-btn {max-width: 35%; display: block;}
    .charity-right p {padding-top: 12px;}

}

@media only screen and (max-width: 960px) {
    .mobile-overlay {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.4);opacity: 0;visibility: hidden;transition: 0.3s;z-index: 90;}
    .mobile-menu-panel {position: fixed;top: 0;right: -100%;width: 100%;height: 100vh;background: #ffffff;z-index: 100;display: flex;flex-direction: column;transition: right 0.35s ease;}
    .mobile-menu-header {display: flex;align-items: center;justify-content: space-between;padding: 20px 24px; }
    .mobile-close {background: none;border: none;font-size: 32px;cursor: pointer;}
    .mobile-menu-content {padding: 0 24px 30px 24px;overflow-y: auto;flex: 1;}
    .mobile-menu-content h4 {font-size: 16px;margin: 18px 0 0 0; text-transform: uppercase;padding: 0 0 10px 0;}
    .mobile-menu-content h4:first-of-type{border-bottom: 1px solid #e6edf3;}
    .mobile-menu-content h4 a{padding: 0;}
    .mobile-menu-links{margin-bottom: 28px;}
    .mobile-menu-content li {border-bottom: 1px solid #e6edf3;}
    .mobile-menu-content a {display: block;font-size: 13px;padding: 13px 0;}
    .mobile-btn {margin-top: 20px;border-radius: 5px;display: flex;align-items: center;justify-content: center;}
    .mobile-btn{text-align: center;}
    .mobile-btn.outline {border: 1.5px solid #184D6C;}
    .mobile-btn.filled {border: 1.5px solid #7aa6c8;color: #7aa6c8;}
    .mobile-footer {margin-top: 20px;font-size: 14px;display: flex;}
    .mobile-footer div p,
    .mobile-footer div a{font-family: "FigTreeMediumItalic"}
    .mobile-footer div p{padding-top: 15px;}
    .mobile-footer-links div a{font-family: "FigTreeMedium" !important;}
    .mobile-footer-links div a:last-child{margin-left: 5px;}
    .mobile-footer-links div a:last-child{font-family: "AlexandriaMedium" !important;}
    .mobile-footer a {margin-right: 5px;}
    .mobile-footer-links{margin: 2px 0 0 15px;}
    .mobile-menu-open{overflow-y: hidden;}
    .mobile-menu-open .mobile-menu-panel {right: 0;}
    .mobile-menu-open .mobile-overlay {opacity: 1;visibility: visible;}
    .mobile-menu-content a.filled{margin-top: 14px !important;}
    .mobile-menu-content .mobile-btn{font-family: "FigTreeSemiBold"}

    .story-title,
    div.three-doors h2{font-size: 40px;}
    .story-title{line-height: 40px; max-width: 100% !important;}
    div.three-doors .door-title{font-size: 35px;}
    .footer-container,
    .footer-links,
    .mobile-hero,
    section.homepage .mobile-hero .hero-actions,
    .story-actions,
    .story-title span,
    section.about-page .origin-grid,
    .mission-container,
    .vission-actions,
    .values-grid,
    .governance-grid,
    .charity-content,
    .actions-grid,
    .indicators-wrapper,
    .indicators-column,
    .indicators-columns,
    .steps-grid,
    .contact-container,
    .volunteer-types,
    .formation-content>div,
    .faq-grid,
    .files-list,
    .donation-options,
    .sources-page-ar .files-list,
    div.three-doors .doors-grid{display: block;}
    .donation-options button{display: inline-block;width: 100%;margin-bottom: 20px;}
    .donate-page .submit-btn-seconndary{padding: 15px 0;width: 100%;}
    .donation-options button:last-child{margin-bottom: 0;}
    .mobile-hero{position: relative;padding: 37px;}
    .mobile-hero .hero-content {padding: 0 !important;}
    .mobile-hero .hero-bg{border-radius: 15px;}
    header nav .nav-logo img{width: 85px;}
    .story-card p{font-size: 18px;}
    .story-card-container{padding: 34px 23px;margin-top: 235px;position: relative;width: 75%;}
    section.homepage-ar  .story-card-container{float: left;margin-top: 195px;}
    .step-header .line,
    .story-image-wrapper,
    section.homepage .hero{display: none;}
    section.homepage .mobile-hero h1 span{font-size: 28px; line-height: 30px;}
    section.homepage h1{font-size: 24px;line-height: 30px;margin-bottom: 21px;}
    section.soldarite-page-ar h1.main-title,
    section.homepage-ar h1{font-size: 30px;}
    section.homepage .hero-actions{width: 100%;}
    .story-card-content .story-actions a,
    section.homepage .hero-actions a{display: inline-block;width: 100%;text-align: center;padding: 17px 0 !important;font-size: 14px;}
    .story-card-content .story-actions a:first-child,
    section.homepage .hero-actions a:first-child,section.homepage .hero-actions a:nth-child(2) {margin-bottom: 15px;}
    section.homepage .hero-quote {margin-bottom: 40px;}
    section.homepage-ar .hero-quote{margin-bottom: 15px;}
    section.homepage-ar .story-card p{font-size: 16px;line-height: 25px;}
    .story-card-content{max-width: 100%;}
    section.homepage div.three-doors{padding: 66px 0 73px;}
    div.three-doors .section-top-title{font-size: 20px; line-height: 22px;}
    .story-card{top: 0;transform: initial;position: relative;}
    .mobile-story-image{display: inline-block;position: absolute;right: 0;}
    .mobile-story-image img {width: 240px}
    .story{padding: 0 0 48px 0;}
    .footer-links ul.footer-col{display: inline-block;}
    .footer-links div.footer-col{margin-bottom: 38px;}
    .footer-links ul.footer-col:last-of-type{float: right;}
    .footer-ar .footer-links ul.footer-col:last-of-type{float: left;}
    .footer-ar ul.footer-col li a{font-family: "AlexandriaSemiBold"}
    .footer-actions{padding-top: 30px;}
    .footer-actions {gap: 15px;}
    .footer-col h4,
    .footer-col a,
    ul.footer-col li a{font-size: 15px;}
    div.three-doors .door-item{margin-bottom: 40px;}
    div.three-doors .door-item:last-child{margin-bottom: 0;}
    div.three-doors h2{margin-bottom: 22px;}
    section.about-page .history-content {padding: 37px 0;}
    section.about-page .history-content h1{font-size: 42px;line-height: 45px;}
    .history-text h2 ,
    .mission-page h1,
    .governance-page h1,
    section.about-page .origin-section h2{font-size: 35px;line-height: 45px;max-width: 100%;}
    section.about-page .origin-grid p:first-of-type{font-size: 20px !important;}
    section.about-page .origin-grid p:last-child{font-size: 16px !important;max-width: 100%;margin-top: 15px;}
    section.about-page .origin-section{margin:30px 0 60px 0;}
    .history-section{display: flex;flex-direction: column-reverse;}
    .history-text h2 {margin-bottom: 10px;}
    .projects-card{display: block;margin: 25px 0 0 0;padding: 31px 23px;max-width: 75%;}
    .project{margin-bottom: 20px;}
    .history-image{display: none;}
    .mobile-history-image{position: relative;height: fit-content;font-size: 0;margin: -25% 0 0 0%;display: flex;justify-content: end;z-index: -1;}
    .mobile-history-image img{height: 388px;}
    .lesson-card{padding: 30px 0;margin-bottom: 38px;}
    .lesson-card h2{font-size: 35px;line-height: 40px;}
    .lesson-card p{max-width: 100%;padding: 0 30px;}
    section.about-page .history-hero {height: 320px;background: url("/assets/images/about-mobile.png") center / cover no-repeat;}
    section.about-page-ar .history-hero{background: url("/assets/images/about-mobile-ar.png") center / cover no-repeat;}
    section.about-page .history-overlay{background: linear-gradient(90deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.25));opacity: 1;}
    section.about-page .origin-grid p:first-of-type{max-width: 100%;font-size: 20px;}
    section.about-page-ar .origin-section h2{margin-bottom: 10px;}
    section.about-page .origin-grid p:last-child span,
    section.about-page .origin-grid p:last-child{font-family: "AlexandriaRegular";font-size: 16px;}
    section.soldarite-page-ar .hero-label,
    section.about-page-ar .history-text .intro{font-size: 14px;}
    section.about-page-ar .projects-card{margin: 35px 0 0 0;padding: 25px;}
    .mission-image{height: 165px;margin-bottom: 10px;}
    .mission-image img{height: auto;}
    .mission-page h1{margin-bottom: 30px;}
    .mission-content{padding: 25px 15px 1px 15px;}
    .action-content p,
    .magazine-text,
    .mission-subtitle {max-width: 100%;}
    .vission-actions a:first-child{margin-right: 0;margin-bottom: 10px;}
    .vission-actions a:last-child{margin-bottom: 35px;}
    .vission-actions a{width: 100%;}
    div.vision-wrapper{display: flex;flex-direction: column-reverse;}

    .values-wrapper{padding: 40px 0;}
    .values-title{margin-bottom: 35px;}
    .values-col.offset{margin-top: 15px;}
    .last-card{border-radius: 25px;align-items: start;}
    .values-footer h2{font-size: 35px;margin-bottom: 10px;}
    .values-footer a{width: 100%;margin-top: 25px;}
    .values-footer{margin-bottom: 70px;}

    .donate-page{padding-top: 0;}
    .governance-page {padding-bottom: 70px;padding-top: 0;}
    .slick-arrows,
    .solidarite-desktop{display: none !important;}
    .solidarite-mobile{display: block !important;height: 320px !important;}
    .steps-section h2,
    .contact-form h2,
    section h1.main-title{font-size: 40px;line-height: 45px;}
    .charity-hero{margin: 0 auto 33px;}
    .charity-left h2{font-size: 35px;line-height: 40px;}
    .donate-page .contact-container,
    .charity-right p{max-width: 100%;padding-top: 20px;}
    .indicators-title h2{font-size: 40px;margin-bottom: 20px;bottom: 0;}
    .testimonials-header h2,
    .formation-content h2,
    .actions-title{font-size: 40px;}
    /* .indicator-pill {padding: 20px 15px;min-width: 100%;margin-bottom: 15px;} */
    .indicator-pill {padding: 20px 15px;margin-bottom: 15px;}
    .actions-wrapper{margin-bottom: 60px;}
    .indicators-columns .indicators-column:nth-child(2){margin-top: 0;}
    .indicators-columns .indicators-column.desktop{display: none;}
    .indicators-columns .indicators-column.mobile{display: block;}
    .indicators-wrapper{margin: 0 auto 80px auto;}
    .testimonials-header{margin: 0 auto 20px;}
    .testimonials {display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px;  padding-inline: 25px;}
    .testimonial-card:nth-child(even){margin-top: 0;}
    .testimonial-card{padding: 30px 10px 20px 10px;}
    .testimonials-slider-ar{padding-bottom: 50px;padding: 0 15px 80px 0;}
    .testimonials-slider{padding-bottom: 50px;padding:0 0 80px 10px;}
    .action-card {margin-bottom: 20px;padding: 20px;}
    .action-btn{padding: 13px;width: calc(100% - 28px);}
    .action-content-wrapper>div::before{height: 100%;}
    .charity-content,
    .governance-card,
    .steps-grid .step{margin-bottom: 50px;}
    .step p{position: relative;max-width: 100%;}
    .step p span{padding: 10px 0 0 15px;display: inline-block;}
    .step p::before{position: absolute;content: '';width: 1px;background: #184D6C;margin-right: 15px;height: 82px;}
    .contact-container,
    .steps-section{margin-bottom: 75px;}
    .contact-container{padding: 20px;}
    .submit-btn{width: 100%;padding: 12px 0px;}
    .info-box{margin-top: 25px !important;padding: 20px;}
    .volunteer-item{margin-top: 20px;}
    .volunteer-item:first-of-type{margin-top: 0;}
    .formation-btn-outline{margin-left: 0;margin-top: 20px;}
    .magazine-hero h1{font-size: 30px;line-height: 35px;}
    .magazine-page .hero-overlay{max-width: 100%;padding: 0;}
    .magazine-page .magazine-hero{background: url("/assets/images/magazine-mobile.png") center / cover no-repeat;height: 320px;}
    .magazine-page .hero-eyebrow {margin-bottom: 10px;}
    .magazine-card{margin-inline:0;padding-inline: 0;display: flex;flex-direction: column-reverse;border-radius: 0;padding-bottom:40px;margin-bottom: 60px;margin-top: -140px;gap: 30px;}
    .magazine-text,
    .magazine-page .magazine-hero{max-width: 100%;margin-inline: 25px;}
    .magazine-cover{position: relative;right: 0;margin-left: 25px;width: 50%;height: 170px;margin-top: 15px;}
    .magazine-actions{display: block;}
    .magazine-page .btn{display: inline-block;width: calc(100% - 85px);margin-bottom: 15px;text-align: center;}
    .magazine-item {width: 220px;}
    .magazine-item:last-of-type{margin-right: 25px;}
    .magazine-grid{overflow: scroll;}
    .magazine-list-section{padding: 0 0 0 25px;margin:0;}
    .magazine-cover {justify-content: start; width: 170px; height: 240px; min-height: auto;}
    .magazine-cover img{width: 170px;height: 240px;}
    .magazine-thumb {height: 310px;}
    .magazine-thumb img {height: 310px;}
    .file-item{margin-bottom: 40px;display: grid;grid-template-columns: 10% 90%;gap: 15px;}
    .file-item .text{max-width: 100%;}
    .practical-files{padding-bottom: 5px;}
    .faq-card{margin-bottom: 20px;padding: 15px;}
    .faq-card h4{font-size: 24px;}
    .faq-card p{font-size: 16px;}
    .faq-section{padding-bottom: 50px;}
    div.three-doors .door-divider::before{height: 100%;}

    .photo-galleries-page {padding-top: 10px; padding-bottom: 36px;}
    .photo-galleries-page .photo-galleries{display: grid; grid-template-columns: repeat(1,1fr); gap: 15px;}
    .photo-galleries-page .photo-galleries .gallery{  margin-bottom: 17px;}
    .photo-galleries-page .photo-galleries .gallery .image img{height: 182px;}

    .photo-gallery-page {padding-top: 18px; padding-bottom: 0px;}
    .photo-gallery-page .back-page {font-size: 14px; line-height: normal; margin-bottom: 20px;}
    .photo-gallery-page .main-title {font-size: 40px; line-height: 50px; margin-bottom: 30px;}
    .photo-gallery-page .gallery-wrapper-section.main-container{padding-inline: 0;}
    .photo-gallery-page .gallery-wrapper {padding: 0; border-radius: 0; padding-bottom: 44px;}
    .photo-gallery-page .gallery-wrapper .main-slider-wrap{border-radius: 0;}
    .photo-gallery-page .main-slide {height: auto;}
    .photo-gallery-page .main-slide img {height: 284px; border-radius: 0;}
    .photo-gallery-page .slide-caption {    position: relative;bottom: 0;left: 0;right: 0;background: transparent;color: #184D6C;padding: 12px 18px;font-size: 14px;font-family: "FigTreeMedium"; padding: 13px 28px 27px;}
    .photo-gallery-page .gallery-nav {gap: 14px; margin: 0px 0 24px;}
    .photo-gallery-page .slide-counter {font-size: 14px; min-width: 44px;}
    .photo-gallery-page .thumb-slider {padding-left: 28px;}
    .photo-gallery-page .thumb-slider .thumb-slide {width: 72px; height: 72px; margin: 0 4px;}

    header.header-ar .mobile-menu-header{flex-direction: row-reverse;}
    header.header-ar .mobile-menu-content h4{font-family: "AlexandriaSemiBold";font-size: 15px;}
    header.header-ar .mobile-menu-content h4:last-of-type{margin-top: 40px;}
    header.header-ar .mobile-menu-content h4:first-of-type{font-family: "AlexandriaBold";}
    header.header-ar ul.mobile-menu-links li a{font-family: "AlexandriaLight";font-size: 14px;}
    header.header-ar .mobile-menu-content .mobile-btn{font-family: "AlexandriaSemiBold";font-size: 14px;}
    header.header-ar .mobile-footer a{font-size: 15px;font-family: "AlexandriaRegular";}
    header.header-ar .mobile-footer div p{font-size: 13px;font-family: "AlexandriaRegular";margin-left: 30px;}
    section.about-page .history-content {padding: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
    section.about-page-ar .origin-section h2{font-size: 25px;line-height: 35px;}
    section.about-page-ar .project h4{font-size: 18px;line-height: 25px;}
    section.about-page-ar .project{margin-bottom: 50px;}
    section.about-page-ar .project p{font-size: 14px;}
    section.about-page-ar .mobile-history-image img{max-width: 85%;border-radius: 15px;}
    section.about-page-ar .history-text .outro{margin-top: 40px;font-size: 14px;line-height: 25px;}
    section.about-page-ar .lesson-card h2{font-size: 25px;line-height: 35px;max-width: 90%;margin: 0 auto 20px auto;}
    section.about-page-ar .lesson-card span{font-size: 16px;line-height: 28px;}

    .mission-page h1{font-size: 25px;margin-bottom: 15px;}
    .mission-page-ar .values-footer p{max-width: 100%;}
    .mission-page-ar .mission-intro{font-family: "AlexandriaSemiBold";font-size: 16px;line-height: 25px;}
    .mission-page-ar .mission-subtitle,
    .mission-page-ar .mission-list li{font-size: 14px;line-height: 22px;}
    .mission-page-ar .vission-footer-text{max-width: 100%;font-size: 16px;line-height: 25px;margin-bottom: 20px;}
    .mission-page-ar .vission-actions a:last-child{margin: 0;}
    .governance-page-ar h1,
    .value-text h3,
    .mission-page-ar .value-text h3{font-size: 25px;}
    .mission-page-ar .value-card{padding: 20px 30px 15px 20px;}
    .mission-page-ar .value-text p{font-family: "AlexandriaRegular";font-size: 14px;line-height: 25px;max-width: 100%;}
    .mission-page-ar .values-footer h2{font-family: "AlexandriaBold";font-size: 25px;line-height: 50px;}
    .mission-page-ar .values-footer p{font-size: 18px;font-family: "AlexandriaRegular";line-height: 28px;}

    .governance-page-ar .governance-card h3{font-size: 22px;}
    .governance-page-ar .governance-card .role{font-size: 14px;}

    section.soldarite-page-ar .charity-left h2 {font-size: 25px;line-height: 40px;}
    section.soldarite-page-ar .charity-right p{font-size: 16px;}
    section.soldarite-page-ar .actions-title{font-size: 25px;line-height: 50px;}
    section.soldarite-page-ar .action-content h3{font-size: 18px;line-height: 25px;}
    section.soldarite-page-ar .action-content p{font-size: 17px;line-height: 22px;margin-top: 15px;}
    section.soldarite-page-ar .action-btn{padding: 14px;}
    section.soldarite-page-ar .indicators-title h2{font-size: 25px;line-height: 60px;margin-bottom: 0;}
    section.soldarite-page-ar .testimonials-header h2{font-size: 25px;line-height: 50px;}
    section.soldarite-page-ar  .indicators-wrapper{margin: 0 auto 40px auto;}

    .testimonials-slider-ar .testimonial-card{min-height: 113px;}
    section.ecoute-page-ar h1.main-title{font-size: 30px;line-height: 40px;}
    section.ecoute-page-ar span.hero-label{font-size: 14px;margin-bottom: 18px;}
    section.ecoute-page-ar .charity-left h2{font-size: 30px;line-height: 45px;}
    section.magazine-page-ar .magazine-item h3,
    section.ecoute-page-ar .charity-right p{font-size: 18px;line-height: 28px;}
    section.ecoute-page-ar .steps-section h2{font-size: 25px;line-height: 50px;}
    section.ecoute-page-ar .step-header span:first-child{font-size: 18px;line-height: 22px;}
    section.ecoute-page-ar .step p{font-size: 16px;line-height: 25px;}
    section.ecoute-page-ar .step p span{margin-right: 15px;}
    section.ecoute-page-ar .step p::before{margin-right: 0;height: 130%;}
    section.ecoute-page-ar form.contact-form h2{font-size: 25px;line-height: 40px;}

    section.magazine-page-ar .hero-eyebrow,
    .sources-page-a .faq-card p,
    section.engagement-page-ar span.hero-label{font-size: 14px;}
    section.engagement-page-ar h1.main-title{font-size: 30px;line-height: 40px;padding: 0 20px;}
    section.engagement-page-ar .charity-left h2{font-size: 28px;line-height: 50px;}
    section.engagement-page-ar .charity-right p{font-size: 14px;line-height: 25px;}
    section.engagement-page-ar .steps-section h2{font-family: "AlexandriaBold";font-size: 25px;}
    section.engagement-page-ar form.contact-form h2{font-size: 25px;}
    section.engagement-page-ar .formation-btn-outline{margin: 0;margin-top: 20px;}
    section.engagement-page-ar .contact-container{margin-bottom: 55px;}
    section.engagement-page-ar .formation-content h2{font-size: 30px;}

    .contact-page-ar .steps-section h2,
    .contact-page-ar form.contact-form h2{font-size: 25px;}
    .contact-page-ar .contact-container{margin-bottom: 40px;}
    section.magazine-page-ar .magazine-hero h1{font-size: 30px;line-height: 45px;}
    section.magazine-page-ar .magazine-cover{margin-right: 25px;right: 0;left: 0;margin-left: 0;height: 170px;}
    section.magazine-page-ar .magazine-text h2{font-size: 35px;}
    section.magazine-page-ar .magazine-list-section{padding: 0 25px 0 0;}
    section.magazine-page-ar .magazine-item span.magazine-date{font-size: 14px;}
    section.magazine-page-ar .magazine-grid{gap: 25px;}

    .sources-page-ar .faq-section{padding-top: 20px;}
    .sources-page-ar .faq-card h4{font-size: 20px;line-height: 22px;}
    .sources-page-ar  .practical-files h3{font-size: 25px;}


    .donate-page-ar h1{font-size: 25px;}
    .donate-page-ar .donation-label{font-size: 18px;}
    .donate-page-ar .donation-btn{width: 100%;}

    .photo-gallery-page-ar .thumb-slider {padding-left: 0px;padding-right: 28px;}


    /* subscribe popup*/
    .subscribe-popup {max-width: 324px;padding: 25px 20px 42px 26px;}
    .subscribe-popup .header{display: flex; justify-content: space-between; gap: 30px;margin-bottom: 40px;}
    .subscribe-popup .header .title{font-size: 30px;font-family: "FigTreeSemiBold";line-height: 30px;color: #5BA3C6;}
    .subscribe-popup .header .close {display: none;}
    .subscribe-popup .header .close-mobile {display: flex; flex-shrink: 0;}
    .subscribe-popup .header .close-mobile img{width: 30px;height: 40px;}
    .subscribe-popup .email{margin-bottom: 50px;}
    .subscribe-popup .email input{width: 100%;border: none;border-bottom: 1px solid #184D6C;background: transparent;padding: 8px 0;font-size: 16px;font-family: "FigTreeRegular";}
    .subscribe-popup .email input::placeholder{width: 100%;padding: 8px 0;font-size: 16px;font-family: "FigTreeRegular";}
    .subscribe-popup .submit-subscribe-btn button{font-family: "FigTreeSemiBold";padding: 17px 100px;border-radius: 5px;border: 1.5px solid #5BA3C6;background: transparent;color: #5BA3C6;cursor: pointer;}


    /* subscribe popup success */
    .subscribe-popup-success{padding: 20px 25px 60px; max-width: 324px;}
    .subscribe-popup-success .close{display: none; }
    .subscribe-popup-success .close-mobile{display: flex; flex-shrink: 0;}
    .subscribe-popup-success .close-mobile img{width: 30px;height: 40px; }
    .subscribe-popup-success .icon{margin-top: 30px;}
    .subscribe-popup-success .icon img{width: 110px;}
    .subscribe-popup-success .text{display: flex; justify-content: center; }
    .subscribe-popup-success .text span{max-width: 290px;  }


}

@media only screen and (min-width: 550px) and (max-width: 959px) {
    div.three-doors .door-text{max-width: initial;}
    .governance-grid{display: grid;grid-template-columns: repeat(2, 1fr);}

}