:root{
  --brand:#4B6864;
  --dark:#0f172a;
  --muted:#64748b;
  --card:#ffffff;
  --shadow: 0 14px 35px rgba(2,6,23,.12);
  --radius: 20px;
}

body{
  background:#fff;
  color:var(--dark);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Top bar (mobile) */
.topbar{
  background:#fff;
  border-bottom:1px solid #e5e7eb;
  position:sticky;
  top:0;
  z-index:1000;
  padding:10px 0;
}
.topbar-logo{ width:36px; height:36px; object-fit:contain; }
.topbar-title{
  font-weight:700;
  font-size:13px;
  line-height:1.1;
  max-width:210px;
}
.topbar-menu{
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:6px 10px;
  background:#fff;
}


.hero{
  background:
    linear-gradient(120deg, rgba(0,0,0,.55), rgba(0,0,0,.20)),
    url("/IIAS_WEBSITE_PHP/assets/img/hero.jpg")
    padding: 26px 0 30px;
}
.hero-card{
  background: rgba(255,255,255,.90);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 22px;
  max-width: 420px;
}
.hero-card h1{
  font-weight:800;
  font-size:32px;
  line-height:1.05;
  margin:0 0 10px;
}
.hero-card p{
  margin:0 0 14px;
  color:#334155;
  font-size:14px;
}
.btn-brand{
  background:var(--brand);
  border:0;
  color:#fff;
  border-radius:999px;
  padding:12px 16px;
  font-weight:700;
}
.btn-brand:hover{ opacity:.92; color:#fff; }

/* Sections */
.section{
  padding:18px 0;
}
.section h2{
  font-size:20px;
  font-weight:800;
  margin:0 0 8px;
}
.section p{
  color:#334155;
  font-size:14px;
}

.bullets{
  padding-left: 18px;
  margin:10px 0 0;
  color:#111827;
  font-size:14px;
}
.bullets li{ margin:6px 0; }

/* Image card */
.img-rounded{
  border-radius: 18px;
  width:100%;
  height:auto;
  box-shadow: 0 10px 25px rgba(2,6,23,.10);
}

/* Service cards */
.service-card{
  background:var(--card);
  border-radius: 18px;
  box-shadow: 0 10px 25px rgba(2,6,23,.08);
  padding:16px;
  border:1px solid #eef2f7;
}
.service-icon{
  width:36px; height:36px;
  border-radius:12px;
  background:#f1f5f9;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  color:#0f172a;
}
.service-card h3{
  font-size:16px;
  font-weight:800;
  margin:10px 0 6px;
}
.service-card p{
  margin:0 0 8px;
  font-size:13px;
  color:#334155;
}
.service-link{
  font-weight:700;
  color:#2563eb;
  text-decoration:none;
}
.service-link:hover{ text-decoration:underline; }

/* Big band */
.band{
  background: var(--brand);
  color:#fff;
  border-radius: 18px;
  padding:18px;
}
.band h3{
  font-weight:900;
  font-size:18px;
  margin:0 0 6px;
}
.band p{
  margin:0;
  font-size:13px;
  opacity:.95;
}

/* Notice */
.notice{
  background:#b91c1c;
  color:#fff;
  border-radius:18px;
  padding:16px;
  font-size:13px;
  box-shadow: 0 10px 25px rgba(2,6,23,.10);
}

/* Contact card */
.contact-card{
  background: var(--brand);
  color:#fff;
  border-radius:18px;
  padding:18px;
}
.contact-card h3{
  font-weight:900;
  font-size:18px;
  margin:0 0 10px;
}
.contact-meta{
  font-size:13px;
  opacity:.95;
}
.form-control, .form-select{
  border-radius:14px;
  border:1px solid #e5e7eb;
  padding:12px 12px;
}
.btn-submit{
  width:100%;
  border-radius:999px;
  padding:12px 16px;
  font-weight:800;
  background: #2f4f4b;
  border:0;
  color:#fff;
}

/* Footer */
.site-footer{
  background:#0b1220;
  color:#e5e7eb;
  padding:22px 0;
}
.footer-brand{ font-weight:900; letter-spacing:.5px; }
.footer-title{ font-weight:800; margin-top:6px; }
.footer-text{ font-size:13px; opacity:.9; margin:8px 0 14px; }
.footer-small{ font-size:12px; opacity:.9; line-height:1.5; }

:root{
  --green:#4B6864;
  --deep:#2f4f4b;
  --orange:#f59e0b;
  --text:#0f172a;
  --muted:#64748b;
}

/* TOPBAR */
.iias-topbar{
  background:#fff;
  padding:14px 0;
  border-bottom:1px solid #ececec;
  position:sticky;
  top:0;
  z-index:1050;
}
.iias-logo{
  width:58px;
  height:58px;
  object-fit:contain;
}
.iias-title{
  font-size:30px;
  font-weight:900;
  letter-spacing:.2px;
  line-height:1.05;
  white-space:nowrap;
}

/* Burger button like screenshot */
.iias-burger{
  width:74px;
  height:54px;
  border:2px solid #e6e6e6;
  border-radius:12px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.burger-lines{
  width:28px; height:18px; display:block; position:relative;
}
.burger-lines::before,
.burger-lines::after{
  content:"";
  position:absolute;
  left:0; right:0;
  height:3px;
  background:#666;
  border-radius:3px;
}
.burger-lines::before{ top:0; }
.burger-lines::after{ bottom:0; }
.burger-lines{ background:#666; height:3px; border-radius:3px; }

/* OFFCANVAS MENU */
.iias-offcanvas{
  width:78vw;
  max-width:360px;
  background:#f3f4f6;
}
.iias-nav{ padding:14px 6px; }
.iias-navlink{
  display:block;
  font-size:34px;
  font-weight:600;
  color:#555;
  padding:18px 12px;
  text-decoration:none;
}
.iias-navlink:hover{ color:#222; }
.iias-dropdown{
  border-radius:16px;
  border:0;
  padding:10px;
}
.iias-contact-btn{
  background:var(--green);
  color:#fff;
  border-radius:999px;
  font-weight:800;
  font-size:26px;
  padding:16px 20px;
  border:0;
}
.iias-contact-btn:hover{ opacity:.92; color:#fff; }


.contact-hero{
  320px, #ffffff 320px 100%);
  padding:0 0 30px;
}
.contact-card{
  margin-top: 140px;
  background:var(--green);
  border-radius:28px;
  padding:28px 22px;
  box-shadow: 0 18px 50px rgba(2,6,23,.15);
}
.contact-title{
  color:#fff;
  font-size:54px;
  font-weight:900;
  margin:0 0 18px;
  letter-spacing:.3px;
}
.contact-info{ display:grid; gap:18px; margin-bottom:18px; }
.contact-item{
  display:grid;
  grid-template-columns: 14px 1fr;
  gap:12px;
  align-items:start;
}
.dot{
  width:10px; height:10px; border-radius:50%;
  background:#fbbf24;
  margin-top:10px;
}
.contact-label{
  color:#fff;
  font-weight:900;
  font-size:22px;
}
.contact-text{
  color:#eaf2f1;
  font-size:16px;
  line-height:1.35;
}
.contact-note{
  color:#dbe7e6;
  font-style:italic;
  font-size:14px;
}
.contact-link{
  display:inline-block;
  margin-top:4px;
  color:#60a5fa;
  font-weight:700;
  text-decoration:underline;
}

/* Form block */
.contact-form-wrap{
  background:#fff;
  border-radius:22px;
  padding:18px;
  margin-top:16px;
}
.iias-input{
  border-radius:14px;
  border:1px solid #e5e7eb;
  padding:14px 14px;
}
.iias-submit{
  width:100%;
  border-radius:999px;
  padding:14px 16px;
  font-weight:900;
  background:var(--deep);
  color:#fff;
  border:0;
}
.iias-footer-copy{
    text-align:center;
    font-weight:500;
    margin-left: 100px;
}
.iias-submit:hover{ opacity:.92; color:#fff; }

/* FOOTER */
.iias-footer-strip{
  background:var(--green);
  color:#fff;
  padding:14px 0;
  font-weight:700;
}
.iias-footer{
  background:#fff;
  padding-bottom:24px;
}
.iias-footer-main{
  padding-top:18px;
}
.footer-brand{
  font-size:22px;
  font-weight:900;
}
.footer-head{
  font-weight:900;
  font-size:18px;
  margin-top:6px;
}
.footer-small{
  color:#111827;
  font-size:14px;
}
.footer-social{
  display:flex;
  gap:10px;
  align-items:center;
}
.social-dot{
  width:28px; height:28px;
  border-radius:50%;
  background:#111827;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
}

/* Make the big header fit on mobile */
@media (max-width: 520px){
  .iias-title{ font-size:18px; white-space:normal; }
  .contact-title{ font-size:44px; }
}

/* ===== NAVBAR (Desktop like screenshot 3) ===== */
:root{
  --brand-green:#4B6864;
  --brand-gold:#D8B34B; /* footer bar */
}

.iias-navbar{
  box-shadow: 0 8px 22px rgba(2,6,23,.08);
  border-bottom:1px solid #eee;
}

.iias-logo{
  width:56px;
  height:56px;
  object-fit:contain;
}

.iias-brand-text{
  font-size:20px;
  font-weight:700;
  color:#111827;
  letter-spacing:.2px;
}

.navbar .nav-link{
  color:#111827;
  font-weight:600;
  padding:10px 12px;
}

.navbar .nav-link:hover{ color: var(--brand-green); }

.btn-contact-green{
  background: var(--brand-green);
  color:#fff;
  border:0;
  border-radius:999px;
  padding:10px 18px;
  font-weight:800;
  transition: none;   /* remove animation */
}

/* remove hover / active color changes */
.btn-contact-green:hover,
.btn-contact-green:focus,
.btn-contact-green:active{
  background:#4B6864 !important;
  color:#fff !important;
  border-color:#4B6864 !important;
  box-shadow:none !important;
  transform:none !important;
}



/* ✅ Bootstrap hamburger = 3 lines */
.navbar-toggler{
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:10px 12px;
}
.navbar-toggler-icon{
  background-image: var(--bs-navbar-toggler-icon-bg);
}


.contact-hero{
  background: #fff;
  padding: 50px 0 30px;
  background-color: yellow ;
}



.contact-card{
  background: var(--brand-green);
  border-radius: 28px;
  padding: 34px;
  box-shadow: 0 18px 50px rgba(2,6,23,.15);
}

.contact-grid{
  display:grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 28px;
  align-items:start;
}

.contact-title{
  color:#fff;
  font-size:56px;
  font-weight:900;
  margin: 0 0 16px;
  font-family: Georgia, "Times New Roman", serif;
}

.contact-form-wrap{
  background:#fff;
  border-radius:22px;
  padding:22px;
}

.iias-submit{
  width:100%;
  border-radius:999px;
  padding:14px 16px;
  font-weight:900;
  background:#2f4f4b;
  color:#fff;
  border:0;
}
.iias-submit:hover{ opacity:.92; color:#fff; }

/* Mobile: stack like screenshot 2 */
@media (max-width: 991px){
  .contact-grid{ grid-template-columns: 1fr; }
  .contact-card{ padding: 26px 18px; }
  .contact-title{ font-size:44px; }
  .iias-brand-text{ font-size:16px; }
}

/* ===== FOOTER like your Jinja ===== */
.iias-footer-top{
  background:#fff;
  padding: 26px 0;
}

.iias-footer-name{
  font-weight:900;
  font-size:22px;
  color:#111827;
}

.iias-footer-desc{
  margin-top:10px;
  color:#111827;
  font-weight:700;
  line-height:1.4;
}

.iias-footer-title{
  color: var(--brand-green);
  font-weight:900;
  font-size:18px;
  margin-bottom:8px;
}

.iias-footer-line{
  color:#111827;
  font-weight:600;
  margin:2px 0;
}

.iias-footer-bottom{
  background: var(--brand-gold);
  padding: 12px 0;
}

.iias-footer-bottom-inner{
  display:flex;
  gap: 16px;
  align-items:center;
  justify-content:space-between;
  position: relative;
}

.iias-footer-socials{
    position:absolute;
    left:0;
    display:flex;
    gap:14px;
}

.iias-social{
  color:#111827;
  font-size:20px;
  text-decoration:none;
}



/* ===== Services dropdown (match screenshot) ===== */
.iias-dropdown-menu{
  background: var(--brand-green);
  border: 0;
  border-radius: 18px;
  padding: 10px 0;
  min-width: 280px;
  box-shadow: 0 18px 40px rgba(2,6,23,.18);
  overflow: hidden; /* keeps rounded corners clean */
}

.iias-dropdown-menu .dropdown-item{
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  padding: 14px 22px;
}

.iias-dropdown-menu .dropdown-item:hover,
.iias-dropdown-menu .dropdown-item:focus{
  background: #1d4ed8;   /* blue highlight like screenshot */
  color: #fff;
}

/* remove Bootstrap default focus outline look */
.navbar .dropdown-toggle:focus{
  box-shadow: none;
}

/* make dropdown align neatly under "Services" */
@media (min-width: 992px){
  .navbar .dropdown-menu{
    margin-top: 10px;
  }
}

/* ===== Shared Services page styles ===== */
.svc-hero{
  position:relative;
  min-height:44vh;
  background:center/cover no-repeat;
}
.svc-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.35);
}
.svc-hero .wrap{
  position:relative;
  z-index:2;
  padding:70px 16px 55px;
  text-align:center;
  color:#fff;
}
.svc-hero h1{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(34px,6vw,48px);
  line-height:1.05;
  margin:0 0 12px;
}
.svc-hero p{ font-size:18px; margin:0; opacity:.95; }

.svc-photo{ padding:18px 0 8px; }
.svc-photo .cardx{ border-radius:0; overflow:hidden; background:#fff; }
.svc-photo img{ width:100%; display:block; max-height:330px; object-fit:cover; }

.svc-body{ padding:10px 0 28px; }
.svc-body .narrow{ max-width:520px; margin:0 auto; padding:0 16px; }
.svc-body p{ color:#475569; line-height:1.7; font-size:15.5px; margin-top:10px; }

.svc-list{ margin-top:18px; border-top:1px solid #e5e7eb; }
.svc-item{
  display:flex; align-items:center; gap:12px;
  padding:12px 0; border-bottom:1px solid #e5e7eb;
  color:#0f172a; font-weight:600;
}
.svc-plus{
  width:22px; height:22px; border-radius:3px;
  display:grid; place-items:center;
  background: var(--brand-green);
  color:#fff; font-weight:900; line-height:1;
  flex:0 0 auto;
}

.svc-band{
  background: var(--brand-green);
  color:#fff;
  padding:34px 16px;
  text-align:center;
}
.svc-band h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  margin:0 0 10px;
  line-height:1.1;
}
.svc-band p{ margin:0 auto 16px; max-width:560px; opacity:.95; }
.btn-help{
  background:#fff;
  color: var(--brand-green);
  border:none;
  padding:10px 22px;
  border-radius:999px;
  font-weight:700;
}
.btn-help:hover{ background:#f1f5f9; }

/* ===== Tax page styles ===== */
.tax-hero{ position:relative; min-height:42vh; background:center/cover no-repeat; }
.tax-hero .wrap{ position:relative; z-index:2; padding:70px 16px 55px; text-align:center; color:#fff; }
.tax-hero h1{ font-family:Georgia,"Times New Roman",serif; font-size:42px; margin:0 0 10px; line-height:1.05; }
.tax-hero p{ font-size:18px; margin:0; opacity:.95; }

.tax-photo img{ width:100%; display:block; max-height:300px; object-fit:cover; }

.tax-body{ max-width:520px; margin:0 auto; padding:20px 16px; }
.tax-body p{ color:#64748b; line-height:1.7; margin:0 0 12px; }

.tax-list{ margin-top:14px; border-top:1px solid #e5e7eb; }
.tax-item{ display:flex; gap:12px; align-items:center; padding:12px 0; border-bottom:1px solid #e5e7eb; color:#0f172a; font-weight:600; }
.tax-check{ width:22px; height:22px; display:grid; place-items:center; background:var(--brand-green); color:#fff; border-radius:4px; font-weight:900; flex:0 0 auto; }

.tax-info{ padding:22px 16px 10px; background:#fff; }
.tax-info .info-wrap{ max-width:520px; margin:0 auto; display:flex; flex-direction:column; gap:16px; }
.tax-card{ background:#fff; border-radius:12px; box-shadow:0 10px 24px rgba(0,0,0,.08); padding:18px 18px 16px; text-align:center; border:1px solid rgba(0,0,0,.04); }
.tax-card .icon{ width:44px; height:44px; border-radius:10px; display:grid; place-items:center; margin:0 auto 10px; background:rgba(75,104,100,.12); color:var(--brand-green); font-weight:900; font-size:18px; }
.tax-card h4{ color:#0f172a; font-weight:800; margin:4px 0 8px; font-size:16px; }
.tax-card p{ margin:0 0 10px; font-size:14px; color:#475569; line-height:1.5; }
.tax-card a{ display:inline-block; color:var(--brand-green); font-weight:800; text-decoration:none; }
.tax-card a:hover{ text-decoration:underline; }

.tax-cta{ background:var(--brand-green); color:#fff; text-align:center; padding:46px 16px; }
.tax-cta .cta-wrap{ max-width:520px; margin:0 auto; }
.tax-cta h2{ font-family:Georgia,"Times New Roman",serif; font-size:40px; margin:0 0 10px; line-height:1.05; }
.tax-cta p{ margin:0 auto 18px; max-width:460px; opacity:.95; line-height:1.6; }
.tax-cta .btn{ background:#fff; color:var(--brand-green); border-radius:999px; padding:12px 26px; font-weight:800; border:2px solid rgba(255,255,255,.55); }

.tax-form{ max-width:520px; margin:0 auto; padding:30px 16px 40px; }
.tax-form h3{ text-align:center; margin:0 0 14px; font-weight:900; color:#0f172a; }
.tax-form input, .tax-form textarea{ width:100%; margin-bottom:12px; padding:10px 12px; border-radius:8px; border:1px solid #cbd5e1; outline:none; }
.tax-form input:focus, .tax-form textarea:focus{ border-color:rgba(75,104,100,.6); box-shadow:0 0 0 3px rgba(75,104,100,.12); }
.tax-form button{ width:100%; background:var(--brand-green); color:#fff; border:none; padding:12px; border-radius:999px; font-weight:800; }

/* ===== ABOUT PAGE ===== */
.about-narrow{ max-width: 780px; margin: 0 auto; }

.about-hero{
  min-height: 44vh;
  background: center/cover no-repeat;
  position: relative;
}
.about-hero-overlay{
  min-height: 44vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,0,0,.45);
  padding: 70px 16px 55px;
}
.about-hero-title{
  color:#fff;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 900;
  font-size: clamp(30px, 5vw, 48px);
  line-height: 1.08;
  margin: 0 0 10px;
}
.about-hero-subtitle{
  color:#fff;
  opacity:.95;
  font-size: 18px;
  margin: 0;
}

.about-photo-block{ padding: 18px 0 6px; }
.about-photo-card{
  border-radius: 18px;
  overflow:hidden;
  box-shadow: 0 14px 34px rgba(2,6,23,.10);
}
.about-photo-img{
  width:100%;
  display:block;
  max-height: 340px;
  object-fit: cover;
}

.about-section{ padding: 28px 0; }
.about-h2{
  font-weight: 900;
  font-size: 28px;
  margin: 0 0 12px;
  color:#0f172a;
}
.about-h3{
  font-weight: 900;
  font-size: 22px;
  margin: 0 0 10px;
  color:#0f172a;
}
.about-p{
  color:#475569;
  line-height:1.8;
  margin: 0 0 14px;
}

/* checklist with check marks */
.about-checklist li{
  position: relative;
  padding-left: 30px;
  margin: 10px 0;
  color:#0f172a;
  font-weight: 600;
}
.about-checklist li::before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: var(--brand-green);
  color:#fff;
  display:grid;
  place-items:center;
  font-weight: 900;
  font-size: 14px;
}

/* CTA band */
.about-cta-band{
  background: var(--brand-green);
  color:#fff;
  padding: 48px 16px;
  text-align:center;
}
.about-cta-title{
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(30px, 4.6vw, 44px);
  margin: 0 0 10px;
  font-weight: 900;
}
.about-cta-text{
  margin: 0 auto 18px;
  max-width: 720px;
  opacity:.95;
  line-height:1.7;
}

.about-btn{ border-radius: 999px; padding: 12px 26px; font-weight: 900; }
.about-btn-white{
  background:#fff;
  color: var(--brand-green);
  border: 2px solid rgba(255,255,255,.6);
}
.about-btn-white:hover{
  background:#fff;
  color: var(--brand-green);
}

/* ===== RESOURCES PAGE ===== */
.res-hero{
  position: relative;
  min-height: 52vh;
  display: grid;
  place-items: center;
  text-align: center;
  color: #fff;
  background: center/cover no-repeat;
}
.res-hero h1{
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.1rem, 4vw, 3.2rem);
  line-height: 1.05;
  margin: 0 0 10px;
}
.res-hero p{
  font-size: 1.15rem;
  margin: 0;
  opacity: .95;
}

/* Featured post card */
.res-post-wrap{
  padding: 42px 0 28px;
  background: #fff;
}
.res-post-card{
  max-width: 440px;
  margin: 0 auto;
  background: #fff;
  border-radius: 22px;
  box-shadow: 0 18px 45px rgba(2,6,23,.12);
  overflow: hidden;
}
.res-post-img{
  width: 100%;
  height: 280px;
  background: #d6d6d6;
  object-fit: cover;
  display: block;
}
.res-post-body{
  padding: 28px 26px 30px;
  text-align: center;
}
.res-post-title{
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.75rem;
  line-height: 1.15;
  margin: 0 0 14px;
  color: #0b1324;
}
.res-meta{
  color: #6b7280;
  font-size: .95rem;
  margin-bottom: 18px;
}
.res-divider{
  width: 120px;
  height: 1px;
  background: #e6e8ee;
  margin: 0 auto 18px;
}
.res-readmore{
  color: #0b1324;
  text-decoration: none;
  font-weight: 600;
}
.res-readmore:hover{ text-decoration: underline; }

/* CTA */
.res-cta{
  background: var(--brand-green);
  color: #fff;
  padding: 52px 0;
  margin-top: 34px;
}
.res-cta h2{
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2.4rem;
  margin: 0 0 10px;
}
.res-cta p{
  max-width: 650px;
  margin: 0 auto 18px;
  opacity: .95;
}
.res-cta .btn{
  border-radius: 999px;
  padding: 12px 26px;
  font-weight: 800;
  background: #fff;
  color: var(--brand-green);
  border: none;
}
.res-cta .btn:hover{ background: #f1f5f9; }

/* Mobile tweaks */
@media (max-width: 576px){
  .res-post-card{ max-width: 92%; }
  .res-post-img{ height: 240px; }
}

/* Dropdown look (rounded, shadow, dark green background) */
.iias-dropdown{
  border: 0;
  padding: 0;
  border-radius: 16px;
  overflow: hidden;
  min-width: 220px;
  background: #4B6864;
  box-shadow: 0 18px 40px rgba(2,6,23,.22);
}

.iias-dropdown .dropdown-item{
  color: #fff;
  padding: 14px 18px;
  font-weight: 700;
}

.iias-dropdown .dropdown-item:hover,
.iias-dropdown .dropdown-item:focus{
  background: #1f57d6; /* blue highlight like your screenshot */
  color: #fff;
}