/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.12.7.1776860435
Updated: 2026-04-22 12:20:35

*/


/* ══════════════════════════════════════
   MOKTASIB SHARED STYLES
   Applied globally via child theme
   ══════════════════════════════════════ */


/* ══════════════════════════════════════
   MOKTASIB SHARED STYLES
   Applied globally via child theme
   Matches live site styling exactly
   ══════════════════════════════════════ */

/* ══ RESET & BASE ══ */
.mk-page*,.mk-page *::before,.mk-page *::after{box-sizing:border-box;margin:0;padding:0}
.mk-page{font-family:"Cairo",sans-serif;width:100vw;position:relative;left:50%;margin-left:-50vw;overflow-x:hidden;--green:#2db34a;--ink:#0a1f3d;--navy:#1a3f7a}
.mk-page[dir="rtl"]{direction:rtl}
.mk-page[dir="ltr"]{direction:ltr}

/* ══ HEADER ══ */
.mk-header{position:fixed;top:0;left:0;right:0;z-index:99999;font-family:"Cairo",sans-serif}
.mk-nav{background:rgba(238,243,249,.86);backdrop-filter:blur(14px);border-bottom:3px solid #2db34a;padding:0 60px;display:flex;align-items:center;height:84px;box-shadow:0 4px 24px rgba(13,42,77,.08);position:relative;z-index:2}
.mk-logo{display:flex;align-items:center;text-decoration:none!important;flex-shrink:0}
.mk-page[dir="rtl"] .mk-logo{margin-left:52px;margin-right:0}
.mk-page[dir="ltr"] .mk-logo{margin-right:52px;margin-left:0}
.mk-page .mk-logo img{height:72px!important;width:auto!important;display:block;transition:transform .2s}
.mk-logo:hover img{transform:scale(1.03)}
.mk-nav-links{display:flex;align-items:center;list-style:none;height:84px;gap:0}
.mk-nav-links li{position:relative;height:84px;display:flex;align-items:center}
.mk-nav-links a{font-size:15px;font-weight:600;color:#1a3f7a!important;text-decoration:none!important;padding:0 17px;height:100%;display:flex;align-items:center;gap:6px;transition:color .2s,background .2s;white-space:nowrap;border-radius:8px}
.mk-nav-links a:hover{color:#2db34a!important;background:rgba(45,179,74,.07)}
.mk-page img.mk-flag{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;aspect-ratio:1/1!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important;flex-shrink:0!important;overflow:hidden!important;border:1px solid rgba(26,63,122,.15)!important;padding:0!important;margin:0!important;margin-inline-end:7px!important;vertical-align:middle!important;box-shadow:none!important}
.mk-nav-links a,.mk-mobile-links a,.mk-ft-links a{display:flex!important;align-items:center!important}
.mk-lbl{display:inline-block!important;line-height:1;white-space:nowrap}
.mk-ft-links .mk-flag{margin-inline-end:8px;border-color:rgba(255,255,255,.22)}
.mk-soon{font-size:10px;font-weight:700;color:#8a5a10;background:#fdf3e3;border:1px solid rgba(138,90,16,.2);padding:1px 7px;border-radius:10px;line-height:1.6;white-space:nowrap}
.mk-nav-spacer{flex:1}
.mk-nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.mk-lang-switch{display:flex;align-items:center;border:1.5px solid rgba(26,63,122,.2);border-radius:20px;overflow:hidden;flex-shrink:0}
.mk-lang-switch a{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:#7a8a9a!important;text-decoration:none!important;padding:6px 12px;transition:all .2s;white-space:nowrap;background:transparent}
.mk-lang-switch a:hover{color:#1a3f7a!important;background:rgba(26,63,122,.06)}
.mk-lang-switch a.active{background:#1a3f7a;color:#fff!important}
.mk-lang-switch .lang-sep{width:1px;height:20px;background:rgba(26,63,122,.15);flex-shrink:0}
.mk-btn-start{font-family:"Cairo",sans-serif;font-size:14px;font-weight:700;color:#fff!important;background:#2db34a;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;text-decoration:none!important;transition:background .2s,transform .15s,box-shadow .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;box-shadow:0 4px 14px rgba(45,179,74,.3)}
.mk-btn-start:hover{background:#25a040;transform:translateY(-1px);box-shadow:0 8px 22px rgba(45,179,74,.4)}
.mk-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:8px;margin-top:20px;background:none;border:none;width:40px;height:40px;-webkit-tap-highlight-color:transparent;outline:none;-webkit-appearance:none;appearance:none}
.mk-page[dir="rtl"] .mk-hamburger{margin-right:12px}
.mk-page[dir="ltr"] .mk-hamburger{margin-left:12px}
.mk-hamburger:focus,.mk-hamburger:active{background:none;outline:none}
.mk-hamburger span{display:block;width:22px;height:2px;background:#1a3f7a;border-radius:2px;transition:transform .3s,opacity .3s;transform-origin:center}
body.mk-nav-open .mk-hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.mk-nav-open .mk-hamburger span:nth-child(2){opacity:0;transform:scaleX(0)}
body.mk-nav-open .mk-hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* Off-canvas side drawer (slides in from the edge the hamburger sits on)
   instead of a top-down dropdown. Fixed to the viewport, not `.mk-page`,
   and toggled via a class on <body> so it never depends on page-specific
   markup being present. */
.mk-mobile-backdrop{display:none;position:fixed;inset:0;background:rgba(10,15,25,.45);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:100000}
body.mk-nav-open .mk-mobile-backdrop{opacity:1;visibility:visible}
.mk-mobile-menu{display:none;position:fixed;top:0;bottom:0;width:min(300px,85vw);background:#eef3f9;box-shadow:0 0 44px rgba(13,42,77,.28);overflow-y:auto;z-index:100001;padding-top:24px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.mk-page[dir="ltr"] .mk-mobile-menu{right:0;transform:translateX(100%)}
.mk-page[dir="rtl"] .mk-mobile-menu{left:0;transform:translateX(-100%)}
body.mk-nav-open .mk-page[dir="ltr"] .mk-mobile-menu,
body.mk-nav-open .mk-page[dir="rtl"] .mk-mobile-menu{transform:translateX(0)}
.mk-mobile-links{list-style:none;padding:12px 20px 8px}
.mk-mobile-links li{border-bottom:1px solid rgba(26,63,122,.08)}
.mk-mobile-links li:last-child{border-bottom:none}
.mk-mobile-links a{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#1a3f7a!important;text-decoration:none!important;padding:14px 8px;transition:color .2s,padding-right .2s,padding-left .2s}
.mk-mobile-links a i{font-size:13px;color:#2db34a;width:16px;text-align:center}
.mk-page[dir="rtl"] .mk-mobile-links a:hover{color:#2db34a!important;padding-right:14px}
.mk-page[dir="ltr"] .mk-mobile-links a:hover{color:#2db34a!important;padding-left:14px}
.mk-mobile-actions{display:flex;flex-wrap:wrap;gap:10px;padding:12px 20px 20px}
.mk-mobile-actions .mk-btn-start{flex:1;justify-content:center;font-size:14px;min-width:120px}
.mk-mobile-actions .mk-lang-switch{width:100%;justify-content:center;border-radius:8px}
.mk-mobile-actions .mk-lang-switch a{flex:1;justify-content:center}

/* ══ SHARED SECTIONS ══ */
.mk-section{width:100%;padding:96px 0}
.mk-container{max-width:1720px;margin:0 auto;padding:0 clamp(16px,2.2vw,40px)}
.mk-eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#2db34a;display:inline-flex;align-items:center;gap:10px;margin-bottom:16px}
.mk-eyebrow::before{content:"";width:26px;height:2px;background:currentColor;display:inline-block}
.mk-section-title{font-size:clamp(28px,3.2vw,42px);font-weight:900;color:#0d2a4d;line-height:1.25;margin-bottom:16px;letter-spacing:-.5px}
.mk-section-title em{font-family:"Amiri",serif;font-style:italic;color:#2db34a}
.mk-section-sub{font-size:16px;font-weight:400;color:#5a6a7a;line-height:1.9;max-width:540px}

/* ══ ANIMATIONS ══ */
.mk-animate{opacity:0;transform:translateY(36px);transition:opacity .7s ease,transform .7s ease}
.mk-animate.mk-visible{opacity:1;transform:translateY(0)}
.mk-animate-delay-1{transition-delay:.1s}
.mk-animate-delay-2{transition-delay:.22s}
.mk-animate-delay-3{transition-delay:.34s}
.mk-animate-left{opacity:0;transform:translateX(32px);transition:opacity .7s ease,transform .7s ease}
.mk-animate-left.mk-visible{opacity:1;transform:translateX(0)}
.mk-animate-right{opacity:0;transform:translateX(-32px);transition:opacity .7s ease,transform .7s ease}
.mk-animate-right.mk-visible{opacity:1;transform:translateX(0)}

/* ══ FOOTER ══ */
.mk-footer{background:#0a1f3d;color:#fff;position:relative;overflow:hidden;width:100%}
.mk-footer::before{content:"";position:absolute;top:-80px;left:-80px;width:420px;height:420px;background:radial-gradient(ellipse,rgba(45,179,74,.1) 0%,transparent 65%);pointer-events:none}
.mk-footer::after{content:"";position:absolute;bottom:40px;right:-60px;width:300px;height:300px;background:radial-gradient(ellipse,rgba(26,63,122,.3) 0%,transparent 65%);pointer-events:none}
.mk-ft-body{max-width:1720px;margin:0 auto;padding:60px clamp(16px,2.2vw,40px) 40px;display:grid;grid-template-columns:1.6fr 1fr 1.1fr;gap:64px;position:relative;z-index:1;box-sizing:border-box}
.mk-ft-logo-wrap{display:block;margin-bottom:20px;text-decoration:none}
.mk-page .mk-ft-logo-wrap img{height:80px!important;width:auto!important;filter:brightness(0) invert(1)}
.mk-ft-tagline{font-size:15px;font-weight:300;color:rgba(255,255,255,.58);line-height:1.9;max-width:280px}
.mk-ft-tagline em{color:#2db34a;font-style:normal;font-weight:600}
.mk-ft-col-title{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#2db34a;margin:0 0 20px 0;padding-bottom:12px;border-bottom:1px solid rgba(45,179,74,.22)}
.mk-ft-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.mk-ft-links a{font-size:15px;font-weight:400;color:rgba(255,255,255,.62)!important;text-decoration:none!important;display:flex;align-items:center;gap:0;transition:color .2s,gap .2s}
.mk-ft-links a::before{content:"‹";font-size:18px;color:#2db34a;opacity:0;width:0;overflow:hidden;transition:opacity .2s,width .2s;line-height:1}
.mk-page[dir="ltr"] .mk-ft-links a::before{content:"›"}
.mk-ft-links a:hover{color:#fff!important;gap:6px}
.mk-ft-links a:hover::before{opacity:1;width:14px}
.mk-ft-links .mk-soon{margin-inline-start:8px;top:0}
.mk-ft-contact-email{display:flex;align-items:center;gap:14px;margin-bottom:28px}
.mk-ft-contact-icon{width:40px;height:40px;border-radius:10px;background:rgba(45,179,74,.12);border:1px solid rgba(45,179,74,.25);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.mk-ft-contact-label{display:block;font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:4px}
.mk-ft-contact-value{font-size:15px;color:rgba(255,255,255,.75)}
.mk-ft-contact-value a{color:rgba(255,255,255,.75)!important;text-decoration:none!important;transition:color .2s}
.mk-ft-contact-value a:hover{color:#2db34a!important}
.mk-ft-social-label{font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:14px;display:block}
.mk-ft-social{display:flex;flex-direction:column;gap:11px}
.mk-ft-social a{display:flex;align-items:center;gap:12px;text-decoration:none!important;transition:transform .15s}
.mk-page[dir="rtl"] .mk-ft-social a:hover{transform:translateX(-4px)}
.mk-page[dir="ltr"] .mk-ft-social a:hover{transform:translateX(4px)}
.mk-ft-social-icon{width:38px;height:38px;border-radius:9px;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:background .2s,border-color .2s}
.mk-ft-social-icon i{color:rgba(255,255,255,.65);transition:color .2s}
.mk-ft-social a.mk-fb:hover .mk-ft-social-icon{background:rgba(24,119,242,.2);border-color:#1877f2}
.mk-ft-social a.mk-fb:hover .mk-ft-social-icon i{color:#1877f2}
.mk-ft-social a.mk-ig:hover .mk-ft-social-icon{background:rgba(228,64,95,.2);border-color:#e4405f}
.mk-ft-social a.mk-ig:hover .mk-ft-social-icon i{color:#e4405f}
.mk-ft-social a.mk-yt:hover .mk-ft-social-icon{background:rgba(255,0,0,.2);border-color:#f00}
.mk-ft-social a.mk-yt:hover .mk-ft-social-icon i{color:#f00}
.mk-ft-social a.mk-tt:hover .mk-ft-social-icon{background:rgba(255,255,255,.1);border-color:#fff}
.mk-ft-social a.mk-tt:hover .mk-ft-social-icon i{color:#fff}
.mk-ft-social-handle{font-size:14px;font-weight:500;color:rgba(255,255,255,.65);transition:color .2s}
.mk-ft-social a:hover .mk-ft-social-handle{color:#fff}
.mk-ft-divider{max-width:1720px;margin:0 auto;padding:0 clamp(16px,2.2vw,40px);position:relative;z-index:1;box-sizing:border-box}
.mk-ft-divider hr{border:none;border-top:1px solid rgba(255,255,255,.07);margin:0}
.mk-ft-bottom{max-width:1720px;margin:0 auto;padding:20px clamp(16px,2.2vw,40px) 32px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;box-sizing:border-box}
.mk-ft-copy{font-size:13px;color:rgba(255,255,255,.28);margin:0}
.mk-ft-copy a{color:rgba(255,255,255,.4)!important;text-decoration:none!important}
.mk-ft-copy a:hover{color:#2db34a!important}
.mk-ft-bottom-links{list-style:none;margin:0;padding:0;display:flex;gap:24px}
.mk-ft-bottom-links a{font-size:13px;color:rgba(255,255,255,.28)!important;text-decoration:none!important;transition:color .2s}
.mk-ft-bottom-links a:hover{color:rgba(255,255,255,.65)!important}

/* ══ HIDE DEFAULT ASTRA HEADER/FOOTER ══ */
.site-header,.site-footer{display:none!important}

/* ══ RESPONSIVE — SHARED ══ */
@media(max-width:960px){
  .mk-nav{padding:0 20px}
  .mk-nav-links,.mk-nav-actions{display:none}
  .mk-logo{margin-left:auto;margin-right:auto}
  .mk-hamburger{display:flex}
  .mk-mobile-menu{display:block}
  .mk-mobile-backdrop{display:block}
  .mk-section{padding:64px 0}
  .mk-container{padding:0 24px}
  .mk-ft-body{grid-template-columns:1fr 1fr;padding:44px 28px 32px;gap:32px}
  .mk-ft-brand{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}
  .mk-ft-divider{padding:0 28px}
  .mk-ft-bottom{flex-direction:column;gap:10px;text-align:center;padding:16px 28px 24px}
}
@media(max-width:600px){
  .mk-section{padding:52px 0}
  .mk-container{padding:0 16px}
  .mk-ft-body{grid-template-columns:1fr 1fr;padding:36px 20px 28px;gap:24px}
  .mk-ft-brand{grid-column:1/-1;display:block}
  .mk-page .mk-ft-logo-wrap img{height:64px!important}
  .mk-ft-tagline{font-size:13px;margin-top:12px}
  .mk-ft-links a{font-size:13px}
  .mk-ft-divider{padding:0 20px}
  .mk-ft-bottom{padding:14px 20px 22px}
  .mk-ft-copy{font-size:11px}
  .mk-ft-bottom-links{gap:14px}
  .mk-ft-bottom-links a{font-size:11px}
}

/* ══ FIX: force nav links to fill header height and center vertically ══ */
@media(min-width:961px){
  .mk-nav-links,
  .mk-nav-links li,
  .mk-nav-links a {
    height: 84px !important;
    display: flex !important;
    align-items: center !important;
  }
}
.mk-nav {
  align-items: stretch !important;
}