:root{
  --brand:#EE1D23;
  --navy:#172033;
  --body:#5F6675;
  --muted:#687080;
  --light:#F8F9FB;
  --border:#E8EAF0;
  --soft-red:#FFF1F2;
}

/* Global readable typography */
html{font-size:16px;scroll-behavior:smooth}
body{
  font-family:"Inter",Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.7!important;
  color:var(--body)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,h6,
.display-1,.display-2,.display-3,.display-4,.display-5,.display-6{
  font-family:"Manrope","Inter",Arial,sans-serif!important;
  color:var(--navy);
  font-weight:700;
  letter-spacing:-.025em;
}
p,li,td,th,label,input,textarea,select{font-size:1rem}
p,li{line-height:1.75}
.nav-link{font-size:.94rem!important}
.btn{font-size:.88rem!important;font-weight:700!important}
.eyebrow{font-size:.72rem!important;letter-spacing:.10em!important}
.section-copy{font-size:1rem!important;line-height:1.75!important}

/* Normalize very small legacy text while preserving hierarchy */
.blog-card p,.cs-project p,.case-copy p,.case-copy li,
.legal-section p,.legal-section li,.article-body,
.contact-card p,.contact-info-card p,
.service-card p,.sol-card p,.feature-card p{font-size:.94rem!important}
.post-meta,.cs-tags span,.case-tech span,.legal-meta span,
.article-toc a,.case-toc a{font-size:.78rem!important}
footer,footer p,footer a{font-size:.9rem!important}

/* Tables */
table{width:100%;border-collapse:collapse;font-size:.94rem!important}
table th,table td{
  padding:.85rem 1rem!important;
  border:1px solid var(--border)!important;
  vertical-align:top;
}
table th{
  font-family:"Manrope","Inter",sans-serif!important;
  color:var(--navy)!important;
  background:var(--light)!important;
  font-weight:700!important;
}
.table-responsive{border-radius:12px}

/* Shared header/footer consistency */
.site-header{border-bottom:1px solid rgba(232,234,240,.9);z-index:1030}
.navbar-brand img{max-height:52px;width:auto}
.site-footer a{text-decoration:none}
.site-footer .footer-bottom a{margin-left:16px}
img{max-width:100%;height:auto}

/* accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:3px solid rgba(238,29,35,.28)!important;
  outline-offset:3px;
}
.skip-link{
  position:absolute;left:-9999px;top:auto;
}
.skip-link:focus{
  left:16px;top:16px;z-index:9999;background:#fff;color:var(--navy);
  padding:10px 14px;border:1px solid var(--border);border-radius:8px;
}

/* Form notice */
.form-notice{padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:.9rem}
.form-notice.error{background:#fff1f2;color:#8d171b;border:1px solid #f4c3c5}
.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important}

/* responsive typography */
@media(max-width:767.98px){
  html{font-size:15px}
  body{font-size:15px!important}
  .navbar-brand img{max-height:46px}
  table th,table td{padding:.72rem .78rem!important}
}


/* ===== Shared shell: explicit header/footer styling ===== */
.site-header{
  background:#fff!important;
  border-bottom:1px solid #E8EAF0!important;
  box-shadow:none!important;
}
.site-header .navbar{min-height:82px}
.site-header .container,.site-footer .container{max-width:1200px}
.site-header .navbar-brand img{width:auto!important;max-width:310px!important;height:58px!important;object-fit:contain}
.site-header .nav-link{
  color:#172033!important;text-decoration:none!important;
  padding:.7rem .72rem!important;font-weight:500!important;
}
.site-header .nav-link:hover,.site-header .nav-link.active{color:#EE1D23!important}
.site-header .btn-brand{
  background:#EE1D23!important;border-color:#EE1D23!important;color:#fff!important;
  padding:.78rem 1rem!important;border-radius:9px!important;text-decoration:none!important;
}

.site-footer{
  background:#172033!important;color:#cbd0da!important;
  margin-top:0!important;border:0!important;
}
.site-footer .footer-logo{
  width:auto!important;max-width:280px!important;height:64px!important;
  object-fit:contain;background:#fff;border-radius:8px;padding:5px 8px;margin-bottom:18px;
}
.site-footer h4{color:#fff!important;font-size:1rem!important;margin:0 0 15px!important}
.site-footer p{color:#cbd0da!important;max-width:430px}
.site-footer a{
  color:#cbd0da!important;text-decoration:none!important;
  display:block!important;margin:0 0 9px!important;
}
.site-footer a:hover{color:#fff!important}
.site-footer .footer-contact{margin-top:16px}
.site-footer .footer-contact a{display:block!important}
.site-footer .footer-bottom{
  border-top:1px solid rgba(255,255,255,.12)!important;
  padding:20px 0!important;color:#aeb5c3!important;
}
.site-footer .footer-bottom a{display:inline-block!important;margin:0 0 0 16px!important}
@media(max-width:991.98px){
  .site-header .navbar-brand img{max-width:245px!important;height:50px!important}
  .site-header .navbar-collapse{padding:14px 0}
  .site-header .nav-link{padding:.62rem 0!important}
  .site-header .nav-item.ms-lg-3{margin-top:8px}
}
@media(max-width:767.98px){
  .site-header .navbar{min-height:72px}
  .site-header .navbar-brand img{max-width:210px!important;height:44px!important}
  .site-footer .footer-logo{max-width:235px!important;height:58px!important}
  .site-footer .footer-bottom a{margin:8px 14px 0 0!important}
}


/* =========================================================
   UI AUDIT V2 — navigation, spacing, TOC, cards, arrows
   ========================================================= */

/* Navigation dropdowns */
.site-header .dropdown-menu{
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  box-shadow:0 18px 46px rgba(23,32,51,.10)!important;
  padding:.55rem!important;
  min-width:285px;
  margin-top:.6rem!important;
}
.site-header .dropdown-item{
  color:var(--navy)!important;
  padding:.7rem .8rem!important;
  border-radius:9px!important;
  font-size:.9rem!important;
  font-weight:500!important;
  white-space:normal;
}
.site-header .dropdown-item:hover,
.site-header .dropdown-item:focus{
  color:var(--brand)!important;
  background:var(--soft-red)!important;
}
.site-header .dropdown-divider{border-color:var(--border)!important;margin:.35rem 0!important}
.site-header .dropdown-toggle::after{margin-left:.4rem;vertical-align:.12em}

/* Keep top-level page itself accessible on desktop via click, dropdown via hover */
@media (min-width:992px){
  .site-header .nav-item.dropdown:hover > .dropdown-menu{display:block}
  .site-header .nav-item.dropdown:hover > .nav-link{color:var(--brand)!important}
}
@media (max-width:991.98px){
  .site-header .dropdown-menu{
    box-shadow:none!important;
    border:0!important;
    border-left:2px solid var(--border)!important;
    border-radius:0!important;
    margin:.2rem 0 .5rem .6rem!important;
    padding:.25rem 0 .25rem .65rem!important;
    min-width:0;
  }
  .site-header .dropdown-item{padding:.55rem .5rem!important}
}

/* Stronger section-to-footer breathing room site-wide */
main > section:last-child,
#main-content > main > section:last-child,
#main-content > section:last-child{
  margin-bottom:0!important;
}
.site-footer{margin-top:72px!important}
.cta-panel,
.blog-cta,
.cs-cta,
.clean-cta,
.contact-cta,
.sol-cta,
.service-cta{
  margin-bottom:0!important;
}
@media(max-width:767.98px){
  .site-footer{margin-top:52px!important}
}

/* Tables of contents / sticky side navigation: readable */
.article-toc,
.case-toc,
.case-nav,
.toc,
.table-of-contents{
  font-size:.94rem!important;
}
.article-toc strong,
.case-toc strong,
.case-nav strong,
.toc strong,
.table-of-contents strong{
  font-size:.82rem!important;
  letter-spacing:.06em!important;
}
.article-toc a,
.case-toc a,
.case-nav a,
.toc a,
.table-of-contents a{
  font-size:.9rem!important;
  line-height:1.5!important;
  padding:.68rem 0!important;
  color:var(--body)!important;
}
.article-toc a:hover,
.case-toc a:hover,
.case-nav a:hover,
.toc a:hover,
.table-of-contents a:hover{
  color:var(--brand)!important;
}

/* Blog cards: whole card clickable without invalid nested anchors */
.blog-card,
.related-card,
.post-card{
  position:relative;
}
.blog-card .stretched-link::after,
.related-card .stretched-link::after,
.post-card .stretched-link::after{
  position:absolute;
  inset:0;
  z-index:1;
  content:"";
}
.blog-card a:not(.stretched-link),
.related-card a:not(.stretched-link),
.post-card a:not(.stretched-link){
  position:relative;
  z-index:2;
}

/* Solution page button/action alignment */
.solution-entry .row,
.solution-row .row,
.sol-entry .row{
  align-items:center!important;
}
.solution-entry .btn,
.solution-row .btn,
.sol-entry .btn,
.solution-action .btn,
.sol-action .btn{
  min-width:170px;
  justify-content:center;
}
.solution-entry .col-lg-3:last-child,
.solution-row .col-lg-3:last-child,
.sol-entry .col-lg-3:last-child,
.solution-action,
.sol-action{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
@media(max-width:991.98px){
  .solution-entry .col-lg-3:last-child,
  .solution-row .col-lg-3:last-child,
  .sol-entry .col-lg-3:last-child,
  .solution-action,
  .sol-action{
    justify-content:flex-start!important;
    margin-top:12px;
  }
}

/* Arrow / quick navigation section below Solutions hero */
.solution-nav,
.sol-nav,
.solution-chooser,
.quick-solution-nav,
.sol-quick-nav{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  border:1px solid var(--border)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.solution-nav a,
.sol-nav a,
.solution-chooser a,
.quick-solution-nav a,
.sol-quick-nav a{
  min-height:78px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:18px!important;
  color:var(--navy)!important;
  font-size:.88rem!important;
  font-weight:700!important;
  text-decoration:none!important;
  border-left:1px solid var(--border)!important;
  background:#fff!important;
  transition:.2s ease!important;
}
.solution-nav a:first-child,
.sol-nav a:first-child,
.solution-chooser a:first-child,
.quick-solution-nav a:first-child,
.sol-quick-nav a:first-child{
  border-left:0!important;
}
.solution-nav a:hover,
.sol-nav a:hover,
.solution-chooser a:hover,
.quick-solution-nav a:hover,
.sol-quick-nav a:hover{
  background:var(--light)!important;
  color:var(--brand)!important;
}
.solution-nav a i,
.sol-nav a i,
.solution-chooser a i,
.quick-solution-nav a i,
.sol-quick-nav a i{
  color:var(--brand)!important;
  flex:0 0 auto;
}
@media(max-width:991.98px){
  .solution-nav,.sol-nav,.solution-chooser,.quick-solution-nav,.sol-quick-nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .solution-nav a,.sol-nav a,.solution-chooser a,.quick-solution-nav a,.sol-quick-nav a{
    border-top:1px solid var(--border)!important;
  }
}
@media(max-width:575.98px){
  .solution-nav,.sol-nav,.solution-chooser,.quick-solution-nav,.sol-quick-nav{
    grid-template-columns:1fr!important;
  }
  .solution-nav a,.sol-nav a,.solution-chooser a,.quick-solution-nav a,.sol-quick-nav a{
    border-left:0!important;
    min-height:62px!important;
  }
}

/* Prevent narrow CTA text/button collisions */
.cta-panel .row{row-gap:20px!important}
.cta-panel .btn{white-space:normal!important}

body:has(.thank-hero) .site-footer,
body:has(.error-page) .site-footer{margin-top:0!important}


/* =========================================================
   V3 — Screenshot-confirmed Solutions corrections
   ========================================================= */

/* The actual quick-navigation class used by Solutions */
.solution-nav-wrap{padding:18px 0 0!important;background:#fff!important}
.solution-nav-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  border:1px solid var(--border)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.solution-nav-grid a{
  min-height:82px!important;
  padding:18px 17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-left:1px solid var(--border)!important;
  color:var(--navy)!important;
  text-decoration:none!important;
  font-size:.88rem!important;
  font-weight:700!important;
  line-height:1.35!important;
  background:#fff!important;
  transition:background .2s ease,color .2s ease!important;
}
.solution-nav-grid a:first-child{border-left:0!important}
.solution-nav-grid a:hover{background:var(--light)!important;color:var(--brand)!important}
.solution-nav-grid a i{
  width:32px!important;height:32px!important;min-width:32px!important;
  display:grid!important;place-items:center!important;
  border-radius:9px!important;background:var(--soft-red)!important;
  color:var(--brand)!important;
}

/* Main solution rows: consistent right action panel */
.solutions-list .solution-entry{
  align-items:stretch!important;
}
.solutions-list .solution-entry > .col-lg-4{
  display:flex!important;
  align-items:stretch!important;
}
.solutions-list .solution-side{
  width:100%!important;
  min-height:100%!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  border-radius:16px!important;
}
.solutions-list .solution-side > i{
  flex:0 0 42px!important;
}
.solutions-list .solution-side strong{
  font-size:.94rem!important;
  line-height:1.4!important;
  margin-bottom:8px!important;
}
.solutions-list .solution-side span{
  font-size:.86rem!important;
  line-height:1.6!important;
  margin-bottom:18px!important;
}
.solutions-list .solution-side .btn{
  width:auto!important;
  min-width:172px!important;
  min-height:44px!important;
  margin-top:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:.7rem 1rem!important;
  font-size:.86rem!important;
}
.solutions-list .solution-side .btn i{
  width:auto!important;height:auto!important;
  min-width:0!important;margin:0 0 0 .55rem!important;
  padding:0!important;background:transparent!important;
  display:inline-block!important;color:currentColor!important;
}

/* Main solution row copy was undersized */
.solutions-list .solution-entry .num{font-size:.75rem!important}
.solutions-list .solution-entry p{font-size:.96rem!important;line-height:1.7!important}
.solutions-list .solution-pills span{font-size:.78rem!important}

/* How Solutions Work checkmarks: actual icon spacing */
.sol-block-light .check-list > div{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin-bottom:10px!important;
}
.sol-block-light .check-list i{
  color:var(--brand)!important;
  margin-top:.28rem!important;
  flex:0 0 auto!important;
}
.sol-block-light .check-list span{
  font-size:.96rem!important;
  line-height:1.55!important;
}

/* CTA: global body p rule had overridden white CTA copy */
.sol-cta{padding:0 0 88px!important;background:#fff!important}
.sol-cta .cta-panel{padding:46px!important}
.sol-cta .cta-panel .eyebrow,
.sol-cta .cta-panel h2{color:#fff!important}
.sol-cta .cta-panel p{
  color:#ffe2e3!important;
  font-size:1rem!important;
  line-height:1.65!important;
}
.sol-cta .cta-panel .btn-light{
  min-width:190px!important;
  min-height:52px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Footer already has its own spacing; Solutions gets deliberate visual separation */
body:has(.sol-cta) .site-footer{margin-top:0!important}

@media(max-width:991.98px){
  .solution-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .solution-nav-grid a{
    border-left:0!important;
    border-top:1px solid var(--border)!important;
  }
  .solution-nav-grid a:nth-child(-n+2){border-top:0!important}
  .solution-nav-grid a:nth-child(even){border-left:1px solid var(--border)!important}
  .solutions-list .solution-entry > .col-lg-4{margin-top:20px}
  .solutions-list .solution-side{min-height:0!important}
  .sol-cta{padding-bottom:70px!important}
}
@media(max-width:575.98px){
  .solution-nav-grid{grid-template-columns:1fr!important}
  .solution-nav-grid a,
  .solution-nav-grid a:nth-child(even){
    border-left:0!important;
    border-top:1px solid var(--border)!important;
    min-height:64px!important;
  }
  .solution-nav-grid a:first-child{border-top:0!important}
  .sol-cta .cta-panel{padding:30px 22px!important}
  .sol-cta{padding-bottom:56px!important}
}

.cta-panel p{color:#ffe2e3!important}
.cta-panel .eyebrow{color:#fff!important}

.dynamic-testimonials{background:#F8F9FB}.testimonial-db-card{background:#fff;border:1px solid #E8EAF0;border-radius:16px;padding:24px}.testimonial-db-card .stars{color:#EE1D23;letter-spacing:.08em;margin-bottom:14px}.testimonial-db-card p{font-size:.95rem!important;color:#5F6675}.testimonial-db-card strong{display:block;color:#172033}.testimonial-db-card span{font-size:.82rem;color:#687080}.article-body h2{margin-top:2.2rem}.article-body h3{margin-top:1.6rem}.article-body p,.article-body li{font-size:1rem!important;line-height:1.8}.article-body table{margin:1.5rem 0}.related-posts{padding:64px 0;background:#F8F9FB}.related-posts .blog-card{position:relative}.related-posts .related-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px 12px 0 0}


/* ===== V4 CMS BLOG + TESTIMONIAL FRONTEND ===== */
.blog-listing{padding:72px 0 88px;background:#fff}
.blog-grid .blog-card-db{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.blog-grid .blog-card-db:hover{transform:translateY(-4px);border-color:#d8dbe2;box-shadow:0 14px 34px rgba(23,32,51,.08)}
.blog-card-image-link{display:block;position:relative;z-index:2}
.blog-card-visual{aspect-ratio:16/9;background:#f3f4f6;overflow:hidden}
.blog-card-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.blog-card-db:hover .blog-card-visual img{transform:scale(1.025)}
.blog-image-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#172033,#252f45);color:#fff;font:800 1.2rem Manrope,sans-serif;letter-spacing:.02em}
.blog-card-db .blog-card-body{position:relative;display:flex;flex-direction:column;min-height:310px;padding:23px 23px 20px}
.blog-card-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.blog-card-db .blog-category{display:inline-flex;align-items:center;width:max-content;padding:6px 9px;border-radius:999px;background:var(--soft-red);color:var(--brand);font-size:.72rem;font-weight:800;line-height:1.1}
.blog-card-db .post-meta{font-size:.75rem;color:#8a91a0;white-space:nowrap}
.blog-card-db h2{font-size:1.16rem;line-height:1.42;margin:0 0 12px;letter-spacing:-.015em}
.blog-card-db h2 a{color:var(--dark);text-decoration:none}
.blog-card-db p{font-size:.9rem!important;line-height:1.7;color:var(--body)!important;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-card-footer{margin-top:auto;padding-top:15px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:var(--dark);font-size:.82rem;font-weight:800}
.blog-card-footer i{color:var(--brand);font-size:.76rem;transition:transform .2s ease}
.blog-card-db:hover .blog-card-footer i{transform:translateX(3px)}
.blog-card-db .stretched-link{z-index:1}
.blog-card-db h2 a,.blog-card-image-link{position:relative;z-index:2}

.article-featured-image{padding:0 0 36px}
.article-featured-image img{display:block;width:100%;height:auto;max-height:590px;object-fit:cover;border-radius:20px;border:1px solid var(--border)}
.article-content-section{padding:18px 0 80px}
.article-layout-db{display:grid;grid-template-columns:250px minmax(0,760px);justify-content:center;align-items:start;gap:56px}
.article-toc{position:sticky;top:105px;border:1px solid var(--border);border-radius:15px;background:#fff;padding:20px}
.article-toc>strong{display:block;font-family:Manrope,sans-serif;color:var(--dark);font-size:.95rem;margin-bottom:12px}
.article-toc nav{display:flex;flex-direction:column}
.article-toc a{display:block;padding:8px 0;border-bottom:1px solid #f0f1f3;color:#596172;font-size:.86rem;line-height:1.45;text-decoration:none}
.article-toc a:last-child{border-bottom:0}
.article-toc a:hover{color:var(--brand)}
.article-toc .toc-sub{padding-left:13px;font-size:.82rem}
.article-body{min-width:0}
.article-body>p:first-child{font-size:1.08rem!important;color:#4e5667!important}
.article-body h2{font-size:1.7rem;line-height:1.32;scroll-margin-top:110px}
.article-body h3{font-size:1.25rem;line-height:1.4;scroll-margin-top:110px}
.article-body ul,.article-body ol{padding-left:1.25rem;margin-bottom:1.25rem}
.article-body li{margin-bottom:.4rem}
.article-body a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:3px}
.article-body table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.article-body th,.article-body td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.article-body th{background:#f8f9fb;color:var(--dark);font-family:Manrope,sans-serif;font-size:.86rem}

.dynamic-testimonials{background:#F8F9FB}
.dynamic-testimonials .section-lead{font-size:.96rem!important;line-height:1.7;color:var(--body)!important}
.testimonial-db-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:17px;padding:24px;box-shadow:none;transition:transform .2s ease,border-color .2s ease}
.testimonial-db-card:hover{transform:translateY(-3px);border-color:#d7dae1}
.testimonial-db-head{display:flex;align-items:center;gap:12px;margin-bottom:17px}
.testimonial-db-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}
.placeholder-avatar{display:grid;place-items:center;background:var(--soft-red);color:var(--brand);font-family:Manrope,sans-serif;font-weight:800}
.testimonial-db-head strong{display:block;color:var(--dark);font-family:Manrope,sans-serif;font-size:.92rem}
.testimonial-db-head span{display:block;margin-top:2px;color:#818999;font-size:.76rem}
.testimonial-db-card .stars{color:var(--brand);font-size:.82rem;letter-spacing:.08em;margin-bottom:13px}
.testimonial-db-card p{font-size:.91rem!important;line-height:1.75;color:var(--body)!important;margin:0 0 20px}
.testimonial-source{margin-top:auto;padding-top:15px;border-top:1px solid var(--border);font-size:.76rem;font-weight:700;color:#7a8291}
.testimonial-source a{color:#596172;text-decoration:none}
.testimonial-source a:hover{color:var(--brand)}
.testimonial-source i{font-size:.65rem;margin-left:4px}

@media(max-width:991.98px){
  .article-layout-db{grid-template-columns:1fr;gap:24px}
  .article-toc{position:relative;top:auto;max-width:760px;width:100%;margin:0 auto}
  .article-body{max-width:760px;margin:0 auto;width:100%}
}
@media(max-width:767.98px){
  .blog-listing{padding:52px 0 66px}
  .blog-card-db .blog-card-body{min-height:0;padding:20px}
  .blog-card-topline{align-items:flex-start}
  .article-featured-image img{border-radius:14px}
  .article-content-section{padding-bottom:60px}
  .article-body h2{font-size:1.45rem}
  .testimonial-db-card{padding:20px}
}


/* ==========================================================
   V5 BLOG DETAIL — CLEAN, NAMESPACED ARTICLE LAYOUT
   ========================================================== */

.blog-detail-page{
  background:#fff;
  color:#5F6675;
}

.blog-detail-hero{
  padding:58px 0 44px;
  border-bottom:1px solid #E8EAF0;
  background:#fff;
}

.blog-detail-hero-inner{
  max-width:950px;
  margin:0 auto;
}

.blog-detail-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:28px;
  color:#687080;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}

.blog-detail-back:hover{
  color:#EE1D23;
}

.blog-detail-back i{
  font-size:11px;
}

.blog-detail-category{
  display:block;
  margin-bottom:14px;
  color:#EE1D23;
  font-size:11px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.blog-detail-hero h1{
  max-width:930px;
  margin:0 0 18px;
  color:#172033;
  font-family:Manrope,sans-serif;
  font-size:clamp(38px,5vw,60px);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.035em;
}

.blog-detail-dek{
  max-width:820px;
  margin:0 0 22px!important;
  color:#5F6675!important;
  font-size:16px!important;
  line-height:1.75!important;
}

.blog-detail-meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
  color:#7B8290;
  font-size:12px;
}

.blog-detail-meta span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.blog-detail-meta i{
  color:#EE1D23;
  font-size:11px;
}

.blog-detail-featured{
  padding:32px 0 0;
  background:#fff;
}

.blog-detail-featured-frame{
  max-width:1080px;
  margin:0 auto;
  overflow:hidden;
  border:1px solid #E8EAF0;
  border-radius:18px;
  background:#F8F9FB;
}

.blog-detail-featured-frame img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
}

.blog-detail-content{
  padding:56px 0 82px;
}

.blog-detail-layout{
  display:grid;
  grid-template-columns:220px minmax(0,760px);
  justify-content:center;
  align-items:start;
  gap:52px;
}

.blog-detail-toc{
  position:sticky;
  top:105px;
  overflow:hidden;
  border:1px solid #E8EAF0;
  border-radius:14px;
  background:#F8F9FB;
}

.blog-detail-toc>strong{
  display:block;
  padding:16px 17px 13px;
  color:#172033;
  border-bottom:1px solid #E8EAF0;
  font-family:Manrope,sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.blog-detail-toc nav{
  display:block;
  max-height:calc(100vh - 190px);
  overflow:auto;
  padding:7px 17px 10px;
}

.blog-detail-toc a{
  display:block;
  padding:8px 0;
  border-bottom:1px solid #E8EAF0;
  color:#687080;
  font-size:11px;
  line-height:1.45;
  text-decoration:none;
}

.blog-detail-toc a:last-child{
  border-bottom:0;
}

.blog-detail-toc a:hover{
  color:#EE1D23;
}

.blog-detail-toc a.toc-sub{
  padding-left:11px;
  font-size:10.5px;
}

.blog-detail-body{
  min-width:0;
  color:#5F6675;
  font-size:15px;
  line-height:1.85;
}

.blog-detail-body>*:first-child{
  margin-top:0!important;
}

.blog-detail-body p{
  margin:0 0 18px!important;
  color:#5F6675!important;
  font-size:15px!important;
  line-height:1.85!important;
}

.blog-detail-body h2{
  margin:42px 0 14px;
  color:#172033;
  font-family:Manrope,sans-serif;
  font-size:29px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.02em;
  scroll-margin-top:115px;
}

.blog-detail-body h3{
  margin:29px 0 11px;
  color:#172033;
  font-family:Manrope,sans-serif;
  font-size:20px;
  font-weight:800;
  line-height:1.35;
  scroll-margin-top:115px;
}

.blog-detail-body h4{
  margin:24px 0 9px;
  color:#172033;
  font-family:Manrope,sans-serif;
  font-size:17px;
  font-weight:800;
  line-height:1.4;
}

.blog-detail-body ul,
.blog-detail-body ol{
  margin:0 0 20px;
  padding-left:23px;
}

.blog-detail-body li{
  margin-bottom:8px;
  padding-left:2px;
}

.blog-detail-body strong{
  color:#172033;
  font-weight:700;
}

.blog-detail-body a{
  color:#EE1D23;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.blog-detail-body blockquote{
  margin:26px 0;
  padding:18px 20px;
  border-left:3px solid #EE1D23;
  border-radius:0 12px 12px 0;
  background:#F8F9FB;
  color:#4F5768;
}

.blog-detail-body .article-note{
  margin:26px 0;
  padding:17px 19px;
  border-left:3px solid #EE1D23;
  border-radius:0 12px 12px 0;
  background:#F8F9FB;
  color:#5F6675;
}

.blog-detail-body .article-note strong{
  color:#172033;
}

.blog-detail-body img{
  display:block;
  max-width:100%;
  height:auto;
  margin:26px auto;
  border-radius:12px;
}

.blog-detail-body table{
  display:table;
  width:100%;
  margin:26px 0;
  border-collapse:collapse;
  border:1px solid #E8EAF0;
  background:#fff;
}

.blog-detail-body th,
.blog-detail-body td{
  padding:12px 14px;
  border:1px solid #E8EAF0;
  text-align:left;
  vertical-align:top;
  font-size:13px;
  line-height:1.6;
}

.blog-detail-body th{
  color:#172033;
  background:#F8F9FB;
  font-family:Manrope,sans-serif;
  font-weight:800;
}

.blog-detail-body .article-faq{
  margin-top:46px;
  padding-top:34px;
  border-top:1px solid #E8EAF0;
}

.blog-detail-body .article-faq h2{
  margin-top:0;
}

.blog-detail-body .accordion{
  --bs-accordion-border-color:#E8EAF0;
  --bs-accordion-btn-focus-box-shadow:none;
}

.blog-detail-body .accordion-item{
  border-left:0;
  border-right:0;
  border-radius:0!important;
}

.blog-detail-body .accordion-button{
  padding:17px 0;
  color:#172033;
  background:#fff;
  box-shadow:none;
  font-family:Manrope,sans-serif;
  font-size:14px;
  font-weight:800;
}

.blog-detail-body .accordion-button:not(.collapsed){
  color:#EE1D23;
  background:#fff;
  box-shadow:none;
}

.blog-detail-body .accordion-body{
  padding:0 0 18px;
  color:#5F6675;
  font-size:13.5px;
  line-height:1.75;
}

.blog-detail-related{
  padding:70px 0 78px;
  border-top:1px solid #E8EAF0;
  background:#F8F9FB;
}

.blog-detail-related-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:30px;
}

.blog-detail-related-head h2{
  margin:0;
  color:#172033;
  font-family:Manrope,sans-serif;
  font-size:32px;
  font-weight:800;
  letter-spacing:-.025em;
}

.related-view-all{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#172033;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}

.related-view-all:hover{
  color:#EE1D23;
}

.related-view-all i{
  color:#EE1D23;
  font-size:11px;
}

.blog-detail-related-card{
  overflow:hidden;
  border:1px solid #E8EAF0;
  border-radius:16px;
  background:#fff;
  box-shadow:none;
  transition:transform .2s ease,border-color .2s ease;
}

.blog-detail-related-card:hover{
  transform:translateY(-3px);
  border-color:#D6D9E0;
}

.blog-detail-related-image{
  display:block;
  overflow:hidden;
  aspect-ratio:16/9;
  border-bottom:1px solid #E8EAF0;
  background:#172033;
}

.blog-detail-related-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s ease;
}

.blog-detail-related-card:hover .blog-detail-related-image img{
  transform:scale(1.025);
}

.related-image-placeholder{
  display:grid;
  width:100%;
  height:100%;
  place-items:center;
  color:#fff;
  font-family:Manrope,sans-serif;
  font-weight:800;
}

.blog-detail-related-body{
  display:flex;
  min-height:245px;
  flex-direction:column;
  padding:20px;
}

.blog-detail-related-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
  color:#848B99;
  font-size:10.5px;
}

.blog-detail-related-meta span:first-child{
  color:#EE1D23;
  font-weight:800;
  text-transform:uppercase;
}

.blog-detail-related-card h3{
  margin:0 0 12px;
  color:#172033;
  font-family:Manrope,sans-serif;
  font-size:17px;
  font-weight:800;
  line-height:1.4;
}

.blog-detail-related-card h3 a{
  color:inherit;
  text-decoration:none;
}

.blog-detail-related-card p{
  display:-webkit-box;
  overflow:hidden;
  margin:0 0 17px!important;
  color:#687080!important;
  font-size:12.5px!important;
  line-height:1.65!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.blog-detail-related-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  margin-top:auto;
  color:#172033;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
}

.blog-detail-related-link:hover{
  color:#EE1D23;
}

.blog-detail-related-link i{
  color:#EE1D23;
  font-size:10px;
}

@media(max-width:991.98px){
  .blog-detail-layout{
    grid-template-columns:1fr;
    gap:30px;
  }

  .blog-detail-toc{
    position:static;
    max-width:760px;
    width:100%;
    margin:0 auto;
  }

  .blog-detail-toc nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-height:none;
    gap:0 22px;
  }

  .blog-detail-body{
    max-width:760px;
    width:100%;
    margin:0 auto;
  }
}

@media(max-width:767.98px){
  .blog-detail-hero{
    padding:38px 0 31px;
  }

  .blog-detail-back{
    margin-bottom:22px;
  }

  .blog-detail-hero h1{
    font-size:36px;
    line-height:1.12;
  }

  .blog-detail-dek{
    font-size:14.5px!important;
    line-height:1.7!important;
  }

  .blog-detail-featured{
    padding-top:20px;
  }

  .blog-detail-featured-frame{
    border-radius:13px;
  }

  .blog-detail-content{
    padding:42px 0 58px;
  }

  .blog-detail-toc nav{
    display:block;
  }

  .blog-detail-body{
    font-size:14.5px;
  }

  .blog-detail-body p{
    font-size:14.5px!important;
  }

  .blog-detail-body h2{
    margin-top:34px;
    font-size:24px;
  }

  .blog-detail-body h3{
    font-size:18px;
  }

  .blog-detail-body table{
    display:block;
    overflow-x:auto;
    white-space:nowrap;
  }

  .blog-detail-related{
    padding:52px 0 58px;
  }

  .blog-detail-related-head{
    align-items:flex-start;
    flex-direction:column;
    margin-bottom:24px;
  }

  .blog-detail-related-head h2{
    font-size:27px;
  }
}

/* V9 footer refinements */
.site-footer .footer-brand-link{display:inline-block;margin-bottom:16px}
.site-footer .footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.site-footer h4{margin-bottom:14px}
.site-footer .row>div>a:not(.footer-brand-link){display:block;width:max-content;max-width:100%;margin-bottom:9px}
.site-footer .footer-bottom>div{display:flex;flex-wrap:wrap;gap:14px}


/* FINAL CLEAN CORE PHP — restrained brand/header/footer polish */
.site-header{
  background:#fff!important;
  box-shadow:none!important;
}
.site-header .navbar{
  min-height:78px;
}
.site-header .navbar-brand{
  display:inline-flex;
  align-items:center;
  margin-right:28px;
  padding:0;
}
.site-header .navbar-brand img{
  display:block;
  width:auto!important;
  height:54px!important;
  max-width:180px!important;
  max-height:none!important;
  object-fit:contain;
}
.site-header .nav-link{
  font-weight:600;
}
.site-header .dropdown-menu{
  border:1px solid #E8EAF0;
  border-radius:12px;
  box-shadow:0 14px 34px rgba(23,32,51,.08);
}
.site-header .btn-brand{
  white-space:nowrap;
}

.site-footer .footer-brand-link{
  display:inline-flex!important;
  align-items:center;
  margin-bottom:18px!important;
}
.site-footer .footer-logo{
  display:block;
  width:auto!important;
  height:64px!important;
  max-width:190px!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  object-fit:contain!important;
}
.site-footer p{
  line-height:1.75!important;
}
.site-footer h4{
  letter-spacing:-.01em;
}
.site-footer .row>div>a:not(.footer-brand-link){
  transition:color .18s ease, transform .18s ease;
}
.site-footer .row>div>a:not(.footer-brand-link):hover{
  transform:translateX(2px);
}

@media(max-width:991.98px){
  .site-header .navbar-brand img{
    height:50px!important;
    max-width:168px!important;
  }
  .site-header .navbar-collapse{
    padding-top:16px;
  }
}
@media(max-width:575.98px){
  .site-header .navbar{
    min-height:70px;
  }
  .site-header .navbar-brand img{
    height:45px!important;
    max-width:155px!important;
  }
  .site-footer .footer-logo{
    height:58px!important;
    max-width:180px!important;
  }
}

/* Final live contact + social refinements */
.footer-social{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:18px;
}
.footer-social a{
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  color:#fff!important;
  text-decoration:none;
  background:rgba(255,255,255,.04);
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.footer-social a:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.28);
  transform:translateY(-2px)!important;
}
.footer-company-note{
  margin:15px 0 0!important;
  max-width:390px;
  font-size:12.5px!important;
  line-height:1.6!important;
  opacity:.72;
}
.footer-company-note i{margin-right:7px}

.floating-contact-wrap{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:1040;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.floating-contact{
  width:52px;
  height:52px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  box-shadow:0 9px 25px rgba(23,32,51,.18);
  transition:transform .18s ease,box-shadow .18s ease;
}
.floating-contact:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(23,32,51,.24);
}
.floating-whatsapp{
  background:#25D366;
  color:#fff;
  font-size:25px;
}
.floating-whatsapp:hover{color:#fff}
.floating-call{
  display:none;
  background:#172033;
  color:#fff;
  font-size:18px;
}
.floating-call:hover{color:#fff}

@media(max-width:767.98px){
  .floating-contact-wrap{right:15px;bottom:15px}
  .floating-call{display:flex}
  .floating-contact{width:50px;height:50px}
}

.testimonial-empty-note{padding:22px 24px;border:1px solid #E8EAF0;border-radius:14px;background:#F8F9FB;color:#687080;font-size:14px;}


/* FINAL navigation usability */
.nf-nav-parent{position:relative;display:flex;align-items:center}
.nf-nav-parent>.nav-link{padding-right:.2rem!important}
.nf-dropdown-toggle{
  border:0;background:transparent;color:#172033;padding:.7rem .48rem .7rem .18rem;
  line-height:1;box-shadow:none!important
}
.nf-dropdown-toggle::after{margin-left:0}
@media(min-width:992px){
  .nf-nav-dropdown{position:relative}
  .nf-nav-dropdown>.nf-nav-parent::after{
    content:"";position:absolute;left:0;right:0;top:100%;height:14px;
  }
  .nf-nav-dropdown .dropdown-menu{margin-top:10px!important}
  .nf-nav-dropdown:hover .dropdown-menu,
  .nf-nav-dropdown:focus-within .dropdown-menu{display:block}
  .nf-nav-dropdown:hover .nf-dropdown-toggle{color:#EE1D23}
}
@media(max-width:991.98px){
  .nf-nav-parent{flex-wrap:wrap;justify-content:space-between}
  .nf-nav-parent>.nav-link{flex:1}
  .nf-dropdown-toggle{padding:.62rem .5rem}
  .nf-nav-parent>.dropdown-menu{position:static!important;width:100%;transform:none!important;margin:0 0 8px!important}
}

/* Solutions quick navigation: section is a wrapper, only inner grid is a grid */
section.solution-nav{
  display:block!important;
  grid-template-columns:none!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:#fff!important;
  padding:18px 0 22px!important;
}
section.solution-nav>.container{display:block!important}
section.solution-nav .solution-nav-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
@media(max-width:991.98px){
  section.solution-nav .solution-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:575.98px){
  section.solution-nav .solution-nav-grid{grid-template-columns:1fr!important}
}

/* Floating quick contact stays away from bottom-right live chat widgets */
.floating-contact-wrap{
  left:20px!important;
  right:auto!important;
  bottom:20px!important;
}
@media(max-width:767.98px){
  .floating-contact-wrap{left:15px!important;right:auto!important;bottom:15px!important}
}

/* Optional training commercial/schedule data */
.training-card-extra{display:flex;flex-wrap:wrap;gap:7px 12px;margin:10px 0 4px}
.training-card-extra span{font-size:.78rem;color:#687080;display:inline-flex;align-items:center;gap:6px}
.training-card-extra i{color:#EE1D23}
.training-fee{font-size:1rem!important}


/* FINAL dropdown fix: no Bootstrap popper positioning */
.nf-nav-dropdown{position:relative!important}
.nf-nav-parent{display:flex!important;align-items:center!important;position:relative!important}
.nf-nav-parent>.nav-link{padding-right:.18rem!important}
.nf-dropdown-toggle{
  border:0!important;background:transparent!important;color:#172033!important;
  width:28px!important;height:38px!important;padding:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  cursor:pointer!important
}
.nf-dropdown-toggle i{font-size:10px!important;transition:transform .18s ease}
.nf-nav-dropdown.open .nf-dropdown-toggle i{transform:rotate(180deg)}

.nf-nav-dropdown>.nf-dropdown-menu{
  position:absolute!important;
  top:calc(100% + 4px)!important;
  left:0!important;
  right:auto!important;
  transform:none!important;
  margin:0!important;
  width:315px!important;
  min-width:315px!important;
  max-width:calc(100vw - 30px)!important;
  padding:9px!important;
  border:1px solid #E8EAF0!important;
  border-radius:12px!important;
  box-shadow:0 16px 38px rgba(23,32,51,.12)!important;
  background:#fff!important;
  z-index:1100!important;
  display:none!important;
}
.nf-nav-dropdown>.nf-dropdown-menu .dropdown-item{
  padding:10px 12px!important;
  border-radius:8px!important;
  white-space:normal!important;
  font-size:.9rem!important;
  color:#172033!important
}
.nf-nav-dropdown>.nf-dropdown-menu .dropdown-item:hover{
  background:#FFF1F2!important;color:#EE1D23!important
}
.nf-nav-dropdown>.nf-dropdown-menu .dropdown-divider{margin:5px 0!important}

@media(min-width:992px){
  .nf-nav-dropdown::after{
    content:"";position:absolute;left:0;right:0;top:100%;height:10px;
  }
  .nf-nav-dropdown:hover>.nf-dropdown-menu,
  .nf-nav-dropdown:focus-within>.nf-dropdown-menu,
  .nf-nav-dropdown.open>.nf-dropdown-menu{display:block!important}
}
@media(max-width:991.98px){
  .nf-nav-parent{width:100%!important}
  .nf-nav-parent>.nav-link{flex:1!important}
  .nf-nav-dropdown>.nf-dropdown-menu{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-shadow:none!important;
    margin:0 0 8px!important;
  }
  .nf-nav-dropdown.open>.nf-dropdown-menu{display:block!important}
}

/* Final testimonial source styling: no external links */
.testimonial-db-source{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#5F6675!important;
  font-size:.82rem!important;
  font-weight:700!important;
  text-decoration:none!important;
}
.testimonial-db-source i{
  color:#EE1D23!important;
  font-size:.9rem!important;
}


/* FINAL Home testimonial slider + avatar fix */
.dynamic-testimonials{overflow:hidden}
.testimonial-slider{position:relative}
.testimonial-slider-viewport{overflow:hidden}
.testimonial-slider-track{display:flex;gap:24px;transition:transform .42s ease;will-change:transform}
.testimonial-slide{flex:0 0 calc((100% - 48px)/3);min-width:0}
.testimonial-db-card{display:flex;flex-direction:column;min-height:300px}
.testimonial-db-head{display:flex;align-items:center;gap:14px;min-height:56px}
.testimonial-db-avatar,.testimonial-db-avatar.placeholder-avatar{
  width:48px!important;height:48px!important;min-width:48px!important;flex:0 0 48px!important;
  border-radius:50%!important;object-fit:cover
}
.testimonial-db-avatar.placeholder-avatar{
  display:flex!important;align-items:center!important;justify-content:center!important;
  line-height:1!important;padding:0!important;margin:0!important;text-align:center!important;
  background:#FFF1F2!important;border:1px solid #F3D8DA!important;color:#EE1D23!important;
  font-family:"Manrope","Inter",sans-serif!important;font-size:15px!important;font-weight:800!important
}
.testimonial-db-person{display:flex;flex-direction:column;gap:2px;min-width:0}
.testimonial-db-copy{flex:1;margin-bottom:18px!important}
.testimonial-slider-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:26px}
.testimonial-slider-btn{
  width:42px;height:42px;border-radius:50%;border:1px solid #E3E6EC;background:#fff;color:#172033;
  display:inline-flex;align-items:center;justify-content:center;transition:.18s ease
}
.testimonial-slider-btn:hover{border-color:#EE1D23;color:#EE1D23}
.testimonial-slider-btn:disabled{opacity:.38;cursor:not-allowed}
.testimonial-slider-dots{display:flex;gap:7px;align-items:center}
.testimonial-slider-dot{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#D6DAE2}
.testimonial-slider-dot.active{background:#EE1D23}
@media(max-width:991.98px){
  .testimonial-slide{flex-basis:calc((100% - 20px)/2)}
  .testimonial-slider-track{gap:20px}
}
@media(max-width:767.98px){
  .testimonial-slide{flex-basis:100%}
  .testimonial-slider-track{gap:16px}
  .testimonial-db-card{min-height:0}
}