/* Scoped to the two plugin pages. The Jannah font and logo are inherited. */
body.sl3-page{--sl3-paper:#faf9f5;--sl3-card:#fff;--sl3-ink:#211235;--sl3-muted:#6c6575;--sl3-line:#e8e1ec;--sl3-purple:#42126e;--sl3-magenta:#da19af;--sl3-lime:#e2f442;background:var(--sl3-paper)}
html.sl3-dark body.sl3-page,body.sl3-page.dark-skin{--sl3-paper:#130d20;--sl3-card:#211731;--sl3-ink:#f6f0fc;--sl3-muted:#c8bcd4;--sl3-line:#3b2b4c;--sl3-purple:#ad78e4;background:var(--sl3-paper);color:var(--sl3-ink)}
body.sl3-page .sl3,body.sl3-page .sl3 *{box-sizing:border-box}
body.sl3-page .sl3{background:var(--sl3-paper);color:var(--sl3-ink);font-family:inherit;line-height:1.7;padding:0 0 64px}
body.sl3-page .sl3 a{text-decoration:none;color:inherit}
body.sl3-page .sl3 a:focus-visible,body.sl3-page .sl3 button:focus-visible{outline:3px solid #b92de4;outline-offset:4px}
.sl3-inner{width:min(1540px,calc(100% - 80px));margin-inline:auto}
.sl3-toolbar{min-height:50px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--sl3-muted)}
.sl3-mode{font:inherit;color:var(--sl3-ink);border:1px solid var(--sl3-line);background:var(--sl3-card);border-radius:99px;padding:6px 14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 3px 14px #2c16400d}
.sl3-mode-icon{font-size:18px;color:#9626c0;line-height:1}
.sl3-hero{position:relative;min-height:410px;isolation:isolate;overflow:hidden;background:#23093e;color:#fff;display:flex;align-items:center;justify-content:flex-start}
.sl3-hero-art{position:absolute;inset:0;background-image:url('hero-art.webp');background-position:center center;background-size:cover;background-repeat:no-repeat;z-index:-2}
.sl3-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(29,5,52,.9),rgba(29,5,52,.40) 43%,transparent 67%);z-index:-1}
.sl3-hero-copy{width:min(1540px,calc(100% - 80px));margin-inline:auto;padding:42px 8% 48px 0;text-align:right;max-width:1540px}
.sl3-hero-copy>*{max-width:600px}
.sl3-eyebrow{display:flex;align-items:center;gap:10px;color:#ff9078;font-size:15px;font-weight:700}
.sl3-eyebrow i{display:inline-block;width:9px;height:9px;background:#fa663c;border-radius:50%}
.sl3-hero h1{font-size:clamp(42px,5vw,82px);line-height:1.22;letter-spacing:-.055em;margin:14px 0 15px;font-weight:900;color:#fff}
.sl3-hero h1 em{color:var(--sl3-lime);font-style:normal}
.sl3-hero p{font-size:clamp(15px,1.2vw,19px);line-height:1.9;margin:0 0 24px;color:#f3eefa}
.sl3-primary{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--sl3-lime);color:#170a29!important;border-radius:11px;padding:11px 25px;font-weight:800;min-height:48px;box-shadow:0 8px 24px #0e041c30;transition:transform .2s,box-shadow .2s}
.sl3-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0e041c55}
.sl3-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin:18px 0 36px}
.sl3-category{min-height:86px;display:flex;align-items:center;gap:10px;border:1px solid var(--sl3-line);background:var(--sl3-card);border-radius:8px;padding:13px 14px;font-size:16px;transition:transform .2s,border-color .2s;min-width:0}
.sl3-category:hover{transform:translateY(-4px);border-color:#9e42cd}
.sl3-category strong{min-width:0;flex:1;white-space:normal;overflow-wrap:anywhere;line-height:1.6}
.sl3-cat-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:50%;background:#f2eaf8;color:#59118a;font-size:24px}
.sl3-cat-arrow{display:none!important}
.sl3-category-1,.sl3-category-4{background:#4b137e;color:#fff!important;border-color:#4b137e}
.sl3-category-4{background:#b51a8d;border-color:#b51a8d}
.sl3-category-1 .sl3-cat-icon,.sl3-category-4 .sl3-cat-icon{background:#ffffff2b;color:var(--sl3-lime)}
.sl3-section{margin:0 0 46px;scroll-margin-top:50px}
.sl3-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:19px}
.sl3-overline{color:#aa1a93;font-size:13px;font-weight:800;letter-spacing:.02em}
.sl3-section-heading h2,.sl3-contact-panel h2{font-size:clamp(25px,2.3vw,37px);line-height:1.3;margin:3px 0 0;color:var(--sl3-ink)}
.sl3-section-heading p{font-size:14px;color:var(--sl3-muted);margin:0}
.sl3-feature-grid{display:grid;direction:ltr;grid-template-columns:1.34fr 1fr;gap:16px;min-height:340px}
.sl3-feature-grid>*{direction:rtl}
.sl3-feature{position:relative;overflow:hidden;border-radius:13px;min-height:338px;background:#371047}
.sl3-feature>a{display:block;height:100%;position:relative}
.sl3-feature img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .35s}
.sl3-feature:hover img{transform:scale(1.04)}
.sl3-feature-shade{position:absolute;inset:0;background:linear-gradient(0deg,#13071de8 0%,transparent 70%)}
.sl3-feature-copy{position:absolute;bottom:0;right:0;left:0;padding:24px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.sl3-feature-copy strong{font-size:clamp(21px,2.1vw,34px);line-height:1.35;max-width:90%}
.sl3-feature-copy small{font-size:14px;color:#f3eafa}
.sl3-feature-tag,.sl3-tag{display:inline-flex;align-self:flex-start;background:#d81db0;color:#fff!important;border-radius:7px;padding:4px 10px;font-size:12px;font-weight:800}
.sl3-story-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:13px}
.sl3-story{display:flex;flex-direction:row-reverse;min-width:0;overflow:hidden;border:1px solid var(--sl3-line);border-radius:11px;background:var(--sl3-card)}
.sl3-story-image{flex:0 0 45%;max-width:45%;position:relative;min-height:157px;overflow:hidden}
.sl3-story-image img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .35s}
.sl3-story:hover img{transform:scale(1.05)}
.sl3-story-copy{padding:13px 16px;min-width:0;flex:1;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}
.sl3-story:nth-child(4n+2) .sl3-tag{background:#5d46da}.sl3-story:nth-child(4n+3) .sl3-tag{background:#e45642}.sl3-story:nth-child(4n+4) .sl3-tag{background:#7a2aae}
.sl3-story h3{font-size:clamp(15px,1.1vw,20px);line-height:1.55;margin:8px 0 4px;color:var(--sl3-ink);font-weight:800}
.sl3-story h3 a:hover{color:#a81db9!important}
.sl3-story p{font-size:12px;color:var(--sl3-muted);margin:0;line-height:1.7}
.sl3-no-image{display:grid;place-items:center;width:100%;height:100%;min-height:160px;color:#f1b9ec;background:linear-gradient(135deg,#401371,#a824b9);font-size:70px}
.sl3-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sl3-vertical{display:block}.sl3-vertical .sl3-story-image{display:block;max-width:100%;height:185px;min-height:0}.sl3-vertical .sl3-story-copy{min-height:165px;display:block}.sl3-vertical h3{font-size:19px}
.sl3-end-note{display:flex;align-items:center;gap:20px;background:#40116c;color:#fff;padding:26px 32px;border-radius:13px}
.sl3-end-note>span{font-size:40px;color:var(--sl3-lime)}.sl3-end-note strong{font-size:20px}.sl3-end-note p{margin:1px 0;color:#ebdff6}.sl3-end-note a{margin-inline-start:auto;background:var(--sl3-lime);color:#231333!important;padding:9px 18px;border-radius:8px;font-weight:800;white-space:nowrap}
.sl3-contact-hero{min-height:370px}.sl3-contact-hero h1{font-size:clamp(44px,5vw,76px)}
.sl3-contact-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:22px;margin:32px 0 0;align-items:stretch}
.sl3-contact-panel,.sl3-contact-side{border:1px solid var(--sl3-line);border-radius:15px;padding:clamp(22px,3vw,42px);background:var(--sl3-card);min-width:0}
.sl3-contact-panel>p{color:var(--sl3-muted);margin:9px 0 27px}
.sl3-contact-panel .wpcf7 form{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.sl3-contact-panel .wpcf7 form>p{margin:0;min-width:0}
.sl3-contact-panel .wpcf7 form>p:nth-of-type(3),.sl3-contact-panel .wpcf7 form>p:nth-of-type(4),.sl3-contact-panel .wpcf7 form>p:nth-of-type(5){grid-column:1/-1}
.sl3-contact-panel .wpcf7 label{font-weight:700;color:var(--sl3-ink);font-size:14px}
.sl3-contact-panel .wpcf7 input:not([type=hidden]):not([type=submit]),.sl3-contact-panel .wpcf7 textarea{display:block;width:100%;max-width:100%;min-width:0;background:var(--sl3-paper);color:var(--sl3-ink);border:1px solid var(--sl3-line);border-radius:9px;padding:10px 13px;margin-top:7px;font:inherit;box-shadow:none}
.sl3-contact-panel .wpcf7 textarea{min-height:115px;resize:vertical}
.sl3-contact-panel .wpcf7 .wpcf7-quiz-label{display:block;margin-top:10px}.sl3-contact-panel .wpcf7 input.wpcf7-quiz{max-width:230px!important}
.sl3-contact-panel .wpcf7 input[type=submit]{background:var(--sl3-lime);color:#1d0c29;border:0;border-radius:9px;padding:10px 32px;font:inherit;font-weight:800;cursor:pointer;margin-top:10px}
.sl3-contact-panel .wpcf7 .wpcf7-response-output{grid-column:1/-1;color:var(--sl3-ink)}
.sl3-contact-side{background:linear-gradient(155deg,#39105d,#200a38);color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate}
.sl3-contact-side:before{content:"";position:absolute;width:270px;height:270px;border-radius:44% 56% 68% 32%;right:-100px;top:-120px;background:radial-gradient(circle at 35% 30%,#fc7ded,#9d22bd 53%,#330257 75%);box-shadow:inset -20px -20px 32px #1d073a,10px 12px 35px #e54dd155;transform:rotate(22deg);z-index:-1}
.sl3-asterisk{font-size:55px;color:var(--sl3-lime)}.sl3-contact-side h2{color:#fff;font-size:clamp(23px,2.3vw,34px);line-height:1.5;margin:8px 0 15px}.sl3-contact-side p{color:#e4d8ec;margin:0 0 32px}
.sl3-contact-method{display:flex;align-items:center;gap:15px;border-top:1px solid #ffffff35;padding:17px 0}.sl3-contact-method>span{width:42px;height:42px;border-radius:50%;background:#ffffff21;display:grid;place-items:center;font-size:22px}.sl3-contact-method small{display:block;color:#cbb8db}.sl3-contact-method a{color:#fff!important;font-weight:700;display:block;overflow-wrap:anywhere;text-align:right}
.sl3-contact-bottom{margin-top:auto;border-top:1px solid #ffffff35;padding-top:24px;color:var(--sl3-lime);font-weight:700}
html.sl3-dark body.sl3-page #theme-header,html.sl3-dark body.sl3-page .logo-row,html.sl3-dark body.sl3-page .main-nav-wrapper,html.sl3-dark body.sl3-page #main-nav,html.sl3-dark body.sl3-page #footer,html.sl3-dark body.sl3-page .site-footer,html.sl3-dark body.sl3-page .footer-widgets-container{background:#1a1027!important;color:#f6f0fc!important}
html.sl3-dark body.sl3-page #theme-header a,html.sl3-dark body.sl3-page #main-nav a,html.sl3-dark body.sl3-page #footer a{color:#f6f0fc!important}
html.sl3-dark body.sl3-page #theme-header img,html.sl3-dark body.sl3-page #footer img{filter:none!important}
html.sl3-dark body.sl3-page #theme-header .logo-wrapper{background:transparent!important;border-radius:0;max-width:100%;padding:0}
html.sl3-dark body.sl3-page .sl3-mode{color:var(--sl3-ink)}
@media(max-width:1150px){.sl3-inner,.sl3-hero-copy{width:min(100% - 40px,1540px)}.sl3-categories{grid-template-columns:repeat(3,1fr)}.sl3-feature-grid{grid-template-columns:1fr}.sl3-feature{min-height:330px}.sl3-story-grid{min-height:340px}}
@media(max-width:700px){.sl3-inner,.sl3-hero-copy{width:calc(100% - 28px)}.sl3-toolbar{font-size:12px}.sl3-hero{min-height:560px;align-items:flex-start}.sl3-hero-art{background-position:27% bottom;background-size:auto 69%;opacity:.92}.sl3-hero:after{background:linear-gradient(180deg,#25063cef 0%,#25063cd9 46%,#25063c1c 75%)}.sl3-hero-copy{padding:30px 12px 250px}.sl3-hero h1{font-size:clamp(39px,9vw,58px)}.sl3-hero p{font-size:15px;max-width:420px}.sl3-categories{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:9px;padding-bottom:8px;margin-top:14px}.sl3-category{flex:0 0 152px;scroll-snap-align:start;min-height:68px;font-size:14px;padding:8px}.sl3-cat-icon{flex-basis:32px;height:32px;font-size:19px}.sl3-cat-arrow{display:none}.sl3-section-heading{align-items:start}.sl3-section-heading p{display:none}.sl3-story-grid{grid-template-columns:1fr;grid-template-rows:auto}.sl3-story-image{min-height:140px}.sl3-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sl3-end-note{flex-wrap:wrap;padding:20px}.sl3-end-note a{margin-inline-start:0}.sl3-contact-hero{min-height:510px}.sl3-contact-hero .sl3-hero-copy{padding-bottom:210px}.sl3-contact-grid{grid-template-columns:1fr}.sl3-contact-side{min-height:360px}}
@media(max-width:480px){.sl3-feature{min-height:310px}.sl3-feature-copy{padding:18px}.sl3-feature-copy strong{font-size:23px}.sl3-story-image{flex-basis:39%;max-width:39%}.sl3-story-copy{padding:9px 12px}.sl3-story h3{font-size:15px}.sl3-story p{display:none}.sl3-more-grid{grid-template-columns:1fr}.sl3-vertical .sl3-story-image{height:180px;max-width:100%}.sl3-contact-panel .wpcf7 form{grid-template-columns:1fr}.sl3-contact-panel .wpcf7 form>p{grid-column:1/-1}.sl3-contact-panel,.sl3-contact-side{padding:20px}}
@media(prefers-reduced-motion:reduce){.sl3 *{scroll-behavior:auto!important;transition:none!important}}

/* Home footer: style the existing Jannah footer and widgets without replacing their content. */
body.sl3-page.home #footer{
  background:radial-gradient(circle at 13% 12%,#71249a 0%,transparent 27%),radial-gradient(circle at 88% 4%,#5b167e 0%,transparent 30%),linear-gradient(155deg,#361058 0%,#210a39 72%,#1c082f 100%)!important;
  color:#f7efff!important;
  border-top:4px solid #d929ac;
}
body.sl3-page.home #footer #footer-widgets-container{background:transparent!important;padding-top:46px}
body.sl3-page.home #footer .footer-widget-area.footer-boxed-widget-area{
  background:#ffffff0b!important;border:1px solid #d7a6f03b!important;
  border-radius:20px;padding:26px 22px;margin-bottom:42px;
  box-shadow:0 22px 55px #0e031d33;
}
body.sl3-page.home #footer .footer-widget-area:not(.footer-boxed-widget-area){border-top:1px solid #ddabf136;padding-top:26px}
body.sl3-page.home #footer .widget-title .the-subtitle,
body.sl3-page.home #footer .widget-title{color:#fff!important}
body.sl3-page.home #footer .widget-title .the-subtitle{border-inline-start:4px solid #e2f442;padding-inline-start:12px}
body.sl3-page.home #footer .widget-title .the-subtitle:before,
body.sl3-page.home #footer .widget-title .the-subtitle:after{background:#e2f442!important}
body.sl3-page.home #footer p,
body.sl3-page.home #footer .aboutme-widget,
body.sl3-page.home #footer .widget-posts-list-wrapper,
body.sl3-page.home #footer .widget-posts-list-wrapper h3{color:#f7efff!important}
body.sl3-page.home #footer a{color:#f7efff!important}
body.sl3-page.home #footer a:hover{color:#e2f442!important}
body.sl3-page.home #footer .posts-list .date,
body.sl3-page.home #footer .meta-item{color:#cdb2e2!important}
body.sl3-page.home #footer .widget-single-post-item{border-color:#ffffff21!important}
body.sl3-page.home #footer #media_image-3 img{
  background:transparent!important;border-radius:0;padding:0;
  box-shadow:none;max-width:100%;height:auto;
}
body.sl3-page.home #footer #site-info{
  background:#180825!important;border-top:1px solid #e2f44238;color:#d8c8e7!important;
}
body.sl3-page.home #footer #site-info .copyright-text{color:#d8c8e7!important}
html.sl3-dark body.sl3-page.home #footer{
  background:radial-gradient(circle at 12% 6%,#40105b 0%,transparent 27%),linear-gradient(155deg,#1b0a2b,#0f0919 80%)!important;
  border-top-color:#a835bd;
}
html.sl3-dark body.sl3-page.home #footer #site-info{background:#0c0714!important}
@media(max-width:767px){
  body.sl3-page.home #footer #footer-widgets-container{padding-top:25px}
  body.sl3-page.home #footer .footer-widget-area.footer-boxed-widget-area{padding:18px 16px;margin-bottom:26px}
  body.sl3-page.home #footer #media_image-3 img{max-width:240px}
}

/* 1.2.2: category labels must win over the theme's strong/link color rules. */
body.sl3-page .sl3 .sl3-category {
  --sl3-category-ink:var(--sl3-ink);
  color:var(--sl3-category-ink)!important;
}
body.sl3-page .sl3 .sl3-category-1,
body.sl3-page .sl3 .sl3-category-4 {--sl3-category-ink:#fff}
body.sl3-page .sl3 .sl3-category strong {
  color:var(--sl3-category-ink)!important;
  -webkit-text-fill-color:var(--sl3-category-ink);
  opacity:1!important;
  font-weight:800;
  text-shadow:none;
}
body.sl3-page .sl3 .sl3-category-1 {background:#4b137e!important;border-color:#4b137e!important}
body.sl3-page .sl3 .sl3-category-4 {background:#b51a8d!important;border-color:#b51a8d!important}
body.sl3-page .sl3 .sl3-category:hover strong,
body.sl3-page .sl3 .sl3-category:focus-visible strong {color:var(--sl3-category-ink)!important}

/* A lilac header with a soft, light center protects the original logo lettering. */
body.sl3-page #theme-header {
  --sl3-header-ink:#301344;
  --sl3-header-menu:rgba(247,239,251,.92);
  background:linear-gradient(110deg,#e2c9f1 0%,#f8f0fc 46%,#efc8e6 100%)!important;
  border-bottom:1px solid #d9bde8;
  color:var(--sl3-header-ink)!important;
}
body.sl3-page #theme-header .header-container {
  background:radial-gradient(ellipse 270px 120px at 50% 50%,#fff 0%,#faf5fc 58%,rgba(250,245,252,0) 100%)!important;
}
body.sl3-page #theme-header .logo-row,
body.sl3-page #theme-header .logo-wrapper,
body.sl3-page #theme-header .logo-container,
body.sl3-page #theme-header #logo,
body.sl3-page #theme-header #logo a,
body.sl3-page #theme-header .tie-logo-picture {background:transparent!important}
body.sl3-page #theme-header #tie-logo-default {display:block!important}
body.sl3-page #theme-header #tie-logo-inverted {display:none!important}
body.sl3-page #theme-header #logo img {filter:none!important;opacity:1!important;mix-blend-mode:normal}
body.sl3-page #theme-header .main-nav-wrapper,
body.sl3-page #theme-header #main-nav {background:var(--sl3-header-menu)!important}
body.sl3-page #theme-header #main-nav .container,
body.sl3-page #theme-header .main-menu-wrapper {background:transparent!important}
body.sl3-page #theme-header a {color:var(--sl3-header-ink)!important}
body.sl3-page #theme-header #main-nav .sub-menu {background:var(--sl3-header-menu)!important}
html.sl3-dark body.sl3-page #theme-header,
body.sl3-page.dark-skin #theme-header {
  --sl3-header-ink:#f6f0fc;
  --sl3-header-menu:#251236;
  background:linear-gradient(110deg,#301047 0%,#492158 50%,#301035 100%)!important;
  border-bottom-color:#673a79;
}
@media(max-width:700px) {
  body.sl3-page .sl3 .sl3-category {font-size:15px}
  body.sl3-page #theme-header .header-container {
    background:radial-gradient(ellipse 200px 95px at 50% 50%,#fff 0%,#faf5fc 57%,rgba(250,245,252,0) 100%)!important;
  }
}