:root{--navy:#071F3B;--navy2:#0B2B52;--blue:#0078B8;--cyan:#00B4D8;--gold:#FFB703;--light:#F4FCFF;--soft:#E7F8FC;--text:#071F3B;--muted:#426680;--card:#fff;--line:rgba(0,120,184,.18);--shadow:0 18px 45px rgba(7,31,59,.12);--radius:28px;--header-h:92px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Cairo,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(135deg,#e6fbff 0%,#fffef8 70%);overflow-x:hidden}body.dark{--text:#EAFBFF;--muted:#B9D4E6;--card:#0B2238;--light:#071827;--soft:#0B2437;--line:rgba(0,180,216,.25);background:#061624;color:var(--text)}a{color:var(--blue);font-weight:800;text-decoration:none}a:hover{color:var(--cyan)}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:50;min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(18px,5vw,74px);background:rgba(244,252,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}body.dark .site-header{background:rgba(6,22,36,.94)}.brand{display:flex;align-items:center;gap:12px;color:var(--navy)}.brand img{width:54px;height:54px;object-fit:contain;border-radius:16px;background:#fff;box-shadow:0 10px 20px rgba(0,120,184,.12)}.brand strong{display:block;font-size:22px;color:var(--navy)}body.dark .brand strong{color:#fff}.brand small{display:block;color:var(--blue);font-weight:800}.main-nav{display:flex;align-items:center;gap:22px}.main-nav a{color:var(--navy);font-weight:900}.main-nav a.active,.main-nav a:hover{color:var(--cyan)}body.dark .main-nav a{color:#fff}.theme-btn,.nav-toggle{border:1px solid var(--line);background:#fff;color:var(--blue);border-radius:999px;width:48px;height:48px;font-weight:900;box-shadow:0 12px 28px rgba(0,120,184,.08)}.nav-toggle{display:none}.nav-cta,.btn.primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff!important;border:0;border-radius:999px;padding:15px 24px;box-shadow:0 15px 30px rgba(0,120,184,.23);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-weight:900}.btn.secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.float-wa{position:fixed;right:24px;bottom:24px;z-index:60;width:64px;height:64px;background:linear-gradient(135deg,#2fe56d,#18b95c);color:#fff!important;border-radius:50%;padding:0;font-size:0;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 40px rgba(37,211,102,.38);border:3px solid rgba(255,255,255,.92);transition:transform .2s ease,box-shadow .2s ease}.float-wa:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 24px 50px rgba(37,211,102,.42)}.float-wa::before{content:"";width:30px;height:30px;background:url("../images/whatsapp-icon.svg") center/contain no-repeat;display:block;filter:drop-shadow(0 2px 2px rgba(0,0,0,.08))}.hero{min-height:calc(100vh - var(--header-h));display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,660px);gap:44px;align-items:center;padding:70px clamp(18px,5vw,74px) 48px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:rgba(0,180,216,.12);border:1px solid rgba(0,180,216,.25);color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.07em;font-size:13px}.hero h1,.page-hero h1{font-size:clamp(40px,6vw,72px);line-height:1.02;margin:26px 0 18px;color:var(--navy);letter-spacing:-.05em}.hero p,.lead{font-size:clamp(17px,1.4vw,21px);line-height:1.8;color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.trust-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.trust-row span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:12px 16px;color:var(--navy);font-weight:800}.hero-media{background:#fff;border:1px solid var(--line);border-radius:30px;padding:16px;box-shadow:var(--shadow)}.hero-media img{border-radius:22px;width:100%;height:clamp(300px,42vw,520px);object-fit:cover}body.dark .hero h1,body.dark .page-hero h1{color:#fff}body.dark .trust-row span,body.dark .hero-media,body.dark .btn.secondary{background:#0B2238;color:#fff}.section{padding:68px clamp(18px,5vw,74px)}.section-head{text-align:center;max-width:860px;margin:0 auto 35px}.section-head h2{font-size:clamp(32px,4vw,54px);line-height:1.08;margin:18px 0;color:var(--navy);letter-spacing:-.04em}.section-head p{color:var(--muted);font-size:18px;line-height:1.75}.video-shell{display:grid;grid-template-columns:360px 1fr;gap:28px;align-items:center;max-width:1180px;margin:0 auto;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:34px;padding:26px;box-shadow:var(--shadow)}.video-copy h2{font-size:clamp(30px,4vw,50px);color:var(--navy);line-height:1.08}.video-frame{position:relative;aspect-ratio:16/9;border-radius:26px;overflow:hidden;background:#071F3B}.video-frame iframe{width:100%;height:100%;border:0;display:block}.video-fallback{position:absolute;inset:auto 18px 18px auto;background:rgba(255,255,255,.92);color:var(--blue);border-radius:999px;padding:10px 16px;font-weight:900}.programs-wrap{position:relative}.swipe-hint{text-align:center;color:var(--blue);font-weight:900;margin:-12px 0 22px}.program-carousel{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 6px 28px;scrollbar-color:var(--cyan) #d9f3fa}.program-card{scroll-snap-align:start;min-width:310px;max-width:310px;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:0 10px 28px rgba(7,31,59,.08);transition:transform .25s ease,box-shadow .25s ease}.program-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.program-card img{height:180px;width:100%;object-fit:cover;border-radius:20px}.program-card h3{font-size:25px;color:var(--navy);margin:18px 0 8px}.program-card p{line-height:1.65;color:var(--muted);font-weight:600}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1240px;margin:auto}.article-card{background:var(--card);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 12px 30px rgba(7,31,59,.08);transition:.25s ease}.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.article-card img{width:100%;height:220px;object-fit:cover}.article-card .pad{padding:22px}.tag{display:inline-flex;background:#eefbff;border:1px solid rgba(0,180,216,.25);border-radius:999px;color:var(--blue);padding:7px 13px;font-weight:900;font-size:13px}.article-card h3{font-size:23px;line-height:1.2;color:var(--navy)}.article-card p{color:var(--muted);line-height:1.65}.page-hero{padding:65px clamp(18px,5vw,74px) 35px;text-align:center}.article-shell{max-width:980px;margin:0 auto 70px;background:var(--card);border:1px solid var(--line);border-radius:32px;padding:clamp(22px,5vw,56px);box-shadow:var(--shadow)}.article-shell h1{font-size:clamp(34px,5vw,58px);line-height:1.1;color:var(--navy);margin:18px 0 24px}.article-hero-img{border-radius:26px;margin:22px 0 30px;width:100%;max-height:470px;object-fit:cover}.article-body{font-size:18px;line-height:1.9;color:var(--navy)}.article-body p{margin:0 0 18px}.article-body h2{font-size:30px;color:var(--blue);margin:36px 0 14px}.article-body ul,.article-body ol{padding-left:24px;margin:0 0 22px}.article-body li{margin:11px 0}.term{color:var(--blue);font-weight:900;border-bottom:2px solid rgba(255,183,3,.55)}.article-cta{margin-top:36px;padding:26px;border-radius:26px;background:linear-gradient(135deg,rgba(0,180,216,.13),rgba(255,183,3,.15));border:1px solid var(--line)}.faq{max-width:1080px;margin:auto;display:grid;gap:14px}.faq details{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px}.faq summary{cursor:pointer;color:var(--navy);font-size:19px;font-weight:900}.faq p{color:var(--muted);line-height:1.75}.mindmap{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mind-node{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:22px;text-align:center;box-shadow:0 10px 28px rgba(7,31,59,.06)}.mind-node strong{color:var(--blue);font-size:20px}.site-footer{background:linear-gradient(135deg,#071F3B,#00385C);color:#fff;padding:48px clamp(18px,5vw,74px);display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:24px}.site-footer a{display:block;color:#DFFBFF;margin:8px 0}.site-footer img{width:60px;border-radius:14px;background:#fff}.fade-up{animation:fadeUp .65s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}body.dark .section-head h2,body.dark .program-card h3,body.dark .article-card h3,body.dark .article-shell h1,body.dark .faq summary,body.dark .video-copy h2{color:#fff}body.dark .article-body{color:#EAFBFF}body.dark .tag{background:rgba(0,180,216,.15)}@media (max-width:980px){:root{--header-h:78px}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.main-nav{position:fixed;left:14px;right:14px;top:84px;display:none;flex-direction:column;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a,.main-nav button{text-align:center}.brand img{width:46px;height:46px}.hero{grid-template-columns:1fr;padding-top:30px}.hero-media{order:-1}.video-shell{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mindmap{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:1fr 1fr}.article-shell{margin-inline:14px}.article-body{font-size:17px}}@media (max-width:640px){.site-header{padding:10px 12px;gap:10px;min-height:72px}.brand{gap:8px;min-width:0;flex:1}.brand img{width:38px;height:38px;border-radius:12px}.brand span{min-width:0}.brand strong{font-size:15px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{font-size:10px;line-height:1.1}.nav-toggle{width:42px;height:42px;flex:0 0 42px}.main-nav{top:74px;left:12px;right:12px}.theme-btn{width:42px;height:42px}.nav-cta{padding:12px 14px;font-size:14px}.hero{padding:18px 16px 24px;gap:20px}.hero h1{font-size:34px}.hero p,.lead{font-size:16px;line-height:1.75}.hero-media{padding:10px;border-radius:22px}.hero-media img{height:220px;max-height:220px;object-fit:cover;object-position:center 20%}.section{padding:45px 16px}.cards-grid{grid-template-columns:1fr}.program-card{min-width:82vw;max-width:82vw}.article-card img{height:190px}.site-footer{grid-template-columns:1fr}.float-wa{right:14px;bottom:14px;width:56px;height:56px}.float-wa::before{width:26px;height:26px}.article-shell{padding:20px;border-radius:22px}.article-shell h1{font-size:34px}.article-body{font-size:16px;line-height:1.85}.article-body h2{font-size:24px}.video-shell{padding:16px}.mindmap{grid-template-columns:1fr}}


/* 2026 Tilawah article expansion: navy reading color, galleries, and mobile-friendly mind maps */
:root{--navy:#0A2540;--whatsapp:#25D366;--whatsapp-dark:#128C7E}body,.article-body,.article-body p,.article-body li,.article-card p,.program-card p,.lead{color:var(--navy)}body.dark .article-body,body.dark .article-body p,body.dark .article-body li{color:#EAFBFF}.article-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 34px}.article-gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:10px;box-shadow:0 10px 26px rgba(10,37,64,.08)}.article-gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;display:block}.article-gallery figcaption{font-size:13px;font-weight:800;color:var(--navy);padding:10px 4px 2px}.mindmap-panel{margin:20px 0 34px;background:linear-gradient(135deg,#f5fcff,#fff8df);border:1px solid var(--line);border-radius:28px;padding:14px;box-shadow:0 14px 32px rgba(10,37,64,.10)}.mindmap-panel img{width:100%;height:auto;display:block;border-radius:20px}.wiki-box{margin:28px 0;padding:20px;border-radius:22px;background:rgba(0,180,216,.09);border:1px solid rgba(0,180,216,.22);line-height:1.85;color:var(--navy)}.wiki-box a{display:inline-flex;margin:2px 6px}.float-wa{background:linear-gradient(135deg,var(--whatsapp),var(--whatsapp-dark));}.float-wa::before{width:34px;height:34px;filter:none}.article-body strong,.article-body h2,.article-body h3{color:var(--navy)}.article-body h2{border-bottom:1px solid rgba(0,104,162,.14);padding-bottom:8px}.article-body ul{background:rgba(255,255,255,.68);border:1px solid rgba(0,104,162,.10);border-radius:20px;padding:18px 22px 18px 34px}body.dark .article-body ul,body.dark .article-gallery figure{background:#0B2238}.article-card .pad{display:flex;flex-direction:column;min-height:250px}.article-card .pad a{margin-top:auto;font-weight:900;color:var(--blue)}@media (max-width:780px){.article-gallery{grid-template-columns:1fr}.article-gallery img{max-height:260px}.mindmap-panel{padding:8px;border-radius:20px}.article-body ul{padding-left:26px}.cards-grid{gap:18px}}

/* Final article layout: image, content, image, content, concept map, content */
.article-inline-visual{margin:30px 0 34px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:12px;box-shadow:0 14px 34px rgba(10,37,64,.10)}
.article-inline-visual img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px;display:block}
.article-inline-visual.mindmap-visual{background:linear-gradient(135deg,#f5fcff,#fff8df)}
.article-inline-visual.mindmap-visual img{object-fit:contain;background:#fff}
.article-gallery,.mindmap-panel{display:none!important}
.article-body,.article-body p,.article-body li{color:var(--navy)!important}
@media(max-width:780px){.article-inline-visual{margin:24px 0 28px;padding:8px;border-radius:22px}.article-inline-visual img{border-radius:16px;max-height:none}}

.float-wa{font-size:0!important;color:transparent!important}.float-wa::before{content:""!important;background:url("../images/whatsapp-icon.svg") center/contain no-repeat!important}

/* ===============================
   Tilawah Header Dropdown Fix
   ثابت أثناء السكرول + Programs menu بدون اختفاء
   =============================== */
.site-header,
.site-header.fixed-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 99999 !important;
}

.main-nav {
  overflow: visible !important;
}

.nav-dropdown {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  padding-bottom: 22px !important;
  margin-bottom: -22px !important;
  z-index: 100000 !important;
}

.nav-drop-btn {
  border: 0 !important;
  background: transparent !important;
  color: var(--navy) !important;
  font: inherit !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  padding: 0 !important;
  line-height: 1 !important;
}

body.dark .nav-drop-btn {
  color: #fff !important;
}

.nav-dropdown-menu {
  position: absolute !important;
  top: 38px !important;
  left: 0 !important;
  min-width: 235px !important;
  display: none !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 14px !important;
  background: var(--card) !important;
  border: 1px solid var(--line) !important;
  border-radius: 20px !important;
  box-shadow: var(--shadow) !important;
  z-index: 100001 !important;
}

.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu,
.nav-dropdown-menu.open {
  display: flex !important;
}

.nav-dropdown-menu a {
  display: block !important;
  padding: 13px 15px !important;
  border-radius: 13px !important;
  white-space: nowrap !important;
  color: var(--navy) !important;
  font-weight: 900 !important;
}

body.dark .nav-dropdown-menu a {
  color: #fff !important;
}

.nav-dropdown-menu a:hover {
  background: rgba(0, 180, 216, 0.12) !important;
  color: var(--cyan) !important;
}

@media (max-width: 980px) {
  .nav-dropdown {
    width: 100% !important;
    display: block !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .nav-drop-btn {
    width: 100% !important;
    text-align: center !important;
    padding: 12px !important;
  }

  .nav-dropdown-menu {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 8px !important;
    box-shadow: none !important;
  }
}

/* Footer 5-column layout fix */
.site-footer{
  display: grid !important;
  grid-template-columns: minmax(300px, 1.6fr) minmax(150px, 1fr) minmax(150px, 1fr) minmax(150px, 1fr) minmax(150px, 1fr) !important;
  gap: 42px !important;
  align-items: start !important;
}

.site-footer > div{
  min-width: 0 !important;
}

.site-footer > div:first-child p{
  max-width: 360px !important;
}

.site-footer h4,
.site-footer h3{
  margin-top: 0 !important;
}

.site-footer a{
  display: block !important;
  white-space: nowrap !important;
}

/* Tablet */
@media(max-width: 1100px){
  .site-footer{
    grid-template-columns: 1.4fr 1fr 1fr !important;
  }
}

/* Mobile */
@media(max-width: 700px){
  .site-footer{
    grid-template-columns: 1fr !important;
  }

  .site-footer a{
    white-space: normal !important;
  }
}

/* Footer brand/contact polish */
.footer-brand-text{
  max-width: 420px !important;
  line-height: 1.55 !important;
  margin-bottom: 22px !important;
}

.footer-contact{
  margin-top: 20px !important;
}

.footer-contact h4{
  margin: 0 0 12px !important;
}

.footer-contact a{
  display: block !important;
  margin-bottom: 8px !important;
  white-space: normal !important;
  word-break: break-word !important;
}

@media(max-width: 700px){
  .footer-brand-text{
    max-width: 100% !important;
  }
}

/* Footer social icons */
.footer-contact{
  margin-top: 22px !important;
}

.footer-contact h4{
  margin: 0 0 12px !important;
}

.footer-social-icons{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-bottom: 12px !important;
}

.footer-social-icons a{
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 17px !important;
  text-decoration: none !important;
  transition: transform .2s ease, background .2s ease, border-color .2s ease !important;
}

.footer-social-icons a:hover{
  transform: translateY(-3px) !important;
  background: rgba(255,255,255,.22) !important;
  border-color: rgba(255,255,255,.45) !important;
}

.footer-email-text{
  display: inline-block !important;
  max-width: 100% !important;
  word-break: break-word !important;
  white-space: normal !important;
  font-size: 14px !important;
  opacity: .95 !important;
}

/* Footer official social colors */
.footer-social-icons{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin: 12px 0 14px !important;
}

.footer-social-icons a{
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 17px !important;
  text-decoration: none !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.16) !important;
  transition: transform .2s ease, filter .2s ease !important;
}

.footer-social-icons a:hover{
  transform: translateY(-3px) !important;
  filter: brightness(1.08) !important;
}

.footer-social-icons .social-email{
  background: #EA4335 !important;
}

.footer-social-icons .social-whatsapp{
  background: #25D366 !important;
}

.footer-social-icons .social-facebook{
  background: #1877F2 !important;
  font-family: Arial, sans-serif !important;
  font-size: 22px !important;
}

.footer-social-icons .social-youtube{
  background: #FF0000 !important;
  font-size: 15px !important;
}

.footer-social-icons .social-x{
  background: #000000 !important;
}

.footer-email-text,
.footer-phone-text{
  display: block !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: break-word !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  opacity: .96 !important;
}

.footer-phone-text{
  margin-top: 6px !important;
}

/* Footer brand spacing + polished official social buttons */
.footer-brand-title{
  margin-top: 18px !important;
  margin-bottom: 16px !important;
  line-height: 1.25 !important;
}

.footer-brand img{
  margin-bottom: 8px !important;
}

.footer-brand-text{
  max-width: 390px !important;
  line-height: 1.65 !important;
  margin-bottom: 26px !important;
}

.footer-contact{
  margin-top: 24px !important;
}

.footer-contact h4{
  margin: 0 0 14px !important;
}

.footer-social-icons{
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  flex-wrap: wrap !important;
  margin: 12px 0 16px !important;
}

.footer-social-icons a{
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease !important;
}

.footer-social-icons a:hover{
  transform: translateY(-3px) !important;
  filter: brightness(1.08) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.24) !important;
}

.footer-social-icons a span{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

.footer-social-icons .social-email{
  background: linear-gradient(135deg,#EA4335,#C5221F) !important;
  font-size: 18px !important;
}

.footer-social-icons .social-whatsapp{
  background: #25D366 !important;
  border-radius: 999px !important;
  font-size: 20px !important;
}

.footer-social-icons .social-facebook{
  background: #1877F2 !important;
  border-radius: 999px !important;
  font-family: Arial, sans-serif !important;
  font-size: 24px !important;
}

.footer-social-icons .social-youtube{
  background: #FF0000 !important;
  border-radius: 12px !important;
  font-size: 17px !important;
}

.footer-social-icons .social-x{
  background: #000000 !important;
  border-radius: 999px !important;
  font-size: 17px !important;
}

.footer-email-text,
.footer-phone-text{
  display: block !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: break-word !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  opacity: .96 !important;
}

.footer-phone-text{
  margin-top: 7px !important;
}

/* Video section fix */
.video-section {
  padding-top: 70px;
  padding-bottom: 70px;
}

.video-shell {
  align-items: center;
}

.video-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 28px;
  background: #ffffff;
  padding: 0 !important;
}

.video-frame iframe,
.video-frame video {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

.clean-video-card {
  padding: 0 !important;
}

@media (max-width: 760px) {
  .video-section {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .video-frame {
    border-radius: 22px;
  }
}

/* YouTube link card when embed is unavailable */
.video-link-card {
  text-decoration: none;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 360px;
  background:
    radial-gradient(circle at 30% 20%, rgba(0,180,216,.25), transparent 32%),
    linear-gradient(135deg, #071f3b, #102f52);
  color: #ffffff;
  box-shadow: 0 22px 50px rgba(7,31,59,.18);
}

.video-play-badge {
  width: 74px;
  height: 74px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #00B4D8;
  color: #ffffff;
  font-size: 30px;
  box-shadow: 0 18px 35px rgba(0,180,216,.35);
  margin-right: 18px;
}

.video-link-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.video-link-text strong {
  font-size: 24px;
  line-height: 1.2;
}

.video-link-text span {
  font-size: 15px;
  opacity: .82;
}

@media (max-width: 760px) {
  .video-link-card {
    min-height: 240px;
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }

  .video-play-badge {
    margin-right: 0;
  }
}

/* Strong fix for unavailable YouTube embed card */
.video-frame.video-link-card {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 22px !important;
  width: 100% !important;
  min-height: 360px !important;
  aspect-ratio: 16 / 9 !important;
  padding: 28px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 20% 15%, rgba(0, 180, 216, .45), transparent 34%),
    linear-gradient(135deg, #06213d 0%, #00385c 48%, #071f3b 100%) !important;
  box-shadow: 0 22px 55px rgba(7, 31, 59, .20) !important;
}

.video-frame.video-link-card::before,
.video-frame.video-link-card::after {
  content: none !important;
  display: none !important;
}

.video-frame.video-link-card .video-play-badge {
  flex: 0 0 auto !important;
  width: 82px !important;
  height: 82px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: #00B4D8 !important;
  color: #ffffff !important;
  font-size: 34px !important;
  line-height: 1 !important;
  box-shadow: 0 18px 38px rgba(0, 180, 216, .38) !important;
}

.video-frame.video-link-card .video-link-text {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  color: #ffffff !important;
  text-align: left !important;
}

.video-frame.video-link-card .video-link-text strong {
  color: #ffffff !important;
  font-size: clamp(24px, 3vw, 38px) !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}

.video-frame.video-link-card .video-link-text span {
  color: rgba(255, 255, 255, .88) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

@media (max-width: 760px) {
  .video-frame.video-link-card {
    min-height: 250px !important;
    flex-direction: column !important;
    text-align: center !important;
    gap: 16px !important;
    padding: 24px !important;
  }

  .video-frame.video-link-card .video-link-text {
    text-align: center !important;
  }

  .video-frame.video-link-card .video-play-badge {
    width: 70px !important;
    height: 70px !important;
    font-size: 28px !important;
  }
}