:root{--green:#5f7664;--dark:#202522;--gray:#969696;--light:#f7f7f7;--line:#e4e4e4;--white:#fff;--width:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--dark);background:#fff;font-family:"Cairo",Tahoma,Arial,sans-serif;line-height:1.8}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}.container{width:min(var(--width),calc(100% - 36px));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;z-index:9999;top:10px;right:10px;background:#fff;padding:10px}.header-top{min-height:150px;display:grid;grid-template-columns:360px 1fr 56px;align-items:center;gap:35px}.brand img{width:350px}.site-quote{font-size:18px;font-weight:700;text-align:center}.menu-toggle{display:none;width:50px;height:50px;border:0;background:#e8e3dc;padding:12px}.menu-toggle span:not(.screen-reader-text){display:block;height:4px;background:var(--green);margin:4px 0}.primary-nav{background:#8d8d8d;color:white}.nav-inner{min-height:72px;display:flex;align-items:center;gap:28px}.ema-menu{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0;font-weight:700}.ema-menu a:hover,.ema-menu a:focus{color:#dbe4dc}.search-form{margin-right:auto;display:flex;background:#fff;min-width:220px}.search-form input{width:100%;border:0;padding:9px 12px;font:inherit}.search-form button{border:0;background:transparent;padding:0 13px;font-size:20px}.home-lead{display:grid;grid-template-columns:minmax(0,2fr) 330px;gap:25px;padding-block:65px 45px}.latest-slider{height:530px;position:relative;overflow:hidden;background:#ddd}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease}.hero-slide.is-active{opacity:1;visibility:visible}.hero-slide>a,.hero-slide img{width:100%;height:100%}.hero-slide img{object-fit:cover}.hero-shade{position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.86))}.hero-copy{position:absolute;z-index:2;right:30px;left:30px;bottom:54px;color:#fff}.post-category{color:#d7c28d;font-weight:700}.hero-copy h1{font-size:30px;line-height:1.5;margin:6px 0}.post-meta{font-size:13px;color:#8b8b8b}.hero-copy .post-meta{color:#ddd}.slider-controls{position:absolute;z-index:5;right:30px;bottom:24px;display:flex;gap:7px}.slider-controls button{width:28px;height:4px;border:0;background:#ffffff66;cursor:pointer}.slider-controls button.is-active{background:white}.popular-panel{border:1px solid #dedede;background:#fff;padding:21px}.popular-panel h2{font-size:22px;margin:0 0 8px;border-bottom:1px solid var(--line);padding-bottom:11px}.popular-panel ol{list-style:none;margin:0;padding:0}.popular-panel li{border-bottom:1px solid var(--line)}.popular-panel li:last-child{border:0}.popular-panel a{display:grid;grid-template-columns:74px 1fr;gap:12px;align-items:center;padding:13px 0}.popular-panel img{width:74px;height:62px;object-fit:cover}.popular-panel strong{display:block;font-size:14px;line-height:1.5}.popular-panel small{color:#888}.home-section{padding:48px 0;border-top:1px solid #eee}.home-section:nth-child(even){background:var(--light)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-heading h2,.archive-title h1{font-size:28px;margin:0}.section-heading a{background:var(--green);color:#fff;padding:6px 16px}.post-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.post-card{background:#fff}.card-image{display:block;overflow:hidden}.card-image img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .25s}.post-card:hover .card-image img{transform:scale(1.025)}.card-content{padding:17px}.card-content h2,.card-content h3{font-size:18px;line-height:1.6;margin:0 0 7px}.card-content p{font-size:13px;color:#676767}.content-area{padding-block:55px}.archive-title{margin-bottom:28px}.article-wrap{max-width:900px;padding-block:55px}.single-article h1{font-size:40px;line-height:1.5;margin:8px 0}.article-hero{width:100%;margin:28px 0}.article-content{font-size:19px;line-height:2}.article-content h2,.article-content h3{line-height:1.5}.article-content a{text-decoration:underline;color:#385a45}.site-footer{background:#858585;color:#fff;margin-top:55px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:55px;padding-block:52px}.footer-logo{width:270px;background:white;padding:8px}.footer-grid h2{font-size:20px}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid a:hover{text-decoration:underline}.copyright{background:#6f6f6f;padding:17px 0;text-align:center;font-size:13px}.nav-links{display:flex;justify-content:center;gap:10px;margin-top:30px}.page-numbers{padding:7px 12px;border:1px solid var(--line)}.page-numbers.current{background:var(--green);color:#fff}
@media(max-width:900px){.header-top{min-height:130px;grid-template-columns:1fr 55px}.brand img{width:280px}.site-quote{display:none}.menu-toggle{display:block}.primary-nav{position:relative}.nav-inner{display:block;min-height:auto}.ema-menu{display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 0}.primary-nav.is-open .ema-menu{display:flex}.ema-menu a{display:block;padding:10px}.search-form{margin:0 0 14px}.home-lead{grid-template-columns:1fr;padding-top:35px}.latest-slider{height:480px}.popular-panel ol{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.post-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid section:first-child{grid-column:1/-1}}
@media(max-width:560px){.container{width:min(100% - 24px,var(--width))}.header-top{min-height:105px}.brand img{width:230px}.latest-slider{height:430px}.hero-copy{right:20px;left:20px}.hero-copy h1{font-size:24px}.popular-panel ol,.post-grid,.footer-grid{grid-template-columns:1fr}.footer-grid section:first-child{grid-column:auto}.single-article h1{font-size:30px}.article-content{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@font-face{font-family:"Hacen Tunisia";src:url("../fonts/hacen-tunisia-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
body,button,input,textarea,select{font-family:"Hacen Tunisia",Tahoma,Arial,sans-serif}
.site-footer .footer-logo{background:transparent;padding:0;height:auto}
.site-footer{margin-top:0}
.site-footer .footer-grid{grid-template-columns:minmax(240px,1.7fr) repeat(3,minmax(0,1fr));gap:32px;padding-block:40px;align-items:start}
.site-footer .footer-grid h2{font-size:20px;line-height:1.5;margin:0 0 18px;padding-bottom:10px;border-bottom:1px solid #ffffff40}
.site-footer .footer-logo{width:100%;max-width:310px;margin:0 0 24px}
.footer-identity address{font-style:normal;font-size:14px;line-height:1.8;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.site-footer .footer-menu{display:grid;gap:7px;font-size:16px;line-height:1.7}
.footer-menu a{display:inline-block;padding-block:2px}
.footer-menu a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.footer-pending{display:inline-block;padding-block:2px;color:#f1f1f1}
.site-footer .copyright{padding:14px 0;border-top:1px solid #ffffff20}
@media(max-width:1000px){.site-footer .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.site-footer .footer-identity{grid-column:1/-1}}
@media(max-width:600px){.site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding-block:30px}.site-footer .footer-grid .footer-identity{grid-column:1/-1}.site-footer .footer-logo{max-width:300px}.site-footer .footer-grid h2{font-size:18px}.site-footer .footer-menu{font-size:15px}}
.post-grid{column-gap:25px;row-gap:40px;grid-auto-rows:auto;align-items:stretch}
.post-card{background:transparent;border:0;padding:15px 0 0;display:flex;flex-direction:column}
.card-image{border-radius:18px;margin-bottom:20px;aspect-ratio:100/66;flex-shrink:0;background:#eee}
.card-image img{aspect-ratio:100/66;border-radius:18px}
.post-card:hover .card-image img{transform:none}
.card-content{padding:0;display:flex;flex-direction:column;flex:1}
.card-content h2,.card-content h3{font-size:18px;line-height:27px;margin:0 0 8px}
.card-content p{font-size:16px;line-height:1.65;margin:0 0 12px}
.card-content .post-meta{font-size:16px;line-height:1.5;color:#777}
.card-content p:not(.post-meta){text-align:justify;text-align-last:start;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;flex-shrink:0}
.article-content p{text-align:justify;text-align-last:start}
.card-content .post-meta{margin-bottom:10px}
.post-card{min-width:0;height:100%}
.card-read-more{font-size:16px;color:#5f7664;align-self:flex-start;margin-top:auto;padding-top:4px}
.section-heading{gap:20px}.section-heading h2{font-size:30px;color:#6f6f6f;display:flex;align-items:center;gap:20px;flex:1}
.section-heading h2:after{content:'';height:1px;background:#bdbdbd;flex:1}
.home-section,.home-section:nth-child(even){background:#f4f4f4;border:0}
.ema-menu .menu-item-has-children{position:relative;display:flex;align-items:center}
.submenu-toggle summary{cursor:pointer;list-style:none;padding:10px}
.submenu-toggle .sub-menu{position:absolute;top:100%;right:0;z-index:30;min-width:180px;background:#fff;color:#444;list-style:none;padding:8px 0;margin:0;box-shadow:0 5px 15px #0002}
.submenu-toggle .sub-menu a{display:block;padding:10px 18px}
@media(max-width:560px){.card-image img{aspect-ratio:100/71}.section-heading h2{font-size:22px}}

/* Header layout with a separate utility row. */
.site-header{background:#f4f4f4;color:#444}
.site-header .container{width:min(var(--width),calc(100% - 40px));margin-inline:auto}
.top-header{background:#9e9e9e;color:#fff}
.top-header .container{display:flex;justify-content:flex-end}
.top-header .utility-nav ul{color:#444}
.site-header .header-top{height:auto;min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:16px 0 22px}
.site-header .brand{width:40%;display:flex;justify-content:flex-start}
.site-header .brand img{width:489px;max-width:100%}
.header-info{width:48%;text-align:left;display:flex;justify-content:flex-end}
.utility-nav{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 0;font-size:17px;font-weight:400}
.utility-nav details{position:relative}.utility-nav summary{cursor:pointer;list-style:none}.utility-nav summary:after{content:' ▾'}
.utility-nav ul{position:absolute;top:100%;right:0;z-index:20;min-width:190px;margin:8px 0 0;padding:8px 15px;list-style:none;background:white;box-shadow:0 3px 12px #0002;text-align:right}.utility-nav li a{display:block;padding:7px 0}
.site-header .site-quote{font-size:18px;font-weight:600;text-align:center;margin:0;line-height:1.7;max-width:100%}
.site-quote span{display:block;margin-top:12px;padding:0}
.site-header .primary-nav{background:#9e9e9e}
.site-header .nav-inner{min-height:50px;gap:20px;padding:0;display:flex;justify-content:space-between}
.site-header .ema-menu{gap:0;font-size:15px;font-weight:600;min-height:50px}
.site-header .ema-menu>li>a{display:block;padding:12px 10px;border-left:1px solid #ffffff15}
.site-header .ema-menu>li:first-child{background:#898989}
.site-header .search-form{width:269px;min-width:160px;flex-shrink:0;height:38px;border:1px solid #ddd;border-radius:5px;overflow:hidden;margin-right:auto}
.site-header .search-form label{width:100%}.site-header .search-form input{height:36px;font-size:13px;outline-offset:-3px}.site-header .search-form button{display:none}
@media(max-width:900px){
.site-header .header-top{height:auto;min-height:0;width:calc(100% - 40px);padding:18px 0 22px;display:block}.site-header .brand{width:100%;justify-content:center}.site-header .brand img{width:300px}.header-info{width:100%}.utility-nav{display:flex;font-size:15px;min-height:40px}.site-header .site-quote{display:block;text-align:center;font-size:14px;margin:16px 0 0}.site-quote span{display:inline;padding:0;margin:0}
.site-header .nav-inner{display:flex;flex-wrap:wrap;padding:10px 25px;min-height:69px;gap:0}.site-header .menu-toggle{display:block;border-radius:5px;margin-right:0}.site-header .ema-menu{display:none;order:2;width:100%;font-size:17px}.site-header .primary-nav.is-open .ema-menu{display:flex}.site-header .ema-menu>li:first-child{background:none}.site-header .search-form{display:none;order:3;width:100%;margin:10px 0}.site-header .primary-nav.is-open .search-form{display:flex}
}