@font-face{font-display:swap;font-family:'Rubik';font-style:normal;font-weight:400;src:url(../fonts/rubik-v28-latin-regular.woff2) format("woff2")}
@font-face{font-display:swap;font-family:'Rubik';font-style:normal;font-weight:700;src:url(../fonts/rubik-v28-latin-700.woff2) format("woff2")}
:root {
  --color-white: #ffffff;
  --color-ivory: #FAF8F7;
  --color-charcoal: #1F1F1F;
  --color-light-blue: #f0f4ff;
  --color-blue: #0f4a8a;
  --color-dark-blue: #0b375e;
  --color-lilac: #8b73b3;
  --color-royal-purple: #5A189A;
  --color-light-brick: #fce6e3;
  --color-brick: #e99f97;
  --color-light-red: #FF9671;
  --color-red: #ed655f;
  --color-warm-coral: #F94144;
  --color-vivid-red: #e83648;
  --color-yellow: #fec95b;
  --color-ocher: #D7A319;
  --color-golden-yellow: #F4A261;
  --color-green: #6dac52;
  --color-bright-teal: #2A9D8F;
  --color-accessible-red: #b93432;
  --color-accessible-red-soft: #cc3f3a;
}

html{font-family:'Arial, Helvetica, sans-serif';font-size:16px;scroll-behavior: auto !important;}
body{background-color:var(--color-ivory);font-family:'Rubik';color:var(--color-charcoal);font-size:1rem;line-height:1.6;font-weight:400}
.skip-link{background:var(--color-white);border:3px solid var(--color-light-red);border-radius:0 0 8px 8px;color:var(--color-dark-blue);font-weight:700;left:1rem;opacity:0;padding:.75rem 1rem;position:fixed;top:0;transform:translateY(-150%);transition:opacity .16s ease,transform .16s ease;z-index:100000}
.skip-link:focus,
.skip-link:focus-visible{color:var(--color-dark-blue);opacity:1;outline:3px solid var(--color-dark-blue);outline-offset:2px;transform:translateY(0) !important}
.visually-hidden-focusable:not(:focus):not(:focus-within),
.visually-hidden{border:0 !important;clip:rect(0,0,0,0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:1px !important}
:focus-visible{outline:3px solid var(--color-yellow);outline-offset:3px}
main:focus{outline:0}
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.form-control:focus{border-color:var(--color-blue);box-shadow:0 0 0 .22rem rgba(254,201,91,.42);outline:0}
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.01ms !important}
    .hero-cta-pointer{opacity:1}
    .hero-cta-pointer path.hero-cta-pointer-line{opacity:.98;transform:none}
}
::selection{background-color:var(--color-blue);color:var(--color-light-blue);-webkit-text-fill-color:var(--color-light-blue)}
::-moz-selection{background-color:var(--color-blue);color:var(--color-light-blue);-webkit-text-fill-color:var(--color-light-blue)}
canvas{position: absolute;right:-20%;top:50%;transform:translateY(-50%);width:100%;height:auto;z-index:-1}
h1,h2,h3,h4,.title{font-weight:700;line-height:1.2em}
h1,.title{font-size:2em}
h2{font-size:1.75em}
h3{font-size:1.5em}
h4{font-size:1.25em}
.content h1,.content h2,.content h3,.content h4{color:var(--color-blue);padding:1.5em 0 1em}
.content.search h2{font-size:1.25em;padding:.5em 0}
.pricing-table h3{border-radius:10px;color:var(--color-blue);padding:1.5em 0 1em}
.content.search a {color:var(--color-blue)}
.search .form-control {display: inline-block}
.intro-service h1,.intro-job h1{padding: 1.5em 0 1em}
.home h1{display:block}
.title{font-weight:700}
a{color:var(--color-blue);text-decoration:none;transition:color .3s ease}
a:hover{color:var(--color-accessible-red)}
a:hover .text-charcoal{color:var(--color-charcoal)}
.icon-transition{transition:filter .3s ease}
a:hover .icon-transition{filter:grayscale(100%) invert(50%)}
.content a{color:var(--color-blue);text-decoration:underline;text-underline-offset:3px}
.content a:hover{color:var(--color-accessible-red);text-decoration:underline}
.content a.btn,
.content a.btn-main,
.content a.btn-red,
.content a.btn-blue,
.content a.cta{text-decoration:none}
.border{border-radius:10px}
.text-dark-blue{color:var(--color-dark-blue)}
.text-brick{color:var(--color-accessible-red)}
.text-black{color:var(--color-charcoal)}

a.text-white{color:var(--color-white)}
a.text-light-red{color:var(--color-accessible-red);text-decoration:none;transition:color .3s ease}
a.text-light-red:hover{color:var(--color-dark-blue)}
.logo{height:36px;padding-top:3px}
.navbar{background-color:var(--color-blue);color:var(--color-ivory);transform:translateY(0);transition:transform .32s ease,box-shadow .32s ease}
.navbar.navbar-hidden{box-shadow:none;transform:translateY(-110%)}
.navbar.navbar-visible{box-shadow:0 12px 28px rgba(15,74,138,.18);transform:translateY(0)}
.navbar a,.nav-link{color:var(--color-ivory);transition:color .3s ease}
.navbar button.nav-link{background:transparent;border:0;font:inherit}
.navbar-nav{z-index:10001}
.active .nav-link,.nav-link:focus,.nav-link:hover,.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--color-yellow)}
.dropdown-menu{background-color:var(--color-blue);border:0;border-radius:0 0 8px 8px;box-shadow:0 18px 36px rgba(11,55,94,.22);color:var(--color-ivory)}
.navbar-nav .dropdown:hover>.nav-link,.navbar-nav .dropdown .dropdown-menu:hover>.nav-link{color:var(--color-yellow)}
.navbar-toggler-icon {filter: invert(100%);}
.navbar-toggler:focus {box-shadow:none !important;}
.navbar-toggler:focus-visible{box-shadow:0 0 0 .22rem rgba(254,201,91,.55) !important;outline:0}
.dropdown-item:focus,.dropdown-item:hover{background-color:var(--color-dark-blue);color:var(--color-yellow)}

@media (min-width: 993px) {
    .dropdown-menu{display:block;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .24s ease,transform .24s ease,visibility .24s ease;visibility:hidden}
    .navbar-nav .dropdown:hover .dropdown-menu,
    .navbar-nav .dropdown:focus-within .dropdown-menu,
    .navbar-nav .dropdown .dropdown-menu.show{background-color:#0f4a8a;margin-top:0;opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}
}

@keyframes mobileDropdownIn {
    from {opacity:0;transform:translateY(-6px)}
    to {opacity:1;transform:translateY(0)}
}

.intro-bg{--hero-pointer-x:18%;--hero-pointer-y:70%;--hero-pointer-opacity:0;background-color:var(--color-dark-blue);overflow:hidden;position:relative;z-index:10;isolation:isolate}
.intro-bg::before,.intro-bg::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}
.intro-bg::before{background:
    radial-gradient(circle at 20% 72%, rgba(255,150,113,.48) 0%, rgba(255,150,113,.18) 18%, rgba(255,150,113,0) 42%),
    radial-gradient(circle at 13% 82%, rgba(233,159,151,.62) 0%, rgba(233,159,151,.22) 20%, rgba(233,159,151,0) 38%),
    radial-gradient(circle at 78% 64%, rgba(15,74,138,.82) 0%, rgba(15,74,138,.34) 24%, rgba(15,74,138,0) 42%),
    radial-gradient(circle at 88% 18%, rgba(237,101,95,.34) 0%, rgba(237,101,95,0) 28%),
    linear-gradient(135deg,var(--color-dark-blue) 0%,var(--color-blue) 42%,var(--color-dark-blue) 100%);
    background-size:115% 115%,120% 120%,118% 118%,112% 112%,100% 100%;
    opacity:1;transform:scale(1.05)}
.intro-bg::after{background:
    radial-gradient(circle at 50% 50%,transparent 0%,rgba(0,0,0,.16) 80%);
    background-size:100% 100%;
    opacity:.46}
.hero-axis-lines{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}
.hero-axis-lines span{border-radius:999px;position:absolute;will-change:auto}
.hero-axis-lines .hero-line-h{background:linear-gradient(90deg,rgba(252,230,227,0),rgba(252,230,227,.22) 18%,rgba(233,159,151,.18) 52%,rgba(252,230,227,.12) 82%,rgba(252,230,227,0));height:1px;left:0;width:100%}
.hero-axis-lines .hero-line-v{background:linear-gradient(180deg,rgba(252,230,227,0),rgba(252,230,227,.18) 18%,rgba(233,159,151,.18) 52%,rgba(252,230,227,.10) 82%,rgba(252,230,227,0));height:100%;top:0;width:1px}
.hero-axis-lines .hero-line-h::before,
.hero-axis-lines .hero-line-h::after{display:none}
.hero-axis-lines .hero-line-v::after{animation:heroDropUpVertical var(--hero-drop-duration,15s) linear infinite;animation-delay:var(--hero-drop-delay,0s);background:linear-gradient(0deg,rgba(185,52,50,0),rgba(185,52,50,.76) 34%,rgba(255,150,113,.52) 64%,rgba(185,52,50,0));border-radius:999px;box-shadow:0 0 18px rgba(185,52,50,.28);bottom:-26%;content:"";height:150px;left:-1px;opacity:0;position:absolute;width:3px}
.hero-axis-lines .hero-line-v::before{animation:heroDropGlowUpVertical var(--hero-drop-duration,15s) linear infinite;animation-delay:var(--hero-drop-delay,0s);background:radial-gradient(ellipse at center,rgba(252,230,227,.46) 0%,rgba(237,101,95,.26) 42%,rgba(237,101,95,0) 74%);border-radius:50%;bottom:-18%;content:"";height:74px;left:50%;opacity:0;position:absolute;transform:translate(-50%,50%);width:46px}
.hero-axis-lines span:nth-child(1){top:18%}
.hero-axis-lines span:nth-child(2){top:47%}
.hero-axis-lines span:nth-child(3){top:76%}
.hero-axis-lines span:nth-child(4){--hero-drop-delay:0s;--hero-drop-duration:16s;left:8%}
.hero-axis-lines span:nth-child(5){--hero-drop-delay:5.4s;--hero-drop-duration:14s;left:29%}
.hero-axis-lines span:nth-child(6){--hero-drop-delay:2.1s;--hero-drop-duration:18s;left:52%}
.hero-axis-lines span:nth-child(7){--hero-drop-delay:9.2s;--hero-drop-duration:15s;left:73%}
.hero-axis-lines span:nth-child(8){--hero-drop-delay:12.7s;--hero-drop-duration:17s;left:91%}
@keyframes heroDropUpVertical{0%{bottom:-26%;opacity:0}4%{opacity:.82}27%{bottom:108%;opacity:.72}34%,100%{bottom:108%;opacity:0}}
@keyframes heroDropGlowUpVertical{0%{bottom:-18%;opacity:0}4%{opacity:.56}27%{bottom:104%;opacity:.48}34%,100%{bottom:104%;opacity:0}}
@media (prefers-reduced-motion: reduce){.intro-bg::before,.intro-bg::after{animation:none}.hero-axis-lines span::before,.hero-axis-lines span::after{animation:none;opacity:0}}
.intro{height:100%}
.intro-text{color:var(--color-white);font-size:1.5em;overflow:hidden}
.home .intro{box-sizing:border-box;padding-top:84px;padding-bottom:48px;min-height:680px}
.home .intro-text{overflow:visible}
.home-hero-copy h1{font-size:2.45rem;line-height:1.15;max-width:720px}
.home-hero-copy p{font-size:1.08rem;line-height:1.7;margin-top:1.15rem;max-width:680px}
.kg-wavy-underline{display:inline;font-style:normal;text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:var(--color-light-red);text-decoration-thickness:.08em;text-underline-offset:.13em}
.kg-wavy-underline::after{display:none}
.kg-wavy-underline.kg-wavy-animated{background-image:url("data:image/svg+xml,%3Csvg width='80' height='12' viewBox='0 0 80 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7 C 7 1, 13 1, 19 7 S 31 13, 39 7 S 53 1, 61 7 S 73 13, 79 7' fill='none' stroke='%23FF9671' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");background-position:0 100%;background-repeat:repeat-x;background-size:58px 10px;padding-bottom:.09em;text-decoration:none;animation:kgWavyUnderlineShift 2.8s linear infinite}
@keyframes kgWavyUnderlineShift{from{background-position:0 100%}to{background-position:58px 100%}}
.kg-partner-underline{color:var(--color-accessible-red);display:inline-block;line-height:1.05;padding-bottom:.34em;position:relative}
.kg-partner-underline::before,
.kg-partner-underline::after{background-image:url("data:image/svg+xml,%3Csvg width='180' height='16' viewBox='0 0 180 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8 C 25 2, 49 14, 75 8 S 126 2, 177 8' fill='none' stroke='%23FF9671' stroke-width='3.8' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;content:"";height:10px;left:-2%;pointer-events:none;position:absolute;width:104%}
.kg-partner-underline::before{bottom:.08em}
.kg-partner-underline::after{bottom:-.06em;opacity:.9}
.home-hero-actions{position:relative}
.hero-cta-pointer{height:178px;left:174px;opacity:0;overflow:visible;pointer-events:none;position:absolute;top:-100px;transform:scaleX(-1) rotate(7deg) scale(.62);transform-origin:center;width:300px;z-index:4}
.hero-cta-pointer > path{fill:none;opacity:.98;stroke:#fb8c54;stroke-linecap:round;stroke-linejoin:round;stroke-width:14;transform:translate(8px,-4px) scale(.98);transform-origin:center;transition:stroke-dashoffset 1.05s cubic-bezier(.2,.78,.16,1),transform .58s cubic-bezier(.18,1.08,.28,1)}
.hero-cta-pointer.is-drawing{opacity:1;transition:opacity .34s ease-out}
.hero-cta-pointer.is-drawn > path{transform:translate(0,0) scale(1)}
.kg-wave-cta{isolation:isolate;overflow:hidden;position:relative}
.kg-wave-cta-label{position:relative;z-index:2}
.kg-wave-cta-svg{display:block;height:118%;inset:auto 0 0;pointer-events:none;position:absolute;width:100%;z-index:1}
.kg-wave-cta-svg path{fill:#a92d2f}
.kg-wave-cta:hover,
.kg-wave-cta:focus-visible{background-image:linear-gradient(135deg,#ed655f 0%,#b93432 58%,#8f2429 100%);border-color:#ffb199;color:var(--color-white);box-shadow:0 10px 28px rgba(185,52,50,.34)}
.kg-wave-cta.kg-wave-blue .kg-wave-cta-svg path{fill:var(--color-brick)}
.kg-wave-cta.kg-wave-blue:hover,
.kg-wave-cta.kg-wave-blue:focus-visible{background-image:linear-gradient(135deg,var(--color-blue) 0%,var(--color-brick) 62%,var(--color-light-red) 100%);border-color:rgba(252,230,227,.86);box-shadow:0 10px 28px rgba(233,159,151,.34);color:var(--color-white)}
.home-hero-visual{position:relative;min-height:470px}
.home-hero-visual-panel{position:absolute;inset:34px 0 18px 0;background:rgba(240,244,255,.96);border:1px solid rgba(255,255,255,.55);border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.24);overflow:hidden}
.home-hero-visual-topline{position:absolute;right:40px;top:52px;z-index:3;width:270px;min-height:42px;background:var(--color-white);border:1px solid rgba(15,74,138,.12);border-radius:8px;box-shadow:0 8px 20px rgba(15,74,138,.16)}
.home-hero-visual-topline::before,.home-hero-visual-topline::after{position:absolute;top:9px;height:24px;display:flex;align-items:center;border-radius:999px;padding:0 11px;font-size:.72rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;line-height:1}
.home-hero-visual-topline::before{content:"WCAG 2.2 review";left:12px;color:var(--color-dark-blue);background:rgba(15,74,138,.09)}
.home-hero-visual-topline::after{content:"Risk mapped";right:12px;color:var(--color-accessible-red);background:rgba(185,48,43,.1)}
.home-hero-visual-main{position:absolute;right:28px;bottom:28px;z-index:2;width:min(58%,300px);height:auto;filter:drop-shadow(0 16px 28px rgba(0,0,0,.2))}
.home-hero-visual-card{position:absolute;z-index:3;background:var(--color-white);color:var(--color-dark-blue);border-radius:8px;box-shadow:0 16px 36px rgba(0,0,0,.16);padding:14px 18px;line-height:1.25}
.home-hero-visual-card span{display:block;color:var(--color-accessible-red);font-size:.78rem;font-weight:700;text-transform:uppercase}
.home-hero-visual-card strong{display:block;font-size:.95rem}
.home-hero-visual-card-risk{left:34px;top:136px}
.home-hero-visual-card-search{left:74px;bottom:112px}
.home{position:relative}
.home .container{position:relative;z-index:1}
body.home{scroll-padding-top:84px}

.bg-blue{background-color:var(--color-blue)}
.bg-light-ivory{background-color:var(--color-ivory);border:1px solid #e6eeff}
.bg-light-blue{background-color:var(--color-light-blue);border:1px solid #e6eeff;border-radius:10px}
.bg-light-brick{background-color:var(--color-light-brick);border:1px solid #e6eeff}
.bg-dark-blue{background-color:var(--color-dark-blue)}
.bg-lilac{background-color:var(--color-lilac)}
.bg-brick{background-color:var(--color-brick)}
.bg-light-red{background-color:var(--color-light-red)}
.bg-red{background-color:var(--color-red)}
.bg-warm-coral{background-color:var(--color-warm-coral)}
.bg-vivid-red{background-color:var(--color-vivid-red)}
.bg-yellow{background-color:var(--color-yellow)}
.bg-ocher{background-color:var(--color-ocher)}
.bg-golden-yellow{background-color:var(--golden-yellow)}
.bg-green{background-color:var(--color-green)}
.bg-bright-teal{background-color:var(--color-bright-teal)}



.btn, .btn-primary, .btn-red, .btn-red:visited, .nav-link.btn-red {
    background-color: var(--color-red);
    background-image: none;
    color: var(--color-white);
    padding: .5em 2em;
    text-align: center;
    border: 1px solid var(--color-light-red);
    border-radius: 6px;
    box-shadow: none;
}
.btn,.btn:visited,.btn:hover,.btn:focus,.btn:active,
.btn-primary,.btn-primary:visited,.btn-primary:hover,.btn-primary:focus,.btn-primary:active,
.btn-red,.btn-red:visited,.btn-red:hover,.btn-red:focus,.btn-red:active,
.btn-main,.btn-main:visited,.btn-main:hover,.btn-main:focus,.btn-main:active,
.btn-small,.btn-small:visited,.btn-small:hover,.btn-small:focus,.btn-small:active,
.btn-blue,.btn-blue:visited,.btn-blue:hover,.btn-blue:focus,.btn-blue:active,
a.cta,a.cta:visited,a.cta:hover,a.cta:focus,a.cta:active,
.nav-link.btn-red,.nav-link.btn-red:visited,.nav-link.btn-red:hover,.nav-link.btn-red:focus,.nav-link.btn-red:active {
    color: var(--color-white) !important;
}
.kg-wave-cta-label{color:var(--color-white) !important}
.btn, .btn-primary, .btn-red, .btn-red:visited, .nav-link.btn-red, .btn.bg-light-red, .btn-main, .btn-small {
    transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease, background-position 0.4s ease, height 0.4s ease !important;
}


.btn:hover, .btn:active, .btn:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-red:hover, .btn-red:focus, .nav-link.btn-red:hover {
    background-color: var(--color-light-red);
    background-image: none;
    color: var(--color-white);
    border-color: var(--color-red);
}

.btn.bg-light-red {
    background: linear-gradient(135deg, var(--color-light-red) 0%, var(--color-red) 100%);
    background-size: 200% 200%;
    font-weight: 700;
    padding: .75em 1.5em;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2);
}

.btn.bg-light-red:hover {
    background: linear-gradient(135deg, var(--color-light-red) 0%, var(--color-red) 100%);
    background-position: right center;
    color: var(--color-white);
    border-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 6px 12px rgba(255, 255, 255, 0.3);
}

.btn-main {
    background-image: linear-gradient(to right, var(--color-red) 0%, var(--color-warm-coral) 50%, var(--color-warm-coral) 100%);
    background-size: 400% 400%;
    font-weight: 700;
    padding: 1em 2.5em;
    text-align: center;
    color: var(--color-white);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    display: inline-block;
    letter-spacing: 0.5px;
    height: 56px;
    line-height: 1.5;
    background-position: 0 50%;
}
.btn-main:hover { background: linear-gradient(135deg, var(--color-light-red) 0%, var(--color-red) 100%); color:var(--color-white); box-shadow:0 6px 20px rgba(0, 0, 0, .35); height:56px}
.btn-main:focus{ outline:none; box-shadow:0 0 10px var(--color-light-red)}


.btn-small{
    background-color: rgba(15,74,138,0.2);
    font-size: .6em;
    padding: .5em 2em;
    text-align: center;
    background-size: 200% auto;
    color: var(--color-ivory);
    border: 1px solid rgba(250, 248, 247, 0.2);
    border-radius: 6px;
    box-shadow: none;
}

.btn-small:hover{
    background-image: linear-gradient(to right, var(--color-blue) 0%, var(--color-dark-blue) 100%);
    border: 1px solid var(--color-blue);
    color: var(--color-ivory);
}

.btn-small:focus{
    outline: none;
    border: 1px solid var(--color-blue);
}
.btn-blue { background-color: var(--color-blue); border: none}
.btn-blue:hover,.btn-blue:focus { background-color: var(--color-brick); border-color: var(--color-brick); color:var(--color-white)}
.service-content .btn,
.service-content .btn-main,
.service-content a.cta{color:var(--color-white) !important}

.animated-text{display:inline;color:var(--color-accessible-red);background-clip:text;-webkit-background-clip:text;white-space:nowrap;font-weight:bold}
.cursor{display:inline-block;width:.175em;height:.85em;color:transparent;background-color:var(--color-accessible-red);animation:blink .7s step-end infinite;font-weight:700;position:relative;top:.20em}
@keyframes blink {0%,50%{opacity:1}51%,100%{opacity:0}}
.kg-text-red{color:var(--color-accessible-red)}
.kg-text-blue{color:var(--color-blue)}
.home-services img{height:160px}
.home-services h3{color:var(--color-accessible-red);font-size:1.5em;display:inline-block;margin:0;text-transform:uppercase;vertical-align:middle}
.home-services .number{color:var(--color-blue);display:inline-block;font-size:1.5em;font-weight:700;margin-right:.25em;vertical-align:middle}

#home-container h2, .vid h2, .step .title, .home .bg-blue-gradient h2, .intro-about h2 {
    font-size: 2.5em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-image: radial-gradient(
        circle at 20% 20%, 
        var(--color-light-red) 0%, 
        var(--color-red) 40%, 
        var(--color-blue) 100%
    );
    display: block;
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    left: auto;
    transform: none;
}
.kg-heading,
#home-container h2.kg-heading,
.intro-about h2.kg-heading {
    background:none;
    background-image:none;
    color:var(--color-dark-blue);
    font-size:clamp(2rem,3.2vw,3.05rem);
    letter-spacing:0;
    line-height:1.08;
    margin-left:auto;
    margin-right:auto;
    max-width:980px;
    text-align:center;
    -webkit-background-clip:initial;
    background-clip:initial;
    -webkit-text-fill-color:var(--color-dark-blue);
}
.kg-heading span,
#home-container h2.kg-heading span,
.intro-about h2.kg-heading span {
    color:var(--color-accessible-red);
    -webkit-text-fill-color:var(--color-accessible-red);
}
.home-services #home-container > .container > h2:first-child{padding-bottom:1.15rem !important}
.home-problem-grid{align-items:stretch;padding-top:1.75rem !important}
.Sliderable {
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
}

.Sliderable-inner {
    display: flex;
    white-space: nowrap;
    transition: transform 0.1s linear; /* Smooth movement */
}

.item {
    flex: 0 0 auto; /* Fixed width */
    margin-right: 20px; /* Space between items */
    width: 120px; /* Box width */
    height: 80px; /* Box height */
    padding: 8px 16px;
    background-color: var(--color-white); /* Box background color */
    display: flex;
    justify-content: center; /* Horizontal alignment */
    align-items: center; /* Vertical alignment */
    border-radius: 8px;
}

.brand {
    max-width: 100%; /* Ensure image fits within box */
    max-height: 100%; /* Maintain aspect ratio */
    object-fit: contain; /* Scale image appropriately */
}
.home-offers .number,
.home-offers h3 {
    display: block;
}
.home-offers .number {
    margin: 0 0 .25em;
}
.problem-card,
.pillar-card {
    background-color: var(--color-white);
    border: 1px solid #e6eeff;
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(15,74,138,.08);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 2rem;
    position: relative;
}
.problem-card::before,
.pillar-card::before {
    background: linear-gradient(90deg,var(--color-light-red),var(--color-red),var(--color-blue));
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.problem-card .number,
.pillar-card .number {
    align-self: flex-start;
    background-color: var(--color-light-blue);
    border-radius: 999px;
    color: var(--color-blue);
    font-size: 1.05rem;
    line-height: 1;
    margin: 0 0 1rem;
    padding: .45rem .75rem;
}
.problem-card h3,
.pillar-card h3 {
    color: var(--color-accessible-red);
    display: block;
    font-size: 1.28rem;
    line-height: 1.18;
    margin: 0;
    text-transform: uppercase;
}
.problem-card p,
.pillar-card p {
    font-size: .98rem;
    line-height: 1.65;
}
.problem-card ul,
.pillar-card ul {
    margin-bottom: 1.15rem;
    padding-left: 1.15rem;
}
.problem-card li,
.pillar-card li {
    margin-bottom: .45rem;
    padding-left: .2rem;
}
.problem-card-close,
.pillar-card-close {
    border-top: 1px solid #e6eeff;
    color: var(--color-charcoal);
    margin-top: auto;
    padding-top: 1rem;
}
.home-problem-grid > [class*="col-"]{display:flex}
.home-problem-grid .problem-card{
    background:linear-gradient(145deg,rgba(240,244,255,.98),rgba(255,255,255,.94));
    border-color:rgba(15,74,138,.12);
    box-shadow:0 24px 64px rgba(15,74,138,.10);
    min-height:100%;
    padding:2.45rem 2.2rem 2.25rem;
}
.home-problem-grid .col-lg-4:nth-child(2) .problem-card{
    background:linear-gradient(145deg,rgba(252,230,227,.92),rgba(255,255,255,.94));
}
.home-problem-grid .col-lg-4:nth-child(3) .problem-card{
    background:linear-gradient(145deg,rgba(240,244,255,.88),rgba(234,248,246,.92));
}
.home-problem-grid .problem-card::before{display:none}
.home-problem-grid .problem-card .number{display:none}
.home-problem-grid .problem-card h3{
    color:var(--color-dark-blue);
    font-size:1.24rem;
    letter-spacing:.01em;
    margin-bottom:1.15rem;
    max-width:21rem;
}
.home-problem-grid .problem-card p,
.home-problem-grid .problem-card li{
    color:rgba(31,31,31,.9);
}
.home-problem-grid .problem-card p.pt-3{
    padding-top:0 !important;
}
.home-problem-grid .problem-card ul{
    margin-top:.15rem;
}
.home-problem-grid .problem-card-close{
    border-top-color:rgba(15,74,138,.12);
    color:var(--color-dark-blue);
}
.home-pillars {
    align-items: stretch;
}
.pillar-card {
    text-align: left;
}
.pillar-card-visual {
    align-items: center;
    background-color: var(--color-light-blue);
    border-radius: 8px;
    display: flex;
    height: 150px;
    justify-content: center;
    margin: 0 0 1.35rem;
}
.pillar-card-visual img,
.home-services .pillar-card-visual img {
    height: 120px;
    max-width: 84%;
    object-fit: contain;
}
.pillar-card .number {
    margin-bottom: .75rem;
}
.pillar-card h3 {
    margin-bottom: 1rem;
}

.home-pillars {
    margin-top: clamp(2rem,4vw,4rem);
}
.home-problem-grid{margin-bottom:clamp(2.25rem,4vw,4rem)}
.home-pillars > .col-12:first-child {
    margin-bottom: 2.15rem;
}
.home-pillars > .col-12:first-child h2 {
    padding-bottom: 2rem !important;
}
.home-pillars .col-lg-4 {
    display: flex;
}
.home-pillars .pillar-card {
    background: var(--color-white);
    border: 4px solid var(--color-dark-blue);
    border-bottom-width: 14px;
    border-radius: 28px;
    box-shadow: 0 22px 46px rgba(15,74,138,.13);
    color: var(--color-charcoal);
    min-height: 660px;
    overflow: hidden;
    padding: 1.7rem 1.45rem 0;
    text-align: center;
    transition: transform .35s ease, box-shadow .35s ease;
}
.home-pillars .pillar-card:hover {
    box-shadow: 0 26px 54px rgba(15,74,138,.16);
    transform: translateY(-6px);
}
.home-pillars .pillar-card::before {content:none;display:none}
.home-pillars .pillar-card::after {
    background: linear-gradient(180deg, rgba(240,244,255,.96) 0%, rgba(212,228,255,.94) 58%, rgba(255,150,113,.20) 100%);
    border-top: 1px solid rgba(15,74,138,.08);
    border-radius: 52% 48% 0 0 / 12% 16% 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 43%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 0;
}
.home-pillars .pillar-card > * {
    position: relative;
    z-index: 1;
}
.home-pillars .pillar-card .number {
    align-self: center;
    background: rgba(212,228,255,.70);
    color: var(--color-dark-blue);
    margin: 1.15rem auto .7rem;
    order: 1;
}
.home-pillars .pillar-card h3 {
    color: var(--color-dark-blue);
    font-size: 1.32rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.22;
    margin-bottom: .95rem;
    min-height: auto;
    order: 2;
    text-transform: uppercase;
}
.home-pillars .pillar-card-visual {
    background: linear-gradient(135deg, rgba(212,228,255,.56), rgba(255,150,113,.16));
    border: 1px solid rgba(15,74,138,.10);
    border-radius: 18px;
    height: 210px;
    margin: 0 0 1.15rem;
    order: 3;
}
.home-pillars .pillar-card-visual img,
.home-services .home-pillars .pillar-card-visual img {
    height: 168px;
    max-width: 92%;
}
.home-pillars .pillar-card p,
.home-pillars .pillar-card ul {
    color: var(--color-black);
    text-align: left;
}
.home-pillars .pillar-card > p:not(.pillar-card-close) {
    font-size: .96rem;
    line-height: 1.55;
    margin-bottom: .75rem;
    margin-top: auto;
    order: 4;
    padding-top: 2.6rem;
}
.home-pillars .pillar-card ul {
    font-size: .92rem;
    line-height: 1.45;
    margin: 0 0 .9rem;
    order: 5;
    padding-left: 1.15rem;
}
.home-pillars .pillar-card li {
    margin-bottom: .32rem;
}
.home-pillars .pillar-card-close {
    border-top: 1px solid rgba(15,74,138,.12);
    color: var(--color-dark-blue) !important;
    font-size: .95rem;
    line-height: 1.45;
    margin-top: auto;
    order: 6;
    padding: 1rem 0 1.25rem;
    text-align: center;
}
.home-pillars .col-lg-4:nth-child(3) .pillar-card {
    transform: translateY(-18px);
}
.home-pillars .col-lg-4:nth-child(3) .pillar-card:hover {
    transform: translateY(-24px);
}

@media (min-width: 992px) {
    .pillar-card h3 {
        min-height: 3.05rem;
    }
    .home-pillars .pillar-card h3 {
        min-height: 3.95rem;
    }
}
.trust-strip .row {
    position: relative;
    z-index: 2;
}
.trust-card {
    background-color: var(--color-white);
    border: 0;
    border-radius: 18px;
    box-shadow: 0 18px 42px rgba(15,74,138,.055);
    color: var(--color-dark-blue);
    display: flex;
    flex-direction: column;
    min-height: 178px;
    padding: 3.9rem 1.28rem 1.35rem;
    position: relative;
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.trust-card::before {
    border: 1px solid rgba(15,74,138,.08);
    border-radius: inherit;
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}
.trust-card::after {
    background: var(--color-ivory);
    border-radius: 0 0 999px 0;
    content: "";
    height: 58px;
    left: -1px;
    pointer-events: none;
    position: absolute;
    top: -1px;
    width: 58px;
    z-index: 1;
}
.trust-card > * {
    position: relative;
    z-index: 2;
}
.trust-card:hover {
    box-shadow: 0 22px 44px rgba(15,74,138,.10);
    transform: translateY(-4px);
}
.trust-icon {
    align-items: center;
    background: rgba(15,74,138,.08);
    background: color-mix(in srgb, currentColor 14%, var(--color-white));
    border-radius: 999px;
    color: var(--color-blue);
    display: inline-flex;
    height: 34px;
    justify-content: center;
    left: 7px;
    position: absolute;
    top: 7px;
    width: 34px;
    z-index: 2;
}
.trust-icon::before {
    background: currentColor;
    border-radius: 999px;
    content: "";
    inset: 7px;
    opacity: .08;
    position: absolute;
    transform: translate(7px, -7px);
    z-index: -1;
}
.trust-icon svg {
    display: block;
    height: 15px;
    width: 15px;
}
.trust-icon path {
    fill: currentColor;
    stroke: none;
}
.trust-icon-association {
    color: var(--color-vivid-red);
}
.trust-icon-govcon {
    color: var(--color-bright-teal);
}
.trust-icon-legal {
    color: var(--color-lilac);
}
.trust-icon-local {
    color: var(--color-golden-yellow);
}
.trust-card h2 {
    color: var(--color-dark-blue);
    font-size: 1rem;
    line-height: 1.25;
    margin: 0 0 .62rem;
}
.trust-card h2 a {
    color: inherit;
    text-decoration: none;
}
.trust-card h2 a:hover {
    color: var(--color-accessible-red);
}
.trust-card p {
    color: var(--color-charcoal);
    font-size: .82rem;
    line-height: 1.52;
    margin: 0;
}
.home-section-anchor,
#growth-dc,
#how-we-work {
    scroll-margin-top: 84px;
}

@media (max-width: 991.98px) {
    html,
    body {
        overflow-x: hidden;
    }
    #home-container h2,
    .vid h2,
    .step .title,
    .home .bg-blue-gradient h2,
    .intro-about h2 {
        width: 100%;
        max-width: 100%;
    }
    .intro-bg,
    .home-services,
    .trust-strip {
        overflow-x: hidden;
    }
    .home-hero-copy {
        max-width: 100%;
        overflow: hidden;
    }
    .home-hero-copy h1 {
        font-size: clamp(1.55rem, 6.8vw, 2rem);
        line-height: 1.18;
        max-width: 100%;
        overflow-wrap: break-word;
    }
    #how-we-work {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    #how-we-work .row {
        gap: 1rem;
    }
    #how-we-work .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .problem-card,
    .pillar-card {
        padding: 1.5rem;
    }
    .home-pillars .pillar-card {
        border-width: 3px;
        border-bottom-width: 10px;
        min-height: auto;
        padding: 1.5rem 1.25rem 0;
        transform: none !important;
    }
    .home-pillars .pillar-card::after {
        border-radius: 42% 58% 0 0 / 8% 10% 0 0;
        height: 45%;
    }
    .problem-card h3,
    .pillar-card h3 {
        font-size: 1.2rem;
    }
    .home-pillars .pillar-card h3 {
        min-height: auto;
    }
    .pillar-card-visual,
    .home-pillars .pillar-card-visual {
        height: 170px;
    }
    .pillar-card-visual img,
    .home-services .pillar-card-visual img,
    .home-pillars .pillar-card-visual img,
    .home-services .home-pillars .pillar-card-visual img {
        height: 132px;
    }
    .home-pillars .pillar-card > p:not(.pillar-card-close) {
        margin-top: 1.5rem;
        padding-top: 2.2rem;
    }
    .home-pillars .pillar-card-close {
        padding-bottom: 1.1rem;
    }
    .partner-feature {
        margin-bottom: 2rem;
    }
    .partner-copy {
        margin-left: 0 !important;
    }
    .partner-principles {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    #home-container h2 {
        font-size: 2rem;
        line-height: 1.15;
    }
    .kg-heading,
    #home-container h2.kg-heading,
    .intro-about h2.kg-heading {
        font-size: 1.9rem;
        line-height: 1.12;
    }
    #toTopBtn.show {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
}

 
.video-container{position:relative;overflow:hidden;padding-top:56.25%;width:100%;background-color:#2a2a2a;background-size:cover;background-position:center}
#background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;background-color:transparent}
#play-pause-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;background:rgba(0,0,0,0.5);color:#fff;border:none;padding:10px 20px;font-size:24px;cursor:pointer;border-radius:50px;transition:background .3s}
#play-pause-btn:hover{background:rgba(0,0,0,0.7)}
.icon-play,.icon-pause{pointer-events:none}
.end-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;text-align:center}
.end-logo{max-width:200px}
.cta-text{color:#fff;font-size:20px;margin-top:10px;background:rgba(0,0,0,0.6);padding:5px 10px;border-radius:5px}
.cta-banner{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:4;background:rgba(0,0,0,0.7);color:#fff;padding:10px 20px;border-radius:10px;font-size:16px;text-align:center;transition:opacity .3s;opacity:0}
.cta-banner.d-none{display:none}
.cta-banner.show{display:block;opacity:1}
.container.services h2 {font-size: 1.5em;line-height:1.4}

.bg-blue-gradient {
  background-image: linear-gradient(
    to right top,
    rgba(240, 244, 255, 0.7),
    rgba(210, 235, 255, 0.7),
    rgba(180, 215, 255, 1),
    rgba(150, 195, 255, 1),
    rgba(120, 175, 255, 0.7)
  );
  border-radius: 10px;
/*  -webkit-box-shadow: 8px 8px 20px 5px rgba(6, 6, 6, 0.2);
  -moz-box-shadow: 8px 8px 20px 5px rgba(6, 6, 6, 0.2);
  box-shadow: 8px 8px 20px 5px rgba(6, 6, 6, 0.2); */
}

.bg-blue-gradient p{color:var(--color-charcoal)}
#how-we-work{box-shadow:0 22px 52px rgba(15,74,138,.1);margin-bottom:3rem;margin-top:clamp(1.5rem,4vw,3.5rem);overflow:hidden;padding-left:2rem;padding-right:2rem}
#how-we-work .row{gap:1.25rem;justify-content:center}
#how-we-work .title{flex:0 0 100%;margin-bottom:1.75rem !important}
#how-we-work .title span{color:var(--color-accessible-red);-webkit-text-fill-color:var(--color-accessible-red)}
#how-we-work .col-md-4{background:rgba(255,255,255,.76);border:1px solid rgba(15,74,138,.1);border-radius:8px;box-shadow:0 14px 34px rgba(15,74,138,.08);flex:1 1 0;max-width:31%;padding:1.65rem 1.35rem !important}
#how-we-work h3{color:var(--color-dark-blue);font-size:1.25rem;line-height:1.25;margin:0}
#how-we-work p{font-size:.98rem;line-height:1.6;margin:0}
.contact-home {
    background: transparent url("../img/shapes/bg-contact-home.svg") no-repeat center center;
    background-size: cover;
    min-width: 100%;
    max-width: 1920px;
    overflow: hidden;
}
.logo-brain-angle {background: transparent url("../img/bg/logo-brain-angle.svg") no-repeat top left; background-size: 320px 320px;}

.contact-home .border{background-color:var(--color-light-blue)}
.contact-page h1{color:var(--color-dark-blue);font-size:clamp(2rem,3vw,3rem);line-height:1.1}
.contact-page p,.contact-page li{font-size:1.05rem;line-height:1.7}
.contact-page-note,
.contact-page-direct,
.contact-page fieldset{background:rgba(246,249,255,.86)}
.contact-page-note h2{color:var(--color-blue)}
.contact-page-direct .office,
.contact-page-direct .email{align-items:center;background-position:left center;background-repeat:no-repeat;background-size:32px 32px;display:flex;line-height:1.35;min-height:36px;padding-left:48px;position:relative}
.contact-page-direct .office{background-image:url("../img/icons/office.svg")}
.contact-page-direct .email{background-image:url("../img/icons/email-orange.svg")}
.privacy-policy-modal{--bs-modal-margin:2.25rem;--bs-modal-width:min(820px,calc(100vw - 4.5rem))}
.modal-backdrop{z-index:10040}
.modal-backdrop.show{opacity:.68}
.modal.privacy-policy-modal{z-index:10050}
#noticeModal:target{background:rgba(0,17,34,.68);display:block !important;opacity:1 !important;overflow-x:hidden;overflow-y:auto;pointer-events:auto}
#noticeModal:target .modal-dialog{transform:none !important}
.privacy-policy-modal .modal-dialog{margin:var(--bs-modal-margin) auto;max-width:var(--bs-modal-width);width:var(--bs-modal-width)}
.privacy-policy-modal .modal-content{background:var(--color-white);border:1px solid rgba(15,74,138,.14);border-radius:8px;box-shadow:0 26px 76px rgba(15,74,138,.28);max-height:calc(100vh - 4.5rem);overflow:hidden}
.privacy-policy-modal .modal-header{align-items:flex-start;background:var(--color-blue);border-bottom:0;color:var(--color-white);gap:1rem;padding:1.15rem 1.35rem}
.privacy-policy-modal .modal-title{color:var(--color-white);font-size:1.3rem;font-weight:700;line-height:1.2;margin:0;padding:0}
.privacy-policy-modal .btn-close{filter:invert(1) grayscale(100%) brightness(200%);margin:.1rem 0 0 auto;opacity:.9}
.privacy-policy-modal .btn-close:focus-visible{box-shadow:0 0 0 .22rem rgba(254,201,91,.55);outline:0}
.privacy-policy-modal .modal-body{background:linear-gradient(180deg,rgba(246,249,255,.72),rgba(255,255,255,1));padding:1.3rem 1.35rem}
.privacy-policy-modal .modal-footer{background:var(--color-white);border-top:1px solid rgba(15,74,138,.12);gap:1rem;padding:1rem 1.35rem}
.privacy-policy-modal .modal-footer .form-check{align-items:flex-start;display:flex;margin:0;min-height:44px;padding-left:0}
.privacy-policy-modal .modal-footer .form-check-input{flex:0 0 auto;margin:.25rem .7rem 0 0}
.privacy-policy-modal .modal-footer .form-check-label{color:var(--color-charcoal);font-size:.98rem;line-height:1.45}
.privacy-policy-modal .privacy-modal-close{min-width:116px}
.privacy-policy-modal-content h2,
.privacy-policy-modal-content h3,
.privacy-policy-modal-content h4{color:var(--color-blue);font-size:1.15rem;line-height:1.25;margin:1.35rem 0 .65rem;padding:0}
.privacy-policy-modal-content p,
.privacy-policy-modal-content li{font-size:.95rem;line-height:1.65}
.privacy-policy-modal-content a{text-decoration:underline;text-underline-offset:3px}
.form-check-label a,
a[data-privacy-modal-trigger]{font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media (max-width:575.98px){
  .privacy-policy-modal{--bs-modal-margin:.75rem;--bs-modal-width:calc(100vw - 1.5rem)}
  .privacy-policy-modal .modal-content{max-height:calc(100vh - 1.5rem)}
  .privacy-policy-modal .modal-header,
  .privacy-policy-modal .modal-body,
  .privacy-policy-modal .modal-footer{padding-left:1rem;padding-right:1rem}
  .privacy-policy-modal .privacy-modal-close{width:100%}
}
.team-card-placeholder{align-items:center;aspect-ratio:16/10;background:linear-gradient(135deg,rgba(15,74,138,.14),rgba(251,140,84,.16));border-radius:8px;color:var(--color-dark-blue);display:flex;font-size:2rem;font-weight:800;justify-content:center;letter-spacing:.04em}
.question{color:var(--color-blue);font-size:1.5em}

.text-brick .accordion-button{color:var(--color-accessible-red)}
.accordion-button{color:var(--color-charcoal)}
.accordion-button:focus{border-color:rgba(254,201,91,.75);box-shadow:0 0 0 .22rem rgba(254,201,91,.42)}
.accordion-button:not(.collapsed){background-color:var(--color-light-blue);color:var(--color-blue)}

.intro-about img{max-width:240px}
.partner-section{row-gap:clamp(2rem,4vw,3.5rem)}
.partner-section-head{margin-bottom:.5rem;max-width:920px}
.partner-section-head p{color:var(--color-charcoal);font-size:1.08rem;line-height:1.7;margin:0 auto;max-width:780px}
.partner-feature{margin-bottom:clamp(2rem,4vw,3.25rem)}
.partner-feature-alt{margin-bottom:0}
.partner-copy{background:var(--color-white);border:1px solid rgba(15,74,138,.12);border-radius:8px;box-shadow:0 18px 42px rgba(15,74,138,.08);padding:clamp(1.4rem,2.6vw,2.2rem)}
.partner-eyebrow{color:var(--color-accessible-red);display:block;font-size:.78rem;font-weight:700;letter-spacing:.04em;margin-bottom:.45rem;text-transform:uppercase}
.partner-copy h3{color:var(--color-dark-blue);font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.18;margin:0 0 .9rem;padding:0}
.partner-copy p{font-size:1rem;line-height:1.68}
.partner-principles{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.25rem}
.partner-principles div{background:linear-gradient(135deg,rgba(240,244,255,.92),rgba(250,248,247,.95));border:1px solid rgba(15,74,138,.08);border-radius:8px;padding:1rem}
.partner-principles strong{color:var(--color-blue);display:block;font-size:.98rem;margin-bottom:.35rem}
.partner-principles span{color:var(--color-charcoal);display:block;font-size:.88rem;line-height:1.5}
.partner-fit-list{display:grid;gap:.7rem;margin:1rem 0 1.25rem;padding-left:1.15rem}
.partner-fit-list li{font-size:.96rem;line-height:1.5;padding-left:.25rem}
.container.services .nav-link {
background-color: var(--color-light-blue);
transition: background-color 0.3s ease-in-out;
}

.container.services .nav-link:hover {
background-color: var(--color-dark-blue);
color: #fff;
}

.container.services .transition-img {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}

.container.services .tab-pane.show img {
opacity: 1;
}
.services-overview h2,
.entry-services h2{color:var(--color-blue);font-size:2.2rem}
.services-overview p,
.entry-services p{font-size:1.05rem;line-height:1.7}
.service-link-card,
.entry-service-card{background:var(--color-white);border:1px solid rgba(15,74,138,.18);border-radius:8px;box-shadow:0 14px 34px rgba(15,74,138,.08);color:var(--color-dark-blue);display:flex;flex-direction:column;gap:.65rem;padding:1.45rem;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.service-link-card:hover,
.entry-service-card:hover{border-color:rgba(227,91,78,.46);box-shadow:0 18px 42px rgba(15,74,138,.14);color:var(--color-dark-blue);transform:translateY(-3px)}
.service-link-card span{color:var(--color-accessible-red);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.service-link-card strong,
.entry-service-card strong{font-size:1.25rem;line-height:1.2}
.entry-service-card span{color:var(--color-charcoal);line-height:1.55}
.home-entry-links{display:grid;gap:1.1rem;grid-template-columns:minmax(260px,.82fr) 1.6fr;margin-bottom:1.5rem;margin-top:clamp(3.25rem,5vw,4.75rem)}
.home-entry-intro{align-items:flex-start;background:linear-gradient(135deg,rgba(11,55,94,.94),rgba(31,31,31,.88)),url("../img/bg/logo-brain-angle.svg") no-repeat right -90px bottom -90px;background-size:auto,260px 260px;border-radius:8px;box-shadow:0 18px 42px rgba(15,74,138,.12);color:var(--color-white);display:flex;flex-direction:column;justify-content:center;min-height:282px;padding:2rem}
.home-entry-intro span{color:var(--color-light-red);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.home-entry-intro h2{background:none;background-image:none;color:var(--color-white);font-size:2rem;line-height:1.12;margin:0;padding:.35rem 0 .8rem;text-align:left;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:var(--color-white)}
#home-container .home-entry-intro h2{background:none;background-image:none;margin-left:0;margin-right:0;text-align:left;width:auto;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:var(--color-white)}
.home-entry-intro h2 span,
#home-container .home-entry-intro h2 span{color:var(--color-light-red);font-size:inherit;font-weight:inherit;letter-spacing:0;text-transform:none;-webkit-text-fill-color:var(--color-light-red)}
.home-entry-intro p{color:rgba(255,255,255,.88);font-size:.95rem;line-height:1.55;margin:0 0 1.25rem}
.home-entry-intro .btn{font-weight:700}
.home-entry-link-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.home-entry-link-grid a{background:var(--color-white);border:1px solid rgba(15,74,138,.08);border-radius:8px;box-shadow:0 14px 34px rgba(15,74,138,.07);color:var(--color-dark-blue);display:flex;flex-direction:column;gap:.65rem;min-height:282px;padding:1.5rem;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.home-entry-link-grid a:nth-child(1){background:linear-gradient(135deg,rgba(240,244,255,.96),rgba(212,228,255,.82))}
.home-entry-link-grid a:nth-child(2){background:linear-gradient(135deg,rgba(250,248,247,.98),rgba(252,230,227,.70))}
.home-entry-link-grid a:nth-child(3){background:linear-gradient(135deg,rgba(240,244,255,.88),rgba(234,248,246,.86))}
.home-entry-link-grid a:hover{border-color:rgba(227,91,78,.36);box-shadow:0 20px 44px rgba(15,74,138,.12);color:var(--color-dark-blue);transform:translateY(-4px)}
.entry-link-icon{color:var(--color-blue);display:block;height:58px;margin-bottom:.35rem;width:58px}
.home-entry-link-grid a:nth-child(2) .entry-link-icon{color:var(--color-red)}
.home-entry-link-grid a:nth-child(3) .entry-link-icon{color:var(--color-bright-teal)}
.entry-link-icon svg{height:100%;width:100%}
.entry-link-icon path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}
.home-entry-link-grid strong{font-size:1.05rem;line-height:1.2}
.home-entry-link-grid small{color:var(--color-charcoal);font-size:.86rem;line-height:1.48}
.home-entry-link-grid em{align-self:flex-start;background:rgba(255,255,255,.72);border-radius:4px;color:var(--color-dark-blue);font-size:.72rem;font-style:normal;font-weight:700;margin-top:auto;padding:.35rem .55rem}
.service-content{padding-top:3.5rem}
.service-content-body{max-width:920px}
.service-content h2{font-size:clamp(1.65rem,2.2vw,2.15rem);line-height:1.18;padding:1.55em 0 .55em}
.service-content h2:first-child{padding-top:0}
.service-content p,.service-content li{font-size:1.05rem;line-height:1.7}
.service-content p{margin-bottom:1.1rem}
.service-content ul{margin:0 0 1.7rem;padding-left:1.2rem}
.service-content li{padding-left:.25rem;margin:.35rem 0}
.service-content .btn-main{margin-top:.75rem}
.kg-final-cta{margin-top:3rem}
.kg-final-cta-card{background:linear-gradient(135deg,var(--color-dark-blue),var(--color-blue));border-radius:8px;box-shadow:0 20px 48px rgba(15,74,138,.18);color:var(--color-white);padding:clamp(1.5rem,4vw,2.4rem)}
.kg-final-cta-eyebrow{color:var(--color-light-red);font-size:.78rem !important;font-weight:700;letter-spacing:.04em;margin-bottom:.5rem !important;text-transform:uppercase}
.kg-final-cta-heading{color:var(--color-white) !important;font-size:clamp(1.65rem,2.5vw,2.25rem) !important;line-height:1.16 !important;margin:0;padding:0 0 .75rem !important}
.kg-final-cta-text{color:rgba(255,255,255,.9);max-width:680px}
.kg-final-cta-actions{align-items:flex-start;display:flex;flex-direction:column;gap:.65rem;margin-top:1.2rem}
.kg-final-cta-microcopy{color:rgba(255,255,255,.78);font-size:.92rem !important;margin:0 !important}
.pricing-table .price .fw-bold{font-family:Georgia, "Times New Roman", Times, serif;font-size:1.25em;margin-right:.25em}
.pricing-table h3.starter{background:var(--color-light-blue) url("../img/icons/starter.png") no-repeat 28px 9px;background-size:50px}
.pricing-table h3.growth{background:var(--color-light-brick) url("../img/icons/growth.png") no-repeat 0 0;background-size:100px}
.pricing-table h3.enterprise{background:var(--color-light-blue) url("../img/icons/enterprise.png") no-repeat -8px 4px;background-size:100px;padding-left:2em}
.pricing-table .card-footer{border-top:0;padding:1em 0}
.pricing-table li{padding:.5em 0}
.pricing-table li:nth-child(odd) {background-color:var(--color-light-blue)}
.pricing-faq h4{padding:0}
.pricing-faq h4.accordion-button{padding: .5em 0 .25em;}

.custom-cta-card {height:calc(100% - 6em);border-radius: 10px;border:0px}
.blog-posts h2 {font-size: 1.25em}
.blog h1 {font-size: 2.5em;padding:40px 0}
.blog h2 {color:var(--color-charcoal)}
.blog-content a {color:var(--color-blue) !important;text-decoration:underline;text-underline-offset: 3px;}
.blog-content a:hover {text-decoration:underline}
.blog-content .cta {width:240px;margin:0 auto}
.blog-content a.cta{color:var(--color-ivory) !important;text-decoration:none !important}
.blog-content a.cta:hover {text-decoration:none}
.blog-content .cta-banner-post a {color:var(--color-white) !important;text-decoration:none}
.blog-content img {width:100%}
.kg-table-wrap{border:1px solid rgba(15,74,138,.14);border-radius:8px;box-shadow:0 14px 34px rgba(15,74,138,.08);margin:2rem 0;overflow:auto}
.kg-table-wrap:focus-visible{outline:3px solid var(--color-light-red);outline-offset:3px}
.blog-content table.kg-table,
.content table.kg-table,
.service-content table.kg-table{background:var(--color-white);border-collapse:separate;border-spacing:0;margin:0;min-width:640px;width:100%}
.blog-content table.kg-table th,
.blog-content table.kg-table td,
.content table.kg-table th,
.content table.kg-table td,
.service-content table.kg-table th,
.service-content table.kg-table td{border-bottom:1px solid rgba(15,74,138,.12);padding:.85rem 1rem;text-align:left;vertical-align:top}
.blog-content table.kg-table th,
.content table.kg-table th,
.service-content table.kg-table th{background:var(--color-blue);color:var(--color-white);font-weight:700}
.blog-content table.kg-table tr:nth-child(even) td,
.content table.kg-table tr:nth-child(even) td,
.service-content table.kg-table tr:nth-child(even) td{background:rgba(212,228,255,.28)}
.blog-content table.kg-table tr:last-child td,
.blog-content table.kg-table tr:last-child th,
.content table.kg-table tr:last-child td,
.content table.kg-table tr:last-child th,
.service-content table.kg-table tr:last-child td,
.service-content table.kg-table tr:last-child th{border-bottom:0}
.blog-content table.kg-table td a,
.content table.kg-table td a,
.service-content table.kg-table td a{color:var(--color-dark-blue) !important;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.blog-content table.kg-table th a,
.content table.kg-table th a,
.service-content table.kg-table th a{color:var(--color-white) !important;text-decoration:underline;text-underline-offset:3px}
.kg-inline-player{background:var(--color-white);border:1px solid rgba(15,74,138,.16);border-radius:8px;box-shadow:0 16px 40px rgba(15,74,138,.1);margin:2rem 0;overflow:hidden}
.kg-inline-player-label{background:linear-gradient(135deg,var(--color-blue),var(--color-dark-blue));color:var(--color-white);font-size:.78rem;font-weight:700;letter-spacing:.04em;padding:.65rem 1rem;text-transform:uppercase}
.kg-inline-player-frame{aspect-ratio:16/9;background:var(--color-dark-blue);position:relative}
.kg-inline-player-frame-placeholder{align-items:center;background:linear-gradient(135deg,rgba(15,74,138,.92),rgba(35,71,120,.9));display:flex;justify-content:center;padding:1.5rem}
.kg-inline-player-load{background:var(--color-accessible-red);border:0;border-radius:8px;color:var(--color-white);font-weight:800;min-height:48px;padding:.85rem 1.25rem}
.kg-inline-player-load:hover,
.kg-inline-player-load:focus-visible{background:var(--color-blue);color:var(--color-white);outline:3px solid var(--color-white);outline-offset:3px}
.kg-inline-player iframe{border:0;height:100%;inset:0;position:absolute;width:100%}
.kg-inline-player video,
.kg-inline-player audio{background:var(--color-dark-blue);display:block;width:100%}
.kg-inline-player audio{padding:1rem}
.reveal-on-scroll{opacity:.98;transform:translateY(8px);transition:opacity .28s ease-out,transform .28s ease-out;transition-delay:var(--reveal-delay,0ms);will-change:auto}
.reveal-on-scroll.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce) {
    .reveal-on-scroll{opacity:1;transform:none;transition:none}
}
.search{position:relative}
#search-results-dropdown {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid #ddd;
    background-color: #fff;
    display: none;
    min-width: min(100%, 420px);
}

#search-results-dropdown .dropdown-item {
    padding: 10px;
    cursor: pointer;
}
.tags a {background-color:var(--color-white);display:inline-block;font-size:.9em; padding:.2em .25em; margin: 0 0.75em .5em 0}
.date, .author {color: var(--color-dark-blue);font-size:.9em;}
.parents{margin:0}
.container .category{font-size:.9em;}
.on-footer-bg {
    background: transparent url("../img/shapes/on-footer-bg.svg") no-repeat bottom center;
    background-size: cover;
    min-width: 100%;
    min-height:160px;
    margin-bottom:-2px;
    max-width: 1920px;
    overflow: hidden;
}
footer {font-size:.9em}
footer .logo{box-sizing:content-box;height:32px;width:auto}
footer a{color:var(--color-white);text-decoration:none;transition:color .3s ease}
footer a:hover{color:var(--color-yellow)}
footer ul{margin:0;padding:0}
.site-footer{position:relative}
.site-footer-main h5{color:var(--color-white);font-size:1rem;letter-spacing:.02em;margin-bottom:1rem}
.footer-description{font-size:1rem;line-height:1.7;max-width:360px}
.footer-address{color:rgba(255,255,255,.84);line-height:1.65;max-width:360px}
.footer-contact p{display:flex;align-items:center}
.footer-contact .office,
.footer-contact .email{background-position:left center;line-height:1.35;min-height:32px;padding-left:42px}
.footer-contact .office a,
.footer-contact .email span{display:inline-block}
.footer-links li{background:transparent;border:0;line-height:1.35;padding-bottom:.7rem}
.footer-links a{display:inline-block}
.footer-social{display:flex;flex-wrap:wrap;gap:.65rem 1rem}
.footer-social a{border-bottom:1px solid rgba(233,159,151,.5);color:var(--color-ivory);display:inline-block;padding-bottom:.1rem}
.footer-social a:hover{border-color:var(--color-yellow);color:var(--color-yellow)}
.site-footer-bottom{border-top:1px solid rgba(255,255,255,.18)}
.bottom-links{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;justify-content:center}
.bottom-links a{color:rgba(255,255,255,.9) !important}
.bottom-links a:hover{color:var(--color-yellow) !important}
.office{background:transparent url("../img/icons/office.svg") no-repeat 0 0}
.email{background:transparent url("../img/icons/email-orange.svg") no-repeat 0 0}
.facebook{background:transparent url("../img/icons/facebook.svg") no-repeat 0 0}
.linkedin{background:transparent url("../img/icons/linkedin.svg") no-repeat 0 0}
.reddit{background:transparent url("../img/icons/reddit.svg") no-repeat 0 0}
.twitter{background:transparent url("../img/icons/x.svg") no-repeat 0 0}
.office,.email,.facebook,.linkedin,.reddit,.twitter{display:inline-block;height:32px;line-height:32px;padding-left:40px}

@media (min-width: 992px) {
    .bottom-links{justify-content:flex-start}
}

@media (max-width: 767.98px) {
    .site-footer-main h5{margin-top:.5rem}
    .footer-description,
    .footer-address{margin-left:auto;margin-right:auto}
    .footer-contact p{display:inline-flex;align-items:center;justify-content:center;background-position:left center;line-height:1.35;min-height:32px;padding-left:42px;text-align:left}
    .footer-social{justify-content:center}
}

@media (max-width: 991.98px) {
    .home-entry-links{grid-template-columns:1fr}
    .home-entry-link-grid{grid-template-columns:1fr}
}

.contact-popup {
  width: 420px;
  position:relative;
  background-color: var(--color-ivory);
  background-size: 200%;
  color: var(--color-charcoal);
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  font-size: .85em;
  z-index: 999;
  position: absolute;
  top: calc(100% + 1.75em);
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.emerging-image {
  position: absolute;
  bottom: -8%;
  right: -16%;
  width: 200px;  /* Adjust to show more or less of the image */
  height: 200px; /* Adjust as needed */
  background: url("../img/logo-brain.svg") no-repeat bottom right;
  background-size: contain;
  animation: fadeInLogo 1s forwards;
}
/* Arrow on top */
.contact-popup::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 10px 10px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

/* Show when active */
.contact-popup.show {
  opacity: 1;
  visibility: visible;
}

.popup-content ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.popup-content ul li {
  position: relative;
  padding-left: 1.5em; /* Space for the check mark */
  margin-bottom: .5em;
}

.popup-content ul li::before {
  content: "\2714"; /* Unicode for a check mark */
  position: absolute;
  left: 0;
  top: 0;
  color: var(--color-green);
  font-weight: bold;
}
@keyframes slideIn {
  from {
    transform: translateX(-50px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Apply animation to each list item */
.popup-content ul li {
  opacity: 0; /* start hidden */
  animation: slideIn 0.5s forwards;
}

/* Stagger the animations */
.popup-content ul li:nth-child(1) {
  animation-delay: 0.2s;
}
.popup-content ul li:nth-child(2) {
  animation-delay: 0.4s;
}
.popup-content ul li:nth-child(3) {
  animation-delay: 0.6s;
}
.popup-content ul li:nth-child(4) {
  animation-delay: 0.8s;
}
.popup-content ul li:nth-child(5) {
  animation-delay: 1s;
}

/* Optionally animate other text elements (like headings or paragraphs) */
.popup-content h6,
.popup-content p {
  opacity: 0;
  animation: slideIn 0.5s forwards;
  animation-delay: 1.2s;
}
@keyframes fadeInLogo {
  from { opacity: 0; }
  to { opacity: 1; }
}
.blog-posts h3 a,.blog-featured h2 a{color:var(--color-charcoal)}
.blog-posts .category a{font-weight:700}
.blog-featured,.post-imgbg{border-radius:10px;position:relative}
.blog-featured .featured-info a{color:var(--color-charcoal);font-weight: 700}
.blog-featured .featured-info span{padding-right:2em}
.centered-image {display:block;margin:0 auto; width:auto}

.blog-featured .icon-file, .blog-post-card .icon-file {position:absolute; top:-1em;left:1em}
.blog-post-card .category a {margin-right: 2em}
.latest-files .title {color:var(--color-blue);font-size: 1.5em}
.latest-files h4 a {color:var(--color-charcoal)}
blockquote{background:var(--color-light-blue) url("../img/icons/quote.svg") no-repeat center left; border: 1px solid var(--color-blue);padding:1.5em 1.5em 1.5em 6em;background-size: 6em 6em;}
blockquote p{margin:0}
pre{background-color:var(--color-light-blue);border:10px;margin:0;padding:1em}
.pagination ul {display:flex;justify-content:center;width:100%}


/* Position the progress bar at the bottom of the nav */
#progressContainer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px; /* Adjust as needed */
  background: rgba(0, 0, 0, 0.1);
  z-index: 10000; /* Ensure it appears above the nav's background if needed */
}

#progressBar {
  height: 100%;
  width: 0;
  background: var(--color-brick); /* Change to your desired color */
  transition: width 0.1s ease-out;
}
.toc {position:sticky;top:5em;align-self: flex-start;}
.toc .title{font-size:1.25em;padding-bottom:1em}
.toc ul,.toc li{list-style: none;margin:0 1em 0 0;padding:0}
.toc li{margin-bottom:.75em}
.toc a{color:var(--color-blue);display:block}
.toc a.active{color:var(--color-vivid-red)}
.small-logo{background: transparent url("../img/logo-brain.svg") no-repeat 0 0; margin-bottom: 1.5em; padding-left:2em; font-weight:700}


.share-vertical {
  border: 1px solid var(--color-light-brick);
  padding-top:8px; 
  position: sticky;
  top: 5em;
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width:62px;
}
.share-vertical a {width: 62px}
.share-vertical i {margin-left: 12px; height: 48px; line-height: 48px;}
.file-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 2.5em; /* Adjust space for the icon */
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 2em; /* Adjust icon size */
}
.icon-file {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 3em;
    display: inline-block;
    line-height: 3em;
    height: 3em;
    width:3em;
    padding-left: 1em;
    vertical-align: middle;
}
.icon-pdf{background-image: url("../img/icons/files/pdf.png")}
.icon-xls,.icon-xlsx{background-image: url("../img/icons/files/xls.png")}
.icon-doc{background-image: url("../img/icons/files/doc.png")}
.icon-rar{background-image: url("../img/icons/files/rar.png")}
.icon-jpg{background-image: url("../img/icons/files/jpg.png")}
.icon-ps{background-image: url("../img/icons/files/ps.png")}
.icon-eps{background-image: url("../img/icons/files/eps.png")}
.icon-ai{background-image: url("../img/icons/files/ai.png")}
.icon-txt{background-image: url("../img/icons/files/txt.png")}
.icon-gif{background-image: url("../img/icons/files/gif.png")}
.icon-png{background-image: url("../img/icons/files/png.png")}

.pagination .active a {background-color:var(--color-dark-blue);color:var(--color-ivory);}
.pagination .page-link {color:var(--color-blue);}
.pagination .page-link a:hover{background-color:var(--color-light-blue);}
.pagination a:focus-visible,
.pagination span.page-link:focus-visible {box-shadow:0 0 0 .22rem rgba(254,201,91,.42);outline:3px solid var(--color-yellow);outline-offset:3px}
.cat h1 {font-size:4em}

#toTopBtn{position:fixed;bottom:36px;right:36px;width:44px;height:44px;background:var(--color-dark-blue) url(../img/icons/go-to-top-arrow.svg) no-repeat center center;background-size:170%;border:0;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;cursor:pointer;transition:opacity 0.4s ease-in-out;opacity:0;visibility:hidden;z-index:1000}#toTopBtn.show{opacity:1;visibility:visible}
#toTopBtn:focus-visible{outline:3px solid var(--color-yellow);outline-offset:4px}

.links canvas {position:relative}

@media (max-width: 1639px) {
  .contact-popup {
    left: auto;
    right: 0;
    transform: none;
  }
  .contact-popup::before {
    left: auto;
    right: 3.1em; /* Adjust this value if needed */
    transform: none;
  }
}
@media (max-width: 992px) {
    .navbar.fixed-top{position:fixed !important;}
    .navbar-nav{background:var(--color-blue);padding:.35rem 0 .75rem}
    .navbar:has(.navbar-collapse.show){transform:translateY(0)}
    .navbar .dropdown-menu{background:rgba(11,55,94,.56);border-radius:8px;box-shadow:none;margin:.15rem .75rem .55rem;padding:.35rem 0;position:static;transform:none;width:auto}
    .navbar .dropdown-menu.show{animation:mobileDropdownIn .2s ease both}
    .navbar .dropdown-item{border-radius:6px;margin:.1rem .35rem;padding:.65rem .85rem !important;width:auto}
    .navbar a, .nav-link{padding:.8em .75rem}
    li.last{margin-left:0 !important}
    .nav-link.btn{display:inline-flex;justify-content:center;max-width:none;margin:.5em .75rem 1rem;min-width:220px;white-space:nowrap}
    .home .intro{height:auto !important;padding-top:112px;min-height:650px}
    .intro-text h1 {font-size:1.75em}
    .home-hero-copy h1{font-size:2rem;margin-left:auto;margin-right:auto}
    .home-hero-copy p{font-size:1rem;margin-left:auto;margin-right:auto;margin-top:1rem}
    .hero-cta-pointer{display:none}
    .blog-post .intro-service h1 {font-size:1.8em}
    .blog-content h2 {font-size:1.6em}
    .blog-content h3 {font-size:1.4em}
    .blog-content h4 {font-size:1.2em}
    canvas{left:50%;top:50%;transform:translate(-50%, -50%);opacity: 0.50}
    .office,.email{height:auto;line-height:16px;padding-left:40px}
    .facebook,.linkedin{height:32px;line-height:32px;padding-left:32px}
    .office a {display:block;clear:left}
}
@media (max-width: 768px) {
    .intro-text h1 {font-size:1.5em}
    p.office,p.email,li.facebook,li.linkedin{display:inline-block;margin:0 2.2em;padding-left:36px}
    .email{height:32px;line-height:32px}
    .facebook a,.linkedin a{display: block}
}
@media (max-width: 576px) {
    .home .intro{padding-top:104px;min-height:650px}
    .intro-text h1 {font-size:1.25em}
    .intro-text {font-size:1.2em}
    p.office,p.email,li.facebook,li.linkedin{margin:0 1em}
    #search-results-dropdown {width:100%}
    #search-results-dropdown a {overflow-wrap: break-word !important;white-space: normal;}
}
@media (max-width: 420px) {
    .bottom-links a {display:block}
    .bottom-links span {display:none}
    .bottom-links a.me-3, .bottom-links a.mx-3, .bottom-links a.ms-3 {margin:0 0 1em !important} 
    .nav-link.btn{min-width:0;width:calc(100% - 1.5rem);white-space:normal}
}
@media (max-width: 320px) {
    .intro-text h1 .animated-text{font-size:.9em}
}
.footer-contact p.office,
.footer-contact p.email{align-items:center;background-position:left center;display:flex;gap:.35rem;line-height:1.35;min-height:32px;padding-left:42px}
.contact-page-direct p.office,
.contact-page-direct p.email{align-items:center;display:flex;gap:.35rem;margin-left:0;margin-right:0;text-align:left}
@media (max-width: 991.98px) {
    .footer-contact p.office,
    .footer-contact p.email{justify-content:center}
}
@media (min-width: 1800px) {.on-footer-bg{min-height:240px}}
@media (min-width: 3200px) {.on-footer-bg{min-height:290px}}