/* ==========================================================================
   NOLAWI ACADEMY — MODERN PUBLIC SITE THEME
   Loaded after /css/style.css inside resources/views/layouts/pb-site.blade.php
   Public site only. Never linked from any /admin or portal layout.
   Built on the school's real existing brand colors (navy #00124E + gold
   #C98A22, taken directly from the current theme's own button/heading
   styles) — refined into a deeper, warmer, more premium palette rather
   than replaced with something unrelated.
   ========================================================================== */

:root{
  --nolawi-navy-950:#060f30;
  --nolawi-navy-900:#0a1440;
  --nolawi-navy-800:#0f1c56;
  --nolawi-navy-700:#152873;
  --nolawi-gold-600:#b8791b;
  --nolawi-gold-500:#c98a22;
  --nolawi-gold-400:#dba43f;
  --nolawi-gold-300:#eec573;
  --nolawi-cream:#fbf8f2;
  --nolawi-cream-2:#f4efe4;
  --nolawi-ink:#141b2e;
  --nolawi-muted:#5b6478;
  --nolawi-line:#e7e2d6;
  --nolawi-white:#ffffff;
  --nolawi-radius-lg:22px;
  --nolawi-radius-md:16px;
  --nolawi-radius-sm:10px;
  --nolawi-shadow-soft:0 20px 45px -20px rgba(10,20,64,.28);
  --nolawi-shadow-lift:0 30px 60px -25px rgba(10,20,64,.4);
  --nolawi-ease:cubic-bezier(.2,.7,.2,1);
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}

html{ scroll-behavior:smooth; }

body{
  background:var(--nolawi-cream);
  -webkit-font-smoothing:antialiased;
}

/* ---------- typography polish (reuses the theme's already-loaded fonts) --- */
h1,h2,h3,h4,h5,h6{ color:var(--nolawi-navy-900); letter-spacing:-.01em; }
.section_title_meta{
  color:var(--nolawi-gold-600) !important;
  letter-spacing:.14em;
  font-weight:700;
  display:inline-flex; align-items:center; gap:10px;
}
.section_title_meta::before{
  content:""; width:28px; height:2px; background:var(--nolawi-gold-500); display:inline-block; border-radius:2px;
}
.section_title h2{ font-size:clamp(28px,3.4vw,42px); color:var(--nolawi-navy-900); }
.section_title p{ color:var(--nolawi-muted); max-width:640px; }
.text-center .section_title p{ margin-left:auto; margin-right:auto; }

/* ---------- buttons ------------------------------------------------------ */
.site_btn,.boxed_btn{
  background:var(--nolawi-navy-900) !important;
  border:1px solid var(--nolawi-navy-900) !important;
  border-radius:999px !important;
  font-weight:700 !important;
  letter-spacing:.01em;
  padding:15px 30px !important;
  transition:transform .35s var(--nolawi-ease), box-shadow .35s var(--nolawi-ease), background .35s var(--nolawi-ease) !important;
  box-shadow:0 14px 30px -14px rgba(10,20,64,.55);
}
.site_btn:hover,.boxed_btn:hover{
  background:var(--nolawi-gold-500) !important;
  border-color:var(--nolawi-gold-500) !important;
  transform:translateY(-3px);
  box-shadow:0 18px 34px -12px rgba(201,138,34,.55);
}
.boxed_btn.bg-transparent{
  background:transparent !important;
  border:1.5px solid rgba(255,255,255,.55) !important;
  color:#fff !important;
  box-shadow:none;
}
.boxed_btn.bg-transparent:hover{
  background:#fff !important;
  border-color:#fff !important;
  color:var(--nolawi-navy-900) !important;
}
.site_btn_border{ border-radius:999px !important; font-weight:700 !important; }

.nolawi-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:15px 30px; border-radius:999px; font-weight:700; font-size:15px;
  text-decoration:none; transition:transform .35s var(--nolawi-ease), box-shadow .35s var(--nolawi-ease), background .35s var(--nolawi-ease), color .35s var(--nolawi-ease);
  white-space:nowrap;
}
.nolawi-btn svg,.nolawi-btn i{ flex:none; }
.nolawi-btn--gold{ background:var(--nolawi-gold-500); color:#fff; box-shadow:0 16px 32px -14px rgba(201,138,34,.6); }
.nolawi-btn--gold:hover{ background:var(--nolawi-gold-600); color:#fff; transform:translateY(-3px); }
.nolawi-btn--ghost{ background:rgba(255,255,255,.08); border:1.5px solid rgba(255,255,255,.5); color:#fff; backdrop-filter:blur(6px); }
.nolawi-btn--ghost:hover{ background:#fff; color:var(--nolawi-navy-900); transform:translateY(-3px); }
.nolawi-btn--navy{ background:var(--nolawi-navy-900); color:#fff; box-shadow:0 16px 32px -14px rgba(10,20,64,.55); }
.nolawi-btn--navy:hover{ background:var(--nolawi-gold-500); transform:translateY(-3px); }
.nolawi-btn--outline{ background:transparent; border:1.5px solid var(--nolawi-navy-900); color:var(--nolawi-navy-900); }
.nolawi-btn--outline:hover{ background:var(--nolawi-navy-900); color:#fff; transform:translateY(-3px); }
.nolawi-btn--sm{ padding:10px 20px; font-size:13px; }

/* ==========================================================================
   HEADER / NAVIGATION
   ========================================================================== */
.heading{ position:relative; z-index:60; }
.heading_sub{
  background:var(--nolawi-navy-950) !important;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.heading_sub_left ul li a,
.heading_sub_right ul li a{ color:rgba(255,255,255,.85) !important; font-weight:500; }
.heading_sub_right ul li a:hover{ color:var(--nolawi-gold-400) !important; }
.heading_sub_right .social-links li a{ color:rgba(255,255,255,.75) !important; }
.heading_sub_right .social-links li a:hover{ color:var(--nolawi-gold-400) !important; }

.heading_main{
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(14px) saturate(160%);
  border-bottom:1px solid var(--nolawi-line);
  transition:box-shadow .3s var(--nolawi-ease), padding .3s var(--nolawi-ease), background .3s var(--nolawi-ease);
}
.heading_main.fixed-nav{
  position:fixed !important; top:0; left:0; right:0;
  box-shadow:0 12px 30px -18px rgba(10,20,64,.35);
  animation:nolawiHeaderDrop .45s var(--nolawi-ease);
}
@keyframes nolawiHeaderDrop{ from{ transform:translateY(-100%);} to{ transform:translateY(0);} }

.heading_main_logo img{ max-height:56px; width:auto; object-fit:contain; }

.heading_main_menu_list_link{
  color:var(--nolawi-navy-900) !important;
  font-weight:600 !important;
  position:relative;
}
.heading_main_menu_list_link::after{
  content:""; position:absolute; left:0; bottom:-6px; width:0; height:2px;
  background:var(--nolawi-gold-500); transition:width .3s var(--nolawi-ease);
}
.heading_main_menu_list_link:hover{ color:var(--nolawi-gold-600) !important; }
.heading_main_menu_list_link:hover::after{ width:100%; }
.heading_main_menu_list_dropdown{ border-radius:14px !important; overflow:hidden; box-shadow:var(--nolawi-shadow-lift) !important; border:1px solid var(--nolawi-line) !important; }
.heading_main_menu_list_dropdown li a:hover{ background:var(--nolawi-cream-2) !important; color:var(--nolawi-gold-600) !important; }

/* Parent / Student Portal CTA in the header */
.nolawi-portal-btn{
  display:inline-flex; align-items:center; gap:9px;
  background:linear-gradient(135deg,var(--nolawi-navy-900),var(--nolawi-navy-700));
  color:#fff !important; font-weight:700; font-size:14px;
  padding:12px 22px; border-radius:999px;
  box-shadow:0 14px 28px -14px rgba(10,20,64,.55);
  transition:transform .3s var(--nolawi-ease), box-shadow .3s var(--nolawi-ease), background .3s var(--nolawi-ease);
  white-space:nowrap;
}
.nolawi-portal-btn:hover{ background:linear-gradient(135deg,var(--nolawi-gold-500),var(--nolawi-gold-600)); color:#fff !important; transform:translateY(-2px); box-shadow:0 18px 34px -14px rgba(201,138,34,.55); }
.nolawi-portal-btn svg{ width:16px; height:16px; flex:none; }
.nolawi-header-actions{ display:flex; align-items:center; gap:14px; justify-content:flex-end; }

.nolawi-mobile-portal{
  display:flex; align-items:center; justify-content:center; gap:8px;
  margin:14px 16px; padding:14px 18px; border-radius:14px;
  background:linear-gradient(135deg,var(--nolawi-navy-900),var(--nolawi-navy-700));
  color:#fff !important; font-weight:700; font-size:14px; text-decoration:none;
  box-shadow:0 14px 26px -12px rgba(10,20,64,.5);
}
.nolawi-mobile-portal svg{ width:16px; height:16px; }

/* mobile menu (zeynep) polish */
.heading_mobile{ background:var(--nolawi-navy-950) !important; }
.heading_mobile_thum{ color:#fff !important; }
.heading_mobile_menu.zeynep{ box-shadow:-20px 0 60px -20px rgba(0,0,0,.4); }
.heading_mobile_menu.zeynep ul > li > a{ font-weight:600 !important; }
.heading_mobile_menu.zeynep ul > li > a:hover{ color:var(--nolawi-gold-600) !important; }
.heading_mobile_menu_top{ background:var(--nolawi-cream-2) !important; }

/* ==========================================================================
   HERO
   ========================================================================== */
.hero_area_slider{ position:relative; }
.hero_area{ background:var(--nolawi-navy-950); overflow:hidden; }
.hero_area_inner{ position:relative; }
.hero_area_inner img{
  filter:saturate(1.05) contrast(1.02);
  min-height:420px;
  object-fit:cover !important;
}
@media (min-width:768px){ .hero_area_inner img{ min-height:640px; } }
@media (min-width:1400px){ .hero_area_inner img{ min-height:760px; } }

.nolawi-hero-scrim{
  position:absolute; inset:0;
  background:linear-gradient(100deg, rgba(6,15,48,.92) 0%, rgba(6,15,48,.72) 32%, rgba(6,15,48,.28) 62%, rgba(6,15,48,.05) 100%);
  z-index:2;
}
.nolawi-hero-content{
  position:absolute; inset:0; z-index:3;
  display:flex; align-items:center;
}
.nolawi-hero-content .container{ width:100%; }
.nolawi-hero-inner{ max-width:640px; color:#fff; }
.nolawi-hero-eyebrow{
  display:inline-flex; align-items:center; gap:9px;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25);
  backdrop-filter:blur(6px);
  color:var(--nolawi-gold-300); font-weight:700; font-size:12px; letter-spacing:.14em;
  text-transform:uppercase; padding:9px 16px; border-radius:999px; margin-bottom:22px;
  animation:nolawiFadeUp .7s var(--nolawi-ease) both;
}
.nolawi-hero-eyebrow svg{ width:14px; height:14px; }
.nolawi-hero-title{
  font-family:'Eudoxus Sans',sans-serif; font-weight:800;
  font-size:clamp(32px,5vw,58px); line-height:1.08; color:#fff; margin-bottom:20px;
  animation:nolawiFadeUp .8s .1s var(--nolawi-ease) both;
}
.nolawi-hero-title em{ font-style:normal; color:var(--nolawi-gold-400); }
.nolawi-hero-desc{
  font-size:clamp(15px,1.6vw,18px); line-height:1.7; color:rgba(255,255,255,.85);
  margin-bottom:34px; max-width:540px;
  animation:nolawiFadeUp .8s .2s var(--nolawi-ease) both;
}
.nolawi-hero-actions{
  display:flex; flex-wrap:wrap; gap:14px; margin-bottom:30px;
  animation:nolawiFadeUp .8s .3s var(--nolawi-ease) both;
}
.nolawi-hero-meta{
  display:flex; flex-wrap:wrap; gap:26px;
  animation:nolawiFadeUp .8s .4s var(--nolawi-ease) both;
}
.nolawi-hero-meta a{
  display:flex; align-items:center; gap:10px; color:#fff; font-weight:600; text-decoration:none;
}
.nolawi-hero-meta a .nolawi-ico{
  width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.14);
  display:flex; align-items:center; justify-content:center; flex:none; border:1px solid rgba(255,255,255,.25);
}
.nolawi-hero-meta a:hover .nolawi-ico{ background:var(--nolawi-gold-500); border-color:var(--nolawi-gold-500); }

@keyframes nolawiFadeUp{ from{ opacity:0; transform:translateY(22px);} to{ opacity:1; transform:translateY(0);} }

.hero_area_slider .owl-dots{ position:absolute; z-index:4; bottom:26px; left:50%; transform:translateX(-50%); display:flex; gap:8px; }
.hero_area_slider .owl-nav{ z-index:4; }
.hero_area_slider .owl-nav button{ background:rgba(255,255,255,.15) !important; backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.3) !important; }
.hero_area_slider .owl-nav button:hover{ background:var(--nolawi-gold-500) !important; border-color:var(--nolawi-gold-500) !important; }

@media (max-width:767px){
  .nolawi-hero-content{ align-items:flex-end; padding-bottom:34px; }
  .nolawi-hero-inner{ max-width:100%; }
  .nolawi-hero-meta{ gap:18px; }
}

/* ==========================================================================
   NOTICE BOARD
   ========================================================================== */
.notice-section{ position:relative; z-index:2; }
.notice-section #noticeContent{
  background:linear-gradient(135deg,var(--nolawi-navy-900),var(--nolawi-navy-700)) !important;
  border-radius:var(--nolawi-radius-lg) !important;
  box-shadow:var(--nolawi-shadow-lift);
  padding:28px 32px !important;
}
.notice-board-header{ flex-wrap:wrap; gap:12px; }
.notice-board-title{
  display:flex; align-items:center; gap:10px;
  color:#fff !important; font-size:22px !important; text-align:left !important;
}
.notice-board-title::before{
  content:"\f0a1"; font-family:"Font Awesome 5 Free"; font-weight:900;
  color:var(--nolawi-gold-400); font-size:18px;
}
.notice-view-all{
  color:var(--nolawi-gold-300) !important; font-weight:700; font-size:13px;
  text-decoration:none; display:inline-flex; align-items:center; gap:6px;
}
.notice-view-all:hover{ color:#fff !important; }
.notification-container{ height:66px; overflow:hidden; position:relative; }
.notification-container ul{ position:relative; margin:0; padding:0; list-style:none; }
.notification-container ul li{ list-style:none; }
.noticeboard_inner_item{
  display:flex; align-items:center; gap:16px; text-align:left;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);
  border-radius:12px; padding:12px 18px;
}
.noticeboard_inner_item p{
  margin:0; flex:none; color:var(--nolawi-gold-300); font-weight:700; font-size:12px;
  text-transform:uppercase; letter-spacing:.04em; white-space:nowrap;
}
.noticeboard_inner_item p span{ display:none; }
.noticeboard_inner_item_title{
  color:#fff !important; font-weight:600; text-decoration:none;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.noticeboard_inner_item_title:hover{ color:var(--nolawi-gold-300) !important; }

/* ==========================================================================
   STATS / "ONE SCHOOL, EVERY STAGE OF CHILDHOOD" CTA
   ========================================================================== */
.cta_area{
  background:linear-gradient(180deg,rgba(6,15,48,.86),rgba(6,15,48,.94)), var(--nolawi-navy-950) !important;
  background-size:cover !important; background-position:center !important;
  border-radius:0 0 var(--nolawi-radius-lg) var(--nolawi-radius-lg);
  padding:110px 0 70px !important;
}
.cta_area .section_title_meta{ color:var(--nolawi-gold-400) !important; }
.cta_area .section_title_meta::before{ background:var(--nolawi-gold-400); }
.cta_area .section_title h2{ color:#fff; }
.cta_area .section_title p{ color:rgba(255,255,255,.78); }
.cta_area_inner{ display:flex; flex-wrap:wrap; gap:16px; justify-content:center; margin-top:10px; }
.cta_area_inner .boxed_btn{ background:var(--nolawi-gold-500) !important; border-color:var(--nolawi-gold-500) !important; }
.cta_area_inner .boxed_btn:hover{ background:#fff !important; color:var(--nolawi-navy-900) !important; border-color:#fff !important; }

.funfact{ margin-top:-64px; position:relative; z-index:3; padding-bottom:90px !important; }
.funfact #counters{ display:flex; flex-wrap:wrap; gap:24px; justify-content:center; }
.funfact_item{
  background:#fff; border-radius:var(--nolawi-radius-md); padding:34px 22px;
  box-shadow:var(--nolawi-shadow-soft); border:1px solid var(--nolawi-line);
  transition:transform .35s var(--nolawi-ease), box-shadow .35s var(--nolawi-ease);
  width:100%;
}
.funfact .col-md-3{ flex:1 1 220px; max-width:260px; }
.funfact_item:hover{ transform:translateY(-6px); box-shadow:var(--nolawi-shadow-lift); }
.funfact_item h3{ margin-bottom:6px; }
.funfact_item h3 .counter{
  font-family:'Eudoxus Sans',sans-serif; font-weight:800; font-size:44px;
  background:linear-gradient(135deg,var(--nolawi-navy-900),var(--nolawi-gold-600));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.funfact_item p{ color:var(--nolawi-muted); font-weight:600; letter-spacing:.02em; margin:0; }

/* ==========================================================================
   HOME "WHERE EVERY CHILD'S STORY BEGINS" INTRO
   ========================================================================== */
.about_us{ background:var(--nolawi-cream); position:relative; overflow:hidden; }
.about_us_img_inner{
  position:relative; border-radius:var(--nolawi-radius-lg); overflow:hidden;
  box-shadow:var(--nolawi-shadow-lift);
}
.about_us_img_inner::after{
  content:""; position:absolute; inset:0;
  border:1px solid rgba(255,255,255,.5); border-radius:var(--nolawi-radius-lg);
}
.about_us_img_inner img{ width:100%; height:100%; object-fit:cover; display:block; }
.about_us_inner h3{ font-size:clamp(26px,3.2vw,36px); color:var(--nolawi-navy-900); }
.about_us_inner p{ color:var(--nolawi-muted); line-height:1.8; }
.about_us_inner ul li{ color:var(--nolawi-ink); font-weight:600; }
.about_us_inner ul li i{ color:var(--nolawi-gold-500) !important; }
.about_us_inner_call a{
  display:inline-flex; align-items:center; gap:10px; font-weight:700; color:var(--nolawi-navy-900) !important;
}
.about_us_inner .site_btn{ margin-top:8px; }

/* ==========================================================================
   PHOTO GALLERY
   ========================================================================== */
.gallery{ background:var(--nolawi-cream); }
.gallery_item{
  position:relative; display:block; border-radius:var(--nolawi-radius-md); overflow:hidden;
  text-decoration:none; box-shadow:var(--nolawi-shadow-soft); margin-bottom:24px;
}
.gallery_item_img{ position:relative; overflow:hidden; aspect-ratio:4/3; }
.gallery_item_img img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--nolawi-ease); }
.gallery_item:hover .gallery_item_img img{ transform:scale(1.08); }
.gallery_item_img::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(6,15,48,0) 35%, rgba(6,15,48,.86) 100%);
  opacity:.65; transition:opacity .4s var(--nolawi-ease);
}
.gallery_item:hover .gallery_item_img::after{ opacity:.92; }
.gallery_item_inner{
  position:absolute; left:0; right:0; bottom:0; z-index:2; padding:22px;
  transform:translateY(10px); transition:transform .4s var(--nolawi-ease);
}
.gallery_item:hover .gallery_item_inner{ transform:translateY(0); }
.gallery_item_inner h4{ color:#fff; margin-bottom:6px; font-size:19px; }
.gallery_item_inner p{
  color:rgba(255,255,255,.8); font-size:13.5px; max-height:0; overflow:hidden; opacity:0;
  transition:max-height .4s var(--nolawi-ease), opacity .4s var(--nolawi-ease);
}
.gallery_item:hover .gallery_item_inner p{ max-height:70px; opacity:1; }

/* video gallery */
.single-video-item .gallery_item_img::before{
  content:""; position:absolute; z-index:3; inset:0; margin:auto; width:62px; height:62px;
  background:var(--nolawi-gold-500) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/22px no-repeat;
  border-radius:50%; box-shadow:0 10px 24px -8px rgba(0,0,0,.55);
  transition:transform .35s var(--nolawi-ease), background .35s var(--nolawi-ease);
}
.single-video-item:hover .gallery_item_img::before{ transform:scale(1.12); background-color:var(--nolawi-navy-900); }
.single-video-item .gallery_item_img::after{ opacity:.55; }

/* ==========================================================================
   NEWS / BLOG
   ========================================================================== */
.blog_item{
  background:#fff; border-radius:var(--nolawi-radius-md); overflow:hidden;
  box-shadow:var(--nolawi-shadow-soft); border:1px solid var(--nolawi-line);
  transition:transform .35s var(--nolawi-ease), box-shadow .35s var(--nolawi-ease);
  height:100%; display:flex; flex-direction:column;
}
.blog_item:hover{ transform:translateY(-6px); box-shadow:var(--nolawi-shadow-lift); }
.blog_item_img{ aspect-ratio:16/10; overflow:hidden; }
.blog_item_img img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--nolawi-ease); }
.blog_item:hover .blog_item_img img{ transform:scale(1.06); }
.blog_item_inner{ padding:24px; display:flex; flex-direction:column; gap:10px; flex:1; }
.blog_item_meta{
  color:var(--nolawi-gold-600); font-weight:700; font-size:12.5px; text-transform:uppercase; letter-spacing:.05em;
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
}
.blog_item_title{ color:var(--nolawi-navy-900); font-weight:700; font-size:18px; text-decoration:none; line-height:1.4; }
.blog_item_title:hover{ color:var(--nolawi-gold-600); }
.blog_item_readmore{ margin-top:auto; color:var(--nolawi-navy-900); font-weight:700; font-size:13.5px; text-decoration:none; }
.blog_item_readmore:hover{ color:var(--nolawi-gold-600); }
.nolawi-archive-badge{
  display:inline-flex; align-items:center; gap:6px; background:var(--nolawi-cream-2); color:var(--nolawi-muted);
  font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  padding:4px 10px; border-radius:999px; border:1px solid var(--nolawi-line);
}

/* ==========================================================================
   PORTAL CTA BAND
   ========================================================================== */
.nolawi-portal-cta{
  position:relative; overflow:hidden; margin:0 auto; max-width:1300px;
  border-radius:28px; padding:64px 40px;
  background:linear-gradient(120deg,var(--nolawi-navy-950),var(--nolawi-navy-700));
  color:#fff; text-align:center;
}
.nolawi-portal-cta::before{
  content:""; position:absolute; inset:-40% -10% auto auto; width:420px; height:420px;
  background:radial-gradient(circle, rgba(201,138,34,.35), transparent 70%);
}
.nolawi-portal-cta .nolawi-eyebrow{
  display:inline-flex; align-items:center; gap:9px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.22);
  color:var(--nolawi-gold-300); font-weight:700; font-size:12px; letter-spacing:.12em; text-transform:uppercase;
  padding:8px 16px; border-radius:999px; margin-bottom:20px; position:relative; z-index:2;
}
.nolawi-portal-cta h2{ color:#fff; font-size:clamp(26px,3.4vw,38px); margin-bottom:16px; position:relative; z-index:2; }
.nolawi-portal-cta p{ color:rgba(255,255,255,.78); max-width:620px; margin:0 auto 30px; position:relative; z-index:2; }
.nolawi-portal-features{
  display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-bottom:34px; position:relative; z-index:2;
}
.nolawi-portal-features span{
  display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16); padding:9px 16px; border-radius:999px; font-size:13.5px; font-weight:600;
}
.nolawi-portal-cta .nolawi-cta-actions{ position:relative; z-index:2; display:flex; flex-wrap:wrap; gap:16px; justify-content:center; }

/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer{
  background:linear-gradient(180deg,var(--nolawi-navy-950),var(--nolawi-navy-900)) !important;
  background-image:none !important;
  padding-top:90px !important;
}
.footer-item-logo img{ filter:brightness(0) invert(1); max-height:52px; width:auto; }
.footer-item p{ color:rgba(255,255,255,.68) !important; line-height:1.75; }
.footer-item h5{ color:#fff !important; font-size:17px; margin-bottom:18px; position:relative; padding-bottom:12px; }
.footer-item h5::after{ content:""; position:absolute; left:0; bottom:0; width:36px; height:2px; background:var(--nolawi-gold-500); }
.footer-item-links li{ margin-bottom:10px; }
.footer-item-links li a{ color:rgba(255,255,255,.68) !important; transition:color .25s, padding-left .25s; }
.footer-item-links li a:hover{ color:var(--nolawi-gold-400) !important; padding-left:4px; }
.footer_copyright{ background:var(--nolawi-navy-950); border-top:1px solid rgba(255,255,255,.08); padding:22px 0 !important; }
.footer_copyright_inner{ color:rgba(255,255,255,.55); font-size:13.5px; }
.footer_copyright_social_list_link{ color:rgba(255,255,255,.7) !important; }
.footer_copyright_social_list_link:hover{ color:var(--nolawi-gold-400) !important; }

/* ==========================================================================
   GENERIC SECTION / SCROLL-REVEAL
   ========================================================================== */
[data-reveal]{ opacity:0; transform:translateY(24px); transition:opacity .7s var(--nolawi-ease), transform .7s var(--nolawi-ease); }
[data-reveal].is-visible{ opacity:1; transform:translateY(0); }

@media (max-width:767px){
  .nolawi-portal-cta{ padding:44px 20px; border-radius:20px; }
  .cta_area{ padding:80px 0 40px !important; }
  .funfact{ margin-top:-40px; padding-bottom:50px !important; }
}