/* PersonalitySite.com homepage recreation
   No SVG assets are used. All raster artwork is PNG. */

:root{
  --navy:#0c2a4a;
  --navy-2:#133c62;
  --blue:#0d6f9b;
  --blue-2:#2e88aa;
  --teal:#1e9aa5;
  --sky:#eaf6fb;
  --sky-2:#f4fbfe;
  --line:#d8e6ee;
  --ink:#132238;
  --muted:#52657a;
  --white:#ffffff;
  --radius:18px;
  --shadow:0 12px 34px rgba(17,46,73,.08);
  --container:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color:var(--ink);
  background:#fff;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(var(--container), calc(100% - 48px));margin-inline:auto}

/* Header */
.site-header{
  background:#fff;
  border-bottom:1px solid rgba(12,42,74,.06);
  position:relative;
  z-index:10;
}
.header-inner{
  min-height:72px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:26px;
}
.brand{
  display:inline-flex;
  align-items:center;
  gap:14px;
  min-width:max-content;
}

/* P icon */
.brand-mark{
  width:50px;
  height:50px;
  object-fit:contain;
  flex:0 0 auto;
}

/* Text portion of the logo.
   This remains live HTML text for accessibility/SEO rather than a raster wordmark. */
.brand-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1;
}

/* Match the supplied PersonalitySite.com logo:
   dark navy, heavy geometric weight, compact tracking. */
.brand-wordmark{
  display:block;
  margin:0;
  font-family:"Manrope","Inter","Segoe UI",Arial,sans-serif;
  font-size:25px;
  font-weight:800;
  line-height:1;
  letter-spacing:-1.15px;
  white-space:nowrap;

  /* Match the P logo: deep navy -> blue -> teal, with a smooth faded transition. */
  background:linear-gradient(
    90deg,
    #0c2a4a 0%,
    #0d3f70 28%,
    #146ca0 55%,
    #168fb0 76%,
    #20b7bd 100%
  );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}

/* Small supporting line used in the supplied logo */
.brand-tagline{
  display:block;
  margin-top:8px;
  color:#52657a;
  font-family:"Manrope","Inter","Segoe UI",Arial,sans-serif;
  font-size:9.5px;
  font-weight:500;
  line-height:1;
  letter-spacing:.015em;
  white-space:nowrap;
}
.main-nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:650;color:#18334f}
.main-nav a:hover,.footer-nav a:hover{color:var(--blue)}
.chev{font-size:14px;margin-left:2px}
.header-actions{justify-self:end;display:flex;align-items:center;gap:10px}
.search-btn{
  border:0;background:transparent;color:var(--navy);
  font-size:27px;line-height:1;cursor:pointer;padding:7px 10px;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:9px;
  font-weight:750;
  line-height:1;
  transition:.18s ease;
  border:1px solid transparent;
}
.btn:hover{transform:translateY(-1px)}
.btn-small{min-height:42px;padding:0 20px;font-size:13px}
.btn-large{min-height:52px;padding:0 27px;font-size:15px}
.btn-primary{
  background:linear-gradient(180deg,#167ca7,#096587);
  color:#fff;
  box-shadow:0 7px 18px rgba(13,111,155,.18);
}
.btn-outline{
  background:rgba(255,255,255,.9);
  color:var(--navy);
  border-color:#9bc7db;
}
.play-dot{
  width:22px;height:22px;border-radius:50%;
  display:grid;place-items:center;background:#0d7299;color:#fff;font-size:9px;
}

/* Hero */
.hero{
  position:relative;
  min-height:500px;
  overflow:hidden;
  background:linear-gradient(90deg,#f4fbfe 0%,#f0f9fd 42%,rgba(240,249,253,.3) 60%,transparent 100%);
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,1) 0%,
    rgba(247,252,254,.98) 34%,
    rgba(247,252,254,.72) 44%,
    rgba(247,252,254,.20) 54%,
    rgba(255,255,255,0) 62%
  );
  z-index:1;
  pointer-events:none;
}
.hero-photo{
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:68%;
  background:url("../assets/img/hero-scene.png") right center / cover no-repeat;
}
.hero-photo:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(247,252,254,1) 0%,
    rgba(247,252,254,.88) 10%,
    rgba(247,252,254,.45) 22%,
    rgba(247,252,254,.12) 34%,
    rgba(247,252,254,0) 46%
  );
  pointer-events:none;
}
.hero-grid{
  position:relative;z-index:2;
  display:grid;grid-template-columns:44% 56%;
  min-height:425px;
}
.hero-copy{padding-top:48px;padding-bottom:110px}
.eyebrow{
  margin:0 0 18px;
  font-size:11px;font-weight:800;letter-spacing:.32em;color:#225c78;
}
.hero h1{
  margin:0;
  font-size:52px;
  line-height:.98;
  letter-spacing:-2.6px;
  color:#092a4a;
}
.hero h1 span{color:#3d8eaf}
.hero-text{
  max-width:540px;
  font-size:16px;line-height:1.52;color:#31465d;margin:18px 0 22px;
}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}

/* Trust strip */
.trust-strip{
  position:absolute;z-index:3;
  left:50%;bottom:0;transform:translateX(-50%);
  min-height:76px;
  display:grid;grid-template-columns:repeat(4,1fr);
  background:rgba(255,255,255,.96);
  border-radius:12px 12px 0 0;
  box-shadow:0 -8px 28px rgba(16,54,78,.08);
  overflow:hidden;
}
.trust-item{
  display:flex;align-items:center;gap:13px;
  padding:18px 24px;border-right:1px solid #e6eef3;
}
.trust-item:last-child{border-right:0}
.trust-item img{width:30px;height:30px;object-fit:contain}
.trust-item div{display:flex;flex-direction:column;gap:3px}
.trust-item strong{font-size:13px;color:#153453}
.trust-item small{font-size:10px;color:#66788a}

/* Sections */
.section{padding:29px 0 14px}
.tests-section{background:#fff}
.section-heading-row{
  display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px
}
.section-eyebrow{margin-bottom:7px;color:#23677f}
.section-heading-row h2,.how-panel h2{
  margin:0;font-size:26px;letter-spacing:-.7px;color:#102d4d
}
.text-link{font-size:12px;font-weight:750;color:#145a7a}
.test-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.test-card{
  min-width:0;
  background:#fff;
  border:1px solid #dce8ef;
  border-radius:14px;
  padding:18px 13px 13px;
  display:flex;flex-direction:column;align-items:center;
  text-align:center;
  box-shadow:0 8px 22px rgba(17,55,82,.035);
}
.test-icon{height:68px;width:82px;object-fit:contain;margin:0 auto 8px}
.test-card h3{font-size:14px;line-height:1.12;margin:0 0 8px;color:#0d2947}
.test-card p{font-size:10.5px;line-height:1.42;color:#53677b;min-height:45px;margin:0 0 10px}
.meta{
  width:100%;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;
  font-size:9px;color:#52677b;margin:auto 0 11px
}
.btn-card{
  width:100%;min-height:34px;
  border:1px solid #75b6d5;background:#fff;color:#0b577b;
  font-size:10px;border-radius:7px;
}

/* How */
.how-section{padding:2px 0 17px}
.how-panel{
  background:linear-gradient(90deg,#eff9fc,#f7fcfe);
  border-radius:14px;
  padding:18px 25px 23px;
}
.how-panel h2{font-size:23px;margin-bottom:17px}
.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1.1fr;align-items:start;gap:14px}
.step{display:grid;grid-template-columns:38px 1fr;gap:12px}
.step-num{
  width:38px;height:38px;border-radius:50%;
  display:grid;place-items:center;background:#c8edf4;color:#124a69;
  font-weight:800
}
.step h3{font-size:13px;margin:1px 0 7px;color:#122e4a}
.step p{font-size:10.5px;line-height:1.48;margin:0;color:#52677b}
.step-arrow{font-size:31px;line-height:38px;color:#91c8da}

/* Business */
.business-section{
  position:relative;
  overflow:hidden;
  min-height:290px;
  background:linear-gradient(90deg,#eef8fc 0%,#edf7fb 58%,#f7fcfe 100%);
}
.business-section:before{
  content:"";
  position:absolute;
  inset:0;
  /* Keep the copy area clean while allowing the image to remain visible on the right. */
  background:linear-gradient(
    90deg,
    rgba(239,249,253,1) 0%,
    rgba(239,249,253,.98) 43%,
    rgba(239,249,253,.72) 52%,
    rgba(239,249,253,.22) 60%,
    rgba(239,249,253,0) 68%
  );
  z-index:1;
  pointer-events:none;
}
.business-photo{
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:50%;
  /* Anchor the photo to the right so the right side is preserved. */
  background:url("../assets/img/business-team.png") right center / cover no-repeat;
}
.business-photo:before{
  content:"";
  position:absolute;
  inset:0;
  /* Fade only the LEFT edge of the business image into the section background. */
  background:linear-gradient(
    90deg,
    rgba(239,249,253,1) 0%,
    rgba(239,249,253,.88) 10%,
    rgba(239,249,253,.48) 21%,
    rgba(239,249,253,.14) 32%,
    rgba(239,249,253,0) 43%
  );
  pointer-events:none;
}
.business-grid{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.2fr .9fr 1.15fr;
  gap:42px;align-items:center;min-height:290px
}
.business-copy{padding:28px 0}
.business-copy h2{
  margin:0 0 12px;font-size:32px;line-height:1.02;letter-spacing:-1.3px;color:#0c2b4d
}
.business-copy>p:not(.eyebrow){font-size:13px;line-height:1.5;color:#3b5268;max-width:500px;margin:0 0 19px}
.benefits-list{list-style:none;margin:34px 0 0;padding:0}
.benefits-list li{
  position:relative;padding-left:28px;margin:0 0 11px;
  font-size:12px;color:#173650;font-weight:600
}
.benefits-list li:before{
  content:"✓";position:absolute;left:0;top:-1px;
  width:17px;height:17px;border-radius:50%;display:grid;place-items:center;
  background:#0d789f;color:#fff;font-size:11px;font-weight:900
}

/* Methodology */
.methodology-section{background:#fff;padding:27px 0}
.methodology-panel{
  min-height:112px;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  padding:25px 28px;
  border:1px solid #dce8ef;
  border-radius:var(--radius);
  box-shadow:var(--shadow)
}
.methodology-icon{
  width:54px;height:54px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(145deg,#0d6f9b,#1e9aa5);color:#fff;
  font-size:24px;font-weight:800;box-shadow:0 9px 20px rgba(13,111,155,.18)
}
.methodology-copy h2{margin:0 0 8px;font-size:22px;letter-spacing:-.5px;color:#102d4d}
.methodology-copy p:not(.eyebrow){margin:0;max-width:750px;font-size:12.5px;line-height:1.55;color:#52657a}

/* Final CTA */
.final-cta{
  min-height:145px;
  position:relative;
  display:grid;place-items:center;
  background:
    linear-gradient(rgba(8,43,74,.2),rgba(155,199,219,.82)),
    url("../assets/img/cta-mountains.png") center/cover no-repeat;
  color:#fff;text-align:center
}
.final-cta-inner{padding:25px 0}
.final-cta h2{margin:0 0 8px;font-size:21px}
.final-cta p{margin:0 0 16px;font-size:12px;color:#e7f2f7}
.btn-light{background:#fff;color:#153b5c;box-shadow:0 7px 20px rgba(0,0,0,.18)}

/* Footer */
.site-footer{background:#fff;padding:20px 0 25px;border-top:1px solid #e3edf2}
.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}
.footer-brand .brand-mark{width:35px;height:35px}
.footer-brand .brand-copy strong{font-size:16px}
.footer-brand .brand-copy small{font-size:7.5px}
.footer-nav{display:flex;gap:18px;font-size:10.5px;color:#263f57}
.footer-right{justify-self:end;text-align:right}
.footer-support{display:block;margin-bottom:7px;font-size:10.5px;font-weight:700;color:#145a7a}
.footer-support:hover,.footer-support:focus{color:#0d789f;text-decoration:underline}
.footer-right small{font-size:8.5px;color:#627587}

/* Contact */
.contact-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 20%,rgba(30,154,165,.16),transparent 29%),
    linear-gradient(135deg,#f5fbfd 0%,#eaf6fb 100%);
  border-bottom:1px solid #dce8ef
}
.contact-hero-inner{padding:64px 0 58px}
.contact-hero .eyebrow{margin-bottom:12px}
.contact-hero h1{margin:0 0 13px;font-size:44px;letter-spacing:-2px;color:#092a4a}
.contact-hero p:not(.eyebrow){max-width:670px;margin:0;font-size:16px;line-height:1.6;color:#40566c}
.contact-section{padding:54px 0 68px;background:#fff}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:38px;align-items:start}
.contact-form-card{
  padding:34px;
  border:1px solid #dce8ef;
  border-radius:var(--radius);
  background:#fff;
  box-shadow:var(--shadow)
}
.contact-form{display:grid;gap:22px}
.form-row-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.form-field{display:grid;gap:7px}
.form-field label,.captcha-box legend{font-size:13px;font-weight:750;color:#173650}
.contact-form .form-control,.contact-form .form-select{
  min-height:48px;
  border:1px solid #bed2de;
  border-radius:9px;
  color:#132238;
  background-color:#fff;
  box-shadow:none;
  font-size:14px
}
.contact-form textarea.form-control{min-height:155px;resize:vertical;padding-top:12px}
.contact-form .form-control:focus,.contact-form .form-select:focus{
  border-color:#167ca7;
  box-shadow:0 0 0 4px rgba(13,111,155,.13)
}
.contact-form .is-invalid,.captcha-box.is-invalid{
  border-color:#b42318
}
.field-help{font-size:11px;line-height:1.45;color:#617589}
.field-error{margin:0;font-size:11px;font-weight:650;line-height:1.45;color:#9f221a}
.captcha-box{
  margin:0;
  padding:18px 20px;
  border:1px solid #cfe0e8;
  border-radius:12px;
  background:#f5fbfd
}
.captcha-box legend{float:none;width:auto;margin:0 0 9px;padding:0}
.captcha-image-row{display:flex;align-items:center;gap:18px;margin-bottom:14px;flex-wrap:wrap}
.captcha-image{display:block;width:248px;height:82px;border-radius:12px;background:#eef8fb}
.captcha-refresh{font-size:11.5px;font-weight:750;color:#145a7a}
.captcha-refresh:hover,.captcha-refresh:focus{color:#0d789f;text-decoration:underline}
.captcha-answer-label{display:block;margin:0 0 7px;font-size:13px;font-weight:750;color:#173650}
.captcha-answer.form-control{width:150px;margin-bottom:7px;text-transform:uppercase;letter-spacing:.22em;font-size:16px;font-weight:750;background:#fff}
.consent-check{padding-left:1.75rem}
.consent-check .form-check-input{margin-top:.25rem;border-color:#8cabbc}
.consent-check .form-check-input:focus{box-shadow:0 0 0 4px rgba(13,111,155,.13)}
.consent-check .form-check-label{font-size:12px;line-height:1.5;color:#40566c}
.contact-submit{justify-self:start;min-width:180px}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-alert{
  display:grid;gap:3px;margin-bottom:24px;padding:15px 17px;border:1px solid;border-radius:10px;
  font-size:12px;line-height:1.45
}
.form-alert-success{border-color:#a7d7c1;background:#edf9f3;color:#175c3c}
.form-alert-error{border-color:#efb4af;background:#fff3f2;color:#842018}
.contact-aside{padding:28px 4px}
.contact-aside h2{margin:0 0 16px;font-size:25px;letter-spacing:-.6px;color:#102d4d}
.contact-aside ul{list-style:none;margin:0;padding:0;display:grid;gap:15px}
.contact-aside li{position:relative;padding-left:27px;font-size:13px;line-height:1.5;color:#40566c}
.contact-aside li:before{
  content:"✓";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;
  display:grid;place-items:center;background:#dff3f4;color:#08717b;font-size:11px;font-weight:900
}
.privacy-note{margin-top:28px;padding:18px;border-radius:12px;background:#eef8fb;border:1px solid #d6e9ef}
.privacy-note strong{display:block;margin-bottom:5px;font-size:13px;color:#123654}
.privacy-note p{margin:0;font-size:11.5px;line-height:1.5;color:#52657a}

/* Responsive */
@media (max-width:1100px){
  .container{width:min(var(--container), calc(100% - 32px))}
  .main-nav{gap:18px}
  .test-grid{grid-template-columns:repeat(3,1fr)}
  .hero h1{font-size:47px}
}
@media (max-width:850px){
  .header-inner{grid-template-columns:1fr auto}
  .main-nav{display:none}
  .header-actions .search-btn,.header-actions .btn-outline{display:none}
  .hero{min-height:auto;padding-bottom:0}
  .hero:before{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(245,251,254,.9) 55%,rgba(245,251,254,.35) 100%)}
  .hero-photo{width:100%;opacity:.34;background-position:right center}
  .hero-photo:before{display:none}
  .hero-grid{grid-template-columns:1fr;min-height:470px}
  .hero-copy{padding-top:48px;padding-bottom:145px;max-width:650px}
  .hero-spacer{display:none}
  .trust-strip{position:relative;left:auto;bottom:auto;transform:none;width:100%;grid-template-columns:repeat(2,1fr);border-radius:0}
  .trust-item:nth-child(2){border-right:0}
  .steps{grid-template-columns:1fr 1fr;gap:20px}
  .step-arrow{display:none}
  .business-photo{
    width:100%;
    opacity:.24;
    background-position:right center;
  }
  .business-photo:before{display:none}
  .business-section:before{background:rgba(240,249,252,.82)}
  .business-grid{grid-template-columns:1fr 1fr;gap:25px}
  .business-spacer{display:none}
  .methodology-panel{grid-template-columns:54px minmax(0,1fr)}
  .methodology-panel>.text-link{grid-column:2}
  .footer-grid{grid-template-columns:1fr;text-align:center}
  .footer-brand{justify-content:center}
  .footer-nav{justify-content:center;flex-wrap:wrap}
  .footer-right{justify-self:center;text-align:center}
  .contact-grid{grid-template-columns:1fr}
  .contact-aside{padding:0 4px}
}
@media (max-width:620px){
  .container{width:min(100% - 24px, var(--container))}
  .header-actions .btn-primary{padding:0 13px;font-size:11px}
  .brand-copy strong{font-size:17px}
  .brand-copy small{display:none}
  .brand-mark{width:36px;height:36px}
  .hero h1{font-size:42px;letter-spacing:-2px}
  .hero-text{font-size:14px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{width:100%}
  .trust-strip{grid-template-columns:1fr}
  .trust-item{border-right:0;border-bottom:1px solid #e7eef3}
  .test-grid{grid-template-columns:repeat(2,1fr)}
  .section-heading-row{align-items:flex-end}
  .section-heading-row h2{font-size:23px}
  .steps{grid-template-columns:1fr}
  .business-grid{grid-template-columns:1fr}
  .benefits-list{margin:0 0 26px}
  .methodology-panel{grid-template-columns:1fr;padding:22px}
  .methodology-panel>.text-link{grid-column:auto}
  .contact-hero-inner{padding:46px 0 42px}
  .contact-hero h1{font-size:36px;letter-spacing:-1.5px}
  .contact-section{padding:32px 0 46px}
  .contact-form-card{padding:22px}
  .form-row-two{grid-template-columns:1fr}
  .captcha-image-row{align-items:flex-start;flex-direction:column;gap:9px}
  .contact-submit{width:100%}
}
@media (max-width:420px){
  .test-grid{grid-template-columns:1fr}
  .hero h1{font-size:38px}
  .section-heading-row{display:block}
  .text-link{display:inline-block;margin-top:8px}
}


/* Bootstrap navigation --------------------------------------------------- */
.bootstrap-header{
  background:#fff;
  border-bottom:1px solid #edf2f5;
  position:relative;
  z-index:1000;
}
.site-navbar{
  min-height:84px;
  padding:10px 0;
  background:#fff;
}
.site-navbar .container{
  max-width:var(--container);
}
.site-navbar .navbar-brand{
  margin-right:28px;
  padding:0;
}
.site-navbar .navbar-brand:hover{color:inherit}
.site-navbar .brand-mark{width:42px;height:42px;object-fit:contain}
.site-navbar .brand-copy strong{font-size:20px}
.site-navbar .brand-copy small{font-size:8.8px}
.main-bootstrap-nav{
  align-items-lg:center;
  gap:8px;
}
.main-bootstrap-nav .nav-link{
  color:#0c2a4a;
  font-size:16px;
  font-weight:700;
  padding:16px 17px !important;
  white-space:nowrap;
}
.main-bootstrap-nav .nav-link:hover,
.main-bootstrap-nav .nav-link:focus,
.main-bootstrap-nav .nav-link.show{
  color:#0d789f;
}
.main-bootstrap-nav .dropdown-toggle::after{
  margin-left:8px;
  vertical-align:.15em;
  border-top:.34em solid;
  border-right:.30em solid transparent;
  border-left:.30em solid transparent;
}
.site-navbar .dropdown-menu{
  min-width:220px;
  border:1px solid #dce8ef;
  border-radius:12px;
  padding:8px;
  box-shadow:0 16px 38px rgba(12,42,74,.12);
}
.site-navbar .dropdown-item{
  border-radius:8px;
  padding:10px 12px;
  color:#183650;
  font-size:14px;
  font-weight:600;
}
.site-navbar .dropdown-item:hover,
.site-navbar .dropdown-item:focus{
  background:#edf8fc;
  color:#0b6e94;
}
.navbar-actions{margin-left:24px}
.menu-search-btn{
  width:46px;
  height:46px;
  border:0;
  border-radius:50%;
  background:transparent;
  position:relative;
  flex:0 0 46px;
}
.menu-search-btn:hover{background:#f3f8fb}
.menu-search-btn span{
  position:absolute;
  width:18px;
  height:18px;
  border:3px solid #0c2a4a;
  border-radius:50%;
  left:11px;
  top:10px;
}
.menu-search-btn span::after{
  content:"";
  position:absolute;
  width:10px;
  height:3px;
  border-radius:3px;
  background:#0c2a4a;
  transform:rotate(-45deg);
  right:-8px;
  bottom:-5px;
}
.nav-signin-btn,
.nav-free-test-btn{
  min-height:50px;
  padding:0 24px;
  border-radius:10px;
  font-size:15px;
  font-weight:750;
  white-space:nowrap;
}
.nav-signin-btn{
  color:#0c2a4a;
  background:#fff;
  border:1px solid #9ecde0;
}
.nav-signin-btn:hover{
  color:#0b6e94;
  border-color:#0b759c;
  background:#f7fcfe;
}
.nav-free-test-btn{
  color:#fff;
  background:linear-gradient(180deg,#1883aa,#0b6d90);
  border:1px solid #0b6d90;
  box-shadow:0 10px 26px rgba(10,103,139,.17);
}
.nav-free-test-btn:hover{
  color:#fff;
  background:linear-gradient(180deg,#14799f,#095f7e);
}
.custom-toggler{
  width:46px;
  height:42px;
  padding:8px 9px;
  border:1px solid #b8d7e4;
  border-radius:9px;
  box-shadow:none !important;
}
.custom-toggler span{
  display:block;
  height:2px;
  background:#0c2a4a;
  border-radius:2px;
  margin:5px 0;
}

@media (min-width:1200px){
  .main-bootstrap-nav{gap:13px}
  .main-bootstrap-nav .nav-link{font-size:17px;padding-inline:19px !important}
  .nav-signin-btn,.nav-free-test-btn{font-size:16px;min-height:52px}
}

@media (max-width:1199.98px) and (min-width:992px){
  .site-navbar .brand-copy small{display:none}
  .site-navbar .brand-copy strong{font-size:17px}
  .site-navbar .brand-mark{width:36px;height:36px}
  .site-navbar .navbar-brand{margin-right:12px}
  .main-bootstrap-nav{gap:0}
  .main-bootstrap-nav .nav-link{font-size:14px;padding-inline:10px !important}
  .navbar-actions{margin-left:8px}
  .nav-signin-btn,.nav-free-test-btn{padding-inline:15px;font-size:13px}
}

@media (max-width:991.98px){
  .site-navbar{min-height:70px;padding:9px 0}
  .site-navbar .navbar-collapse{
    margin-top:10px;
    padding:12px 0 18px;
    border-top:1px solid #e8f0f4;
  }
  .main-bootstrap-nav{align-items:stretch;gap:0}
  .main-bootstrap-nav .nav-link{
    padding:12px 4px !important;
    font-size:15px;
  }
  .site-navbar .dropdown-menu{
    border:0;
    box-shadow:none;
    padding:0 0 8px 12px;
    margin:0;
  }
  .navbar-actions{
    margin-left:0;
    align-items:stretch !important;
  }
  .menu-search-btn{display:none}
  .navbar-actions .btn{width:100%}
}

@media (max-width:520px){
  .site-navbar .brand-mark{width:36px;height:36px}
  .site-navbar .brand-copy strong{font-size:17px}
  .site-navbar .brand-copy small{display:none}
}


/* Bootstrap navbar brand refinements */
.site-navbar .navbar-brand{
  margin-right:28px;
  padding-top:10px;
  padding-bottom:10px;
}

.site-navbar .navbar-brand:hover .brand-wordmark,
.site-navbar .navbar-brand:focus .brand-wordmark{
  -webkit-text-fill-color:transparent;
  color:transparent;
}

/* Footer uses the same brand language but at a slightly smaller scale. */
.footer-brand .brand-mark{
  width:42px;
  height:42px;
}

.footer-brand .brand-wordmark{
  font-size:20px;
  letter-spacing:-.85px;
}

.footer-brand .brand-tagline{
  margin-top:6px;
  font-size:8px;
}

/* Keep the brand from becoming oversized on narrower navigation layouts. */
@media (max-width:1199.98px){
  .brand-mark{
    width:44px;
    height:44px;
  }

  .brand-wordmark{
    font-size:21px;
    letter-spacing:-.9px;
  }

  .brand-tagline{
    font-size:8px;
    margin-top:6px;
  }
}

@media (max-width:575.98px){
  .site-navbar .navbar-brand{
    margin-right:8px;
  }

  .brand{
    gap:9px;
  }

  .brand-mark{
    width:38px;
    height:38px;
  }

  .brand-wordmark{
    font-size:17px;
    letter-spacing:-.65px;
  }

  .brand-tagline{
    display:none;
  }
}