/* assets/css/app.css */
.futura{
  font-family: "futura-pt", Futura, "Trebuchet MS", Arial, sans-serif !important;
}
.futura-bold{
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 110%;
}
.montserrat{
  font-family: "Montserrat", sans-serif !important;
}

/* No underline on any button hover */
a:hover{ text-decoration: underline !important; }
#primary-menu a:hover, .btn a:hover,
a[class*="vc_btn"]:hover {
    text-decoration: none !important;
}

/* --- HERO SLIDER: make slides auto-height --- */
.so-hero-slider .ult-item-wrap.slick-slide,
.so-hero-slider .slick-slide {
    height: auto !important;
    min-height: 0 !important;
}
/* flyout mobile menu positioning */
.dt-mobile-header{ top: 0px !important; }
.dt-mobile-header.flytopsmall{ padding-top: 60px; } 

/* Only when top-bar exists and is NOT hidden */
.top-bar:not(.is-hidden) ~ #page .dt-mobile-header.flytopbig,
.top-bar:not(.is-hidden) ~ .dt-mobile-header.flytopbig,
body:not(.top-bar-hidden) .dt-mobile-header.flytopbig {
  padding-top: 150px;
}

@media (min-width: 1024px){
	.top-bar:not(.is-hidden) ~ #page .dt-mobile-header.flytopbig,
	.top-bar:not(.is-hidden) ~ .dt-mobile-header.flytopbig,
	body:not(.top-bar-hidden) .dt-mobile-header.flytopbig {
      padding-top: 125px !important;
    }
  .mobile-menu-logo{ display: none !important; }
}
 
body.search-results #content{
  padding-bottom: 80px;
}

/* Track and list should also follow content height */
.so-hero-slider .slick-track,
.so-hero-slider .slick-list {
    height: auto !important;
    min-height: 0 !important;
}

/* Add the vertical spacing around the card */
.so-hero-slider .slick-list {
    padding: 40px 0 20px !important;
}

/* Base hero card (desktop defaults) */
.so-hero-slider .so-hero-card {
    width: 100%;
    max-width: 1500px;  
    margin: 0 auto;
    border-radius: 32px;
    overflow: hidden;
    background-color: #0046c8;
    position: relative;
}
/* Picture wrapper just behaves like a block element */
.so-hero-slider .so-hero-media {
    display: block;
}

/* Image is fully visible; no cropping */
.so-hero-slider .so-hero-media img {
    display: block;
    width: 100%;
    height: auto; 
}

/* CTA overlay */
.so-hero-slider .so-hero-cta {
    position: absolute;
    left: 10.5%;               /* move left */
    bottom: 7%;            /*  above the bottom edge */
    padding: 0.85rem 2.1rem;
    border-radius: 999px;
    background-color: #0849E2 !important;
    border-color: #0849E2 !important;
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none !important;
    min-width: 150px;
    text-align: center;
}
.so-hero-slider .so-hero-cta.lt-blue{
  background-color: #159DD8 !important;
  background-color: #159DD8 !important;
}
.so-hero-slider .so-hero-cta.white{
  background-color: #fff !important;
  background-color: #fff !important;
  color:#323F99 !important;
}
.so-hero-slider .so-hero-cta:hover{
  background-color: #323F99 !important;
  background-color: #323F99 !important;
}
.so-hero-slider .so-hero-cta.white:hover{
  background-color: #C7EDFE !important;
  background-color: #C7EDFE !important;
}

@media (max-width: 430px){
  /* Base slider wrapper */
    .so-hero-slider {
      position: relative;
    }
    /* Let neighbors peek into view from the right */
    .so-hero-slider .slick-list {
      overflow: visible; 
      padding-right: 90px !important; 
      box-sizing: content-box; 
    }

    /* Let Slick control the track; no extra margin shift now */
    .so-hero-slider .slick-track {
      margin-left: 0 !important;
    }

    /* Column padding / gutters inside WPBakery column */
    .so-hero-slider .vc_column_container > .vc_column-inner {
      padding-left: 5px !important;
      padding-right: 5px !important;
    }

    /* Create a small gutter between slides */
    .so-hero-slider .ult-item-wrap.slick-slide {
      padding-right: 10px;    
    }

    /* Slide card itself */
    .so-hero-slider .ult-item-wrap.slick-slide .so-hero-slide {
      margin-left: 0;
      transition: transform 0.35s ease;
    }

    /*  give the active slide a subtle emphasis if you like */
    .so-hero-slider .ult-item-wrap.slick-slide.slick-current .so-hero-slide {
      transform: translateX(0); 
    }
}
@media (max-width: 390px){
  /* Let neighbors peek into view from the right */
  .so-hero-slider .slick-list {
    overflow: visible; 
    padding-right: 60px !important; 
    box-sizing: content-box;  
  }
}
@media (max-width: 375px){
  /* Let neighbors peek into view from the right */
  .so-hero-slider .slick-list {
    overflow: visible; 
    padding-right: 45px !important; 
    box-sizing: content-box;    
  }
}
/*  widen card a bit on larger screens */
@media (min-width: 768px) {
    .so-hero-slider .so-hero-card {
        width: 100%;
    }
    .so-hero-slider .slick-arrow { display: none !important; }
    .so-hero-slider .slick-dots {
        bottom: 15% !important;
        margin-left: -40px;
        left: 50%;
        width: fit-content;
    }
}
@media (max-width: 767px) {
    /* Narrower card for mobile */
    .so-hero-slider .so-hero-card {
        width: 100%;  
        max-width: 300px;   
        border-radius: 28px;
    }
    /* Center the CTA and move it closer to the bottom */
    .so-hero-slider .so-hero-cta {
        left: 50%;
        transform: translateX(-50%);
        bottom: 5%;          /* was 8%; pushes it lower */
        font-size: 0.9rem;
        padding: 0.65rem 1.6rem;
        font-weight: 500 !important;
    }
    /* Hide dots on mobile */
    .so-hero-slider .slick-dots {
        display: none !important;
    }
    .hero-btn.popmake-753 { margin-top: 25px; }
    /* Base arrow positioning: move to bottom center of the card area */
    .so-hero-slider .slick-arrow {
        position: absolute;
        top: auto;
        bottom: -28px;
        transform: translateY(0);
        z-index: 5;
        border-radius: 40px !important;
        width: 60px !important;
        display: block !important;
    }
    .so-hero-slider .slick-arrow i{ font-size: 18px !important;}

    /* Left arrow */
    .so-hero-slider .slick-prev {
        left: 18px;  
    }

    /* Right arrow */
    .so-hero-slider .slick-next {
        right: 18px;
    }

    /* Add the vertical spacing around the card */
    .so-hero-slider .slick-list {
        padding-top: 10px !important;
    }
    .so-hero-slider{
      margin-bottom: 10px !important;
    }

  .so-hero-slider .ult-item-wrap.slick-slide,
    .so-hero-slider .slick-slide,
    .so-hero-slider .slick-slide > .ult-item-wrap,
    .so-hero-slider .slick-slide .vc_column-inner,
    .so-hero-slider .slick-slide .wpb_wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


/* header top bar */
.top-bar * {
	font-size: 16px;
}
.top-bar.is-hidden, .header-space.is-hidden{ display:none!important; }
.header-space{ transition:height .18s ease; }
.phantom-sticky .sticky-on.masthead:not(.side-header) .branding > a,
#phantom .logo-box,
#phantom .phantom-top-line-logo{
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  display: inline-flex;
  align-items: center;
}
.phantom-sticky .sticky-on.masthead:not(.side-header) .branding > img{
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.masthead.sticky-on:not(:has(.top-bar:not(.is-hidden))),
.masthead.is-sticky:not(:has(.top-bar:not(.is-hidden))),
.masthead.masthead-sticky-on:not(:has(.top-bar:not(.is-hidden))) {
    top: 0px !important;
}
.admin-bar .masthead.sticky-on:not(:has(.top-bar:not(.is-hidden))),
.admin-bar .masthead.is-sticky:not(:has(.top-bar:not(.is-hidden))),
.admin-bar .masthead.masthead-sticky-on:not(:has(.top-bar:not(.is-hidden))) {
  top: 32px !important;
}

#main{ padding-bottom: 35px !important}
 .wp-singular{ margin-bottom: 20px; } 

/* FOOTER */
#footer.solid-bg{ color:#1f1f1f; background-color: #fff!important; background: #fff!important; }
/* ===== Footer layout: enforce 4/12 + 3/12 + 3/12 + 2/12 ===== */
/* ===== Suze footer layout: 5/12 + 2/12 + 2/12 + 3/12 ===== */
#footer .wf-container-footer{ padding-top: 0px !important}
#footer .hidden-fields-container{ display: none!important; }

section#nav_menu-2,section#nav_menu-3,section#nav_menu-4{
    margin-top: 74px;
}
#footer section .menu li a{padding:0!important;margin: 0!important;color: #333; font-size: 14px;}
#footer section .menu li{
    border: unset !important;
    padding: 2px 0px !important;
    line-height: normal !important;
    margin-top:4px !important
}
@media (min-width: 1025px){
  /* Make the widget row a flex row and ignore float widths */
  #footer .wf-container-footer > .wf-container{
    display:flex; flex-wrap:nowrap; align-items:flex-start; gap:30px;
  }
  #footer .wf-container-footer > .wf-container > .wf-cell{
    float:none !important;        /* defeat the default float grid */
    margin-right:0 !important;    /* kill theme gaps */
    padding-left:0 !important;    /* (we're using gap:) */
    flex:0 0 auto;                /* we’ll set exact bases below */
  }

  /* 1st col (logo+copy+form) = 5/12 = 41.6667% */
  #footer .wf-container-footer > .wf-container > .wf-cell:nth-child(1){
    flex-basis:41.6667%;
  }
  /* 2nd col = 2/12 = 16.6667% */
  #footer .wf-container-footer > .wf-container > .wf-cell:nth-child(2){
    flex-basis:16.6667%;
  }
  /* 3rd col = 2/12 = 16.6667% */
  #footer .wf-container-footer > .wf-container > .wf-cell:nth-child(3){
    flex-basis:16.6667%;
  }
  /* 4th col = 3/12 = 25% */
  #footer .wf-container-footer > .wf-container > .wf-cell:nth-child(4){
    flex-basis:25%;
  }
}

/* Tablet & down: stack full width */
@media (max-width:1024px){
    #footer .wf-container{ margin: 0 !important}
  #footer .wf-container-footer > .wf-container{
    display:block;
  }
  #footer .wf-container-footer > .wf-container > .wf-cell{
    width:100% !important; margin:0 0 28px; padding:0 !important; float:none !important;
  }
}


/* ===== Left column (section#custom_html-2) ===== */
#footer{
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    font-family: "Montserrat", sans-serif;
}
#footer section#custom_html-2{
    max-width: 330px;
    margin-right: 100px !important;
}
#footer #custom_html-2 .footer-logo{display:block;max-width:220px;height:auto;margin:0 0 14px;}
#footer #custom_html-2 .footer-headline{margin:0 0 10px;font-weight:800;font-size:18px;line-height: normal;padding-top: 25px}
#footer #custom_html-2 .footer-blurb{margin:0 0 14px;color:#555; font-size: 15px; line-height: 20px;}

/* CF7 inside left column */
#footer #custom_html-2 .wpcf7 form{max-width:520px;}
#footer #custom_html-2 .wpcf7 input[type="text"],
#footer #custom_html-2 .wpcf7 input[type="email"]{
  width:100%; height:40px; border:1px solid #B4B4B4; color: #676767;border-radius:999px;
  padding:0 16px; margin:0 0 12px; outline:none; font-size: 14px !important;
}
#footer #custom_html-2 .wpcf7 input[type="submit"]{
  height:45px; border:0; border-radius:999px; padding:0 20px; cursor:pointer;
}
#footer .wpcf7 input::placeholder{ color:#999; opacity:1; font-size: 12px !important;}

/* ===== Link columns (nav_menu-4, nav_menu-2, nav_menu-3) ===== */
#footer .widget_nav_menu .widget-title{margin:0 0 .75rem; font-weight:700; font-size: 16px;}
#footer .widget_nav_menu ul{list-style:none;margin:0;padding:0;}
#footer .widget_nav_menu li{padding:.35rem 0;border-bottom:1px solid #eee;}
#footer .widget_nav_menu li:last-child{border-bottom:0;}
#footer .widget_nav_menu a{text-decoration:none;}
#footer .widget_nav_menu a:hover{text-decoration:underline;}

/* ===== Tablet & mobile stacking ===== */
@media (max-width:1024px){
  #footer .wf-container-footer > .wf-container > .wf-cell { width:100% !important; padding-left:0; margin-bottom:28px; }
}

.footer .section-heading, .footer h4, .footer .widget-title {
  font-weight: 700;
  margin: 0 0 .75rem;
}

/* Newsletter block */
.footer .footer-newsletter { max-width: 460px; position: relative; z-index: 100;}
.footer .footer-newsletter input[type="text"],
.footer .footer-newsletter input[type="email"]{
  width: 100%;
  height: 48px;
  border: 1px solid var(--the7-divider-color, #e5e5e5);
  border-radius: 999px;
  padding: 0 16px;
  margin: 0 0 12px;
}

.footer .footer-newsletter input[type="submit"]{
  display: inline-block;
  height: 48px;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  font-weight: 600;
  cursor: pointer;
}

#footer .wpcf7-submit.btn{  
    font-weight: 600 !important; 
    font-family: "Montserrat", sans-serif;  
    color: #fff; 
    background: #0849E2 !important; 
    border-radius: 30px; padding:10px 40px
 }
#footer .wpcf7-submit.btn:hover{ background: #2B39A9 !important; }

/* Social row */
.footer .legal-bar { border-top: 1px solid var(--the7-divider-color, #e5e5e5); padding-top: 16px; margin-top: 24px; }
.footer .legal-links { text-align: right; }
.footer .legal-links a { margin-left: 18px; white-space: nowrap; }

/* Mobile stacking niceties */
@media (max-width: 767px){
  .footer .legal-links { text-align: left; margin-top: 10px; }
  .footer .footer-newsletter { max-width: none; }
}

.bold{ font-weight: 900 !important; }

.footer-widgets .widget_nav_menu ul{list-style:none;margin:0;padding:0}
.footer-widgets .widget_nav_menu li+li{margin-top:.4rem}
.footer-widgets .widget_nav_menu a{text-decoration:none}
.footer-widgets .widget_nav_menu a:hover{text-decoration:underline}
.footer-widgets .wpcf7 input[type="text"],
.footer-widgets .wpcf7 input[type="email"]{width:100%;height:48px;border:1px solid #e5e5e5;border-radius:999px;padding:0 16px;margin:0 0 12px}
.footer-widgets .wpcf7 input[type="submit"]{height:48px;border:0;border-radius:999px;font-weight:600;padding:0 22px;cursor:pointer}
.bottom-bar{border-top:1px solid #e5e5e5;padding-top:16px}
.bottom-bar .wf-float-right a{margin-left:18px;white-space:nowrap}
@media(max-width:767px){.bottom-bar .wf-float-right{float:none!important;margin-top:10px}}


/* MISC */
.masthead:not(.side-header):not(.side-header-menu-icon) .header-bar{
    max-width: calc(1400px - 15px - 15px);
}
.masthead:not(.side-header).full-height .main-nav{ align-items: center !important; }
.inline-header.left .main-nav{ justify-content: center !important;}
.main-nav > li > a{ height: 40px; }
#primary-menu a{ font-size: 13px; margin: 2px 12px 0 12px !important; justify-content: flex-start;}
#primary-menu a span.menu-item-text{ border-bottom: 1px solid transparent; }
#primary-menu a:hover span.menu-item-text, #primary-menu li.current_page_item > a span.menu-item-text:first-child
{ border-bottom: 1px solid #fcffffd2;}
.main-nav > li > a .menu-text{ font-size: 13px; }
.mini-widgets a{ text-decoration: none !important; font-size: 13px;}
.mini-widgets i { font-size: 13px !important; }
.mini-widgets a.submit, .mini-widgets a.mini-contacts span{ color:#c7edfe !important;  }
.mini-widgets a.submit span:hover, .mini-widgets a.mini-contacts span:hover{ border-bottom: 1px solid #c7edfe !important; }

.mini-contacts i.fa-fw{ border-bottom: 1px solid transparent !important;}

.masthead .soc-ico a,.masthead .soc-ico a:before, .masthead .soc-ico a:after,
.masthead .soc-ico span, .masthead .soc-ico span:before, .masthead .soc-ico span:after{
	background: none !important;
    color: #fff !important; 
}


/* ===== Bottom bar ===== */
#bottom-bar{border-top:1px solid #eee;padding-top:16px; margin-top: -20px !important;}

/* ===== Tablet & mobile stacking ===== */
@media (max-width:1024px){
  #footer .wf-container-footer > .wf-container > .wf-cell { width:100% !important; padding-left:0; margin-bottom:28px; }
  #bottom-bar .wf-float-right{float:none!important;margin-top:10px;}
}



/* ==== Bottom bar (icons row + L/R row) ==== */
#bottom-bar{ padding:18px 0 22px; border: unset !important; font-size: 13px;}
#bottom-bar .wf-container{ max-width:1200px; margin:0 auto; }
#bottom-bar .bb-row{font-size: 13px;}

/* Icons: centered, flat, blue on hover */
#bottom-bar .soc-ico{ 
    display:flex; 
    justify-content: center;
    margin: -90px 20px 0 0;
    padding-bottom: 40px;
    gap:3px;
    position: relative;
    z-index: 10;
}
#bottom-bar .soc-ico a{
  background:none!important; border:0!important; box-shadow:none!important; padding:0!important;
  width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center;
  opacity:.92; transition:opacity .15s, transform .15s;
  text-decoration: none !important;
}
#bottom-bar .soc-ico a:hover{ opacity:1; transform:translateY(-1px); }
#bottom-bar .soc-ico .soc-font-icon::before{ color:#1a1919; font-size:30px; line-height:1; }
#bottom-bar .soc-ico a:hover .soc-font-icon::before,
#bottom-bar .soc-ico a:focus-visible .soc-font-icon::before{ color:#0849E2; }

/* Second row: copyright left, links right */
#bottom-bar .bb-row{ display:flex; align-items:center; justify-content:space-between; }
#bottom-bar .bb-right{ display:flex; gap:12px; }
#bottom-bar .bb-right a{ text-decoration:none; white-space:nowrap; }
#bottom-bar .bb-right a:hover{ text-decoration:underline; }
/* remove The7's circular background in the bottom bar only */
#bottom-bar .soc-ico a::before,
#bottom-bar .soc-ico a::after{
  content: none !important;      /* nuke the pseudo element */
  background: none !important;   /* safety */
  border: 0 !important;
  box-shadow: none !important;
}
/* Stack nicely on small screens */
@media (max-width:768px){
  #bottom-bar .bb-row{ flex-direction:column; gap:6px; text-align:center; }
}
/* bottom bar container + spacing */
#bottom-bar{ border-top:1px solid #eee; padding:18px 0 20px; }
#bottom-bar .wf-container{ max-width:1200px; margin:0 auto; padding:0 24px; }

/* second row: far-left & far-right */
#bottom-bar .bb-row{
  display:flex; align-items:center; justify-content:space-between; gap:24px;
}
/* Left = copyright, Right = links */
#bottom-bar .bb-right a{ white-space:nowrap; text-decoration:none; }
/* Make the row span the full container and break the center-alignment */
#bottom-bar .bb-row{
  display:flex;
  width:100%;
  justify-content:space-between;
  align-items:center;
  text-align:initial;           /* overrides theme's centered text */
  margin-top:6px;
}

/* Mobile: stack centered */
@media (max-width:768px){
  #bottom-bar .bb-row{ flex-direction:column; gap:6px; text-align:center; }
  #bottom-bar .bb-right{ justify-content:center; }
}
/* 1) Neutralize The7's centering wrapper so our rows can span full width */
#bottom-bar .wf-container-bottom .wf-float-right{
  float: none !important;
  display: block !important;
  width: 100% !important;
  text-align: initial !important;     /* break global center text */
}
/* logo-center preset forces centering; cancel it */
.logo-center #bottom-bar .wf-float-right{ justify-content: initial !important; }

/* 2) The7 wraps the text area in .bottom-text-block with stray <p> tags – kill them */
#bottom-bar .bottom-text-block{ display:block !important; }
#bottom-bar .bottom-text-block > p{ display:none; }   /* hides the empty <p></p> seen in your DOM */

#bottom-bar .bb-row{
  display:flex; align-items:center; justify-content:space-between;
  gap:24px; width:100%;
}
#bottom-bar .bb-left{ color:#1f1f1f; margin:0; }
#bottom-bar .bb-right{ display:flex; margin-right: 150px;}
#bottom-bar .bb-right a{ white-space:nowrap; text-decoration:none; }
#bottom-bar .bb-right a:hover{ text-decoration:underline; }

/* Mobile stack */
@media (max-width:768px){
    section#home-hero{ background-position: -240px !important; }
    section#home-hero .vc_custom_heading{ line-height: 38px !important; }
    #bottom-bar{ padding: 0px !important; margin-top: -30px !important;  }
  #bottom-bar .bb-row{ flex-direction:column; text-align:center; }
  #bottom-bar .bb-right{ justify-content:center; }
  #bottom-bar .soc-ico {
    justify-content: flex-start !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: -15px !important;
    padding: 0px !important;
    }
    #bottom-bar .bb-row,#bottom-bar .bb-right{ display: block !important; text-align: left !important;}
    #bottom-bar .bb-right,#bottom-bar .bb-left{ margin-top: 20px; text-align: center !important;}
}

.top-bar>.mini-widgets{ justify-content: center !important;}
.tb-wrapper{
  width:100%;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:16px;
  padding:5px 20px 0 20px;
  color:#fff;
  z-index:1000;
}
.tb-power{ display:flex; align-items:center; gap:9px; font-size: 18px !important; margin-top: 8px;}
.tb-power .pb{ margin-bottom: 0px; font-weight: 500;}
.tb-power img{ height:30px; width:auto; }
.tb-scampro{ 
    display:flex; 
    align-items:center; 
    font-size: 28px !important; 
    text-transform: uppercase;
    letter-spacing: .5px;
    word-spacing: 2px;
}
.tb-scampro .apos{
    margin:0 -1px 0 0px
}
/* push CTA to the right, X stays at far edge */
.tb-getitnow{ 
    margin-left: auto;
    border: 0;
    padding: 8px 40px;
    border-radius: 9999px;
    background: #fff;
    color: #111;
    font-weight: 600;
    font-size: 15px !important;
 }
 .tb-getitnow:hover{ 
    background: #EBEBEB;
 }
/* Thin X */
.tb-closer{
  position:relative;
  display:inline-block;
  width:32px;           /* click target */
  height:32px;
  color:#fff;           /* X color (on your orange bar) */
  background:transparent;
  border:0;
  cursor:pointer;
  margin-top: -15px
}

.tb-closer::before,
.tb-closer::after{
  content:"";
  position:absolute;
  left:50%; top:50%;
  width:18px;           /* X size */
  height:1px;           /* line thickness */
  background:currentColor;
  border-radius:1px;
  transform-origin:center;
}

.tb-closer::before{ transform:translate(-50%,-50%) rotate(45deg); }
.tb-closer::after{  transform:translate(-50%,-50%) rotate(-45deg); }

.fwhite{ color: #ffffff !important; }
.questions{ 
  font-size: 20px;
    color: #fff;
    line-height: 30px;
  }
.questions a{ font-weight: 600; color: #fff; text-decoration: none; }

/* ---------- Hero ---------- */
.flexslider{ 
    background: none !important ; 
    border: none !important; 
}
.hero {
  position: relative;
  color: #fff;
}
.hero .wpb_text_column {
  color: #fff;
  font-size: 20px;
  margin-top: 1.5rem;
}
.hero .hero-subtext {
  letter-spacing: 0;
  color: #fff;
  text-align:center;
  font-size: 40px;
}
.hero .hero-subtext b{ 
    font-weight: bolder;
}
.hero .wpb_single_image {
  display: none; /* remove redundant column images; background handles it */
}
.hero .btn.wht a{
    padding: 14px 45px !important;
    background: #fff;
    color: #323F99;
}
.hero .btn.wht a:hover
{
    background: #C7EDFE;
}
.btn.blue a{
    padding: 10px 40px !important;
    background-color: #0849E2!important;
    color: #ffffff!important;
}
.btn.blue a:hover
{
    background-color: #2B39A9!important;
}

@media (max-width: 768px){
    .btn, .btn a, .vc_btn3.vc_btn3-size-md, .vc_btn3.vc_btn3-size-lg{ 
      font-weight: 500 !important;
      font-size: 20px !important;
    }
    .m-lr-np{ padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important;}
    .m-less-bold{ font-weight: 500 !important; }

}
@media (max-width: 430px){
  .questions span{ font-weight: 400 !important; }
  .qwrap{ margin-bottom: 0px !important; }
  .listen-section .wpb_raw_html { margin-bottom: 20px !important; }
  .listen-section .listen-pill{ padding: 12px 36px !important; }
  .listen-section .listen-pill img{ max-width: 200px !important; }
  .listen-section__copy { 
      text-align: center !important;
      padding: 0px 40px;
      line-height: 30px !important;;
  } 
  .m-tph{ margin-top: -30px !important; margin-bottom: 30px !important; position: relative !important; font-size: 36px !important; }
  .vc_section .get-social{ padding-top: 30px !important; }
  .money-tools .nk-left p{ padding: 30px; }
  .money-tools .mt-title { font-size: 150% !important; }
  .money-tools .sub-title{ font-size: 120% !important; padding: 40px 20px !important; }
  /* .money-tools .vc_custom_heading { margin-top: -20px !important; position: relative; } */
  .vc_row.money-tools .wpb_column:last-child .vc_custom_heading { margin-top: -40px !important; }
  .money-tools .m-tb-nopad .vc_column-inner{ 
       padding-left: 0px;
       padding-right: 0px;
  }
  .m-mb-none{ margin-bottom: 0px !important}
}


.badge-pill {
  	background: #fff;
  	border-radius: 30px;
  	padding: 6px 0 0;
  	max-width: 210px;
  	margin: 0 auto;
  	text-align: center;
  }
  
  .badge-pill img {
  	display: block;
  	width: 100%;
  	height: auto;
  }
  
  .listen-section {
  	text-align: center;
  	color: #ffffff;
  }
  
  .listen-section__inner {
  	max-width: 1080px;
  	margin: 0 auto;
  	padding: 0 20px;
  }
  
  .listen-section__heading {
  	letter-spacing: 0.25em;
  	text-transform: uppercase;
  	font-weight: 600;
  	margin: 0 0 48px;
  	font-size: 16px;
  }
  
  .listen-section__grid {
  	display: grid;
  	gap: 24px;
  	margin-bottom: 48px;
  }
  
  .listen-section__grid:last-child {
  	margin-bottom: 0;
  }
  
  .listen-section__grid--top {
  	grid-template-columns: repeat(2, minmax(170px, 1fr));
  }
  
  .listen-section__grid--bottom {
  	grid-template-columns: minmax(220px, 1fr);
  	align-items: center;
  }

  .semi-bold{ font-weight: 600 !important;}
  
  .listen-section__copy {
  	font-size: 20px;
    font-weight: normal;
  	line-height: 1.2;
  	margin: 0;
  	text-align: left;
    color: #ffffff; 
  }
  .listen-section__copy strong{
    font-weight: 600;
  }
  
  .listen-pill {
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: 8px 36px;
  	background: #ffffff;
  	border-radius: 999px;
  	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
  	max-width: 220px;
  	margin: 0 auto;
  	transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  
  .listen-pill:hover,
  .listen-pill:focus-visible {
  	transform: translateY(-2px);
  	box-shadow: 0 18px 34px rgba(0, 0, 0, 0.26);
  }
  
  .listen-pill img {
  	display: block;
  	width: 100%;
  	max-width: 150px;
  	height: auto;
  }
  
  @media (min-width: 600px) {
  	.listen-section__grid--top {
  		grid-template-columns: repeat(3, minmax(170px, 1fr));
  	}
  }
  
  @media (min-width: 900px) {
  	.listen-section__grid--top {
  		grid-template-columns: repeat(4, minmax(180px, 1fr));
  	}
  
  	.listen-section__grid--bottom {
  		grid-template-columns: minmax(260px, 0fr) repeat(2, minmax(260px, 0));
  		column-gap: 12px;
  	}
  
  	.listen-pill {
  		max-width: 240px;
  		padding: 8px 36px;
  	}
  }

  /* Slider controls */
.mag-cover-slider,
.home-slider {
  position: relative;
}


.mcs-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(8, 73, 226, 0.9);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
  z-index: 3;
}

.mcs-nav:hover,
.mcs-nav:focus {
  background: rgba(8, 73, 226, 1);
  transform: translateY(-50%) scale(1.05);
}

.home-slider .mcs-nav,
.mag-cover-slider .mcs-nav {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  top: 98% !important;
}

.home-slider .mcs-prev,
.mag-cover-slider .mcs-prev { left: 0 !important; }

.home-slider .mcs-next,
.mag-cover-slider .mcs-next { right: 0 !important; }

.swiper {
  width: 100%;
  height: 100%;
}



/*********    ******************/
/* Wrapper drives the quotes */
  .hero-quote {
    margin-bottom: 0px !important;
    position: relative;
    display: grid;
    place-items: center;
    text-align: center;
    margin: 0 auto;
    max-width: 900px;                /* feel of the comp */
    padding: 2rem 3rem;        /* space so quotes don't overlap */
    z-index: 0;
  
    /* Tweakables */
    --q-size: clamp(70px, 10vw, 118px);   /* responsive quote size */
    --q-open-x: 6%;    /* distance from LEFT edge for open quote */
    --q-open-y: -19%;   /* distance ABOVE top edge (negative lifts it) */
    --q-close-x: 5%;   /* distance from RIGHT edge for close quote */
    --q-close-y: 18%;   /* push DOWN from vertical center */
  
    /* Your assets */
    --q-open:  url("/wp-content/uploads/2025/10/Group-279.png");
    --q-close: url("/wp-content/uploads/2025/10/Group-280.png");
  }
  
  /* override on the wrapper you added */
  .hero-quote.q-pink{
    --q-size: 110px;
    --q-open-x: 3%;
    --q-open-y: -5%;
    --q-close-x: 1%;
    --q-close-y: 4%;
  }
  .q-pink.inline {
    --q-size: 110px;
    --q-open-x: 9.8%;
    --q-open-y: -2%;
    --q-close-x: 9.5%;
    --q-close-y: -11%;
  }
  
  /* Pseudo elements for images */
  .hero-quote.q-pink::before,
  .hero-quote.q-pink::after {
    content: "";
    position: absolute;
    width: var(--q-size);
    height: var(--q-size);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
    z-index: -1; /* behind text */
  }
    /* Pseudo elements for images */
  .hero-quote.q-pink.inline::before,
  .hero-quote.q-pink.inline::after {
    content: "";
    position: absolute;
    width: var(--q-size);
    height: var(--q-size);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
    z-index: -1; /* behind text */
  }
  
  /* OPEN — a touch above & left of first line */
  .hero-quote.q-pink::before {
    background-image: var(--q-open);
    top: var(--q-open-y);     /* negative = above the wrapper */
    left: var(--q-open-x);
  }
  
  /* CLOSE — mid-right and slightly lower */
  .hero-quote.q-pink::after {
    background-image: var(--q-close);
    right: var(--q-close-x);
    top: calc(50% + var(--q-close-y));
    transform: translateY(-50%);
  }
  
  /* Optional fine-tuning for smaller screens */
  @media (max-width: 992px){
    .hero-quote.q-pink{
      --q-size: 96px;
      --q-open-x: 7%;
      --q-open-y: -5%;
      --q-close-x: 5%;
      --q-close-y: 3%;
    }
  }
  @media (max-width: 600px){
    .hero-quote.q-pink{
      --q-size: 74px;
      --q-open-x: 6%;
      --q-open-y: -4%;
      --q-close-x: 4%;
      --q-close-y: 2%;
    }
    .tb-getitnow{ 
      margin-left: unset !important;
    }
  }
  

 /* Hide default archive title + remove extra padding only on Goals taxonomy */
 .archive #main { padding-top: 10px; }
.tax-so_goal .page-title {
    display: none !important;
}
.tax-so_goal #main {
    padding-top: 0 !important;
}

/* HERO + ICON + TITLE */
.so-goal-hero {
    padding: 60px 0 40px;
    background-size: cover;
    background-position: center;
}

.so-goal-hero-inner {
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
}

.so-goal-hero-icon {
    max-width: 96px;
    height: auto;
    display: inline-block;
}

.so-goal-hero-title {
    font-size: 46px;
    font-weight: 700;
    color: #0052b4; /* Suze blue */
    margin: 0 0 35px;
}

.so-goal-hero-intro {
    max-width: 720px;
    margin: 0 auto 24px;
}

/* CARDS GRID */
.so-goal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 32px;
    margin: 40px 0;
}

/* CARD SHELL */
.so-goal-card {
    background: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.so-goal-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0,0,0,0.14);
}

.so-goal-card-image-wrap img {
    width: 100%;
    display: block;
}

.so-goal-card-body {
    padding: 18px 22px 24px;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #ffffff;
}

/* Goals line – uppercase blue, linked */
.so-goal-card-goals {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
    line-height: 16px;
    margin-bottom:15px;
}

.so-goal-card-goals a {
    color: #0052b4;
    text-decoration: none;
}

.so-goal-card-goals a:hover {
    text-decoration: underline;
}

/* Secondary line (tags) below goals */
.so-goal-card-tags {
    font-size: 11px;
    text-transform: none;
    color: #7a8397;
    margin-bottom: 10px;
}

/* Title & excerpt */
.so-goal-card-title {
    font-size: 20px;
    line-height: 25px;
    margin: 0 0 10px;
}
.so-bar {
    width: 40px;
    height: 2px;
    background-color: #f7941d;
}

.so-goal-card-title a {
    color: #1b2738;
    text-decoration: none;
}

.so-goal-card-title a:hover {
    color: #0052b4;
}

/* Excerpt grows to push Read Now to the bottom */
.so-goal-card-excerpt {
    font-size: 14px;
    color: #555f70;
    margin-top: 6px;
    flex-grow: 1;
    margin-top: 20px;
}

/* Read Now link */
.so-goal-card-readmore {
    margin-top: 18px;
}

.so-goal-card-readmore a {
    font-size: 13px;
    font-weight: 700;
    color: #0052b4;
    text-decoration: none;
    letter-spacing: 0.03em;
}

.so-goal-card-readmore-arrow {
    display: inline-block;
    margin-left: 4px;
    font-size: 12px;
    transform: translateY(1px);
}

.so-goal-card-readmore a:hover {
    color: #003c8f;
    text-decoration: underline;
}

/* MOBILE TWEAKS */
@media (max-width: 767px) {
    .so-goal-hero {
        padding-top: 30px;
    }
}
  /* (Optional) minor styling for byline */
  .hero-quote .byline { margin-top: 1rem; letter-spacing: .18em; }
  /* ---------- Promo Callout ---------- */
  .promo {
    padding: clamp(60px, 8vw, 90px) 0;
  }
  .promo .wpb_column:first-child {
    background: rgba(8, 73, 226, 0.08);
    border-radius: 24px;
    padding: clamp(36px, 4vw, 56px);
    box-shadow: 0 18px 40px rgba(17, 26, 81, 0.12);
  }
  .promo .wpb_column:first-child strong {
    display: block;
    font-size: clamp(1.6rem, 1.2vw + 1.2rem, 2.1rem);
    color: var(--body-text);
    margin-bottom: 0.75rem;
  }
  .promo .promo-image img {
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(10, 18, 66, 0.18);
  }

  /* ---------- Podcast ---------- */
  .podcast {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(2rem, 5vw, 6rem);
    padding: clamp(60px, 8vw, 90px) 0;
  }
  .podcast .vc_custom_heading {
    font-size: clamp(2rem, 1vw + 1.6rem, 2.6rem);
  }
  .podcast em {
    font-size: clamp(1.3rem, 0.8vw + 1rem, 1.6rem);
    font-weight: 600;
    color: var(--body-text);
  }
  .podcast-apps {
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.85rem;
    color: #6f7a9b;
    margin-top: 1.5rem;
  }
  .podcast .podcast-phone img {
    width: 100%;
    max-width: 420px;
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(10, 18, 66, 0.25);
  }

  /* ---------- Feature Cards ---------- */
  .feature-cards {
    padding: clamp(48px, 6vw, 72px) 0;
  }
  .feature-card {
    background: #fff;
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 18px 45px rgba(17, 26, 81, 0.08);
    line-height: 1.6;
    color: var(--body-text);
  }
  .feature-card .icon {
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--accent-blue);
    margin-bottom: 14px;
  }

  /* ---------- CTA Band ---------- */
  .cta-band {
    padding: clamp(60px, 10vw, 100px) 0;
    text-align: center;
    color: #fff;
    background: linear-gradient(90deg, #0849e2 0%, #0d2f7f 60%);
  }
  .cta-band .vc_custom_heading {
    font-size: clamp(2.2rem, 1.4vw + 1.8rem, 3rem);
  }
  .cta-band .btn {
    color: var(--accent-blue) !important;
  }

  /* ---------- About ---------- */
  .about {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(2rem, 5vw, 6rem);
    align-items: center;
    padding: clamp(60px, 8vw, 100px) 0;
  }
  .about-image img {
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(10, 18, 66, 0.18);
    width: 100%;
    height: auto;
  }
  .about-quote {
    font-size: clamp(1.3rem, 0.8vw + 1rem, 1.7rem);
    font-weight: 600;
    margin: 1.5rem 0;
    color: var(--accent-blue);
  }

  /* section pill */
  .section-pill {
      display: inline-block;
      padding: 6px 16px;
      border-radius: 20px;
      padding:10px 30px;
      color: #fff;
      text-align: center;
      margin: 0 auto;
  }
.section-pill input::placeholder{
  color:#666;
  opacity: 1 !important;
}
  
  .section-pill.white{
      background: #ffffff;
      color: #000 !important;
  }
  .section-pill .title{
    font-size: 24px;
      color: #000;
      font-weight: bold;
      margin: 10px 0
  }
  .center{ text-align: center; }
  .section-pill input{
    border-radius: 20px !important;
    border:1px solid #999 !important;
    background-color: #fff;
    width: 100%;
    height: 40px;
    color: #1f1f1f !important;
    text-align: center;
    padding: 2px;
    margin: 0px;
    font-size: 16px;
    margin-bottom:15px
  }

.sub-title {
    font-size: 24px;
    line-height: 34px;
}

/* pagination */
    .paginator, .pagination .nav-links {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
        font-family: Arial, sans-serif;
    }

    .paginator a,
    .paginator span,
    .pagination a,
    .pagination span{
        display: block;
        padding: 6px 12px !important;
        margin: 0 5px;
        border: 1px solid #ddd;
        border-radius: 4px;
        text-decoration: none;
        color: #333;
        background-color: #f9f9f9;
        transition: all 0.3s ease;
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    .paginator a:hover, .pagination a:hover{
        background-color: #0849e2;
        color: #fff;
        border-color: #0849e2;
    }

    .paginator a:after{ background-color: unset !important; }

    .paginator .act,
    .paginator .act:hover,
    .pagination .current,
    .pagination .current:hover {
        background-color: #0849e2 !important;
        color: #fff !important;
        border-color: #0849e2 !important;
        font-weight: bold;
        cursor: default;
    }

    .paginator .dots, .pagination .dots {
        border: none;
        background-color: transparent;
        cursor: default;
    }

    .paginator .nav-prev,
    .paginator .nav-next,
    .pagination .prev,
    .pagination .next {
        font-weight: bold;
    }

  /* === Bootstrap-like spacing utilities (margin + padding only) === */
:root{
  --bs-spacer-0: 0;
  --bs-spacer-1: .25rem;  /* 4px  */
  --bs-spacer-2: .5rem;   /* 8px  */
  --bs-spacer-3: 1rem;    /* 16px */
  --bs-spacer-4: 1.5rem;  /* 24px */
  --bs-spacer-5: 3rem;    /* 48px */
}

/* ---------- Base (all viewports) ---------- */
/* margin (all sides) */
.m-0{margin:var(--bs-spacer-0)!important}
.m-1{margin:var(--bs-spacer-1)!important}
.m-2{margin:var(--bs-spacer-2)!important}
.m-3{margin:var(--bs-spacer-3)!important}
.m-4{margin:var(--bs-spacer-4)!important}
.m-5{margin:var(--bs-spacer-5)!important}
.m-auto{margin:auto!important}

/* margin axis */
.mx-0{margin-inline:var(--bs-spacer-0)!important}
.mx-1{margin-inline:var(--bs-spacer-1)!important}
.mx-2{margin-inline:var(--bs-spacer-2)!important}
.mx-3{margin-inline:var(--bs-spacer-3)!important}
.mx-4{margin-inline:var(--bs-spacer-4)!important}
.mx-5{margin-inline:var(--bs-spacer-5)!important}
.mx-auto{margin-inline:auto!important}

.my-0{margin-block:var(--bs-spacer-0)!important}
.my-1{margin-block:var(--bs-spacer-1)!important}
.my-2{margin-block:var(--bs-spacer-2)!important}
.my-3{margin-block:var(--bs-spacer-3)!important}
.my-4{margin-block:var(--bs-spacer-4)!important}
.my-5{margin-block:var(--bs-spacer-5)!important}
.my-auto{margin-block:auto!important}

/* margin sides (t,b,s,e are RTL-aware) */
.mt-0{margin-block-start:var(--bs-spacer-0)!important}
.mt-1{margin-block-start:var(--bs-spacer-1)!important}
.mt-2{margin-block-start:var(--bs-spacer-2)!important}
.mt-3{margin-block-start:var(--bs-spacer-3)!important}
.mt-4{margin-block-start:var(--bs-spacer-4)!important}
.mt-5{margin-block-start:var(--bs-spacer-5)!important}
.mt-auto{margin-block-start:auto!important}

.mb-0{margin-block-end:var(--bs-spacer-0)!important}
.mb-1{margin-block-end:var(--bs-spacer-1)!important}
.mb-2{margin-block-end:var(--bs-spacer-2)!important}
.mb-3{margin-block-end:var(--bs-spacer-3)!important}
.mb-4{margin-block-end:var(--bs-spacer-4)!important}
.mb-5{margin-block-end:var(--bs-spacer-5)!important}
.mb-auto{margin-block-end:auto!important}

.ms-0{margin-inline-start:var(--bs-spacer-0)!important}
.ms-1{margin-inline-start:var(--bs-spacer-1)!important}
.ms-2{margin-inline-start:var(--bs-spacer-2)!important}
.ms-3{margin-inline-start:var(--bs-spacer-3)!important}
.ms-4{margin-inline-start:var(--bs-spacer-4)!important}
.ms-5{margin-inline-start:var(--bs-spacer-5)!important}
.ms-auto{margin-inline-start:auto!important}

.me-0{margin-inline-end:var(--bs-spacer-0)!important}
.me-1{margin-inline-end:var(--bs-spacer-1)!important}
.me-2{margin-inline-end:var(--bs-spacer-2)!important}
.me-3{margin-inline-end:var(--bs-spacer-3)!important}
.me-4{margin-inline-end:var(--bs-spacer-4)!important}
.me-5{margin-inline-end:var(--bs-spacer-5)!important}
.me-auto{margin-inline-end:auto!important}

/* padding (all sides) */
.p-0{padding:var(--bs-spacer-0)!important}
.p-1{padding:var(--bs-spacer-1)!important}
.p-2{padding:var(--bs-spacer-2)!important}
.p-3{padding:var(--bs-spacer-3)!important}
.p-4{padding:var(--bs-spacer-4)!important}
.p-5{padding:var(--bs-spacer-5)!important}

/* padding axis */
.px-0{padding-inline:var(--bs-spacer-0)!important}
.px-1{padding-inline:var(--bs-spacer-1)!important}
.px-2{padding-inline:var(--bs-spacer-2)!important}
.px-3{padding-inline:var(--bs-spacer-3)!important}
.px-4{padding-inline:var(--bs-spacer-4)!important}
.px-5{padding-inline:var(--bs-spacer-5)!important}

.py-0{padding-block:var(--bs-spacer-0)!important}
.py-1{padding-block:var(--bs-spacer-1)!important}
.py-2{padding-block:var(--bs-spacer-2)!important}
.py-3{padding-block:var(--bs-spacer-3)!important}
.py-4{padding-block:var(--bs-spacer-4)!important}
.py-5{padding-block:var(--bs-spacer-5)!important}

/* padding sides (RTL-aware) */
.pt-0{padding-block-start:var(--bs-spacer-0)!important}
.pt-1{padding-block-start:var(--bs-spacer-1)!important}
.pt-2{padding-block-start:var(--bs-spacer-2)!important}
.pt-3{padding-block-start:var(--bs-spacer-3)!important}
.pt-4{padding-block-start:var(--bs-spacer-4)!important}
.pt-5{padding-block-start:var(--bs-spacer-5)!important}

.pb-0{padding-block-end:var(--bs-spacer-0)!important}
.pb-1{padding-block-end:var(--bs-spacer-1)!important}
.pb-2{padding-block-end:var(--bs-spacer-2)!important}
.pb-3{padding-block-end:var(--bs-spacer-3)!important}
.pb-4{padding-block-end:var(--bs-spacer-4)!important}
.pb-5{padding-block-end:var(--bs-spacer-5)!important}

.ps-0{padding-inline-start:var(--bs-spacer-0)!important}
.ps-1{padding-inline-start:var(--bs-spacer-1)!important}
.ps-2{padding-inline-start:var(--bs-spacer-2)!important}
.ps-3{padding-inline-start:var(--bs-spacer-3)!important}
.ps-4{padding-inline-start:var(--bs-spacer-4)!important}
.ps-5{padding-inline-start:var(--bs-spacer-5)!important}

.pe-0{padding-inline-end:var(--bs-spacer-0)!important}
.pe-1{padding-inline-end:var(--bs-spacer-1)!important}
.pe-2{padding-inline-end:var(--bs-spacer-2)!important}
.pe-3{padding-inline-end:var(--bs-spacer-3)!important}
.pe-4{padding-inline-end:var(--bs-spacer-4)!important}
.pe-5{padding-inline-end:var(--bs-spacer-5)!important}

/* ---------- Responsive variants ---------- */
/* sm ≥ 576px */
@media (min-width:576px){
  .m-sm-0{margin:var(--bs-spacer-0)!important} .m-sm-1{margin:var(--bs-spacer-1)!important} .m-sm-2{margin:var(--bs-spacer-2)!important} .m-sm-3{margin:var(--bs-spacer-3)!important} .m-sm-4{margin:var(--bs-spacer-4)!important} .m-sm-5{margin:var(--bs-spacer-5)!important} .m-sm-auto{margin:auto!important}
  .mx-sm-0{margin-inline:var(--bs-spacer-0)!important} .mx-sm-1{margin-inline:var(--bs-spacer-1)!important} .mx-sm-2{margin-inline:var(--bs-spacer-2)!important} .mx-sm-3{margin-inline:var(--bs-spacer-3)!important} .mx-sm-4{margin-inline:var(--bs-spacer-4)!important} .mx-sm-5{margin-inline:var(--bs-spacer-5)!important} .mx-sm-auto{margin-inline:auto!important}
  .my-sm-0{margin-block:var(--bs-spacer-0)!important} .my-sm-1{margin-block:var(--bs-spacer-1)!important} .my-sm-2{margin-block:var(--bs-spacer-2)!important} .my-sm-3{margin-block:var(--bs-spacer-3)!important} .my-sm-4{margin-block:var(--bs-spacer-4)!important} .my-sm-5{margin-block:var(--bs-spacer-5)!important} .my-sm-auto{margin-block:auto!important}
  .mt-sm-0{margin-block-start:var(--bs-spacer-0)!important} .mt-sm-1{margin-block-start:var(--bs-spacer-1)!important} .mt-sm-2{margin-block-start:var(--bs-spacer-2)!important} .mt-sm-3{margin-block-start:var(--bs-spacer-3)!important} .mt-sm-4{margin-block-start:var(--bs-spacer-4)!important} .mt-sm-5{margin-block-start:var(--bs-spacer-5)!important} .mt-sm-auto{margin-block-start:auto!important}
  .mb-sm-0{margin-block-end:var(--bs-spacer-0)!important} .mb-sm-1{margin-block-end:var(--bs-spacer-1)!important} .mb-sm-2{margin-block-end:var(--bs-spacer-2)!important} .mb-sm-3{margin-block-end:var(--bs-spacer-3)!important} .mb-sm-4{margin-block-end:var(--bs-spacer-4)!important} .mb-sm-5{margin-block-end:var(--bs-spacer-5)!important} .mb-sm-auto{margin-block-end:auto!important}
  .ms-sm-0{margin-inline-start:var(--bs-spacer-0)!important} .ms-sm-1{margin-inline-start:var(--bs-spacer-1)!important} .ms-sm-2{margin-inline-start:var(--bs-spacer-2)!important} .ms-sm-3{margin-inline-start:var(--bs-spacer-3)!important} .ms-sm-4{margin-inline-start:var(--bs-spacer-4)!important} .ms-sm-5{margin-inline-start:var(--bs-spacer-5)!important} .ms-sm-auto{margin-inline-start:auto!important}
  .me-sm-0{margin-inline-end:var(--bs-spacer-0)!important} .me-sm-1{margin-inline-end:var(--bs-spacer-1)!important} .me-sm-2{margin-inline-end:var(--bs-spacer-2)!important} .me-sm-3{margin-inline-end:var(--bs-spacer-3)!important} .me-sm-4{margin-inline-end:var(--bs-spacer-4)!important} .me-sm-5{margin-inline-end:var(--bs-spacer-5)!important} .me-sm-auto{margin-inline-end:auto!important}

  .p-sm-0{padding:var(--bs-spacer-0)!important} .p-sm-1{padding:var(--bs-spacer-1)!important} .p-sm-2{padding:var(--bs-spacer-2)!important} .p-sm-3{padding:var(--bs-spacer-3)!important} .p-sm-4{padding:var(--bs-spacer-4)!important} .p-sm-5{padding:var(--bs-spacer-5)!important}
  .px-sm-0{padding-inline:var(--bs-spacer-0)!important} .px-sm-1{padding-inline:var(--bs-spacer-1)!important} .px-sm-2{padding-inline:var(--bs-spacer-2)!important} .px-sm-3{padding-inline:var(--bs-spacer-3)!important} .px-sm-4{padding-inline:var(--bs-spacer-4)!important} .px-sm-5{padding-inline:var(--bs-spacer-5)!important}
  .py-sm-0{padding-block:var(--bs-spacer-0)!important} .py-sm-1{padding-block:var(--bs-spacer-1)!important} .py-sm-2{padding-block:var(--bs-spacer-2)!important} .py-sm-3{padding-block:var(--bs-spacer-3)!important} .py-sm-4{padding-block:var(--bs-spacer-4)!important} .py-sm-5{padding-block:var(--bs-spacer-5)!important}
  .pt-sm-0{padding-block-start:var(--bs-spacer-0)!important} .pt-sm-1{padding-block-start:var(--bs-spacer-1)!important} .pt-sm-2{padding-block-start:var(--bs-spacer-2)!important} .pt-sm-3{padding-block-start:var(--bs-spacer-3)!important} .pt-sm-4{padding-block-start:var(--bs-spacer-4)!important} .pt-sm-5{padding-block-start:var(--bs-spacer-5)!important}
  .pb-sm-0{padding-block-end:var(--bs-spacer-0)!important} .pb-sm-1{padding-block-end:var(--bs-spacer-1)!important} .pb-sm-2{padding-block-end:var(--bs-spacer-2)!important} .pb-sm-3{padding-block-end:var(--bs-spacer-3)!important} .pb-sm-4{padding-block-end:var(--bs-spacer-4)!important} .pb-sm-5{padding-block-end:var(--bs-spacer-5)!important}
  .ps-sm-0{padding-inline-start:var(--bs-spacer-0)!important} .ps-sm-1{padding-inline-start:var(--bs-spacer-1)!important} .ps-sm-2{padding-inline-start:var(--bs-spacer-2)!important} .ps-sm-3{padding-inline-start:var(--bs-spacer-3)!important} .ps-sm-4{padding-inline-start:var(--bs-spacer-4)!important} .ps-sm-5{padding-inline-start:var(--bs-spacer-5)!important}
  .pe-sm-0{padding-inline-end:var(--bs-spacer-0)!important} .pe-sm-1{padding-inline-end:var(--bs-spacer-1)!important} .pe-sm-2{padding-inline-end:var(--bs-spacer-2)!important} .pe-sm-3{padding-inline-end:var(--bs-spacer-3)!important} .pe-sm-4{padding-inline-end:var(--bs-spacer-4)!important} .pe-sm-5{padding-inline-end:var(--bs-spacer-5)!important}
}

/* md ≥ 768px */
@media (min-width:768px){ /* same pattern with -md- */
  .m-md-0{margin:var(--bs-spacer-0)!important} .m-md-1{margin:var(--bs-spacer-1)!important} .m-md-2{margin:var(--bs-spacer-2)!important} .m-md-3{margin:var(--bs-spacer-3)!important} .m-md-4{margin:var(--bs-spacer-4)!important} .m-md-5{margin:var(--bs-spacer-5)!important} .m-md-auto{margin:auto!important}
  .mx-md-0{margin-inline:var(--bs-spacer-0)!important} .mx-md-1{margin-inline:var(--bs-spacer-1)!important} .mx-md-2{margin-inline:var(--bs-spacer-2)!important} .mx-md-3{margin-inline:var(--bs-spacer-3)!important} .mx-md-4{margin-inline:var(--bs-spacer-4)!important} .mx-md-5{margin-inline:var(--bs-spacer-5)!important} .mx-md-auto{margin-inline:auto!important}
  .my-md-0{margin-block:var(--bs-spacer-0)!important} .my-md-1{margin-block:var(--bs-spacer-1)!important} .my-md-2{margin-block:var(--bs-spacer-2)!important} .my-md-3{margin-block:var(--bs-spacer-3)!important} .my-md-4{margin-block:var(--bs-spacer-4)!important} .my-md-5{margin-block:var(--bs-spacer-5)!important} .my-md-auto{margin-block:auto!important}
  .mt-md-0{margin-block-start:var(--bs-spacer-0)!important} .mt-md-1{margin-block-start:var(--bs-spacer-1)!important} .mt-md-2{margin-block-start:var(--bs-spacer-2)!important} .mt-md-3{margin-block-start:var(--bs-spacer-3)!important} .mt-md-4{margin-block-start:var(--bs-spacer-4)!important} .mt-md-5{margin-block-start:var(--bs-spacer-5)!important} .mt-md-auto{margin-block-start:auto!important}
  .mb-md-0{margin-block-end:var(--bs-spacer-0)!important} .mb-md-1{margin-block-end:var(--bs-spacer-1)!important} .mb-md-2{margin-block-end:var(--bs-spacer-2)!important} .mb-md-3{margin-block-end:var(--bs-spacer-3)!important} .mb-md-4{margin-block-end:var(--bs-spacer-4)!important} .mb-md-5{margin-block-end:var(--bs-spacer-5)!important} .mb-md-auto{margin-block-end:auto!important}
  .ms-md-0{margin-inline-start:var(--bs-spacer-0)!important} .ms-md-1{margin-inline-start:var(--bs-spacer-1)!important} .ms-md-2{margin-inline-start:var(--bs-spacer-2)!important} .ms-md-3{margin-inline-start:var(--bs-spacer-3)!important} .ms-md-4{margin-inline-start:var(--bs-spacer-4)!important} .ms-md-5{margin-inline-start:var(--bs-spacer-5)!important} .ms-md-auto{margin-inline-start:auto!important}
  .me-md-0{margin-inline-end:var(--bs-spacer-0)!important} .me-md-1{margin-inline-end:var(--bs-spacer-1)!important} .me-md-2{margin-inline-end:var(--bs-spacer-2)!important} .me-md-3{margin-inline-end:var(--bs-spacer-3)!important} .me-md-4{margin-inline-end:var(--bs-spacer-4)!important} .me-md-5{margin-inline-end:var(--bs-spacer-5)!important} .me-md-auto{margin-inline-end:auto!important}

  .p-md-0{padding:var(--bs-spacer-0)!important} .p-md-1{padding:var(--bs-spacer-1)!important} .p-md-2{padding:var(--bs-spacer-2)!important} .p-md-3{padding:var(--bs-spacer-3)!important} .p-md-4{padding:var(--bs-spacer-4)!important} .p-md-5{padding:var(--bs-spacer-5)!important}
  .px-md-0{padding-inline:var(--bs-spacer-0)!important} .px-md-1{padding-inline:var(--bs-spacer-1)!important} .px-md-2{padding-inline:var(--bs-spacer-2)!important} .px-md-3{padding-inline:var(--bs-spacer-3)!important} .px-md-4{padding-inline:var(--bs-spacer-4)!important} .px-md-5{padding-inline:var(--bs-spacer-5)!important}
  .py-md-0{padding-block:var(--bs-spacer-0)!important} .py-md-1{padding-block:var(--bs-spacer-1)!important} .py-md-2{padding-block:var(--bs-spacer-2)!important} .py-md-3{padding-block:var(--bs-spacer-3)!important} .py-md-4{padding-block:var(--bs-spacer-4)!important} .py-md-5{padding-block:var(--bs-spacer-5)!important}
  .pt-md-0{padding-block-start:var(--bs-spacer-0)!important} .pt-md-1{padding-block-start:var(--bs-spacer-1)!important} .pt-md-2{padding-block-start:var(--bs-spacer-2)!important} .pt-md-3{padding-block-start:var(--bs-spacer-3)!important} .pt-md-4{padding-block-start:var(--bs-spacer-4)!important} .pt-md-5{padding-block-start:var(--bs-spacer-5)!important}
  .pb-md-0{padding-block-end:var(--bs-spacer-0)!important} .pb-md-1{padding-block-end:var(--bs-spacer-1)!important} .pb-md-2{padding-block-end:var(--bs-spacer-2)!important} .pb-md-3{padding-block-end:var(--bs-spacer-3)!important} .pb-md-4{padding-block-end:var(--bs-spacer-4)!important} .pb-md-5{padding-block-end:var(--bs-spacer-5)!important}
  .ps-md-0{padding-inline-start:var(--bs-spacer-0)!important} .ps-md-1{padding-inline-start:var(--bs-spacer-1)!important} .ps-md-2{padding-inline-start:var(--bs-spacer-2)!important} .ps-md-3{padding-inline-start:var(--bs-spacer-3)!important} .ps-md-4{padding-inline-start:var(--bs-spacer-4)!important} .ps-md-5{padding-inline-start:var(--bs-spacer-5)!important}
  .pe-md-0{padding-inline-end:var(--bs-spacer-0)!important} .pe-md-1{padding-inline-end:var(--bs-spacer-1)!important} .pe-md-2{padding-inline-end:var(--bs-spacer-2)!important} .pe-md-3{padding-inline-end:var(--bs-spacer-3)!important} .pe-md-4{padding-inline-end:var(--bs-spacer-4)!important} .pe-md-5{padding-inline-end:var(--bs-spacer-5)!important}
}

.section-2-wrapper .ult-item-wrap>.wpb_row button {
    width: max-content !important;
}

.section-2-wrapper .slick-dots {
    bottom: 10% !important;
}

.brand-slider .dt-owl-item {
    width: auto !important;
}

.suze-retirement-score-section{
    border-radius: 50px !important;
}

@media (max-width: 1034px){
    .suze-retirement-score-section img {
        width: 85% !important;
        margin-bottom: unset !important;
    }
}

.about-suze-bottom-mobile-section {
    display: none;
}
@media (min-width: 768px){
    .get-social-icons .vc_icon_element.vc_icon_element-outer 
    .vc_icon_element-inner.vc_icon_element-size-xl .vc_icon_element-icon
    { font-size: 50px !important; }
        .section-2-wrapper .ult-item-wrap>.wpb_row {
        height: 524px !important;
    }
}


/* Base shell */
#section-quote .so-need-shell {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
  padding: 70px 24px 160px;
  box-sizing: border-box;
  text-align: center;
}

/* Center column wrapper */
#section-quote .so-need-left {
  max-width: 920px;
  margin: 0 auto;
}

/* Heading */
#section-quote .so-need-title {
  margin: 0 0 32px;
  font-size: 38px;
  line-height: 1.2;
  font-weight: 700;
}

/* Right image wrapper */
#section-quote .so-need-right {
  text-align: center;
}

/* Both photos base */
#section-quote .so-need-photo {
  width: 100%;
  height: auto;
  max-width: 430px;
  display: block;
  margin: 0 auto;
}

/* Default: DESKTOP image on, MOBILE image off */
#section-quote .so-need-photo-desktop {
  display: block;
}

#section-quote .so-need-photo-mobile {
  display: none;
}

/* Grid & cards – shared styles */
#section-quote .so-need-grid {
  display: grid;
  gap: 24px;
  justify-items: stretch;
}

#section-quote .so-need-card {
  box-sizing: border-box;
  width: 100%;
  height: 150px;
  padding: 26px 32px;     /* was 26px 24px – more left/right padding */
  border-radius: 15px;
  background-color: #ffffff;
  box-shadow: 1px 3px 6px #323F9974;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

/* Icon wrapper: fixed height so titles line up */
#section-quote .so-need-icon {
  height: 56px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 10px;
}

#section-quote .so-need-icon img {
  max-height: 55px;
  width: auto;
  display: block;
}

/* Label: single-line, uppercase */
#section-quote .so-need-label {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  color: #111111;
  white-space: nowrap;
}

/* Hover style */
#section-quote .so-need-card:hover,
#section-quote .so-need-card:focus-visible {
  background-color: #D5C6ED;
  box-shadow: 1px 3px 6px #323F9974;
  transform: translateY(-2px);
}

/* Quote band */
#section-quote .so-need-quote {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  color: #333333;
}

#section-quote .so-need-quote p {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  max-width: 640px;
}

#section-quote .so-quote-marks {
  font-size: 48px;
  line-height: 1;
  color: #9b6ad7;
  font-weight: 700;
}

#section-quote .so-need-attrib {
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 40px;
}



/* ======================
   DESKTOP ≥1500px
   - Overlay image on right, aligned to bottom
   - ~40px overlap (tune with right/max-width)
   - Grid 3 x 2
   ====================== */
@media (min-width: 1500px) {
  #section-quote .so-need-shell {
    padding: 60px 40px 60px;
  }

  #section-quote .so-need-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  /* desktop image visible, mobile hidden (reinforce) */
  #section-quote .so-need-photo-desktop {
    display: block;
    max-width: 380px;
  }
  #section-quote .so-need-photo-mobile {
    display: none;
  }

  /* Overlay position */
  #section-quote .so-need-right {
    position: absolute;
    right: -130px;      /* adjust for more/less overlap horizontally */
    bottom: 0;          /* bottom of image flush with section bottom */
    pointer-events: none;
  }
}



/* ======================
   MID DESKTOP 1300–1499px
   - Suze still on the right (overlay)
   - Slightly reduced overlap vs ≥1500
   - Grid 3 x 2
   ====================== */
@media (min-width: 1300px) and (max-width: 1499px) {
  #section-quote .so-need-shell {
    padding: 70px 32px 60px;
  }

  #section-quote .so-need-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  /* keep desktop Suze, hide mobile Suze */
  #section-quote .so-need-photo-desktop {
    display: block;
    max-width: 340px;           /* a bit smaller for less overlap */
  }

  #section-quote .so-need-photo-mobile {
    display: none;
  }

  /* still on the right, but gentler overlap */
  #section-quote .so-need-right {
    position: absolute;
    right: -50px;               /* closer to center than -100px */
    bottom: 0;
    pointer-events: none;
  }
}

@media (min-width: 1620px) {
  #section-quote .so-need-photo-desktop {
    display: block;
    max-width: 430px;
  }
    /* Overlay position */
  #section-quote .so-need-right {
    position: absolute;
    right: -200px;      /* adjust for more/less overlap horizontally */
    bottom: 0;          /* bottom of image flush with section bottom */
    pointer-events: none;
  }
}
/* ======================
   MOBILE / TABLET ≤1299px
   - Switch to mobile Suze on top
   - Grid 2 x 3
   ====================== */
@media (max-width: 1299px) {/* Center column wrapper */
  #section-quote .so-need-left {
    max-width: 680px;
  }
    #section-quote .so-need-card {
        height: 160px;
        padding: 24px 20px;
    }

  #section-quote .so-need-shell {
    padding: 60px 14px 40px;
  }

  #section-quote .so-need-right {
    margin-bottom: 16px;
  }

  /* turn off desktop image, show mobile image */
  #section-quote .so-need-photo-desktop {
    display: none;
  }
  #section-quote .so-need-photo-mobile {
    display: block;
    max-width: 320px;
  }

  #section-quote .so-need-title {
    font-size: 32px;
    margin: 20px 0 30px 0px;
  }

  #section-quote .so-need-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  #section-quote .so-need-quote {
    margin-top: 32px;
    flex-direction: column;
    gap: 8px;
  }

  #section-quote .so-need-quote p {
    font-size: 16px;
  }
}

/* Optional: slightly larger heading on very big screens */
@media (min-width: 1600px) {
  #section-quote .so-need-title {
    font-size: 36px;
  }
}

@media (max-width: 450px) {
   #section-quote .so-need-card {
        height: 120px;
        padding: 10px 20px 10px 20px;
    }
    #section-quote .so-need-icon img {
      max-height: 44px;
    }
    #section-quote .so-need-shell{
      padding-left: 10px !important;
      padding-right: 10px  !important;
    }
    #section-quote .so-need-label{ font-size: 16px; }
    #section-quote .so-need-title {
    font-size: 32px;
    padding: 0 20px;
    }
}

@media (min-width: 768px) and (max-width: 1124px) {
    .mini-widgets .soc-ico{ display: none !important; }

    /* IMPORTANT: <br> tags inside a flex container become flex items and break layouts */
    .top-bar.line-content .tb-wrapper br,
    .top-bar.line-content .mobile-wrap br {
    display: none !important;
    }
    /* Prevent the SUZE + ’S split: do NOT use flex for text */
    .top-bar.line-content .tb-scampro {
    display: inline-block !important;
    white-space: nowrap;

    /* scale down smoothly for tablet */
    font-size: clamp(22px, 2.2vw, 28px) !important;
    }

    /* “Powered by” block */
    .top-bar.line-content .tb-power {
        white-space: nowrap;
        font-size: clamp(18px, 1.4vw, 22px) !important;
    }

    /* Keep the logo from forcing wraps */
    .top-bar.line-content .mobile-wrap picture img {
        display: block;
        height: clamp(30px, 2vw, 42px);
        width: auto;
    }
    .top-bar.line-content .tb-getitnow {
    white-space: nowrap;
    }
}

/* custom search overlay */
.overlay-search-microwidget.open{
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;

  overflow-y: auto !important;

  /* Your BG image + readability wash */
  background-image: url('/wp-content/uploads/2025/11/score-quiz-bg@2x-scaled-1.jpg') !important;
  background-size: cover !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;

  /* layout */
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 60px 20px 60px 20px !important;
}
.overlay-search-microwidget i.overlay-close {
    top: 14px !important;
    right: 10px !important;
    color: #000000 !important;
    font-size: 24px !important;
}
.so-searchhub-card{
  padding: 10px 20px 20px 20px;
  background: #fff;
  border-radius: 20px;
  margin-bottom: 30px !important;
}

.so-searchhub-overlay #section-quote{
  background: none !important
}
.so-searchhub-title{
    margin-bottom: 0px !important;
  }
.overlay-search-microwidget #section-quote .so-need-title{
    margin-bottom: 15px !important;
  }
.so-searchhub-title, .overlay-search-microwidget #section-quote .so-need-title {
    font-size: 24px !important;
    padding: 0px !important;
}
/* Hide The7 default form only while open */
.overlay-search-microwidget.open .searchform,
.overlay-search-microwidget.open form.searchform,
.overlay-search-microwidget.open .searchform-wrap,
.overlay-search-microwidget.open .dt-searchform{
  display: none !important;
}

/* Container we inject */
.overlay-search-microwidget .so-searchhub-overlay{
  max-width: 700px;
  width: 100%;
}
@media (min-width: 768px) {
  .overlay-search-microwidget.open{
    align-items: center !important;
    padding: 80px 0 !important;
  }
}
@media (max-width: 430px) {
    .overlay-search-microwidget #section-quote .so-need-title {
        font-size: 22px !important;
    }
}
@media (max-width: 375px) {
    .overlay-search-microwidget #section-quote .so-need-title {
        font-size: 20px !important;
    }
}
.so-searchhub-form{ position: relative; }
.so-searchhub-input{
  width: 100%;
  padding: 0 56px 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(20, 40, 90, .12) !important;
  background: #fff !important;
  font-size: 14px !important;
  outline: none;
  margin-bottom: 0px !important
}
.so-searchhub-btn{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.so-searchhub-tile-icon img{ max-height: 55px; width: auto; }

.overlay-search-microwidget input::placeholder{
  color: #383737 !important;
  opacity: 1 !important;
  font-size: 13px !important;
}

.overlay-search-microwidget input::-webkit-input-placeholder{
  color: #383737 !important;
  opacity: 1 !important;
  font-size: 13px !important;
}
.overlay-search-microwidget input::-moz-placeholder{
  color: #383737 !important;
  opacity: 1 !important;
  font-size: 13px !important;
}


/* Icon */
.overlay-search-microwidget form .so-searchhub-btn::before{
  content: "";
  width: 24px;
  height: 24px;
  background: #959595;

-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cline x1='16.2' y1='16.2' x2='20.2' y2='20.2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cline x1='16.2' y1='16.2' x2='20.2' y2='20.2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}