/* ===== QRA Header - Premium Clean Style ===== */

:root{
  --qra-blue:#0b5f84;
  --qra-blue-dark:#083d57;
  --qra-text:#163042;
  --qra-muted:#5f7483;
  --qra-border:#e6edf2;
  --qra-bg:rgba(255,255,255,.88);
  --qra-shadow:0 10px 30px rgba(11, 95, 132, .08);
  --qra-radius:22px;
}

/* Optional better typography if available */
body{
  font-family: "Inter", "Segoe UI", Tahoma, Arial, sans-serif;
}

/* sticky header */
.qra-header{
  position: sticky;
  top: 0;
  z-index: 9999;
  padding: 18px 24px 10px;
  background: transparent;
  box-sizing: border-box;
}

.qra-header-inner{
  max-width: 1360px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 14px 22px;
  border: 1px solid rgba(230,237,242,.9);
  border-radius: 26px;
  background: var(--qra-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: var(--qra-shadow);
}

/* brand */
.qra-brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  min-width:max-content;
  margin-right:auto;
}

.qra-logo{
  width:46px;
  height:46px;
  object-fit:contain;
  display:block;
  border-radius:12px;
}

.qra-brand-text{
  color:var(--qra-blue-dark);
  font-size:1.08rem;
  font-weight:800;
  letter-spacing:-0.02em;
  line-height:1.1;
}

/* desktop nav */
.qra-nav{
  display:flex;
  align-items:center;
  gap:30px;
}

.qra-nav a{
  color:var(--qra-text);
  text-decoration:none;
  font-size:0.98rem;
  font-weight:600;
  transition:color .2s ease, opacity .2s ease;
  position:relative;
}

.qra-nav a:hover{
  color:var(--qra-blue);
}

.qra-nav a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:0;
  height:2px;
  border-radius:99px;
  background:var(--qra-blue);
  transition:width .22s ease;
}

.qra-nav a:hover::after{
  width:100%;
}

/* CTA */
.qra-start-btn{
  text-decoration:none;
  background: linear-gradient(135deg, #0b7aa7, #095d80);
  color:#fff;
  padding:14px 22px;
  border-radius:999px;
  font-weight:700;
  font-size:.96rem;
  box-shadow:0 10px 22px rgba(11,122,167,.18);
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
  white-space:nowrap;
}

.qra-start-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(11,122,167,.24);
}

/* mobile menu button */
.qra-mobile-menu{
  display:none;
  margin-left:auto;
  position:relative;
}

.qra-mobile-menu summary{
  list-style:none;
  cursor:pointer;
  width:48px;
  height:48px;
  border-radius:14px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  border:1px solid var(--qra-border);
  background:#fff;
}

.qra-mobile-menu summary::-webkit-details-marker{
  display:none;
}

.qra-mobile-menu summary span{
  width:20px;
  height:2px;
  border-radius:99px;
  background:var(--qra-blue-dark);
  display:block;
}

.qra-mobile-panel{
  position:absolute;
  right:0;
  top:58px;
  width:240px;
  background:#fff;
  border:1px solid var(--qra-border);
  border-radius:18px;
  box-shadow:0 18px 40px rgba(0,0,0,.09);
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.qra-mobile-panel a{
  text-decoration:none;
  color:var(--qra-text);
  padding:12px 14px;
  border-radius:12px;
  font-weight:600;
}

.qra-mobile-panel a:hover{
  background:#f5f9fc;
}

.qra-mobile-cta{
  margin-top:6px;
  background: linear-gradient(135deg, #0b7aa7, #095d80);
  color:#fff !important;
  text-align:center;
}

/* page spacing so sticky header doesn't crowd content */
body{
  scroll-padding-top:110px;
}

/* responsive */
@media (max-width: 1080px){
  .qra-nav{
    gap:20px;
  }

  .qra-brand-text{
    font-size:1rem;
  }
}

@media (max-width: 900px){
  .qra-nav,
  .qra-start-btn{
    display:none;
  }

  .qra-mobile-menu{
    display:block;
  }

  .qra-header{
    padding:12px 14px 8px;
  }

  .qra-header-inner{
    padding:12px 14px;
    border-radius:20px;
  }

  .qra-logo{
    width:40px;
    height:40px;
  }

  .qra-brand-text{
    font-size:.95rem;
  }
}

/* keep your independent header visible on the custom page */
body.page-id-8 header.qra-header{
  display:block !important;
}

/* QRA HEADER TWEAKS START */

/* Brand-tinted header, less floating-card look */
.qra-header{
    padding:10px 22px 0 !important;
    margin:0 !important;
    background:#f4fafc !important;
}

.qra-header-inner{
    min-height:78px !important;
    padding:8px 24px !important;
    background:#f4fafc !important;
    border-color:#d4e9f1 !important;
    box-shadow:0 5px 18px rgba(8,77,105,.06) !important;
}

/* Bigger logo */
.qra-logo{
    width:64px !important;
    height:60px !important;
    object-fit:contain !important;
    flex:none;
}

.qra-brand{
    gap:10px !important;
}

.qra-brand-text{
    font-size:18px !important;
    letter-spacing:-0.025em !important;
}

/* Pull Home hero up underneath the header */
body.page-id-8 .qra-header + .wp-site-blocks{
    margin-top:0 !important;
}

body.page-id-8 main,
body.page-id-8 .wp-block-post-content,
body.page-id-8 .entry-content{
    margin-top:0 !important;
    padding-top:0 !important;
}

body.page-id-8 .wp-block-post-content > div:first-of-type{
    margin-top:0 !important;
    padding-top:24px !important;
}

/* Mobile */
@media (max-width:900px){

    .qra-header{
        padding:8px 10px 0 !important;
    }

    .qra-header-inner{
        min-height:68px !important;
        padding:6px 12px !important;
        border-radius:18px !important;
    }

    .qra-logo{
        width:54px !important;
        height:52px !important;
    }

    .qra-brand-text{
        font-size:16px !important;
    }

    /* Hide only "Academy" on mobile */
    .qra-academy-word{
        display:none !important;
    }

    body.page-id-8 .wp-block-post-content > div:first-of-type{
        padding-top:12px !important;
    }
}

/* QRA HEADER TWEAKS END */

/* Reduce space between header and Home hero */
body.page-id-8 .hero{
    padding-top: 28px !important;
}

/* Mobile */
@media (max-width:900px){
    body.page-id-8 .hero{
        padding-top: 16px !important;
    }
}

/* Reduce space between header and Home hero */
body.page-id-8 .hero{
    padding-top: 28px !important;
}

/* Mobile */
@media (max-width:900px){
    body.page-id-8 .hero{
        padding-top: 16px !important;
    }
}

/* Stronger brand color for header */
.qra-header{
    background:#e2f1f6 !important;
}

.qra-header-inner{
    background:#e2f1f6 !important;
    border-color:#bfdde8 !important;
}

/* Mobile */
@media (max-width:900px){
    .qra-header,
    .qra-header-inner{
        background:#e2f1f6 !important;
    }
}

/* Color only the actual header bar */
.qra-header{
    background: transparent !important;
}

.qra-header-inner{
    background:#e2f1f6 !important;
    border-color:#b9d9e5 !important;
}

/* Mobile */
@media (max-width:900px){
    .qra-header{
        background:transparent !important;
    }

    .qra-header-inner{
        background:#e2f1f6 !important;
    }
}

/* Color only the actual header bar */
.qra-header{
    background: transparent !important;
}

.qra-header-inner{
    background:#e2f1f6 !important;
    border-color:#b9d9e5 !important;
}

/* Mobile */
@media (max-width:900px){
    .qra-header{
        background:transparent !important;
    }

    .qra-header-inner{
        background:#e2f1f6 !important;
    }
}

/* Polylang language switcher */
.qra-lang-switcher{
    display:flex;
    align-items:center;
    gap:3px;
    padding:4px;
    border:1px solid #b9d9e5;
    border-radius:999px;
    background:rgba(255,255,255,.65);
    direction:ltr;
    white-space:nowrap;
}

.qra-lang-link{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:34px;
    height:34px;
    padding:0 8px;
    border-radius:999px;
    text-decoration:none !important;
    color:#12445c !important;
    font-size:12px;
    font-weight:800;
}

.qra-lang-link:hover{
    background:#fff;
}

.qra-lang-link.is-current{
    background:#087da8;
    color:#fff !important;
}

@media(max-width:900px){
    .qra-lang-switcher{
        margin-left:auto;
        padding:3px;
    }

    .qra-lang-link{
        min-width:30px;
        height:30px;
        padding:0 6px;
        font-size:11px;
    }
}
.qra-lang-btn svg{
  width:22px;
  height:22px;
  fill:#1559c7;
}

/* QRA TRANSLATE BUTTON */
.qra-translate-btn{display:none}

@media(max-width:900px){
  .qra-lang-wrap{position:relative;display:flex;align-items:center}
  .qra-translate-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
  }
  .qra-translate-btn svg{width:25px;height:25px;fill:#1559c7}
  .qra-lang-wrap .qra-lang-switcher{
    display:none!important;
    position:absolute;
    top:40px;
    right:0;
    background:#fff;
    padding:7px;
    border-radius:10px;
    box-shadow:0 8px 24px rgba(0,0,0,.16);
    z-index:99999;
  }
  .qra-lang-wrap.open .qra-lang-switcher{display:flex!important}
}

/* Remove gap under header on AR + FR home */
body.page-id-48 .hero,
body.page-id-49 .hero{
    margin-top:0!important;
    padding-top:0!important;
}


/* QRA LANGUAGE ICON - DESKTOP + MOBILE */
.qra-lang-wrap{
    position:relative;
    display:flex;
    align-items:center;
}

.qra-translate-btn{
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
}

.qra-translate-btn svg{
    width:25px;
    height:25px;
    fill:#1559c7;
}

.qra-lang-wrap .qra-lang-switcher{
    display:none!important;
    position:absolute;
    top:42px;
    right:0;
    z-index:99999;
    background:#fff;
    padding:7px;
    border-radius:10px;
    box-shadow:0 8px 24px rgba(0,0,0,.16);
    white-space:nowrap;
}

.qra-lang-wrap.open .qra-lang-switcher{
    display:flex!important;
}

[dir="rtl"] .qra-lang-wrap .qra-lang-switcher{
    right:auto;
    left:0;
}


/* Keep desktop header layout stable in Arabic */
@media (min-width:901px){

  html[dir="rtl"] .qra-header-inner,
  body.rtl .qra-header-inner{
    direction:ltr!important;
  }

  html[dir="rtl"] .qra-nav a,
  html[dir="rtl"] .qra-start-btn,
  body.rtl .qra-nav a,
  body.rtl .qra-start-btn{
    direction:rtl;
    text-align:center;
  }

  html[dir="rtl"] .qra-brand,
  body.rtl .qra-brand{
    direction:ltr!important;
  }
}


/* QRA ABOUT - FULL WIDTH FIX */
.qra-about{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
}

/* Give About sections comfortable width */
.qra-about .qa-wrap{
    width:min(1180px, calc(100% - 48px))!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* Hide theme-generated title area on About pages */
body:has(.qra-about) .wp-block-post-title{
    display:none!important;
}

body:has(.qra-about) main{
    padding-top:0!important;
}

@media(max-width:820px){
    .qra-about .qa-wrap{
        width:calc(100% - 28px)!important;
    }
}

/* ABOUT 16 - REMOVE OLD THEME HEADER + GAP */
body.page-id-16 .wp-site-blocks > header,
body.page-id-16 .wp-site-blocks > header.wp-block-template-part,
body.page-id-16 .wp-site-blocks > .wp-block-template-part:first-of-type{
    display:none!important;
    margin:0!important;
    padding:0!important;
    height:0!important;
    min-height:0!important;
}

body.page-id-16 .wp-site-blocks,
body.page-id-16 .wp-site-blocks > main,
body.page-id-16 .wp-block-post-content,
body.page-id-16 .qra-about{
    margin-top:0!important;
    padding-top:0!important;
}


/* ABOUT 80 - REMOVE OLD THEME HEADER + GAP */
body.page-id-80 .wp-site-blocks > header,
body.page-id-80 .wp-site-blocks > header.wp-block-template-part,
body.page-id-80 .wp-site-blocks > .wp-block-template-part:first-of-type{
    display:none!important;
    margin:0!important;
    padding:0!important;
    height:0!important;
    min-height:0!important;
}

body.page-id-80 .wp-site-blocks,
body.page-id-80 .wp-site-blocks > main,
body.page-id-80 .wp-block-post-content,
body.page-id-80 .qra-about{
    margin-top:0!important;
    padding-top:0!important;
}


/* ABOUT 81 - REMOVE OLD THEME HEADER + GAP */
body.page-id-81 .wp-site-blocks > header,
body.page-id-81 .wp-site-blocks > header.wp-block-template-part,
body.page-id-81 .wp-site-blocks > .wp-block-template-part:first-of-type{
    display:none!important;
    margin:0!important;
    padding:0!important;
    height:0!important;
    min-height:0!important;
}

body.page-id-81 .wp-site-blocks,
body.page-id-81 .wp-site-blocks > main,
body.page-id-81 .wp-block-post-content,
body.page-id-81 .qra-about{
    margin-top:0!important;
    padding-top:0!important;
}


/* ABOUT FINAL CLEANUP */
body.page-id-16 header:not(.qra-header),
body.page-id-80 header:not(.qra-header),
body.page-id-81 header:not(.qra-header){
    display:none!important;
}

body.page-id-16 .wp-site-blocks,
body.page-id-80 .wp-site-blocks,
body.page-id-81 .wp-site-blocks{
    padding-top:0!important;
    margin-top:0!important;
}

body.page-id-16 main,
body.page-id-80 main,
body.page-id-81 main{
    margin-block-start:0!important;
    padding-block-start:0!important;
}

body.page-id-16 .wp-block-post-content,
body.page-id-80 .wp-block-post-content,
body.page-id-81 .wp-block-post-content{
    margin-top:0!important;
    padding-top:0!important;
}

body.page-id-16 .qra-about,
body.page-id-80 .qra-about,
body.page-id-81 .qra-about{
    margin-top:0!important;
}

/* ABOUT - REMOVE WHITE GAP BELOW CUSTOM HEADER */
body.page-id-16 .qra-header,
body.page-id-80 .qra-header,
body.page-id-81 .qra-header{
    margin-bottom:0!important;
    padding-bottom:0!important;
    min-height:0!important;
    height:auto!important;
}

body.page-id-16 .qra-header + .wp-site-blocks,
body.page-id-80 .qra-header + .wp-site-blocks,
body.page-id-81 .qra-header + .wp-site-blocks{
    margin-top:0!important;
    padding-top:0!important;
}

body.page-id-16 .qra-about .qa-hero,
body.page-id-80 .qra-about .qa-hero,
body.page-id-81 .qra-about .qa-hero{
    margin-top:0!important;
}


/* ABOUT - EXACT THEME GAP FIX */
body.page-id-16 main#wp--skip-link--target,
body.page-id-80 main#wp--skip-link--target,
body.page-id-81 main#wp--skip-link--target{
    margin-top:0!important;
    padding-top:0!important;
}

body.page-id-16 main#wp--skip-link--target > .wp-block-group,
body.page-id-80 main#wp--skip-link--target > .wp-block-group,
body.page-id-81 main#wp--skip-link--target > .wp-block-group{
    margin-top:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
}

body.page-id-16 .wp-block-post-title,
body.page-id-80 .wp-block-post-title,
body.page-id-81 .wp-block-post-title{
    display:none!important;
    margin:0!important;
}

body.page-id-16 .wp-block-post-content,
body.page-id-80 .wp-block-post-content,
body.page-id-81 .wp-block-post-content{
    margin-block-start:0!important;
    padding-top:0!important;
}

/* HOME - REMOVE WHITE SIDES AROUND HEADER */
body.page-id-8 .qra-header,
body.page-id-48 .qra-header,
body.page-id-49 .qra-header{
    background:#e2f1f6!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
}


/* HOME - REMOVE WHITE SIDES AROUND HEADER */
body.page-id-8 .qra-header,
body.page-id-48 .qra-header,
body.page-id-49 .qra-header{
    background:#e2f1f6!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
}


/* PROGRAMS FULL WIDTH - PAGE 17 */
body.page-id-17 header:not(.qra-header){
    display:none!important;
}

body.page-id-17 main#wp--skip-link--target{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.page-id-17 main#wp--skip-link--target > .wp-block-group{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.page-id-17 .wp-block-post-title{
    display:none!important;
}

body.page-id-17 .wp-block-post-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.page-id-17 .wp-block-post-content > *{
    max-width:none!important;
}

body.page-id-17 .qra-programs{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
}


/* PROGRAMS FULL WIDTH - PAGE 85 */
body.page-id-85 header:not(.qra-header){
    display:none!important;
}

body.page-id-85 main#wp--skip-link--target{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.page-id-85 main#wp--skip-link--target > .wp-block-group{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.page-id-85 .wp-block-post-title{
    display:none!important;
}

body.page-id-85 .wp-block-post-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.page-id-85 .wp-block-post-content > *{
    max-width:none!important;
}

body.page-id-85 .qra-programs{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
}


/* PROGRAMS FULL WIDTH - PAGE 86 */
body.page-id-86 header:not(.qra-header){
    display:none!important;
}

body.page-id-86 main#wp--skip-link--target{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.page-id-86 main#wp--skip-link--target > .wp-block-group{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.page-id-86 .wp-block-post-title{
    display:none!important;
}

body.page-id-86 .wp-block-post-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.page-id-86 .wp-block-post-content > *{
    max-width:none!important;
}

body.page-id-86 .qra-programs{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
}


/* PROGRAMS LAYOUT */
.qra-programs .qp-wrap{
    width:min(1180px,calc(100% - 48px))!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

.qra-programs[dir="rtl"] .qp-hero h1{
    font-size:clamp(38px,4vw,58px)!important;
    line-height:1.14!important;
}

@media(max-width:820px){
    .qra-programs .qp-wrap{
        width:calc(100% - 28px)!important;
    }
}

/* PROGRAMS - REMOVE GAP UNDER HEADER */
body.page-id-17 main#wp--skip-link--target,
body.page-id-85 main#wp--skip-link--target,
body.page-id-86 main#wp--skip-link--target{
    margin-top:0!important;
    padding-top:0!important;
}

body.page-id-17 main#wp--skip-link--target > .wp-block-group,
body.page-id-85 main#wp--skip-link--target > .wp-block-group,
body.page-id-86 main#wp--skip-link--target > .wp-block-group{
    margin-top:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
}

body.page-id-17 .wp-block-post-content,
body.page-id-85 .wp-block-post-content,
body.page-id-86 .wp-block-post-content{
    margin-top:0!important;
    padding-top:0!important;
}

body.page-id-17 .qra-programs,
body.page-id-85 .qra-programs,
body.page-id-86 .qra-programs{
    margin-top:0!important;
}

/* QRA FLOATING WHATSAPP */
.qra-floating-whatsapp{
    position:fixed;
    right:24px;
    bottom:24px;
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#25D366;
    box-shadow:0 10px 28px rgba(0,0,0,.22);
    z-index:999999;
    transition:transform .2s ease,box-shadow .2s ease;
}

.qra-floating-whatsapp:hover{
    transform:translateY(-3px) scale(1.04);
    box-shadow:0 14px 32px rgba(0,0,0,.28);
}

.qra-floating-whatsapp svg{
    width:32px;
    height:32px;
    fill:#fff;
}

@media(max-width:700px){
    .qra-floating-whatsapp{
        width:52px;
        height:52px;
        right:16px;
        bottom:18px;
    }

    .qra-floating-whatsapp svg{
        width:29px;
        height:29px;
    }
}

/* QRA HOME CARD BUTTONS */
.qra-card-actions{
    display:flex!important;
    gap:10px;
    flex-wrap:wrap;
    margin-top:18px;
}

.qra-card-btn{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    padding:11px 17px;
    border-radius:999px;
    text-decoration:none!important;
    font-weight:800;
    font-size:14px;
}

.qra-more-btn{
    background:#fff;
    color:#087da4!important;
    border:1px solid #bcdde8;
}

.qra-wa-btn{
    background:#087da4;
    color:#fff!important;
    border:1px solid #087da4;
}

@media(max-width:600px){
    .qra-card-btn{
        flex:1;
        padding:10px;
        font-size:13px;
    }
}

/* QRA_DETAIL_MODERN_START */

/* ==============================
   QRA DETAIL PAGES — MODERN UI
============================== */

.qra-detail,
.qra-detail *{
    box-sizing:border-box;
}

.qra-detail{
    width:100%!important;
    max-width:none!important;
    overflow:hidden;
    color:#103947;
}

/* Main width */
.qra-detail .qd-wrap{
    width:min(1180px,calc(100% - 48px))!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* Center all important text */
.qra-detail h1,
.qra-detail h2,
.qra-detail h3,
.qra-detail p,
.qra-detail .qd-eyebrow,
.qra-detail .qd-point{
    text-align:center!important;
}

.qra-detail p{
    max-width:720px;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* HERO */
.qra-detail .qd-hero{
    padding:72px 0!important;
    background:
        radial-gradient(circle at 15% 20%,rgba(8,125,164,.10),transparent 32%),
        radial-gradient(circle at 85% 80%,rgba(244,145,40,.10),transparent 30%),
        #f8fcfd!important;
}

.qra-detail .qd-hero .qd-grid{
    align-items:center!important;
}

.qra-detail .qd-eyebrow{
    display:table!important;
    margin:0 auto 16px!important;
    padding:7px 14px!important;
    border-radius:999px!important;
    background:#e7f6fa!important;
    color:#087da4!important;
    font-size:13px!important;
    font-weight:800!important;
}

.qra-detail .qd-hero h1{
    max-width:800px;
    margin:0 auto 20px!important;
    font-size:clamp(44px,5vw,68px)!important;
    line-height:1.05!important;
    letter-spacing:-1.5px;
}

.qra-detail .qd-lead{
    max-width:700px!important;
    margin:0 auto!important;
    font-size:18px!important;
    line-height:1.8!important;
    color:#58727c!important;
}

/* TWO COLUMN SECTIONS */
.qra-detail .qd-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:56px!important;
    align-items:center!important;
}

.qra-detail .qd-grid > *{
    min-width:0!important;
}

.qra-detail .qd-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
}

.qra-detail .qd-copy h2{
    max-width:650px;
    margin:0 auto 18px!important;
    font-size:clamp(32px,4vw,46px)!important;
    line-height:1.12!important;
    letter-spacing:-.7px;
}

.qra-detail .qd-copy p{
    font-size:17px!important;
    line-height:1.8!important;
    color:#607982!important;
}

/* SECTIONS */
.qra-detail .qd-section{
    padding:82px 0!important;
}

.qra-detail .qd-section.alt{
    background:#f5fafc!important;
}

/* IMAGES */
.qra-detail .qd-photo{
    position:relative!important;
    width:100%!important;
    min-height:0!important;
    aspect-ratio:4/3!important;
    overflow:hidden!important;
    border-radius:28px!important;
    background:linear-gradient(145deg,#e6f5f8,#f8fbfc)!important;
    border:1px solid rgba(8,125,164,.10)!important;
    box-shadow:0 18px 55px rgba(16,57,71,.12)!important;
}

.qra-detail .qd-photo img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block;
}

.qra-detail .qd-ph{
    padding:25px!important;
    text-align:center!important;
    font-size:14px!important;
}

/* POINTS */
.qra-detail .qd-points{
    width:100%!important;
    max-width:680px!important;
    margin:26px auto 0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
}

.qra-detail .qd-point{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:62px!important;
    padding:15px 18px!important;
    border:1px solid #d9e9ee!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 7px 22px rgba(16,57,71,.05)!important;
    font-size:15px!important;
    line-height:1.5!important;
}

/* BUTTONS */
.qra-detail .qd-actions{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    flex-wrap:wrap!important;
    margin-top:28px!important;
}

.qra-detail .qd-btn{
    display:inline-flex!important;
    justify-content:center!important;
    align-items:center!important;
    min-width:180px!important;
    min-height:50px!important;
    padding:13px 23px!important;
    border-radius:999px!important;
    font-size:15px!important;
    font-weight:800!important;
    text-decoration:none!important;
    box-shadow:0 8px 24px rgba(8,125,164,.12)!important;
    transition:transform .2s ease,box-shadow .2s ease!important;
}

.qra-detail .qd-btn:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 12px 30px rgba(8,125,164,.18)!important;
}

/* WhatsApp primary button */
.qra-detail .qd-actions .qd-btn:first-child{
    background:#25D366!important;
    border-color:#25D366!important;
    color:#fff!important;
}

/* Secondary */
.qra-detail .qd-btn.alt{
    background:#fff!important;
    color:#087da4!important;
    border:1px solid #b9dce6!important;
}

/* RELATED */
.qra-detail .qd-related{
    padding:78px 0 90px!important;
    background:#fff!important;
}

.qra-detail .qd-related h2{
    margin:0 auto 32px!important;
    font-size:clamp(30px,4vw,44px)!important;
}

.qra-detail .qd-related-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
}

.qra-detail .qd-related-card{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:84px!important;
    padding:20px!important;
    text-align:center!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid #d9e9ee!important;
    color:#123c4a!important;
    font-weight:800!important;
    text-decoration:none!important;
    box-shadow:0 8px 26px rgba(16,57,71,.06)!important;
    transition:transform .2s ease,border-color .2s ease!important;
}

.qra-detail .qd-related-card:hover{
    transform:translateY(-3px)!important;
    border-color:#087da4!important;
}


/* ==============================
   TABLET
============================== */
@media(max-width:900px){

    .qra-detail .qd-wrap{
        width:calc(100% - 36px)!important;
    }

    .qra-detail .qd-grid{
        grid-template-columns:1fr!important;
        gap:32px!important;
    }

    /* text first, image second */
    .qra-detail .qd-section .qd-copy{
        order:1!important;
    }

    .qra-detail .qd-section .qd-photo{
        order:2!important;
    }

    .qra-detail .qd-related-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}


/* ==============================
   MOBILE
============================== */
@media(max-width:640px){

    .qra-detail .qd-wrap{
        width:calc(100% - 28px)!important;
    }

    .qra-detail .qd-hero{
        padding:42px 0 48px!important;
    }

    .qra-detail .qd-section{
        padding:52px 0!important;
    }

    .qra-detail .qd-hero h1{
        font-size:36px!important;
        line-height:1.08!important;
        letter-spacing:-.7px!important;
    }

    .qra-detail .qd-copy h2{
        font-size:29px!important;
        line-height:1.15!important;
    }

    .qra-detail .qd-lead,
    .qra-detail .qd-copy p{
        font-size:16px!important;
        line-height:1.75!important;
    }

    .qra-detail .qd-photo{
        width:100%!important;
        aspect-ratio:16/11!important;
        border-radius:20px!important;
        box-shadow:0 12px 35px rgba(16,57,71,.11)!important;
    }

    .qra-detail .qd-points{
        grid-template-columns:1fr!important;
        gap:10px!important;
    }

    .qra-detail .qd-point{
        min-height:54px!important;
        padding:13px 15px!important;
    }

    .qra-detail .qd-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        width:100%!important;
        max-width:430px!important;
        margin:24px auto 0!important;
    }

    .qra-detail .qd-btn{
        width:100%!important;
        min-width:0!important;
        min-height:50px!important;
    }

    .qra-detail .qd-related{
        padding:52px 0 64px!important;
    }

    .qra-detail .qd-related-grid{
        grid-template-columns:1fr!important;
        gap:11px!important;
    }

    .qra-detail .qd-related-card{
        min-height:66px!important;
    }
}

/* Arabic */
.qra-detail[dir="rtl"] h1,
.qra-detail[dir="rtl"] h2,
.qra-detail[dir="rtl"] h3,
.qra-detail[dir="rtl"] p,
.qra-detail[dir="rtl"] .qd-point{
    text-align:center!important;
}

/* QRA_DETAIL_MODERN_END */

/* QRA_OLD_PAGES_MODERN_START */

/*
Pages:
About    16 / 80 / 81
Programs 17 / 85 / 86
Contact  18 / 105 / 106
FAQ      19 / 110 / 111
*/

/* =========================
   REMOVE THEME WRAPPERS
========================= */

body:is(
.page-id-16,.page-id-80,.page-id-81,
.page-id-17,.page-id-85,.page-id-86,
.page-id-18,.page-id-105,.page-id-106,
.page-id-19,.page-id-110,.page-id-111
) header:not(.qra-header){
    display:none!important;
}

body:is(
.page-id-16,.page-id-80,.page-id-81,
.page-id-17,.page-id-85,.page-id-86,
.page-id-18,.page-id-105,.page-id-106,
.page-id-19,.page-id-110,.page-id-111
) main#wp--skip-link--target{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body:is(
.page-id-16,.page-id-80,.page-id-81,
.page-id-17,.page-id-85,.page-id-86,
.page-id-18,.page-id-105,.page-id-106,
.page-id-19,.page-id-110,.page-id-111
) main#wp--skip-link--target > .wp-block-group{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body:is(
.page-id-16,.page-id-80,.page-id-81,
.page-id-17,.page-id-85,.page-id-86,
.page-id-18,.page-id-105,.page-id-106,
.page-id-19,.page-id-110,.page-id-111
) .wp-block-post-title{
    display:none!important;
}

body:is(
.page-id-16,.page-id-80,.page-id-81,
.page-id-17,.page-id-85,.page-id-86,
.page-id-18,.page-id-105,.page-id-106,
.page-id-19,.page-id-110,.page-id-111
) .wp-block-post-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body:is(
.page-id-16,.page-id-80,.page-id-81,
.page-id-17,.page-id-85,.page-id-86,
.page-id-18,.page-id-105,.page-id-106,
.page-id-19,.page-id-110,.page-id-111
) .wp-block-post-content > *{
    max-width:none!important;
}


/* =========================
   COMMON MODERN STYLE
========================= */

:is(.qra-about,.qra-programs,.qra-contact,.qra-faq500),
:is(.qra-about,.qra-programs,.qra-contact,.qra-faq500) *{
    box-sizing:border-box;
}

:is(.qra-about,.qra-programs,.qra-contact,.qra-faq500){
    width:100%!important;
    max-width:none!important;
    overflow:hidden;
    color:#103947;
}

:is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
:is(.qa-wrap,.qp-wrap,.qc-wrap,.qf-wrap){
    width:min(1180px,calc(100% - 48px))!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}


/* =========================
   CENTER TEXT
========================= */

:is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
:is(h1,h2,h3,h4){
    text-align:center!important;
    text-wrap:balance;
}

:is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
p{
    text-align:center!important;
    max-width:760px;
    margin-left:auto!important;
    margin-right:auto!important;
    line-height:1.8!important;
}

:is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
:is(.qa-kicker,.qp-kicker,.qc-kicker,.qf-kicker){
    display:table!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
}


/* =========================
   HERO SECTIONS
========================= */

:is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
:is(.qa-hero,.qp-hero,.qc-hero,.qf-hero){
    padding-top:62px!important;
    padding-bottom:62px!important;
    text-align:center!important;
    background:
        radial-gradient(circle at 12% 15%,rgba(8,125,164,.10),transparent 30%),
        radial-gradient(circle at 88% 85%,rgba(244,145,40,.10),transparent 28%),
        #f8fcfd!important;
}

:is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
:is(.qa-hero,.qp-hero,.qc-hero,.qf-hero) h1{
    max-width:880px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    margin-bottom:20px!important;
    font-size:clamp(40px,5vw,64px)!important;
    line-height:1.06!important;
    letter-spacing:-1px;
}

:is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
:is(.qa-hero,.qp-hero,.qc-hero,.qf-hero) p{
    max-width:760px!important;
    font-size:18px!important;
    color:#5d7780!important;
}


/* =========================
   GENERAL SECTIONS
========================= */

:is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
section{
    position:relative;
}

:is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
section:not(:first-child){
    padding-top:70px;
    padding-bottom:70px;
}

:is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
:is(.qa-grid,.qp-grid,.qc-grid){
    align-items:center!important;
    gap:48px!important;
}


/* =========================
   CARDS
========================= */

:is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
:is(article,.qa-card,.qp-card,.qc-card,.qf-card){
    border-radius:22px!important;
}

:is(.qra-about,.qra-programs)
article{
    overflow:hidden;
    transition:transform .22s ease,box-shadow .22s ease!important;
}

:is(.qra-about,.qra-programs)
article:hover{
    transform:translateY(-4px);
}


/* =========================
   IMAGES
========================= */

:is(.qra-about,.qra-programs)
img{
    max-width:100%!important;
    height:auto;
}

:is(.qra-about,.qra-programs)
:is(.qa-image,.qp-image){
    overflow:hidden!important;
    border-radius:24px!important;
    box-shadow:0 16px 45px rgba(16,57,71,.11)!important;
}


/* =========================
   BUTTONS / CTA
========================= */

:is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
:is(.qa-actions,.qp-actions,.qc-actions,.qf-actions){
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

:is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
a[class*="btn"],
:is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
button{
    border-radius:999px!important;
}


/* =========================
   ABOUT
========================= */

.qra-about .qa-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}

.qra-about .qa-grid > div{
    min-width:0!important;
}

.qra-about .qa-grid h2,
.qra-about .qa-grid h3{
    margin-left:auto!important;
    margin-right:auto!important;
}

.qra-about .qa-grid p{
    max-width:650px!important;
}


/* =========================
   PROGRAMS
========================= */

.qra-programs .qp-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:24px!important;
}

.qra-programs article{
    height:100%;
    text-align:center!important;
}


/* =========================
   CONTACT
========================= */

.qra-contact form{
    width:min(820px,100%)!important;
    margin:32px auto 0!important;
    padding:30px!important;
    border:1px solid #dbe9ed!important;
    border-radius:24px!important;
    background:#fff!important;
    box-shadow:0 18px 50px rgba(16,57,71,.09)!important;
}

/* Form labels stay readable */
.qra-contact form label{
    display:block;
    text-align:start!important;
    font-weight:700!important;
}

.qra-contact form
:is(input,select,textarea){
    width:100%!important;
    max-width:none!important;
    min-height:50px!important;
    border:1px solid #cfdee3!important;
    border-radius:13px!important;
    padding:12px 14px!important;
    background:#fff!important;
    font-size:16px!important;
}

.qra-contact form textarea{
    min-height:130px!important;
}

.qra-contact form button{
    display:flex!important;
    justify-content:center!important;
    margin:22px auto 0!important;
    min-height:50px!important;
    padding:12px 28px!important;
}


/* =========================
   FAQ
========================= */

.qra-faq500 .qf-hero{
    text-align:center!important;
}

.qra-faq500
:is(input[type="search"],.qf-search input){
    width:min(700px,100%)!important;
    min-height:52px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border-radius:999px!important;
}

.qra-faq500 .qf-filters{
    justify-content:center!important;
}

.qra-faq500
:is(details,.qf-item){
    max-width:900px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border-radius:18px!important;
}

.qra-faq500
:is(summary,.qf-question){
    text-align:center!important;
}

.qra-faq500
:is(.qf-answer,.qf-answer p){
    text-align:center!important;
}


/* =========================
   TABLET
========================= */

@media(max-width:900px){

    :is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
    :is(.qa-wrap,.qp-wrap,.qc-wrap,.qf-wrap){
        width:calc(100% - 36px)!important;
    }

    .qra-about .qa-grid,
    .qra-programs .qp-grid,
    .qra-contact .qc-grid{
        grid-template-columns:1fr!important;
        gap:30px!important;
    }

    :is(.qra-about,.qra-programs,.qra-contact)
    :is(.qa-grid,.qp-grid,.qc-grid) > *{
        width:100%!important;
        max-width:760px!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }
}


/* =========================
   MOBILE
========================= */

@media(max-width:640px){

    :is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
    :is(.qa-wrap,.qp-wrap,.qc-wrap,.qf-wrap){
        width:calc(100% - 28px)!important;
    }

    :is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
    :is(.qa-hero,.qp-hero,.qc-hero,.qf-hero){
        padding-top:40px!important;
        padding-bottom:44px!important;
    }

    :is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
    :is(.qa-hero,.qp-hero,.qc-hero,.qf-hero) h1{
        font-size:35px!important;
        line-height:1.1!important;
        letter-spacing:-.5px!important;
    }

    :is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
    h2{
        font-size:28px!important;
        line-height:1.18!important;
    }

    :is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
    p{
        font-size:16px!important;
        line-height:1.72!important;
    }

    :is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
    section:not(:first-child){
        padding-top:48px!important;
        padding-bottom:48px!important;
    }

    .qra-contact form{
        padding:20px!important;
        border-radius:19px!important;
    }

    :is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
    :is(.qa-actions,.qp-actions,.qc-actions,.qf-actions){
        display:grid!important;
        grid-template-columns:1fr!important;
        width:100%!important;
    }

    :is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
    :is(.qa-actions,.qp-actions,.qc-actions,.qf-actions) a,
    :is(.qra-about,.qra-programs,.qra-contact,.qra-faq500)
    :is(.qa-actions,.qp-actions,.qc-actions,.qf-actions) button{
        width:100%!important;
    }

    .qra-faq500
    :is(details,.qf-item){
        width:100%!important;
    }
}

/* QRA_OLD_PAGES_MODERN_END */

/* PROGRAMS - HIDE IMAGE PLACEHOLDER TEXT */
body.page-id-17 .qra-programs .qp-ph,
body.page-id-85 .qra-programs .qp-ph,
body.page-id-86 .qra-programs .qp-ph,
body.page-id-17 .qra-programs .qp-image .qp-ph,
body.page-id-85 .qra-programs .qp-image .qp-ph,
body.page-id-86 .qra-programs .qp-image .qp-ph{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
}


/* QRA PROGRAM WHATSAPP BUTTON */
.qra-programs .qra-program-wa{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:max-content!important;
    min-width:150px!important;
    min-height:46px!important;
    margin:20px auto 22px!important;
    padding:11px 22px!important;
    border-radius:999px!important;
    background:#25D366!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1!important;
    box-shadow:0 9px 24px rgba(37,211,102,.22)!important;
    transition:transform .2s ease,box-shadow .2s ease!important;
}

.qra-programs .qra-program-wa:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 13px 30px rgba(37,211,102,.28)!important;
}

@media(max-width:640px){
    .qra-programs .qra-program-wa{
        width:calc(100% - 36px)!important;
        max-width:320px!important;
        min-height:48px!important;
        margin:18px auto 20px!important;
    }
}

/* QRA END CONTACT CENTER */
.qra-end-contact-wa{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:max-content!important;
    margin:20px auto 0!important;
}

@media(max-width:640px){
    .qra-end-contact-wa{
        width:calc(100% - 32px)!important;
        max-width:320px!important;
    }
}

/* QRA HOME HERO SOCIAL STYLE */

.hero.qra-hero-clean h1{
    margin-top:0!important;
}

.qra-hero-socials{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:14px!important;
    width:max-content!important;
    max-width:100%!important;
    margin:24px auto 0!important;
    padding:10px 16px!important;
    border:1px solid #cfe8ef!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 12px 35px rgba(16,57,71,.10)!important;
    position:relative!important;
    z-index:10!important;
}

.qra-social-icon{
    width:48px!important;
    height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 48px!important;
    border-radius:50%!important;
    background:#fff!important;
    text-decoration:none!important;
    box-shadow:0 7px 20px rgba(16,57,71,.09)!important;
    transition:transform .2s ease,box-shadow .2s ease!important;
}

.qra-social-icon:hover{
    transform:translateY(-3px) scale(1.04)!important;
    box-shadow:0 11px 25px rgba(16,57,71,.15)!important;
}

.qra-social-icon svg{
    width:25px!important;
    height:25px!important;
    fill:currentColor!important;
}

.qra-facebook{
    color:#1877F2!important;
}

.qra-whatsapp-social{
    color:#25D366!important;
}

.qra-youtube{
    color:#FF0000!important;
}

.qra-instagram{
    color:#E1306C!important;
}

@media(max-width:640px){

    .qra-hero-socials{
        gap:8px!important;
        padding:8px 11px!important;
        margin-top:20px!important;
    }

    .qra-social-icon{
        width:42px!important;
        height:42px!important;
        flex-basis:42px!important;
    }

    .qra-social-icon svg{
        width:22px!important;
        height:22px!important;
    }
}

/* RAISE HOME SOCIAL ICONS SLIGHTLY */
.qra-hero-socials{
    transform:translateY(-12px)!important;
}

@media(max-width:640px){
    .qra-hero-socials{
        transform:translateY(-8px)!important;
    }
}

/* SMALLER HERO PRIMARY BUTTON ON MOBILE */
@media(max-width:640px){

    .hero .btn.btn-primary{
        width:auto!important;
        min-width:0!important;
        max-width:100%!important;
        padding:11px 18px!important;
        min-height:44px!important;
        font-size:14px!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }

}

/* HOME HERO - SHOW FULL CHILD IMAGE */
body:is(.page-id-8,.page-id-48,.page-id-49)
.hero img[src*="quranic-academy-online-learning"]{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    max-width:520px!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
}

/* remove the frame that directly contains the child */
body:is(.page-id-8,.page-id-48,.page-id-49)
.hero *:has(> img[src*="quranic-academy-online-learning"]){
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    padding:0!important;
}

/* mobile */
@media(max-width:640px){
    body:is(.page-id-8,.page-id-48,.page-id-49)
    .hero img[src*="quranic-academy-online-learning"]{
        width:88%!important;
        max-width:390px!important;
    }
}

/* QRA HERO CHILD - NO FRAME */
.hero .qra-hero-child-clean{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;

    width:100%!important;
    height:auto!important;

    margin:-8px auto 10px!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;

    overflow:visible!important;
}

.hero .qra-hero-child-clean img{
    display:block!important;

    width:auto!important;
    height:auto!important;

    max-width:330px!important;
    max-height:390px!important;

    object-fit:contain!important;
    object-position:center bottom!important;

    margin:0 auto!important;

    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

/* Bring paragraph a little closer */
.hero .qra-hero-child-clean + p{
    margin-top:4px!important;
}

@media(max-width:640px){

    .hero .qra-hero-child-clean{
        margin:-4px auto 8px!important;
    }

    .hero .qra-hero-child-clean img{
        max-width:230px!important;
        max-height:290px!important;
    }
}

/* HOME HERO CHILD - TIGHT POSITION */
body:is(.page-id-8,.page-id-48,.page-id-49)
.hero .qra-hero-child-clean{
    margin-top:-65px!important;
    margin-bottom:0!important;
}

body:is(.page-id-8,.page-id-48,.page-id-49)
.hero .qra-hero-child-clean img{
    width:260px!important;
    max-width:260px!important;
    height:auto!important;
    max-height:none!important;
}

@media(max-width:640px){
    body:is(.page-id-8,.page-id-48,.page-id-49)
    .hero .qra-hero-child-clean{
        margin-top:-42px!important;
    }

    body:is(.page-id-8,.page-id-48,.page-id-49)
    .hero .qra-hero-child-clean img{
        width:190px!important;
        max-width:190px!important;
    }
}

/* HOME HERO - ARABIC LETTERS BACKGROUND */
body:is(.page-id-8,.page-id-48,.page-id-49) .hero{
    position:relative!important;
    overflow:hidden!important;
}

body:is(.page-id-8,.page-id-48,.page-id-49) .hero::before{
    content:"ا  ب  ت  ث  ج  ح  خ  د  ذ  ر  ز  س  ش  ص  ض  ط  ظ  ع  غ  ف  ق  ك  ل  م  ن  هـ  و  ي";
    position:absolute!important;
    inset:0!important;
    width:120%!important;
    height:100%!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    font-size:78px!important;
    font-weight:800!important;
    line-height:2!important;
    word-spacing:34px!important;
    letter-spacing:8px!important;

    color:#087da4!important;
    opacity:.045!important;

    transform:rotate(-8deg) scale(1.15)!important;
    pointer-events:none!important;
    z-index:0!important;
    white-space:normal!important;
}

body:is(.page-id-8,.page-id-48,.page-id-49) .hero > *{
    position:relative!important;
    z-index:1!important;
}

@media(max-width:640px){
    body:is(.page-id-8,.page-id-48,.page-id-49) .hero::before{
        font-size:48px!important;
        word-spacing:20px!important;
        letter-spacing:4px!important;
        opacity:.04!important;
        transform:rotate(-7deg) scale(1.25)!important;
    }
}

/* QRA_BLOG_ARTICLE_STYLE_START */

/* WordPress wrapper cleanup */
body.single-post:has(.qra-article) header:not(.qra-header){
    display:none!important;
}

body.single-post:has(.qra-article) main#wp--skip-link--target,
body.single-post:has(.qra-article) main#wp--skip-link--target > .wp-block-group,
body.single-post:has(.qra-article) .wp-block-post-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.single-post:has(.qra-article) .wp-block-post-title,
body.single-post:has(.qra-article) .wp-block-post-date,
body.single-post:has(.qra-article) .wp-block-post-author{
    display:none!important;
}

/* Main article */
.qra-article{
    --qa-blue:#087da4;
    --qa-dark:#073d58;
    --qa-orange:#f58b2a;
    --qa-soft:#f2f9fc;
    --qa-line:#d9ebf2;

    width:100%;
    color:#163a4a;
    font-size:18px;
    line-height:1.85;
}

.qra-article *{
    box-sizing:border-box;
}

.qra-article a{
    color:var(--qa-blue);
    text-decoration-thickness:1px;
    text-underline-offset:4px;
}

/* Hero */
.qra-article-hero{
    max-width:1180px;
    margin:34px auto 22px;
    padding:58px 52px;
    border:1px solid var(--qa-line);
    border-radius:36px;
    text-align:center;
    background:
        radial-gradient(circle at 10% 15%,rgba(245,139,42,.09),transparent 32%),
        radial-gradient(circle at 90% 20%,rgba(8,125,164,.10),transparent 34%),
        #fff;
}

.qra-article-kicker{
    display:inline-flex;
    padding:7px 14px;
    border-radius:999px;
    background:#eaf7fb;
    color:var(--qa-blue);
    font-size:13px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.qra-article h1{
    max-width:900px;
    margin:18px auto 18px;
    color:var(--qa-dark);
    font-size:clamp(38px,5vw,68px);
    line-height:1.05;
    letter-spacing:-.035em;
}

.qra-article-lead{
    max-width:820px;
    margin:0 auto;
    font-size:20px;
    color:#557482;
}

/* Reading area */
.qra-article-body{
    max-width:860px;
    margin:0 auto;
    padding:38px 24px 70px;
}

.qra-article-body h2{
    margin:52px 0 16px;
    color:var(--qa-dark);
    font-size:clamp(28px,3vw,38px);
    line-height:1.18;
}

.qra-article-body h3{
    margin:34px 0 10px;
    color:var(--qa-dark);
    font-size:24px;
}

.qra-article-body p{
    margin:0 0 22px;
}

.qra-article-body ul,
.qra-article-body ol{
    margin:0 0 28px;
    padding-inline-start:28px;
}

.qra-article-body li{
    margin-bottom:10px;
}

/* Highlight box */
.qra-note{
    margin:34px 0;
    padding:26px 28px;
    border-inline-start:5px solid var(--qa-orange);
    border-radius:18px;
    background:#fff8f1;
}

/* Images */
.qra-article-figure{
    margin:38px 0;
}

.qra-article-figure img{
    display:block;
    width:100%;
    height:auto;
    max-height:560px;
    object-fit:cover;
    border-radius:28px;
    background:var(--qa-soft);
}

.qra-article-figure figcaption{
    margin-top:10px;
    color:#708993;
    font-size:14px;
    text-align:center;
}

/* YouTube */
.qra-video{
    margin:42px 0;
    overflow:hidden;
    border-radius:28px;
    background:#071d27;
    box-shadow:0 18px 50px rgba(7,61,88,.12);
}

.qra-video iframe{
    display:block;
    width:100%;
    aspect-ratio:16/9;
    height:auto;
    border:0;
}

/* Sources */
.qra-sources{
    margin-top:52px;
    padding:28px;
    border:1px solid var(--qa-line);
    border-radius:24px;
    background:var(--qa-soft);
}

.qra-sources h2{
    margin-top:0!important;
    font-size:26px!important;
}

.qra-sources li{
    margin-bottom:12px;
}

/* Related articles */
.qra-related{
    max-width:1180px;
    margin:0 auto 70px;
    padding:0 24px;
}

.qra-related h2{
    text-align:center;
}

.qra-related-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.qra-related-card{
    display:block;
    padding:24px;
    border:1px solid var(--qa-line);
    border-radius:22px;
    background:#fff;
    color:var(--qa-dark)!important;
    font-weight:800;
    text-decoration:none!important;
    transition:.2s ease;
}

.qra-related-card:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 38px rgba(7,61,88,.10);
}

/* CTA */
.qra-article-cta{
    max-width:920px;
    margin:0 auto 80px;
    padding:42px 30px;
    text-align:center;
    border-radius:30px;
    background:var(--qa-dark);
    color:#fff;
}

.qra-article-cta h2{
    margin:0 0 10px;
    color:#fff;
}

.qra-article-cta p{
    margin:0 auto 22px;
    max-width:650px;
    color:#d8edf5;
}

.qra-article-cta a{
    display:inline-flex;
    padding:13px 24px;
    border-radius:999px;
    background:var(--qa-orange);
    color:#fff!important;
    font-weight:800;
    text-decoration:none!important;
}

/* Arabic */
.qra-article[dir="rtl"]{
    text-align:right;
}

.qra-article[dir="rtl"] .qra-article-hero,
.qra-article[dir="rtl"] .qra-article-cta{
    text-align:center;
}

/* Mobile */
@media(max-width:760px){

    .qra-article{
        font-size:17px;
        line-height:1.8;
    }

    .qra-article-hero{
        margin:16px 12px 8px;
        padding:38px 20px;
        border-radius:26px;
    }

    .qra-article h1{
        font-size:clamp(34px,11vw,48px);
    }

    .qra-article-lead{
        font-size:18px;
    }

    .qra-article-body{
        padding:26px 19px 52px;
    }

    .qra-article-body h2{
        margin-top:42px;
    }

    .qra-related-grid{
        grid-template-columns:1fr;
    }

    .qra-article-figure img,
    .qra-video{
        border-radius:20px;
    }

    .qra-article-cta{
        margin:0 14px 55px;
        padding:34px 20px;
        border-radius:24px;
    }
}

/* QRA_BLOG_ARTICLE_STYLE_END */

/* QRA_BLOG_IMAGE_PLACEHOLDER */
.qra-article .qra-image-placeholder{
    display:none;
    width:100%;
    min-height:320px;
    align-items:center;
    justify-content:center;
    padding:30px;
    border:1px dashed #bddbe7;
    border-radius:28px;
    background:#f3f9fc;
    color:#78909a;
    text-align:center;
    font-size:14px;
    font-weight:700;
}

@media(max-width:760px){
    .qra-article .qra-image-placeholder{
        min-height:220px;
        border-radius:20px;
    }
}

/* QRA BLOG ARCHIVE STYLE */

body:is(.page-id-235,.page-id-236,.page-id-237) header:not(.qra-header){
    display:none!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237) main#wp--skip-link--target{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237) main#wp--skip-link--target > .wp-block-group{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237) .wp-block-post-title{
    display:none!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237) .wp-block-post-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

.qra-blog-archive{
    width:100%;
    min-height:70vh;
    background:#f7fbfd;
    padding-bottom:80px;
}

.qra-blog-hero{
    max-width:1180px;
    margin:0 auto;
    padding:72px 24px 48px;
    text-align:center;
}

.qra-blog-hero > span{
    display:inline-block;
    margin-bottom:14px;
    font-size:13px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#1684a7;
}

.qra-blog-hero h2{
    margin:0 auto 16px;
    max-width:800px;
    font-size:clamp(38px,6vw,66px);
    line-height:1.05;
    letter-spacing:-.04em;
}

.qra-blog-hero p{
    max-width:720px;
    margin:0 auto;
    font-size:18px;
    line-height:1.75;
    color:#56666d;
}

.qra-blog-grid{
    max-width:1180px;
    margin:0 auto;
    padding:0 24px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.qra-blog-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:310px;
    padding:32px;
    background:#fff;
    border:1px solid #dbeaf0;
    border-radius:28px;
    box-shadow:0 14px 45px rgba(20,67,83,.06);
    transition:transform .2s ease,box-shadow .2s ease;
}

.qra-blog-card:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 55px rgba(20,67,83,.10);
}

.qra-blog-card-number{
    font-size:13px;
    font-weight:800;
    color:#1684a7;
    margin-bottom:26px;
}

.qra-blog-card h2{
    margin:0 0 16px;
    font-size:clamp(23px,3vw,31px);
    line-height:1.2;
}

.qra-blog-card h2 a{
    color:#102d38;
    text-decoration:none;
}

.qra-blog-card p{
    margin:0 0 26px;
    color:#61727a;
    line-height:1.75;
    font-size:15.5px;
}

.qra-blog-read{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    gap:9px;
    font-weight:800;
    color:#087fa7;
    text-decoration:none;
}

.qra-blog-archive[dir="rtl"]{
    text-align:right;
}

.qra-blog-archive[dir="rtl"] .qra-blog-hero{
    text-align:center;
}

.qra-blog-archive[dir="rtl"] .qra-blog-read span{
    transform:rotate(180deg);
}

@media(max-width:760px){

    .qra-blog-archive{
        padding-bottom:50px;
    }

    .qra-blog-hero{
        padding:48px 18px 32px;
    }

    .qra-blog-hero p{
        font-size:16px;
    }

    .qra-blog-grid{
        grid-template-columns:1fr;
        padding:0 16px;
        gap:16px;
    }

    .qra-blog-card{
        min-height:0;
        padding:24px;
        border-radius:22px;
    }
}


/* QRA BLOG FULL WIDTH FIX */

body:is(.page-id-235,.page-id-236,.page-id-237)
.wp-block-post-content > .qra-blog-archive{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237)
.qra-blog-archive{
    width:100%!important;
    max-width:none!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237)
.qra-blog-hero{
    width:min(100% - 48px, 1380px)!important;
    max-width:1380px!important;
    padding:72px 24px 52px!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237)
.qra-blog-hero p{
    max-width:820px!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237)
.qra-blog-grid{
    width:min(100% - 64px, 1380px)!important;
    max-width:1380px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:30px!important;
    padding:0!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237)
.qra-blog-card{
    width:100%!important;
    min-width:0!important;
    padding:38px!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237)
.qra-blog-card h2{
    font-size:clamp(25px,2vw,34px)!important;
    line-height:1.18!important;
}

@media(max-width:800px){

    body:is(.page-id-235,.page-id-236,.page-id-237)
    .qra-blog-grid{
        width:calc(100% - 32px)!important;
        grid-template-columns:1fr!important;
        gap:18px!important;
    }

    body:is(.page-id-235,.page-id-236,.page-id-237)
    .qra-blog-card{
        padding:26px!important;
    }
}


/* QRA SINGLE ARTICLE FULL WIDTH FIX */

body.single-post header:not(.qra-header){
    display:none!important;
}

body.single-post main#wp--skip-link--target,
body.single-post main#wp--skip-link--target > .wp-block-group{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.single-post .wp-block-post-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.single-post .wp-block-post-content > .qra-article{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
}

body.single-post .wp-block-post-author-name,
body.single-post .wp-block-post-author,
body.single-post .wp-block-post-terms,
body.single-post .wp-block-post-date{
    display:none!important;
}

/* wider article hero */
body.single-post .qra-article-hero{
    width:min(calc(100% - 48px),1180px)!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:55px!important;
    padding-right:55px!important;
}

/* wider readable article body */
body.single-post .qra-article-body{
    width:min(calc(100% - 48px),980px)!important;
    max-width:980px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* wider related + CTA */
body.single-post .qra-related,
body.single-post .qra-article-cta{
    width:min(calc(100% - 48px),1180px)!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

@media(max-width:760px){

    body.single-post .qra-article-hero,
    body.single-post .qra-article-body,
    body.single-post .qra-related,
    body.single-post .qra-article-cta{
        width:calc(100% - 28px)!important;
    }

    body.single-post .qra-article-hero{
        padding-left:22px!important;
        padding-right:22px!important;
    }
}


/* QRA SINGLE ARTICLE FINAL CLEANUP */

body.single-post{
    overflow-x:hidden!important;
}

/* remove the 100vw overflow */
body.single-post .wp-block-post-content > .qra-article{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
}

/* hide complete WordPress author/category metadata row */
body.single-post .wp-block-group.is-layout-flex:has(.wp-block-post-author),
body.single-post .wp-block-group.is-layout-flex:has(.wp-block-post-author-name),
body.single-post .wp-block-group.is-layout-flex:has(.wp-block-post-terms){
    display:none!important;
}


/* QRA ARTICLE MORE SPACE + LIFT */

body.single-post .qra-article-hero{
    width:min(calc(100% - 70px),1380px)!important;
    max-width:1380px!important;
    margin-top:-18px!important;
    padding-top:54px!important;
    padding-bottom:54px!important;
}

body.single-post .qra-article-hero h1{
    max-width:1250px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:clamp(46px,4.5vw,72px)!important;
    line-height:1.08!important;
}

body.single-post .qra-article-lead{
    max-width:1050px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

body.single-post .qra-article-body{
    width:min(calc(100% - 60px),1100px)!important;
    max-width:1100px!important;
}

@media(max-width:760px){

    body.single-post .qra-article-hero{
        width:calc(100% - 24px)!important;
        margin-top:-8px!important;
        padding:34px 20px!important;
    }

    body.single-post .qra-article-hero h1{
        font-size:clamp(34px,9vw,48px)!important;
    }

    body.single-post .qra-article-body{
        width:calc(100% - 28px)!important;
    }
}


/* QRA ARTICLE EDITORIAL TYPOGRAPHY */

body.single-post .qra-article-body{
    width:min(calc(100% - 40px),980px)!important;
    max-width:980px!important;
    margin:55px auto 0!important;
    padding:0 20px 70px!important;
    box-sizing:border-box!important;
}

/* Main reading column centered on page */
body.single-post .qra-article-body > p,
body.single-post .qra-article-body > h2,
body.single-post .qra-article-body > h3,
body.single-post .qra-article-body > ul,
body.single-post .qra-article-body > ol,
body.single-post .qra-article-body > .qra-note,
body.single-post .qra-article-body > .qra-article-figure,
body.single-post .qra-article-body > .qra-video,
body.single-post .qra-article-body > .qra-sources{
    width:100%!important;
    max-width:900px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
}

/* Paragraph typography */
body.single-post .qra-article-body p{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif!important;
    font-size:19px!important;
    line-height:1.95!important;
    font-weight:400!important;
    letter-spacing:0!important;
    color:#294a57!important;
    margin-top:0!important;
    margin-bottom:24px!important;
}

/* Arabic reading */
html[dir="rtl"] body.single-post .qra-article-body,
body.rtl.single-post .qra-article-body{
    direction:rtl!important;
}

html[dir="rtl"] body.single-post .qra-article-body p,
html[dir="rtl"] body.single-post .qra-article-body li,
body.rtl.single-post .qra-article-body p,
body.rtl.single-post .qra-article-body li{
    text-align:right!important;
    font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;
    font-size:20px!important;
    line-height:2.05!important;
}

/* English + French */
html:not([dir="rtl"]) body.single-post .qra-article-body p,
html:not([dir="rtl"]) body.single-post .qra-article-body li{
    text-align:left!important;
}

/* Section headings */
body.single-post .qra-article-body h2{
    margin-top:58px!important;
    margin-bottom:22px!important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif!important;
    font-size:clamp(28px,3vw,38px)!important;
    line-height:1.3!important;
    font-weight:750!important;
    letter-spacing:-.02em!important;
    color:#073f56!important;
}

body.single-post .qra-article-body h3{
    margin-top:38px!important;
    margin-bottom:14px!important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif!important;
    font-size:24px!important;
    line-height:1.4!important;
    font-weight:700!important;
    color:#0b526d!important;
}

/* Lists */
body.single-post .qra-article-body ul,
body.single-post .qra-article-body ol{
    padding-inline-start:30px!important;
    margin-top:12px!important;
    margin-bottom:30px!important;
}

body.single-post .qra-article-body li{
    font-size:18.5px!important;
    line-height:1.9!important;
    color:#294a57!important;
    margin-bottom:10px!important;
}

/* Links */
body.single-post .qra-article-body a{
    color:#087fa7!important;
    text-decoration:none!important;
    border-bottom:1px solid rgba(8,127,167,.28)!important;
}

body.single-post .qra-article-body a:hover{
    border-bottom-color:#087fa7!important;
}

/* Quick answer / note */
body.single-post .qra-note{
    margin-top:25px!important;
    margin-bottom:46px!important;
    padding:28px 32px!important;
    border:1px solid #e5ded5!important;
    border-inline-start:5px solid #ef902a!important;
    border-radius:18px!important;
    background:#fff9f3!important;
    box-shadow:0 10px 30px rgba(30,60,70,.05)!important;
    font-size:18px!important;
    line-height:1.9!important;
    color:#294a57!important;
}

body.single-post .qra-note strong{
    color:#073f56!important;
    font-weight:750!important;
}

/* Images */
body.single-post .qra-article-figure{
    margin-top:42px!important;
    margin-bottom:48px!important;
}

/* Sources */
body.single-post .qra-sources{
    margin-top:65px!important;
    padding:30px 34px!important;
    border-radius:22px!important;
    background:#f5fafc!important;
    border:1px solid #d9eaf0!important;
}

/* Mobile */
@media(max-width:760px){

    body.single-post .qra-article-body{
        width:100%!important;
        margin-top:30px!important;
        padding:0 20px 50px!important;
    }

    body.single-post .qra-article-body p,
    html[dir="rtl"] body.single-post .qra-article-body p,
    body.rtl.single-post .qra-article-body p{
        font-size:17.5px!important;
        line-height:1.9!important;
    }

    body.single-post .qra-article-body h2{
        margin-top:44px!important;
        font-size:28px!important;
    }

    body.single-post .qra-article-body h3{
        font-size:21px!important;
    }

    body.single-post .qra-note{
        padding:22px!important;
    }
}


/* =========================================================
   QRA MODERN EDITORIAL ARTICLE DESIGN
   ========================================================= */

body.single-post .qra-article{
    --qra-ink:#123e4d;
    --qra-text:#385965;
    --qra-blue:#087fa7;
    --qra-blue-dark:#056584;
    --qra-sky:#edf8fc;
    --qra-orange:#ef902a;
    --qra-orange-soft:#fff6ec;
    --qra-green:#2f9477;
    --qra-green-soft:#effaf6;
    --qra-purple:#7867b8;
    --qra-purple-soft:#f5f2fc;
    --qra-border:#d9e9ef;
}

/* ===============================
   MAIN READING AREA
   =============================== */

body.single-post .qra-article-body{
    counter-reset:qra-section;
    max-width:1040px!important;
    margin:48px auto 0!important;
    padding:0 28px 80px!important;
}

/* ===============================
   NORMAL TEXT
   =============================== */

body.single-post .qra-article-body > p{
    max-width:880px!important;
    margin:0 auto 25px!important;
    font-size:19px!important;
    line-height:1.95!important;
    font-weight:430!important;
    color:var(--qra-text)!important;
}

html[dir="rtl"] body.single-post .qra-article-body > p,
body.rtl.single-post .qra-article-body > p{
    text-align:right!important;
    font-size:20px!important;
    line-height:2.05!important;
}

/* IMPORTANT WORDS */
body.single-post .qra-article-body strong{
    color:var(--qra-ink)!important;
    font-weight:800!important;
}

/* LINKS */
body.single-post .qra-article-body p a,
body.single-post .qra-article-body li a{
    color:var(--qra-blue)!important;
    font-weight:700!important;
    text-decoration:none!important;
    border-bottom:2px solid rgba(8,127,167,.18)!important;
    transition:.2s ease!important;
}

body.single-post .qra-article-body p a:hover,
body.single-post .qra-article-body li a:hover{
    color:var(--qra-blue-dark)!important;
    border-bottom-color:var(--qra-orange)!important;
}

/* ===============================
   MAIN SECTION HEADINGS
   =============================== */

body.single-post .qra-article-body > h2{
    counter-increment:qra-section;
    position:relative!important;
    max-width:940px!important;
    margin:66px auto 30px!important;
    padding:27px 32px 27px 88px!important;
    border-radius:22px!important;
    border:1px solid #d8edf5!important;
    background:
        linear-gradient(135deg,#edf9fd 0%,#f8fcfe 100%)!important;
    box-shadow:0 12px 34px rgba(15,73,94,.07)!important;
    font-size:clamp(28px,2.7vw,38px)!important;
    line-height:1.25!important;
    font-weight:800!important;
    color:#073f56!important;
    letter-spacing:-.025em!important;
}

/* NUMBER BADGE */
body.single-post .qra-article-body > h2::before{
    content:counter(qra-section, decimal-leading-zero);
    position:absolute;
    left:26px;
    top:50%;
    transform:translateY(-50%);
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    background:var(--qra-blue);
    color:#fff;
    font-size:14px;
    font-weight:900;
    letter-spacing:.04em;
    box-shadow:0 8px 20px rgba(8,127,167,.22);
}

/* COLOR ROTATION */
body.single-post .qra-article-body > h2:nth-of-type(3n+2){
    background:
        linear-gradient(135deg,#fff5e9 0%,#fffaf5 100%)!important;
    border-color:#f2ddc3!important;
}

body.single-post .qra-article-body > h2:nth-of-type(3n+2)::before{
    background:var(--qra-orange);
    box-shadow:0 8px 20px rgba(239,144,42,.22);
}

body.single-post .qra-article-body > h2:nth-of-type(3n+3){
    background:
        linear-gradient(135deg,#eef9f5 0%,#f8fcfa 100%)!important;
    border-color:#d5ebe2!important;
}

body.single-post .qra-article-body > h2:nth-of-type(3n+3)::before{
    background:var(--qra-green);
    box-shadow:0 8px 20px rgba(47,148,119,.20);
}

/* RTL HEADING BADGE */
html[dir="rtl"] body.single-post .qra-article-body > h2,
body.rtl.single-post .qra-article-body > h2{
    text-align:right!important;
    padding:27px 88px 27px 32px!important;
}

html[dir="rtl"] body.single-post .qra-article-body > h2::before,
body.rtl.single-post .qra-article-body > h2::before{
    left:auto!important;
    right:26px!important;
}

/* ===============================
   H3 SUBHEADINGS
   =============================== */

body.single-post .qra-article-body > h3{
    position:relative!important;
    max-width:880px!important;
    margin:42px auto 18px!important;
    padding-inline-start:20px!important;
    font-size:24px!important;
    line-height:1.45!important;
    font-weight:800!important;
    color:#0a536e!important;
    border-inline-start:4px solid var(--qra-orange)!important;
}

/* ===============================
   QUICK ANSWER / NOTES
   =============================== */

body.single-post .qra-note{
    position:relative!important;
    max-width:930px!important;
    margin:30px auto 52px!important;
    padding:30px 34px!important;
    border:1px solid #f0dfc8!important;
    border-inline-start:6px solid var(--qra-orange)!important;
    border-radius:22px!important;
    background:
        linear-gradient(135deg,#fff5e8 0%,#fffaf5 100%)!important;
    box-shadow:0 15px 40px rgba(103,73,32,.07)!important;
    color:#38505a!important;
    font-size:18.5px!important;
    line-height:1.9!important;
}

body.single-post .qra-note strong{
    display:inline-block!important;
    margin-bottom:4px!important;
    color:#b96009!important;
    font-weight:900!important;
}

/* ===============================
   LISTS AS CONTENT CARDS
   =============================== */

body.single-post .qra-article-body > ul,
body.single-post .qra-article-body > ol{
    max-width:880px!important;
    margin:25px auto 38px!important;
    padding:24px 34px 24px 56px!important;
    border-radius:20px!important;
    background:#f7fbfd!important;
    border:1px solid var(--qra-border)!important;
    box-shadow:0 8px 25px rgba(14,64,83,.04)!important;
}

html[dir="rtl"] body.single-post .qra-article-body > ul,
html[dir="rtl"] body.single-post .qra-article-body > ol,
body.rtl.single-post .qra-article-body > ul,
body.rtl.single-post .qra-article-body > ol{
    padding:24px 56px 24px 34px!important;
}

body.single-post .qra-article-body li{
    margin-bottom:12px!important;
    padding-inline-start:5px!important;
    font-size:18px!important;
    line-height:1.85!important;
    color:var(--qra-text)!important;
}

body.single-post .qra-article-body li::marker{
    color:var(--qra-blue)!important;
    font-weight:900!important;
}

/* ===============================
   IMAGES
   =============================== */

body.single-post .qra-article-figure{
    max-width:960px!important;
    margin:48px auto 56px!important;
    padding:10px!important;
    background:#fff!important;
    border:1px solid #dcebf0!important;
    border-radius:26px!important;
    box-shadow:0 18px 48px rgba(22,72,89,.09)!important;
}

body.single-post .qra-article-figure img{
    width:100%!important;
    border-radius:19px!important;
}

body.single-post .qra-article-figure figcaption{
    padding:14px 12px 5px!important;
    text-align:center!important;
    font-size:14px!important;
    line-height:1.6!important;
    color:#71858d!important;
    font-style:normal!important;
}

/* ===============================
   VIDEO
   =============================== */

body.single-post .qra-video{
    max-width:920px!important;
    margin:50px auto!important;
    padding:10px!important;
    border-radius:26px!important;
    background:#092f3d!important;
    box-shadow:0 18px 45px rgba(7,47,62,.18)!important;
    overflow:hidden!important;
}

/* ===============================
   SOURCES
   =============================== */

body.single-post .qra-sources{
    max-width:940px!important;
    margin:72px auto 30px!important;
    padding:34px!important;
    border-radius:26px!important;
    background:
        linear-gradient(135deg,#103e4d,#0b607b)!important;
    border:0!important;
    box-shadow:0 20px 50px rgba(9,57,72,.18)!important;
}

body.single-post .qra-sources h2{
    margin:0 0 22px!important;
    padding:0!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    color:#fff!important;
    font-size:28px!important;
}

body.single-post .qra-sources h2::before{
    display:none!important;
}

body.single-post .qra-sources ul{
    margin:0!important;
    padding-inline-start:24px!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
}

body.single-post .qra-sources li{
    color:#dceef4!important;
}

body.single-post .qra-sources a{
    color:#fff!important;
    border-bottom-color:rgba(255,255,255,.35)!important;
}

/* ===============================
   RELATED SECTION
   =============================== */

body.single-post .qra-related{
    margin-top:75px!important;
    padding:45px!important;
    border-radius:30px!important;
    background:linear-gradient(135deg,#eef9fc,#f8fcfd)!important;
    border:1px solid #d8edf4!important;
}

/* ===============================
   CTA
   =============================== */

body.single-post .qra-article-cta{
    margin-top:35px!important;
    margin-bottom:80px!important;
    padding:52px 45px!important;
    border-radius:30px!important;
    background:
        linear-gradient(135deg,#073f56 0%,#087fa7 100%)!important;
    box-shadow:0 22px 55px rgba(7,63,86,.20)!important;
}

body.single-post .qra-article-cta h2{
    color:#fff!important;
}

body.single-post .qra-article-cta p{
    color:#d9f2fa!important;
}

body.single-post .qra-article-cta > a{
    display:inline-flex!important;
    padding:14px 25px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#076f91!important;
    font-weight:850!important;
    text-decoration:none!important;
    box-shadow:0 8px 22px rgba(0,0,0,.12)!important;
}

/* ===============================
   MOBILE
   =============================== */

@media(max-width:760px){

    body.single-post .qra-article-body{
        padding:0 16px 55px!important;
    }

    body.single-post .qra-article-body > p{
        font-size:17.5px!important;
        line-height:1.9!important;
    }

    body.single-post .qra-article-body > h2{
        margin-top:48px!important;
        padding:22px 20px 22px 70px!important;
        border-radius:18px!important;
        font-size:26px!important;
    }

    body.single-post .qra-article-body > h2::before{
        left:18px;
        width:40px;
        height:40px;
        border-radius:13px;
    }

    html[dir="rtl"] body.single-post .qra-article-body > h2,
    body.rtl.single-post .qra-article-body > h2{
        padding:22px 70px 22px 20px!important;
    }

    html[dir="rtl"] body.single-post .qra-article-body > h2::before,
    body.rtl.single-post .qra-article-body > h2::before{
        right:18px!important;
    }

    body.single-post .qra-note{
        padding:23px!important;
        border-radius:18px!important;
    }

    body.single-post .qra-article-body > ul,
    body.single-post .qra-article-body > ol{
        padding:20px 22px 20px 43px!important;
    }

    html[dir="rtl"] body.single-post .qra-article-body > ul,
    html[dir="rtl"] body.single-post .qra-article-body > ol,
    body.rtl.single-post .qra-article-body > ul,
    body.rtl.single-post .qra-article-body > ol{
        padding:20px 43px 20px 22px!important;
    }

    body.single-post .qra-sources,
    body.single-post .qra-related,
    body.single-post .qra-article-cta{
        padding:26px!important;
        border-radius:22px!important;
    }
}


/* =========================================================
   QRA ARTICLE 2026 - CENTERED MODERN DESIGN
   ========================================================= */

body.single-post .qra-article-body{
    counter-reset:qra-modern-section;
    width:min(calc(100% - 40px),1100px)!important;
    max-width:1100px!important;
    margin:45px auto 0!important;
    padding:0 30px 90px!important;
    box-sizing:border-box!important;
}

/* -----------------------------------------
   CENTER ALL MAIN ARTICLE TEXT
   ----------------------------------------- */

body.single-post .qra-article-body > p{
    width:100%!important;
    max-width:900px!important;
    margin:0 auto 26px!important;

    text-align:center!important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Tahoma,
        Arial,
        sans-serif!important;

    font-size:19px!important;
    line-height:1.95!important;
    font-weight:430!important;
    letter-spacing:0!important;

    color:#365965!important;
}

/* Arabic centered too */
html[dir="rtl"] body.single-post .qra-article-body > p,
body.rtl.single-post .qra-article-body > p{
    text-align:center!important;
    font-size:20px!important;
    line-height:2.05!important;
}

/* -----------------------------------------
   MODERN H2 SECTION CARDS
   ----------------------------------------- */

body.single-post .qra-article-body > h2{
    counter-increment:qra-modern-section;

    position:relative!important;

    width:100%!important;
    max-width:940px!important;

    margin:70px auto 34px!important;
    padding:31px 34px 29px!important;

    text-align:center!important;

    border-radius:24px!important;
    border:1px solid #cfe7f0!important;

    background:
        linear-gradient(
            135deg,
            #eaf8fd 0%,
            #f8fcfe 55%,
            #eef9fc 100%
        )!important;

    box-shadow:
        0 15px 45px rgba(11,87,111,.08)!important;

    color:#073f56!important;

    font-size:clamp(28px,2.7vw,38px)!important;
    line-height:1.3!important;
    font-weight:850!important;
    letter-spacing:-.025em!important;

    box-sizing:border-box!important;
}

/* little number pill above each section */
body.single-post .qra-article-body > h2::before{
    content:counter(qra-modern-section, decimal-leading-zero);

    position:absolute!important;
    top:-18px!important;
    left:50%!important;
    transform:translateX(-50%)!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:48px!important;
    height:36px!important;
    padding:0 12px!important;

    border-radius:999px!important;

    background:#087fa7!important;
    color:#fff!important;

    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;

    box-shadow:
        0 8px 20px rgba(8,127,167,.22)!important;
}

/* elegant color variation */
body.single-post .qra-article-body > h2:nth-of-type(3n+2){
    background:
        linear-gradient(
            135deg,
            #fff4e7 0%,
            #fffaf5 100%
        )!important;

    border-color:#f3dcc0!important;
}

body.single-post .qra-article-body > h2:nth-of-type(3n+2)::before{
    background:#ed8c27!important;
}

body.single-post .qra-article-body > h2:nth-of-type(3n+3){
    background:
        linear-gradient(
            135deg,
            #edf9f5 0%,
            #f8fdfb 100%
        )!important;

    border-color:#d4ebe2!important;
}

body.single-post .qra-article-body > h2:nth-of-type(3n+3)::before{
    background:#29916f!important;
}

/* -----------------------------------------
   H3 - SMALL MODERN RECTANGLE
   ----------------------------------------- */

body.single-post .qra-article-body > h3{
    width:fit-content!important;
    max-width:850px!important;

    margin:45px auto 22px!important;
    padding:13px 24px!important;

    text-align:center!important;

    border-radius:14px!important;

    background:#f0f8fb!important;
    border:1px solid #d4eaf2!important;

    color:#08708f!important;

    font-size:23px!important;
    line-height:1.45!important;
    font-weight:800!important;
}

/* -----------------------------------------
   QUICK ANSWER
   ----------------------------------------- */

body.single-post .qra-note{
    width:100%!important;
    max-width:920px!important;

    margin:30px auto 55px!important;
    padding:30px 38px!important;

    text-align:center!important;

    border:1px solid #f0dec5!important;
    border-radius:24px!important;

    background:
        linear-gradient(
            135deg,
            #fff4e7 0%,
            #fffaf6 100%
        )!important;

    box-shadow:
        0 15px 40px rgba(108,75,30,.07)!important;

    color:#45616b!important;

    font-size:18px!important;
    line-height:1.95!important;

    box-sizing:border-box!important;
}

body.single-post .qra-note strong{
    display:block!important;

    margin-bottom:8px!important;

    color:#cf7317!important;

    font-size:18px!important;
    font-weight:900!important;
}

/* -----------------------------------------
   LISTS - MODERN CENTERED BOX
   ----------------------------------------- */

body.single-post .qra-article-body > ul,
body.single-post .qra-article-body > ol{
    width:100%!important;
    max-width:900px!important;

    margin:28px auto 45px!important;
    padding:24px!important;

    list-style-position:inside!important;

    text-align:center!important;

    border-radius:22px!important;
    border:1px solid #d9eaf0!important;

    background:#f7fbfd!important;

    box-shadow:
        0 10px 30px rgba(16,76,96,.05)!important;

    box-sizing:border-box!important;
}

body.single-post .qra-article-body li{
    margin:8px auto!important;
    padding:10px 15px!important;

    text-align:center!important;

    font-size:18px!important;
    line-height:1.75!important;

    color:#365965!important;
}

body.single-post .qra-article-body li::marker{
    color:#087fa7!important;
    font-weight:900!important;
}

/* -----------------------------------------
   INLINE LINKS
   ----------------------------------------- */

body.single-post .qra-article-body a{
    color:#087fa7!important;
    font-weight:700!important;

    text-decoration:none!important;

    border-bottom:
        2px solid rgba(8,127,167,.18)!important;
}

/* -----------------------------------------
   FIGURES
   ----------------------------------------- */

body.single-post .qra-article-figure{
    width:100%!important;
    max-width:960px!important;

    margin:50px auto 60px!important;
    padding:10px!important;

    background:#fff!important;

    border:1px solid #dbeaf0!important;
    border-radius:28px!important;

    box-shadow:
        0 20px 55px rgba(14,71,90,.09)!important;

    box-sizing:border-box!important;
}

body.single-post .qra-article-figure img{
    display:block!important;
    width:100%!important;
    border-radius:21px!important;
}

body.single-post .qra-article-figure figcaption{
    padding:15px 15px 6px!important;

    text-align:center!important;

    color:#71858d!important;

    font-size:14px!important;
    line-height:1.6!important;
}

/* -----------------------------------------
   VIDEO
   ----------------------------------------- */

body.single-post .qra-video{
    width:100%!important;
    max-width:930px!important;

    margin:55px auto!important;
    padding:10px!important;

    border-radius:28px!important;

    background:#073f56!important;

    box-shadow:
        0 20px 50px rgba(7,63,86,.18)!important;
}

/* -----------------------------------------
   SOURCES
   ----------------------------------------- */

body.single-post .qra-sources{
    width:100%!important;
    max-width:940px!important;

    margin:75px auto 40px!important;
    padding:38px!important;

    text-align:center!important;

    border:0!important;
    border-radius:28px!important;

    background:
        linear-gradient(
            135deg,
            #073f56 0%,
            #087a9f 100%
        )!important;

    box-shadow:
        0 22px 55px rgba(7,63,86,.18)!important;
}

body.single-post .qra-sources h2{
    margin:0 auto 25px!important;
    padding:0!important;

    text-align:center!important;

    background:none!important;
    border:0!important;
    box-shadow:none!important;

    color:#fff!important;

    font-size:30px!important;
}

body.single-post .qra-sources h2::before{
    display:none!important;
}

body.single-post .qra-sources ul{
    margin:0 auto!important;
    padding:0!important;

    list-style:none!important;

    background:none!important;
    border:0!important;
    box-shadow:none!important;

    text-align:center!important;
}

body.single-post .qra-sources li{
    text-align:center!important;
    color:#d9eef5!important;
}

body.single-post .qra-sources a{
    color:#fff!important;
}

/* -----------------------------------------
   RELATED ARTICLES
   ----------------------------------------- */

body.single-post .qra-related{
    width:min(calc(100% - 50px),1180px)!important;

    margin:75px auto 30px!important;
    padding:48px!important;

    text-align:center!important;

    border-radius:32px!important;

    background:
        linear-gradient(
            135deg,
            #edf9fc 0%,
            #f9fcfd 100%
        )!important;

    border:1px solid #d4eaf2!important;
}

/* -----------------------------------------
   CTA
   ----------------------------------------- */

body.single-post .qra-article-cta{
    width:min(calc(100% - 50px),1180px)!important;

    margin:35px auto 80px!important;
    padding:55px 45px!important;

    text-align:center!important;

    border-radius:32px!important;

    background:
        linear-gradient(
            135deg,
            #073f56 0%,
            #0783aa 100%
        )!important;

    box-shadow:
        0 24px 60px rgba(7,63,86,.20)!important;
}

/* -----------------------------------------
   MOBILE
   ----------------------------------------- */

@media(max-width:760px){

    body.single-post .qra-article-body{
        width:100%!important;
        padding:0 16px 55px!important;
    }

    body.single-post .qra-article-body > p{
        font-size:17.5px!important;
        line-height:1.9!important;
    }

    html[dir="rtl"] body.single-post .qra-article-body > p,
    body.rtl.single-post .qra-article-body > p{
        font-size:18px!important;
    }

    body.single-post .qra-article-body > h2{
        margin-top:58px!important;
        padding:28px 20px 23px!important;
        border-radius:20px!important;

        font-size:25px!important;
    }

    body.single-post .qra-article-body > h3{
        font-size:20px!important;
        padding:11px 18px!important;
    }

    body.single-post .qra-note{
        padding:23px 20px!important;
    }

    body.single-post .qra-related,
    body.single-post .qra-article-cta{
        width:calc(100% - 24px)!important;
        padding:28px 20px!important;
        border-radius:24px!important;
    }
}


/* =========================================================
   QRA BLOG CARDS - MODERN COMPACT DESIGN
   ========================================================= */

body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-grid{
    width:min(calc(100% - 48px),1380px)!important;
    max-width:1380px!important;
    margin:0 auto!important;
    padding:0!important;

    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:22px!important;
}

/* CARD */
body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-card{
    position:relative!important;

    min-height:255px!important;
    height:auto!important;

    padding:25px 25px 23px!important;

    display:flex!important;
    flex-direction:column!important;

    border-radius:22px!important;

    border:1px solid #d9eaf0!important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfdfe 100%
        )!important;

    box-shadow:
        0 10px 28px rgba(13,72,91,.06)!important;

    overflow:hidden!important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-card::before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    left:0!important;

    width:100%!important;
    height:4px!important;

    background:linear-gradient(
        90deg,
        #087fa7,
        #f3942c
    )!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-card:hover{
    transform:translateY(-6px)!important;

    border-color:#bedfe9!important;

    box-shadow:
        0 18px 42px rgba(13,72,91,.11)!important;
}

/* NUMBER */
body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-card-number{
    width:fit-content!important;

    margin:0 0 18px!important;
    padding:6px 10px!important;

    border-radius:999px!important;

    background:#eaf7fb!important;
    color:#087fa7!important;

    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.06em!important;
}

/* TITLE */
body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-card h2{
    margin:0 0 12px!important;

    font-size:23px!important;
    line-height:1.28!important;
    font-weight:750!important;

    letter-spacing:-.02em!important;

    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-card h2 a{
    color:#103e4d!important;
    text-decoration:none!important;
}

/* EXCERPT */
body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-card p{
    margin:0 0 20px!important;

    font-size:14.5px!important;
    line-height:1.65!important;

    color:#6b7f87!important;

    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
}

/* VIEW BUTTON */
body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-read{
    width:fit-content!important;

    margin-top:auto!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;

    min-height:42px!important;
    padding:10px 18px!important;

    border-radius:999px!important;

    background:#087fa7!important;
    color:#fff!important;

    font-size:14px!important;
    font-weight:800!important;

    text-decoration:none!important;
    border:0!important;

    box-shadow:
        0 7px 18px rgba(8,127,167,.18)!important;

    transition:
        transform .2s ease,
        background .2s ease!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-read:hover{
    background:#056783!important;
    transform:translateY(-2px)!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-read span{
    font-size:17px!important;
}

/* RTL */
html[dir="rtl"]
body:is(.page-id-235,.page-id-236,.page-id-237)
.qra-blog-card{
    text-align:right!important;
}

/* TABLET */
@media(max-width:1050px){

    body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

/* MOBILE */
@media(max-width:650px){

    body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-grid{
        width:calc(100% - 28px)!important;
        grid-template-columns:1fr!important;
        gap:16px!important;
    }

    body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-card{
        min-height:230px!important;
        padding:22px!important;
    }

    body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-card h2{
        font-size:21px!important;
    }
}


/* QRA BLOG CARD FEATURE IMAGE */

body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-card{
    padding:0 0 23px!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-card-image{
    display:block!important;
    width:100%!important;
    height:190px!important;
    margin:0 0 22px!important;
    overflow:hidden!important;
    border-radius:21px 21px 0 0!important;
    background:#edf7fa!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-card-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    transition:transform .35s ease!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-card:hover .qra-blog-card-image img{
    transform:scale(1.045)!important;
}

body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-card-number,
body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-card h2,
body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-card > p,
body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-read{
    margin-left:25px!important;
    margin-right:25px!important;
}

@media(max-width:650px){
    body:is(.page-id-235,.page-id-236,.page-id-237) .qra-blog-card-image{
        height:210px!important;
    }
}


/* =========================================================
   QRA LEGAL PAGES DESIGN
   ========================================================= */

body.qra-legal-page-body header:not(.qra-header){
    display:none!important;
}

body.qra-legal-page-body main#wp--skip-link--target,
body.qra-legal-page-body main#wp--skip-link--target > .wp-block-group{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.qra-legal-page-body .wp-block-post-title{
    display:none!important;
}

body.qra-legal-page-body .wp-block-post-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.qra-legal-page-body .qra-policy-page{
    width:100%;
    background:#f7fbfd;
    padding:34px 20px 90px;
    box-sizing:border-box;
}

.qra-policy-hero{
    max-width:1180px;
    margin:0 auto 42px;
    padding:70px 45px;
    text-align:center;
    border:1px solid #d4eaf2;
    border-radius:32px;
    background:
        radial-gradient(circle at 10% 0%,rgba(244,150,47,.11),transparent 34%),
        radial-gradient(circle at 90% 20%,rgba(8,127,167,.12),transparent 34%),
        #fff;
    box-shadow:0 18px 55px rgba(17,72,91,.07);
}

.qra-policy-kicker{
    display:inline-flex;
    padding:8px 14px;
    margin-bottom:16px;
    border-radius:999px;
    background:#eaf7fb;
    color:#087fa7;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.qra-policy-hero h1{
    max-width:900px;
    margin:0 auto 18px!important;
    color:#073f56!important;
    font-size:clamp(42px,5vw,67px)!important;
    line-height:1.08!important;
    font-weight:780!important;
    letter-spacing:-.035em!important;
}

.qra-policy-hero p{
    max-width:780px;
    margin:0 auto!important;
    color:#617984!important;
    font-size:18px!important;
    line-height:1.85!important;
}

.qra-policy-content{
    max-width:1040px;
    margin:0 auto;
    display:grid;
    gap:20px;
}

.qra-policy-section{
    position:relative;
    padding:34px 38px;
    border-radius:25px;
    background:#fff;
    border:1px solid #dcebf0;
    box-shadow:0 10px 32px rgba(14,70,89,.045);
}

.qra-policy-section:nth-child(3n+2){
    background:linear-gradient(135deg,#fff9f2,#fff);
    border-color:#f0e0cb;
}

.qra-policy-section:nth-child(3n+3){
    background:linear-gradient(135deg,#f2faf7,#fff);
    border-color:#d9ebe4;
}

.qra-policy-section h2{
    margin:0 0 18px!important;
    color:#0a526d!important;
    font-size:clamp(24px,2.5vw,31px)!important;
    line-height:1.35!important;
    font-weight:800!important;
}

.qra-policy-section-content p{
    margin:0 0 16px!important;
    color:#3e606c!important;
    font-size:17px!important;
    line-height:1.9!important;
}

.qra-policy-section-content p:last-child{
    margin-bottom:0!important;
}

.qra-policy-section-content ul{
    margin:18px 0 0!important;
    padding-inline-start:24px!important;
}

.qra-policy-section-content li{
    margin:9px 0!important;
    color:#3e606c!important;
    font-size:16.5px!important;
    line-height:1.8!important;
}

.qra-policy-section-content li::marker{
    color:#087fa7;
}

.qra-policy-page[dir="rtl"] .qra-policy-section,
.qra-policy-page[dir="rtl"] .qra-policy-section-content{
    text-align:right;
}

@media(max-width:700px){

    body.qra-legal-page-body .qra-policy-page{
        padding:18px 12px 55px;
    }

    .qra-policy-hero{
        margin-bottom:24px;
        padding:45px 20px;
        border-radius:24px;
    }

    .qra-policy-hero h1{
        font-size:36px!important;
    }

    .qra-policy-hero p{
        font-size:16.5px!important;
    }

    .qra-policy-section{
        padding:25px 22px;
        border-radius:20px;
    }

    .qra-policy-section-content p{
        font-size:16.5px!important;
    }
}


/* QRA LEGAL PAGES - TRUE FULL WIDTH */

body.qra-legal-page-body{
    overflow-x:hidden!important;
}

body.qra-legal-page-body .wp-block-post-content > .qra-policy-page{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
}

body.qra-legal-page-body .qra-policy-page{
    width:100%!important;
    max-width:none!important;
    padding:36px 30px 90px!important;
    box-sizing:border-box!important;
}

/* HERO WIDER */
body.qra-legal-page-body .qra-policy-hero{
    width:min(calc(100% - 30px),1450px)!important;
    max-width:1450px!important;
    margin:0 auto 42px!important;
    padding:68px 70px!important;
    box-sizing:border-box!important;
}

body.qra-legal-page-body .qra-policy-hero p{
    max-width:1050px!important;
}

/* CONTENT WIDER */
body.qra-legal-page-body .qra-policy-content{
    width:min(calc(100% - 30px),1450px)!important;
    max-width:1450px!important;
    margin:0 auto!important;
    gap:24px!important;
}

/* SECTION WIDER */
body.qra-legal-page-body .qra-policy-section{
    width:100%!important;
    max-width:none!important;
    padding:38px 50px!important;
    box-sizing:border-box!important;
}

/* LET TEXT BREATHE */
body.qra-legal-page-body .qra-policy-section-content{
    max-width:1250px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

body.qra-legal-page-body .qra-policy-section-content p{
    font-size:18px!important;
    line-height:1.9!important;
}

/* RTL */
html[dir="rtl"] body.qra-legal-page-body .qra-policy-section-content,
body.rtl.qra-legal-page-body .qra-policy-section-content{
    text-align:right!important;
}

/* MOBILE */
@media(max-width:760px){

    body.qra-legal-page-body .qra-policy-page{
        padding:18px 12px 55px!important;
    }

    body.qra-legal-page-body .qra-policy-hero,
    body.qra-legal-page-body .qra-policy-content{
        width:100%!important;
    }

    body.qra-legal-page-body .qra-policy-hero{
        padding:42px 22px!important;
    }

    body.qra-legal-page-body .qra-policy-section{
        padding:26px 22px!important;
    }
}


/* =========================================================
   QRA MODERN FOOTER
   ========================================================= */

/* Hide theme footer */
body > footer:not(.qra-footer),
.wp-site-blocks > footer:not(.qra-footer){
    display:none!important;
}

.qra-footer{
    position:relative;
    width:100%;
    margin:0!important;
    padding:72px 32px 24px;
    box-sizing:border-box;
    background:
        radial-gradient(circle at 8% 5%,rgba(8,127,167,.22),transparent 28%),
        radial-gradient(circle at 92% 10%,rgba(243,148,44,.13),transparent 26%),
        #062f40;
    color:#fff;
    overflow:hidden;
}

.qra-footer::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(
        90deg,
        #087fa7,
        #19bfd1,
        #f3942c
    );
}

.qra-footer-inner{
    position:relative;
    z-index:2;
    width:min(100%,1450px);
    margin:0 auto;
    display:grid;
    grid-template-columns:1.45fr .8fr .8fr 1.2fr;
    gap:55px;
}

.qra-footer-brand{
    max-width:390px;
}

.qra-footer-logo{
    display:flex;
    align-items:center;
    gap:13px;
    margin-bottom:22px;
}

.qra-footer-mark{
    width:55px;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 55px;
    border-radius:18px;
    background:#fff;
    color:#087fa7;
    font-size:30px;
    font-weight:900;
    box-shadow:0 10px 30px rgba(0,0,0,.14);
}

.qra-footer-logo strong{
    display:block;
    color:#fff;
    font-size:20px;
    line-height:1.15;
}

.qra-footer-logo small{
    display:block;
    margin-top:3px;
    color:#f7a13d;
    font-size:14px;
    font-weight:700;
}

.qra-footer-brand p{
    max-width:350px;
    margin:0 0 25px!important;
    color:#bad0d8!important;
    font-size:15.5px!important;
    line-height:1.8!important;
}

.qra-footer-trial{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:46px;
    padding:11px 20px;
    border:1px solid rgba(72,213,227,.35);
    border-radius:14px;
    background:rgba(8,127,167,.22);
    color:#65e5ef!important;
    font-size:14px;
    font-weight:800;
    text-decoration:none!important;
    transition:.2s ease;
}

.qra-footer-trial:hover{
    transform:translateY(-2px);
    background:#087fa7;
    color:#fff!important;
}

.qra-footer-trial span{
    font-size:18px;
}

.qra-footer-column{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.qra-footer-column h3{
    position:relative;
    margin:0 0 26px!important;
    padding-bottom:13px;
    color:#fff!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:800!important;
}

.qra-footer-column h3::after{
    content:"";
    position:absolute;
    bottom:0;
    inset-inline-start:0;
    width:47px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,#20cbd6,#f4a13a);
}

.qra-footer-column a{
    position:relative;
    margin:0 0 13px;
    color:#bfd0d7!important;
    font-size:14.5px;
    font-weight:600;
    line-height:1.45;
    text-decoration:none!important;
    transition:.18s ease;
}

.qra-footer-column a:hover{
    color:#fff!important;
    transform:translateX(4px);
}

.qra-footer[dir="rtl"] .qra-footer-column a:hover{
    transform:translateX(-4px);
}

.qra-footer-bottom{
    position:relative;
    z-index:2;
    width:min(100%,1450px);
    margin:55px auto 0;
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,.12);

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;

    color:#8eabb5;
    font-size:13px;
}

.qra-footer-accent{
    color:#e9a14b;
    font-weight:700;
}


/* TABLET */
@media(max-width:1050px){

    .qra-footer-inner{
        grid-template-columns:1.3fr 1fr 1fr;
    }

    .qra-footer-brand{
        grid-column:1 / -1;
        max-width:650px;
    }
}


/* MOBILE */
@media(max-width:700px){

    .qra-footer{
        padding:50px 20px 22px;
    }

    .qra-footer-inner{
        grid-template-columns:1fr 1fr;
        gap:38px 28px;
    }

    .qra-footer-brand{
        grid-column:1 / -1;
    }

    .qra-footer-legal{
        grid-column:1 / -1;
    }

    .qra-footer-bottom{
        margin-top:40px;
        flex-direction:column;
        align-items:flex-start;
    }
}

@media(max-width:480px){

    .qra-footer-inner{
        grid-template-columns:1fr;
    }

    .qra-footer-brand,
    .qra-footer-legal{
        grid-column:auto;
    }
}


/* =========================================================
   QRA FOOTER V2
   ========================================================= */

/* Hide previous footer, keep V2 */
.qra-footer:not(#qra-footer-v2){
    display:none!important;
}

#qra-footer-v2{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;

    position:relative!important;
    z-index:5!important;

    width:100%!important;
    max-width:none!important;

    margin:0!important;
    padding:65px 32px 24px!important;

    background:
        radial-gradient(circle at 5% 0%,rgba(0,157,190,.18),transparent 29%),
        radial-gradient(circle at 95% 0%,rgba(244,148,44,.13),transparent 28%),
        #052f40!important;

    color:#fff!important;
    box-sizing:border-box!important;
}

#qra-footer-v2::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(
        90deg,
        #087fa7,
        #23c9d5,
        #f3942c
    );
}

.qra-f2-wrap{
    width:min(100%,1500px);
    margin:0 auto;

    display:grid;
    grid-template-columns:
        1.35fr
        .75fr
        1fr
        .85fr
        1.35fr;

    gap:46px;
}


/* BRAND */

.qra-f2-logo{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:22px;
}

.qra-f2-logo img{
    width:66px!important;
    height:66px!important;
    object-fit:contain!important;
    padding:6px;
    border-radius:20px;
    background:#fff;
}

.qra-f2-logo strong{
    display:block;
    color:#fff;
    font-size:20px;
    line-height:1.15;
}

.qra-f2-logo span{
    display:block;
    margin-top:4px;
    color:#f6a13f;
    font-size:15px;
    font-weight:700;
}

.qra-f2-brand > p{
    max-width:330px;
    margin:0 0 24px!important;

    color:#b8ced7!important;
    font-size:15.5px!important;
    line-height:1.75!important;
}

.qra-f2-trial{
    display:inline-flex!important;
    align-items:center;
    gap:10px;

    padding:11px 18px;
    border-radius:13px;

    background:#087fa7;
    color:#fff!important;

    text-decoration:none!important;
    font-size:14px;
    font-weight:800;

    box-shadow:0 8px 24px rgba(0,0,0,.14);
}


/* COLUMNS */

.qra-f2-col{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.qra-f2-col h3{
    position:relative;

    margin:0 0 25px!important;
    padding-bottom:12px;

    color:#fff!important;
    font-size:18px!important;
    font-weight:850!important;
}

.qra-f2-col h3::after{
    content:"";
    position:absolute;

    bottom:0;
    inset-inline-start:0;

    width:42px;
    height:3px;

    border-radius:10px;

    background:linear-gradient(
        90deg,
        #1ed0d8,
        #f3a142
    );
}

.qra-f2-col > a:not(.qra-f2-contact-item){
    margin-bottom:12px;

    color:#bed0d7!important;
    text-decoration:none!important;

    font-size:14.5px;
    line-height:1.45;
    font-weight:600;

    transition:.18s ease;
}

.qra-f2-col > a:not(.qra-f2-contact-item):hover{
    color:#fff!important;
    transform:translateX(4px);
}

#qra-footer-v2[dir="rtl"]
.qra-f2-col > a:not(.qra-f2-contact-item):hover{
    transform:translateX(-4px);
}


/* CONTACT */

.qra-f2-contact-item{
    width:100%;
    display:flex!important;
    align-items:center;
    gap:11px;

    margin-bottom:12px;
    padding:11px 12px;

    box-sizing:border-box;

    border:1px solid rgba(255,255,255,.10);
    border-radius:13px;

    background:rgba(255,255,255,.045);

    color:#e9f4f7!important;
    text-decoration:none!important;

    transition:.2s ease;
}

.qra-f2-contact-item:hover{
    background:rgba(255,255,255,.09);
    border-color:rgba(53,210,220,.35);
}

.qra-f2-contact-item > span{
    display:flex;
    align-items:center;
    justify-content:center;

    width:36px;
    height:36px;

    flex:0 0 36px;

    border-radius:11px;

    background:#087fa7;
    color:#fff;

    font-size:17px;
}

.qra-f2-contact-item div{
    min-width:0;
    font-size:13px;
    line-height:1.35;
    overflow-wrap:anywhere;
}

.qra-f2-contact-item small{
    display:block;
    margin-bottom:3px;

    color:#72dce5;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.05em;
}


/* SOCIAL */

.qra-f2-socials{
    display:flex;
    gap:9px;
    margin-top:9px;
}

.qra-f2-socials a{
    width:40px;
    height:40px;

    display:flex!important;
    align-items:center;
    justify-content:center;

    margin:0!important;

    border-radius:12px;

    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.1);

    color:#fff!important;
    text-decoration:none!important;

    font-weight:900;
    font-size:16px;

    transition:.2s ease;
}

.qra-f2-socials a:hover{
    background:#087fa7;
    transform:translateY(-3px);
}


/* BOTTOM */

.qra-f2-bottom{
    width:min(100%,1500px);

    margin:48px auto 0;
    padding-top:22px;

    border-top:1px solid rgba(255,255,255,.11);

    display:flex;
    justify-content:space-between;
    gap:20px;

    color:#8facb6;
    font-size:13px;
}

.qra-f2-bottom span:last-child{
    color:#e9a14d;
    font-weight:700;
}


/* TABLET */

@media(max-width:1180px){

    .qra-f2-wrap{
        grid-template-columns:1.3fr 1fr 1fr;
    }

    .qra-f2-brand,
    .qra-f2-contact{
        grid-column:auto;
    }
}


/* MOBILE */

@media(max-width:760px){

    #qra-footer-v2{
        padding:48px 20px 22px!important;
    }

    .qra-f2-wrap{
        grid-template-columns:1fr 1fr;
        gap:36px 28px;
    }

    .qra-f2-brand,
    .qra-f2-contact{
        grid-column:1 / -1;
    }

    .qra-f2-bottom{
        flex-direction:column;
        margin-top:38px;
    }
}


@media(max-width:500px){

    .qra-f2-wrap{
        grid-template-columns:1fr;
    }

    .qra-f2-brand,
    .qra-f2-contact{
        grid-column:auto;
    }
}


/* =========================================================
   QRA MOBILE MENU - COMPACT + NO LAYOUT SHIFT
   ========================================================= */

@media (max-width:900px){

    body{
        overflow-x:hidden!important;
    }

    .qra-header,
    .qra-header-inner{
        overflow:visible!important;
    }

    .qra-mobile-menu{
        position:relative!important;
        width:auto!important;
        height:auto!important;
        flex:0 0 auto!important;
        margin:0!important;
        padding:0!important;
    }

    /* Smaller hamburger button */
    .qra-mobile-menu summary{
        width:40px!important;
        height:40px!important;
        min-width:40px!important;
        min-height:40px!important;

        padding:0!important;
        margin:0!important;

        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex-direction:column!important;
        gap:4px!important;

        border-radius:12px!important;
        box-sizing:border-box!important;

        cursor:pointer!important;
    }

    .qra-mobile-menu summary span{
        width:18px!important;
        height:2px!important;
        margin:0!important;
        flex:none!important;
        border-radius:20px!important;
    }

    /* Dropdown - does NOT push the page */
    .qra-mobile-panel{
        position:absolute!important;

        top:calc(100% + 12px)!important;
        right:0!important;
        left:auto!important;

        width:min(300px,calc(100vw - 28px))!important;
        max-width:300px!important;
        min-width:260px!important;

        margin:0!important;
        padding:14px!important;

        box-sizing:border-box!important;

        border-radius:18px!important;

        background:#fff!important;
        border:1px solid #d5eaf1!important;

        box-shadow:
            0 20px 55px rgba(5,55,72,.18)!important;

        z-index:999999!important;

        max-height:calc(100vh - 120px)!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
    }

    .qra-mobile-panel a{
        display:flex!important;
        align-items:center!important;

        width:100%!important;
        min-height:43px!important;

        margin:0 0 5px!important;
        padding:9px 12px!important;

        box-sizing:border-box!important;

        border-radius:10px!important;

        font-size:14px!important;
        line-height:1.3!important;

        white-space:normal!important;
    }

    .qra-mobile-panel a:last-child{
        margin-bottom:0!important;
    }

    .qra-mobile-cta{
        justify-content:center!important;
        margin-top:7px!important;
        min-height:42px!important;
    }

    /* Arabic opens from the opposite side */
    html[dir="rtl"] .qra-mobile-panel,
    body.rtl .qra-mobile-panel{
        right:auto!important;
        left:0!important;
        text-align:right!important;
    }
}

@media (max-width:400px){

    .qra-mobile-menu summary{
        width:38px!important;
        height:38px!important;
        min-width:38px!important;
        min-height:38px!important;
    }

    .qra-mobile-panel{
        min-width:0!important;
        width:calc(100vw - 24px)!important;
    }
}


/* =========================================================
   QRA MOBILE MENU - COMPACT + NO LAYOUT SHIFT
   ========================================================= */

@media (max-width:900px){

    body{
        overflow-x:hidden!important;
    }

    .qra-header,
    .qra-header-inner{
        overflow:visible!important;
    }

    .qra-mobile-menu{
        position:relative!important;
        width:auto!important;
        height:auto!important;
        flex:0 0 auto!important;
        margin:0!important;
        padding:0!important;
    }

    /* Smaller hamburger button */
    .qra-mobile-menu summary{
        width:40px!important;
        height:40px!important;
        min-width:40px!important;
        min-height:40px!important;

        padding:0!important;
        margin:0!important;

        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex-direction:column!important;
        gap:4px!important;

        border-radius:12px!important;
        box-sizing:border-box!important;

        cursor:pointer!important;
    }

    .qra-mobile-menu summary span{
        width:18px!important;
        height:2px!important;
        margin:0!important;
        flex:none!important;
        border-radius:20px!important;
    }

    /* Dropdown - does NOT push the page */
    .qra-mobile-panel{
        position:absolute!important;

        top:calc(100% + 12px)!important;
        right:0!important;
        left:auto!important;

        width:min(300px,calc(100vw - 28px))!important;
        max-width:300px!important;
        min-width:260px!important;

        margin:0!important;
        padding:14px!important;

        box-sizing:border-box!important;

        border-radius:18px!important;

        background:#fff!important;
        border:1px solid #d5eaf1!important;

        box-shadow:
            0 20px 55px rgba(5,55,72,.18)!important;

        z-index:999999!important;

        max-height:calc(100vh - 120px)!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
    }

    .qra-mobile-panel a{
        display:flex!important;
        align-items:center!important;

        width:100%!important;
        min-height:43px!important;

        margin:0 0 5px!important;
        padding:9px 12px!important;

        box-sizing:border-box!important;

        border-radius:10px!important;

        font-size:14px!important;
        line-height:1.3!important;

        white-space:normal!important;
    }

    .qra-mobile-panel a:last-child{
        margin-bottom:0!important;
    }

    .qra-mobile-cta{
        justify-content:center!important;
        margin-top:7px!important;
        min-height:42px!important;
    }

    /* Arabic opens from the opposite side */
    html[dir="rtl"] .qra-mobile-panel,
    body.rtl .qra-mobile-panel{
        right:auto!important;
        left:0!important;
        text-align:right!important;
    }
}

@media (max-width:400px){

    .qra-mobile-menu summary{
        width:38px!important;
        height:38px!important;
        min-width:38px!important;
        min-height:38px!important;
    }

    .qra-mobile-panel{
        min-width:0!important;
        width:calc(100vw - 24px)!important;
    }
}


/* =========================================================
   QRA REMOVE OLD COMMENTS + NAVIGATION
   ========================================================= */

body.single-post .wp-block-comments,
body.single-post .comments-area,
body.single-post #comments,
body.single-post .comment-respond,
body.single-post .post-navigation,
body.single-post .navigation.post-navigation,
body.single-post .wp-block-post-navigation-link,
body.single-post .wp-block-query-pagination,
body.single-post .wp-block-post-comments-form{
    display:none!important;
}


/* =========================================================
   QRA RELATED ARTICLES
   ========================================================= */

.qra-related-articles{
    width:min(100%,1450px);
    margin:70px auto 20px!important;
    padding:48px 28px!important;
    box-sizing:border-box;

    border-radius:32px;
    background:
        radial-gradient(circle at 0% 0%,rgba(8,127,167,.10),transparent 35%),
        radial-gradient(circle at 100% 0%,rgba(243,148,44,.10),transparent 30%),
        #f7fbfd;

    border:1px solid #dcebf0;
}

.qra-related-head{
    max-width:760px;
    margin:0 auto 34px;
    text-align:center;
}

.qra-related-head > span{
    display:inline-flex;
    padding:7px 13px;
    margin-bottom:12px;

    border-radius:999px;

    background:#e8f6fa;
    color:#087fa7;

    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.qra-related-head h2{
    margin:0 0 10px!important;

    color:#073f56!important;
    font-size:clamp(30px,4vw,46px)!important;
    line-height:1.15!important;
    font-weight:850!important;
}

.qra-related-head p{
    margin:0!important;

    color:#6f838b!important;
    font-size:16px!important;
    line-height:1.7!important;
}

.qra-related-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.qra-related-card{
    min-width:0;
    overflow:hidden;

    display:flex;
    flex-direction:column;

    border-radius:22px;

    background:#fff;
    border:1px solid #d8e8ed;

    box-shadow:
        0 12px 32px rgba(12,66,84,.07);

    transition:
        transform .22s ease,
        box-shadow .22s ease;
}

.qra-related-card:hover{
    transform:translateY(-6px);
    box-shadow:
        0 20px 44px rgba(12,66,84,.12);
}

.qra-related-image{
    display:block;
    width:100%;
    height:190px;
    overflow:hidden;
    background:#edf7fa;
}

.qra-related-image img{
    display:block;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    transition:transform .35s ease;
}

.qra-related-card:hover .qra-related-image img{
    transform:scale(1.045);
}

.qra-related-body{
    flex:1;
    display:flex;
    flex-direction:column;

    padding:23px;
}

.qra-related-body h3{
    margin:0 0 12px!important;

    font-size:21px!important;
    line-height:1.35!important;
    font-weight:800!important;
}

.qra-related-body h3 a{
    color:#103f50!important;
    text-decoration:none!important;
}

.qra-related-body p{
    margin:0 0 20px!important;

    color:#73868d!important;
    font-size:14.5px!important;
    line-height:1.7!important;

    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
}

.qra-related-button{
    width:fit-content;

    margin-top:auto!important;
    padding:10px 16px;

    display:inline-flex;
    align-items:center;
    gap:8px;

    border-radius:999px;

    background:#087fa7;
    color:#fff!important;

    text-decoration:none!important;
    font-size:13.5px;
    font-weight:800;

    transition:.2s ease;
}

.qra-related-button:hover{
    background:#056882;
    transform:translateY(-2px);
}


/* RTL */
.qra-related-articles[dir="rtl"]{
    text-align:right;
}

.qra-related-articles[dir="rtl"] .qra-related-head{
    text-align:center;
}

.qra-related-articles[dir="rtl"] .qra-related-button span{
    transform:rotate(180deg);
}


/* TABLET */
@media(max-width:900px){

    .qra-related-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}


/* MOBILE */
@media(max-width:620px){

    .qra-related-articles{
        margin-top:45px!important;
        padding:30px 14px!important;
        border-radius:24px;
    }

    .qra-related-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .qra-related-image{
        height:200px;
    }
}


/* =========================================================
   QRA RELATED ARTICLES - WIDE FINAL FIX
   ========================================================= */

/* Remove old Twenty Twenty-Five "More posts" section */
body.single-post main .wp-block-query,
body.single-post main .wp-block-query-pagination,
body.single-post main .wp-block-post-navigation-link,
body.single-post main .post-navigation,
body.single-post main .navigation.post-navigation{
    display:none!important;
}


/* Escape the narrow article column */
body.single-post .qra-related-articles{
    position:relative!important;

    left:50%!important;

    width:min(1450px,calc(100vw - 48px))!important;
    max-width:none!important;

    margin-top:75px!important;
    margin-bottom:30px!important;
    margin-left:0!important;
    margin-right:0!important;

    transform:translateX(-50%)!important;

    padding:50px 38px!important;

    box-sizing:border-box!important;
}


/* Wide modern cards */
body.single-post .qra-related-grid{
    width:100%!important;

    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;

    gap:24px!important;
}


/* Prevent old article width rules affecting cards */
body.single-post .qra-related-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
}

body.single-post .qra-related-image{
    width:100%!important;
    height:220px!important;
}


/* Better card proportions */
body.single-post .qra-related-body{
    padding:25px!important;
}

body.single-post .qra-related-body h3{
    font-size:20px!important;
    line-height:1.45!important;
}


/* TABLET */
@media(max-width:950px){

    body.single-post .qra-related-articles{
        width:calc(100vw - 28px)!important;
        padding:35px 22px!important;
    }

    body.single-post .qra-related-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}


/* MOBILE */
@media(max-width:620px){

    body.single-post .qra-related-articles{
        width:calc(100vw - 20px)!important;

        margin-top:45px!important;

        padding:28px 14px!important;

        border-radius:22px!important;
    }

    body.single-post .qra-related-grid{
        grid-template-columns:1fr!important;
        gap:17px!important;
    }

    body.single-post .qra-related-image{
        height:210px!important;
    }
}


/* =========================================================
   QRA REMOVE OLD ARTICLE TAIL + EMPTY SPACE
   ========================================================= */

/* Remove the complete old "More posts" wrapper */
body.single-post main .wp-block-group:has(.wp-block-query):not(:has(.qra-related-articles)){
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
}

/* Remove old navigation wrapper completely */
body.single-post main .wp-block-group:has(.wp-block-post-navigation-link):not(:has(.qra-related-articles)){
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
}

/* Old separators / navigation remnants */
body.single-post main .navigation.post-navigation,
body.single-post main .post-navigation,
body.single-post main .wp-block-query-pagination{
    display:none!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
}

/* No artificial empty area before footer */
body.single-post main{
    padding-bottom:0!important;
    margin-bottom:0!important;
}


/* =========================================================
   QRA HOME VIDEO SPOTLIGHT
   ========================================================= */
.qra-home-video-spotlight{
    width:min(100% - 48px, 1280px);
    margin:34px auto 18px;
    position:relative;
    z-index:2;
}

.qra-home-video-wrap{
    background:linear-gradient(135deg,#f8fbfd 0%,#eef7fb 55%,#fdf8f2 100%);
    border:1px solid #d6e7ef;
    border-radius:34px;
    padding:30px 28px 34px;
    box-shadow:0 18px 40px rgba(7,77,113,.08);
    overflow:hidden;
    position:relative;
}

.qra-home-video-wrap::before{
    content:"";
    position:absolute;
    inset:auto auto -60px -40px;
    width:180px;
    height:180px;
    background:radial-gradient(circle,rgba(242,140,40,.14),transparent 68%);
    pointer-events:none;
}

.qra-home-video-head{
    text-align:center;
    max-width:900px;
    margin:0 auto 22px;
}

.qra-home-video-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    border-radius:999px;
    background:#e9f4fb;
    color:#0b7bb0;
    font-size:13px;
    font-weight:800;
    letter-spacing:.04em;
    margin-bottom:14px;
}

.qra-home-video-head h2{
    margin:0 0 12px;
    color:#0a4666;
    font-size:clamp(28px,3.1vw,48px);
    line-height:1.15;
    font-weight:900;
}

.qra-home-video-head p{
    margin:0 auto;
    max-width:820px;
    color:#5f7887;
    font-size:clamp(16px,1.25vw,20px);
    line-height:1.95;
}

.qra-home-video-frame{
    position:relative;
    max-width:1000px;
    margin:0 auto;
    border-radius:28px;
    padding:12px;
    background:linear-gradient(135deg,#0b7bb0 0%,#0a4b69 55%,#f28c28 100%);
    box-shadow:0 24px 55px rgba(10,70,102,.18);
}

.qra-home-video-glow{
    position:absolute;
    inset:-12px;
    border-radius:34px;
    background:radial-gradient(circle at top right,rgba(242,140,40,.22),transparent 36%),
               radial-gradient(circle at bottom left,rgba(11,123,176,.18),transparent 35%);
    pointer-events:none;
}

.qra-home-video-frame iframe{
    display:block;
    width:100%;
    aspect-ratio:16/9;
    border:0;
    border-radius:20px;
    background:#fff;
}

html[lang^="ar"] .qra-home-video-head p{
    line-height:2.05;
}

@media (max-width: 768px){
    .qra-home-video-spotlight{
        width:min(100% - 24px, 100%);
        margin:22px auto 10px;
    }

    .qra-home-video-wrap{
        padding:22px 16px 20px;
        border-radius:24px;
    }

    .qra-home-video-head{
        margin-bottom:16px;
    }

    .qra-home-video-head h2{
        font-size:30px;
    }

    .qra-home-video-head p{
        font-size:15px;
        line-height:1.9;
    }

    .qra-home-video-frame{
        padding:8px;
        border-radius:20px;
    }

    .qra-home-video-frame iframe{
        border-radius:14px;
    }
}

/* QRA HOME VIDEO - SMALLER THUMBNAIL */

.qra-home-video-frame{
    max-width:820px!important;
    padding:9px!important;
    border-radius:24px!important;
}

.qra-home-video-link{
    position:relative;
    display:block;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    border-radius:17px;
    background:#072f40;
    text-decoration:none!important;
}

.qra-home-video-link img{
    display:block;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    transition:transform .35s ease,filter .35s ease;
}

.qra-home-video-link::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        rgba(4,41,58,.02),
        rgba(4,41,58,.25)
    );
}

.qra-home-video-link:hover img{
    transform:scale(1.025);
}

.qra-home-video-play{
    position:absolute;
    z-index:3;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);

    width:72px;
    height:72px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding-left:5px;
    border-radius:50%;

    background:#087fa7;
    color:#fff;

    font-size:28px;

    box-shadow:
        0 12px 35px rgba(0,0,0,.25),
        0 0 0 10px rgba(255,255,255,.16);

    transition:.22s ease;
}

.qra-home-video-link:hover .qra-home-video-play{
    transform:translate(-50%,-50%) scale(1.08);
    background:#f3942c;
}

.qra-home-video-watch{
    position:absolute;
    z-index:3;
    bottom:18px;
    left:50%;
    transform:translateX(-50%);

    padding:8px 15px;
    border-radius:999px;

    background:rgba(5,48,65,.82);
    color:#fff;

    font-size:13px;
    font-weight:800;
    white-space:nowrap;

    backdrop-filter:blur(8px);
}

@media(max-width:700px){

    .qra-home-video-frame{
        max-width:100%!important;
        padding:6px!important;
    }

    .qra-home-video-play{
        width:56px;
        height:56px;
        font-size:21px;
    }

    .qra-home-video-watch{
        bottom:12px;
        font-size:11px;
    }
}


/* QRA VIDEO TITLE INSIDE COVER */

.qra-home-video-head{
    position:absolute!important;
    z-index:5!important;
    top:28px!important;
    left:50%!important;
    transform:translateX(-50%)!important;

    width:min(90%,760px)!important;
    margin:0!important;

    text-align:center!important;

    pointer-events:none!important;
}

/* hide small eyebrow */
.qra-home-video-eyebrow{
    display:none!important;
}

/* headline over cover */
.qra-home-video-head h2{
    margin:0 0 8px!important;

    color:#fff!important;
    font-size:clamp(24px,3vw,38px)!important;
    line-height:1.2!important;
    font-weight:900!important;

    text-shadow:
        0 3px 18px rgba(0,0,0,.55)!important;
}

/* subtitle over cover */
.qra-home-video-head p{
    max-width:700px!important;
    margin:0 auto!important;

    color:rgba(255,255,255,.94)!important;
    font-size:15px!important;
    line-height:1.7!important;

    text-shadow:
        0 2px 12px rgba(0,0,0,.65)!important;
}

/* make wrapper only a container */
.qra-home-video-wrap{
    position:relative!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
}

/* dark overlay so title is readable */
.qra-home-video-link::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;

    background:
        linear-gradient(
            180deg,
            rgba(3,38,54,.68) 0%,
            rgba(3,38,54,.20) 42%,
            rgba(3,38,54,.16) 100%
        )!important;

    pointer-events:none!important;
}

/* keep play button above overlay */
.qra-home-video-play,
.qra-home-video-watch{
    z-index:4!important;
}

@media(max-width:700px){

    .qra-home-video-head{
        top:18px!important;
        width:88%!important;
    }

    .qra-home-video-head h2{
        font-size:23px!important;
    }

    .qra-home-video-head p{
        display:none!important;
    }
}


/* =========================================================
   QRA FREE TRIAL VIDEO
   ========================================================= */

.qra-trial-video{
    width:min(100%,760px)!important;
    margin:28px auto!important;
    text-align:center!important;
}

.qra-trial-video h3{
    margin:0 0 16px!important;
    color:#084861!important;
    font-size:clamp(22px,2.2vw,32px)!important;
    line-height:1.35!important;
    font-weight:850!important;
}

.qra-trial-video-cover{
    position:relative!important;

    display:block!important;

    width:100%!important;
    aspect-ratio:16/9!important;

    overflow:hidden!important;

    border-radius:25px!important;

    border:8px solid #fff!important;

    background:#073b51!important;

    box-shadow:
        0 20px 50px rgba(8,75,100,.18),
        0 0 0 1px #d8e9ef!important;

    text-decoration:none!important;
}

.qra-trial-video-cover::after{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    background:
        linear-gradient(
            180deg,
            rgba(4,45,61,.03),
            rgba(4,45,61,.30)
        )!important;

    z-index:2!important;
}

.qra-trial-video-cover img{
    width:100%!important;
    height:100%!important;

    display:block!important;

    object-fit:cover!important;

    transition:
        transform .35s ease,
        filter .35s ease!important;
}

.qra-trial-video-cover:hover img{
    transform:scale(1.035)!important;
    filter:brightness(.92)!important;
}

.qra-trial-video-play{
    position:absolute!important;

    z-index:4!important;

    top:50%!important;
    left:50%!important;

    transform:translate(-50%,-50%)!important;

    width:70px!important;
    height:70px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    padding-left:5px!important;

    border-radius:50%!important;

    background:#087fa7!important;
    color:#fff!important;

    font-size:27px!important;

    box-shadow:
        0 12px 34px rgba(0,0,0,.28),
        0 0 0 10px rgba(255,255,255,.18)!important;

    transition:.22s ease!important;
}

.qra-trial-video-cover:hover .qra-trial-video-play{
    background:#f3942c!important;
    transform:
        translate(-50%,-50%)
        scale(1.08)!important;
}

.qra-trial-video-label{
    position:absolute!important;

    z-index:4!important;

    bottom:17px!important;
    left:50%!important;

    transform:translateX(-50%)!important;

    padding:8px 16px!important;

    border-radius:999px!important;

    background:rgba(4,47,64,.82)!important;
    color:#fff!important;

    font-size:13px!important;
    font-weight:800!important;

    white-space:nowrap!important;

    backdrop-filter:blur(8px)!important;
}


/* Free Trial pages - give video breathing room */
body:is(.page-id-172,.page-id-173,.page-id-174)
.qra-trial-video{
    width:min(calc(100% - 30px),900px)!important;
    margin:42px auto!important;
}


/* MOBILE */
@media(max-width:650px){

    .qra-trial-video{
        width:100%!important;
        margin:22px auto!important;
    }

    .qra-trial-video h3{
        font-size:22px!important;
        padding:0 8px!important;
    }

    .qra-trial-video-cover{
        border-width:5px!important;
        border-radius:18px!important;
    }

    .qra-trial-video-play{
        width:54px!important;
        height:54px!important;
        font-size:20px!important;
    }

    .qra-trial-video-label{
        bottom:10px!important;
        font-size:11px!important;
    }
}


/* =========================================================
   QRA HOME FREE TRIAL VIDEO V3
   ========================================================= */

.qra-trial-video-v3{
    width:min(100%,650px)!important;
    margin:25px auto!important;
}

.qra-trial-video-v3-cover{
    position:relative!important;

    display:block!important;

    width:100%!important;
    aspect-ratio:16/9!important;

    overflow:hidden!important;

    border-radius:22px!important;

    background:#073e54!important;

    box-shadow:
        0 18px 42px rgba(8,73,98,.16),
        0 0 0 1px #d5e8ef!important;

    text-decoration:none!important;
}

.qra-trial-video-v3-cover img{
    display:block!important;

    width:100%!important;
    height:100%!important;

    object-fit:cover!important;

    transition:transform .3s ease!important;
}

.qra-trial-video-v3-cover::after{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    z-index:2!important;

    background:linear-gradient(
        180deg,
        rgba(3,44,60,.02),
        rgba(3,44,60,.32)
    )!important;
}

.qra-trial-video-v3-cover:hover img{
    transform:scale(1.035)!important;
}

.qra-trial-video-v3-play{
    position:absolute!important;

    z-index:4!important;

    top:50%!important;
    left:50%!important;

    transform:translate(-50%,-50%)!important;

    width:64px!important;
    height:64px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    padding-left:4px!important;

    border-radius:50%!important;

    background:#087fa7!important;
    color:#fff!important;

    font-size:24px!important;

    box-shadow:
        0 10px 30px rgba(0,0,0,.25),
        0 0 0 9px rgba(255,255,255,.18)!important;
}

.qra-trial-video-v3-label{
    position:absolute!important;

    z-index:4!important;

    left:50%!important;
    bottom:14px!important;

    transform:translateX(-50%)!important;

    padding:7px 14px!important;

    border-radius:999px!important;

    background:rgba(5,54,72,.85)!important;
    color:#fff!important;

    font-size:12px!important;
    font-weight:800!important;

    white-space:nowrap!important;
}

@media(max-width:650px){

    .qra-trial-video-v3{
        width:100%!important;
        margin:20px auto!important;
    }

    .qra-trial-video-v3-cover{
        border-radius:17px!important;
    }

    .qra-trial-video-v3-play{
        width:52px!important;
        height:52px!important;
        font-size:19px!important;
    }
}


/* QRA TRIAL INLINE VIDEO */

.qra-trial-inline-player{
    width:100%!important;
    aspect-ratio:16/9!important;
    overflow:hidden!important;
    border-radius:22px!important;
    background:#062f40!important;
    box-shadow:
        0 18px 42px rgba(8,73,98,.16),
        0 0 0 1px #d5e8ef!important;
}

.qra-trial-inline-player iframe{
    display:block!important;
    width:100%!important;
    height:100%!important;
    border:0!important;
}

@media(max-width:650px){
    .qra-trial-inline-player{
        border-radius:17px!important;
    }
}


/* =========================================================
   QRA NATIVE HOME TRIAL VIDEO
   ========================================================= */

/* Hide all old injected trial-video versions */
body.home .qra-trial-video,
body.home .qra-trial-video-v3{
    display:none!important;
}


/* Native video inside the real Free Trial card */
.qht-box .qht-video{
    width:min(100%,620px);
    margin:28px auto 4px;
    text-align:center;
}

.qht-box .qht-video h3{
    margin:0 0 15px!important;
    color:#0a506c!important;
    font-size:22px!important;
    line-height:1.35!important;
    font-weight:850!important;
}

.qht-video-cover{
    position:relative;
    display:block;

    width:100%;
    aspect-ratio:16/9;

    padding:0;
    margin:0;

    overflow:hidden;

    border:0;
    border-radius:22px;

    background:#073f55;
    cursor:pointer;

    box-shadow:
        0 18px 40px rgba(8,72,97,.16),
        0 0 0 1px #d4e8ef;
}

.qht-video-cover img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .3s ease;
}

.qht-video-cover::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;

    background:linear-gradient(
        180deg,
        rgba(4,43,59,.02),
        rgba(4,43,59,.25)
    );
}

.qht-video-cover:hover img{
    transform:scale(1.025);
}

.qht-video-play{
    position:absolute;
    z-index:4;

    top:50%;
    left:50%;
    transform:translate(-50%,-50%);

    width:64px;
    height:64px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding-left:4px;

    border-radius:50%;

    background:#087fa7;
    color:#fff;

    font-size:24px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.25),
        0 0 0 9px rgba(255,255,255,.2);
}

.qht-video-label{
    position:absolute;
    z-index:4;

    bottom:13px;
    left:50%;
    transform:translateX(-50%);

    padding:7px 14px;

    border-radius:999px;

    background:rgba(5,52,69,.84);
    color:#fff;

    font-size:12px;
    font-weight:800;
    white-space:nowrap;
}


/* Actual inline player */
.qht-video-player{
    width:100%;
    aspect-ratio:16/9;

    overflow:hidden;

    border-radius:22px;
    background:#062f40;

    box-shadow:
        0 18px 40px rgba(8,72,97,.16),
        0 0 0 1px #d4e8ef;
}

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


/* Buttons stay under the video */
.qht-box .qht-actions{
    margin-top:22px!important;
}


@media(max-width:640px){

    .qht-box .qht-video{
        margin-top:22px;
    }

    .qht-box .qht-video h3{
        font-size:19px!important;
    }

    .qht-video-cover,
    .qht-video-player{
        border-radius:17px;
    }

    .qht-video-play{
        width:52px;
        height:52px;
        font-size:19px;
    }

}


/* =========================================================
   QRA REAL INLINE VIDEO FINAL
   ========================================================= */

/* Wrong duplicated blocks must never appear on Free Trial page */
body:is(.page-id-172,.page-id-173,.page-id-174)
.qra-trial-video,
body:is(.page-id-172,.page-id-173,.page-id-174)
.qra-trial-video-v3{
    display:none!important;
}


/* Existing Free Trial video location */
.qra-free-page-video-cover{
    position:relative!important;

    display:block!important;

    width:min(100%,900px)!important;
    aspect-ratio:16/9!important;

    margin:24px auto!important;
    padding:0!important;

    overflow:hidden!important;

    border:0!important;
    border-radius:26px!important;

    background:#063b50!important;

    cursor:pointer!important;

    box-shadow:
        0 20px 50px rgba(8,72,97,.16)!important;
}

.qra-free-page-video-cover img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}

.qra-free-page-video-cover::after{
    content:""!important;

    position:absolute!important;
    inset:0!important;
    z-index:2!important;

    background:linear-gradient(
        180deg,
        rgba(4,43,59,.02),
        rgba(4,43,59,.25)
    )!important;
}


/* Shared play button */
.qra-real-play{
    position:absolute!important;
    z-index:4!important;

    top:50%!important;
    left:50%!important;

    transform:translate(-50%,-50%)!important;

    width:68px!important;
    height:68px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    padding-left:4px!important;

    border-radius:50%!important;

    background:#087fa7!important;
    color:#fff!important;

    font-size:25px!important;

    box-shadow:
        0 10px 30px rgba(0,0,0,.25),
        0 0 0 9px rgba(255,255,255,.18)!important;
}

.qra-real-play-label{
    position:absolute!important;

    z-index:4!important;

    bottom:15px!important;
    left:50%!important;

    transform:translateX(-50%)!important;

    padding:7px 15px!important;

    border-radius:999px!important;

    background:rgba(5,52,69,.84)!important;
    color:#fff!important;

    font-size:12px!important;
    font-weight:800!important;

    white-space:nowrap!important;
}


/* Player stays EXACTLY in the cover position */
.qra-real-inline-player{
    width:100%!important;
    aspect-ratio:16/9!important;

    margin:0!important;

    overflow:hidden!important;

    border-radius:22px!important;
    background:#062f40!important;

    box-shadow:
        0 18px 42px rgba(8,73,98,.16)!important;
}

.qra-real-inline-player iframe{
    display:block!important;

    width:100%!important;
    height:100%!important;

    border:0!important;
}


/* Free Trial page player size */
body:is(.page-id-172,.page-id-173,.page-id-174)
.qra-real-inline-player{
    width:min(100%,900px)!important;
    margin:24px auto!important;
    border-radius:26px!important;
}


@media(max-width:650px){

    .qra-free-page-video-cover,
    .qra-real-inline-player{
        border-radius:17px!important;
    }

    .qra-real-play{
        width:52px!important;
        height:52px!important;
        font-size:19px!important;
    }
}


/* Hide home video overlay text while video is playing */
.qra-home-video-spotlight:has(.qra-real-inline-player) .qra-home-video-head{
    display:none!important;
}

.qra-home-video-spotlight:has(.qra-real-inline-player) .qra-real-inline-player{
    position:relative!important;
    z-index:10!important;
}


/* =========================================================
   QRA ARABIC MOBILE - NO HORIZONTAL SHIFT
   ========================================================= */

@media (max-width:900px){

    html[dir="rtl"],
    html[dir="rtl"] body,
    body.rtl{
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        padding-left:0!important;
        padding-right:0!important;
        overflow-x:hidden!important;
    }

    html[dir="rtl"] body .wp-site-blocks,
    html[dir="rtl"] body main,
    html[dir="rtl"] body main#wp--skip-link--target,
    html[dir="rtl"] body .wp-block-post-content{
        width:100%!important;
        max-width:100%!important;
        margin-left:0!important;
        margin-right:0!important;
        box-sizing:border-box!important;
    }

    /* Legal pages */
    html[dir="rtl"] body .wp-block-post-content > .qra-policy-page{
        width:100%!important;
        max-width:100%!important;
        margin-left:0!important;
        margin-right:0!important;
    }

    /* Related articles */
    html[dir="rtl"] body.single-post .qra-related-articles{
        left:auto!important;
        right:auto!important;
        transform:none!important;

        width:calc(100% - 20px)!important;
        max-width:100%!important;

        margin-left:auto!important;
        margin-right:auto!important;
    }

    /* Homepage custom sections */
    html[dir="rtl"] body.home .qra-home-video-spotlight,
    html[dir="rtl"] body.home .qra-home-trial-teaser{
        left:auto!important;
        right:auto!important;
        transform:none!important;

        max-width:100%!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }

    /* Images / video must never widen the page */
    html[dir="rtl"] body img,
    html[dir="rtl"] body iframe,
    html[dir="rtl"] body video{
        max-width:100%!important;
    }
}


/* =========================================================
   QRA HEADER DIRECTION - ALWAYS FIXED
   ========================================================= */

/* Header layout never flips with language */
.qra-header,
.qra-header-inner,
.qra-brand,
.qra-nav,
.qra-mobile-menu{
    direction:ltr!important;
}

/* Keep Arabic/French text itself natural */
html[dir="rtl"] .qra-nav a,
html[dir="rtl"] .qra-start-btn,
html[dir="rtl"] .qra-mobile-panel a,
body.rtl .qra-nav a,
body.rtl .qra-start-btn,
body.rtl .qra-mobile-panel a{
    direction:rtl!important;
    text-align:center!important;
}

/* Mobile menu button stays in same position */
@media(max-width:900px){

    html[dir="rtl"] .qra-header-inner,
    body.rtl .qra-header-inner{
        direction:ltr!important;
    }

    html[dir="rtl"] .qra-mobile-menu,
    body.rtl .qra-mobile-menu{
        direction:ltr!important;
    }

    /* Dropdown always opens from same side */
    html[dir="rtl"] .qra-mobile-panel,
    body.rtl .qra-mobile-panel{
        right:0!important;
        left:auto!important;
    }

    html[dir="rtl"] .qra-mobile-panel a,
    body.rtl .qra-mobile-panel a{
        direction:rtl!important;
        text-align:right!important;
    }
}


/* =========================================================
   QRA HEADER - ALWAYS FIXED
   ========================================================= */

.qra-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;

    width:100%!important;
    max-width:none!important;

    z-index:999999!important;

    margin:0!important;

    transition:
        box-shadow .2s ease,
        background .2s ease!important;
}

.qra-header.qra-header-scrolled{
    box-shadow:0 8px 30px rgba(7,60,80,.12)!important;
}

/* WordPress admin bar */
body.admin-bar .qra-header{
    top:32px!important;
}

@media(max-width:782px){
    body.admin-bar .qra-header{
        top:46px!important;
    }
}


/* QRA HOME - CLEAR FIXED HEADER */

body:is(.page-id-8,.page-id-48,.page-id-49) main#wp--skip-link--target{
    padding-top:30px!important;
    box-sizing:border-box!important;
}

@media(max-width:900px){

    body:is(.page-id-8,.page-id-48,.page-id-49) main#wp--skip-link--target{
        padding-top:22px!important;
    }

}


/* =========================================================
   QRA HOME MOBILE FIXED HEADER - FINAL
   ========================================================= */

@media(max-width:900px){

    body:is(.page-id-8,.page-id-48,.page-id-49){
        padding-top:0!important;
    }

    body:is(.page-id-8,.page-id-48,.page-id-49)
    main#wp--skip-link--target{
        padding-top:12px!important;
        margin-top:var(--qra-mobile-header-space,85px)!important;
    }

}


/* QRA HOME MOBILE - REMOVE WHITE GAP UNDER HEADER */

@media(max-width:900px){

    body:is(.page-id-8,.page-id-48,.page-id-49){
        padding-top:0!important;
    }

    body:is(.page-id-8,.page-id-48,.page-id-49)
    main#wp--skip-link--target{
        margin-top:0!important;
        padding-top:0!important;
    }

    body:is(.page-id-8,.page-id-48,.page-id-49)
    .wp-block-post-content{
        margin-top:0!important;
        padding-top:0!important;
    }

    /* Let the first real section fill the area behind the fixed header */
    body:is(.page-id-8,.page-id-48,.page-id-49)
    .wp-block-post-content > section:first-of-type{
        padding-top:calc(var(--qra-mobile-header-space,85px) + 12px)!important;
    }

}


/* QRA HOME MOBILE - UNDO BAD HERO OFFSET */

@media(max-width:900px){

    body:is(.page-id-8,.page-id-48,.page-id-49)
    .wp-block-post-content > section:first-of-type{
        padding-top:0!important;
    }

    body:is(.page-id-8,.page-id-48,.page-id-49)
    main#wp--skip-link--target{
        padding-top:0!important;
        margin-top:var(--qra-mobile-header-space,85px)!important;
    }

}


/* QRA HOME MOBILE - MATCH HEADER GAP TO PAGE BACKGROUND */

@media(max-width:900px){

    body:is(.page-id-8,.page-id-48,.page-id-49),
    body:is(.page-id-8,.page-id-48,.page-id-49) main#wp--skip-link--target{
        background:#f7fbfd!important;
    }

}


/* =========================================================
   QRA HOME PRICING - MODERN COMPACT
   ========================================================= */

.qra-pricing{
    width:min(calc(100% - 40px),1180px);
    margin:65px auto;
    padding:54px 32px 38px;
    box-sizing:border-box;

    border:1px solid #dbeaf0;
    border-radius:32px;

    background:
        radial-gradient(circle at 5% 0%,rgba(8,127,167,.09),transparent 30%),
        radial-gradient(circle at 95% 5%,rgba(243,148,44,.09),transparent 30%),
        #f9fcfd;

    box-shadow:0 18px 55px rgba(10,73,96,.06);
}

.qra-pricing-head{
    max-width:820px;
    margin:0 auto 30px;
    text-align:center;
}

.qra-pricing-eyebrow{
    display:inline-flex;
    padding:8px 14px;
    margin-bottom:13px;

    border-radius:999px;

    background:#e7f6fa;
    color:#087fa7;

    font-size:12px;
    font-weight:900;
    letter-spacing:.07em;
}

.qra-pricing-head h2{
    margin:0 0 12px!important;

    color:#0a455d!important;

    font-size:clamp(30px,3.5vw,46px)!important;
    line-height:1.15!important;
    font-weight:850!important;
    letter-spacing:-.025em!important;
}

.qra-pricing-head p{
    max-width:730px;
    margin:0 auto!important;

    color:#667f89!important;

    font-size:16px!important;
    line-height:1.75!important;
}


/* TABS */

.qra-pricing-tabs{
    width:min(100%,720px);
    margin:0 auto 30px;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;

    padding:7px;

    border-radius:20px;

    background:#eaf4f7;
}

.qra-pricing-tab{
    position:relative;

    min-height:70px;
    padding:11px 12px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    border:0;
    border-radius:15px;

    background:transparent;

    color:#52707b;

    cursor:pointer;

    transition:.2s ease;
}

.qra-pricing-tab strong{
    font-size:15px;
    line-height:1.2;
}

.qra-pricing-tab small{
    margin-top:4px;
    font-size:11px;
    opacity:.76;
}

.qra-pricing-tab > span{
    position:absolute;
    top:-10px;
    right:8px;

    padding:4px 7px;

    border-radius:999px;

    background:#f3942c;
    color:#fff;

    font-size:9px;
    font-weight:900;
}

.qra-pricing-tab.is-active{
    background:#fff;
    color:#087fa7;

    box-shadow:0 8px 22px rgba(8,92,121,.10);
}


/* PANELS */

.qra-price-panel{
    display:none;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.qra-price-panel.is-active{
    display:grid;
}


/* CARD */

.qra-price-card{
    position:relative;

    min-width:0;
    padding:25px 22px 22px;

    display:flex;
    flex-direction:column;

    border-radius:22px;

    background:#fff;
    border:1px solid #dbe9ee;

    box-shadow:0 9px 28px rgba(11,69,88,.055);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.qra-price-card:hover{
    transform:translateY(-5px);

    border-color:#bcdde8;

    box-shadow:0 16px 38px rgba(11,69,88,.10);
}

.qra-price-card.is-featured{
    border:2px solid #087fa7;

    background:
        linear-gradient(180deg,#f3fbfd,#fff 42%);
}

.qra-price-popular{
    position:absolute;

    top:-12px;
    left:50%;
    transform:translateX(-50%);

    padding:6px 11px;

    border-radius:999px;

    background:#f3942c;
    color:#fff;

    font-size:10px;
    font-weight:900;

    white-space:nowrap;
}

.qra-price-frequency{
    margin-bottom:18px;

    color:#0d536c;

    font-size:16px;
    font-weight:850;
}

.qra-price-lessons{
    display:flex;
    align-items:baseline;
    gap:6px;

    color:#617984;
}

.qra-price-lessons strong{
    color:#087fa7;
    font-size:27px;
}

.qra-price-lessons span{
    font-size:12px;
    font-weight:700;
}

.qra-price-money{
    display:flex;
    align-items:flex-end;

    margin:12px 0 17px;

    color:#103f50;
}

.qra-price-money sup{
    margin:0 3px 9px 0;

    color:#087fa7;

    font-size:19px;
    font-weight:900;
}

.qra-price-money strong{
    font-size:47px;
    line-height:1;
    letter-spacing:-.04em;
}

.qra-price-money > span{
    margin:0 0 5px 7px;

    color:#789098;

    font-size:12px;
    font-weight:700;
}

.qra-price-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px;

    margin-bottom:20px;
}

.qra-price-meta span{
    padding:6px 9px;

    border-radius:999px;

    background:#eef7f9;
    color:#55727d;

    font-size:10.5px;
    font-weight:800;
}

.qra-price-button{
    margin-top:auto;

    min-height:43px;
    padding:9px 16px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    border-radius:13px;

    background:#087fa7;
    color:#fff!important;

    text-decoration:none!important;

    font-size:13px;
    font-weight:850;

    transition:.2s ease;
}

.qra-price-button:hover{
    background:#066781;
    transform:translateY(-2px);
}

.qra-price-card.is-featured .qra-price-button{
    background:#f3942c;
}

.qra-pricing-note{
    margin:23px 0 0!important;

    text-align:center!important;

    color:#81959c!important;

    font-size:11.5px!important;
    line-height:1.6!important;
}


/* RTL */

.qra-pricing[dir="rtl"] .qra-price-card{
    text-align:right;
}

.qra-pricing[dir="rtl"] .qra-price-button span{
    transform:rotate(180deg);
}


/* MOBILE */

@media(max-width:760px){

    .qra-pricing{
        width:calc(100% - 22px);
        margin:42px auto;
        padding:36px 13px 25px;

        border-radius:24px;
    }

    .qra-pricing-head{
        margin-bottom:22px;
        padding:0 6px;
    }

    .qra-pricing-head h2{
        font-size:30px!important;
    }

    .qra-pricing-tabs{
        gap:5px;
        padding:5px;
        border-radius:16px;
    }

    .qra-pricing-tab{
        min-height:63px;
        padding:8px 5px;
        border-radius:12px;
    }

    .qra-pricing-tab strong{
        font-size:12px;
    }

    .qra-pricing-tab small{
        font-size:9px;
    }

    .qra-pricing-tab > span{
        display:none;
    }

    .qra-price-panel.is-active{
        grid-template-columns:1fr;
        gap:12px;
    }

    .qra-price-card{
        padding:21px 19px;
        border-radius:18px;
    }

    .qra-price-money strong{
        font-size:42px;
    }
}


/* =========================================================
   QRA PRICING V2 - PREMIUM CLEAN
   ========================================================= */

.qra-pricing{
    width:min(calc(100% - 32px),1060px)!important;
    margin:58px auto!important;
    padding:46px 32px 34px!important;

    border:1px solid #e1edf1!important;
    border-radius:30px!important;

    background:
        radial-gradient(circle at 10% 0%,rgba(8,127,167,.07),transparent 28%),
        radial-gradient(circle at 90% 0%,rgba(243,148,44,.07),transparent 28%),
        #fff!important;

    box-shadow:
        0 24px 60px rgba(11,68,87,.07)!important;
}


/* HEADER */

.qra-pricing-head{
    max-width:700px!important;
    margin:0 auto 28px!important;
}

.qra-pricing-eyebrow{
    margin-bottom:12px!important;
    padding:7px 13px!important;

    background:#eef8fb!important;
    color:#087fa7!important;

    font-size:11px!important;
}

.qra-pricing-head h2{
    font-size:clamp(30px,3vw,42px)!important;
    line-height:1.15!important;
    margin-bottom:11px!important;
}

.qra-pricing-head p{
    max-width:650px!important;
    font-size:15px!important;
    line-height:1.7!important;
}


/* =========================================================
   DURATION SWITCH
   ========================================================= */

.qra-pricing-tabs{
    width:min(100%,600px)!important;

    margin:0 auto 28px!important;
    padding:5px!important;
    gap:5px!important;

    border:1px solid #dcebf0!important;
    border-radius:17px!important;

    background:#f1f7f9!important;

    box-shadow:inset 0 1px 3px rgba(8,73,96,.04)!important;
}

.qra-pricing-tab{
    min-height:61px!important;
    padding:9px 8px!important;

    border-radius:13px!important;

    transition:.2s ease!important;
}

.qra-pricing-tab strong{
    font-size:14px!important;
    font-weight:850!important;
}

.qra-pricing-tab small{
    margin-top:3px!important;
    font-size:10px!important;
}

.qra-pricing-tab.is-active{
    background:#087fa7!important;
    color:#fff!important;

    box-shadow:
        0 7px 18px rgba(8,127,167,.20)!important;
}

.qra-pricing-tab.is-active small{
    color:rgba(255,255,255,.76)!important;
}

/* remove badge over duration tab */
.qra-pricing-tab > span{
    display:none!important;
}


/* =========================================================
   CARDS
   ========================================================= */

.qra-price-panel.is-active{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:15px!important;

    max-width:940px!important;
    margin:0 auto!important;
}

.qra-price-card{
    position:relative!important;

    min-height:260px!important;
    padding:26px 23px 22px!important;

    border:1px solid #deeaee!important;
    border-radius:23px!important;

    background:#fff!important;

    box-shadow:
        0 9px 25px rgba(13,67,85,.045)!important;

    text-align:center!important;

    overflow:visible!important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease!important;
}

.qra-price-card:hover{
    transform:translateY(-5px)!important;

    border-color:#b9dce7!important;

    box-shadow:
        0 18px 42px rgba(13,67,85,.09)!important;
}


/* featured */

.qra-price-card.is-featured{
    border:1.5px solid #087fa7!important;

    background:
        linear-gradient(180deg,#f2fafc 0%,#fff 44%)!important;

    box-shadow:
        0 16px 38px rgba(8,127,167,.12)!important;

    transform:translateY(-5px)!important;
}

.qra-price-card.is-featured:hover{
    transform:translateY(-8px)!important;
}

.qra-price-popular{
    top:-12px!important;

    padding:6px 12px!important;

    border-radius:999px!important;

    background:#f3942c!important;

    font-size:9px!important;
    letter-spacing:.04em!important;

    box-shadow:
        0 7px 18px rgba(243,148,44,.20)!important;
}


/* frequency */

.qra-price-frequency{
    width:fit-content!important;

    margin:0 auto 22px!important;
    padding:7px 12px!important;

    border-radius:999px!important;

    background:#edf7fa!important;
    color:#087fa7!important;

    font-size:12px!important;
    font-weight:850!important;
}


/* lesson count */

.qra-price-lessons{
    display:flex!important;
    justify-content:center!important;
    align-items:baseline!important;
    gap:6px!important;

    margin-bottom:11px!important;
}

.qra-price-lessons strong{
    color:#123f4e!important;

    font-size:25px!important;
    font-weight:900!important;
}

.qra-price-lessons span{
    color:#7b9098!important;

    font-size:11px!important;
    font-weight:700!important;
}


/* TOTAL PRICE */

.qra-price-money{
    justify-content:center!important;

    margin:7px 0 25px!important;
}

.qra-price-money sup{
    margin:0 3px 10px 0!important;

    color:#087fa7!important;

    font-size:18px!important;
}

.qra-price-money strong{
    color:#073f55!important;

    font-size:50px!important;
    font-weight:900!important;
    letter-spacing:-.05em!important;
}

.qra-price-money > span{
    margin-bottom:6px!important;

    color:#82959c!important;

    font-size:11px!important;
}


/* REMOVE PRICE PER CLASS / PER HOUR COMPLETELY */

.qra-price-meta{
    display:none!important;
}


/* BUTTON */

.qra-price-button{
    width:100%!important;
    min-height:45px!important;

    margin-top:auto!important;
    padding:10px 15px!important;

    border-radius:14px!important;

    background:#0a526c!important;

    color:#fff!important;

    box-sizing:border-box!important;

    font-size:12.5px!important;
    font-weight:850!important;

    box-shadow:none!important;
}

.qra-price-button:hover{
    background:#087fa7!important;

    transform:translateY(-2px)!important;
}

.qra-price-card.is-featured .qra-price-button{
    background:#f3942c!important;
}

.qra-price-card.is-featured .qra-price-button:hover{
    background:#df8120!important;
}


/* NOTE */

.qra-pricing-note{
    margin-top:21px!important;

    color:#8a9da4!important;

    font-size:10.5px!important;
}


/* RTL */

.qra-pricing[dir="rtl"] .qra-price-card,
.qra-pricing[dir="rtl"] .qra-price-lessons,
.qra-pricing[dir="rtl"] .qra-price-money{
    text-align:center!important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:760px){

    .qra-pricing{
        width:calc(100% - 20px)!important;

        margin:38px auto!important;
        padding:32px 12px 24px!important;

        border-radius:23px!important;
    }

    .qra-pricing-head{
        margin-bottom:22px!important;
    }

    .qra-pricing-head h2{
        font-size:29px!important;
    }

    .qra-pricing-head p{
        font-size:14px!important;
    }

    .qra-pricing-tabs{
        margin-bottom:20px!important;
    }

    .qra-pricing-tab{
        min-height:56px!important;
    }

    .qra-pricing-tab strong{
        font-size:12px!important;
    }

    .qra-pricing-tab small{
        display:none!important;
    }

    .qra-price-panel.is-active{
        grid-template-columns:1fr!important;
        gap:11px!important;
    }

    .qra-price-card{
        min-height:0!important;

        padding:22px 20px 18px!important;

        border-radius:19px!important;
    }

    .qra-price-card.is-featured{
        transform:none!important;
    }

    .qra-price-card.is-featured:hover{
        transform:translateY(-3px)!important;
    }

    .qra-price-frequency{
        margin-bottom:16px!important;
    }

    .qra-price-money strong{
        font-size:44px!important;
    }
}


/* =========================================================
   QRA PRICING V3 - MODERN HORIZONTAL PLANS
   ========================================================= */

.qra-pricing{
    width:min(calc(100% - 32px),980px)!important;
    margin:55px auto!important;
    padding:42px 34px 32px!important;

    border:0!important;
    border-radius:28px!important;

    background:#f5fafc!important;

    box-shadow:
        0 20px 55px rgba(13,67,84,.07)!important;
}


/* HEADER */
.qra-pricing-head{
    max-width:690px!important;
    margin:0 auto 26px!important;
    text-align:center!important;
}

.qra-pricing-eyebrow{
    padding:7px 13px!important;
    margin-bottom:12px!important;

    border-radius:999px!important;

    background:#e4f4f8!important;
    color:#087fa7!important;

    font-size:11px!important;
    font-weight:900!important;
}

.qra-pricing-head h2{
    margin:0 0 10px!important;

    color:#103f50!important;

    font-size:clamp(29px,3vw,40px)!important;
    line-height:1.15!important;
    letter-spacing:-.025em!important;
}

.qra-pricing-head p{
    max-width:620px!important;
    margin:0 auto!important;

    color:#70868e!important;

    font-size:14.5px!important;
    line-height:1.7!important;
}


/* =========================================================
   DURATION SELECTOR
   ========================================================= */

.qra-pricing-tabs{
    width:min(100%,560px)!important;

    margin:0 auto 25px!important;
    padding:5px!important;

    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:5px!important;

    border:0!important;
    border-radius:17px!important;

    background:#e6f0f3!important;
}

.qra-pricing-tab{
    min-height:58px!important;
    padding:8px!important;

    border:0!important;
    border-radius:13px!important;

    background:transparent!important;
    color:#668089!important;

    box-shadow:none!important;
}

.qra-pricing-tab strong{
    font-size:13px!important;
    font-weight:900!important;
}

.qra-pricing-tab small{
    margin-top:2px!important;
    font-size:9.5px!important;
}

.qra-pricing-tab > span{
    display:none!important;
}

.qra-pricing-tab.is-active{
    background:#fff!important;
    color:#087fa7!important;

    box-shadow:
        0 7px 18px rgba(12,83,106,.10)!important;
}


/* =========================================================
   PLANS AS ROWS - NOT CARDS
   ========================================================= */

.qra-price-panel.is-active{
    display:flex!important;
    flex-direction:column!important;
    gap:11px!important;

    width:100%!important;
    max-width:850px!important;

    margin:0 auto!important;
}

.qra-price-card,
.qra-price-card.is-featured{
    position:relative!important;

    width:100%!important;
    min-height:0!important;

    display:grid!important;
    grid-template-columns:
        minmax(155px,1.15fr)
        minmax(120px,.85fr)
        minmax(130px,.8fr)
        145px!important;

    align-items:center!important;

    gap:18px!important;

    padding:16px 18px!important;

    border:1px solid #e0eaed!important;
    border-radius:18px!important;

    background:#fff!important;

    box-shadow:
        0 6px 20px rgba(16,67,83,.035)!important;

    transform:none!important;

    text-align:left!important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease!important;
}

.qra-price-card:hover,
.qra-price-card.is-featured:hover{
    transform:translateY(-3px)!important;

    border-color:#b8dbe5!important;

    box-shadow:
        0 13px 30px rgba(15,75,95,.08)!important;
}


/* FEATURED PLAN */
.qra-price-card.is-featured{
    border:1.5px solid #087fa7!important;

    background:
        linear-gradient(
            90deg,
            #f0fafc 0%,
            #ffffff 40%
        )!important;
}

.qra-price-card.is-featured::before{
    content:""!important;

    position:absolute!important;

    top:13px!important;
    bottom:13px!important;
    left:0!important;

    width:4px!important;

    border-radius:0 6px 6px 0!important;

    background:#f3942c!important;
}

.qra-price-popular{
    position:absolute!important;

    top:-9px!important;
    right:14px!important;
    left:auto!important;

    transform:none!important;

    padding:5px 9px!important;

    border-radius:999px!important;

    background:#f3942c!important;
    color:#fff!important;

    font-size:9px!important;
    font-weight:900!important;

    box-shadow:none!important;
}


/* FREQUENCY */
.qra-price-frequency{
    width:auto!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;

    color:#174b5d!important;

    font-size:15px!important;
    font-weight:900!important;
}


/* LESSON COUNT */
.qra-price-lessons{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;

    margin:0!important;
}

.qra-price-lessons strong{
    color:#087fa7!important;

    font-size:24px!important;
    line-height:1!important;
    font-weight:900!important;
}

.qra-price-lessons span{
    color:#80949b!important;

    font-size:10px!important;
    line-height:1.35!important;
    font-weight:700!important;
}


/* TOTAL PRICE ONLY */
.qra-price-money{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:flex-start!important;

    margin:0!important;
}

.qra-price-money sup{
    margin:0 2px 6px 0!important;

    color:#087fa7!important;

    font-size:15px!important;
    font-weight:900!important;
}

.qra-price-money strong{
    color:#0b3e51!important;

    font-size:35px!important;
    line-height:.95!important;
    font-weight:950!important;
    letter-spacing:-.04em!important;
}

.qra-price-money > span{
    margin:0 0 3px 5px!important;

    color:#84969c!important;

    font-size:9px!important;
    font-weight:700!important;
}


/* NEVER SHOW PER LESSON PRICE */
.qra-price-meta{
    display:none!important;
}


/* BUTTON */
.qra-price-button{
    width:145px!important;
    min-height:42px!important;

    margin:0!important;
    padding:9px 14px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;

    border-radius:12px!important;

    background:#0b526b!important;
    color:#fff!important;

    font-size:11.5px!important;
    font-weight:900!important;

    box-shadow:none!important;
}

.qra-price-button:hover{
    background:#087fa7!important;
}

.qra-price-card.is-featured .qra-price-button{
    background:#f3942c!important;
}

.qra-price-card.is-featured .qra-price-button:hover{
    background:#df8121!important;
}


/* NOTE */
.qra-pricing-note{
    margin:19px 0 0!important;

    color:#91a1a6!important;

    font-size:10px!important;
    text-align:center!important;
}


/* =========================================================
   RTL
   ========================================================= */

.qra-pricing[dir="rtl"] .qra-price-card{
    text-align:right!important;
}

.qra-pricing[dir="rtl"] .qra-price-card.is-featured::before{
    left:auto!important;
    right:0!important;

    border-radius:6px 0 0 6px!important;
}

.qra-pricing[dir="rtl"] .qra-price-popular{
    right:auto!important;
    left:14px!important;
}

.qra-pricing[dir="rtl"] .qra-price-lessons,
.qra-pricing[dir="rtl"] .qra-price-money{
    justify-content:flex-start!important;
}


/* =========================================================
   MOBILE - COMPACT MINI CARDS
   ========================================================= */

@media(max-width:700px){

    .qra-pricing{
        width:calc(100% - 18px)!important;

        margin:38px auto!important;
        padding:30px 12px 22px!important;

        border-radius:22px!important;
    }

    .qra-pricing-head{
        margin-bottom:20px!important;
        padding:0 5px!important;
    }

    .qra-pricing-head h2{
        font-size:27px!important;
    }

    .qra-pricing-head p{
        font-size:13.5px!important;
    }

    .qra-pricing-tabs{
        margin-bottom:17px!important;
    }

    .qra-pricing-tab{
        min-height:52px!important;
    }

    .qra-pricing-tab strong{
        font-size:11px!important;
    }

    .qra-pricing-tab small{
        display:none!important;
    }


    .qra-price-card,
    .qra-price-card.is-featured{
        display:grid!important;

        grid-template-columns:1fr auto!important;
        grid-template-areas:
            "frequency price"
            "lessons price"
            "button button"!important;

        gap:6px 12px!important;

        padding:17px 16px!important;

        border-radius:16px!important;
    }

    .qra-price-frequency{
        grid-area:frequency!important;

        font-size:14px!important;
    }

    .qra-price-lessons{
        grid-area:lessons!important;
    }

    .qra-price-money{
        grid-area:price!important;

        align-self:center!important;
    }

    .qra-price-money strong{
        font-size:34px!important;
    }

    .qra-price-button{
        grid-area:button!important;

        width:100%!important;

        margin-top:8px!important;

        min-height:40px!important;
    }

    .qra-price-popular{
        top:-8px!important;
    }
}


/* =========================================================
   QRA PRICING V4 - PREMIUM HOSTING STYLE
   ========================================================= */

.qra-pricing{
    width:min(calc(100% - 32px),1180px)!important;
    margin:70px auto!important;
    padding:55px 38px 45px!important;

    border:1px solid #e2edf1!important;
    border-radius:32px!important;

    background:#f8fbfc!important;

    box-shadow:
        0 25px 70px rgba(9,64,82,.07)!important;
}


/* HEADER */

.qra-pricing-head{
    max-width:760px!important;
    margin:0 auto 34px!important;
    text-align:center!important;
}

.qra-pricing-eyebrow{
    padding:8px 15px!important;
    margin-bottom:14px!important;

    border-radius:999px!important;

    background:#e9f6fa!important;
    color:#087fa7!important;

    font-size:12px!important;
    font-weight:900!important;
}

.qra-pricing-head h2{
    margin:0 0 13px!important;

    color:#092f40!important;

    font-size:clamp(32px,3.8vw,48px)!important;
    line-height:1.08!important;
    font-weight:900!important;
    letter-spacing:-.035em!important;
}

.qra-pricing-head p{
    max-width:680px!important;
    margin:0 auto!important;

    color:#687e87!important;

    font-size:15.5px!important;
    line-height:1.75!important;
}


/* =========================================================
   DURATION SWITCH
   ========================================================= */

.qra-pricing-tabs{
    width:min(100%,600px)!important;

    margin:0 auto 38px!important;
    padding:6px!important;

    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:6px!important;

    border:1px solid #dce8ec!important;
    border-radius:18px!important;

    background:#eef4f6!important;
}

.qra-pricing-tab{
    min-height:64px!important;
    padding:10px!important;

    border:0!important;
    border-radius:14px!important;

    background:transparent!important;
    color:#637b84!important;

    cursor:pointer!important;

    transition:.2s ease!important;
}

.qra-pricing-tab strong{
    display:block!important;

    font-size:14px!important;
    font-weight:900!important;
}

.qra-pricing-tab small{
    display:block!important;

    margin-top:3px!important;

    font-size:10px!important;
    opacity:.75!important;
}

.qra-pricing-tab > span{
    display:none!important;
}

.qra-pricing-tab.is-active{
    background:#087fa7!important;
    color:#fff!important;

    box-shadow:
        0 8px 22px rgba(8,127,167,.22)!important;
}

.qra-pricing-tab.is-active small{
    color:rgba(255,255,255,.8)!important;
}


/* =========================================================
   BIG PRICING CARDS
   ========================================================= */

.qra-price-panel.is-active{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;

    gap:20px!important;

    width:100%!important;
    max-width:1040px!important;

    margin:0 auto!important;
}

.qra-price-card,
.qra-price-card.is-featured{
    position:relative!important;

    min-height:430px!important;

    padding:32px 28px 27px!important;

    display:flex!important;
    flex-direction:column!important;

    text-align:left!important;

    border:1px solid #dfe9ed!important;
    border-radius:24px!important;

    background:#fff!important;

    box-shadow:
        0 12px 35px rgba(10,65,83,.06)!important;

    transform:none!important;

    overflow:visible!important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease!important;
}

.qra-price-card:hover{
    transform:translateY(-6px)!important;

    box-shadow:
        0 22px 50px rgba(10,65,83,.11)!important;
}


/* RECOMMENDED CARD */

.qra-price-card.qra-best-plan{
    border:2px solid #087fa7!important;

    background:
        linear-gradient(
            180deg,
            #eef9fc 0%,
            #ffffff 35%
        )!important;

    box-shadow:
        0 24px 55px rgba(8,127,167,.16)!important;

    transform:translateY(-12px)!important;
}

.qra-price-card.qra-best-plan:hover{
    transform:translateY(-17px)!important;
}

.qra-best-badge{
    position:absolute!important;

    top:-16px!important;
    left:50%!important;

    transform:translateX(-50%)!important;

    padding:8px 18px!important;

    border-radius:999px!important;

    background:#f3942c!important;
    color:#fff!important;

    font-size:11px!important;
    font-weight:900!important;

    white-space:nowrap!important;

    box-shadow:
        0 9px 22px rgba(243,148,44,.24)!important;
}


/* FREQUENCY */

.qra-price-frequency{
    width:auto!important;

    margin:0 0 20px!important;
    padding:0!important;

    background:transparent!important;

    color:#123f50!important;

    font-size:19px!important;
    font-weight:900!important;
}


/* LESSONS */

.qra-price-lessons{
    display:flex!important;
    align-items:baseline!important;
    gap:7px!important;

    margin:0 0 14px!important;
}

.qra-price-lessons strong{
    color:#087fa7!important;

    font-size:31px!important;
    line-height:1!important;
    font-weight:950!important;
}

.qra-price-lessons span{
    color:#738991!important;

    font-size:12px!important;
    font-weight:700!important;
}


/* TOTAL */

.qra-price-money{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:flex-start!important;

    margin:5px 0 23px!important;

    padding-bottom:22px!important;

    border-bottom:1px solid #e7eef1!important;
}

.qra-price-money sup{
    margin:0 4px 12px 0!important;

    color:#087fa7!important;

    font-size:21px!important;
    font-weight:900!important;
}

.qra-price-money strong{
    color:#092f40!important;

    font-size:60px!important;
    line-height:.9!important;
    font-weight:950!important;
    letter-spacing:-.055em!important;
}

.qra-price-money > span{
    margin:0 0 6px 8px!important;

    color:#80939a!important;

    font-size:11px!important;
    font-weight:700!important;
}


/* NEVER SHOW PER-LESSON PRICE */

.qra-price-meta{
    display:none!important;
}


/* BENEFITS */

.qra-plan-features{
    margin:0 0 26px!important;
    padding:0!important;

    list-style:none!important;

    display:flex!important;
    flex-direction:column!important;
    gap:11px!important;
}

.qra-plan-features li{
    position:relative!important;

    margin:0!important;
    padding-left:27px!important;

    color:#4f6872!important;

    font-size:13px!important;
    line-height:1.5!important;
}

.qra-plan-features li::before{
    content:"✓"!important;

    position:absolute!important;

    left:0!important;
    top:-1px!important;

    width:19px!important;
    height:19px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:50%!important;

    background:#e6f7f2!important;
    color:#13946b!important;

    font-size:11px!important;
    font-weight:900!important;
}


/* CTA */

.qra-price-button{
    width:100%!important;

    min-height:50px!important;

    margin-top:auto!important;
    padding:11px 18px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:13px!important;

    background:#0b526b!important;
    color:#fff!important;

    font-size:13px!important;
    font-weight:900!important;

    box-sizing:border-box!important;

    box-shadow:none!important;
}

.qra-price-button:hover{
    background:#087fa7!important;
}

.qra-best-plan .qra-price-button{
    background:#f3942c!important;
}

.qra-best-plan .qra-price-button:hover{
    background:#df8121!important;
}


/* REMOVE OLD FEATURED BADGE */

.qra-price-popular{
    display:none!important;
}


/* NOTE */

.qra-pricing-note{
    margin:30px 0 0!important;

    text-align:center!important;

    color:#87999f!important;

    font-size:11px!important;
}


/* RTL */

.qra-pricing[dir="rtl"] .qra-price-card{
    text-align:right!important;
}

.qra-pricing[dir="rtl"] .qra-plan-features li{
    padding-left:0!important;
    padding-right:27px!important;
}

.qra-pricing[dir="rtl"] .qra-plan-features li::before{
    left:auto!important;
    right:0!important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:760px){

    .qra-pricing{
        width:calc(100% - 18px)!important;

        margin:42px auto!important;
        padding:34px 13px 28px!important;

        border-radius:24px!important;
    }

    .qra-pricing-head{
        margin-bottom:23px!important;
    }

    .qra-pricing-head h2{
        font-size:29px!important;
    }

    .qra-pricing-tabs{
        margin-bottom:28px!important;
    }

    .qra-pricing-tab{
        min-height:54px!important;
    }

    .qra-pricing-tab strong{
        font-size:11.5px!important;
    }

    .qra-pricing-tab small{
        display:none!important;
    }

    .qra-price-panel.is-active{
        grid-template-columns:1fr!important;
        gap:18px!important;
    }

    .qra-price-card,
    .qra-price-card.qra-best-plan{
        min-height:0!important;

        padding:27px 23px 23px!important;

        border-radius:21px!important;

        transform:none!important;
    }

    .qra-price-card.qra-best-plan:hover{
        transform:translateY(-4px)!important;
    }

    .qra-price-money strong{
        font-size:54px!important;
    }
}


/* =========================================================
   QRA PRICING - HORIZONTAL SLIDER
   ========================================================= */

.qra-price-panel.is-active{
    display:flex!important;
    flex-direction:row!important;
    gap:18px!important;

    width:100%!important;
    max-width:1060px!important;

    margin:0 auto!important;
    padding:18px 6px 24px!important;

    overflow-x:auto!important;
    overflow-y:visible!important;

    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;

    -webkit-overflow-scrolling:touch!important;

    scrollbar-width:none!important;
    cursor:grab!important;
}

.qra-price-panel.is-active::-webkit-scrollbar{
    display:none!important;
}

.qra-price-panel.is-active:active{
    cursor:grabbing!important;
}

.qra-price-panel.is-active .qra-price-card{
    flex:0 0 330px!important;
    width:330px!important;

    scroll-snap-align:center!important;
    scroll-snap-stop:always!important;
}


/* give first / last card breathing room */
.qra-price-panel.is-active::before,
.qra-price-panel.is-active::after{
    content:""!important;
    flex:0 0 4px!important;
}


/* MOBILE */
@media(max-width:760px){

    .qra-price-panel.is-active{
        gap:13px!important;

        margin-left:-4px!important;
        margin-right:-4px!important;

        padding:18px 4px 25px!important;

        scroll-padding-inline:14px!important;
    }

    .qra-price-panel.is-active .qra-price-card{
        flex:0 0 calc(88vw - 28px)!important;
        width:calc(88vw - 28px)!important;

        max-width:350px!important;
    }

}


/* very small phones */
@media(max-width:420px){

    .qra-price-panel.is-active .qra-price-card{
        flex-basis:84vw!important;
        width:84vw!important;
    }

}


/* =========================================================
   QRA DEDICATED PRICING PAGE
   ========================================================= */

body.qra-pricing-page-body header:not(.qra-header){
    display:none!important;
}

body.qra-pricing-page-body .wp-block-post-title{
    display:none!important;
}

body.qra-pricing-page-body main#wp--skip-link--target,
body.qra-pricing-page-body main#wp--skip-link--target > .wp-block-group,
body.qra-pricing-page-body .wp-block-post-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

body.qra-pricing-page-body .wp-block-post-content > *{
    max-width:none!important;
}

.qra-pricing-page{
    width:100%;
    min-height:70vh;

    padding:45px 20px 80px;

    box-sizing:border-box;

    background:
        linear-gradient(
            180deg,
            #f6fbfd 0%,
            #ffffff 65%
        );
}

.qra-pricing-page-inner{
    width:100%;
    max-width:1300px;
    margin:0 auto;
}

/* Pricing page should feel more spacious,
   without stretching cards too much */
.qra-pricing-page .qra-pricing{
    margin:20px auto!important;
}

@media(max-width:760px){

    .qra-pricing-page{
        padding:25px 5px 55px;
    }

}


/* =========================================================
   QRA PRICING PAGE - WIDE PREMIUM FINAL
   Dedicated pricing page only
   ========================================================= */

body.qra-pricing-page-body{
    overflow-x:hidden!important;
    background:#f7fbfd!important;
}

body.qra-pricing-page-body .qra-pricing-page{
    width:100%!important;
    max-width:none!important;

    padding:38px 24px 85px!important;

    background:
        radial-gradient(circle at 8% 5%,rgba(8,127,167,.07),transparent 27%),
        radial-gradient(circle at 92% 8%,rgba(243,148,44,.06),transparent 25%),
        #f8fbfc!important;
}

body.qra-pricing-page-body .qra-pricing-page-inner{
    width:100%!important;
    max-width:1450px!important;
    margin:0 auto!important;
}


/* Main pricing shell */
body.qra-pricing-page-body .qra-pricing{
    width:min(100%,1360px)!important;
    max-width:1360px!important;

    margin:15px auto!important;
    padding:58px 54px 48px!important;

    border-radius:32px!important;

    background:#fff!important;

    border:1px solid #dcebef!important;

    box-shadow:
        0 25px 65px rgba(10,65,84,.07)!important;
}


/* Header */
body.qra-pricing-page-body .qra-pricing-head{
    max-width:860px!important;
    margin:0 auto 34px!important;
}

body.qra-pricing-page-body .qra-pricing-head h2{
    max-width:850px!important;
    margin-left:auto!important;
    margin-right:auto!important;

    font-size:clamp(38px,4vw,56px)!important;
}


/* Compact duration selector */
body.qra-pricing-page-body .qra-pricing-tabs{
    width:min(100%,680px)!important;

    margin:0 auto 45px!important;
    padding:6px!important;

    border-radius:18px!important;
}

body.qra-pricing-page-body .qra-pricing-tab{
    min-height:64px!important;
}

/* Remove the weird floating "Most Popular" under tabs */
body.qra-pricing-page-body .qra-pricing-tabs .qra-pricing-tab > span{
    display:none!important;
}


/* =========================================================
   DESKTOP - SHOW ALL 3 CARDS FULLY
   ========================================================= */

@media(min-width:901px){

    body.qra-pricing-page-body .qra-price-panel.is-active{
        width:100%!important;
        max-width:1180px!important;

        margin:0 auto!important;
        padding:18px 0 24px!important;

        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;

        gap:24px!important;

        overflow:visible!important;

        cursor:default!important;
        scroll-snap-type:none!important;
    }

    body.qra-pricing-page-body .qra-price-panel.is-active::before,
    body.qra-pricing-page-body .qra-price-panel.is-active::after{
        display:none!important;
    }

    body.qra-pricing-page-body .qra-price-panel.is-active .qra-price-card{
        width:100%!important;
        max-width:none!important;
        min-width:0!important;

        flex:none!important;

        min-height:445px!important;

        padding:34px 30px 28px!important;

        border-radius:24px!important;
    }

    /* Recommended stays visible without making layout awkward */
    body.qra-pricing-page-body .qra-price-card.qra-best-plan{
        transform:none!important;

        border:2px solid #087fa7!important;

        box-shadow:
            0 20px 48px rgba(8,127,167,.13)!important;
    }

    body.qra-pricing-page-body .qra-price-card.qra-best-plan:hover{
        transform:translateY(-6px)!important;
    }

}


/* Bigger prices */
body.qra-pricing-page-body .qra-price-money strong{
    font-size:62px!important;
}


/* Recommended badge */
body.qra-pricing-page-body .qra-best-badge{
    top:-14px!important;

    padding:7px 17px!important;

    font-size:10px!important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(min-width:701px) and (max-width:900px){

    body.qra-pricing-page-body .qra-pricing{
        width:calc(100% - 20px)!important;
        padding:42px 24px!important;
    }

    body.qra-pricing-page-body .qra-price-panel.is-active .qra-price-card{
        flex:0 0 330px!important;
        width:330px!important;
    }

}


/* =========================================================
   MOBILE - SWIPE CARDS
   ========================================================= */

@media(max-width:700px){

    body.qra-pricing-page-body .qra-pricing-page{
        padding:20px 4px 55px!important;
    }

    body.qra-pricing-page-body .qra-pricing{
        width:calc(100% - 14px)!important;

        padding:31px 12px 25px!important;

        border-radius:23px!important;
    }

    body.qra-pricing-page-body .qra-pricing-head h2{
        font-size:30px!important;
    }

    body.qra-pricing-page-body .qra-pricing-tabs{
        margin-bottom:27px!important;
    }

    body.qra-pricing-page-body .qra-price-panel.is-active{
        display:flex!important;

        overflow-x:auto!important;

        gap:14px!important;

        padding:18px 4px 25px!important;

        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;
    }

    body.qra-pricing-page-body .qra-price-panel.is-active::-webkit-scrollbar{
        display:none!important;
    }

    body.qra-pricing-page-body .qra-price-panel.is-active .qra-price-card{
        flex:0 0 84vw!important;
        width:84vw!important;
        max-width:345px!important;

        scroll-snap-align:center!important;
    }

}


/* =========================================================
   QRA PRICING PAGE - HARD RESET / CLEAN 3-CARD LAYOUT
   ========================================================= */

@media(min-width:801px){

    body.qra-pricing-page-body
    .qra-price-panel.is-active{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;

        width:100%!important;
        max-width:1080px!important;

        margin:0 auto!important;
        padding:20px 0 30px!important;

        gap:22px!important;

        overflow:visible!important;

        scroll-snap-type:none!important;
        scroll-behavior:auto!important;

        cursor:default!important;
    }

    body.qra-pricing-page-body
    .qra-price-panel.is-active::before,
    body.qra-pricing-page-body
    .qra-price-panel.is-active::after{
        display:none!important;
        content:none!important;
    }

    body.qra-pricing-page-body
    .qra-price-panel.is-active
    .qra-price-card{
        display:flex!important;
        flex-direction:column!important;

        width:100%!important;
        max-width:none!important;
        min-width:0!important;

        flex:none!important;

        margin:0!important;

        min-height:430px!important;

        padding:31px 27px 26px!important;

        box-sizing:border-box!important;

        border-radius:22px!important;
    }

    body.qra-pricing-page-body
    .qra-price-card.qra-best-plan{
        transform:none!important;
    }

    body.qra-pricing-page-body
    .qra-price-card.qra-best-plan:hover{
        transform:translateY(-5px)!important;
    }
}


/* MOBILE: ONE CARD AT A TIME, SIDE SWIPE */
@media(max-width:800px){

    body.qra-pricing-page-body
    .qra-price-panel.is-active{
        display:flex!important;
        flex-wrap:nowrap!important;

        width:100%!important;

        gap:14px!important;

        padding:18px 12px 26px!important;

        overflow-x:auto!important;
        overflow-y:visible!important;

        scroll-snap-type:x mandatory!important;
        scroll-padding-inline:12px!important;

        scrollbar-width:none!important;
    }

    body.qra-pricing-page-body
    .qra-price-panel.is-active::-webkit-scrollbar{
        display:none!important;
    }

    body.qra-pricing-page-body
    .qra-price-panel.is-active
    .qra-price-card{
        flex:0 0 86%!important;

        width:86%!important;
        max-width:360px!important;
        min-width:0!important;

        margin:0!important;

        scroll-snap-align:center!important;
    }
}


/* =========================================================
   QRA PRICING PAGES 461 / 462 / 463 - HARD FINAL RESET
   ========================================================= */

body:is(.page-id-461,.page-id-462,.page-id-463){
    overflow-x:hidden!important;
}


/* PAGE WIDTH */
body:is(.page-id-461,.page-id-462,.page-id-463)
.qra-pricing-page,
body:is(.page-id-461,.page-id-462,.page-id-463)
.qra-pricing-page-inner{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
}

body:is(.page-id-461,.page-id-462,.page-id-463)
.qra-pricing{
    width:min(calc(100% - 40px),1280px)!important;
    max-width:1280px!important;

    margin:35px auto 80px!important;
    padding:55px 48px 45px!important;

    box-sizing:border-box!important;

    border-radius:30px!important;
}


/* HIDE INACTIVE PANELS FOR REAL */
body:is(.page-id-461,.page-id-462,.page-id-463)
.qra-price-panel:not(.is-active){
    display:none!important;
}


/* =========================================================
   DESKTOP - EXACTLY 3 EQUAL CARDS
   ========================================================= */

@media(min-width:901px){

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qra-price-panel.is-active{
        display:grid!important;

        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        grid-template-rows:1fr!important;

        gap:22px!important;

        width:100%!important;
        max-width:1120px!important;

        margin:0 auto!important;
        padding:20px 0 26px!important;

        overflow:visible!important;

        scroll-snap-type:none!important;
        scroll-behavior:auto!important;

        cursor:default!important;
    }

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qra-price-panel.is-active::before,
    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qra-price-panel.is-active::after{
        content:none!important;
        display:none!important;
    }

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qra-price-panel.is-active > .qra-price-card{
        position:relative!important;

        inset:auto!important;

        float:none!important;
        clear:none!important;

        display:flex!important;
        flex-direction:column!important;

        grid-column:auto!important;
        grid-row:auto!important;

        width:100%!important;
        max-width:none!important;
        min-width:0!important;

        height:auto!important;
        min-height:440px!important;

        flex:none!important;

        margin:0!important;
        padding:31px 27px 27px!important;

        box-sizing:border-box!important;

        transform:none!important;

        border-radius:23px!important;
    }

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qra-price-panel.is-active > .qra-price-card:nth-child(1){
        grid-column:1!important;
    }

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qra-price-panel.is-active > .qra-price-card:nth-child(2){
        grid-column:2!important;
    }

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qra-price-panel.is-active > .qra-price-card:nth-child(3){
        grid-column:3!important;
    }

    /* Recommended card stays same size */
    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qra-price-card.qra-best-plan{
        transform:none!important;

        border:2px solid #087fa7!important;

        box-shadow:
            0 18px 45px rgba(8,127,167,.13)!important;
    }

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qra-price-card.qra-best-plan:hover{
        transform:translateY(-5px)!important;
    }
}


/* =========================================================
   MOBILE - HORIZONTAL SWIPE
   ========================================================= */

@media(max-width:900px){

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qra-pricing{
        width:calc(100% - 18px)!important;

        margin:25px auto 55px!important;
        padding:32px 12px 26px!important;

        border-radius:23px!important;
    }

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qra-price-panel.is-active{
        display:flex!important;
        flex-direction:row!important;
        flex-wrap:nowrap!important;

        width:100%!important;

        gap:14px!important;

        padding:18px 8px 26px!important;

        overflow-x:auto!important;
        overflow-y:visible!important;

        scroll-snap-type:x mandatory!important;
        scroll-padding-inline:8px!important;

        scrollbar-width:none!important;
    }

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qra-price-panel.is-active::-webkit-scrollbar{
        display:none!important;
    }

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qra-price-panel.is-active > .qra-price-card{
        position:relative!important;

        flex:0 0 86%!important;

        width:86%!important;
        max-width:350px!important;
        min-width:0!important;

        margin:0!important;

        transform:none!important;

        scroll-snap-align:center!important;
    }
}


/* =========================================================
   QRA PRICING STANDALONE EXTERNAL FINAL
   Pages 461 / 462 / 463
   ========================================================= */

body:is(.page-id-461,.page-id-462,.page-id-463){
    overflow-x:hidden!important;
    background:#f7fbfd!important;
}

body:is(.page-id-461,.page-id-462,.page-id-463)
header:not(.qra-header){
    display:none!important;
}

body:is(.page-id-461,.page-id-462,.page-id-463)
.wp-block-post-title{
    display:none!important;
}

body:is(.page-id-461,.page-id-462,.page-id-463)
main#wp--skip-link--target,
body:is(.page-id-461,.page-id-462,.page-id-463)
main#wp--skip-link--target > .wp-block-group,
body:is(.page-id-461,.page-id-462,.page-id-463)
.wp-block-post-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}


/* PAGE */

body:is(.page-id-461,.page-id-462,.page-id-463) .qrap-page{
    --q-blue:#087fa7;
    --q-deep:#073e54;
    --q-orange:#f3942c;
    --q-text:#123f4f;
    --q-muted:#71868e;

    display:block!important;

    width:100%!important;
    max-width:none!important;

    padding:60px 24px 90px!important;

    background:
        radial-gradient(circle at 7% 0%,rgba(8,127,167,.08),transparent 27%),
        radial-gradient(circle at 93% 0%,rgba(243,148,44,.07),transparent 25%),
        #f7fbfd!important;

    box-sizing:border-box!important;
}

.qrap-page *,
.qrap-page *::before,
.qrap-page *::after{
    box-sizing:border-box!important;
}

.qrap-shell{
    display:block!important;
    width:min(100%,1200px)!important;
    max-width:1200px!important;
    margin:0 auto!important;
}


/* HEADER */

.qrap-head{
    display:block!important;
    max-width:820px!important;

    margin:0 auto 38px!important;

    text-align:center!important;
}

.qrap-kicker{
    display:inline-flex!important;

    padding:8px 15px!important;
    margin:0 0 15px!important;

    border-radius:999px!important;

    background:#e6f6fa!important;
    color:var(--q-blue)!important;

    font-size:12px!important;
    font-weight:900!important;
}

.qrap-head h1{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;

    max-width:820px!important;

    margin:0 auto 14px!important;
    padding:0!important;

    color:var(--q-deep)!important;

    font-size:clamp(38px,4.2vw,58px)!important;
    line-height:1.08!important;
    font-weight:900!important;

    letter-spacing:-.035em!important;

    text-align:center!important;
}

.qrap-head p{
    display:block!important;

    max-width:680px!important;

    margin:0 auto!important;

    color:var(--q-muted)!important;

    font-size:16px!important;
    line-height:1.75!important;

    text-align:center!important;
}


/* DURATION */

.qrap-switch{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;

    width:min(100%,610px)!important;

    margin:0 auto 46px!important;
    padding:6px!important;

    gap:6px!important;

    border:1px solid #dbe8ed!important;
    border-radius:18px!important;

    background:#eaf3f6!important;
}

.qrap-tab{
    appearance:none!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:0!important;
    min-height:58px!important;

    margin:0!important;
    padding:10px!important;

    border:0!important;
    border-radius:13px!important;

    background:transparent!important;
    color:#668089!important;

    font:inherit!important;
    font-size:14px!important;
    font-weight:850!important;

    cursor:pointer!important;

    box-shadow:none!important;
}

.qrap-tab.is-active{
    background:var(--q-blue)!important;
    color:#fff!important;

    box-shadow:0 8px 22px rgba(8,127,167,.22)!important;
}


/* PANELS */

.qrap-panel{
    display:none!important;
}

.qrap-panel.is-active{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;

    width:100%!important;

    gap:22px!important;

    margin:0!important;
    padding:18px 0 26px!important;
}


/* CARDS */

.qrap-card{
    position:relative!important;

    display:flex!important;
    flex-direction:column!important;

    width:100%!important;
    min-width:0!important;
    min-height:465px!important;

    margin:0!important;
    padding:31px 28px 27px!important;

    border:1px solid #dce9ed!important;
    border-radius:24px!important;

    background:#fff!important;

    box-shadow:0 12px 35px rgba(10,65,83,.06)!important;

    text-align:left!important;

    overflow:visible!important;

    transition:
        transform .2s ease,
        box-shadow .2s ease!important;
}

.qrap-card:hover{
    transform:translateY(-6px)!important;

    box-shadow:0 22px 50px rgba(10,65,83,.11)!important;
}

.qrap-card.is-best{
    border:2px solid var(--q-blue)!important;

    background:
        linear-gradient(
            180deg,
            #eff9fc 0%,
            #fff 36%
        )!important;

    box-shadow:
        0 22px 55px rgba(8,127,167,.14)!important;
}


/* RECOMMENDED */

.qrap-best{
    position:absolute!important;

    top:-15px!important;
    left:50%!important;

    transform:translateX(-50%)!important;

    padding:7px 17px!important;

    border-radius:999px!important;

    background:var(--q-orange)!important;
    color:#fff!important;

    font-size:10px!important;
    font-weight:900!important;

    white-space:nowrap!important;

    box-shadow:0 8px 20px rgba(243,148,44,.22)!important;
}


/* PLAN INFO */

.qrap-frequency{
    margin:0 0 20px!important;

    color:var(--q-text)!important;

    font-size:20px!important;
    line-height:1.35!important;
    font-weight:900!important;
}

.qrap-count{
    display:flex!important;
    align-items:baseline!important;

    gap:7px!important;

    margin:0 0 23px!important;
}

.qrap-count strong{
    color:var(--q-blue)!important;

    font-size:34px!important;
    line-height:1!important;
    font-weight:950!important;
}

.qrap-count span{
    color:#768b93!important;

    font-size:12px!important;
    font-weight:800!important;
}

.qrap-total-label{
    margin:0 0 5px!important;

    color:#81949b!important;

    font-size:11px!important;
    font-weight:800!important;

    text-transform:uppercase!important;
    letter-spacing:.04em!important;
}

.qrap-price{
    display:flex!important;
    align-items:flex-start!important;

    margin:0 0 24px!important;
    padding:0 0 24px!important;

    border-bottom:1px solid #e7eef1!important;
}

.qrap-price span{
    margin:8px 4px 0 0!important;

    color:var(--q-blue)!important;

    font-size:22px!important;
    font-weight:900!important;
}

.qrap-price strong{
    color:var(--q-deep)!important;

    font-size:63px!important;
    line-height:1!important;
    font-weight:950!important;

    letter-spacing:-.055em!important;
}


/* FEATURES */

.qrap-features{
    display:flex!important;
    flex-direction:column!important;

    gap:12px!important;

    margin:0 0 28px!important;
    padding:0!important;

    list-style:none!important;
}

.qrap-features li{
    position:relative!important;

    margin:0!important;
    padding-inline-start:28px!important;

    color:#506a74!important;

    font-size:13px!important;
    line-height:1.5!important;

    list-style:none!important;
}

.qrap-features li::before{
    content:"✓"!important;

    position:absolute!important;

    inset-inline-start:0!important;
    top:0!important;

    width:19px!important;
    height:19px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:50%!important;

    background:#e6f7f1!important;
    color:#15946c!important;

    font-size:11px!important;
    font-weight:900!important;
}


/* BUTTON */

.qrap-cta{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:100%!important;
    min-height:50px!important;

    margin-top:auto!important;
    padding:11px 18px!important;

    border-radius:13px!important;

    background:var(--q-deep)!important;
    color:#fff!important;

    text-decoration:none!important;

    font-size:13px!important;
    font-weight:900!important;
}

.qrap-card.is-best .qrap-cta{
    background:var(--q-orange)!important;
}


/* NOTE */

.qrap-note{
    margin:30px 0 0!important;

    text-align:center!important;

    color:#899da4!important;

    font-size:11px!important;
}


/* RTL */

.qrap-page[dir="rtl"] .qrap-card{
    text-align:right!important;
}


/* TABLET */

@media(max-width:950px) and (min-width:701px){

    .qrap-panel.is-active{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

}


/* MOBILE */

@media(max-width:700px){

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qrap-page{
        padding:38px 10px 60px!important;
    }

    .qrap-head{
        margin-bottom:27px!important;
    }

    .qrap-head h1{
        font-size:32px!important;
    }

    .qrap-head p{
        font-size:14px!important;
    }

    .qrap-switch{
        margin-bottom:27px!important;
    }

    .qrap-tab{
        min-height:51px!important;
        padding:7px 4px!important;

        font-size:11.5px!important;
    }

    .qrap-panel.is-active{
        display:flex!important;
        flex-direction:row!important;
        flex-wrap:nowrap!important;

        gap:14px!important;

        width:100%!important;

        margin:0!important;
        padding:18px 8px 27px!important;

        overflow-x:auto!important;
        overflow-y:visible!important;

        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;

        -webkit-overflow-scrolling:touch!important;
    }

    .qrap-panel.is-active::-webkit-scrollbar{
        display:none!important;
    }

    .qrap-card{
        flex:0 0 86%!important;

        width:86%!important;
        max-width:355px!important;
        min-height:450px!important;

        padding:28px 23px 24px!important;

        scroll-snap-align:center!important;
    }

    .qrap-price strong{
        font-size:56px!important;
    }

}


/* =========================================================
   QRA PRICING PAGE - ACTUAL FINAL LAYOUT FIX
   ========================================================= */

/* Restore pricing page heading that old header rule hides */
body.qra-pricing-page-body header.qrap-head,
body:is(.page-id-461,.page-id-462,.page-id-463) header.qrap-head{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;

    width:100%!important;
    max-width:820px!important;

    margin:0 auto 38px!important;
    padding:0!important;

    position:relative!important;
}


/* DESKTOP + TABLET:
   ALWAYS 3 PLANS ON ONE ROW */
@media(min-width:701px){

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qrap-panel.is-active{
        display:grid!important;

        grid-template-columns:
            repeat(3,minmax(0,1fr))!important;

        grid-auto-flow:row!important;

        width:100%!important;
        max-width:1120px!important;

        margin:0 auto!important;
        padding:20px 0 30px!important;

        gap:22px!important;

        overflow:visible!important;
    }

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qrap-card{
        width:100%!important;
        max-width:none!important;
        min-width:0!important;

        height:100%!important;
        min-height:470px!important;

        margin:0!important;

        grid-column:auto!important;
        grid-row:1!important;
    }

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qrap-card:nth-child(1){
        grid-column:1!important;
    }

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qrap-card:nth-child(2){
        grid-column:2!important;
    }

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qrap-card:nth-child(3){
        grid-column:3!important;
    }

}


/* Make complete pricing area nicely centered */
body:is(.page-id-461,.page-id-462,.page-id-463)
.qrap-shell{
    width:min(calc(100% - 30px),1200px)!important;
    max-width:1200px!important;
    margin:0 auto!important;
}


/* Duration selector */
body:is(.page-id-461,.page-id-462,.page-id-463)
.qrap-switch{
    width:min(100%,620px)!important;
    margin:0 auto 40px!important;
}


/* MOBILE ONLY = horizontal swipe */
@media(max-width:700px){

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qrap-panel.is-active{
        display:flex!important;
        flex-direction:row!important;
        flex-wrap:nowrap!important;

        gap:14px!important;

        overflow-x:auto!important;

        scroll-snap-type:x mandatory!important;
    }

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qrap-card{
        flex:0 0 86%!important;

        width:86%!important;
        max-width:355px!important;
        min-height:455px!important;

        grid-column:auto!important;
        grid-row:auto!important;

        scroll-snap-align:center!important;
    }

}


/* =========================================================
   QRA PRICING PAGE - FINAL VISUAL ORDER
   ========================================================= */

/* Keep page comfortably below fixed header */
body:is(.page-id-461,.page-id-462,.page-id-463) .qrap-page{
    padding-top:125px!important;
}


/* Cleaner duration switch */
body:is(.page-id-461,.page-id-462,.page-id-463) .qrap-switch{
    width:min(100%,520px)!important;
    margin:0 auto 42px!important;
    padding:5px!important;
    border-radius:16px!important;
}

body:is(.page-id-461,.page-id-462,.page-id-463) .qrap-tab{
    min-height:52px!important;
    border-radius:11px!important;
}


/* English + French: 4 / 8 / 12 */
body:is(.page-id-461,.page-id-463) .qrap-panel.is-active{
    direction:ltr!important;
}

body:is(.page-id-461,.page-id-463)
.qrap-panel.is-active .qrap-card:nth-child(1){
    grid-column:1!important;
    grid-row:1!important;
}

body:is(.page-id-461,.page-id-463)
.qrap-panel.is-active .qrap-card:nth-child(2){
    grid-column:2!important;
    grid-row:1!important;
}

body:is(.page-id-461,.page-id-463)
.qrap-panel.is-active .qrap-card:nth-child(3){
    grid-column:3!important;
    grid-row:1!important;
}


/* Arabic: 4 on right / 8 center / 12 left */
body.page-id-462 .qrap-panel.is-active{
    direction:rtl!important;
}

body.page-id-462
.qrap-panel.is-active .qrap-card:nth-child(1){
    grid-column:1!important;
    grid-row:1!important;
}

body.page-id-462
.qrap-panel.is-active .qrap-card:nth-child(2){
    grid-column:2!important;
    grid-row:1!important;
}

body.page-id-462
.qrap-panel.is-active .qrap-card:nth-child(3){
    grid-column:3!important;
    grid-row:1!important;
}


/* Recommended = middle plan */
body:is(.page-id-461,.page-id-462,.page-id-463)
.qrap-card:nth-child(2){
    border:2px solid #087fa7!important;
    box-shadow:0 22px 55px rgba(8,127,167,.14)!important;
}


/* Mobile stays swipeable */
@media(max-width:700px){

    body:is(.page-id-461,.page-id-462,.page-id-463) .qrap-page{
        padding-top:95px!important;
    }

    body:is(.page-id-461,.page-id-462,.page-id-463)
    .qrap-panel.is-active .qrap-card{
        grid-column:auto!important;
        grid-row:auto!important;
    }
}


/* QRA PRICING DURATION SWITCH - COMPACT */

body:is(.page-id-461,.page-id-462,.page-id-463) .qrap-switch{
    width:min(100%,430px)!important;
    margin:0 auto 34px!important;
    padding:4px!important;
    gap:4px!important;

    border-radius:14px!important;
}

body:is(.page-id-461,.page-id-462,.page-id-463) .qrap-tab{
    min-height:44px!important;
    padding:7px 6px!important;

    border-radius:10px!important;

    font-size:12px!important;
}

@media(max-width:700px){

    body:is(.page-id-461,.page-id-462,.page-id-463) .qrap-switch{
        width:100%!important;
        max-width:360px!important;
        margin-bottom:26px!important;
    }

    body:is(.page-id-461,.page-id-462,.page-id-463) .qrap-tab{
        min-height:42px!important;
        font-size:10.5px!important;
    }
}


/* =========================================================
   QRA HOME HERO - CLEAR FIXED HEADER
   ========================================================= */

body:is(.page-id-8,.page-id-48,.page-id-49)
.wp-block-post-content > section:first-of-type{
    padding-top:42px!important;
    box-sizing:border-box!important;
}

/* Mobile needs only a small internal offset */
@media(max-width:900px){

    body:is(.page-id-8,.page-id-48,.page-id-49)
    .wp-block-post-content > section:first-of-type{
        padding-top:28px!important;
    }

}


/* =========================================================
   QRA HOME HERO - REAL FIX FOR FIXED HEADER
   ========================================================= */

body:is(.page-id-8,.page-id-48,.page-id-49) .hero{
    padding-top:110px!important;
    box-sizing:border-box!important;
}

/* keep hero background filling the space */
body:is(.page-id-8,.page-id-48,.page-id-49) .hero-content{
    position:relative!important;
    z-index:2!important;
}

@media(max-width:900px){

    body:is(.page-id-8,.page-id-48,.page-id-49) .hero{
        padding-top:90px!important;
    }

}



/* =========================================================
   QRA_HOME_HERO_FAST_PAINT_V1
   Prevent white/faded hero image during initial paint
   ========================================================= */

body.home .hero .hero-image-shell {
    background: transparent !important;
}

body.home .hero .hero-image-shell img {
    display: block !important;

    opacity: 1 !important;
    visibility: visible !important;

    filter: none !important;

    animation: none !important;
    transition: none !important;

    transform: none;
}


/* /QRA_HOME_HERO_FAST_PAINT_V1 */