/* =========================================
   RESET & VARIABLES
   ========================================= */
html {
    scroll-behavior: smooth;
}

:root {
    /* Colors */
    --PrimaryColor: #247DC6;
    --BlackColor: #000;
    --WhiteColor: #FFFFFF;
    --SecondaryColor: #122939;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}





body {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 400;
    color: var(--BlackColor);
    line-height: 1.5;
    background-color: var(--WhiteColor);
    overflow-x: hidden;
    padding-top: 70px;
}


a {
    text-decoration: none;
    color: inherit;
    transition: 0.2s;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}




.same-section {
    padding: clamp(5rem, 7vw, 5rem) 0;
}

.same-heading {
    margin-bottom: 4rem;
}

.same-heading h2 {
    color: var(--BlackColor);
    font-size:2.2rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 1rem;
}


.same-heading h2 .highlight-text{background: var(--PrimaryColor); color: var(--BlackColor); padding: 0.2rem 0.6rem;}


.same-heading h3 {
   
    color: #122939;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0.6rem;
}

.same-heading p {
    color: #464646;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8;
}




.bg-gray {
    background: #f5f5f5;
}

.max-wid-50 {
    width: 100%;
    max-width: 50%;
}

.max-wid-60 {
    width: 100%;
    max-width: 60%;
}

.max-wid-80 {
    width: 100%;
    max-width: 80%;
}

.same-heading.text-center :is( .max-wid-50, .max-wid-60, .max-wid-80) {
    margin: 0 auto;
}


.same-heading.white-text :is(h2, p) {
    color: var(--WhiteColor);
}

.same-section .section-bottom-btn {
    margin-top: 1.5rem;
}

.section-bottom-btn {
    display: flex;
    gap: 1rem;
    align-items: center;flex-wrap: wrap;
    margin-top: 2rem;
}

.section-bottom-btn.text-center {
    justify-content: center;
}


/* =========================================
   UTILITIES
   ========================================= */
.tag {
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 5%;
  color: var(--PrimaryColor);
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

/* Buttons */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.7rem 1.7rem;
    border-radius: 50px;
    font-weight: 400;
    font-size: 0.9rem;
    cursor: pointer;
    border: 1px solid transparent;
    /* Animation Properties */
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 1;
    text-transform: capitalize;
}

.btn:hover {
    transform: translateY(-2px);
}

.btn svg {
    width: 1.2rem;
    height: 1.2rem;
}

.btn-primary {
    background: var(--PrimaryColor);
    color: var(--WhiteColor);
    border-color: var(--PrimaryColor);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: var(--WhiteColor) !important;
    color: var(--PrimaryColor) !important;
    border-color: var(--PrimaryColor) !important;
}

.btn-primary .fluid-canvas,
.btn-secondary .fluid-canvas,
.btn-outline-primary .fluid-canvas,
.btn-white .fluid-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.4s ease;
    border-radius: inherit;
    z-index: 1;
}

.btn-primary .btn-text,
.btn-secondary .btn-text,
.btn-outline-primary .btn-text,
.btn-white .btn-text {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
.btn-outline-primary {
    background: var(--WhiteColor);
    color: var(--PrimaryColor);
    border-color: var(--PrimaryColor);
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background: var(--PrimaryColor) !important;
    color: var(--WhiteColor) !important;
    border-color: var(--PrimaryColor) !important;
}

.btn-secondary {
    background: var(--PrimaryColor);
    border: solid 1px var(--PrimaryColor);
    color: var(--BlackColor);
}

.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active {
 background: var(--PrimaryColor) !important;
border-color:var(--PrimaryColor) !important;
color: var(--WhiteColor) !important;
}



.btn-white {
    background: var(--WhiteColor);
    border: solid 1px var(--WhiteColor);
    color: #0A3253;
}

.btn-white:hover,.btn-white:focus,.btn-white:active {
 background: var(--PrimaryColor) !important;
border-color:var(--PrimaryColor) !important ;
color: var(--WhiteColor) !important;
}


   #dw-logo-menu{position:fixed;z-index:99999;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 4px 6px -1px rgba(0,0,0,.08),0 10px 40px -3px rgba(0,0,0,.14);padding:5px;min-width:228px;font-family:'Inter',-apple-system,sans-serif;font-size:13px;display:none;pointer-events:none}
#dw-logo-menu.dw-open{display:block;pointer-events:auto}
.dw-menu-item{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:6px;color:#111827;text-decoration:none;cursor:pointer;white-space:nowrap;line-height:1.4;-webkit-transition:background .1s;transition:background .1s}
.dw-menu-item:hover,.dw-menu-item:focus{background:#f3f4f6;color:#111827;text-decoration:none}
.dw-menu-item svg{flex-shrink:0;color:#6b7280}
.dw-menu-sep{height:1px;background:#e5e7eb;margin:4px 2px}




.header-outer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  transition: box-shadow 0.3s ease;
}
.header-outer.scrolled {
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  border-bottom-color: transparent;
  animation: headerfixdown 0.4s ease;
}


@keyframes headerfixdown {
    0% {
    opacity: 0;
    transform: translateY(-100%);
} 
100% {
    opacity: 0.9;
    transform: translateY(0);
    } 
}



.header-outer .header { display: block; padding: 1rem 0;
    width: 100%;
    background-color: #fff;
    position: relative;
    min-height: 70px; }
.header-outer .header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    gap: 1rem;
}
.header-outer .site-logobx { flex-shrink: 0; margin-right: 4px; }
.header-outer .site-logobx img{    max-height: 48px;}
/* .header-outer .site-logobx img { height: 36px; width: auto; display: block; } */

.img-fluid{    max-width: 100%;
    height: auto;}

/* Nav wrap */
.header-outer .header-menu-wrap { display: flex; align-items: center; justify-content: center; flex: 1; min-width: 0; }
.header-outer .header-menu-ul-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
  flex-wrap: nowrap;    gap: 1rem;
}

/* Mega-menu items — panel now anchors to the full-width header, not the nav item */
.header-outer .mega-menu { position: static; }
.header-outer .mega-menu--full { position: static; }
.header-outer .dropdown-hover {
      font-weight: 500;
    font-size: 0.9rem;
    line-height: normal;
    color: #4D4D4D;
    position: relative;
    padding: 2px;
    display: inline-flex;
    align-items: flex-end;
    gap: 4px;    background: transparent;
    border-radius: 5px;
  white-space: nowrap;
  transition: color .15s, background .15s;
}
.header-outer .dropdown-hover:hover,
.header-outer .mega-menu.mopen > .dropdown-hover { color: var(--PrimaryColor);  }
.header-outer .dropdown-hover svg { width: 14px; height: 14px; transition: transform .18s; flex-shrink: 0; }
.header-outer .mega-menu.mopen > .dropdown-hover svg { transform: rotate(180deg); }

/* Dropdown panel — full width, anchored under the whole header */
.header-outer .header { position: relative; }
.header-outer .mm-panel {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  min-width: unset;
  background: #fff;
  border: none;
  border-top: 1px solid rgba(0,0,0,0.08);
  border-radius: 0;
  box-shadow: 0 12px 28px rgba(7,24,39,0.12);
  padding: 22px 0;
  z-index: 500;
}

.header-outer .mm-panel h4{    color: var(--BlackColor);
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 15px;}

.header-outer .mm-panel p{      color: rgb(77, 77, 77);
    font-size: 0.9rem; line-height: 1.6;}

.header-outer  .learn-more-btn{    color: var(--PrimaryColor);
    display: inline-block;
    font-size: 1rem;
    font-weight: 600; display: none;}  

.header-outer .mega-menu.mopen .mm-panel { display: block; justify-content: center; }

/* Each panel's content stays a comfortable width, centered in the full-width bar */
/* .header-outer .mm-panel .mm-links { width: 260px; } */
/* .header-outer .mm-panel--councils .mm-links { width: 420px; } */
/* .header-outer .mm-panel--services .mm-links { width: 560px; } */
/* .header-outer .mm-panel--regions .row {
  width: 900px;
  max-width: 92vw;
  margin: 0;
} */

.header-outer .search-icon-bx  {     margin-right: 0.5rem;
    color: #4D4D4D;
    padding-left: 0.8rem;
 }

.header-outer .search-icon-bx  svg {
    width: 1.1rem;
    height: 1.1rem;
}

/* Links list */
.header-outer .mm-links { list-style: none; margin: 0; padding: 0; display: block; }
.header-outer .mm-links.wid-30{    display: flex;
    /* justify-content: center; */
    flex-wrap: wrap;}
.header-outer .mm-links.wid-30 li{    width: 50%;}   

.header-outer .mm-links li { width: auto; padding: 0; break-inside: avoid;  margin: 6px 0;  }
.header-outer .mm-links a {
  display: inline-block;
  border-radius: 0;
  font-weight: 400;
  padding: 7px 20px;
  font-size: 0.9rem;
  color: #4D4D4D;
  white-space: nowrap;
  text-decoration: none;
  transition: background .15s, color .15s;
  position: relative;
}
.header-outer .mm-links a:hover { color: var(--PrimaryColor);  }

/* 2-column (Councils) */
.header-outer .mm-links-2col { columns: 2; column-gap: 0; }

/* 3-column (Services) */
.header-outer .mm-links-3col { columns: 3; column-gap: 0; }
.header-outer .mm-links-4col { columns: 3; column-gap: 0; }
.header-outer .mm-links-6col { columns: 4; column-gap: 0; }
.header-outer .mm-links-3col li { width: auto; }

/* Meetings mega-menu — image event cards */
.header-outer .mm-panel--meetings .mm-links {
  /* width: 560px;
  max-width: 92vw;
  max-height: 420px; */
  overflow-y: auto;
  padding: 0;
  scrollbar-width: thin;
  scrollbar-color: #c7d0d9 transparent;
}
.header-outer .mm-panel--meetings .mm-links::-webkit-scrollbar { width: 6px; }
.header-outer .mm-panel--meetings .mm-links::-webkit-scrollbar-track { background: transparent; }
.header-outer .mm-panel--meetings .mm-links::-webkit-scrollbar-thumb {
  background: #c7d0d9;
  border-radius: 6px;
}
.header-outer .mm-panel--meetings .mm-links-2col {
     display: flex;
    flex-wrap: wrap;

}
.header-outer .mm-panel--meetings .mm-links-2col li{        flex: 0 0 auto;
        width: 20%; padding:0.5rem;}

.header-outer .mm-panel--meetings li{border-left: 0;}    
/* .header-outer .mm-panel--meetings .mm-links li { width: auto; margin: 0; break-inside: auto; } */
.header-outer .mm-panel--meetings .mm-links a {
  display: block;
  padding: 0;
  white-space: normal;
  border-radius: 0;
  color: #374151;
}
.header-outer .mm-panel--meetings .mm-links a:hover { background: transparent; }
.header-outer .mm-panel--meetings .event-img-bx {
  border-radius: 7px;
  overflow: hidden;
  margin-bottom: 0.6rem;
  aspect-ratio: 16 / 10;
  background: #eef2f6;
}
.header-outer .mm-panel--meetings .event-img-bx img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .2s ease;
}
.header-outer .mm-panel--meetings .mm-links a:hover .event-img-bx img { transform: scale(1.04); }
.header-outer .mm-panel--meetings .mm-links a > div:last-child {
 font-size: 0.9rem;
    color: #4D4D4D; font-weight: 500;
  padding: 0 2px;
  line-height: 1.3;
}
.header-outer .mm-panel--meetings .mm-links a:hover > div:last-child { color: var(--PrimaryColor); }

/* Text-only rows (Council Meetings — no banner image) */
.header-outer .mm-panel--meetings .mm-links li.mm-text-only { align-self: center; }
.header-outer .mm-panel--meetings .mm-links li.mm-text-only a > div {
  padding: 8px 6px;
  font-size: 0.8rem;
  border-top: 1px solid rgba(0,0,0,0.06);
}
.header-outer .mm-panel--meetings .mm-links li.mm-text-only a:hover > div { color: var(--PrimaryColor); }

/* "New" badge */
.header-outer .mm-new a::after {
    content: 'New';
    position: absolute;
    right: 10px;
    top: 11px;
    background: #2396cf;
    color: #fff;
    padding: 1px 3px;
    border-radius: 2px;
    font-size: 10px;
    line-height: normal;
    font-weight: 400;

}

.d-lg-none{display: none;}

/* Regions panel */
.header-outer .mm-map img { width: 100%; height: auto; }
.header-outer  .mm-phase{border: solid 1px #D3D3D3; border-radius: 19px; padding: 7px;}
.header-outer .mm-phase + .mm-phase{margin-top: 10px;}
.header-outer  .mm-phase p{color: #BBBBBB; font-size: 0.9rem; font-weight: 600; margin-bottom: 0.8rem;}
.header-outer  .mm-phase .mm-flags{display: flex; gap: 3px; flex-wrap: wrap; }
.header-outer  .mm-phase .mm-flags li{ width: 18.5%; margin: 0; display: block;}
.header-outer  .mm-phase .mm-flags li a{margin: 0; padding: 0;}



/* .header-outer .mm-flags li a img { width: 22px; height: 22px; border-radius: 50%; } */

/* Regions dropdown — union cards */
.header-outer .region-union-wrap {
    width: 100%;
}

.header-outer .region-union-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
}

.header-outer .region-union-card {
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    background: #fff;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    transition: all 0.25s ease;
}

.header-outer .region-union-card:hover {
    border-color: #247dc64d;
    box-shadow: 0 8px 24px rgba(7, 24, 39, 0.08);
    transform: translateY(-2px);
}

.header-outer .region-union-icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 1rem;
}

.header-outer .region-union-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-outer .region-union-card h4 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--BlackColor);
    margin: 0 0 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.header-outer .region-union-card h4 svg {
    width: 0.9rem;
    height: 0.9rem;
    color: var(--PrimaryColor);
}

.header-outer .region-union-card p {
    font-size: 0.85rem;
    color: rgb(77, 77, 77);
    line-height: 1.55;
    margin: 0;
}


* Regions dropdown — union cards */
.header-outer .region-union-wrap {
    width: 100%;
}

.header-outer .region-union-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
}

.header-outer .region-union-card {
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    background: #fff;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    transition: all 0.25s ease;
position: relative;
z-index: 1;
}

.header-outer .region-union-card:hover {
    border-color: #247dc64d;
    box-shadow: 0 8px 24px rgba(7, 24, 39, 0.08);
    transform: translateY(-2px);
}

.header-outer .region-union-icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 1rem;
}

.header-outer .region-union-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-outer .region-union-card h4 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--BlackColor);
    margin: 0 0 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.header-outer .region-union-card h4 svg {
    width: 0.9rem;
    height: 0.9rem;
    color: var(--PrimaryColor);
}

.header-outer .region-union-card p {
      color: rgb(77, 77, 77);
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0;
}

.header-outer  .region-union-map{margin-top: -4rem; text-align: center;}

.header-outer .middle-menu{padding: 0 15px;}
.header-outer .middle-menu .meetings-menu{margin-top: 1.5rem;}
.header-outer .middle-menu .meetings-menu h6{font-weight: 600;font-size: 1rem;color: var(--navy);margin-bottom: 0.5rem}

.header-outer .middle-menu .meetings-menu .btn-primary{margin-top: 0.5rem;}
.header-outer .event-menu-list{display: flex; flex-wrap: wrap;    align-items: center;gap: 0.5vw; padding: 0; margin: 0; list-style: none;}
.header-outer .middle-menu .event-menu-list li{ width: 32%; padding: 0 5px;    border-left: 4px solid rgb(223, 223, 223);}
.header-outer .middle-menu .event-menu-list li a{ background: #fff;
    box-shadow: inset 3px 0px 0px #fff;
    border-radius: 5px;
    font-weight: 500;
    padding: 0.6rem 0.5rem 0.6rem 0.6rem;
    font-size: 0.9rem;
    display: block;
    width: 100%;
    white-space: normal;}
.header-outer .middle-menu .event-menu-list li a:hover{    background: #3a799b12;
    color: var(--PrimaryColor);
    box-shadow: inset 3px 0px 0px var(--PrimaryColor)}


.header-outer .middle-menu .event-menu-list .event-title{color: #4D4D4D;min-height: 20px; font-size: 0.9rem;    font-weight: 400; line-height: 1.5;}
.header-outer .meetings-list{display: flex; align-items: center; flex-wrap: wrap;}
.header-outer .meetings-list li{width: 49%; padding: 5px;  border-left: 4px solid rgb(223, 223, 223); }
.header-outer .meetings-list li a{ padding: 0.6rem 0.5rem 0.6rem 0.6rem;   color: #4D4D4D;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5; border-radius: 5px; }
.header-outer .meetings-list li a:hover{color: var(--PrimaryColor);  background: #3a799b12;
    color: var(--PrimaryColor);
    box-shadow: inset 3px 0px 0px var(--PrimaryColor)}

.hero-explore-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:1.75rem}
.hero-explore-card{display:flex;flex-direction:column;background:#fff;border-radius:5px; border:solid 1px #EBEBEB; overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.hero-explore-card:hover{transform:translateY(-0.1875rem);box-shadow:0 0.75rem 1.5rem -0.5rem rgba(11,21,38,.18);text-decoration:none}
.hero-explore-thumb{display:flex;align-items:center; overflow: hidden;   padding: 0.2rem; justify-content:center; }
.hero-explore-thumb img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:-webkit-optimize-contrast}
.hero-explore-body{display:flex;flex-direction:column;gap:0.375rem;padding:0.875rem 1rem 1rem}
.hero-explore-title{font-size:0.975rem;font-weight:500; color:var(--BlackColor)}
.hero-explore-link{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.75rem;margin-top: 0.2rem; font-weight:500;color:var(--PrimaryColor)}
.hero-explore-link svg{flex:none;     width: 1rem;
    height: 1rem;}
.hero-explore-card:hover .hero-explore-link{text-decoration:underline}
.header .docs-menu-pills .btn {
    font-size: .8125rem;
    padding: .45rem 1rem;
}



ul{padding: 0; margin: 0; list-style: none;}



/* Action buttons */
.header-outer .header-right-btns { display: flex; align-items: center; gap: 1rem; flex-shrink: 0;}

/* Mobile toggle */
.header-outer .mob-nav-toggle {
  display: none;
  border: 0;
  background: none;
  padding: 8px;
  cursor: pointer;
  background: var(--PrimaryColor);
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
}
.header-outer .mob-nav-toggle svg { width: 22px; height: 22px; display: block; }

/* Backdrop — inside header-outer stacking context: above .header (auto) below drawer (1050) */
.nav-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1020;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.nav-backdrop.active {
  display: block;
  opacity: 1;
} 

/* Mobile nav header (logo + close btn) */
.mob-nav-header {
  display: none;
}
.mob-nav-footer {
  display: none;
}





.hero-section {
    position: relative;
    padding: 3rem 0 ;
    background: #EBF5FD;
    overflow: hidden;
    /* min-height: 100vh; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-section > .container { width: 100%; }
.hero-section .row { align-items: center; }




/* Content */
.hero-section .hero-content {
    position: relative;
    z-index: 2;
}

/* Title */
.hero-section h1 {
    font-size: 3rem;
    font-weight: 500;
    color: var(--BlackColor);
    line-height: 1.15;
    margin-bottom: 1.2rem;
}

.primary-text { color: var(--PrimaryColor); }

/* Text */
.hero-section p {
    font-size: 1rem;
    color: #464646;
    line-height: 1.8;
}





/* Hero Video Box */


.hero-section .heroglobe-imgbx {
    position: relative;
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    cursor: grab;
    touch-action: pan-y;
    user-select: none;
}
.hero-section .heroglobe-imgbx.is-dragging { cursor: grabbing; }
.heroglobe-imgbx img { mix-blend-mode: darken; }
#globe-canvas { width: 100% !important; height: auto !important; display: block; }

.heroglobe-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 78%;
    height: 78%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, rgba(36, 125, 198, 0.22) 0%, rgba(36, 125, 198, 0) 70%);
    pointer-events: none;
    z-index: -1;
}

.globe-label {
    position: absolute;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(36, 125, 198, 0.14);
    border-radius: 50px;
    padding: 0.45rem 1.15rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--SecondaryColor);
    box-shadow: 0 8px 20px rgba(18, 41, 57, 0.1);
    white-space: nowrap;
    pointer-events: none;
    letter-spacing: 0.01em;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity 0.15s linear;
    will-change: left, top, opacity, transform;
}
.globe-label svg {
    width: 0.9rem;
    height: 0.9rem;
    color: var(--PrimaryColor);
    flex-shrink: 0;
}

@media (max-width: 575px) {
    .globe-label {
        gap: 0.3rem;
        padding: 0.35rem 0.7rem;
        font-size: 0.68rem;
    }
    .globe-label svg { width: 0.75rem; height: 0.75rem; }
}

.hero-section .heroglobe-imgbx video {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    mix-blend-mode: multiply;
    border: none;
    outline: none;
    background: transparent;
}

/* Hero Tags */
.hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin-top: 5rem;
}
.hero-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding:0.4rem 1.2rem;
    border: 1px solid #D0DDE7;
    border-radius: 50px;
    background: transparent;
    font-size: 0.88rem;
    font-weight: 500;
    color: #717171;
}
.hero-tag svg {
    width: 1rem;
    height: 1rem;
    color: #667085;
    flex-shrink: 0;
}












/* =========================================
   WHY DIGITAL WORLD SECTION
   ========================================= */
.why-digital-world-section .why-cards-row {
    display: flex;
    gap: 1rem;
    align-items: stretch;
}

.why-digital-world-section .why-card {
    flex: 1;
    border-radius: 20px;
    padding: 1.2rem;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 350px;  
   
}
.why-digital-world-section .why-card::before{  z-index: 2; background: rgb(0 0 0 / 31%); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; }


.why-digital-world-section .why-card  .why-card-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;z-index: 1;
}

/* TOP — title + icon */
.why-digital-world-section .why-card .why-card-top {
    position: relative;
    z-index: 2;
    /* padding: 1.2rem;
    background: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%, transparent 100%); */
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.why-digital-world-section .why-card .why-card-title {
    font-size: 0.7rem;
    font-weight: 400;
    letter-spacing: 0.1rem;
    color:var(--WhiteColor);
}

.why-digital-world-section .why-card .why-card-icon {
    width: 2.4rem;
    height: 2.4rem;
    background: #fff;
    backdrop-filter: blur(4px);
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.why-digital-world-section .why-card .why-card-icon svg {
    width: 1.1rem;
    height: 1.1rem;
    color: #000;
}

/* BOTTOM — description */
.why-digital-world-section .why-card .why-card-bottom {
    position: relative;
    z-index: 2;
    /* padding: 1.2rem;
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.2) 80%, transparent 100%); */
}

.why-digital-world-section .why-card .why-card-bottom p {
    font-size: 0.88rem;
    line-height: 1.65;
    color: rgba(255,255,255,0.92);
    margin: 0;
}

/* =========================================
   PRINCIPLES SECTION
   ========================================= */
.principles-section { background: #F8FBFF; }

.principles-section .principles-video-card {
    background: #fff;
    border: 1px solid #E4EEF8;
    border-radius: 20px;
    padding: 1.5rem;
}

.principles-section .principles-video-card h3 {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--BlackColor);
    margin-bottom: 1rem;
}

.principles-section .principles-video-card .principles-video-thumb {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
}

.principles-section .principles-video-card .principles-video-thumb img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
}

.principles-section .principles-video-card .play-btn {
    position: absolute;
        right: 1rem;
    bottom: 1rem;
    margin: auto;
    width: 3rem;
    height: 3rem;
    background: #000;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.2s ease, background 0.2s ease;
}

.principles-section .principles-video-card .play-btn:hover { background: var(--PrimaryColor); transform: scale(1.1); }

.principles-section .principles-video-card .play-btn svg {
    width: 1.1rem;
    height: 1.1rem;
    color: #fff;
    margin-left: 2px;
}






/* =========================================
   PARTICIPANT SECTION
   ========================================= */

.participant-card {
    background: #fff;
    border: 1px solid #E6E6E6;
    border-radius: 20px;
    padding: 1.5rem 1.2rem;
    height: 100%;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.participant-card:hover {
    box-shadow: 0 6px 24px rgba(36, 125, 198, 0.1);
    transform: translateY(-3px);
}

.participant-card .card-icon {
    width: 2.8rem;
    height: 2.8rem;
    background: #247DC61A;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    color: var(--PrimaryColor);
}

.participant-card .card-icon svg {
    width: 1.2rem;
    height: 1.2rem;
}

.participant-card h3 {
    font-size: 1rem;
    font-weight: 500;
    color: var(--PrimaryColor);
    margin-bottom: 0.4rem;
}

.participant-card p {
    font-size: 0.85rem;
    color: #595959;
    line-height: 1.6;
    margin: 0;
}

.blue-link-text{    display: block;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--PrimaryColor);
    transition: gap 0.2s ease;}



/* =========================================
   DIGITAL STACK SECTION
   ========================================= */
.digital-stack-section {
    background: linear-gradient(to top, #247DC6 0%, #021E35 100%);
}



.digital-stack-section .stack-desc {
    color: rgba(255,255,255,0.65);
    font-size: 1rem;
    line-height: 1.8;
    margin: 0;
}

.digital-stack-section .stack-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.digital-stack-section .stack-list .btn-white{    font-size: 0.8rem;
    padding: 0.5rem 1rem;}

.digital-stack-section .stack-list .stack-row {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;
    padding: 1rem 1.5rem;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
        transition: .2s ease;
}

.digital-stack-section .stack-list .stack-row:hover {
    background: rgba(255, 255, 255, 0.11);    border-color: rgba(150, 190, 240, .4);
    box-shadow: 0 6px 32px rgba(0, 0, 0, 0.28);transform: translateX(3px);
}

.digital-stack-section .stack-list .stack-row .stack-num {
    font-size: 2rem;
    font-weight: 500;
    color: var(--WhiteColor);
    min-width: 3rem;
    line-height: 1;    filter: blur(2px);
}

.digital-stack-section .stack-list .stack-row .stack-info {
  width: 30%;
}

.digital-stack-section .stack-list .stack-row .stack-info h4 {
    font-size: 0.95rem;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0.15rem;
}

.digital-stack-section .stack-list .stack-row .stack-info p {
    font-size: 0.82rem;
    color: #fff;
    font-weight: 300;
    margin: 0;
}

.digital-stack-section .stack-list .stack-row .stack-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.digital-stack-section .stack-list .stack-row .stack-tags span {
    font-size: 0.8rem;
    color: var(--WhiteColor);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 50px;
    padding: 0.2rem 0.75rem;
     background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(0.75rem);
    -webkit-backdrop-filter: blur(0.75rem);
    box-shadow: inset 0 0.0625rem 0.125rem rgb(255 255 255 / 6%), inset 0 -0.0625rem 0.125rem rgb(255 242 242 / 8%), 0 0.5rem 2rem rgb(0 0 0 / 0%);
    transition: all 0.3s ease;
}

/* Stack row — expanded content (apps / SDKs) */
.digital-stack-section .stack-list .stack-row.has-expanded {
    flex-wrap: wrap;
}

.digital-stack-section .layer-live-badge.stack-toggle-btn {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
    margin-left: auto;
       color: #52fe9c;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50px;
    padding: 0.2rem 0.75rem;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(0.75rem);
    -webkit-backdrop-filter: blur(0.75rem);
    box-shadow: inset 0 0.0625rem 0.125rem rgb(255 255 255 / 6%), inset 0 -0.0625rem 0.125rem rgb(255 242 242 / 8%), 0 0.5rem 2rem rgb(0 0 0 / 0%);
    transition: all 0.3s ease;

}

.digital-stack-section .layer-live-badge.stack-toggle-btn::before {
    content: '';
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #52fe9c;
    flex-shrink: 0;
}

/* .digital-stack-section .layer-live-badge.stack-toggle-btn:hover {
    background: #f0faf4;
} */

.digital-stack-section .layer-live-badge.stack-toggle-btn svg {
    width: 0.85rem;
    height: 0.85rem;
    color: #52fe9c;
    transition: transform 0.3s ease;
}

.digital-stack-section .stack-row.is-open .layer-live-badge.stack-toggle-btn svg {
    transform: rotate(180deg);
}

.digital-stack-section .stack-list .stack-expanded {
    flex-basis: 100%;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    border-top: 0 solid rgba(255, 255, 255, 0.14);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.35s ease, opacity 0.25s ease, margin-top 0.35s ease, padding-top 0.35s ease;
}

.digital-stack-section .stack-row.is-open .stack-expanded {
    margin-top: 0.75rem;
    padding-top: 1rem;
    border-top-width: 1px;
    max-height: 2400px;
    opacity: 1;
}

/* App grid — Experience Layer */
.digital-stack-section .stack-apps-grid {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    transition: .2s;
}

.digital-stack-section .stack-app-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 12px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    transition: .2s ease; position: relative;
}

.digital-stack-section .stack-app-card:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(150, 190, 240, .4);
}

.digital-stack-section .stack-app-icon {
    width: 2.75rem;
    height: 2.75rem;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
}

.digital-stack-section .stack-app-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.digital-stack-section .stack-app-card h5 {
    font-size: 0.9rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    margin: 0;
}

.digital-stack-section .stack-app-live {
    /* display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.72rem;
    color: rgba(255,255,255,0.75); */
    align-items: center;
    /* background: #1da2050d; */
    border: 1px solid #1da205;
    border-radius: 999px;
   color: rgba(255,255,255,0.75); 
    display: inline-flex;
    font-size: .65rem;
    font-weight: 400;
    gap: .3rem;
    letter-spacing: .02em;
    padding: .15rem .5rem;
    white-space: nowrap;    position: absolute;
    right: .6rem;
    top: .6rem;

}

.digital-stack-section .stack-live-dot {
    width: 6px;
    height: 6px;
    background: #9DFF14;
    border-radius: 50%;
    display: inline-block;
}

.digital-stack-section .stack-app-actions {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.6rem;
}

.digital-stack-section .stack-app-actions .btn {
    font-size: 0.72rem;
    padding: 0.4rem 0.8rem;
    flex: 1;
}

.digital-stack-section .stack-app-actions .btn-soon {
    width: 100%;
    text-align: center;
    opacity: 0.55;
    pointer-events: none;
}
.digital-stack-section .stack-app-actions .btn-disabled {
    opacity: 0.45;
    pointer-events: none;
    cursor: not-allowed;
}

/* SDK cards — Communication / Finance layers */
.digital-stack-section .stack-sdk-intro {
    color: rgba(255,255,255,0.65);
    font-size: 0.85rem;
    line-height: 1.7;
    margin: 0 0 0.9rem;
}

.digital-stack-section .stack-sdk-grid {
      display: grid;
    gap: .9rem;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    margin-bottom: 1rem;
}

.digital-stack-section .stack-sdk-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 12px;
    padding: 1.1rem;
    position: relative;
}

.digital-stack-section .stack-sdk-lang {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--WhiteColor);
    background: rgba(255,255,255,0.14);
    border-radius: 6px;
    padding: 0.15rem 0.5rem;
    margin-bottom: 0.6rem;
}

.digital-stack-section .stack-sdk-card h5 {
    font-size: 0.95rem;
    font-weight: 500;
    color: #fff;
    margin: 0 0 0.4rem;
}

.digital-stack-section .stack-sdk-card p {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.65);
    line-height: 1.6;
    margin: 0 0 0.8rem;
}

.digital-stack-section .stack-sdk-links {
    display: flex;
    gap: 1rem;
}

.digital-stack-section .stack-sdk-links a {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    color: #fff;
    text-decoration: none;
}

.digital-stack-section .stack-sdk-links a svg {
    width: 0.9rem;
    height: 0.9rem;
}

.digital-stack-section .stack-sdk-links a:hover {
    text-decoration: underline;
}

.digital-stack-section .stack-sdk-soon-tag {
    position: absolute;
    top: 1.1rem;
    right: 1.1rem;
    font-size: 0.68rem;
    font-weight: 600;
    color: #FFD166;
    background: rgba(255, 209, 102, 0.14);
    border-radius: 50px;
    padding: 0.15rem 0.6rem;
}

.digital-stack-section .stack-sdk-card.stack-sdk-market {
    border-color: rgba(157, 255, 20, 0.35);
    background: rgba(157, 255, 20, 0.06);
}

.digital-stack-section .stack-sdk-lang-market {
    background: rgba(157, 255, 20, 0.16);
    color: #9DFF14;
}

.digital-stack-section .stack-sdk-base {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: rgba(255,255,255,0.65);
    margin-bottom: 0.8rem;
}

.digital-stack-section .stack-sdk-base code {
    background: rgba(255,255,255,0.1);
    border-radius: 6px;
    padding: 0.2rem 0.5rem;
    color: #fff;
    font-size: 0.75rem;
}

.digital-stack-section .stack-sdk-viewdocs {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    color: #9DFF14;
    text-decoration: none;
}

.digital-stack-section .stack-sdk-viewdocs svg {
    width: 0.9rem;
    height: 0.9rem;
}

.digital-stack-section .stack-sdk-footer {
    font-size: 0.78rem;
    color: rgba(255,255,255,0.55);
    margin: 1rem 0 0;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.digital-stack-section .stack-sdk-footer svg {
    width: 0.9rem;
    height: 0.9rem;
}

/* Identity Layer coming-soon tag */
.digital-stack-section .stack-coming-soon-tag {
    font-size: 0.72rem;
    font-weight: 600;
    color: #FFD166;
    background: rgba(255, 209, 102, 0.14);
    border-radius: 50px;
    padding: 0.2rem 0.7rem;
    display: inline-block;
}


/* =========================================
   HOW IT WORKS SECTION
   ========================================= */



.how-it-works-section .how-card {
    background: #fff;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    padding: 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.how-it-works-section .how-card:hover {
    box-shadow: 0 4px 20px rgba(36,125,198,0.1);
    transform: translateY(-2px);
}

.how-it-works-section .how-card .how-num {
    font-size: 1.2rem;
    font-weight: 600;
    color: #D8D8D8;
}

.how-it-works-section .how-card h4 {
      font-size: 1rem;
    font-weight: 500;
    color: var(--PrimaryColor);
    margin: 0;
}

.how-it-works-section .how-card p {
    font-size: 0.84rem;
    color: #464646;
    line-height: 1.6;
    margin: 0;
}


.how-it-works-section .how-card.how-card-cta {
    background: linear-gradient(to top, #021E35 0%, #247DC6 100%);
    border: none;
    justify-content: space-between;
}

.how-it-works-section .how-card.how-card-cta h4 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #fff;
}

.how-it-works-section .how-card.how-card-cta:hover {
    box-shadow: 0 8px 28px rgba(36,125,198,0.4);
    transform: translateY(-2px);
}

.how-it-works-section .how-card.how-card-cta .btn{width: max-content;}


/* .video-modal-dialog .btn-close { position: absolute;  z-index: 10; background: rgba(255,255,255,0.18); border-radius: 50%; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; padding: 0; }
 */

.video-modal-dialog .modal-body { padding: 0; }

.video-modal-dialog .modal-content {
    border-width: 0.4375rem;
    border-style: solid;
    border-color: var(--WhiteColor);
    border-image: initial; background: #000; border: none; border-radius: 12px; overflow: hidden; 
}

.video-modal-dialog .btn-close {
    position: absolute;
    background: var(--PrimaryColor);
    color: #ffffff;
    z-index: 1;
    opacity: 1;
    text-align: center;
  top: 0.75rem; right: 0.75rem;
    font-size: 1rem;
    transition: all 0.2s ease 0s;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.video-modal-dialog .btn-close svg { width: 1.2rem; height: 1.2rem; color: #fff; }

.video-modal-dialog video{display: block; }

/* =========================================
   REGIONS SECTION
   ========================================= */
.regions-section {
    background: linear-gradient(to bottom, #EBF5FD, transparent);
    overflow: hidden;
}

.regions-section .regions-desc {
    color: #464646;
    font-size: 1rem;
    line-height: 1.8;
    margin: 0;
}

.regions-section .region-card {
    background: #fff;
    border: 1px solid #CCCCCC;
    border-radius: 16px;
    display: block;
    padding: 1.4rem;
    height: 100%;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.regions-section .region-card:hover {
    box-shadow: 0 4px 20px rgba(36,125,198,0.12);
    transform: translateY(-3px);
}

.regions-section .region-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.regions-section .region-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.regions-section .region-card h4 {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--BlackColor);
    margin-bottom: 0.4rem;
}

.regions-section .region-card p {
    font-size: 0.9rem;
    color: #656565;
    line-height: 1.6;
    margin: 0;
}

.regions-section .regions-explore-link {
   display: block;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--PrimaryColor);
margin-top: 2.5rem;
    transition: gap 0.2s ease;
}

.regions-section .regions-explore-link:hover {
    gap: 0.6rem;
    color: var(--PrimaryColor);
}

.regions-section .regions-explore-link svg {
    width: 1rem;
    height: 1rem;
}
.regions-section .regions-content{position: relative; z-index: 1;}
.regions-section .regions-map {
    margin: -6rem 0 auto 0;    width: 100%;
    max-width: 90%;

}

.regions-section .regions-map img {
    width: 100%;
    display: block;
}

/* =========================================
   OPEN GOVERNANCE SECTION
   ========================================= */
.governance-section { background: #EBF5FD; }

.governance-section .governance-desc {
    color: #464646;
    font-size: 1rem;
    line-height: 1.8;
    margin: 0;
}

/* Left live card */
.governance-section .governance-live-card {
    background: linear-gradient(to bottom, #247DC6 0%, #021E35 100%);
    border-radius: 20px;
    padding: 2rem;
    color: #fff;



}

.governance-section .live-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    font-weight: 400;
        backdrop-filter: blur(0.75rem);
   
    box-shadow: inset 0 0.0625rem 0.125rem rgba(255, 255, 255, 0.8), inset 0 -0.0625rem 0.125rem rgba(164, 164, 164, 0.25), inset 0.0625rem 0 0.125rem rgba(255, 255, 255, 0.4), inset -0.0625rem 0 0.125rem rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
    border-radius: 50px;
    padding: 0.4rem 0.8rem;
    width: fit-content;
    margin-bottom: 1.2rem;
}

.governance-section .live-dot {
    width: 7px;
    height: 7px;
    background: #9DFF14;
    border-radius: 50%;
    display: inline-block;
}

.governance-section .governance-live-card h3 {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--WhiteColor);
    margin: 0 0 0.5rem; 
}

.governance-section .live-schedule {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.7);
    margin: 0 0 2rem;
}

.governance-section .live-desc {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.75);
    line-height: 1.6;
    width: 100%; max-width: 70%;
     margin: 0 0 2rem;
}

.governance-section .governance-live-card .section-bottom-btn { margin-top: auto; }

.btn-outline-white {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 50px;
    padding: 0.6rem 1.2rem;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.btn-outline-white:hover {
    background: rgba(255,255,255,0.15);
    border-color: #fff;
    color: #fff;
}

.btn-white-solid {
    background: #fff;
    color: var(--PrimaryColor);
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 0.6rem 1.2rem;
    font-size: 0.85rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.btn-white-solid:hover {
    background: var(--PrimaryColor);
    color: #fff;
    border-color: var(--PrimaryColor);
}

.btn-white-solid svg { width: 1rem; height: 1rem; }

/* Right video list */
.governance-section .governance-videos {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.governance-section .gov-video-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #fff;
    border: 1px solid #E4EEF8;
    border-radius: 14px;
    padding: 1rem 1.2rem;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.governance-section .gov-video-item:hover {
    box-shadow: 0 4px 16px rgba(36,125,198,0.1);
    transform: translateY(-2px);
}

.governance-section .gov-video-thumb {
    width: 7rem;
    height: 4.8rem;
    background: #E8F0F8;
    border-radius: 10px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.governance-section .gov-video-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.governance-section .gov-video-thumb .gov-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.governance-section .gov-play-btn {
    width: 2rem;
    height: 2rem;
    background: #fff;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

.governance-section .gov-play-btn svg { width: 0.75rem; height: 0.75rem; color: var(--PrimaryColor); margin-left: 1px; }

.governance-section .gov-video-info { flex: 1; }

.governance-section .gov-date {
    font-size: 0.75rem;
    font-weight: 400;
    color: #939393;
    display: block;
    margin-bottom: 0.2rem;
}

.governance-section .gov-video-info h5 {
    font-size: 0.92rem;
    font-weight: 500;
    color: var(--BlackColor);
    margin-bottom: 0.2rem;
}

.governance-section .gov-meta {
    font-size: 0.78rem;
    color: #9CA3AF;
}

/* =========================================
   SERVICES SECTION
   ========================================= */
.services-section { background: #fff; }

.services-section .service-card {
    background: #fff;
    border: 1px solid #E4EEF8;
    border-radius: 16px;
    padding: 1.5rem;
    height: 100%;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.services-section .service-card:hover {
    box-shadow: 0 4px 20px rgba(36,125,198,0.1);
    transform: translateY(-3px);
}

.services-section .service-icon {
      width: 2.8rem;
    height: 2.8rem;
    background: #247DC61A;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    color: var(--PrimaryColor);
}

.services-section .service-icon svg {
    width: 1.2rem;
    height: 1.2rem;
}

.services-section .service-card h4 {
     font-size: 1rem;
    font-weight: 500;
    color: var(--PrimaryColor);
    margin-bottom: 0.4rem;
}

.services-section .service-list {
    list-style: disc;
    padding-left: 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    margin-top: 1rem;
}

.services-section .service-list li {
 font-size: 0.85rem;
    color: #595959;
     padding: 0.15rem 0;
    line-height: 1.5;
}

/* =========================================
   DEVELOPER DOCS SECTION
   ========================================= */
.devdocs-section {    background: linear-gradient(rgb(235, 245, 253), transparent);}

.devdocs-section .devdocs-desc {
    color: #464646;
    font-size: 1rem;
    line-height: 1.8;
    margin-bottom: 1.2rem;
}

.devdocs-section .devdocs-links {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    flex-wrap: wrap;
}

.devdocs-section .devdocs-gateway-tag {
    font-size: 0.82rem;
    color: #999999;
    background: #fff;
    border: 1px solid #D7D7D7;
    border-radius: 50px;
    padding: 0.35rem 1rem;
}

/* SDK Cards */
.devdocs-section .sdk-card {
    background: #fff;
    border: 1px solid #E4EEF8;
    border-radius: 16px;
    padding: 1.4rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.devdocs-section .sdk-card:hover {
    box-shadow: 0 4px 20px rgba(36,125,198,0.1);
    transform: translateY(-3px);
}

.devdocs-section .sdk-card-top {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.6rem;
}

.devdocs-section .sdk-badge {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 600;
    color: #fff;
    flex-shrink: 0;
    letter-spacing: 0.02rem;
}

.devdocs-section .sdk-badge-js      { background: #FFE100; color: #000; }
.devdocs-section .sdk-badge-ios     { background: #000000; }
.devdocs-section .sdk-badge-android { background: #3DDC84; color: #1a1a1a; }
.devdocs-section .sdk-badge-python  { background: #247DC6; }

.devdocs-section .sdk-lang-tag {
    font-size: 0.75rem;
    color: #999999;
    background: var(--WhiteColor);
    border: solid 1px #D7D7D7;
    border-radius: 50px;
    padding: 0.2rem 0.7rem;
}

.devdocs-section .sdk-card h4 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--BlackColor);
    margin: 0;
}

.devdocs-section .sdk-card p {
    font-size: 0.83rem;
    color: #6F6F6F;
    line-height: 1.7;
    margin: 0;
    flex: 1;
}

.devdocs-section .sdk-npm-tag {
    font-size: 0.78rem;
    color: #787878;
    background: #F0F4FF;
    border-radius: 8px;
    padding: 0.4rem 0.75rem;
    font-weight: 400;
}

.devdocs-section .sdk-npm-tag span { color: var(--PrimaryColor); }

.devdocs-section .sdk-coming-soon {
    font-size: 0.78rem;
    font-weight: 600;
    color: #787878;
    border: 1px dashed #B3B3B3;
    border-radius: 8px;
    padding: 0.5rem;
    text-align: center;
    letter-spacing: 0.08rem;
    margin-top: auto;
}

/* Network Details Card */
.devdocs-section .network-details-card {
    background: linear-gradient(to top, rgb(235, 245, 253), transparent);
    border: 1px solid #E4EEF8;
    border-radius: 20px;
    padding: 2rem 2.5rem;
    margin-top: 3rem;
}

.devdocs-section .network-details-card .tag { margin-bottom: 0.4rem; }

.devdocs-section .network-details-card h3 {
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--BlackColor);
    margin-bottom: 0.6rem;
}

.devdocs-section .network-details-card p {
    font-size: 0.88rem;
    color: #6B7280;
    line-height: 1.7;
    margin: 0;
}

.devdocs-section .network-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 1rem;
}

.devdocs-section .network-field:last-child { margin-bottom: 0; }

.devdocs-section .network-field label {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08rem;
    color: #9CA3AF;
    text-transform: uppercase;
}

.devdocs-section .network-value {
    background: #F8FBFF;
    border: 1px solid #E4EEF8;
    border-radius: 10px;
    padding: 0.7rem 1rem;
    font-size: 0.9rem;
    color: #1F2937;
    font-family: monospace;
}



.humanity-section{background: linear-gradient(to top, #247DC6, #021E35);}

/* =========================================
   DIGITAL ORGANIZATIONS PAGE
   ========================================= */
.org-card { background: #fff; border: 1px solid #E8EFF5; border-radius: 16px; padding: 1.75rem 1.25rem 1.5rem; height: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; transition: box-shadow 0.25s ease, transform 0.25s ease; }
.org-card:hover { box-shadow: 0 6px 24px rgba(36,125,198,0.10); transform: translateY(-3px); }
.org-card .org-icon { width: 64px; height: 64px; object-fit: contain; flex-shrink: 0; }
.org-card h4 { font-size: 1rem; font-weight: 600; color: var(--BlackColor); margin: 0; line-height: 1.3; }
.org-card p { font-size: 0.88rem; color: #595959; line-height: 1.65; margin: 0; }
.digital-chart-box { border-radius: 20px; padding: 2rem 1.5rem 0; text-align: center; overflow: hidden; }
.digital-chart-box img { max-height: 340px; width: auto; object-fit: contain; margin-top: 1.5rem; }

/* LOGIN APP STRIP */
.login-app-strip { background: #EBF5FD; border-top: 1px solid #D0E8F8; border-bottom: 1px solid #D0E8F8; padding: 1.5rem 0; }
.login-app-strip-inner { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem 2rem; }
.login-strip-label { font-size: 0.9rem; font-weight: 500; color: var(--SecondaryColor); margin: 0; white-space: nowrap; }
.login-app-strip .download-btn-grid { margin-top: 0; flex-wrap: wrap; }



/* =========================================
   FOOTER
   ========================================= */
.footer {
    background: var(--WhiteColor);
    border-top: 1px solid #E8F0F8;
}

.footer .footer-top {
    padding: 4rem 0 3rem;
}

.footer .footer-logo {
    display: inline-block;
    margin-bottom: 1.2rem;
}

.footer .footer-brand p {
    font-size: 0.88rem;
    line-height: 1.8;
    color: #6B7280;
    margin-bottom: 0.4rem;
}

.footer .footer-brand .footer-tagline {
    font-size: 0.88rem;
    font-weight: 600;
    color: #464646;
    margin-bottom: 0;
}

.footer .footer-col-title {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    color: var(--PrimaryColor);
    margin-bottom: 1.2rem;
}

.footer .footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.footer .footer-menu li a {
    font-size: 0.88rem;
    color: #686868;
    padding: 0.35rem 0;
    transition: 0.2s;
    display: block;
}

.footer .footer-menu li a:hover {
    color: var(--PrimaryColor);
}
.footer .footer-col p{font-size: 0.88rem;
    line-height: 1.8;
    color: #6B7280;
    margin-top: 1rem;}
.footer .footer-providers-link {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-top: 0.6rem;
    font-weight: 600;
    color: var(--PrimaryColor);
}

.footer .footer-providers-link svg {
    width: 0.9rem;
    height: 0.9rem;
}

.footer .footer-providers-link:hover {
    text-decoration: underline;
}

.footer .footer-bottom {
    padding: 1.2rem 0;
    border-top: 1px solid #E8F0F8;
    text-align: center;
}

.footer .footer-bottom p {
    font-size: 0.85rem;
    color: #6B7280;
    margin-bottom: 0;
}



.fuel-section{background: var(--BlackColor);}
.fuel-section .same-heading h2{margin-bottom: 1rem;}
.fuel-section .fuel-card{background: #ffffff1a; border-radius: 10px; padding: 1rem;}
.fuel-section .fuel-card .tag{color:#fff; font-size: 0.8rem; line-height: normal; text-transform: uppercase; margin-bottom: 0.5rem;}
.fuel-section .fuel-card h4{color:#fff; font-size: 1.5rem;font-weight: 700; margin-bottom: 0.2rem;}
.fuel-section .fuel-card p{color:#fff; font-size: 0.9rem; font-weight: 400; margin-bottom: 0;}
.fuel-section .fuel-chart{width: 100%; max-width: 80%; margin: 7rem auto 0;}
.fuel-section .fuel-chart .fuel-content{margin-bottom: 1.5rem;}
.fuel-section .fuel-chart h5{font-size: 1.1rem; font-weight: 600; color: var(--WhiteColor); }
.fuel-section .fuel-chart p{font-size: 1rem; font-weight: 400; color: #ffffff4d; margin-bottom: 0; }

.fuel-section .fuel-content-row{display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; flex-wrap: wrap;}

.fuel-section .fuel-timeframe-btns{display: flex; gap: 0.4rem;}
.fuel-section .fuel-tf-btn{
    background: #ffffff0d;
    border: 1px solid #ffffff1a;
    color: #ffffffb3;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.25rem 0.6rem;
    border-radius: 7px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.fuel-section .fuel-tf-btn:hover{border-color: #4fd1ff80;}
.fuel-section .fuel-tf-btn.fuel-tf-active{background: #4fd1ff; border-color: #4fd1ff; color: #04121a;}
.fuel-section .fuel-tf-btn:disabled{opacity: 0.5; cursor: not-allowed;}

.fuel-section .fuel-chart-status{
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    color: #ffffffb3;
    font-size: 0.85rem;
    background: #00000066;
    z-index: 4;
}
.fuel-section .fuel-chart-status.is-visible{display: flex;}

.fuel-section .fuel-chart-live-wrap{position: relative; width: 100%; height: 360px; background-image: radial-gradient(#ffffff14 1px, transparent 1px); background-size: 22px 22px;}
.fuel-section .fuel-chart-live{position: absolute; inset: 0;}

.fuel-section .fuel-chart-dot{
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #4fd1ff;
    box-shadow: 0 0 0 0 rgba(79, 209, 255, 0.6);
    transform: translate(-50%, -50%);
    pointer-events: none;
    animation: fuelDotPulse 2s infinite;
    z-index: 2;
}
@keyframes fuelDotPulse{
    0%{box-shadow: 0 0 0 0 rgba(79, 209, 255, 0.55);}
    70%{box-shadow: 0 0 0 12px rgba(79, 209, 255, 0);}
    100%{box-shadow: 0 0 0 0 rgba(79, 209, 255, 0);}
}

.fuel-section .fuel-chart-tooltip{
    position: absolute;
    display: none;
    background: #0b0f14;
    border: 1px solid #ffffff1a;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.4rem 0.6rem;
    border-radius: 6px;
    pointer-events: none;
    white-space: nowrap;
    transform: translate(-50%, -125%);
    z-index: 3;
}
.fuel-section .fuel-chart-tooltip .fct-date{color: #9aa5b1; display: block; font-size: 0.7rem; margin-bottom: 2px;}
.fuel-section .fuel-chart-tooltip .fct-price{font-weight: 700; color: #4fd1ff;}

.fuel-section .fuel-chart-link{
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 2.5rem;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
}
.fuel-section .fuel-chart-link i{width: 16px; height: 16px;}
.fuel-section .fuel-chart-link:hover{color: #4fd1ff;}





/* for inner pages css */
.page-hero { background: #EBF5FD; padding: 5rem 0 3.5rem; }
.page-hero h1 { font-size: clamp(2.2rem, 5vw, 3rem);     font-weight: 500; line-height: 1.1;     color: var(--BlackColor); margin-bottom: 1.2rem; }
.page-hero h1 .primary-text {     color: var(--PrimaryColor);}
.page-hero .same-heading p {font-size: 1rem;
    color: #464646;
    line-height: 1.8; }
.page-hero .section-bottom-btn { margin-top: 1.5rem; }
 .page-hero .hero-meta {display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 2rem; padding-top: 0;} 

.page-hero .hero-meta span {     display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 1.2rem;
    border: 1px solid #D0DDE7;
    border-radius: 50px;
    background: transparent;
    font-size: 0.88rem;
    font-weight: 500;
    color: #717171 }

.page-hero .hero-meta svg {    width: 1rem;
    height: 1rem;
    color: #667085;
    flex-shrink: 0; }
/* Breadcrumb */
.decl-breadcrumb { padding:.75rem 0; background:#f9fafb; border-bottom:1px solid #e5e7eb; font-size:12.5px; }
.decl-breadcrumb ol { list-style:none; padding:0; margin:0; display:flex; align-items:center; gap:.4rem; }
.decl-breadcrumb a { color:#6b7280; }
.decl-breadcrumb a:hover { color:var(--PrimaryColor); }
.decl-breadcrumb .active { color:#374151; font-weight:500; }
.decl-breadcrumb .sep { color:#d1d5db; }

.prose p { color:#464646; font-size:1rem; line-height:1.8; margin-bottom:1rem; }
.prose p:last-child { margin-bottom:0; }

.decl-callout { border-left:4px solid var(--PrimaryColor); padding:.9rem 1.2rem; background:#f8fbff; border-radius:0 8px 8px 0; margin-bottom:1rem; }
.decl-callout p { color:#374151; font-size:.9rem; line-height:1.75; margin:0; }

.spec-list {list-style:disc;  padding:0 0 0 1rem; margin:.75rem 0 0;}
.spec-list li {    list-style: disc;     color: #464646;
        font-size: 0.88rem;
    font-weight: 400;
    line-height: 1.8; padding: 0.3rem 0;  }

.virtue-card { border-left:3px solid var(--PrimaryColor) !important; border-radius:0 20px 20px 0 !important; }
.number-card{    background: #fff;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    padding: 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    transition: box-shadow 0.25s ease, transform 0.25s ease;}

.number-card .no-bx{    font-size: 1.2rem;
    font-weight: 600;
    color: #D8D8D8;}

.number-card h4{ font-size: 1rem;
    font-weight: 500;
    color: var(--PrimaryColor);
    margin: 0;}

.number-card p{     font-size: 0.84rem;
    color: #464646;
    line-height: 1.6;
    margin: 0;}


/* PDF document card */
.pdf-card { display:block; background:#fff; border:1px solid #E4EEF8; border-radius:16px; padding:1.25rem 1.25rem 1rem; position:relative; height:100%; color:inherit; transition:box-shadow .25s,transform .25s; }
.pdf-card:hover { box-shadow:0 4px 20px rgba(36,125,198,.1); transform:translateY(-2px); color:inherit; }
.pdf-card .pdf-badge { position:absolute; top:10px; right:10px; font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:3px 9px; border-radius:50px; line-height:1.6; }
.pdf-card .pdf-badge.draft { background:#dbeafe; color:#1d4ed8; }
.pdf-card .pdf-badge.law { background:#d1fae5; color:#065f46; }
.pdf-card .pdf-icon { margin-bottom:.875rem; }
.pdf-card .pdf-icon img { height:44px; width:auto; display:block; }
.pdf-card .pdf-title { font-size:.875rem; font-weight:500; color:#1f2937; line-height:1.5; padding-right:3rem; }
.pdf-card .pdf-meta { font-size:11px; color:#6b7280; margin-top:.35rem; }

.pdf-category-block { margin-top:2.5rem; }
.pdf-category-block:first-child { margin-top:1.5rem; }
.pdf-category-title { font-size:1.1rem; font-weight:600; color:#1f2937; margin-bottom:.35rem; display:flex; align-items:center; gap:.5rem; }
.pdf-category-title .count { font-size:.7rem; font-weight:600; color:#6b7280; background:#eef2f7; padding:2px 10px; border-radius:50px; }
.pdf-category-empty { font-size:.85rem; color:#9ca3af; font-style:italic; margin:0; }

.legis-item { padding:.875rem 0 .875rem 1.1rem; border-left:3px solid var(--PrimaryColor); margin-bottom:.875rem; }
.legis-item:last-child { margin-bottom:0; }
.legis-item h4 { font-size:.975rem; font-weight:600; color:var(--BlackColor); margin-bottom:.3rem; }
.legis-item p { font-size:.875rem; color:#464646; line-height:1.7; margin:0; }
/* Blue CTA card */
.blue-cta-card { background:linear-gradient(to bottom,#247DC6 0%,#021E35 100%); border-radius:20px; padding:2rem; color:#fff; display:flex; flex-direction:column; justify-content:space-between; min-height:240px; }
.blue-cta-card h3 { font-size:1.25rem; font-weight:600; color:var(--WhiteColor); line-height:1.5; margin-bottom:1.75rem; }


/* =========================================
   DIGITAL COUNCIL PAGE
   ========================================= */
.council-card { text-align: center; background: var(--WhiteColor); border: 1px solid #E8EFF5; border-radius: 20px; padding: 1.75rem 1rem 1.5rem; transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease; height: 100%; }
.council-card:hover { box-shadow: 0 6px 24px rgba(36,125,198,0.12); transform: translateY(-4px); border-color: #C8DEF0; }
.council-card .council-photo { width: 8rem; height: 8rem; border-radius: 50%; overflow: hidden; margin: 0 auto 1rem; border: 3px solid #E4EEF8; background: #EBF5FD; box-shadow: 0 2px 8px rgba(36,125,198,0.1); }
.council-card .council-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.council-card h4 { font-size: 0.88rem; font-weight: 600; color: var(--BlackColor); margin: 0; line-height: 1.4; }
.council-empty { border: 1.5px dashed #D1D5DB; border-radius: 14px; padding: 2.5rem; text-align: center; background: #FAFAFA; }
.council-empty p { font-style: italic; color: #9CA3AF; font-size: 0.9rem; margin: 0; }




/* =========================================
   DIGITAL LIFE PAGE
   ========================================= */
.download-btn-grid { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1.5rem; }
.download-btn-grid .download-btn { display: inline-flex; align-items: center; gap: 0.5rem;  background: var(--PrimaryColor);    padding: .5rem 1rem; border-radius: 10px; font-size: 1rem;
    font-weight: 500; line-height: 1.3; min-width: 136px; transition: opacity 0.2s, transform 0.2s; color: var(--WhiteColor); }
.download-btn-grid .download-btn:hover { opacity: 0.82; transform: translateY(-2px); color: var(--WhiteColor); }
.download-btn-grid .download-btn img {     width: 1.5rem;
    height: auto;
   object-fit: contain; flex-shrink: 0;     filter: invert(0) brightness(19.5); }
.download-btn-grid .download-btn .dl-label {     display: block;
    font-size: .6rem;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    line-height: normal; display: block; line-height: 1; }

.download-btn.dl-light { background: #f0f0f0; color: #1a1a1a; }
.download-btn.dl-dark { background: #1a1a1a; color: #fff; }
.download-btn.dl-orange { background: #e2430a; color: #fff; }
.download-btn.dl-blue-lt { background: #0078d4; color: #fff; }
.download-btn.dl-primary { background: var(--PrimaryColor); color: #fff; }
.download-btn.dl-purple { background: #6B21A8; color: #fff; }
.download-btn.dl-slate { background: #374151; color: #fff; }

.step-card { background: #fff; border: 1px solid #E8EFF5; border-radius: 20px; padding: 1.75rem 1.25rem 1.5rem; text-align: center; transition: box-shadow 0.25s ease, transform 0.25s ease; height: 100%; }
.step-card:hover { box-shadow: 0 6px 24px rgba(36,125,198,0.10); transform: translateY(-3px); }
.step-card .step-circle { width: 44px; height: 44px; border-radius: 50%; background: var(--PrimaryColor); color: #fff; font-size: 0.95rem; font-weight: 700; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.25rem; }
.step-card .step-img { margin: 0 auto 1.25rem; }
.step-card .step-img img { max-height: 200px; width: auto; object-fit: contain; }
.step-card h4 { font-size: 1rem; font-weight: 600; color: var(--BlackColor); margin-bottom: 0.5rem; line-height: 1.4; }
.step-card p { font-size: 0.88rem; color: #595959; line-height: 1.7; margin: 0; }

/* =========================================
   DIGITAL NATIONS PAGE
   ========================================= */
.nation-card { display: flex; flex-direction: column; align-items: center; text-align: center; background: #fff; border: 1px solid #E8EFF5; border-radius: 16px; padding: 1.5rem 1rem 1.25rem; gap: 0.6rem; transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease; height: 100%; color: inherit; }
.nation-card:hover { box-shadow: 0 6px 24px rgba(36,125,198,0.12); transform: translateY(-3px); border-color: #C8DEF0; color: inherit; }
.nation-card .nation-flag { width: 56px; height: 56px; border-radius: 50%; overflow: hidden; border: 2px solid #E4EEF8; box-shadow: 0 2px 8px rgba(0,0,0,0.08); flex-shrink: 0; }
.nation-card .nation-flag img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nation-card .nation-no { font-size: 0.72rem; font-weight: 600; color: #D1D5DB; letter-spacing: 0.04em; }
.nation-card .nation-name { font-size: 0.88rem; font-weight: 600; color: var(--BlackColor); line-height: 1.3; margin: 0; }




/* =========================================
   DIGITAL CORPORATIONS PAGE
   ========================================= */
.badge-row { display: flex; flex-wrap: wrap; gap: 0.6rem; margin: 1.5rem 0 0.5rem; }
.badge-row .badge-item { display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.35rem 0.9rem 0.35rem 0.35rem; border: 1px solid #D0DDE7; border-radius: 50px; background: #fff; font-size: 0.84rem; font-weight: 500; color: #464646; }
.badge-row .badge-item img { width: 26px; height: 26px; object-fit: contain; border-radius: 50%; }


/* =========================================
   DIGITAL LOGIN PAGE
   ========================================= */
.qr-scan-box {     background: url(../images/mobile-border.png) no-repeat center top;
    background-size: 100%;
    padding: 5rem 1rem 1.8rem;
    width: 100%;
    max-width: 19rem;
    margin: auto;
    text-align: center;}
.qr-scan-box .qr-heading { font-size: 0.75rem; font-weight: 600; color: #6B7280; text-transform: uppercase; letter-spacing: 0.06em; line-height: 1.5; margin-bottom: 1.25rem; }
.qr-scan-box .qr-heading strong { color: var(--PrimaryColor); }
.qr-scan-box .clear_login_inner {     width: 100%;
    max-width: 12.5rem;
    margin: 0 auto 0.4375rem;
    max-height: 12.5rem;
    border-radius: 0.6875rem;
    overflow: hidden;
    position: relative;}
.qr-scan-box .clear_login_inner img {opacity: 0.2;}

.qr-scan-box .qr-btn {     display: inline-flex;
    align-items: center;
    gap: 0.5rem;
   
    padding: 0.55rem 1.25rem;
    background: var(--PrimaryColor);
    color: #fff;
    border-radius: 50px;
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.2s;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%) }

.qr-scan-box .qr-btn:hover { opacity: 0.88; color: #fff; }
.store-strip { background: #F8FAFD; border-top: 1px solid #E8EFF5; border-bottom: 1px solid #E8EFF5; padding: 1rem 0; }
.store-strip .strip-inner { display: flex; align-items: center; flex-wrap: wrap; gap: 0.75rem 1.5rem; }
.store-strip .strip-label { font-size: 0.84rem; font-weight: 500; color: #6B7280; white-space: nowrap; }


/* =========================================
   DIGITAL PHONES PAGE
   ========================================= */
.phone-card { background: #fff; border: 1px solid #E8EFF5; border-radius: 20px; padding: 1.5rem 1rem 1.25rem; text-align: center; position: relative; overflow: hidden; height: 100%; display: flex; flex-direction: column; transition: box-shadow 0.25s ease, transform 0.25s ease; }
.phone-card:hover { box-shadow: 0 6px 28px rgba(36,125,198,0.11); transform: translateY(-4px); }
.phone-card .phone-img { flex: 1; display: flex; align-items: center; justify-content: center; padding: 0.5rem 0 1rem; min-height: 200px; }
.phone-card .phone-img img { max-height: 220px; width: auto; object-fit: contain; }
.phone-card .phone-name { font-size: 0.9rem; font-weight: 700; color: var(--BlackColor); margin: 0; line-height: 1.3; }
.phone-card .phone-price { font-size: 1rem; font-weight: 700; color: var(--PrimaryColor); margin: 0.2rem 0 0.85rem; }
.phone-card .phone-btns { display: flex; flex-direction: column; gap: 0.4rem; margin-top: auto; }
.phone-card .phone-btns a { display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.45rem 0.8rem; border-radius: 50px; font-size: 0.76rem; font-weight: 600; text-decoration: none; border: 1.5px solid #D0DDE7; color: var(--BlackColor); transition: border-color 0.2s, color 0.2s; }
.phone-card .phone-btns a:hover { border-color: var(--PrimaryColor); color: var(--PrimaryColor); }
.phone-card .phone-btns a img { width: 15px; height: 15px; object-fit: contain; flex-shrink: 0; }
.phone-card.is-soldout { opacity: 0.60; pointer-events: none; }
.phone-card.is-soldout:hover { transform: none; box-shadow: none; }
.soldout-badge { position: absolute; top: 1rem; right: 1rem; background: #F3F4F6; border: 1px solid #E5E7EB; border-radius: 50px; padding: 0.22rem 0.75rem; font-size: 0.65rem; font-weight: 700; color: #9CA3AF; letter-spacing: 0.07em; text-transform: uppercase; }
.android-note { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.1rem; background: #EBF5FD; border: 1px solid #C8DEF0; border-radius: 50px; font-size: 0.84rem; font-weight: 500; color: var(--PrimaryColor); margin: 1rem 0 1.5rem; }


/* =========================================
   DECENTRALIZED APPS PAGE
   ========================================= */
.app-card { background: #fff; border: 1px solid #E8EFF5; border-radius: 14px; padding: 1.1rem 0.75rem 1rem; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 0.4rem; height: 100%; color: inherit; text-decoration: none; transition: box-shadow 0.25s ease, transform 0.25s ease; }
.app-card:hover { box-shadow: 0 4px 16px rgba(36,125,198,0.12); transform: translateY(-2px); color: inherit; }
.app-card .app-icon { width: 52px; height: 52px; border-radius: 12px; overflow: hidden; flex-shrink: 0; margin-bottom: 0.2rem; }
.app-card .app-icon img { width: 100%; height: 100%; object-fit: cover; display: block; }
.app-card .app-icon-pad { display: flex; align-items: center; justify-content: center; background: #F0F4F8; border: 1px solid #E8EFF5; }
.app-card .app-icon-pad img { width: 34px; height: 34px; object-fit: contain; }
.app-card .app-name { font-size: 0.76rem; font-weight: 600; color: var(--BlackColor); line-height: 1.3; width: 100%; }
.app-card .app-stars { display: flex; justify-content: center; gap: 1px; font-size: 0.58rem; color: #F59E0B; line-height: 1; }
.app-card .app-stars .star-empty { color: #D1D5DB; }
.app-card .app-price { font-size: 0.7rem; font-weight: 500; color: #6B7280; margin-top: 0.1rem; }
.dapp-example-grid { display: flex; align-items: flex-end; justify-content: center; gap: 1.5rem; flex-wrap: wrap; }
.dapp-example-grid img { max-height: 360px; width: auto; object-fit: contain; border-radius: 16px; transition: transform 0.3s ease; }
.dapp-example-grid img:hover { transform: translateY(-6px); }










/* =========================================
   DIGITAL DOMAINS PAGE
   ========================================= */
.domain-screenshot-box { background: #F3F7FB; border-radius: 20px; overflow: hidden; border: 1px solid #E8EFF5; }
.domain-screenshot-box img { width: 100%; display: block; }
.step-card .btn { margin-top: 1.25rem; }

/* =========================================
   DIGITAL ASSETS PAGE
   ========================================= */
.asset-card { background: #fff; border: 1px solid #E8EFF5; border-radius: 14px; overflow: hidden; height: 100%; display: flex; flex-direction: column; transition: box-shadow 0.25s ease, transform 0.25s ease; }
.asset-card:hover { box-shadow: 0 6px 24px rgba(36,125,198,0.10); transform: translateY(-3px); }
.asset-card-header { padding: 0.6rem 1rem; }
.asset-card-header.hdr-buysell { background: #E3E3E3; }
.asset-card-header.hdr-buysell .hdr-label { color: #777; font-size: 0.78rem; font-weight: 500; margin: 0; }
.asset-card-header.hdr-listed { background: #F2EFE7; }
.asset-card-header.hdr-listed .hdr-label { color: #E9A100; font-size: 0.78rem; font-weight: 500; margin: 0; }
.asset-card-body { padding: 1rem; flex: 1; display: flex; flex-direction: column; }
.asset-card-body .asset-img { min-height: 80px; display: flex; align-items: center; justify-content: center; margin-bottom: 0.75rem; }
.asset-card-body .asset-img img { max-height: 80px; width: auto; object-fit: contain; }
.asset-type-label { font-size: 0.88rem; font-weight: 600; margin-bottom: 0.4rem; }
.asset-type-label.lbl-token { color: #608923; }
.asset-type-label.lbl-reward { color: #263C80; }
.asset-type-label.lbl-coin { color: #565656; }
.asset-type-label.lbl-dollar { color: #2396CF; }
.asset-card-body hr { border-color: #E8EFF5; margin: 0.4rem 0; }
.asset-progress { height: 6px; background: #f0f0f0; border-radius: 50px; overflow: hidden; }
.asset-progress .bar { height: 100%; border-radius: 50px; }
.asset-progress .bar-token { background: #608923; }
.asset-progress .bar-reward { background: #263C80; }
.asset-progress .bar-coin { background: #565656; }
.asset-progress .bar-dollar { background: #2396CF; }
.bar-w-78 { width: 78%; }
.bar-w-60 { width: 60%; }
.bar-w-18 { width: 18%; }
.bar-w-11 { width: 11%; }
.asset-issued { display: flex; align-items: center; justify-content: space-between; margin-top: 0.6rem; }
.asset-issued p { font-size: 0.7rem; color: #595959; margin: 0; }

/* =========================================
   DIGITAL FORENSICS PAGE
   ========================================= */
.forensics-step-num { font-size: 2.5rem; font-weight: 700; color: var(--PrimaryColor); line-height: 1; margin-bottom: 0.75rem; }
.forensics-step + .forensics-step { margin-top: 4rem; padding-top: 4rem; border-top: 1px solid #E8EFF5; }

/* =========================================
   DIGITAL REPUTATION PAGE
   ========================================= */
.rep-icon-box { width: 80px; height: 80px; border-radius: 20px; background: #EBF5FD; border: 1px solid #D0E8F8; display: flex; align-items: center; justify-content: center; margin-bottom: 1.25rem; }
.rep-icon-box img { width: 44px; height: 44px; object-fit: contain; }

/* =========================================
   DIGITAL VOTING PAGE
   ========================================= */
.voting-quote { font-size: 1.15rem; font-style: italic; color: var(--SecondaryColor); max-width: 680px; margin: 0 auto; line-height: 1.75; }

/* =========================================
   DIGITAL HEALTH PAGE
   ========================================= */
.video-thumb-box { position: relative; border-radius: 16px; overflow: hidden; cursor: pointer; display: block; }
.video-thumb-box img { display: block; width: 100% !important; height: 220px; object-fit: cover !important; }
.video-thumb-box .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 68px; height: 68px; background: rgba(255, 255, 255, 0.92); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--PrimaryColor); box-shadow: 0 4px 20px rgba(0,0,0,0.18); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.video-thumb-box:hover .play-btn { transform: translate(-50%, -50%) scale(1.1); box-shadow: 0 6px 28px rgba(0,0,0,0.24); }
.video-thumb-box .play-btn i { width: 28px; height: 28px; margin-left: 4px; }

/* =========================================
   DIGITAL TAX PAGE
   ========================================= */
.tax-network-note { font-size: 0.9rem; color: #666; text-align: center; line-height: 1.8; max-width: 760px; margin: 0 auto; }

/* =========================================
   DIGITAL FIAT CARD PAGE
   ========================================= */
.fiat-check-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.6rem; }
.fiat-check-list li { display: flex; align-items: center; gap: 0.55rem; font-size: 0.95rem; color: var(--BlackColor); font-weight: 500; }
.fiat-check-list li svg { width: 1rem; height: 1rem; color: var(--PrimaryColor); flex-shrink: 0; }
.fiat-card-note { font-size: 0.82rem; color: #888; line-height: 1.6; }

/* =========================================
   DIGITAL DISPUTE RESOLUTION PAGE
   ========================================= */
.dispute-signup-card { background: #fff; border: 1px solid #e5e5e5; max-width: 100%; border-radius: 16px; padding: 2rem; text-align: center; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
.dispute-signup-card .dispute-signup-icon { width: 52px; height: 52px; background: var(--PrimaryColor); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; margin: 0 auto 1rem; }
.dispute-signup-card .dispute-signup-icon svg { width: 1.2rem; height: 1.2rem; }
.dispute-signup-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; color: var(--PrimaryColor); text-transform: uppercase; margin-bottom: 0.5rem; }
.dispute-signup-card h3 { font-size: 1.5rem; font-weight: 500; color: var(--SecondaryColor); margin-bottom: 0.5rem; }
.dispute-signup-card > p { font-size: 0.9rem; color: #666; line-height: 1.7; }
.dispute-signup-card hr { border-color: #eee; margin: 1.25rem 0; }
.dispute-filter-bar { padding: 0 0 1.75rem; }
.dispute-filter-bar .filter-label { font-size: 0.78rem; font-weight: 700; color: #999; text-transform: uppercase; letter-spacing: 0.08em; white-space: nowrap; }
.dispute-filter-bar select { border: 1px solid #ddd; border-radius: 8px; padding: 0.4rem 1rem; font-size: 0.875rem; color: var(--SecondaryColor); background: #fff; cursor: pointer; }
.dispute-register-btn { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.85rem; font-weight: 500; color: var(--PrimaryColor); border: 1px solid var(--PrimaryColor); border-radius: 50px; padding: 0.45rem 1.2rem; transition: all 0.2s; }
.dispute-register-btn:hover { background: var(--PrimaryColor); color: #fff; }
.dispute-register-btn i { width: 14px; height: 14px; }
.dispute-section-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
.dispute-section-header h2 { font-size: 1.4rem; font-weight: 600; color: var(--SecondaryColor); margin: 0; }
.view-toggle { display: flex; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; }
.view-toggle .btnView { background: #fff; border: none; padding: 0.35rem 1rem; font-size: 0.8rem; font-weight: 500; color: #888; cursor: pointer; transition: all 0.15s; line-height: normal; }
.view-toggle .btnView.btn-active { background: var(--PrimaryColor); color: #fff; }
.dispute-card { border-radius: 12px; overflow: hidden; box-shadow: 0 2px 14px rgba(0,0,0,0.09); height: 100%; display: flex; flex-direction: column; }
.dispute-card-img { position: relative; overflow: hidden; flex-shrink: 0; }
.dispute-card-img img { width: 100%; height: 185px; object-fit: cover; display: block; }
.dispute-card-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.82) 0%, transparent 100%); padding: 2.5rem 1rem 0.9rem; }
.dispute-card-overlay h3 { font-size: 0.92rem; font-weight: 600; color: #fff; margin: 0; line-height: 1.35; }
.dispute-card-overlay h3 a { color: #fff; }
.dispute-card-overlay h3 a:hover { opacity: 0.85; }
.dispute-card-body { padding: 1rem; background: #fff; flex: 1; }
.dispute-card-body p { font-size: 0.85rem; color: #555; line-height: 1.7; margin: 0; }
.read-more-link { color: var(--PrimaryColor); font-weight: 500; }
.read-more-link:hover { text-decoration: underline; }
.dispute-cta-card { border-radius: 12px; overflow: hidden; background: var(--SecondaryColor); height: 100%; display: flex; flex-direction: column; }
.dispute-cta-card-img img { width: 100%; height: 185px; object-fit: cover; display: block; opacity: 0.35; }
.dispute-cta-card-body { padding: 1.2rem; flex: 1; display: flex; flex-direction: column; }
.dispute-cta-card-body h3 { font-size: 1rem; font-weight: 600; color: #fff; margin-bottom: 0.7rem; }
.dispute-cta-card-body p { font-size: 0.875rem; color: rgba(255,255,255,0.72); line-height: 1.6; margin-bottom: 1rem; flex: 1; }
.dispute-cta-card-body .btn-dispute-cta { display: block; text-align: center; background: var(--PrimaryColor); color: #fff; border-radius: 50px; padding: 0.5rem 1rem; font-size: 0.875rem; font-weight: 500; transition: all 0.2s; }
.dispute-cta-card-body .btn-dispute-cta:hover { background: #fff; color: var(--PrimaryColor); }
.dispute-list-view { display: none; }
.dispute-list-view ul { list-style: none; padding: 0; margin: 0; }
.dispute-list-view ul li { border-bottom: 1px solid #eee; padding: 0.75rem 0; }
.dispute-list-view ul li:last-child { border-bottom: none; }
.dispute-list-view ul li a { font-size: 0.95rem; color: var(--SecondaryColor); font-weight: 500; transition: color 0.15s; }
.dispute-list-view ul li a:hover { color: var(--PrimaryColor); }
.lawsuits-category-cls.private .dispute-card,
.lawsuits-category-cls.private .dispute-cta-card { filter: blur(5px); pointer-events: none; user-select: none; }
.judge-panel { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; }
.judge-card { display: block; border-radius: 12px; overflow: hidden; aspect-ratio: 1/1; }
.judge-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; }
.judge-card:hover img { transform: scale(1.05); }

/* =========================================
   DIGITAL PRODUCTIVITY PAGE
   ========================================= */
.price-strike { text-decoration: line-through; font-weight: 400; opacity: 0.5; margin-left: 0.3rem; font-size: 1.2rem; }
.yearly-plan { display: none; }
.yearly-plan.show { display: inline-flex; }
.monthly-plan.hide { display: none; }
.pricing-box { background: var(--PrimaryColor); border-radius: 16px; padding: 2rem 2rem 0; overflow: hidden; }
.pricing-box-header { text-align: center; padding-bottom: 1.5rem; }
.pricing-box-header h2 { color: #fff; font-size: 1.8rem; font-weight: 600; margin-bottom: 0.2rem; }
.pricing-box-header h3 { color: rgba(255,255,255,0.65); font-size: 1.05rem; font-weight: 400; margin-bottom: 0.4rem; }
.pricing-box-header p { color: rgba(255,255,255,0.55); font-size: 0.85rem; }
.plan-toggle-row { display: flex; align-items: center; justify-content: center; gap: 0.75rem; margin-bottom: 1.5rem; }
.plan-toggle-row span { font-size: 0.875rem; color: rgba(255,255,255,0.7); }
.plan-toggle-btn { width: 46px; height: 24px; background: rgba(255,255,255,0.25); border-radius: 50px; position: relative; cursor: pointer; border: none; transition: background 0.2s; padding: 0; flex-shrink: 0; }
.plan-toggle-btn.active { background: var(--PrimaryColor); }
.plan-toggle-btn .toggle-handle { width: 18px; height: 18px; background: #fff; border-radius: 50%; position: absolute; top: 3px; left: 3px; transition: left 0.2s; pointer-events: none; }
.plan-toggle-btn.active .toggle-handle { left: 25px; }
.pricing-table-wrap { overflow-x: auto; }
.pricing-table { width: 100%; border-collapse: collapse; min-width: 640px; }
.pricing-table thead th { padding: 1.25rem 1rem; background: rgba(255,255,255,0.08); color: #fff; text-align: center; font-size: 0.875rem; font-weight: 500; }
.pricing-table thead th:first-child { text-align: left; background: transparent; }
.pricing-table thead .t-plan-tier { font-size: 0.7rem; opacity: 0.55; text-transform: uppercase; letter-spacing: 0.08em; display: block; margin-bottom: 0.3rem; }
.pricing-table thead .t-plan-title { font-size: 0.95rem; font-weight: 600; display: block; }
.pricing-table thead .t-plan-price { font-size: 2rem; font-weight: 700; display: flex; align-items: flex-start; justify-content: center; margin-top: 0.5rem; gap: 0.15rem; }
.pricing-table thead .t-plan-price sub { font-size: 0.85rem; font-weight: 400; margin-top: 0.5rem; }
.pricing-table tbody tr { background: #fff; }
.pricing-table tbody tr:nth-child(even) { background: #f7f8fa; }
.pricing-table tbody tr.plan-btn-row { background: transparent; }
.pricing-table tbody td, .pricing-table tbody th { padding: 0.6rem 1rem; font-size: 0.875rem; text-align: center; border-bottom: 1px solid #eee; }
.pricing-table tbody td:first-child { text-align: left; color: var(--SecondaryColor); }
.pricing-table tbody th:first-child { text-align: left; font-weight: 700; color: var(--SecondaryColor); background: #f0f2f4; }
.pricing-table .p-check { display: inline-flex; color: #16a34a; }
.pricing-table .p-cross { display: inline-flex; color: #ef4444; }
.pricing-table .p-check i, .pricing-table .p-cross i { width: 18px; height: 18px; }
.pricing-table .plan-btn-row td { padding: 1.25rem 1rem; border-bottom: none; }
.pricing-table .plan-btn-row td:first-child { background: transparent; }

/* DIGITAL NEWS PAGE */
.vid-thumb { position: relative; border-radius: 12px; overflow: hidden; }
.vid-thumb img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }
.vid-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 60px; height: 60px; background: rgba(36,125,198,0.88); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.2s, transform 0.2s; text-decoration: none; }
.vid-play-btn:hover { background: var(--PrimaryColor); transform: translate(-50%,-50%) scale(1.1); }
.vid-play-btn svg { width: 24px; height: 24px; color: #fff; margin-left: 4px; }
.news-article-card { display: block; border-radius: 12px; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; }
.news-article-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.13); }
.news-article-card img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }
.art-slider-outer { position: relative; display: flex; align-items: center; gap: 0.75rem; }
.art-slider-viewport { flex: 1; overflow: hidden; }
.art-slider-track { display: flex; gap: 1.25rem; transition: transform 0.35s ease; will-change: transform; }
.art-slider-track .art-item { flex: 0 0 calc(33.333% - 0.85rem); }
.art-arr { width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--PrimaryColor); background: #fff; color: var(--PrimaryColor); display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; transition: all 0.2s; }
.art-arr:hover { background: var(--PrimaryColor); color: #fff; }
.art-arr svg { width: 1.2rem; height: 1.2rem; }


.news-vid-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 16px rgba(0,0,0,0.08); transition: transform 0.2s, box-shadow 0.2s; height: 100%; display: flex; flex-direction: column; }
.news-vid-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.13); }
.news-vid-card-body { padding: 1.25rem; }
.news-vid-card-body h5 { font-weight: 600; margin-bottom: 0.5rem; }
.news-art-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.08); display: flex; flex-direction: column; height: 100%; transition: transform 0.2s, box-shadow 0.2s; }
.news-art-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.13); }
.news-art-card-img { display: block; overflow: hidden; flex-shrink: 0; }
.news-art-card-img img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; transition: transform 0.3s; }
.news-art-card:hover .news-art-card-img img { transform: scale(1.04); }
.news-art-card-body { padding: 1.25rem; flex: 1; display: flex; flex-direction: column; }
.news-art-card-body h5 { font-weight: 600; margin-bottom: 0.5rem; }
.news-art-card-body p { flex: 1; margin-bottom: 0; }
.art-slider-track .art-item { flex: 0 0 calc(33.333% - 0.85rem); display: flex; flex-direction: column; }

/* DIGITAL MEMBERSHIP PAGE */
.step-blue-card { background: var(--PrimaryColor); border-radius: 12px; padding: 1.25rem 1rem; text-align: center; color: #fff; height: 100%; display: flex; flex-direction: column; align-items: center; }
.step-blue-card .step-icon-wrap { width: 46px; height: 46px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0.65rem auto; flex-shrink: 0; }
.step-blue-card .step-icon-wrap i { width: 20px; height: 20px; color: #fff; }
.step-blue-card h3 { font-size: 0.88rem; font-weight: 700; margin-bottom: 0.4rem; color: #fff; line-height: 1.3; }
.step-blue-card p { font-size: 0.76rem; color: rgba(255,255,255,0.85); margin-bottom: 0; line-height: 1.4; }
.membership-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 12px; box-shadow: 0 2px 16px rgba(0,0,0,0.08); }
.membership-table { width: 100%; border-collapse: collapse; min-width: 580px; }
.membership-table thead tr { background: var(--PrimaryColor); }
.membership-table thead th { color: #fff; border-bottom: none; padding: 1.25rem 1rem; text-align: center; vertical-align: middle; }
.membership-table thead th:first-child { text-align: left; }
.mship-plan-head { display: flex; flex-direction: column; align-items: center; gap: 0.4rem; }
.mship-plan-icon { width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,0.15); display: flex; align-items: center; justify-content: center; }
.mship-plan-icon i { width: 20px; height: 20px; color: #fff; }
.mship-plan-head span { font-weight: 700; font-size: 0.95rem; }
.membership-table tbody td { padding: 0.65rem 1rem; border-bottom: 1px solid #eef0f3; text-align: center; vertical-align: middle; font-size: 0.9rem; }
.membership-table tbody td:first-child { text-align: left; font-weight: 500; color: var(--SecondaryColor); }
.membership-table tbody tr:hover { background: #f8fbff; }
.mship-cat-row td { background: #edf5ff; color: var(--PrimaryColor); font-weight: 700; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.05em; padding: 0.6rem 1rem; border-bottom: 1px solid #d3e8f8; text-align: left; }
.mship-cat-row td span { display: inline-flex; align-items: center; gap: 0.5rem; }
.mship-cat-row td span i { width: 14px; height: 14px; }
.chk-yes { display: inline-flex; align-items: center; justify-content: center; color: var(--PrimaryColor); }
.chk-yes i { width: 20px; height: 20px; }
.chk-opt { display: inline-block; font-size: 0.73rem; color: #6b7280; background: #f3f4f6; border-radius: 4px; padding: 2px 7px; white-space: nowrap; font-style: italic; }
.chk-no { color: #d1d5db; font-size: 1.1rem; line-height: 1; }








/* SEARCH PAGE */
.search-hero-section { background: linear-gradient(135deg, #eef6ff 0%, #e4f0fb 100%); padding: 4rem 0 3.5rem; text-align: center; }
.search-form-outer { max-width: 700px; margin: 2rem auto 0; }
.search-input-grp { display: flex; align-items: center; background: #fff; border: 1.5px solid #d6e4f3; border-radius: 50px; overflow: hidden; box-shadow: 0 6px 28px rgba(36,125,198,0.13); }
.search-type-sel { border: none; outline: none; background: transparent; padding: 0 1.25rem; height: 56px; font-family: inherit; font-size: 0.9rem; font-weight: 700; color: var(--SecondaryColor); cursor: pointer; flex-shrink: 0; }
.search-kw-input { flex: 1; border: none; outline: none; padding: 0 1.25rem; height: 56px; font-size: 0.92rem; background: transparent; min-width: 0; color: var(--SecondaryColor); }
.search-kw-input::placeholder { color: #b0bbc9; }
.search-submit-btn { background: var(--PrimaryColor); border: none; color: #fff; width: 42px; height: 42px; margin: 4px 5px 4px 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; transition: background 0.2s; }
.search-submit-btn:hover { background: var(--SecondaryColor); }
.search-submit-btn svg { width: 18px; height: 18px; }
.search-result-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem; padding-bottom: 1.25rem; border-bottom: 1px solid #eef0f3; margin-bottom: 1.5rem; }
.result-count-txt { font-weight: 600; font-size: 0.95rem; color: var(--SecondaryColor); }
.result-count-txt strong { color: var(--PrimaryColor); }
.search-controls-row { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.search-ctrl-grp { display: flex; align-items: center; gap: 0.5rem; }
.search-ctrl-grp label { font-size: 0.72rem; font-weight: 700; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.04em; white-space: nowrap; margin: 0; }
.search-ctrl-sel { border: 1.5px solid #e5eaf2; border-radius: 8px; padding: 0.38rem 0.75rem; font-size: 0.84rem; font-family: inherit; background: #fff; color: var(--SecondaryColor); cursor: pointer; outline: none; }
.search-ctrl-sel:focus { border-color: var(--PrimaryColor); }
.view-btns { display: flex; gap: 0.4rem; }
.view-btn { width: 36px; height: 36px; border-radius: 8px; border: 1.5px solid #e5eaf2; background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #9ca3af; transition: all 0.2s; }
.view-btn:hover,
.view-btn.is-active { border-color: var(--PrimaryColor); background: var(--PrimaryColor); color: #fff; }
.view-btn svg { width: 16px; height: 16px; }
.search-results-section { position: relative; min-height: 300px; }

.loader-overlay-search {
    position: relative;
    pointer-events: none;
}

.loader-overlay-search::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(44 44 44 / 61%);
    z-index: 10;
}

.loader-overlay-search::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    border: 4px solid rgba(255,255,255,.3);
    border-top: 4px solid #247dc6;
    border-radius: 50%;
    animation: loader-spin .8s linear infinite;
    z-index: 11;
}

@keyframes loader-spin {
    to {
        transform: rotate(360deg);
    }
}


/* Search entity cards */
.search-entity-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
.sec-card { background: #fff; border-radius: 14px; border: 1px solid #e5eaf3; box-shadow: 0 2px 10px rgba(18,41,57,.05); overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .22s, transform .22s; }
.sec-card:hover { box-shadow: 0 8px 28px rgba(36,125,198,.13); transform: translateY(-3px); }
.sec-card-top { display: flex; align-items: center; gap: .875rem; padding: 1.125rem 1.25rem .875rem; border-bottom: 1px solid #f0f4f8; }
.sec-avatar-box { width: 50px; height: 50px; border-radius: 50%; background: #EFF6FF; border: 2px solid #BFDBFE; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; }
.sec-avatar-box img { width: 100%; height: 100%; object-fit: cover; }
.sec-avatar-box i { color: var(--PrimaryColor); }
.sec-title { font-size: .9375rem; font-weight: 700; color: var(--SecondaryColor); margin: 0 0 .25rem; line-height: 1.25; }
.sec-badge { font-size: .6875rem; font-weight: 600; color: var(--PrimaryColor); background: #EFF6FF; padding: .2rem .55rem; border-radius: 20px; display: inline-block; }
.sec-info { flex: 1; padding: .75rem 1.25rem; display: flex; flex-direction: column; }
.sec-info-row { display: flex; justify-content: space-between; align-items: center; gap: .5rem; padding: .325rem 0; border-bottom: 1px solid #f5f7fa; font-size: .8rem; }
.sec-info-row:last-child { border-bottom: none; }
.sec-info-row .lbl { color: #6b7280; font-weight: 500; flex-shrink: 0; }
.sec-info-row .val { color: #1e293b; font-weight: 600; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 58%; }
.sec-counts { display: flex; background: #f8fbff; border-top: 1px solid #eef2f7; padding: .75rem 1rem; }
.sec-count { flex: 1; text-align: center; }
.sec-count .stat-num { display: block; font-size: 1.125rem; font-weight: 700; color: var(--PrimaryColor); line-height: 1.2; }
.sec-count .stat-lbl { font-size: .6875rem; font-weight: 600; color: #9ca3af; text-transform: uppercase; letter-spacing: .04em; }
.sec-rep { display: flex; align-items: center; gap: .625rem; padding: .625rem 1.25rem .875rem; background: #f8fbff; border-top: 1px solid #eef2f7; }
.sec-rep .rep-lbl { font-size: .75rem; font-weight: 600; color: #6b7280; white-space: nowrap; }
.sec-rep .rep-bar-wrap { flex: 1; height: 6px; background: #e5eaf3; border-radius: 3px; overflow: hidden; }
.sec-rep .rep-bar-fill { height: 100%; background: linear-gradient(90deg, var(--PrimaryColor), #5aabeb); border-radius: 3px; }
.sec-rep .rep-score { font-size: .8125rem; font-weight: 700; color: var(--SecondaryColor); white-space: nowrap; min-width: 2rem; text-align: right; }
/* list mode */
.search-entity-grid.list-mode { grid-template-columns: 1fr; }
.search-entity-grid.list-mode .sec-card { flex-direction: row; align-items: stretch; }
.search-entity-grid.list-mode .sec-card-top { border-bottom: none; border-right: 1px solid #f0f4f8; min-width: 185px; flex-direction: column; align-items: flex-start; justify-content: center; }
.search-entity-grid.list-mode .sec-info { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 1.5rem; }
.search-entity-grid.list-mode .sec-counts { flex-direction: column; justify-content: center; min-width: 90px; border-top: none; border-left: 1px solid #eef2f7; }
.search-entity-grid.list-mode .sec-rep { flex-direction: column; min-width: 115px; border-top: none; border-left: 1px solid #eef2f7; align-items: flex-start; justify-content: center; }
.search-entity-grid.list-mode .sec-rep .rep-bar-wrap { width: 100%; }
@media(max-width: 1199px) { .search-entity-grid { grid-template-columns: repeat(2, 1fr); } }
@media(max-width: 767px) { .search-entity-grid { grid-template-columns: repeat(2, 1fr); } .search-controls-row { gap: 0.5rem; } }
@media(max-width: 480px) { .search-entity-grid { grid-template-columns: 1fr; } .search-input-grp { flex-wrap: wrap; border-radius: 16px; padding: 0.5rem; } .search-type-sel { height: 44px; border-right: none; border-bottom: 1px solid #e5eaf2; width: 100%; } .search-kw-input { height: 44px; width: 100%; } .page-search .search-submit-btn { margin: 4px auto; } }







/* ORG DETAIL PAGE */
.page-org-detail .org-back-link { display: inline-flex; align-items: center; gap: .375rem; color: var(--SecondaryColor); font-size: .875rem; font-weight: 600; text-decoration: none; margin-bottom: 1.5rem; }
.page-org-detail .org-back-link:hover { color: var(--PrimaryColor); }
.page-org-detail .org-back-link svg { width: 16px; height: 16px; }
.page-org-detail .org-dh { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.5rem; background: #fff; border-radius: 14px; border: 1px solid #e5eaf3; box-shadow: 0 2px 10px rgba(18,41,57,.05); margin-bottom: 1.5rem; flex-wrap: wrap; }
.page-org-detail .org-dh-left { display: flex; align-items: center; gap: 1rem; }
.page-org-detail .org-dh-logo { width: 60px; height: 60px; border-radius: 12px; border: 1.5px solid #e5eaf3; background: #f8fbff; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center; padding: 6px; }
.page-org-detail .org-dh-logo img { width: 100%; height: 100%; object-fit: contain; }
.page-org-detail .org-dh-name { font-size: 1.2rem; font-weight: 700; color: var(--SecondaryColor); margin: 0 0 .2rem; line-height: 1.3; }
.page-org-detail .org-dh-name em { font-style: normal; font-size: 1rem; color: var(--PrimaryColor); }
.page-org-detail .org-dh-sub { font-size: .8125rem; color: #6b7280; margin: 0; }
.page-org-detail .org-info-card { background: #fff; border-radius: 14px; border: 1px solid #e5eaf3; box-shadow: 0 2px 10px rgba(18,41,57,.05); overflow: hidden; }
.page-org-detail .org-info-row { display: flex; padding: .75rem 1.25rem; border-bottom: 1px solid #f5f7fa; gap: 1rem; align-items: flex-start; }
.page-org-detail .org-info-row:last-child { border-bottom: none; }
.page-org-detail .org-info-row.sep { border-top: 2px solid #eef2f7; }
.page-org-detail .org-info-lbl { width: 44%; flex-shrink: 0; font-size: .8125rem; color: #6b7280; font-weight: 500; padding-top: .05rem; }
.page-org-detail .org-info-val { flex: 1; font-size: .8125rem; color: var(--SecondaryColor); font-weight: 600; word-break: break-word; }
.page-org-detail .org-info-val a { color: var(--PrimaryColor); text-decoration: none; }
.page-org-detail .org-info-val a:hover { text-decoration: underline; }
.page-org-detail .org-info-val .val-strong { font-weight: 700; display: block; margin-bottom: .2rem; }
.page-org-detail .org-sidebar-card { background: #fff; border-radius: 14px; border: 1px solid #e5eaf3; box-shadow: 0 2px 10px rgba(18,41,57,.05); overflow: hidden; margin-bottom: 1.25rem; }
.page-org-detail .org-sidebar-title { padding: .875rem 1.25rem; border-bottom: 1px solid #f0f4f8; font-size: .9rem; font-weight: 700; color: var(--SecondaryColor); }
.page-org-detail .org-map-ph { height: 180px; background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .5rem; color: #6b7280; }
.page-org-detail .org-map-ph svg { width: 30px; height: 30px; color: var(--PrimaryColor); }
.page-org-detail .org-map-ph span { font-size: .875rem; font-weight: 600; color: var(--SecondaryColor); }
.page-org-detail .org-rep-num-row { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem .5rem; }
.page-org-detail .org-rep-num-lbl { font-size: .875rem; color: #6b7280; font-weight: 600; }
.page-org-detail .org-rep-big-num { font-size: 2.25rem; font-weight: 800; color: var(--SecondaryColor); line-height: 1; }
.page-org-detail .org-rep-gauge-wrap { padding: 0 1.25rem 1.25rem; }
.page-org-detail .org-rep-gauge-bar { display: flex; border-radius: 6px; overflow: hidden; height: 12px; margin-bottom: .5rem; }
.page-org-detail .org-rep-gauge-bar span:nth-child(1) { flex: 1; background: #ef4444; }
.page-org-detail .org-rep-gauge-bar span:nth-child(2) { flex: 1; background: #f97316; }
.page-org-detail .org-rep-gauge-bar span:nth-child(3) { flex: 1; background: #eab308; }
.page-org-detail .org-rep-gauge-bar span:nth-child(4) { flex: 1; background: #84cc16; }
.page-org-detail .org-rep-gauge-bar span:nth-child(5) { flex: 1; background: #22c55e; }
.page-org-detail .org-rep-gauge-lbls { display: flex; justify-content: space-between; font-size: .625rem; color: #9ca3af; margin-bottom: .875rem; }
.page-org-detail .org-rep-gauge-stats { display: flex; justify-content: space-between; }
.page-org-detail .org-rep-stat-item { text-align: center; }
.page-org-detail .org-rep-stat-item .lbl { display: block; font-size: .7rem; color: #9ca3af; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; }
.page-org-detail .org-rep-stat-item .num { font-size: .9375rem; font-weight: 700; color: var(--SecondaryColor); }
.page-org-detail .org-rep-progress-card { background: #fff; border-radius: 14px; border: 1px solid #e5eaf3; box-shadow: 0 2px 10px rgba(18,41,57,.05); padding: 1.5rem; margin-top: 1.5rem; }
.page-org-detail .org-rep-progress-head { font-size: .95rem; font-weight: 700; color: var(--SecondaryColor); margin-bottom: 1rem; }
.page-org-detail .org-rep-pct-txt { font-size: .875rem; color: var(--PrimaryColor); font-weight: 600; margin-bottom: .5rem; }
.page-org-detail .org-rep-prog-bar { height: 8px; background: #e5eaf3; border-radius: 4px; overflow: hidden; margin-bottom: 1.25rem; }
.page-org-detail .org-rep-prog-fill { width: 0; height: 100%; background: var(--PrimaryColor); border-radius: 4px; }
.page-org-detail .org-rep-checks { display: grid; grid-template-columns: repeat(3, 1fr); gap: .625rem; }
.page-org-detail .org-rep-check { display: flex; align-items: center; gap: .5rem; background: #f8fbff; border-radius: 8px; padding: .625rem .875rem; font-size: .8rem; font-weight: 500; color: #6b7280; }
.page-org-detail .org-rep-check svg { width: 16px; height: 16px; flex-shrink: 0; color: #d1d5db; }
.page-org-detail .org-rep-check.done { color: var(--SecondaryColor); }
.page-org-detail .org-rep-check.done svg { color: #22c55e; }
.page-org-detail .org-sec-head { font-size: 1rem; font-weight: 700; color: var(--SecondaryColor); padding-bottom: .875rem; border-bottom: 2px solid #eef2f7; margin-bottom: 1.25rem; display: flex; align-items: center; gap: .5rem; }
.page-org-detail .org-sec-head::before { content: ''; width: 3px; height: 18px; background: var(--PrimaryColor); border-radius: 2px; flex-shrink: 0; }
.page-org-detail .org-person-row { display: flex; align-items: center; justify-content: space-between; padding: .875rem 1.25rem; background: #fff; border-radius: 10px; border: 1px solid #e5eaf3; margin-bottom: .625rem; gap: 1rem; flex-wrap: wrap; }
.page-org-detail .org-person-name { font-size: .875rem; font-weight: 600; color: var(--SecondaryColor); }
.page-org-detail .org-person-id { font-size: .8rem; color: var(--PrimaryColor); font-family: monospace; word-break: break-all; }
.page-org-detail .org-empty { background: #f8fbff; border-radius: 10px; padding: 1.25rem 1.5rem; font-size: .875rem; color: #9ca3af; border: 1px dashed #d1d5db; text-align: center; }
.page-org-detail .org-asset-card { background: #fff; border-radius: 14px; border: 1px solid #e5eaf3; padding: 1.5rem; }
.page-org-detail .org-asset-row { display: flex; gap: 1.5rem; align-items: flex-start; }
.page-org-detail .org-asset-icon-col { text-align: center; min-width: 80px; }
.page-org-detail .org-asset-icon-col img { width: 56px; height: 56px; object-fit: contain; border-radius: 8px; border: 1px solid #e5eaf3; padding: 4px; }
.page-org-detail .org-asset-ticker { font-weight: 700; font-size: .875rem; color: var(--SecondaryColor); margin-top: .3rem; }
.page-org-detail .org-asset-type { font-size: .75rem; color: #6b7280; }
.page-org-detail .org-asset-qty-lbl { font-size: .7rem; font-weight: 600; color: #9ca3af; text-transform: uppercase; margin-top: .5rem; letter-spacing: .04em; }
.page-org-detail .org-asset-qty-val { font-size: .9rem; font-weight: 700; color: var(--SecondaryColor); }
.page-org-detail .org-asset-owners-col { flex: 1; }
.page-org-detail .org-asset-owners-head { font-size: .875rem; font-weight: 700; color: var(--SecondaryColor); margin-bottom: .625rem; }
.page-org-detail .org-asset-owner-row { display: flex; justify-content: space-between; align-items: center; padding: .4rem 0; border-bottom: 1px solid #f5f7fa; gap: .5rem; }
.page-org-detail .org-asset-owner-row:last-child { border-bottom: none; }
.page-org-detail .org-asset-owner-key { font-size: .78rem; color: var(--PrimaryColor); font-family: monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 260px; }
.page-org-detail .org-asset-owner-bal { font-size: .8125rem; font-weight: 700; color: var(--SecondaryColor); flex-shrink: 0; }
.page-org-detail .org-asset-chart-col { display: flex; align-items: center; justify-content: center; min-width: 90px; }
.page-org-detail .org-pie { width: 80px; height: 80px; border-radius: 50%; background: conic-gradient(var(--PrimaryColor) 0% 70%, #5aabeb 70% 85%, #93c5fd 85% 100%); }
.page-org-detail .org-docs-nav { display: flex; gap: .25rem;flex-wrap: wrap; }
.page-org-detail .org-docs-nav .nav-link { border: none; background: none; padding: .625rem 1.125rem; font-size: .875rem; font-weight: 600; color: #6b7280; border-radius: 8px 8px 0 0; border-bottom: 2px solid transparent; margin-bottom: -2px; transition: all .2s; }
.page-org-detail .org-docs-nav .nav-link.active { color: var(--PrimaryColor); border-bottom-color: var(--PrimaryColor); }
.page-org-detail .org-docs-content { background: #fff;  border-top: none; border-radius: 0 0 12px 12px; padding: 1.5rem; }
.page-org-detail .org-no-file { display: flex; flex-direction: column; align-items: center; gap: .75rem; padding: 2rem 1rem; color: #9ca3af; text-align: center; }
.page-org-detail .org-no-file svg { width: 36px; height: 36px; opacity: .35; }
.page-org-detail .org-no-file p { font-size: .875rem; margin: 0; }
.page-org-detail .org-article-card { background: #fff; border-radius: 14px; border: 1px solid #e5eaf3; box-shadow: 0 2px 10px rgba(18,41,57,.05); padding: 1.5rem; height: 100%; border-top: 3px solid var(--PrimaryColor); }
.page-org-detail .org-article-card h4 { font-size: 1rem; font-weight: 700; color: var(--SecondaryColor); margin-bottom: .5rem; }
.page-org-detail .org-article-card p { font-size: .875rem; color: #6b7280; line-height: 1.65; margin: 0; }
.page-org-detail .org-article-read { font-size: .8125rem; font-weight: 700; color: var(--PrimaryColor); text-decoration: none; display: inline-flex; align-items: center; gap: .3rem; margin-top: .875rem; }
.page-org-detail .org-article-read svg { width: 14px; height: 14px; }
.page-org-detail .org-map-embed { width: 100%; height: 180px; }
.page-org-detail .org-rep-score-badge { font-size: .6875rem; font-weight: 700; color: #fff; background: var(--PrimaryColor); padding: .2rem .6rem; border-radius: 20px; display: inline-block; margin-left: .4rem; vertical-align: middle; }
.page-org-detail .org-rep-score-badge.poor { background: #ef4444; }
.page-org-detail .org-rep-score-badge.average { background: #eab308; }
.page-org-detail .org-rep-score-badge.excellent { background: #22c55e; }
.page-org-detail .org-poll-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .875rem 1.25rem; background: #fff; border-radius: 10px; border: 1px solid #e5eaf3; margin-bottom: .625rem; flex-wrap: wrap; }
.page-org-detail .org-poll-q { font-size: .875rem; font-weight: 600; color: var(--SecondaryColor); margin: 0; }
.page-org-detail .org-poll-meta { text-align: right; }
.page-org-detail .org-poll-exp-lbl { font-size: .7rem; font-weight: 600; color: #9ca3af; text-transform: uppercase; letter-spacing: .03em; }
.page-org-detail .org-poll-exp-date { font-size: .8125rem; font-weight: 700; color: var(--PrimaryColor); }
.page-org-detail .org-file-list { list-style: none; padding: 0; margin: 0; }
.page-org-detail .org-file-list li { padding: .5rem 0; border-bottom: 1px solid #f5f7fa; }
.page-org-detail .org-file-list li:last-child { border-bottom: none; }
.page-org-detail .org-file-list a { color: var(--PrimaryColor); font-size: .875rem; font-weight: 600; text-decoration: none; }
.page-org-detail .org-file-list a:hover { text-decoration: underline; }
.page-org-detail .org-asset-owner-key { cursor: pointer; }
/* sec-title link in search cards */
.page-search .sec-title a { color: inherit; text-decoration: none; }
.page-search .sec-title a:hover { color: var(--PrimaryColor); }
@media(max-width: 991px) { .page-org-detail .org-rep-checks { grid-template-columns: repeat(2, 1fr); } .page-org-detail .org-asset-row { flex-wrap: wrap; } .page-org-detail .org-asset-chart-col { display: none; } }
@media(max-width: 767px) { .page-org-detail .org-dh { flex-direction: column; align-items: flex-start; } .page-org-detail .org-rep-checks { grid-template-columns: repeat(2, 1fr); } }
@media(max-width: 480px) { .page-org-detail .org-rep-checks { grid-template-columns: 1fr; } .page-org-detail .org-info-lbl { width: 42%; } }


/* ASSETS SEARCH PAGE */
.asset-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
.asset-card { background: #fff; border-radius: 14px; border: 1px solid #e5eaf3; box-shadow: 0 2px 10px rgba(18,41,57,.05); overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .22s, transform .22s; }
.asset-card:hover { box-shadow: 0 8px 28px rgba(36,125,198,.14); transform: translateY(-3px); }
.asset-card-img {     max-width: 100%;
    height: 131.25px;
    padding: 1rem;
    background: #fff;
    overflow: hidden;     border: 0.0625rem solid #cccccc;
    border-radius: 0.5rem;    margin: 0.5rem;}
.asset-card-img img {     width: 100%;
    height: 100%;
    object-fit: contain; }
.asset-no-img { height: 155px; background: #f1f5f9; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .4rem; border-bottom: 1px solid #e5eaf3; }
.asset-no-img svg { width: 36px; height: 36px; color: #d1d5db; }
.asset-no-img span { font-size: .65rem; font-weight: 700; color: #9ca3af; text-transform: uppercase; letter-spacing: .07em; }
.asset-card-body { flex: 1; padding: .875rem 1rem .75rem; display: flex; flex-direction: column; gap: .5rem; }
.asset-car-title { font-size: .9375rem; font-weight: 700; color: var(--SecondaryColor); line-height: 1.3; margin: 0; }
.asset-info-block { display: flex; align-items: flex-start; justify-content: space-between; gap: .625rem; }
.asset-info-list { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .4rem; }
.asset-info-item .lbl { font-size: .8rem; color: var(--PrimaryColor); font-weight: 600; display: block; line-height: 1.3; }
.asset-info-item .val { font-size: .8rem; color: var(--SecondaryColor); font-weight: 600; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.asset-rep-badge { flex-shrink: 0; text-align: center; border-radius: 8px; padding: .375rem .625rem; min-width: 62px; }
.asset-rep-badge.rep-avg { background: linear-gradient(135deg, #f59e0b, #fbbf24); }
.asset-rep-badge.rep-good { background: linear-gradient(135deg, #22c55e, #4ade80); }
.asset-rep-badge.rep-poor { background: linear-gradient(135deg, #ef4444, #f87171); }
.asset-rep-badge.rep-excellent { background: linear-gradient(135deg, #16a34a, #22c55e); }
.asset-rep-badge .rep-lbl { font-size: .52rem; font-weight: 700; color: rgba(255,255,255,.85); text-transform: uppercase; letter-spacing: .05em; display: block; }
.asset-rep-badge .rep-num { font-size: 1.25rem; font-weight: 800; color: #fff; display: block; line-height: 1.15; }
.asset-rep-badge .rep-title { font-size: .6rem; font-weight: 700; color: rgba(255,255,255,.95); display: block; }
.asset-vin .lbl { font-size: .68rem; color: var(--PrimaryColor); font-weight: 600; display: block; }
.asset-vin .val { font-size: .78rem; color: var(--SecondaryColor); font-weight: 600; font-family: monospace; word-break: break-all; }
.asset-card-foot { display: flex; border-top: 1px solid #f0f4f8; }
.asset-foot-item { flex: 1; display: flex; flex-direction: column; align-items: center; gap: .275rem; padding: .75rem .5rem; border-right: 1px solid #f0f4f8; font-size: .68rem; color: #6b7280; font-weight: 600; cursor: pointer; transition: background .18s; text-transform: uppercase; letter-spacing: .03em; }
.asset-foot-item:last-child { border-right: none; }
.asset-foot-item:hover { background: #f0f7ff; color: var(--PrimaryColor); }
.asset-foot-item:hover svg { color: var(--PrimaryColor); }
.asset-foot-item svg { width: 18px; height: 18px; color: #9ca3af; transition: color .18s; }
@media(max-width: 1199px) { .asset-grid { grid-template-columns: repeat(2, 1fr); } }
@media(max-width: 575px) { .asset-grid { grid-template-columns: 1fr; } }

/* ══ INDIVIDUALS PAGE ══════════════════════════════════════════════════ */
.ind-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
.ind-card { background: #fff; border: 1px solid #e5e9ef; border-radius: 12px; overflow: hidden; transition: box-shadow .2s, transform .2s; }
.ind-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,.1); transform: translateY(-2px); }
.ind-card-top { display: flex; align-items: center; gap: .875rem; padding: 1rem 1rem .875rem; border-bottom: 1px solid #f0f3f7; }
.ind-avatar { width: 54px; height: 54px; border-radius: 50%; background: #e8edf3; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #b0bac6; }
.ind-avatar img { width: 100%; height: 100%; object-fit: cover; filter: blur(4px); }
.ind-avatar svg { width: 28px; height: 28px; }
.ind-avatar img.profile-unblurred { filter: none; }

.ind-name-info { flex: 1; min-width: 0; }
.ind-field { margin-bottom: .4rem; }
.ind-field:last-child { margin-bottom: 0; }
.ind-field-lbl { display: block; font-size: .68rem; font-weight: 700; color: var(--PrimaryColor); line-height: 1.2; margin-bottom: .1rem; }
.ind-field-val { display: block; font-size: .82rem; color: #9ca3af; letter-spacing: .18em; line-height: 1.3; }
.ind-card-mid { padding: .75rem 1rem; }
.ind-did-row { margin-bottom: 0; }
.ind-did-lbl { font-size: .68rem; font-weight: 700; color: #6b7280; text-transform: uppercase; letter-spacing: .05em; display: block; margin-bottom: .2rem; }
.ind-did-val { font-size: .72rem; color: var(--SecondaryColor); font-weight: 600; word-break: break-all; }
.ind-scan { display: flex; align-items: center; gap: .75rem; padding: .625rem .875rem; background: #f8fafc; border-top: 1px solid #f0f3f7; }
.ind-barcode { position: relative; flex-shrink: 0; }
.ind-barcode img { width: 44px; opacity: .4; display: block; }
.ind-lock { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #4b5563; background: rgba(255,255,255,.9); border-radius: 50%; padding: 3px; display: flex; }
.ind-lock svg { width: 13px; height: 13px; }
.ind-scan-txt { flex: 1; }
.ind-scan-txt p { font-size: .72rem; color: #6b7280; margin: 0 0 .2rem; }
.ind-scan-txt a { font-size: .75rem; font-weight: 600; color: var(--PrimaryColor); text-decoration: none; }
.ind-scan-txt a:hover { text-decoration: underline; }
@media(max-width:1199px) { .ind-grid { grid-template-columns: repeat(3, 1fr); } }
@media(max-width:767px) { .ind-grid { grid-template-columns: repeat(2, 1fr); } }
@media(max-width:479px) { .ind-grid { grid-template-columns: 1fr; } }

/* ══ INDIVIDUAL DETAIL PAGE ════════════════════════════════════════════ */
.ind-card-top { cursor: pointer; }
 .ind-profile-outer { padding: 2.5rem 0 2rem; }
 .ind-back-link { display: inline-flex; align-items: center; gap: .35rem; font-size: .85rem; font-weight: 600; color: #6b7280; text-decoration: none; margin-bottom: 1.5rem; transition: color .18s; }
 .ind-back-link:hover { color: var(--PrimaryColor); }
 .ind-back-link svg { width: 15px; height: 15px; }
 .ind-dh { display: flex; align-items: flex-start; gap: 2rem; background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 1.75rem 2rem; box-shadow: 0 2px 12px rgba(0,0,0,.06); }
 .ind-dh-photo { flex-shrink: 0; width: 140px; height: 140px; border-radius: 10px; background: #edf1f7; border: 1px solid #dde2e9; display: flex; align-items: center; justify-content: center; color: #c1cad3; overflow: hidden; }
 .ind-dh-photo img { width: 100%; height: 100%; object-fit: cover; filter: blur(5px); }
 .ind-dh-photo svg { width: 60px; height: 60px; }
 .ind-dh-body { flex: 1; min-width: 0; padding-top: .25rem; }
 .ind-dh-names { display: flex; gap: 3rem; margin-bottom: 1.5rem; }
 .ind-dh-lbl { display: block; font-size: .8rem; font-weight: 700; color: #374151; margin-bottom: .35rem; }
 .ind-dh-val { display: block; font-size: .9rem; color: #a8b2be; letter-spacing: .18em; }
 .ind-dh-did-val { display: block; font-size: .9rem; color: var(--SecondaryColor); font-weight: 500; }
 .ind-dh-qr { flex-shrink: 0; text-align: right; padding-top: .25rem; }
 .ind-dh-qr-wrap { position: relative; display: inline-block; }
 .ind-dh-qr-wrap img { width: 90px; display: block; opacity: .55; }
 .ind-dh-qr-lock { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: rgba(255,255,255,.92); border-radius: 50%; padding: 5px; display: flex; color: #374151; box-shadow: 0 1px 5px rgba(0,0,0,.14); }
 .ind-dh-qr-lock svg { width: 18px; height: 18px; }
 .ind-dh-qr p { font-size: .7rem; color: #6b7280; margin: .45rem 0 .15rem; }
 .ind-dh-qr a { font-size: .75rem; font-weight: 600; color: var(--PrimaryColor); text-decoration: none; font-style: italic; }
 .ind-dh-qr a:hover { text-decoration: underline; }
 .ind-tabs-wrap { background: #fff; border-top: 1px solid #e2e8f0; border-bottom: 2px solid #e2e8f0; }
 .ind-tabs-list { display: flex; scrollbar-width: none; -ms-overflow-style: none; }
 .ind-tabs-list::-webkit-scrollbar { display: none; }
 .ind-tab-btn { padding: 1rem 1.5rem; font-size: .76rem; font-weight: 700; color: #6b7280; text-transform: uppercase; letter-spacing: .08em; border: none; background: none; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -2px; transition: color .18s; white-space: nowrap; }
 .ind-tab-btn:hover { color: var(--PrimaryColor); }
 .ind-tab-btn.active { color: var(--PrimaryColor); border-bottom-color: var(--PrimaryColor); }
 .ind-panel { display: none; }
 .ind-panel.active { display: block; }
 .ind-cert-bar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; flex-wrap: wrap; gap: .75rem; }
 .ind-cert-bar h3 { font-size: 1.2rem; font-weight: 700; color: var(--SecondaryColor); margin: 0; }
 .ind-cert-bar-right { display: flex; align-items: center; gap: .875rem; }
 .ind-cert-bar-right p { font-size: .83rem; color: #6b7280; margin: 0; }
 .ind-cert-bar-right p a { color: var(--PrimaryColor); font-weight: 600; text-decoration: none; }
 .ind-cert-bar-right p a:hover { text-decoration: underline; }
 .ind-send-btn { background: var(--PrimaryColor); color: #fff; border: none; border-radius: 20px; padding: .45rem 1.2rem; font-size: .78rem; font-weight: 600; cursor: pointer; transition: background .2s; }
 .ind-send-btn:hover { background: var(--SecondaryColor); }
 .ind-cert-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
 .ind-cert-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 1rem 1rem 1.5rem; position: relative; display: flex; flex-direction: column; align-items: center; min-height: 200px; transition: box-shadow .2s, transform .2s; }
 .ind-cert-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,.09); transform: translateY(-2px); }
 .ind-cert-card-lock { position: absolute; top: .875rem; right: .875rem; color: #9ca3af; }
 .ind-cert-card-lock svg { width: 17px; height: 17px; }
 .ind-cert-card-send { background: var(--PrimaryColor); color: #fff; border: none; border-radius: 20px; padding: .3rem .85rem; font-size: .72rem; font-weight: 600; cursor: pointer; align-self: flex-start; margin-bottom: .75rem; transition: background .2s; }
 .ind-cert-card-send:hover { background: var(--SecondaryColor); }
 .ind-cert-card-icon { color: var(--PrimaryColor); margin: auto 0 1rem; }
 .ind-cert-card-icon svg { width: 52px; height: 52px; }
 .ind-cert-card-name { font-size: .7rem; font-weight: 700; color: #9ca3af; text-transform: uppercase; letter-spacing: .1em; text-align: center; }
 .ind-empty { padding: 3rem 0; text-align: center; color: #9ca3af; font-size: .9rem; }
@media(max-width:991px) {  .ind-cert-grid { grid-template-columns: repeat(2, 1fr); }  .ind-dh-names { gap: 1.5rem; } }
@media(max-width:767px) {  .ind-dh { flex-wrap: wrap; gap: 1.25rem; padding: 1.25rem; }  .ind-dh-photo { width: 100px; height: 100px; } }
@media(max-width:575px) {  .ind-cert-grid { grid-template-columns: repeat(2, 1fr); }  .ind-dh-names { flex-direction: column; gap: 1rem; } }







/* ══ EVENTS 2026 PAGE ════════════════════════════════════════════════════ */

.page-events-wrapper :is(.event-2026-hero, .event-2025-hero,.event-2024-hero,.event-2023-hero,.event-2022-hero,.event-2021-hero) { padding: 7rem 0; }


.page-events-wrapper .ev26-hero-inner { max-width: 700px; margin: 0 auto; position: relative;
    z-index: 1; }
.page-events-wrapper .ev26-eyebrow { font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .15em; color: var(--WhiteColor); margin-bottom: .5rem; }
.page-events-wrapper .ev26-title { margin: 0 0 .25rem; line-height: 1; }
.page-events-wrapper .ev26-year { font-size: clamp(3rem, 11vw, 6rem); font-weight: 800; color: var(--WhiteColor); display: block; line-height: 1; }
.page-events-wrapper .ev26-subtitle { color: var(--WhiteColor); font-size: 1rem; margin-bottom: 1.5rem; }
.page-events-wrapper .ev26-chips { display: flex; justify-content: center; flex-wrap: wrap; gap: .6rem; margin-bottom: 2rem; }
.page-events-wrapper .ev26-chips span { display: inline-flex; align-items: center; gap: .4rem; background: #ffffffa1; border: 1px solid #ffffffa1; border-radius: 50px; padding: .35rem .9rem; font-size: .78rem; font-weight: 600; color: #374151; }
.page-events-wrapper .ev26-chips span svg { width: 14px; height: 14px; color: var(--PrimaryColor); }
.page-events-wrapper .ev26-logos { display: inline-flex; align-items: center; gap: 0.5rem; background: #ffffffa1; border: 1px solid #ffffffa1; border-radius: 50px; padding: .6rem 1rem; box-shadow: 0 2px 12px rgba(36,125,198,.1); }
.page-events-wrapper .ev26-logos img { height: 36px; width: auto; display: block; }
.page-events-wrapper .ev26-logo-x { font-size: 1.2rem; color: #9ca3af; font-weight: 300; }
.page-events-wrapper .ev26-logos a { background: var(--PrimaryColor); border-radius: 30px; padding: .7rem 1.2rem; display: inline-flex; align-items: center; }
.page-events-wrapper .ev26-logos a img { filter: brightness(0) invert(1); }
/* Offer section */
.page-events-wrapper .blue-bg-title { display:inline-block; background:var(--PrimaryColor); color:#fff; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; padding:.28rem .8rem; border-radius:4px; margin-bottom:.75rem; }
.page-events-wrapper .offer-list { list-style:none; padding:0; margin:1rem 0 0; }
.page-events-wrapper .offer-list li { display:flex; align-items:flex-start; gap:.75rem; font-size:.9rem; color:#374151; margin-bottom:.75rem; }
.page-events-wrapper .offer-list .icon-box { flex-shrink:0; }
.page-events-wrapper .offer-list .icon-box img { width:20px; margin-top:2px; }
.page-events-wrapper .offer-form-card { background:#fff; border:1px solid #e2e8f0; border-radius:14px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,.1); margin-bottom:1.25rem; }
.page-events-wrapper .offer-form-card .top-header { background:var(--PrimaryColor); color:#fff; padding:1.5rem 1.5rem 1.25rem; text-align:center; }
.page-events-wrapper .offer-form-card .top-header > p { font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.7); margin:0 0 .4rem; }
.page-events-wrapper .person-price { font-size:1.75rem; font-weight:800; color:#fff; line-height:1.2; margin-bottom:.3rem; }
.page-events-wrapper .offer-form-card .top-header .sub-p { font-size:.75rem; color:rgba(255,255,255,.65); margin:0; }
.page-events-wrapper .offer-form-card .offer-body { padding:1.25rem 1.5rem; }
.page-events-wrapper .get-offer { margin-bottom:.5rem; }
.page-events-wrapper .get-offer span { background:var(--PrimaryColor); color:#fff; font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:.25rem .75rem; border-radius:20px; display:inline-block; }
.page-events-wrapper .middle-content > p { font-size:.85rem; color:#6b7280; margin-bottom:.5rem; }
.page-events-wrapper .middle-content h4 { font-size:.88rem; font-weight:700; color:#374151; margin:.75rem 0 .25rem; }
.page-events-wrapper .clearphone-includebox { background:#f8fafc; border-radius:10px; padding:.875rem; margin-top:.75rem; }
.page-events-wrapper .clearphone { display:flex; align-items:center; gap:.875rem; }
.page-events-wrapper .clearphone .img-box { flex-shrink:0; width:75px; }
.page-events-wrapper .clearphone .img-box img { width:100%; }
.page-events-wrapper .clearphone .text-box h3 { font-size:.95rem; font-weight:700; color:#1e293b; margin:0; line-height:1.3; }
.page-events-wrapper .ticket-btn { margin-top:.75rem; }

/* Ship image */
.page-events-wrapper .shipimg-box { line-height:0; }
.page-events-wrapper .shipimg-box img { max-height:540px; object-fit:cover; }
/* Holidays / ports tabs — redesigned */
.page-events-wrapper .holidays-wrap { background:#f0f6fc; }
.page-events-wrapper .holidays-wrap .row { align-items:stretch; }
.page-events-wrapper .ports-sidebar { background:#fff; border-radius:14px; border:1px solid #dce8f5; box-shadow:0 4px 20px rgba(36,125,198,.1); overflow:hidden; }
.page-events-wrapper .ports-sidebar-head { background:#EBF5FD; padding:.85rem 1.1rem; border-bottom:1px solid #dce8f5; }
.page-events-wrapper .ports-sidebar-head h6 { margin:0; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--PrimaryColor); display:flex; align-items:center; gap:.4rem; }
.page-events-wrapper .ports-sidebar-head h6 svg { width:14px; height:14px; }
.page-events-wrapper .holidays-wrap .nav { border:none; flex-direction:column; flex-wrap:nowrap; gap:0; max-height:498px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--PrimaryColor) #e8f2fc; }
.page-events-wrapper .holidays-wrap .nav-item { border-bottom:1px solid #eef3f9; }
.page-events-wrapper .holidays-wrap .nav-item:last-child { border-bottom:none; }
.page-events-wrapper .holidays-wrap .nav-link { display:flex; align-items:flex-start; gap:.7rem; padding:.75rem 1rem; border-radius:0 !important; color:#374151; text-decoration:none; transition:background .18s,border-left .18s; border:none !important; border-left:3px solid transparent !important; background:transparent; width:100%; text-align:left; cursor:pointer; }
.page-events-wrapper .holidays-wrap .nav-link:hover:not(.disable) { background:#EBF5FD; border-left-color:var(--PrimaryColor) !important; }
.page-events-wrapper .holidays-wrap .nav-link.active { background:var(--PrimaryColor) !important; border-left-color:var(--PrimaryColor) !important; color:#fff !important; }
.page-events-wrapper .holidays-wrap .nav-link.disable { opacity:.45; pointer-events:none; }
.page-events-wrapper .holiday-content { flex:1; min-width:0; }
.page-events-wrapper .holiday-content p { font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--PrimaryColor); margin:0 0 .15rem; line-height:1; }
.page-events-wrapper .holiday-content h3 { font-size:.82rem; font-weight:600; margin:0 0 .15rem; line-height:1.3; color:#374151; }
.page-events-wrapper .holiday-content h3 .blue-txt { color:var(--PrimaryColor); }
.page-events-wrapper .holiday-content .timebx { font-size:.65rem; color:#64748b; display:flex; align-items:center; gap:.25rem; margin:0; }
.page-events-wrapper .holidays-wrap .nav-link.active .holiday-content p { color:rgba(255,255,255,.75); }
.page-events-wrapper .holidays-wrap .nav-link.active .holiday-content h3,
.page-events-wrapper .holidays-wrap .nav-link.active .holiday-content h3 .blue-txt { color:#fff; }
.page-events-wrapper .holidays-wrap .nav-link.active .holiday-content .timebx { color:rgba(255,255,255,.7); }
.page-events-wrapper .blue-txt { color:var(--PrimaryColor); }
/* Port content right panel */
.page-events-wrapper .port-content { background:#fff; border-radius:14px; border:1px solid #dce8f5; overflow:hidden; box-shadow:0 4px 20px rgba(36,125,198,.08); height:100%; }
.page-events-wrapper .discription-bx figure { margin:0; }
.page-events-wrapper .discription-bx figure img { width:100%; height:340px; object-fit:cover; display:block; }
.page-events-wrapper .discription-bx > p { padding:0 1.5rem; margin:0; font-size:.88rem; color:#4b5563; line-height:1.8; }
.page-events-wrapper .discription-bx figure + p { padding-top:1.25rem; }
.page-events-wrapper .discription-bx > p:first-child { padding-top:1.5rem; }
.page-events-wrapper .discription-bx > p:last-child { padding-bottom:1.5rem; }
.page-events-wrapper .discription-bx > p strong { font-size:1rem; font-weight:700; color:#1e293b; display:block; margin-bottom:.4rem; }
/* Dates & Prices */
.page-events-wrapper .date-price-section .table { border-radius:12px; overflow:hidden; margin-bottom: 0; }
.page-events-wrapper .date-price-section .table thead th { background:var(--PrimaryColor); color:#fff; font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:.875rem 1rem; border:none; }
.page-events-wrapper .date-price-section .table tbody td { padding:1rem; vertical-align:middle; border-color:#e2e8f0; border:1px solid #e2e8f0; }
.page-events-wrapper .event-date { font-size:.85rem; font-weight:600; color:#374151; }
.page-events-wrapper .price { display:flex; align-items:center; gap:.4rem; font-weight:700; font-size:.88rem; color:#374151; }
.page-events-wrapper .icon-clear img { width:18px; }
.page-events-wrapper .sold-out { background:#fee2e2; color:#dc2626; font-size:.75rem; font-weight:700; border-radius:20px; padding:.2rem .7rem; display:inline-block; }
/* Staterooms gallery */
.page-events-wrapper .gallery-wrap > p,
.page-events-wrapper .gallery-note { font-size:.85rem; color:#374151; margin-bottom:.75rem; }
.page-events-wrapper .galler-imgbx { position:relative; border-radius:10px; overflow:hidden; }
.page-events-wrapper .galler-imgbx img { width:100%; height:320px; object-fit:cover; display:block; }
.page-events-wrapper .galler-imgbx.height50 img { height:210px; }
.page-events-wrapper .galler-imgbx .titlebx { position:absolute; bottom:0; left:0; right:0; background:rgb(41 45 48 / 70%); color:#fff; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; padding:.5rem .75rem; }
.page-events-wrapper .galler-imgbx .datebx { position:absolute; top:.6rem; right:.6rem; background:var(--PrimaryColor); color:#fff; font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:.3rem .6rem; border-radius:4px; }
/* Staterooms equal 3-column layout */
.page-events-wrapper .galler-imgbx.state-tall img { height:428px; }
.page-events-wrapper .galler-imgbx.state-half img { height:210px; }
.page-events-wrapper .stacked-gallery { display:flex; flex-direction:column; gap:8px; }
.page-events-wrapper .staterooms-wrap .row > [class*='col-'] { margin-bottom:.75rem; }
/* Entertainment tabs */
.page-events-wrapper .enterment-left-list { background:#fff; border-radius:14px; border:1px solid #dce8f5; box-shadow:0 4px 20px rgba(36,125,198,.08); overflow:hidden; }
.page-events-wrapper .ent-nav-head { background:#EBF5FD; padding:.85rem 1.1rem; border-bottom:1px solid #dce8f5; }
.page-events-wrapper .ent-nav-head h6 { margin:0; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--PrimaryColor); display:flex; align-items:center; gap:.4rem; }
.page-events-wrapper .ent-nav-head h6 svg { width:14px; height:14px; }
.page-events-wrapper .enterment-left-list .nav { flex-direction:column; gap:0; border:none; overflow:hidden; }
.page-events-wrapper .enterment-left-list .nav-link { display:flex; align-items:center; gap:.6rem; padding:.875rem 1.1rem; font-size:.76rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:#374151; border-bottom:1px solid #eef3f9 !important; border-left:3px solid transparent !important; background:#fff; border-radius:0 !important; transition:background .18s; text-decoration:none; }
.page-events-wrapper .enterment-left-list .nav-item:last-child .nav-link { border-bottom:none !important; }
.page-events-wrapper .enterment-left-list .nav-link:hover { background:#EBF5FD; color:var(--PrimaryColor); border-left-color:var(--PrimaryColor) !important; }
.page-events-wrapper .enterment-left-list .nav-link.active { background:var(--PrimaryColor) !important; color:#fff !important; border-left-color:var(--PrimaryColor) !important; }
.page-events-wrapper .bottom-btn { margin-top:2.5rem; }
.page-events-wrapper .bottom-btn p { font-size:.82rem; color:#6b7280; margin-top:.5rem; }
.page-events-wrapper .enterment-wrap .galler-imgbx img { height:300px; }
.page-events-wrapper .enterment-wrap .galler-imgbx.height50 img { height:146px; }

/* Gold Rush */
.page-events-wrapper .goldrush-wrap .section-bottom-btn { margin-top:2.5rem; flex-direction: column; }
.page-events-wrapper .goldrush-wrap .section-bottom-btn p { font-size:.82rem; color:#6b7280;margin: 0; }

/* Videos */
.page-events-wrapper .training-video-bx { margin-bottom:1.5rem; }
.page-events-wrapper .training-video-bx h3 { font-size:.85rem; font-weight:600; color:#374151; margin-top:.6rem; margin-bottom:0; }
.page-events-wrapper .video-thumbnail { position:relative; border-radius:10px; overflow:hidden; aspect-ratio:16/9; background:#e2e8f0; }
.page-events-wrapper .video-thumbnail img { width:100%; height:100%; object-fit:cover; display:block; }
.page-events-wrapper .universal-play-btn { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.35); color:#fff; text-decoration:none; transition:background .18s; }
.page-events-wrapper .universal-play-btn:hover { background:rgba(0,0,0,.55); }
.page-events-wrapper .universal-play-btn svg { width:40px; height:40px; }
/* Council meeting */
.page-events-wrapper .humanity-section { background:#1a3a5c; }
.page-events-wrapper .humanity-section .same-heading h2 { color:#fff; }
.page-events-wrapper .humanity-section .same-heading p { color:rgba(255,255,255,.8); }
.page-events-wrapper .council-badge { display:inline-flex; align-items:center; gap:0; border:2px solid rgba(255,255,255,.25); border-radius:10px; overflow:hidden; margin:1.5rem 0 2rem; }
.page-events-wrapper .council-badge-item { padding:.875rem 1.75rem; text-align:center; border-right:2px solid rgba(255,255,255,.25); }
.page-events-wrapper .council-badge-item:last-child { border-right:none; }
.page-events-wrapper .council-badge-item .cb-lbl { font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:rgba(255,255,255,.6); display:block; margin-bottom:.2rem; }
.page-events-wrapper .council-badge-item .cb-val { font-size:1.05rem; font-weight:800; color:#fff; display:block; }
/* Feature Excursion */
.page-events-wrapper .feature-excursion-wrap { background:#fff; }
.page-events-wrapper .excursion-img img { width:100%; border-radius:12px; object-fit:cover; max-height:420px; }
.page-events-wrapper .excursion-location { display:flex; align-items:center; gap:.4rem; font-size:.9rem; color:#6b7280; margin-bottom:.75rem; }
.page-events-wrapper .excursion-location svg { width:15px; height:15px; color:var(--PrimaryColor); flex-shrink:0; }
.page-events-wrapper .excursion-rating { display:flex; align-items:center; gap:.2rem; margin-bottom:1rem; }
.page-events-wrapper .excursion-rating svg { width:18px; height:18px; fill:#f59e0b; color:#f59e0b; }


/* Count clock */
.page-events-wrapper .count-clock { display:flex; gap:1.25rem; align-items:center; }
.page-events-wrapper .count-clock > div { text-align:center; background:#EBF5FD; border-radius:10px; padding:.75rem 1.25rem; min-width:70px; }
.page-events-wrapper .count-clock .count { display:block; font-size:2rem; font-weight:800; color:var(--PrimaryColor); line-height:1; }
.page-events-wrapper .count-clock > div > span:last-child { display:block; font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:#6b7280; margin-top:.25rem; }
.page-events-wrapper .unit-confrence-text { font-size:.82rem; color:#6b7280; margin-top:.75rem; }

/* Book email section */
.page-events-wrapper .book-email-section {    background: linear-gradient(to top, #247DC6, #021E35);}
.page-events-wrapper .book-email-section .same-heading h2 { color:#fff; }
.page-events-wrapper .inputbx { text-align:center; }
.page-events-wrapper .inputbx .form-control { max-width:480px; margin:1.5rem auto .5rem; padding:.75rem 1rem; border-radius:8px; font-size:.9rem; }
.page-events-wrapper .emailnote { font-size:.75rem; color:rgba(255,255,255,.75); margin-bottom:.5rem; }

/* Featured talk cards */
.page-events-wrapper .talk-card { display:flex; flex-direction:column; gap:.65rem; background:#fff; border-radius:10px; padding:1.25rem; box-shadow:0 2px 12px rgba(0,0,0,.07); height:100%; text-decoration:none; color:inherit; transition:box-shadow .2s; }
.page-events-wrapper .talk-card:hover { box-shadow:0 6px 24px rgba(0,0,0,.12); }
.page-events-wrapper .talk-card .talk-top { display:flex; align-items:center; gap:.75rem; }
.page-events-wrapper .talk-card .talk-img-bx { width:52px; height:52px; border-radius:50%; overflow:hidden; flex-shrink:0; background:#e5e7eb; }
.page-events-wrapper .talk-card .talk-img-bx img { width:100%; height:100%; object-fit:cover; }
.page-events-wrapper .talk-card .talk-text-bx h3 { font-size:.88rem; font-weight:700; color:#1e293b; margin:0; }
.page-events-wrapper .talk-card .talk-sub { font-size:.75rem; color:#6b7280; margin-top:.15rem; }
.page-events-wrapper .talk-card > p { font-size:.8rem; color:#6b7280; margin:0; }

/* Book place dark section */
.page-events-wrapper .book-place {     background: linear-gradient(to top, #247DC6, #021E35);}


/* Why Attend list */
.page-events-wrapper .why-list { list-style:none; padding:0; margin:1.25rem 0 0; }
.page-events-wrapper .why-list li { position:relative; padding-left:1.4rem; color:#374151; margin-bottom:.85rem; line-height:1.65; font-size:.95rem; }
.page-events-wrapper .why-list li::before { content:''; position:absolute; left:0; top:.55em; width:7px; height:7px; background:var(--PrimaryColor); border-radius:50%; flex-shrink:0; }

/* Video thumbnail with play overlay */
.page-events-wrapper .video-thumb-bx { position:relative; border-radius:12px; overflow:hidden; cursor:pointer; }
.page-events-wrapper .video-thumb-bx img { width:100%; display:block; }
.page-events-wrapper .video-thumb-bx .play-overlay { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.3); transition:background .2s; }
.page-events-wrapper .video-thumb-bx:hover .play-overlay { background:rgba(0,0,0,.5); }
.page-events-wrapper .video-thumb-bx .play-overlay svg { width:72px; height:72px; color:#fff; opacity:.9; }
.page-events-wrapper .shipimg-box .video-thumb-bx { border-radius:0; }

/* ClearUnited Video iframes */
.page-events-wrapper .clearunited-video-box { margin-bottom:1rem; }
.page-events-wrapper .clearunited-video-box iframe { width:100%; aspect-ratio:16/9; border-radius:10px; border:none; display:block; }
.page-events-wrapper .clearunited-video-box h4 { margin-top:.75rem; font-size:1rem; font-weight:600; color:#1e293b; text-align:center; }

/* Featured Talks cards */
.page-events-wrapper .talk-card { background:#fff; border-radius:10px; padding:1.25rem; box-shadow:0 2px 12px rgba(0,0,0,.08); height:100%; display:flex; flex-direction:column; gap:.5rem; transition:box-shadow .2s; }
.page-events-wrapper .talk-card:hover { box-shadow:0 6px 24px rgba(0,0,0,.12); }
.page-events-wrapper .talk-card .talk-img { width:52px; height:52px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.page-events-wrapper .talk-card h4 { font-size:.88rem; font-weight:700; color:#1e293b; margin:0; }
.page-events-wrapper .talk-card p { font-size:.8rem; color:#6b7280; margin:0; flex:1; }

/* Speakers grid */
.page-events-wrapper .speakers-card { text-align:center; }
.page-events-wrapper .speakers-card img { width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:12px; }
.page-events-wrapper .speakers-info { margin-top:.65rem; }
.page-events-wrapper .speakers-info h3 { font-size:.95rem; font-weight:700; color:#1e293b; margin:0 0 .2rem; }
.page-events-wrapper .speakers-info h4 { font-size:.78rem; font-weight:400; color:#6b7280; margin:0; }
.page-events-wrapper .view-more-btn { margin-top:2rem; }

/* Summit focus dots list */
.page-events-wrapper .dots-list-content { list-style:none; padding:0; margin:0; }
.page-events-wrapper .dots-list-content li { margin-bottom:1.5rem; }
.page-events-wrapper .dots-list-content h4 { font-size:1rem; font-weight:700; color:#1e293b; margin-bottom:.5rem; }
.page-events-wrapper .dots-list-content .dots { display:flex; flex-wrap:wrap; gap:5px; }
.page-events-wrapper .dots-list-content .dots span { width:10px; height:10px; border-radius:50%; background:var(--PrimaryColor); display:inline-block; }

/* Partner logo boxes */
.page-events-wrapper .offerlogo-bx { display:flex; align-items:center; justify-content:center; padding:1.25rem 1rem; border:1px solid #e5e7eb; border-radius:10px; min-height:80px; }
.page-events-wrapper .offerlogo-bx img { max-height:45px; max-width:140px; object-fit:contain; }

/* Summit number stats */
.page-events-wrapper .clearsubmit-content { text-align:center; padding:1rem .5rem; }
.page-events-wrapper .clearsubmit-content .icon-img { margin-bottom:.75rem; display:flex; justify-content:center; }
/* .page-events-wrapper .clearsubmit-content .icon-img img { width:52px; height:52px; object-fit:contain; } */
.page-events-wrapper .clearsubmit-content .icon-img svg { width:2.2rem; height:2.2rem; color:var(--PrimaryColor); stroke-width:1.25; }
.page-events-wrapper .clearsubmit-content h4 { font-size:2.2rem; font-weight:800; color:var(--PrimaryColor); margin:0 0 .2rem; }
.page-events-wrapper .clearsubmit-content p { font-size:.85rem; color:#6b7280; margin:0; }

/* Topic tags list */
.page-events-wrapper .topic-list { width: 100%; max-width: 70%; display:flex; flex-wrap:wrap; gap:.5rem; list-style:none; padding:0; margin:1.5rem auto 0; justify-content:center; }
.page-events-wrapper .topic-list li { background:#EBF5FD; color:var(--PrimaryColor); font-size:.78rem; font-weight:600; padding:.4rem .9rem; border-radius:20px; }



.map-wrap{background: url(../images/map-bg.jpg)no-repeat center top/cover; padding: 8rem 0;}
.map-wrap .same-heading{background: var(--WhiteColor); padding: 2rem ; border-radius: 1rem;}
.win-wrap{    background: linear-gradient(to top, #247DC6, #021E35);}

/* Responsive */
@media(max-width:1199px) { .page-events-wrapper .galler-imgbx img { height:320px; } }
@media(max-width:991px) { .page-events-wrapper .discription-bx figure img { height:260px; } .page-events-wrapper .w-70 { max-width:90%; } .page-events-wrapper .galler-imgbx img { height:260px; } .page-events-wrapper .galler-imgbx.height50 img { height:145px; } }
@media(max-width:767px) { .page-events-wrapper .ev26-chips { gap:.4rem; } .page-events-wrapper .ev26-logos { padding:.5rem 1.25rem; } .page-events-wrapper .holidays-wrap .nav { max-height:none; overflow-y:visible; } }




/* =========================================
   DISPUTES / LAWSUITS
   ========================================= */
/* Step nav (Arbitration / Jury Trial / Class Action) */
.dispute-steps-wrap { background: var(--SecondaryColor); }
.dispute-steps-list { display: flex; flex-wrap: wrap; gap: 0; list-style: none; margin: 0; padding: 0; }
.dispute-steps-list li { flex: 1; text-align: center; }
.dispute-steps-list li a { display: block; padding: .9rem 1rem; font-size: .85rem; font-weight: 600; color: rgba(255,255,255,.6); border-bottom: 3px solid transparent; transition: .2s; }
.dispute-steps-list li a:hover { color: #fff; }
.dispute-steps-list li a.active { color: #fff; border-bottom-color: var(--PrimaryColor); }

/* Hero variant with a dynamic background photo (lawsuit banner) */
.dispute-view-hero { position: relative; background-color: var(--SecondaryColor); padding: 4rem 0; overflow: hidden; }
.dispute-view-hero-overlay { position: absolute; inset: 0; background: linear-gradient(120deg, rgba(18,41,57,.92) 0%, rgba(18,41,57,.6) 100%); }
.dispute-view-hero .container { position: relative; z-index: 1; }
.dispute-view-hero h1 { color: #fff; margin-bottom: 0; }

/* VS style summary banner (jury / mediation view) */
.dispute-vs-lbl { font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--PrimaryColor); margin-bottom: .35rem; }
.dispute-vs-name { font-size: 1.15rem; font-weight: 600; color: var(--BlackColor); margin-bottom: .15rem; }

/* Alert list (This Alert Affects / What's Going On etc.) */
.dispute-alert-list { display: flex; flex-direction: column; gap: 1.1rem; margin-bottom: 2rem; }
.dispute-alert-item { border-left: 3px solid var(--PrimaryColor); padding: .1rem 0 .1rem 1.1rem; }
.dispute-alert-item h3 { font-size: 1.05rem; font-weight: 600; color: var(--PrimaryColor); margin-bottom: .35rem; }
.dispute-alert-item p { font-size: .92rem; color: #4b5563; line-height: 1.7; margin: 0; }

/* Long-form lawsuit body content */
.dispute-body-content h2 { font-size: 1.35rem; font-weight: 600; color: var(--BlackColor); margin: 1.75rem 0 1rem; }
.dispute-body-content h3 { font-size: 1.15rem; font-weight: 600; color: var(--BlackColor); margin: 1.75rem 0 .85rem; }
.dispute-body-content p { font-size: .92rem; color: #4b5563; line-height: 1.75; margin-bottom: 1rem; }
.dispute-body-content ul { padding-left: 1.2rem; margin-bottom: 1rem; list-style: disc; }
.dispute-body-content ul li { font-size: .92rem; color: #4b5563; line-height: 1.8; }
.dispute-callout { border: 1px solid var(--PrimaryColor); border-radius: 10px; padding: 1rem 1.25rem; margin-bottom: 1rem; }
.dispute-callout p { margin: 0; color: var(--SecondaryColor); font-weight: 500; }

/* Sidebar contact / intake form */
.dispute-form-card { background: #f5f7fa; border-radius: 16px; padding: 1.75rem; box-shadow: 0 4px 20px rgba(0,0,0,.06); }
.dispute-form-card .form-group { margin-bottom: 1rem; }
.dispute-form-card .form-group label { display: block; font-size: .82rem; font-weight: 600; color: var(--SecondaryColor); margin-bottom: .4rem; }
.dispute-form-card .form-control { border: 1px solid #dfe3e8; border-radius: 8px; padding: .6rem .9rem; font-size: .875rem; background: #fff; }
.dispute-form-card .form-control:focus { border-color: var(--PrimaryColor); box-shadow: none; outline: none; }
.dispute-form-card textarea.form-control { min-height: 100px; resize: vertical; }

/* Jury / mediation submission cards (list pages) */
.jury-card { height: 100%; background: #fff; border: 1px solid #e5eaf3; border-radius: 14px; padding: 1.5rem; box-shadow: 0 2px 14px rgba(0,0,0,.06); display: flex; flex-direction: column; transition: box-shadow .2s, transform .2s; }
.jury-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.1); transform: translateY(-2px); }
.jury-card-rows { margin-bottom: 1rem; }
.jury-card-row { display: flex; justify-content: space-between; gap: .75rem; padding: .5rem 0; border-bottom: 1px solid #f0f2f5; }
.jury-card-row:last-child { border-bottom: none; }
.jury-card-lbl { font-size: .78rem; color: #6b7280; font-weight: 500; }
.jury-card-val { font-size: .82rem; color: var(--SecondaryColor); font-weight: 600; text-align: right; }
.jury-card p { font-size: .85rem; color: #4b5563; line-height: 1.6; flex: 1; margin-bottom: 1.25rem; }
.jury-card .btn { align-self: flex-start; }

/* Label / value info card (mediation + jury trial view pages) */
.dispute-info-card { background: #fff; border-radius: 14px; border: 1px solid #e5eaf3; box-shadow: 0 2px 10px rgba(18,41,57,.05); overflow: hidden; }
.dispute-info-row { display: flex; padding: .75rem 1.25rem; border-bottom: 1px solid #f5f7fa; gap: 1rem; align-items: flex-start; }
.dispute-info-row:last-child { border-bottom: none; }
.dispute-info-lbl { width: 44%; flex-shrink: 0; font-size: .8125rem; color: #6b7280; font-weight: 500; }
.dispute-info-val { flex: 1; font-size: .8125rem; color: var(--SecondaryColor); font-weight: 600; word-break: break-word; }
.dispute-info-val a { color: var(--PrimaryColor); text-decoration: none; }
.dispute-info-val a:hover { text-decoration: underline; }

/* Attorney / claim text card (jury trial view) */
.dispute-attorney-card { border-radius: 14px; padding: 1.5rem; height: 100%; }
.dispute-attorney-card.bg-gray { background: #f5f7fa; }
.dispute-attorney-card h3 { font-size: 1rem; font-weight: 600; color: var(--SecondaryColor); margin-bottom: .5rem; }
.dispute-attorney-card p { font-size: .88rem; color: #4b5563; line-height: 1.7; margin-bottom: .5rem; }
.dispute-caret-list { list-style: none; padding: 0; margin: .75rem 0 0; }
.dispute-caret-list li { position: relative; padding-left: 1.2rem; font-size: .88rem; color: #4b5563; line-height: 1.8; }
.dispute-caret-list li::before { content: "›"; position: absolute; left: 0; color: var(--PrimaryColor); font-weight: 700; }

@media(max-width:767px) {
    .dispute-steps-list li a { padding: .7rem .5rem; font-size: .75rem; }
    .jury-card-val { text-align: left; }
    .jury-card-row { flex-direction: column; gap: .1rem; }
}





/* Wrapper */
.dw-cookie-wrapper {
   position: fixed;
    box-sizing: border-box;
    z-index: 2147483647;
    background-color: #fff;
    opacity: 1;
    display: block;
    transform: translateY(0px);
    bottom: 0px;
    right: 0px;
    max-width: 320px;
    width: calc(100% - 20px);    
    box-shadow: 0 -0.3125rem 1.25rem rgba(0,0,0,0.1);
    transition: opacity 0.3s, transform, top, left, right, bottom, max-width, width;
    margin: 1rem;
    border-radius: 10px;
    padding: 2rem;
}

/* Inner layout */
.dw-cookie-card {
    max-width: 75rem; /* 1200px */
    margin: auto;
    display: flex; 
    align-items: center;
   flex-direction: column;
    gap: 1rem; 
}

/* Text */
.dw-cookie-text h4 {
  font-size: 1.2rem;
    color: var(--BlackColor);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.dw-cookie-text p {
      color: #555555;
    font-size: 0.9rem; line-height:1.6 ;
    margin-bottom: 0.5rem;
}

.dw-cookie-text a {
    color: var(--PrimaryColor);
    font-weight: 500;
    text-decoration: none;
}

.dw-cookie-wrapper .dw-cookie-actions .btn{    font-size: 0.9rem;}
/* Buttons */
.dw-cookie-actions {
display: flex;
    gap: 0.75rem;
    flex-direction: column;
    width: 100%;
}

.dw-btn {
    padding: 0.625rem 1.375rem; /* 10px 22px */
    border-radius: 0.625rem; /* 10px */
    border: none;
    font-size: 0.875rem; /* 14px */
    cursor: pointer;
    transition: 0.3s ease;
    white-space: nowrap; text-align: center;
}


/* =========================================
   LEGAL / STATIC PAGES (Privacy, Cookie Policy)
   ========================================= */
.static-pages-outer.border-bottom { border-bottom: 1px solid #e5eaf3; }
.static-pages-outer .dw-legal-intro { display: inline-block; font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--PrimaryColor); background: #EBF5FD; padding: .35rem .9rem; border-radius: 20px; margin-bottom: 1.5rem; }
.static-pages-outer h2 { font-size: 1.75rem; font-weight: 600; color: var(--BlackColor); margin-bottom: 1.25rem; }
.static-pages-outer h3 { font-size: 1.1rem; font-weight: 600; color: var(--SecondaryColor); margin: 2rem 0 .75rem; }
.static-pages-outer p { font-size: .92rem; color: #4b5563; line-height: 1.8; margin-bottom: 1rem; }
.static-pages-outer :is(ul) { list-style: none; padding: 0; margin: 0 0 1rem; }
.static-pages-outer :is(ul) li { position: relative; padding-left: 1.4rem; font-size: .92rem; color: #4b5563; line-height: 1.9; }
.static-pages-outer :is(ul) li::before { content: ""; position: absolute; left: 0; top: .55rem; width: 7px; height: 7px; border-radius: 50%; background: var(--PrimaryColor); }


:is(.dot-listing) { list-style: none; padding: 0; margin: 0 0 1rem; }
:is(.dot-listing) li { position: relative; padding-left: 1.4rem; font-size: .92rem; color: #4b5563; line-height: 1.9; }
:is(.dot-listing) li::before { content: ""; position: absolute; left: 0; top: .55rem; width: 7px; height: 7px; border-radius: 50%; background: var(--PrimaryColor); }



 .legal-highlight { background: #EBF5FD; border-left: 3px solid var(--PrimaryColor); border-radius: 10px; padding: 1.1rem 1.4rem; margin-bottom: 1.25rem; }
 .legal-highlight p { color: var(--SecondaryColor); font-weight: 500; margin-bottom: 0; }




/* =========================================
   NEUTRALS (ADR panel listing + bio detail)
   ========================================= */

/* Listing page — photo + name grid */
.judge-team-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.5rem; margin-top: 3rem; }
.judge-team-card { display: block; text-align: center; color: inherit; }
.judge-team-photo { border-radius: 12px; overflow: hidden; aspect-ratio: 1/1; margin-bottom: .75rem; box-shadow: 0 2px 14px rgba(0,0,0,.09); }
.judge-team-photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.judge-team-card:hover .judge-team-photo img { transform: scale(1.05); }
.judge-team-name { font-size: .88rem; font-weight: 600; color: var(--SecondaryColor); }

/* Detail page — circular headshot in hero */
.judge-detail-photo { border-radius: 50%; overflow: hidden; width: 160px; height: 160px; margin: 0 auto; box-shadow: 0 4px 20px rgba(0,0,0,.12); }
.judge-detail-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Sidebar card (schedule mediation / our neutrals) */
.judge-sidebar { background: #f5f7fa; border-radius: 16px; padding: 1.75rem; box-shadow: 0 4px 20px rgba(0,0,0,.06); }
.judge-sidebar h3 { font-size: 1rem; font-weight: 600; color: var(--SecondaryColor); margin-bottom: 1rem; }
.judge-sidebar hr { border-color: #e2e8f0; margin: 1.5rem 0; }
.judge-sidebar .doublearrow-list { list-style: none; padding: 0; margin: 0; max-height: 320px; overflow-y: auto; }
.judge-sidebar .doublearrow-list li { border-bottom: 1px solid #e9edf2; }
.judge-sidebar .doublearrow-list li:last-child { border-bottom: none; }
.judge-sidebar .doublearrow-list li a { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .6rem 0; font-size: .85rem; font-weight: 500; color: var(--SecondaryColor); }
.judge-sidebar .doublearrow-list li a:hover { color: var(--PrimaryColor); }
.judge-sidebar .doublearrow-list li a svg { width: 15px; height: 15px; flex-shrink: 0; color: var(--PrimaryColor); }

@media(max-width:991px) { .judge-team-grid { grid-template-columns: repeat(3, 1fr); } }
@media(max-width:575px) { .judge-team-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; } }



/* =========================================
   DIGITAL PROVIDERS
   ========================================= */

/* Intro image + overlapping card */
.provide-hero-media { position: relative; }
.provide-hero-media img { width: 100%; border-radius: 16px; max-height: 420px; object-fit: cover; }
.provide-hero-card { background: #fff; border-radius: 14px; box-shadow: 0 8px 30px rgba(0,0,0,.12); padding: 1.5rem 2rem; margin: -3rem auto 0; max-width: 720px; position: relative; text-align: center; }
.provide-hero-card p { font-size: .9rem; color: #4b5563; line-height: 1.8; margin: 0; }

/* Provider logo grid */
.provider-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; margin-top: 3rem; }
.provider-card { position: relative; background: #fff; border: 1px solid #e5eaf3; border-radius: 12px; height: 130px; display: flex; align-items: center; justify-content: center; transition: box-shadow .2s, border-color .2s; }
.provider-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.1); border-color: var(--PrimaryColor); z-index: 5; }
.provider-card--wide { grid-column: span 1; }
.provider-logo { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 1.5rem; filter: grayscale(1); opacity: .7; transition: opacity .2s, filter .2s; }
.provider-logo img { max-width: 100%; max-height: 48px; }
.provider-card:hover .provider-logo { opacity: 1; filter: grayscale(0); }

/* Floating tooltip card shown above the logo on hover */
.provider-hover { position: absolute; bottom: 100%; left: 50%; width: 300px; max-width: 80vw; background: #fff; color: var(--SecondaryColor); border-radius: 14px; box-shadow: 0 16px 40px rgba(0,0,0,.18); padding: 1.5rem 1.75rem; text-align: center; opacity: 0; visibility: hidden; transform: translateX(-50%) translateY(-8px); transition: opacity .2s, transform .2s; z-index: 20; pointer-events: none; }
.provider-hover::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-top-color: #fff; }
.provider-card:hover .provider-hover { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(-18px); pointer-events: auto; }
.provider-hover h3 { font-size: 1.1rem; font-weight: 700; color: var(--BlackColor); margin-bottom: .6rem; }
.provider-hover p { font-size: .82rem; line-height: 1.7; color: #4b5563; margin: 0; }

/* Study / Download / Buy / Attend / Engage / Refer row */
.action-steps-row { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.25rem; }
.action-step-card { background: #fff; border-radius: 14px; padding: 1.5rem 1.25rem; box-shadow: 0 2px 14px rgba(0,0,0,.06); }
.action-step-icon { width: 44px; height: 44px; border-radius: 50%; background: #EBF5FD; color: var(--PrimaryColor); display: flex; align-items: center; justify-content: center; margin-bottom: .9rem; }
.action-step-icon svg { width: 20px; height: 20px; }
.action-step-card h4 { font-size: 1rem; font-weight: 600; color: var(--SecondaryColor); margin-bottom: .5rem; }
.action-step-card p { font-size: .82rem; color: #6b7280; line-height: 1.6; margin-bottom: 1rem; min-height: 42px; }
.action-step-link { display: inline-flex; align-items: center; gap: .35rem; font-size: .8rem; font-weight: 600; color: var(--PrimaryColor); }
.action-step-link:hover { text-decoration: underline; }
.action-step-link svg { width: 14px; height: 14px; }



/* ============================================================
   LIFE STACK DOCS
   ============================================================ */
   .sec{padding: 1rem 0;}
   .docs-shell-wrap{    background: rgb(246, 249, 252);
    padding: 3.5rem 0px 5.5rem}
.docs-hero{background:#F6F6F6;padding:clamp(3.5rem,7vw,5.5rem) 0 clamp(2.5rem,5vw,3.75rem);border-bottom:0.0625rem solid #247DC64D}
.docs-hero .kick{display: inline-block;
    font-size: 0.8rem;
    font-weight: 500;
    /* letter-spacing: .08em; */
    text-transform: uppercase;
    color: var(--PrimaryColor);
    /* background: transparent; */
    /* border: 0.0625rem solid var(--PrimaryColor); */
    /* border-radius: 62.4375rem; */
    /* padding: 0.35rem 0.9rem; */
    margin-bottom: 1.25rem;}
.docs-hero h1{    color: var(--BlackColor);
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 115%;
    margin-bottom: 1rem;}
.docs-hero p{    color: #3B3B3B;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.7;     max-width: 52rem;}
.docs-hero p a:not(.btn){color: var(--PrimaryColor);}

.docs-hero .docs-content{    width: 100%;
    max-width: 70%;
    margin: 0 auto; }

.docs-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}
.docs-stats .st{display:flex; flex-direction: column; background:#fff;
  border:0.0625rem solid #247DC64D;border-radius:1.25rem;padding:1rem; min-width: 9.375rem;}
.docs-stats .st b{font-size:1.5rem; color:var(--PrimaryColor);font-weight:700;line-height:1.2; margin-bottom: 0.3rem;}
.docs-stats .st span{font-size:0.9rem;color:#727272;font-weight:400}






.docs-side{position: sticky;
    top: 6.5rem;
    max-height: calc(100vh - 8.5rem);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding: 1.5rem 1.25rem;
    background: #fff;
    border-radius: 1.25rem;
    box-shadow: 0 0.875rem 1.875rem rgba(7, 24, 39, .05);scrollbar-width: thin;
    scrollbar-color: #4f59686b #f6f6f6;
  }
/* Chrome, Safari, Edge */
.docs-side::-webkit-scrollbar {
    width: 1px;
}

.docs-side::-webkit-scrollbar-track {
    background: #f6f6f6;
}

.docs-side::-webkit-scrollbar-thumb {
    background: #4f59686b;
    border-radius: 10px;
}
.docs-side .grp{    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #8a97a6;
    margin: 0.625rem 0;}

.docs-side a{display:flex;align-items:center;gap:0.5625rem;padding:0.4375rem 0.6875rem;border-radius:0.5625rem;font-size:0.875rem;font-weight:400;color:#686868;line-height:1.3}
.docs-side a .ln{display: none;  width:1.25rem;height:1.125rem;border-radius:0.3125rem;background:#eef4f9;color:var(--PrimaryColor);font-weight:600;font-size:0.625rem;}
.docs-side a:hover{background:#EEF7FE;color:var(--PrimaryColor)}
.docs-side a.active{background:#EEF7FE;color:var(--PrimaryColor);font-weight:600}
/* .docs-main{padding:2rem 3rem;max-width:100%} */
.docs-main h2{    font-size: clamp(1.6rem,3.3vw,1.6rem);
       font-weight: 500;


    line-height: 1.25;
    color: var(--BlackColor); margin-bottom: 1rem; scroll-margin-top:6.5rem}
/* .docs-main .sec{margin:0 0 4.5rem} */
.docs-main .lead{    color: #565656;
    margin-bottom: 0.625rem;
    font-size: 0.9375rem;
    line-height: 1.6;}
.docs-howto{background:#EEF7FE;border-radius:0.625rem; padding:1rem;margin:1rem 0}
.docs-howto b{display:block;font-size:1rem; font-weight: 500; color:var(--PrimaryColor);margin-bottom:0.5rem}
.docs-howto p{color:#707070; width: 100%; max-width: 90%; font-size:0.9375rem;margin:0;line-height:1.6; letter-spacing: -2%;}





.flow7{display:flex; gap:0.6rem;margin:1rem 0; flex-wrap: wrap; }
.flow7 .step{background:#fff; border:0.0625rem solid #247DC64D; border-radius:0.625rem;padding:1rem;
    display: inline-flex; align-items: center; flex: 1 0 0%; }
.flow7 .step .n{display: none;}
.flow7 .step p{font-size:0.9rem; line-height: 1.2; color:var(--PrimaryColor);margin:0;font-weight:500}



.explorer{display:grid;grid-template-columns:.92fr 1.08fr;gap:1.375rem;align-items:start}

@media(max-width:1000px)
{
    .explorer{grid-template-columns:1fr}

}


.lstack{display:flex;flex-direction:column;gap:0.375rem}
.lrow{display:flex;align-items:center;gap:1rem;text-align:left;padding:0.5rem;border-radius:0.75rem;border:0.0625rem solid #247DC64D;background:#fff;cursor:pointer;width:100%;transition:transform .14s,border-color .14s}
.lrow:hover{transform:translateX(0.1875rem);border-color:#bcdcf6}
.lrow .n{width:1.875rem;height:1.5rem;border-radius:0.4375rem;background:#eef4f9;color:var(--PrimaryColor);font-weight:600;font-size:0.6875rem;display:grid;place-items:center;flex:0 0 auto}
.lrow .nm{font-weight:600;font-size:0.9375rem;color:var(--BlackColor);letter-spacing:-.01em}
.lrow .rl{font-size:0.71875rem;color:#707070}
.lrow .pill{margin-left:auto;font-size:0.6875rem;font-weight:500;color:#1b6eb1;background:#EEF7FE;border-radius:62.4375rem;padding:0.25rem 0.5625rem;white-space:nowrap}
.lrow[aria-selected=true]{background:var(--PrimaryColor);border-color:transparent;box-shadow:0 0.875rem 1.875rem rgba(20,126,211,.26)}
.lrow[aria-selected=true] .nm,.lrow[aria-selected=true] .rl{color:#fff}
.lrow[aria-selected=true] .n,.lrow[aria-selected=true] .pill{background:rgba(255,255,255,.22);color:#fff}
.lpanel{position:sticky;top:6.5rem;border:0.0625rem solid #247DC64D;border-radius:1.25rem;background:#fff;box-shadow:var(--shadow);padding:1rem;min-width:0}
.lpanel .pq{display:inline-block;font-size:0.78125rem;font-weight:500;color:var(--PrimaryColor);background:#EEF7FE;border-radius:62.4375rem;padding:0.3125rem 0.75rem;margin:0.25rem 0 0.875rem}
.lpanel h3{font-size:1.5rem;color:var(--BlackColor);margin:0 0 0.25rem;letter-spacing:-.02em}
.lpanel .role{font-size:0.8125rem;color:#707070;margin:0 0 1.125rem;font-weight:600}
.lpanel .caps{display:grid;gap:0.5625rem}
.lpanel .cap{border:0.0625rem solid #247DC64D;border-radius:0.75rem;padding:0.75rem 0.875rem;background:#fbfdff}
.lpanel .cap b{display:block;font-size:0.875rem;color:var(--BlackColor);font-weight:600}
.lpanel .cap span{font-size:0.78125rem;color:#5a6471;line-height:1.45}
@media(max-width:1000px){.lpanel{position:static}}



.layer-sec{border-top:0.0625rem solid #247DC64D;padding-top:2.5rem;margin-top:0.5rem;scroll-margin-top:6.5rem}
.layer-sec .lh{display:flex;align-items:baseline;gap:0.5rem;flex-wrap:wrap;margin-bottom:0.375rem}
.layer-sec .lh .num{font-size:0.8125rem;color:var(--PrimaryColor);font-weight:600;     display: block;
    width: 100%}
.layer-sec .lh h3{font-size:1.625rem;color:var(--BlackColor);margin:0;letter-spacing:-.03em}
.layer-sec .lh .rl{font-size:0.8125rem;color:#8a97a6;font-weight:700}
.layer-sec .desc{    color: rgb(86, 86, 86);
    margin-bottom: 0.625rem;
    font-size: 0.9375rem;
    line-height: 1.6;max-width:47.5rem}
.capgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:0.8125rem}
.capcard{border:0.0625rem solid #247DC64D;border-radius:0.875rem;background:#fff;padding:1.0625rem;transition:transform .14s,box-shadow .14s}
.capcard:hover{transform:translateY(-0.1875rem);box-shadow:0 0.875rem 1.875rem rgba(7,24,39,.09)}
.capcard .cn{font-weight:600;font-size:0.9375rem;color:var(--BlackColor);margin-bottom:0.5rem}
.capcard :is(.cn, h4){font-weight:600;font-size:0.9375rem;color:var(--BlackColor);margin-bottom:0.5rem}
.capcard :is(.cd, p){font-size:0.8125rem;color:#5a6471;line-height:1.5;margin:0 0 0.75rem}
.capcard :is(.cd, p){font-size:0.8125rem;color:#5a6471;line-height:1.5;margin:0 0 0.75rem}

/* .capcard .cd{font-size:0.8125rem;color:#5a6471;line-height:1.5;margin:0 0 0.75rem} */
.capcard .tags{display:flex;flex-wrap:wrap;gap:0.375rem}
.capcard .tags span{font-size:0.65625rem;font-weight:600;color:var(--PrimaryColor);background:#EEF7FE;border:0.0625rem solid #e4eaf0;border-radius:62.4375rem;padding:0.1875rem 0.5rem}
.layer-sec .repo{margin-top:1rem;font-size:0.8125rem;color:#6a7785}
.layer-sec .repo a{color:var(--PrimaryColor);font-weight:700}

.trust-foundation{margin:1rem 0 0.375rem;border:0.0625rem solid #bcdcf6; margin: 0.625rem 0; background:#EEF7FE;border-radius:0.875rem;padding:1rem 1.125rem}
.trust-foundation b{color:var(--PrimaryColor);font-weight:600}
.trust-foundation span{display:block;font-size:0.84375rem;color:#3a4658;margin-top:0.3125rem;line-height:1.5}

/* six principles */
.princ{display:grid;grid-template-columns:repeat(3,1fr);gap:0.875rem}
.princ .p{border:0.0625rem solid #247DC64D;border-radius:1rem;padding:1.25rem;background:#fff}
.princ .p .pi{width:2.375rem;height:2.375rem;border-radius:0.6875rem;background:#EEF7FE;color:var(--PrimaryColor);display:grid;place-items:center;margin-bottom:0.8125rem}
.princ .p h4{margin:0 0 0.375rem;font-size:1rem;color:var(--BlackColor)}
.princ .p p{margin:0;font-size:0.84375rem;color:#5a6471;line-height:1.5}




.law-primary{border:0.0625rem solid #bfe0fb;border-left:0.3125rem solid var(--PrimaryColor);border-radius:1rem;background:linear-gradient(180deg,#f4fbff,#fff);padding:1.5rem 1.625rem;margin:0.375rem 0 0.875rem}
.law-primary .lt{display:inline-block;font-size:0.6875rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#fff;background:var(--PrimaryColor);border-radius:62.4375rem;padding:0.25rem 0.75rem;margin-bottom:0.625rem}
.law-primary h3{font-size:1.5rem;color:var(--ink);margin:0 0 0.5rem;letter-spacing:-.02em}
.law-primary > p{font-size:0.9375rem;color:#3a4658;line-height:1.6;margin:0 0 0.875rem;max-width:47.5rem}
.law-primary-list{margin:0;padding-left:1.125rem;display:block;gap:0.5rem;}
.law-primary-list li{font-size:0.875rem;color:#3a4658;line-height:1.5; padding: 0.2rem 0;}
.law-primary-list a{color:var(--PrimaryColor);font-weight:700}

.law-regions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0.375rem 0 0.75rem}
.region-card{border:0.0625rem solid #247DC64D;border-radius:1rem;background:#fff;padding:1.375rem;display:flex;flex-direction:column}
.region-card.first{border-color:#bfe0fb;box-shadow:0 0.875rem 2.25rem rgba(8,33,60,.06)}
.region-card.next{background:#fbfdff;border-style:dashed}
.region-card .rtag{align-self:flex-start;font-size:0.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--PrimaryColor);background:#e9f5ff;border-radius:62.4375rem;padding:0.25rem 0.6875rem;margin-bottom:0.625rem}
.region-card .rtag.open{color:#6a7785;background:#f1f5f9}
.region-card h4{font-size:1.1875rem;color:var(--ink);margin:0 0 0.5rem;letter-spacing:-.01em}
.region-card > p{font-size:0.875rem;color:#5a6471;line-height:1.55;margin:0 0 0.75rem}
.region-card .lawlist{margin:0 0 0.875rem}
.region-link{margin-top:auto;align-self:flex-start;font-size:0.84375rem;font-weight:600;color:var(--PrimaryColor);text-decoration:none}
.region-link:hover{text-decoration:underline}
.billrights{margin:0 0 0.5rem;padding-left:1.375rem;display:grid;gap:0.5625rem;max-width:51.25rem}
.billrights li{font-size:0.90625rem;color:#3a4658;line-height:1.55}
.lawmap{border:0.0625rem solid #247DC64D;border-radius:0.875rem;overflow:hidden;margin:0.25rem 0 0.625rem}
.lmrow{display:grid;grid-template-columns:1.1fr 1.2fr 1.7fr;gap:0.875rem;padding:0.8125rem 1rem;border-top:0.0625rem solid #247DC64D;font-size:0.84375rem;color:#3a4658;line-height:1.45}
.lmrow:first-child{border-top:0}
.lmrow span:first-child{font-weight:600;color:var(--PrimaryColor)}
.lmrow span:nth-child(2){font-size:0.78125rem;color:#41526a}
.lmhead{background:#EEF7FE}
.lmhead span{font-weight:800 !important;color:var(--PrimaryColor) !important;font-family:inherit !important;font-size:0.75rem !important;letter-spacing:.04em;text-transform:uppercase}
.law-free{border-left-color:var(--PrimaryColor);background:#EEF7FE}
.law-free b{color:var(--PrimaryColor)}





/* docs caps (outside the explorer panel) */
.docs-main .sec{    background: rgb(255, 255, 255);
    border: 0.0625rem solid rgb(227, 232, 239);
    border-radius: 1.25rem;
    padding: 1.2rem;
    scroll-margin-top: 6.5rem;
    box-shadow: rgba(16, 24, 40, 0.04) 0px 0.0625rem 0.125rem; margin-bottom: 1.5rem;}
.docs-main .sec > .caps{display:grid;grid-template-columns:repeat(auto-fill,minmax(14.875rem,1fr));gap:0.75rem;margin:0.375rem 0 0.625rem}
.docs-main .sec > .caps .cap{border:0.0625rem solid #247DC64D;border-radius:0.8125rem;padding:0.9375rem 1rem;background:#fbfdff}
.docs-main .sec > .caps .cap b{display:block;font-size:0.875rem;color:var(--BlackColor);font-weight:600;margin-bottom:0.3125rem}
.docs-main .sec > .caps .cap span{font-size:0.8125rem;color:#5a6471;line-height:1.5}

/* Digital World Identity figure */
.id-figure{margin:0 0 1.625rem;     width: 100%;
    max-width: 80%;
    margin: 2rem 0;}
.id-figure a{display:block;border:0.0625rem solid #247DC64D;border-radius:1.125rem;overflow:hidden;}
.id-figure img{display:block;width:100%;height:auto}
.id-figure figcaption{font-size:1rem;color:#6a7785;margin-top:0.75rem;line-height:1.5;max-width:47.5rem}

/* law cross-reference */
.lawcols{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0.375rem 0 0.75rem}
.lawcol{border:0.0625rem solid #247DC64D;border-radius:1rem;background:#fff;padding:1.375rem}
.lawcol .lt{display:inline-block;font-size:0.6875rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--PrimaryColor);background:#EEF7FE;border-radius:62.4375rem;padding:0.25rem 0.6875rem;margin-bottom:0.625rem}
.lawcol h3{font-size:1.3125rem;color:var(--ink);margin:0 0 0.5rem;letter-spacing:-.02em}
.lawcol p{font-size:0.875rem;color:#5a6471;line-height:1.55;margin:0 0 0.75rem}
.lawlist{margin:0;padding-left:0;display:block; gap:0.5rem}
.lawlist li{font-size:0.875rem;color:#3a4658;line-height:1.5; padding: 0.2rem 0;}
.lawlist a{color:var(--PrimaryColor);font-weight:700}
.lawsub{font-size:1.3125rem;color:var(--ink);letter-spacing:-.02em;margin:1.875rem 0 0.5rem}



/* sdks */
.sdkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13.75rem,1fr));gap:0.75rem;margin-top:0.5rem}
.sdkcard{display:flex;align-items:center;gap:0.8125rem;border:0.0625rem solid #247DC64D;border-radius:0.875rem;padding:1rem 1.125rem;background:#fff;transition:border-color .14s,transform .14s}
.sdkcard:hover{border-color:#bcdcf6;transform:translateY(-0.125rem)}
.sdkcard .si{min-width:2.75rem;height:2.5rem;padding:0 0.5rem;border-radius:0.6875rem;background:var(--PrimaryColor);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:0.71875rem;letter-spacing:.02em;flex:0 0 auto}
.sdkcard b{display:block;font-size:0.90625rem;color:var(--PrimaryColor)}
.sdkcard span{font-size:0.75rem;color:#6a7785; word-break: break-all;}
.sdkcard.lang{flex-direction:column;align-items:flex-start;gap:0.75rem}
.sdkcard.lang .sdk-top{display:flex;align-items:center;gap:0.8125rem;width:100%}
.sdkcard.soon{background:#fbfdff;cursor:default}
.sdkcard.soon:hover{border-color:#247DC64D;transform:none}
.sdkcard .soon-badge{font-size:0.625rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6a7785;background:#f1f5f9;border-radius:62.4375rem;padding:0.1875rem 0.5rem;white-space:nowrap}
.sdkcard .view-docs{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.8125rem;font-weight:700;color:var(--PrimaryColor)}
.sdkcard .view-docs:hover{text-decoration:underline}
.repo a{color: var(--PrimaryColor);}

/* network details */
.netgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.625rem,1fr));gap:0.75rem;margin:0.5rem 0 0.375rem}
.netitem{border:0.0625rem solid #247DC64D;border-radius:0.875rem;padding:0.9375rem 1.125rem;background:#fbfdff}
.netitem .nl{display:block;font-size:0.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6a7785;margin-bottom:0.375rem}
.netitem code{font-size:0.875rem;color:var(--PrimaryColor);font-weight:700;word-break:break-all}




/* modal header */
/* .id-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1.25rem;
  background: #0d1526;
  border-bottom: 1px solid rgba(255,255,255,0.08);
} */
.id-modal-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #e8f3fd;
  letter-spacing: 0.01em;
}
.id-modal-close {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 50px;
  background: var(--PrimaryColor);
  color: #fff;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  padding: 0;    position: absolute;
    right: 9px;
    top: 2px;
}
.id-modal-close:hover {
 background: var(--PrimaryColor);
  color: #fff;
}
.id-modal-close svg { width: 1rem; height: 1rem; }

/* modal body */
.id-modal-body {
  padding: 0;
  overflow: auto;
  max-height: 82vh;
  background: #0b1120;
}
.id-modal-body img {
  display: block;
  width: 100%;
  height: auto;
}

/* ============================================================
   DIGITAL ENGINEERING SPECIFICATION (DWES)
   ============================================================ */


.hero-chips{display:flex;flex-wrap:wrap;gap:0.625rem;margin:1.75rem 0 2.25rem}
.hero-chips span{font-size:0.8125rem;color:var(--PrimaryColor);background:#247DC61A;border:0.0625rem solid #247DC61A;border-radius:62.4375rem;padding:0.4rem 0.9rem}
/* 
.hero-explore-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:1.75rem}
.hero-explore-card{display:flex;flex-direction:column;background:#fff;border-radius:5px; border:solid 1px #EBEBEB; overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.hero-explore-card:hover{transform:translateY(-0.1875rem);box-shadow:0 0.75rem 1.5rem -0.5rem rgba(11,21,38,.18);text-decoration:none}
.hero-explore-thumb{display:flex;align-items:center; overflow: hidden;   padding: 0.2rem; justify-content:center; }
.hero-explore-thumb img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:-webkit-optimize-contrast}
.hero-explore-body{display:flex;flex-direction:column;gap:0.375rem;padding:0.875rem 1rem 1rem}
.hero-explore-title{font-size:0.975rem;font-weight:500; color:var(--BlackColor)}
.hero-explore-link{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.75rem;margin-top: 0.5rem; font-weight:500;color:var(--PrimaryColor)}
.hero-explore-link svg{flex:none}
.hero-explore-card:hover .hero-explore-link{text-decoration:underline} */

/* --- Architecture & Standards Q&A --- */
.panel-faq{background:#F6F9FC;padding:clamp(3rem,6vw,4.5rem) 0; border-bottom:0.0625rem solid #247DC64D}
.qa-shell{display:grid;grid-template-columns:20rem 1fr;gap:2.75rem}
.qa-eyebrow{font-size:0.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--PrimaryColor);margin-bottom:0.75rem}
.qa-aside h2{font-size:1.75rem;font-weight:700;color:var(--BlackColor);margin-bottom:0.875rem;line-height:1.2}
.qa-lead{color:#3B3B3B;font-size:1rem;line-height:1.7;margin-bottom:0.75rem}
.qa-sub{color:#565656;font-size:0.9375rem;line-height:1.7;margin-bottom:0}
.qa-filters{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1.5rem}
.qa-filter{font-size:0.8125rem;font-weight:500;color:var(--PrimaryColor);background:#fff;border:0.0625rem solid var(--PrimaryColor);border-radius:62.4375rem;padding:0.45rem 1rem;cursor:pointer;transition:background .15s,color .15s}
.qa-filter.active,.qa-filter:hover{background:var(--PrimaryColor);color:#fff}
.qa-list{display:flex;flex-direction:column;gap:0.75rem}
.qa-item{background:#fff;border:0.0625rem solid #e3e8ef;border-radius:1rem;box-shadow:0 0.0625rem 0.125rem rgba(16,24,40,.04)}
.qa-q{display:flex;align-items:center;gap:1rem;width:100%;background:none;border:0;text-align:left;padding:1.125rem 1.25rem;cursor:pointer;font:inherit}
.qa-n{flex:none;width:2rem;height:2rem;border-radius:50%;background:var(--PrimaryColor);color:#fff;font-size:0.8125rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.qa-q-text{flex:1;font-size:0.9375rem;font-weight:600;color:var(--BlackColor);line-height:1.4}
.qa-chev{flex:none;color:#8a97a6;transition:transform .2s ease}
.qa-item.open .qa-chev{transform:rotate(180deg)}
.qa-a{display:none;padding:1rem;border-top:0.0625rem solid #eef1f5;margin-top:0.0625rem}
.qa-item.open .qa-a{display:block;padding-top:1rem}
.qa-a p{color:#565656;font-size:0.9375rem;line-height:1.65;margin:0 0 0.875rem}
.qa-a p:last-child{margin-bottom:0}
.qa-a ul,.qa-a ol{margin:0 0 0.875rem;padding-left:1.125rem;display:flex;flex-direction:column;gap:0.375rem}
.qa-a ul{list-style:disc}
.qa-a ol{list-style:decimal}
.qa-a li{font-size:0.9375rem;color:#3a4658;line-height:1.6}
.qa-a strong{color:var(--BlackColor)}
.qa-related{margin-top:0.25rem;padding-top:0.875rem;border-top:0.0625rem solid #eef1f5;display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem}
.qa-related-k{font-size:0.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a}
.qa-related a{font-size:0.8125rem;font-weight:500;color:var(--PrimaryColor);text-decoration:none}
.qa-related a:hover{text-decoration:underline}

.hero-meta{  display: grid;
    grid-template-columns: repeat(4, 1fr); gap:1rem;border-top:0.0625rem solid rgba(255,255,255,0.12);padding-top:1.75rem;margin-top:0.25rem}
.hero-meta div{ display:flex;flex-direction:column;gap:0.3rem;font-size:0.875rem;color:var(--PrimaryColor)}
.hero-meta b{font-size:0.9rem;font-weight:600;text-transform:capitalize;color:var(--BlackColor)}
.hero-meta a{color:var(--PrimaryColor);text-decoration:none}
.hero-meta a:hover{text-decoration:underline}
:is(.wrap,.hero-meta) .mono{font-size:0.85em;background:#EEF7FE;color:#1c5c96;border-radius:0.375rem;padding:0.1rem 0.4rem}
.hero-meta .mono{   color: var(--PrimaryColor);}



/* --- page shell: sticky contents nav + main column --- */
.wrap{background:#F6F9FC;padding:3.5rem 0 5.5rem}

.wrap .toc{position:sticky;top:6.5rem;max-height:calc(100vh - 8.5rem);overflow-y:auto;display:flex;flex-direction:column;gap:0.125rem;padding:1.5rem 1.25rem;background:#fff;border-radius:1.25rem;box-shadow:0 0.875rem 1.875rem rgba(7,24,39,.05)}
.wrap .toc strong{font-size:0.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8a97a6;margin-bottom:0.625rem}
.wrap .toc a{font-size:0.84375rem;color:#3a4658;text-decoration:none;padding:0.4375rem 0.6875rem;border-radius:0.5625rem;line-height:1.3}
.wrap .toc a:hover{color:var(--PrimaryColor);background:#EEF7FE}
.wrap .toc a.active{color:var(--PrimaryColor);background:#EEF7FE;font-weight:600}

/* .wrap main{display:flex;flex-direction:column;gap:1.75rem;} */

/* --- panel (numbered section cards) --- */
.wrap .panel{background:#fff;border:0.0625rem solid #e3e8ef;     margin-bottom: 1.5rem; border-radius:1.25rem;padding:1.2rem;scroll-margin-top:6.5rem;box-shadow:0 0.0625rem 0.125rem rgba(16,24,40,.04)}
.wrap .panel h2{display:flex;align-items:center;gap:0.875rem;font-size: 1.3125rem;
    font-weight: 700;
    letter-spacing: -.015em;
    margin-bottom: 0;
    line-height: 1.25;
    color: var(--BlackColor); margin-bottom: 0.6rem;}
.wrap .panel h2 .num{    flex: none;
    width: 2.125rem;
    height: 2.125rem;
    border-radius: 0.5625rem;
    background: var(--PrimaryColor);
    color: #fff;
    font-size: 0.78125rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.125rem;}
.wrap .panel h3{font-size:1.125rem;color:var(--BlackColor);font-weight:600;margin:1.75rem 0 0.75rem}
/* .wrap .panel .sub{font-size:1rem;color:#5a6471;margin:0 0 1.25rem;font-weight:400} */
.wrap .panel p{    color: #565656;
    margin-bottom: 0.625rem;
    font-size: 0.9375rem;
    line-height: 1.6;}
.wrap .panel p:last-child{margin-bottom:0}
.wrap .panel p strong{color:var(--BlackColor)}
.wrap .panel .small{font-size:0.8125rem;color:#727272}
.wrap .panel ul,.wrap .panel ol{margin:0 0 1.125rem;padding-left:1.25rem;display:flex;flex-direction:column;gap:0.5rem;    list-style: disc;}
.wrap .panel ul li,.wrap .panel ol li{font-size:0.9375rem;color:#3a4658;line-height:1.6}
.wrap .panel code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:0.85em;background:#EEF7FE;color:#1c5c96;border-radius:0.375rem;padding:0.1rem 0.4rem}
.wrap .panel pre{margin:0 0 1.25rem;padding:1.5rem;background:var(--PrimaryColor);color:#cfe0f4;border-radius:1rem;overflow-x:auto;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:0.8125rem;line-height:1.7}
.wrap .panel pre code{background:none;color:inherit;padding:0}
.wrap .panel a:not(.btn){color: var(--PrimaryColor);}


/* dark variant panel (12-Layer LIFE Stack) */
.wrap .panel.dark{background:var(--PrimaryColor);border-color:var(--PrimaryColor)}
.wrap .panel.dark h2 .num{background:var(--WhiteColor);border-color:var(--WhiteColor); color: var(--PrimaryColor);}
.wrap .panel.dark h2{color:#f4f8fc}
.wrap .panel.dark .sub{color:#9FB6D6}
.wrap .panel.dark p{color:#c3d3e8}
.wrap .panel.dark p strong{color:#f4f8fc}
.wrap .panel.dark code{background:rgba(255,255,255,0.08);color:#cfe0f4}
.wrap .panel.dark .stack-note{margin-top:1.25rem;font-size:0.8125rem;color:#9FB6D6;line-height:1.6}

/* --- callouts --- */
.wrap .panel .callout{border:0.0625rem solid #bfe0fb;border-left:0.3125rem solid var(--PrimaryColor);border-radius:1rem;background:linear-gradient(180deg,#f4fbff,#fff);padding:1.25rem 1.5rem;margin:0 0 1.25rem;font-size:0.9375rem;color:#3a4658;line-height:1.65}
.wrap .panel .callout strong{color:var(--BlackColor);font-weight:700}
.wrap .panel .callout.gold{border-color:rgba(201,162,75,0.45);border-left-color:#C9A24B;background:linear-gradient(180deg,#fdf9f0,#fff)}
.wrap .cred-chip{display:inline-block;font-size:0.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8a6a1f;background:rgba(201,162,75,0.14);border:0.0625rem solid rgba(201,162,75,0.4);border-radius:62.4375rem;padding:0.2rem 0.7rem;margin-left:0.5rem;vertical-align:middle}
.wrap .kfrag{display:inline-block;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:0.8125rem;background:#EEF7FE;color:#1c5c96;border-radius:0.5rem;padding:0.2rem 0.6rem;letter-spacing:.01em}

/* --- tables --- */
.wrap .panel table{display:table;width:100%;border-collapse:collapse;margin:0 0 1.25rem;font-size:0.875rem}
.wrap .panel table th,.wrap .panel table td{padding:0.75rem 1rem;text-align:left;border-bottom:0.0625rem solid #e3e8ef;line-height:1.5;vertical-align:top}
.wrap .panel table th{background:#EEF7FE;color:var(--BlackColor);font-weight:600;font-size:0.8125rem;letter-spacing:.02em;white-space:nowrap}
.wrap .panel table td{color:#3a4658}
.wrap .panel table tr:last-child td{border-bottom:none}
.wrap .panel .table-responsive{width:100%}
.wrap .panel table.qa-glance-table{table-layout:fixed;width:100% !important}
.wrap .panel table.qa-glance-table th{white-space:normal}
.wrap .panel table.qa-glance-table th:first-child,.wrap .panel table.qa-glance-table td:first-child{width:22%}
.wrap .panel table.qa-glance-table th:last-child,.wrap .panel table.qa-glance-table td:last-child{width:78%}
.wrap .panel.dark table th{background:rgba(156,196,241,0.1);color:#e8f3fd}
.wrap .panel.dark table td{color:#c3d3e8;border-bottom-color:rgba(255,255,255,0.08)}

/* --- card grids (principles, communication, vault) --- */
.wrap .grid2,.wrap .grid3{display:grid;gap:1rem;margin:0 0 1.25rem}
.wrap .grid2{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
.wrap .grid3{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}
.wrap .grid2 .card,.wrap .grid3 .card{border:0.0625rem solid #247DC64D;border-radius:1rem;padding:1.25rem 1.375rem;background:#fbfdff;font-size:0.875rem;color:#5a6471;line-height:1.6}
.wrap .grid2 .card .t,.wrap .grid3 .card .t{display:block;font-size:0.9375rem;color:var(--BlackColor);font-weight:600;margin-bottom:0.375rem}

/* --- 12-layer stack rows --- */
.wrap .stack{display:flex;flex-direction:column;gap:0.75rem;margin-top:1.5rem}
.wrap .stack .layer{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem 1.5rem;background:rgba(255,255,255,0.03);border:0.0625rem solid rgba(255,255,255,0.08);border-radius:1rem;padding:1rem 1.25rem;transition:background .15s}
.wrap .stack .layer:hover{background:rgba(255,255,255,0.06)}
.wrap .stack .layer .n{flex:0 0 2.75rem;font-size:1.375rem;font-weight:700;color:#e1e9f2b0}
.wrap .stack .layer .t{flex:1 1 15rem;min-width:11rem;display:flex;flex-direction:column;gap:0.2rem}
.wrap .stack .layer .t b{font-size:0.9375rem;color:#f4f8fc;font-weight:600}
.wrap .stack .layer .t span{font-size:0.8125rem;color:#9FB6D6}
.wrap .stack .layer .chips{flex:2 1 18rem;display:flex;flex-wrap:wrap;gap:0.4rem}
.wrap .stack .layer .chips i{font-style:normal;font-size:0.6875rem;color:#cfe0f4;background:rgba(255,255,255,0.07);border:0.0625rem solid rgba(255,255,255,0.1);border-radius:62.4375rem;padding:0.2rem 0.6rem}
.wrap .stack .layer .acts{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:0.9rem}
.wrap .stack .layer .acts a{font-size:0.8125rem;color:#9CC4F1;text-decoration:none;font-weight:600}
.wrap .stack .layer .acts a:hover{text-decoration:underline}
.wrap .stack .layer .acts a.api{color:#C9A24B}

/* --- identity spine diagram --- */
.wrap .spine{display:flex;flex-direction:column;align-items:center;margin:1.5rem 0 2rem}
.wrap .spine .root{width:100%;max-width:28rem;background:var(--PrimaryColor);border-radius:1rem;padding:1.5rem 1.75rem;text-align:center;color:#e8f3fd}
.wrap .spine .root b{display:block;font-size:1.0625rem;margin-bottom:0.5rem}
.wrap .spine .root .kfrag{background:rgba(156,196,241,0.15);color:#cfe0f4;margin-top:0.625rem}
.wrap .spine .drop{width:0.0625rem;height:2rem;background:#247DC64D}
.wrap .spine .branches{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;width:100%;margin-top:1.5rem}
.wrap .spine .branch{border:0.0625rem solid #247DC64D;border-radius:1rem;padding:1.125rem 1.25rem;background:#fbfdff;font-size:0.8125rem;color:#5a6471;line-height:1.55}
.wrap .spine .branch b{display:block;font-size:0.9375rem;color:var(--BlackColor);font-weight:600;margin-bottom:0.3rem}

/* --- onboarding flow steps --- */
.wrap .flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:0.875rem;margin:1.5rem 0 1.75rem}
.wrap .flow .box{border:0.0625rem solid #247DC64D;border-radius:1rem;padding:1.125rem;background:#fbfdff;display:flex;flex-direction:column;gap:0.4rem}
.wrap .flow .box b{font-size:0.875rem;color:var(--PrimaryColor);font-weight:700}
.wrap .flow .box span{font-size:0.8125rem;color:#5a6471;line-height:1.5}

.wrap .toc{
    scrollbar-width: thin;
    scrollbar-color: #4f59686b #f6f6f6;
  }
/* Chrome, Safari, Edge */
.wrap .toc::-webkit-scrollbar {
    width: 1px;
}

.wrap .toc::-webkit-scrollbar-track {
    background: #f6f6f6;
}

.wrap .toc::-webkit-scrollbar-thumb {
    background: #4f59686b;
    border-radius: 10px;
}


.meta-strip{padding:2rem 0;     background: #F6F9FC;}
.meta-strip .meta-card{background:#fff;border:0.0625rem solid #247DC64D;border-radius:1rem;box-shadow:0 0.0625rem 0.125rem rgba(11,21,38,.05),0 0.5rem 1.5rem -0.75rem rgba(11,21,38,.10);display:grid; grid-template-columns: repeat(6, 1fr);overflow:hidden}
.meta-strip .meta-cell{padding:1rem;border-left:0.0625rem solid #247DC64D}
.meta-strip .meta-cell:first-child{border-left:none}
.meta-strip .meta-cell .k{font-size:0.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#8a8a8a;display:block;margin-bottom:0.3125rem}
.meta-strip .meta-cell .v{font-size:0.8125rem;font-weight:600;color:var(--BlackColor)}
.meta-strip .meta-cell .v a{color:var(--PrimaryColor);border-bottom:0.0625rem dashed #B9CDF3;text-decoration:none}
.meta-strip .meta-cell .v a.ext::after{content:"↗";font-size:0.6875rem;margin-left:0.3125rem;opacity:.65}
.meta-strip .dot{display:inline-block;width:0.4375rem;height:0.4375rem;border-radius:50%;background:var(--PrimaryColor);margin-right:0.4375rem;vertical-align:1px}
/* @media(max-width:600px){.meta-strip .meta-card{grid-template-columns:repeat(2,1fr)}} */

/* .knowledge-docs-wrap{    background: #F6F9FC;} */
/* .docs-main .sec{background:#fff;border:0.0625rem solid #247DC64D;border-radius:1rem;box-shadow:0 0.0625rem 0.125rem rgba(11,21,38,.05),0 0.5rem 1.5rem -0.75rem rgba(11,21,38,.10);padding:1.875rem 2rem;margin-bottom:1.625rem;scroll-margin-top:6.5rem} */
.knowledge-docs-wrap .sec-head{display:flex;align-items:flex-start;gap:0.875rem;margin-bottom:0.875rem}
.knowledge-docs-wrap .badge{flex:none;width:2.125rem;height:2.125rem;border-radius:0.5625rem;background:var(--PrimaryColor);color:#fff;font-size:0.78125rem;font-weight:600;display:flex;align-items:center;justify-content:center;margin-top:0.125rem}
.knowledge-docs-wrap .sec h2{font-size:1.3125rem;font-weight:700;letter-spacing:-.015em;margin-bottom: 0; line-height:1.25;color:var(--BlackColor)}
.knowledge-docs-wrap .sec h3{font-size:0.9375rem;font-weight:700;margin:1.375rem 0 0.5rem;letter-spacing:-.01em;color:var(--BlackColor)}
.knowledge-docs-wrap .sec p{color:#565656;margin-bottom:0.625rem;font-size:0.9375rem;line-height:1.6}
.knowledge-docs-wrap .anchor-link{margin-left:auto;flex:none;font-size:0.6875rem;color:#8a8a8a;border:0.0625rem solid #247DC64D;border-radius:0.4375rem;padding:0.25rem 0.5625rem;background:#fbfdff;cursor:pointer;text-decoration:none}
.knowledge-docs-wrap .anchor-link:hover{color:var(--PrimaryColor);border-color:#bcdcf6}
.knowledge-docs-wrap #kb-search{    width: 100%;
    padding: 8px 11px;
    border: 1px solid #ebebeb;
    border-radius: 9px;
    background: #fff;
    color:var(--BlackColor);
}
.knowledge-docs-wrap #kb-search:focus{outline: none !important ; border-color: var(--PrimaryColor) !important; box-shadow: none !important;}

.knowledge-docs-wrap .xrefs{display:flex;flex-wrap:wrap;gap:0.4375rem;margin:0.25rem 0 1rem}
.knowledge-docs-wrap .chip{display:inline-flex;align-items:center;gap:0.375rem;font-size:0.6875rem;font-weight:500;padding:0.25rem 0.625rem;border-radius:62.4375rem;border:0.0625rem solid #247DC64D;background:#fbfdff;color:#565656;text-decoration:none}
.knowledge-docs-wrap a.chip:hover,.knowledge-docs-wrap .chip.spec,.knowledge-docs-wrap .chip.sedi,.knowledge-docs-wrap .chip.layer,.knowledge-docs-wrap .chip.api{border-color:#247DC64D;background:#EEF7FE;color:var(--PrimaryColor);text-decoration:none}
.knowledge-docs-wrap .chip.ext::after{content:"↗";font-size:0.625rem;margin-left:0.125rem;opacity:.7}
.knowledge-docs-wrap .principle{border:0.0625rem solid #247DC64D;background:#EEF7FE;border-radius:0.6875rem;padding:0.875rem 1.125rem;margin:0.875rem 0 0.25rem}
.knowledge-docs-wrap .principle .p-k{font-size:0.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--PrimaryColor);display:block;margin-bottom:0.25rem}
.knowledge-docs-wrap .principle p{color:var(--BlackColor);font-weight:500;margin:0;font-size:0.875rem;max-width:none}
.knowledge-docs-wrap .tbl-wrap{overflow-x:auto;border:0.0625rem solid #247DC64D;border-radius:0.6875rem;background:#fbfdff; margin: 0.8rem 0;}
.knowledge-docs-wrap table{width:100%;border-collapse:collapse;font-size:0.8125rem;margin:0}
.knowledge-docs-wrap th{font-size:0.65625rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a;text-align:left;padding:0.5625rem 0.75rem;border-bottom:0.125rem solid #247DC64D;white-space:nowrap}
.knowledge-docs-wrap td{padding:0.625rem 0.75rem;border-bottom:0.0625rem solid #247DC64D;color:#565656;vertical-align:top}
.knowledge-docs-wrap tr:last-child td{border-bottom:none}
.knowledge-docs-wrap .pillgrid{display:flex;flex-wrap:wrap;gap:0.4375rem;margin:0.5rem 0 0.375rem}
.knowledge-docs-wrap .pill{font-size:0.78125rem;font-weight:500;color:#565656;background:#f6f9fc;border:0.0625rem solid #247DC64D;padding:0.3125rem 0.75rem;border-radius:62.4375rem}
/* .knowledge-docs-wrap .stack{background:#eef7fe;border:0.0625rem solid #247DC64D;border-radius:1rem;box-shadow:0 0.0625rem 0.125rem rgba(11,21,38,.05),0 0.5rem 1.5rem -0.75rem rgba(11,21,38,.10);padding:1.875rem 2rem;margin-bottom:1.625rem;scroll-margin-top:6.5rem} */
.knowledge-docs-wrap .stack-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;margin-bottom:1.25rem}
.knowledge-docs-wrap .stack-head h2{font-size:1.375rem;font-weight:700;letter-spacing:-.015em;color:var(--BlackColor);margin-bottom:0.375rem}
.knowledge-docs-wrap .stack-head .sub{color:#565656;font-size:0.9375rem;line-height:1.6;max-width:52rem}
.knowledge-docs-wrap .stack-head .sub a{color:var(--PrimaryColor);text-decoration:underline}
.knowledge-docs-wrap .stack-legend{display:flex;flex-wrap:wrap;gap:0.4375rem;}
.knowledge-docs-wrap #stack-rows{display:flex;flex-direction:column;gap:0.5625rem}
.knowledge-docs-wrap .lrow{display:flex; align-items:center;gap:1rem;padding:0.75rem 1rem}
.knowledge-docs-wrap .lno{flex:none;width:1.875rem;font-size:0.8125rem;font-weight:600;color:var(--PrimaryColor)}
.knowledge-docs-wrap .lname{flex:0 0 10.5rem;font-size:0.9375rem;font-weight:600;color:var(--BlackColor)}
.knowledge-docs-wrap .ldesc{flex:1 1 auto;font-size:0.8125rem;color:#707070;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.knowledge-docs-wrap .lchips{flex:none;display:flex;gap:0.375rem; flex-wrap: wrap;}
.knowledge-docs-wrap .lwrap.open .lrow{background:#EEF7FE;border-color:#bcdcf6}
.knowledge-docs-wrap .ldetail{display:none;padding:0 1.125rem 1rem}
.knowledge-docs-wrap .lwrap.open .ldetail{display:block}
.knowledge-docs-wrap .lwrap .ldetail .pillgrid{margin:0.75rem 0 0.625rem}
.knowledge-docs-wrap .lp{font-size:0.875rem;color:#565656;line-height:1.6;border-top:0.0625rem solid #247DC64D;padding-top:0.75rem}
.knowledge-docs-wrap .lp b{color:var(--BlackColor)}

/* heritage stats */
.knowledge-docs-wrap .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:14px 0 6px}
.knowledge-docs-wrap .stat{border:1px solid#E4E9F1;border-radius:11px;background:#FBFCFE;padding:16px 16px 13px;text-align:left}
.knowledge-docs-wrap .stat .n{    font-weight: 600;
    font-size: 1.1rem;
    color: var(--BlackColor);
    margin-bottom: 0.5rem; display: block;}
.knowledge-docs-wrap .stat .l{font-size:11.5px;color:#67748B;line-height:1.45;display:block;margin-top:4px}
.knowledge-docs-wrap .stat.hl{background:linear-gradient(180deg,#F3F7FF,#EDF3FE);border-color:#CFE0FB}
.knowledge-docs-wrap .stat.hl .n{color:var(--PrimaryColor)}



/* =========================================
   DOWNLOADS PAGE
   ========================================= */

/* Hero */
.Downloads__hero {     background: linear-gradient(to top, #247DC6, #021E35); padding: 4rem 0; }
.Downloads__hero__title { color: #fff; font-size: clamp(1.8rem, 4vw, 2.4rem); font-weight: 600; margin-bottom: .75rem; }
.Downloads__hero__subtitle { color: rgba(255,255,255,.85); font-size: .95rem; margin: 0 auto; max-width: 560px; }

/* Featured platform cards */
.Downloads__featured { background: #fff; padding: 3.5rem 0; }
.Downloads__featured__title { text-align: center; font-size: 1.3rem; font-weight: 600; color: var(--BlackColor); margin-bottom: 2rem; }
.download-platform-card { background: #fff; border: 1px solid #e5eaf3; border-radius: 14px; padding: 1.75rem 1.5rem; text-align: center; box-shadow: 0 2px 14px rgba(0,0,0,.05); transition: box-shadow .2s, transform .2s; }
.download-platform-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.1); transform: translateY(-2px); }
.download-platform-card .iconbx { width: 44px; height: 44px; border-radius: 50%; background: #f1f3f7; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; }
.download-platform-card .iconbx img { width: 20px; height: auto; }
.download-platform-title { font-size: 1rem; font-weight: 600; color: var(--SecondaryColor); margin-bottom: 1.1rem; }
.btn-disable { background: #eef0f4; color: #9aa3b1; border: none; border-radius: 50px; padding: .65rem 1rem; font-size: .85rem; font-weight: 500; cursor: not-allowed; }

/* Content wrapper */
.Downloads__content { background: #f5f7fa; padding: 3.5rem 0; }
.Downloads__section { margin-bottom: 3rem; }
.Downloads__section:last-child { margin-bottom: 0; }
.Downloads__section__header { display: flex; align-items: center; gap: .6rem; margin-bottom: 1.75rem; }
.Downloads__section__icon { width: 22px; height: 22px; }
.Downloads__section__title { font-size: 1.25rem; font-weight: 600; color: var(--BlackColor); margin: 0; }

/* Subsection group label — e.g. "— Global" */
.Downloads__subsection { margin-bottom: 2rem; }
.Downloads__section__subtitle { font-size: .82rem; font-weight: 600; color: #6b7280; margin-bottom: 1rem; }
.Downloads__section__subtitle::before { content: "— " attr(data-text); }

.Downloads__section__grid { margin: 0; }

/* App card */
.Downloads__app-card { background: #fff; border: 1px solid #e5eaf3; border-radius: 14px; padding: 1.5rem; transition: box-shadow .2s; }
.Downloads__app-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.Downloads__app-card__content-wrapper { display: flex; flex-direction: column; height: 100%; }
.Downloads__app-card__content { display: flex; align-items: center; gap: .9rem; margin-bottom: 1.25rem; }
.Downloads__app-card__icon { width: 46px; height: 46px; border-radius: 50%; overflow: hidden; flex-shrink: 0; box-shadow: 0 1px 4px rgba(0,0,0,.12); }
.Downloads__app-card__icon img { width: 100%; height: 100%; object-fit: cover; display: block; }
.Downloads__app-card__info { min-width: 0; }
.Downloads__app-card__name { font-size: .92rem; font-weight: 600; color: var(--SecondaryColor); margin: 0 0 .4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Downloads__status { display: inline-block; font-size: .68rem; font-weight: 700; letter-spacing: .03em; padding: .2rem .6rem; border-radius: 20px; }
.Downloads__status--live { background: #e7f9ee; color: #16a34a; }
.Downloads__status--in-review { background: #eef0f4; color: #8b93a1; }

.Downloads__app-card__action { display: flex; gap: .6rem; margin-top: auto; }
.Downloads__download-btn,
.Downloads__login-btn { flex: 1; text-align: center; font-size: .8rem; font-weight: 600; padding: .5rem .75rem; border-radius: 50px; border: 1px solid var(--PrimaryColor); color: var(--PrimaryColor); background: transparent; transition: background .2s, color .2s; }
.Downloads__download-btn:hover,
.Downloads__login-btn:hover { background: var(--PrimaryColor); color: #fff; }
.Downloads__download-btn--disabled,
.Downloads__login-btn--disabled { flex: 1; font-size: .8rem; font-weight: 600; padding: .5rem .75rem; border-radius: 50px; border: 1px solid #e5eaf3; color: #b0b7c3; background: #f5f7fa; cursor: not-allowed; }


/* digital-townhall-videos */
.filter-video { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; background: #f5f7fa; border-radius: 14px; padding: 1rem 1.5rem; margin-bottom: 2.5rem; }
.townhall-video-grid .video-results-title { font-size: .88rem; font-weight: 600; color: var(--SecondaryColor); }
.townhall-video-grid .video-results-title #total_result,
.townhall-video-grid .video-results-title #total_result_bottom { color: var(--PrimaryColor); font-weight: 700; }
.townhall-video-grid .sortListBx { display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
.townhall-video-grid .date-sort { display: flex; align-items: center; gap: .6rem; }
.townhall-video-grid .date-sort p { font-size: .72rem; font-weight: 700; letter-spacing: .05em; color: #6b7280; margin: 0; white-space: nowrap; text-transform: uppercase; }
.townhall-video-grid .date-sort .form-select { border: 1px solid #dfe3e8; border-radius: 8px; font-size: .85rem; padding: .4rem 2rem .4rem .8rem; color: var(--SecondaryColor); min-width: 110px; background-color: #fff; }
.townhall-video-grid .date-sort .form-select:focus { border-color: var(--PrimaryColor); box-shadow: 0 0 0 3px rgba(36,125,198,.12); }

/* Video card */
.townhall-video-grid .training-video-bx { background: #fff; border: 1px solid #e5eaf3; border-radius: 14px; overflow: hidden; transition: box-shadow .25s, transform .25s, border-color .25s; }
.townhall-video-grid .training-video-bx:hover { box-shadow: 0 14px 32px rgba(18,41,57,.12); transform: translateY(-3px); border-color: #d7e3f0; }
.townhall-video-grid .video-thumbnail { position: relative; aspect-ratio: 16/9; background: #eef1f5; overflow: hidden; }
.townhall-video-grid .video-thumbnail img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.townhall-video-grid  .training-video-bx:hover .video-thumbnail img { transform: scale(1.04); }
.townhall-video-grid .video-thumbnail::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(18,41,57,.45) 0%, rgba(18,41,57,0) 55%); pointer-events: none; }
.townhall-video-grid .universal-play-btn { position: absolute; cursor: pointer; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 48px; height: 48px; border-radius: 50%; background: rgba(255,255,255,.95); color: var(--PrimaryColor); display: flex; align-items: center; justify-content: center; font-size: .85rem; box-shadow: 0 6px 18px rgba(0,0,0,.3); transition: background .2s, transform .2s, box-shadow .2s; z-index: 1; }
.townhall-video-grid .universal-play-btn:hover { background: var(--PrimaryColor); color: #fff; transform: translate(-50%,-50%) scale(1.1); box-shadow: 0 8px 22px rgba(36,125,198,.45); }
.townhall-video-grid .video-card-body { padding: 1.1rem 1.15rem; }
.townhall-video-grid .video-card-body h3 { font-size: .88rem; font-weight: 600; color: var(--SecondaryColor); margin: 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.5em; }
.townhall-video-grid .video-card-body .date { font-size: .76rem; color: #9aa3b1; margin-top: .5rem; display: flex; align-items: center; gap: .35rem; }
.townhall-video-grid .video-card-body .date::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--PrimaryColor); flex-shrink: 0; }

/* Copyright / rights disclaimer block */
.townhall-video-grid .video-copyright-section { margin-top: 3.5rem; background: #f5f7fa; border-radius: 16px; padding: 2rem 2.25rem; }
.townhall-video-grid .video-copyright-section h4 { font-size: 1.02rem; font-weight: 600; color: var(--SecondaryColor); margin: 1.75rem 0 .75rem; }
.townhall-video-grid .video-copyright-section h4:first-child { margin-top: 0; }
.townhall-video-grid .video-copyright-section p { font-size: .85rem; color: #6b7280; line-height: 1.8; margin-bottom: 1rem; }
.townhall-video-grid .video-copyright-section p:first-child { font-weight: 600; color: var(--SecondaryColor); }
.townhall-video-grid .video-copyright-section ul { padding-left: 1.2rem; margin-bottom: 1rem; list-style: disc; }
.townhall-video-grid .video-copyright-section ul li { font-size: .85rem; color: #6b7280; line-height: 1.8; }
.townhall-video-grid .video-copyright-section a { color: var(--PrimaryColor); }


.event-2026-hero{background: url(../images/event-2026-banner-bg.jpg)no-repeat center top/cover; }
.event-2025-hero{background: url(../images/event-2025-banner-bg.png)no-repeat center top/cover; }
.event-2024-hero{background: url(../images/event-2024-banner-bg.jpg)no-repeat center top/cover; }
.event-2023-hero{background: url(../images/event-2023-banner-bg.jpg)no-repeat center top/cover; }
.event-2022-hero{background: url(../images/event-2022-banner-bg.jpg)no-repeat center top/cover; }
.event-2021-hero{background: url(../images/submit-banner-video.jpg)no-repeat center top/cover; }
.overlay-event{position: relative;}

.overlay-event:after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    content: '';
    background: #0000008a;
    right: 0;
}

.layer-live-badge{    font-size: 0.8rem;
    color: var(--WhiteColor);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50px;
    padding: 0.2rem 0.75rem;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(0.75rem);
    -webkit-backdrop-filter: blur(0.75rem);
    box-shadow: inset 0 0.0625rem 0.125rem rgb(255 255 255 / 6%), inset 0 -0.0625rem 0.125rem rgb(255 242 242 / 8%), 0 0.5rem 2rem rgb(0 0 0 / 0%);
    transition: all 0.3s ease;
    margin-left: 0.5rem;
    margin-bottom: 0.2rem;
    display: inline-block;}



     /* ── Get Touch Wrap  lawsuits page ─────────────────────────────────── */
     .digital-banner{  position: relative;
                padding: 3.5rem 0;     min-height: 220px;    display: flex;    align-items: center;}
    .digital-banner::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to right, rgba(10,24,46,.88) 55%, rgba(10,24,46,.45) 100%);
    }
        .digital-banner h1 {
        color: #fff;
        font-size: 2.4rem;
        font-weight: 800;
        line-height: 1.2;
        margin: 0;
    }
   .digital-banner .container {
                position: relative;
                z-index: 1;
            }
    .gettouch-wrap {
        background: #fff;
    }

    .gettouch-wrap .quo{border-left: 4px solid #247DC6;
    background: #EBF5FD;
    padding: 1rem 1.25rem;
    border-radius: 0 8px 8px 0;
    margin: 1.35rem 0;
    font-size: .92rem;
    color: #374151;
    line-height: 1.7;}




    /* Q&A list */
    .q-as {
        list-style: none;
        padding: 0;
        margin: 0 0 2rem;
    }
    .q-as > li {
        margin-bottom: 1.15rem;
    }
    .q-as > li h3 {
        font-size: 1rem;
        font-weight: 700;
        color: #247DC6;
        margin-bottom: .3rem;
    }
    .q-as > li p {
        font-size: .92rem;
        color: #374151;
        line-height: 1.65;
        margin: 0;
    }

    /* Body content area */
    .lawsuit-content h2 {
        font-size: 1.3rem;
        font-weight: 700;
        color: #1e293b;
        margin: 2rem 0 .75rem;
    }
    .lawsuit-content p {
        font-size: .93rem;
        color: #374151;
        line-height: 1.75;
        margin-bottom: 1rem;
    }
    .lawsuit-content .intro-para {
        font-size: 1.05rem;
        font-weight: 700;
        color: #1e293b;
        line-height: 1.65;
        margin-bottom: 1.25rem;
    }
    .lawsuit-content ul {
         padding-left: 1.5rem;
    margin-bottom: 1rem; list-style: disc;
    }
    .lawsuit-content ul li {
        font-size: .93rem;
        color: #374151;
        line-height: 1.65;
        margin-bottom: .45rem;
    }
    .highlight-box {
        border-left: 4px solid #247DC6;
        background: #EBF5FD;
        padding: 1rem 1.25rem;
        border-radius: 0 8px 8px 0;
        margin: 1.35rem 0;
        font-size: .92rem;
        color: #374151;
        line-height: 1.7;
    }

    /* Contact Form */
    .get-touch-form {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        padding: 1.75rem;
        position: sticky;
        top: 88px;
    }
    .get-touch-form .form-group {
        margin-bottom: 1rem;
    }
    .get-touch-form .form-group label {
        font-size: .82rem;
        font-weight: 600;
        color: #374151;
        margin-bottom: .3rem;
        display: block;
    }
    .get-touch-form .form-control {
        font-size: .9rem;
        border-color: #d1d5db;
        border-radius: 6px;
        padding: .48rem .75rem;
    }
    .get-touch-form .form-control:focus {
        border-color: #247DC6;
        box-shadow: 0 0 0 3px rgba(36,125,198,.12);
    }
    .get-touch-form textarea.form-control {
        min-height: 88px;
        resize: vertical;
    }
    

/* ── Register Dispute Modal ──────────────────────────────── */
#registerDisputeModal .modal-content { border: none; border-radius: 14px; box-shadow: 0 20px 60px rgba(0,0,0,.18); }
#registerDisputeModal .modal-header { padding: 1.35rem 1.5rem 1.1rem; border-bottom: 1px solid #e5e7eb; background: #f8fafc; border-radius: 14px 14px 0 0; }
#registerDisputeModal .modal-title { display: flex; align-items: center; gap: .55rem; font-size: 1.05rem; font-weight: 700; color: #1e293b; }
#registerDisputeModal .modal-title svg { width: 20px; height: 20px; color: var(--PrimaryColor); flex-shrink: 0; }
#registerDisputeModal .modal-body { padding: 1.5rem; }
#registerDisputeModal .form-label { font-size: .82rem; font-weight: 600; color: #374151; margin-bottom: .3rem; }
#registerDisputeModal .form-label .text-danger { font-size: .85em; }
#registerDisputeModal .form-control,
#registerDisputeModal .form-select { font-size: .9rem; border-color: #d1d5db; border-radius: 8px; padding: .52rem .85rem; color: #1e293b; background-color: #fff; transition: border-color .15s, box-shadow .15s; }
#registerDisputeModal .form-control:focus,
#registerDisputeModal .form-select:focus { border-color: var(--PrimaryColor); box-shadow: 0 0 0 3px rgba(36,125,198,.13); outline: none; }
#registerDisputeModal .form-control::placeholder { color: #9ca3af; }
#registerDisputeModal textarea.form-control { resize: vertical; min-height: 110px; }
#registerDisputeModal .modal-footer { padding: 1rem 1.5rem 1.35rem; border-top: 1px solid #e5e7eb; gap: .6rem; }
#registerDisputeModal .btn-outline-secondary { border-color: #d1d5db; color: #6b7280; font-size: .88rem; border-radius: 50px; padding: .45rem 1.2rem; }
#registerDisputeModal .btn-outline-secondary:hover { background: #f3f4f6; border-color: #9ca3af; color: #374151; }
#registerDisputeModal .btn-primary { border-radius: 50px; padding: .5rem 1.4rem; font-size: .88rem; font-weight: 600; display: inline-flex; align-items: center; gap: .45rem; }
#registerDisputeModal .btn-primary svg { width: 15px; height: 15px; }
#registerDisputeModal .alert-success { font-size: .88rem; border-radius: 8px; }


.stack-footnote{    font-size: 0.82rem;
    color: #fff;
    font-weight: 300;
    margin: 1.5rem 0;}







/* =========================================
   FAQ (native <details>/<summary>, no JS)
   ========================================= */

.dw-faq {
    max-width: 860px;
    margin: 0 auto;
}

.dw-faq-item {
    background: #fff;
    border: 1px solid #E8EFF5;
    border-radius: 16px;
    margin-bottom: 1rem;
    overflow: hidden;
    transition: box-shadow 0.25s ease;
}

.dw-faq-item:hover,
.dw-faq-item[open] {
    box-shadow: 0 6px 24px rgba(36, 125, 198, 0.1);
}

.dw-faq-item summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 3rem 1.1rem 1.4rem;
    font-weight: 600;
    color: var(--BlackColor);
        position: relative;
}
.dw-faq-item summary .lucide {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.dw-faq-item summary::-webkit-details-marker {
    display: none;
}

.dw-faq-item summary i {
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
    color: var(--PrimaryColor);
    transition: transform 0.25s ease;
}

.dw-faq-item[open] summary i {
    transform: rotate(180deg);
}

.dw-faq-item .dw-faq-a {
    padding: 0 1.4rem 1.25rem;
    color: #595959;
    font-size: 0.92rem;
    line-height: 1.7;
}


/* =========================================
   LEGAL DISCLAIMER CALLOUT
   ========================================= */

.legal-disclaimer {
    border: 1px solid #bfe0fb;
    border-left: 5px solid var(--PrimaryColor);
    border-radius: 16px;
    background: linear-gradient(180deg, #f4fbff, #fff);
    padding: 1.25rem 1.5rem;
    font-size: 0.9rem;
    color: #3a4658;
    line-height: 1.7;
}

.legal-disclaimer strong {
    color: var(--BlackColor);
}


.regional-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
}

.regional-grid .regional-card {
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    background: #fff;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    transition: all 0.25s ease;
    height: 100%;
}

.regional-grid .regional-card:hover {
    border-color: #247dc64d;
    box-shadow: 0 8px 24px rgba(7, 24, 39, 0.08);
    transform: translateY(-2px);
}

.regional-grid .regional-icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 1rem;
}

.regional-grid .regional-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.regional-grid .regional-card h3 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--BlackColor);
    margin: 0 0 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.regional-grid .regional-card h3 svg {
    width: 0.9rem;
    height: 0.9rem;
    color: var(--PrimaryColor);
}

.regional-grid .regional-card p {
    font-size: 0.9rem;
    color: rgb(77, 77, 77);
    line-height: 1.6;
    margin: 0;
}


.regions-section .region-card .rtag {
    display: none;
}