/*!
Theme Name: EDG
Theme URI:#
Author:Copan
Author URI: #
Description: 
Version: 1.0.3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: salient-child
Template: salient
 */
html body{
  -webkit-font-smoothing: inherit;
}

/* Body background — aligned with edg-strategy-microsite (--color-bg) */
html {
  background-color: #f7f8fc;
}

html.theme-light body,
html.theme-light body .ocm-effect-wrap,
html.theme-light body .container-wrap,
html.theme-light body #header-space,
html.theme-light #ajax-content-wrap,
html.theme-light .main-content {
  background:
    radial-gradient(1200px 700px at 90% -10%, rgba(4, 159, 216, 0.05), transparent 65%),
    radial-gradient(900px 540px at -5% 5%, rgba(4, 159, 216, 0.03), transparent 60%),
    #f7f8fc !important;
}

html.theme-dark {
  background-color: #0c1126;
}

html.theme-dark body,
html.theme-dark body .ocm-effect-wrap,
html.theme-dark body .container-wrap,
html.theme-dark body #header-space,
html.theme-dark #ajax-content-wrap,
html.theme-dark .main-content {
  background:
    radial-gradient(1100px 600px at 85% -10%, rgba(69, 184, 234, 0.18), transparent 60%),
    radial-gradient(900px 540px at -5% 5%, rgba(69, 184, 234, 0.10), transparent 58%),
    #0c1126 !important;
}
.equal-height-clm .column_container .vc_column-inner .wpb_wrapper{
	
	    height: 100%;
    display: flex;
    flex-direction: column;
	    justify-content: space-between;
}

.recent-post-list .img-with-aniamtion-wrap{
	    background-color: #f8f8f8;
    border:1px solid rgb(234, 234, 234);
	height:112px!important;
	overflow:hidden;
}

.recent-post-list{border-bottom:1px solid rgb(234, 234, 234); padding-bottom:20px; margin-bottom:20px}

.recent-post-list .img-with-aniamtion-wrap img{
	width:100%;
	height:100%!important;
	object-fit:cover
}

.view-post-meta{margin-top:-15px}

body .toggle>.toggle-title a{font-size:18px; font-weight:600}

.nectar-button.medium{font-size:15px!important}

/* #footer-widgets  .widget_nav_menu .menu{    display: flex;

    gap: 15px;
    justify-content: flex-end;} */

 body #footer-outer #footer-widgets .col ul li:first-child{padding-top:4px!important}

@media only screen and (min-width: 1000px) {
   html  body #footer-outer .row {
        padding: 48px 0 40px;
    }
}

body #footer-outer .widget {
    margin-bottom: 20px;
}
@media only screen and (max-width:767px) {
	h2{
    font-size: 24px;
    line-height: 34px;
	}
	body .toggle>.toggle-title a{font-size:16px!important;}
	
	body #footer-outer .row {
    padding: 30px 0;

}
	body #footer-outer .widget {
    margin-bottom: 0;
}
	/* #footer-widgets .widget_nav_menu .menu {
    gap: 5px;
    justify-content: flex-start;
    flex-wrap: wrap;
} */
	body .material #footer-outer #footer-widgets .col ul li{
    padding: 0!important;

}
}

@media only screen and (min-width: 1px) and (max-width: 999px) {
    #footer-widgets .container .col {
        margin-bottom: 20px!important;
    }
}

.supportform{position:relative;}
.supportform .wpcf7-submit{
	position:absolute;
	right:0px;
	top:0px
}

body.single-post  .blog_next_prev_buttons {
    margin-top: 0px;
}

body.single-post .post .content-inner {
    padding-bottom: 10px;
}

body.single-post.ascend .related-post-wrap h3.related-title, body.single-post.material .related-post-wrap h3.related-title {
    padding: 60px 0 0 0;
}
body.single-post.ascend .blog-recent.related-posts, body.single-post.material .blog-recent.related-posts {
    padding: 0 0 70px 0;
}

body.single-post.material .comment-wrap {
    margin-top: 0;
    padding-top: 5%;
    padding-bottom:5%;
}
body.single-post .comment-list {
    padding-bottom: 0;
}

.blog-recent.related-posts h3{font-size:18px; line-height:28px}

.blog-recent[data-style*=classic_enhanced] .post-header, .blog-recent[data-style*=classic_enhanced] .post-meta .nectar-love-count, .blog-recent[data-style*=classic_enhanced] .post-meta a, .masonry.classic_enhanced .post .post-meta a, .masonry.classic_enhanced .post-header, .masonry.classic_enhanced .post-meta .nectar-love-count
 {
    font-size: 14px;
}

.meta-category{display:none!important}

body .sf-menu>li ul{padding:12px}

body #header-outer .sf-menu li ul li.menu-item a{border-radius:5px}
body #page-header-bg h1, body .nectar-box-roll .overlaid-content h1{font-size:38px}

body .sf-menu li ul li a .menu-title-text:after{
	bottom:-5px
}

.common-btns-group h4{color:#0a0a0a!important}
.mb-3{margin-bottom:15px!important}

.required{color:red!important}

#page-header-bg .subheader {
    font-size: 20px;
    font-weight: 400;
}

.sf-menu>li ul {
    width: 24em;
}



.nf-form-fields-required{display:none!important}

.heading-with-badge .wpb_wrapper { display:flex; flex-wrap:wrap; gap:10px;justify-content: space-between;
    align-items: center;}
.heading-with-badge .nectar-badge__inner    {font-size:12px}

.ai-modal-card .row_col_wrap_12 {
    padding:20px 10px;
  background-color:#fff;
  border-radius:10px;
      box-shadow: rgba(0, 0, 0, .04) 0 1px 0, rgba(0, 0, 0, .05) 0 2px 7px, rgba(0, 0, 0, .06) 0 12px 22px;
}

.ai-modal-card ul{margin-left:15px}

body:not(.woocommerce-cart) .main-content td{font-size:15px}

     .ai-modal-container table {
      background: transparent !important;
      color: #364153;
      font-size: 12px;
      line-height: 1.5;
    }

    .ai-modal-container th,
    .ai-modal-container td {
      border: none !important;
      padding: 8px;
      vertical-align: top;
      text-align: left;
      font-size: 12px !important;
    }

    .ai-modal-container td {
      border-top: 1px solid #E5E7EB !important
    }

    .ai-modal-container thead {
      position: sticky;
      top: 51px;
      z-index: 2;
    }

    body.logged-in.admin-bar .ai-modal-container thead {
      top: 84px
    }

    .ai-modal-container th {
      background: #3664F6;
      color: #fff;
      font-weight: 400;

    }

    .ai-modal-container .vendor-model-header {
      display: flex;
      flex-direction: column;
      gap: 5px;
      align-items: flex-start;
    }

    .ai-modal-container .vendor {
      color: #1447E6;
      font-size: 16px;
    }

    .blue-text {
      color: #1447E6;
    }

    .ai-modal-container .model {
      color: #101828;
      font-size: 16px;
    }

    .ai-modal-container .model-version {
      color: #9810FA;

    }

    .ai-modal-container.via-text {
      color: #6A7282;
    }

    .ai-modal-container .modal-badge {
      border-radius: 4px;
      padding: 4px 12px;
      color: #008236;
      background-color: #DCFCE7;
    }

    .ai-modal-container .modal-badge.requested {
      color: #1447E6;
      background-color: #DBEAFE;
    }

    .ai-modal-container .modal-badge.pending {
      color: #CA3500;
      background-color: #FFEDD4;
    }

    .ai-modal-container .modal-badge.denied {
      color: #B91C1C;
      background-color: #FEE2E2;
    }

    .ai-modal-container .modal-badge.paused {
      color: #A16207;
      background-color: #FEF3C7;
    }

    .modal-pros,
    .modal-cons,
    .modal-when-to-use {
      font-weight: 600;
    }

    .modal-pros {
      color: #008236;
    }

    .modal-cons {
      color: #F54900;
    }

    .ai-modal-container ul {
      margin: 0;
      padding-left: 18px;
    }

    .ai-modal-container .modal-description {
      width: 250px
    }

    td.legal-banner-row {
      padding: 0 !important;
    }

    body:not(.woocommerce-cart) .main-content table:not(.ai-leaders-lb-table):not(.governance-framework__table):not(.governance-roles__raci-table) tr:nth-child(2n+1) {
      background-color: #F9FAFB;
    }

    .legal-banner {
      background-color: #FFE2E2;
      border-left: 4px solid #FB2C36;
      padding: 12px 16px;
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .legal-banner-icon {
      width: 18px;
      height: 18px;
      border: 1px solid #FB2C36;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FB2C36;
      font-weight: bold;
      font-size: 12px;
      flex-shrink: 0;
    }

    .legal-banner-text {
      color: #82181A;
      font-size: 12px;
      line-height: 1.5;
    }

    .ai-modal-container table {
      border-collapse: separate !important;
      border-spacing: 0 !important;
    }

    .ai-modal-container thead th:first-child {
      border-top-left-radius: 10px;
    }

    .ai-modal-container thead th:last-child {
      border-top-right-radius: 10px;
    }

    .ai-modal-container tbody tr:last-child td:first-child {
      border-bottom-left-radius: 10px;
    }

    .ai-modal-container tbody tr:last-child td:last-child {
      border-bottom-right-radius: 10px;
    }

    @media (max-width:900px) {
      .ai-modal-container {
        overflow-x: auto;
        max-height: 500px;
      }

      .ai-modal-container thead,
      body.logged-in.admin-bar .ai-modal-container thead {
        top: 0px
      }

    }
    .nectar_icon_wrap[data-style="soft-bg"] .nectar_icon:before{
      opacity: 0.07!important;
    }
    body .toggles[data-style="minimal"]  .toggle.default{
      margin-top: 16px;
      padding: 24px;
      background-color: #fff;
      border:1px solid #e2e8f0;
      border-radius: 12px;

  }
  body  div[data-style="minimal"] .toggle.default.open{
    border-color: #bedbff;
  }
  body div[data-style="minimal"] .toggle{
    border: none;
  }
  body  div[data-style="minimal"] .toggle > .toggle-title a{
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 1.65;
    color: #0f172b;
  }
  body  div[data-style="minimal"] .toggle.default.open > .toggle-title a{
    color: #1c398e;
  }
  body div[data-style*=minimal] .toggle>.toggle-title i{
    border: none;
    background-color: #f8fafc;
  }
  body  div[data-style="minimal"] .toggle.default.open > .toggle-title i{
    background-color: #dbeafe;
  }
  body div[data-style="minimal"] .toggle > .toggle-title i:after {
    top: 8px;
    left: 16px;
    background-color: #90a1b9;

}
body div[data-style="minimal"] .toggle > .toggle-title i:before {
  top: 16px;
  left: 8px;
  background-color: #90a1b9;

}
body  div[data-style="minimal"] .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap{
  padding: 20px 0 0 0;
  font-size: 16px;
  color: #62748e;
}

/* Dark Mode Toggles */
html.theme-dark body .toggles[data-style="minimal"] .toggle.default {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}

html.theme-dark body .toggles[data-style="minimal"] .toggle > .toggle-title a {
  color: #e2e8f0 !important;
}

html.theme-dark body .toggles[data-style="minimal"] .toggle.default.open {
  border-color: #3b82f6 !important;
}

html.theme-dark body .toggles[data-style="minimal"] .toggle.default.open > .toggle-title a {
  color: #93c5fd !important;
}

html.theme-dark body div[data-style="minimal"] .toggle > .toggle-title i {
  background-color: #334155 !important;
}

html.theme-dark body div[data-style="minimal"] .toggle.default.open > .toggle-title i {
  background-color: #1e3a8a !important;
}

html.theme-dark body div[data-style="minimal"] .toggle > .toggle-title i:after,
html.theme-dark body div[data-style="minimal"] .toggle > .toggle-title i:before {
  background-color: #cbd5e1 !important;
}

html.theme-dark body div[data-style="minimal"] .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap {
  color: #94a3b8 !important;
}

    /* Footer CSS Start */
    #footer-widgets .footer-logo img{
      filter: brightness(0) invert(100%);

    }
    #footer-outer .widget h4 {
      margin-bottom: 10px ;
  }
  body.material #footer-outer #footer-widgets .col ul li {
    padding: 2px 0 !important;
  }
  #copyright .container .col.span_5{
    width: 100%;
    margin: 0px;
  }
  #copyright .copyright-container{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
  }
  body #footer-outer #copyright{
    color: #62748e;
  }
    
    /* Footer CSS End */

/* Header dark mode colors now controlled by theme options */
/* See: Salient > Header Navigation > Color Scheme > Dark Mode Colors */

/* Custom Header Button */
/* .custom-header-button-wrap {
  margin-left: 12px;
} */
html body #header-outer #top nav>ul>li.custom-header-button-wrap{
  margin-left: 0px!important;
}
html body #header-outer #top nav>ul>li>a.custom-header-button {
  display: flex !important;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff !important;
  background-color: #0760ff;
  border-radius: 9999px;
  transition: all 0.3s ease;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  text-decoration: none !important;
  border: none;
  margin: 0px 0 0 20px;
  opacity: 1!important;
}

html body #header-outer #top nav>ul>li>a.custom-header-button:hover {
  background-color: #1d4ed8;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transform: translateY(-1px);
}

.custom-header-button-wrap .custom-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}

.custom-header-button-wrap .custom-button-icon svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
}

.custom-header-button-wrap .custom-button-text {
  line-height: 1;
}

/* Dark Mode for Custom Button */
html.theme-dark body #header-outer #top nav>ul>li>a.custom-header-button {
  background-color: #155dfc;
  color: #ffffff !important;
}

html.theme-dark body #header-outer #top nav>ul>li>a.custom-header-button:hover {
  background-color: #1447e6;
  color: #ffffff !important;
}

/* Theme Toggle Button */
.theme-toggle-wrap {
  margin-left: 12px;
}

.theme-toggle-wrap .theme-toggle-btn, .theme-toggle-mobile  .theme-toggle-btn{
  border: none;
  /* padding: 8px 8px 4px;
  border-radius: 8px!important; */
  background-color: transparent;
  color: #62748e;
  cursor: pointer;
}

html.theme-dark body .theme-toggle-wrap .theme-toggle-btn, html.theme-dark body .theme-toggle-mobile  .theme-toggle-btn{
  /* background-color: #1d293d; */
  color: #90a1b9;
}

/* Header user profile menu */
html body #header-outer #top nav > ul > li.header-user-menu-wrap {
  margin-left: 12px;
  position: relative;
  padding-left: 12px;
}

html body #header-outer #top nav > ul > li.header-user-menu-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 24px;
  background: #d7deea;
}

html body #header-outer #top nav > ul > li > button.header-user-trigger {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: transparent;
  border: none;
  border-radius: 999px;
  color: #0f172a;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

.header-user-avatar {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #0f172a;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 1px;
}

.header-user-caret {
  display: inline-flex;
  color: #64748b;
  transition: transform 0.2s ease;
}

.header-user-trigger[aria-expanded="true"] .header-user-caret {
  transform: rotate(180deg);
}

.header-user-dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  min-width: 255px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.14);
  z-index: 120;
  overflow: hidden;
}

.header-user-dropdown-head {
  padding: 14px 16px 12px;
  border-bottom: 1px solid #e2e8f0;
  text-align: left;
}

.header-user-full-name,
.header-user-email {
  margin: 0 !important;
  padding: 0 !important;
}

.header-user-full-name {
  color: #0f172a;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.header-user-email {
  margin-top: 4px !important;
  color: #64748b;
  font-size: 13px;
  line-height: 1.35;
}

.sf-menu a.header-user-logout {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-start;
  padding: 12px 16px;
  color: #0f172a !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}

.header-user-logout:hover {
  background: #f8fafc;
  color: #0f172a !important;
}

.header-user-logout-icon {
  display: inline-flex;
}

html.theme-dark body #header-outer #top nav > ul > li > button.header-user-trigger {
  background: transparent;
  color: #e2e8f0;
}

html.theme-dark body #header-outer #top nav > ul > li.header-user-menu-wrap::before {
  background: #334155;
}

html.theme-dark .header-user-avatar {
  background: #e5e7eb;
  color: #111827;
}

html.theme-dark .header-user-dropdown {
  background: #0f172a;
  border-color: #1e293b;
  box-shadow: 0 18px 36px rgba(2, 6, 23, 0.45);
}

html.theme-dark .header-user-dropdown-head {
  border-bottom-color: #1e293b;
}

html.theme-dark .header-user-full-name {
  color: #f8fafc;
}

html.theme-dark .header-user-email {
  color: #94a3b8;
}

html.theme-dark .header-user-logout {
  color: #e2e8f0 !important;
}

html.theme-dark .header-user-logout:hover {
  background: #1e293b;
  color: #ffffff !important;
}

/* Off-canvas CTA: hidden on desktop, shown in slide-out menu on responsive */
.custom-header-button-ocm {
  display: none;
}

#slide-out-widget-area .custom-header-button-ocm .custom-header-button--ocm {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff !important;
  background-color: #0760ff;
  border-radius: 0;
  transition: all 0.3s ease;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  text-decoration: none !important;
  border: none;
  margin: 0;
  opacity: 1 !important;
}

#slide-out-widget-area .custom-header-button-ocm .custom-header-button--ocm:hover {
  background-color: #1d4ed8;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transform: translateY(-1px);
}

html.theme-dark #slide-out-widget-area .custom-header-button-ocm .custom-header-button--ocm {
  background-color: #0760ff;
  color: #ffffff !important;
}

html.theme-dark #slide-out-widget-area .custom-header-button-ocm .custom-header-button--ocm:hover {
  background-color: #1d4ed8;
}

/* Mobile Responsive */
@media only screen and (max-width: 999px) {
  .header-user-menu-wrap {
    display: none;
  }
}

.material.woocommerce-page[data-form-style=default] input#coupon_code, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
  background-color: #000;
  border: 1px solid #cad5e2;
  background-color: #fff;
  border-radius: 8px;
  line-height: normal;
}
html.theme-dark body .material.woocommerce-page[data-form-style=default] input#coupon_code, html.theme-dark body input[type=date], html.theme-dark body input[type=email], html.theme-dark body input[type=number], html.theme-dark body input[type=password], html.theme-dark body input[type=search], html.theme-dark body input[type=tel], html.theme-dark body input[type=text], html.theme-dark body input[type=url], html.theme-dark body select, html.theme-dark body textarea{
  background-color: #1d293d;
  border: 1px solid #314158;
  color: #cad5e2!important;

}

/* Dark mode placeholder color */
html.theme-dark body .material.woocommerce-page[data-form-style=default] input#coupon_code::placeholder,
html.theme-dark body input[type=date]::placeholder,
html.theme-dark body input[type=email]::placeholder,
html.theme-dark body input[type=number]::placeholder,
html.theme-dark body input[type=password]::placeholder,
html.theme-dark body input[type=search]::placeholder,
html.theme-dark body input[type=tel]::placeholder,
html.theme-dark body input[type=text]::placeholder,
html.theme-dark body input[type=url]::placeholder,
html.theme-dark body textarea::placeholder {
  color: #90a1b9;
  opacity: 1;
}

html.theme-dark body .material.woocommerce-page[data-form-style=default] input#coupon_code::-webkit-input-placeholder,
html.theme-dark body input[type=date]::-webkit-input-placeholder,
html.theme-dark body input[type=email]::-webkit-input-placeholder,
html.theme-dark body input[type=number]::-webkit-input-placeholder,
html.theme-dark body input[type=password]::-webkit-input-placeholder,
html.theme-dark body input[type=search]::-webkit-input-placeholder,
html.theme-dark body input[type=tel]::-webkit-input-placeholder,
html.theme-dark body input[type=text]::-webkit-input-placeholder,
html.theme-dark body input[type=url]::-webkit-input-placeholder,
html.theme-dark body textarea::-webkit-input-placeholder {
  color: #90a1b9;
}
/**
 * Ninja Forms — intake styling scoped by `.survey-form` (main wrapper class).
 * Add class `survey-form` to the form’s Wrapper CSS class (or the wrapping element).
 * Matches React intake layout: max-w-2xl column, SectionCard rows, slate page tone,
 * multip sticky strip + progress (NF Multi-Part), ListRadio-style choices.
 */
.survey-form {

  position: relative;
  box-sizing: border-box;
  max-width: 54rem;
  margin-left: auto;
  margin-right: auto;

  border-radius: 0;
}

html.theme-dark body .survey-form {
  background: #020617;
}

.survey-form *,
.survey-form *::before,
.survey-form *::after {
  box-sizing: border-box;
}

/* ─── Section cards (React SectionCard: rounded-2xl border shadow-sm p-6) ─── */
.survey-form #ninja_forms_required_items,
.survey-form .nf-field-container {
  margin-bottom: 1.25rem;
}

.survey-form .nf-field-container:not(.submit-container):not(.hr-container):not(.hidden-container) {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  padding: 1.2rem;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

html.theme-dark body .survey-form .nf-field-container:not(.submit-container):not(.hr-container):not(.hidden-container) {
  background: #0f172a;
  border-color: #1e293b;
  box-shadow: none;
}

/* First HTML block = preamble (React blue wash card) */
.survey-form .nf-form-content > .nf-field-container.html-container:first-child {
  background: rgba(239, 246, 255, 0.65);
  border-color: #bfdbfe;
}

html.theme-dark body .survey-form .nf-form-content > .nf-field-container.html-container:first-child {
  background: rgba(30, 58, 138, 0.22);
  border-color: rgba(59, 130, 246, 0.35);
}

.survey-form .nf-field-container.html-container .nf-field-element {
  font-size: 13px;
  line-height: 1.625;
  color: #475569;
}

html.theme-dark body .survey-form .nf-field-container.html-container .nf-field-element {
  color: #94a3b8;
}

/* Submit row = footer strip (React inline nav: border-t pt-6) */
.survey-form .nf-field-container.submit-container {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 1.5rem 0 0 !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0 !important;
  border-top: 1px solid #e2e8f0 !important;
  border-radius: 0 !important;
}

html.theme-dark body .survey-form .nf-field-container.submit-container {
  border-top-color: #1e293b !important;
}

/* ─── Labels & helper copy ─── */
.survey-form .label-above .nf-field-label {
  margin-bottom: 6px !important;
}

.survey-form .nf-field-label .nf-label-span,
.survey-form .nf-field-label label {
  color: #334155 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

html.theme-dark body .survey-form .nf-field-label .nf-label-span,
html.theme-dark body .survey-form .nf-field-label label {
  color: #cbd5e1 !important;
}

.survey-form .ninja-forms-req-symbol {
  color: #3b82f6 !important;
  margin-left: 2px;
}

/*
 * Ninja Forms help icons use jBox tooltips (appended to body). Radix Tooltip–style:
 * dark surface, light text, rounded-md, compact type — only when the page has `.survey-form`.
 */
@supports selector(:has(.survey-form)) {
  body:has(.survey-form) .jBox-wrapper.jBox-Tooltip .jBox-container,
  body:has(.survey-form) .jBox-wrapper.jBox-Mouse .jBox-container {
    box-sizing: border-box;
    width: max-content;
    max-width: min(22rem, calc(100vw - 1.25rem));
    min-width: 0;
    background: #09090b;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
      0 10px 15px -3px rgba(0, 0, 0, 0.35),
      0 4px 6px -4px rgba(0, 0, 0, 0.25);
  }

  body:has(.survey-form) .jBox-wrapper.jBox-Tooltip .jBox-content,
  body:has(.survey-form) .jBox-wrapper.jBox-Mouse .jBox-content {
    box-sizing: border-box;
    max-width: 100%;
    overflow-wrap: break-word;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 400;
    color: #fafafa;
  }

  body:has(.survey-form) .jBox-wrapper.jBox-Tooltip .jBox-title,
  body:has(.survey-form) .jBox-wrapper.jBox-Mouse .jBox-title {
    color: #fafafa;
    padding: 8px 12px 0;
    font-weight: 600;
    font-size: 12px;
  }

  body:has(.survey-form) .jBox-wrapper.jBox-Tooltip .jBox-content p,
  body:has(.survey-form) .jBox-wrapper.jBox-Mouse .jBox-content p {
    margin: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
  }

  body:has(.survey-form) .jBox-wrapper.jBox-Tooltip .jBox-content a,
  body:has(.survey-form) .jBox-wrapper.jBox-Mouse .jBox-content a {
    color: #93c5fd;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  body:has(.survey-form) .jBox-pointer:after {
    background: #09090b !important;
    box-shadow: none !important;
  }

  body:has(.survey-form) .jBox-wrapper.jBox-TooltipBorder .jBox-container {
    box-sizing: border-box;
    width: max-content;
    max-width: min(22rem, calc(100vw - 1.25rem));
    min-width: 0;
    border-color: rgba(255, 255, 255, 0.12);
    background: #09090b;
  }

  body:has(.survey-form) .jBox-wrapper.jBox-TooltipBorder .jBox-pointer:after {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: #09090b !important;
    box-shadow: none !important;
  }

  body:has(.survey-form) #nf-ai-help-tooltip.nf-ai-help-tooltip {
    box-sizing: border-box;
    width: max-content;
    max-width: min(22rem, calc(100vw - 1.25rem));
    min-width: 0;
    overflow-wrap: break-word;
    background: #09090b;
    color: #fafafa;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 1.45;
    box-shadow:
      0 10px 15px -3px rgba(0, 0, 0, 0.35),
      0 4px 6px -4px rgba(0, 0, 0, 0.25);
  }

  html.theme-dark body:has(.survey-form) .jBox-wrapper.jBox-Tooltip .jBox-container,
  html.theme-dark body:has(.survey-form) .jBox-wrapper.jBox-Mouse .jBox-container {
    box-shadow:
      0 10px 15px -3px rgba(0, 0, 0, 0.5),
      0 4px 6px -4px rgba(0, 0, 0, 0.35);
  }
}

/*
 * Help trigger — compact circle badge (Lucide / shadcn-style hint), pairs with req asterisk blue.
 * NF markup: `<span class="fa fa-info-circle nf-help">` (FA glyph centered in pill).
 */
.survey-form .nf-field-label .nf-help.fa,
.survey-form .nf-label-span .nf-help.fa,
.survey-form .nf-help-ai.fa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.35rem !important;
  padding: 0;
  vertical-align: middle;
  flex-shrink: 0;
  font-size: 14px !important;
  line-height: 1 !important;
  background: rgba(59, 130, 246, 0.1) !important;
 
  border-radius: 9999px;
  color: #2563eb !important;
  cursor: help;
  transition:
    color 0.15s ease,
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.survey-form .nf-field-label .nf-help.fa:hover,
.survey-form .nf-label-span .nf-help.fa:hover,
.survey-form .nf-help-ai.fa:hover {
  color: #1d4ed8 !important;
  background-color: rgba(59, 130, 246, 0.18) !important;
  border-color: rgba(59, 130, 246, 0.55) !important;
}

.survey-form .nf-field-label .nf-help.fa:focus:not(:focus-visible),
.survey-form .nf-label-span .nf-help.fa:focus:not(:focus-visible),
.survey-form .nf-help-ai.fa:focus:not(:focus-visible) {
  outline: none;
}

.survey-form .nf-field-label .nf-help.fa:focus-visible,
.survey-form .nf-label-span .nf-help.fa:focus-visible,
.survey-form .nf-help-ai.fa:focus-visible {
  outline: 2px solid rgba(59, 130, 246, 0.55);
  outline-offset: 2px;
}

html.theme-dark body .survey-form .nf-field-label .nf-help.fa,
html.theme-dark body .survey-form .nf-label-span .nf-help.fa,
html.theme-dark body .survey-form .nf-help-ai.fa {
  background: rgba(59, 130, 246, 0.14) !important;
  border-color: rgba(96, 165, 250, 0.4) !important;
  color: #93c5fc !important;
}

html.theme-dark body .survey-form .nf-field-label .nf-help.fa:hover,
html.theme-dark body .survey-form .nf-label-span .nf-help.fa:hover,
html.theme-dark body .survey-form .nf-help-ai.fa:hover {
  color: #bfdbfe !important;
  background-color: rgba(59, 130, 246, 0.22) !important;
  border-color: rgba(147, 197, 253, 0.55) !important;
}

html.theme-dark body .survey-form .nf-field-label .nf-help.fa:focus-visible,
html.theme-dark body .survey-form .nf-label-span .nf-help.fa:focus-visible,
html.theme-dark body .survey-form .nf-help-ai.fa:focus-visible {
  outline-color: rgba(147, 197, 253, 0.65);
}

.survey-form .nf-field-description,
.survey-form .nf-field-description p {
  font-size: 13px !important;
  color: #5f6a79 !important;
  margin-top: -2px !important;
  line-height: 1.625 !important;
  margin-bottom: 12px;
}

html.theme-dark body .survey-form .nf-field-description,
html.theme-dark body .survey-form .nf-field-description p {
  color: #5f6a79 !important;
}

/* ─── Text inputs (React: rounded-xl py-3 px-4) ─── */
.survey-form .nf-field-element input[type="text"],
.survey-form .nf-field-element input[type="email"],
.survey-form .nf-field-element input[type="tel"],
.survey-form .nf-field-element input[type="number"],
.survey-form .nf-field-element input[type="url"],
.survey-form .nf-field-element input[type="date"],
.survey-form .nf-field-element select,
.survey-form .nf-field-element textarea {
  width: 100% !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #0f172a !important;
  background-color: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.survey-form .nf-field-element select {
  appearance: none !important;
  padding-right: 2.75rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
}

html.theme-dark body .survey-form .nf-field-element input[type="text"],
html.theme-dark body .survey-form .nf-field-element input[type="email"],
html.theme-dark body .survey-form .nf-field-element input[type="tel"],
html.theme-dark body .survey-form .nf-field-element input[type="number"],
html.theme-dark body .survey-form .nf-field-element input[type="url"],
html.theme-dark body .survey-form .nf-field-element input[type="date"],
html.theme-dark body .survey-form .nf-field-element select,
html.theme-dark body .survey-form .nf-field-element textarea {
  color: #ffffff !important;
  background-color: #020617 !important;
  border-color: #1e293b !important;
}

html.theme-dark body .survey-form .nf-field-element select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
}

.survey-form .nf-field-element textarea {
  min-height: 120px !important;
  height: auto !important;
  resize: vertical !important;
}

.survey-form .nf-field-element input::placeholder,
.survey-form .nf-field-element textarea::placeholder {
  color: #7b8a9f !important;
}

html.theme-dark body .survey-form .nf-field-element input::placeholder,
html.theme-dark body .survey-form .nf-field-element textarea::placeholder {
  color: #7b8a9f !important;
}

.survey-form .nf-field-element input:not([type="radio"]):not([type="checkbox"]):focus,
.survey-form .nf-field-element select:focus,
.survey-form .nf-field-element textarea:focus {
  outline: none !important;
  border-color: #60a5fa !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2) !important;
}

html.theme-dark body .survey-form .nf-field-element input:not([type="radio"]):not([type="checkbox"]):focus,
html.theme-dark body .survey-form .nf-field-element select:focus,
html.theme-dark body .survey-form .nf-field-element textarea:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25) !important;
}

/* ─── List radio / checkbox — native controls visible beside labels (NF: listradio-wrap / listcheckbox-wrap) ─── */
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listradio-wrap .nf-field-element li,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-radio-wrap .nf-field-element li,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listcheckbox-wrap .nf-field-element li,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-checkbox-wrap .nf-field-element li {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 0 0 10px !important;
  padding-left: 0 !important;
}

.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listradio-wrap .nf-field-element li input[type="radio"],
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-radio-wrap .nf-field-element li input[type="radio"] {
  position: absolute !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  min-width: 1.125rem !important;
  min-height: 1.125rem !important;
  margin: 4px 0 0 !important;
  flex-shrink: 0 !important;
  clip: auto !important;
  overflow: visible !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
  accent-color: #2563eb !important;
  left: 15px;
  top: 10px;
}

/*
 * List checkboxes: custom-drawn control so the box stays standard size while the tick is scaled via background-size.
 */
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listcheckbox-wrap .nf-field-element li input[type="checkbox"],
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-checkbox-wrap .nf-field-element li input[type="checkbox"] {
  position: absolute !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
  width: 1.125rem !important;
  height: 1.125rem !important;
  min-width: 1.125rem !important;
  min-height: 1.125rem !important;
  margin: 4px 0 0 !important;
  flex-shrink: 0 !important;
  clip: auto !important;
  overflow: visible !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  accent-color: transparent !important;
  border: 2px solid #94a3b8 !important;
  border-radius: 4px !important;
  background-color: #ffffff !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 12px 12px !important;
  background-image: none !important;
  left: 15px;
  top: 10px;
}

.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listcheckbox-wrap .nf-field-element li input[type="checkbox"]:checked,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-checkbox-wrap .nf-field-element li input[type="checkbox"]:checked {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6.5l2 2 5-6' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

html.theme-dark body .survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listcheckbox-wrap .nf-field-element li input[type="checkbox"],
html.theme-dark body .survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-checkbox-wrap .nf-field-element li input[type="checkbox"] {
  background-color: rgba(15, 23, 42, 0.95) !important;
  border-color: #64748b !important;
}

html.theme-dark body .survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listcheckbox-wrap .nf-field-element li input[type="checkbox"]:checked,
html.theme-dark body .survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-checkbox-wrap .nf-field-element li input[type="checkbox"]:checked {
  background-color: #2563eb !important;
  border-color: #3b82f6 !important;
}

.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listradio-wrap .nf-field-element li input:focus,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-radio-wrap .nf-field-element li input:focus,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listcheckbox-wrap .nf-field-element li input:focus,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-checkbox-wrap .nf-field-element li input:focus,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listradio-wrap .nf-field-element li input:focus-visible,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-radio-wrap .nf-field-element li input:focus-visible,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listcheckbox-wrap .nf-field-element li input:focus-visible,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-checkbox-wrap .nf-field-element li input:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Fallback: radios/checkboxes elsewhere under survey-form */
.survey-form input[type="radio"]:focus,
.survey-form input[type="radio"]:focus-visible,
.survey-form input[type="checkbox"]:focus,
.survey-form input[type="checkbox"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listradio-wrap .nf-field-element li label::before,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listradio-wrap .nf-field-element li label::after,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-radio-wrap .nf-field-element li label::before,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-radio-wrap .nf-field-element li label::after,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listcheckbox-wrap .nf-field-element li label::before,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listcheckbox-wrap .nf-field-element li label::after,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-checkbox-wrap .nf-field-element li label::before,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-checkbox-wrap .nf-field-element li label::after {
  content: none !important;
  display: none !important;
}

.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listradio-wrap .nf-field-element li label,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-radio-wrap .nf-field-element li label,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listcheckbox-wrap .nf-field-element li label,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-checkbox-wrap .nf-field-element li label {
  cursor: pointer !important;
  flex: 1 1 auto !important;
  width: auto !important;
  box-sizing: border-box !important;
  display: block !important;
  margin-left: 0 !important;
  padding: 8px 10px !important;
  border: 2px solid #e2e8f0 !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  transition: border-color 0.15s ease, background 0.15s ease !important;
  padding-left: 40px !important;

}
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-radio-wrap .nf-field-element li ,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listcheckbox-wrap .nf-field-element li ,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-checkbox-wrap .nf-field-element li  {
  position: relative !important;
}
html.theme-dark body .survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listradio-wrap .nf-field-element li label,
html.theme-dark body .survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-radio-wrap .nf-field-element li label,
html.theme-dark body .survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listcheckbox-wrap .nf-field-element li label,
html.theme-dark body .survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-checkbox-wrap .nf-field-element li label {
  border-color: #334155 !important;
  color: #cbd5e1 !important;
  background-color: rgba(15, 23, 42, 0.35) !important;
}

.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listradio-wrap .nf-field-element li input:checked + label,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-radio-wrap .nf-field-element li input:checked + label,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listcheckbox-wrap .nf-field-element li input:checked + label,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-checkbox-wrap .nf-field-element li input:checked + label {
  border-color: #2563eb !important;
  background-color: rgba(239, 246, 255, 0.95) !important;
  color: #1d4ed8 !important;
}

html.theme-dark body .survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listradio-wrap .nf-field-element li input:checked + label,
html.theme-dark body .survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-radio-wrap .nf-field-element li input:checked + label,
html.theme-dark body .survey-form .nf-field-container:not(.ai-nf-dimension-rating) .listcheckbox-wrap .nf-field-element li input:checked + label,
html.theme-dark body .survey-form .nf-field-container:not(.ai-nf-dimension-rating) .list-checkbox-wrap .nf-field-element li input:checked + label {
  background-color: rgba(30, 58, 138, 0.35) !important;
  border-color: #3b82f6 !important;
  color: #93c5fd !important;
}

/*
 * Dimension rating block (screenshot / React DimensionRatingRow).
 *
 * Setup in Ninja Forms:
 * 1) Layout & Styles: add a Row, set Row CSS class: ai-nf-dimension-card
 * 2) Optional HTML field at top of row, Container CSS class: ai-nf-dimension-intro (section title + hint)
 * 3) Each List Radio (N/A, Low, Medium, High): Advanced → Display → Container CSS class: ai-nf-dimension-rating
 *    Field label text must match the keys in ai-nf-dimension-rating.js (e.g. “Revenue growth”)
 * 4) List Radio: Container class `ai-nf-dimension-rating`. Label position **Left** or **Above**.
 *    Row layout: dimension label left; scale pills right with native radios visible beside each option.
 */
.survey-form .nf-row.ai-nf-dimension-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  margin-bottom: 1.25rem;
  overflow: hidden;
}

html.theme-dark body .survey-form .nf-row.ai-nf-dimension-card {
  background: #0f172a;
  border-color: #1e293b;
  box-shadow: none;
}

.survey-form .nf-row.ai-nf-dimension-card .nf-field-container:not(.submit-container) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}

.survey-form .nf-row.ai-nf-dimension-card .nf-field-container.ai-nf-dimension-rating {
  padding: 1rem 1.75rem !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

html.theme-dark body .survey-form .nf-row.ai-nf-dimension-card .nf-field-container.ai-nf-dimension-rating {
  border-bottom-color: #1e293b !important;
}

.survey-form .nf-row.ai-nf-dimension-card .nf-field-container.ai-nf-dimension-rating:last-child,
.survey-form .nf-row.ai-nf-dimension-card .nf-field-container:last-child {
  border-bottom: none !important;
}

.survey-form .nf-row.ai-nf-dimension-card .nf-field-container.ai-nf-dimension-intro {
  border-bottom: 1px solid #f1f5f9 !important;
}

html.theme-dark body .survey-form .nf-row.ai-nf-dimension-card .nf-field-container.ai-nf-dimension-intro {
  border-bottom-color: #1e293b !important;
}

/* Intro HTML inside the card */
.survey-form .nf-field-container.ai-nf-dimension-intro .nf-field-element {
  padding: 1.75rem 1.75rem 0.75rem !important;
}

.survey-form .nf-field-container.ai-nf-dimension-intro .nf-field-element h3,
.survey-form .nf-field-container.ai-nf-dimension-intro .nf-field-element .ai-dim-heading {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  margin: 0 0 0.5rem !important;
  line-height: 1.35 !important;
}

.survey-form .nf-field-container.ai-nf-dimension-intro .nf-field-element .ai-dim-sub,
.survey-form .nf-field-container.ai-nf-dimension-intro .nf-field-element p.ai-dim-sub {
  font-size: 14px !important;
  color: #64748b !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

html.theme-dark body .survey-form .nf-field-container.ai-nf-dimension-intro .nf-field-element h3,
html.theme-dark body .survey-form .nf-field-container.ai-nf-dimension-intro .nf-field-element .ai-dim-heading {
  color: #f1f5f9 !important;
}

html.theme-dark body .survey-form .nf-field-container.ai-nf-dimension-intro .nf-field-element .ai-dim-sub,
html.theme-dark body .survey-form .nf-field-container.ai-nf-dimension-intro .nf-field-element p.ai-dim-sub {
  color: #94a3b8 !important;
}

/* ─── Dimension rating row (bold label left; pill options + visible radios) ─── */
.survey-form .nf-field-container.ai-nf-dimension-rating .field-wrap.listradio-wrap,
.survey-form .nf-field-container.ai-nf-dimension-rating .field-wrap.list-radio-wrap {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  width: 100% !important;
}

/* Dimension name — bolder / navy like screenshot */
.survey-form .nf-field-container.ai-nf-dimension-rating .field-wrap .nf-field-label .nf-label-span,
.survey-form .nf-field-container.ai-nf-dimension-rating .field-wrap .nf-field-label label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  line-height: 1.35 !important;
}

html.theme-dark body .survey-form .nf-field-container.ai-nf-dimension-rating .field-wrap .nf-field-label .nf-label-span,
html.theme-dark body .survey-form .nf-field-container.ai-nf-dimension-rating .field-wrap .nf-field-label label {
  color: #f1f5f9 !important;
}

.survey-form .nf-field-container.ai-nf-dimension-rating .field-wrap .nf-field-label {
  flex: 0 1 auto !important;
  max-width: min(46%, 17rem) !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-right: 0.75rem !important;
}

/* Pills cluster — pinned to the right */
.survey-form .nf-field-container.ai-nf-dimension-rating .field-wrap .nf-field-element {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  margin-top: 0 !important;
  min-width: 0 !important;
  width: auto !important;
}

.survey-form .nf-field-container.ai-nf-dimension-rating .listradio-wrap .nf-field-element ul,
.survey-form .nf-field-container.ai-nf-dimension-rating .list-radio-wrap .nf-field-element ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.survey-form .nf-field-container.ai-nf-dimension-rating .listradio-wrap .nf-field-element li,
.survey-form .nf-field-container.ai-nf-dimension-rating .list-radio-wrap .nf-field-element li {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

.survey-form .nf-field-container.ai-nf-dimension-rating .listradio-wrap .nf-field-element li label::before,
.survey-form .nf-field-container.ai-nf-dimension-rating .listradio-wrap .nf-field-element li label::after,
.survey-form .nf-field-container.ai-nf-dimension-rating .list-radio-wrap .nf-field-element li label::before,
.survey-form .nf-field-container.ai-nf-dimension-rating .list-radio-wrap .nf-field-element li label::after {
  content: none !important;
  display: none !important;
}

.survey-form .nf-field-container.ai-nf-dimension-rating .listradio-wrap input[type="radio"],
.survey-form .nf-field-container.ai-nf-dimension-rating .list-radio-wrap input[type="radio"] {
  position: relative !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  min-width: 1.125rem !important;
  min-height: 1.125rem !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  clip: auto !important;
  overflow: visible !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
  accent-color: #2563eb !important;
}

.survey-form .nf-field-container.ai-nf-dimension-rating .listradio-wrap .nf-field-element li label,
.survey-form .nf-field-container.ai-nf-dimension-rating .list-radio-wrap .nf-field-element li label {
  flex: none !important;
  margin: 0 !important;
  padding: 7px 16px !important;
  border-radius: 10px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  line-height: 1.35 !important;
  cursor: pointer !important;
  text-align: center !important;
  min-width: 3.25rem !important;
  transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease !important;
}

html.theme-dark body .survey-form .nf-field-container.ai-nf-dimension-rating .listradio-wrap .nf-field-element li label,
html.theme-dark body .survey-form .nf-field-container.ai-nf-dimension-rating .list-radio-wrap .nf-field-element li label {
  border-color: #334155 !important;
  background: #020617 !important;
  color: #cbd5e1 !important;
}

.survey-form .nf-field-container.ai-nf-dimension-rating .listradio-wrap input[type="radio"]:checked + label,
.survey-form .nf-field-container.ai-nf-dimension-rating .list-radio-wrap input[type="radio"]:checked + label,
.survey-form .nf-field-container.ai-nf-dimension-rating .listradio-wrap .nf-field-element li label.nf-checked-label,
.survey-form .nf-field-container.ai-nf-dimension-rating .list-radio-wrap .nf-field-element li label.nf-checked-label {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
  box-shadow: 0 1px 2px rgba(37, 99, 235, 0.35) !important;
}

html.theme-dark body .survey-form .nf-field-container.ai-nf-dimension-rating .listradio-wrap input[type="radio"]:checked + label,
html.theme-dark body .survey-form .nf-field-container.ai-nf-dimension-rating .list-radio-wrap input[type="radio"]:checked + label {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
}

.survey-form .nf-field-container.ai-nf-dimension-rating .listradio-wrap input[type="radio"]:focus,
.survey-form .nf-field-container.ai-nf-dimension-rating .list-radio-wrap input[type="radio"]:focus,
.survey-form .nf-field-container.ai-nf-dimension-rating .listradio-wrap input[type="radio"]:focus-visible,
.survey-form .nf-field-container.ai-nf-dimension-rating .list-radio-wrap input[type="radio"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Helper line under pills (optional JS: ai-nf-dimension-rating-hint) */
.survey-form .ai-nf-dimension-rating-hint {
  width: 100%;
  flex-basis: 100%;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #64748b !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  min-height: 1.25em;
}

html.theme-dark body .survey-form .ai-nf-dimension-rating-hint {
  color: #94a3b8 !important;
}

/* Stack hint under the pill row inside the field element */
.survey-form .nf-field-container.ai-nf-dimension-rating .listradio-wrap .nf-field-element,
.survey-form .nf-field-container.ai-nf-dimension-rating .list-radio-wrap .nf-field-element {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

@media screen and (max-width: 720px) {
  .survey-form .nf-field-container.ai-nf-dimension-rating .field-wrap.listradio-wrap,
  .survey-form .nf-field-container.ai-nf-dimension-rating .field-wrap.list-radio-wrap {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .survey-form .nf-field-container.ai-nf-dimension-rating .field-wrap .nf-field-label {
    max-width: 100% !important;
    flex-basis: 100% !important;
    padding-right: 0 !important;
  }

  .survey-form .nf-field-container.ai-nf-dimension-rating .field-wrap .nf-field-element {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .survey-form .nf-field-container.ai-nf-dimension-rating .listradio-wrap .nf-field-element ul,
  .survey-form .nf-field-container.ai-nf-dimension-rating .list-radio-wrap .nf-field-element ul {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }
}

/* ─── Multi-part: horizontal stepper (matches intake UI — circles + labels + connectors) ─── */
.survey-form .nf-mp-header {
  position: sticky;
  top: 0;
  z-index: 40;
  padding: 1rem 0 1.25rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid rgba(226, 232, 240, 0.85);
}

html.theme-dark body .survey-form .nf-mp-header {
  background: rgba(2, 6, 23, 0.92);
  border-bottom-color: rgba(30, 41, 59, 0.9);
}

/* Linear bar hidden — stepper replaces it visually (enable if you want both) */
.survey-form .nf-mp-header .nf-progress-container {
  display: none !important;
}

.survey-form .nf-progress {
  height: 100% !important;
  border-radius: 9999px !important;
  background: linear-gradient(90deg, #2563eb, #3b82f6) !important;
}

.survey-form .nf-breadcrumbs {
  counter-reset: nf-mp-step;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  margin: 0 0 0px !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media screen and (max-width: 720px) {
  .survey-form .nf-breadcrumbs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    justify-content: flex-start !important;
    padding-bottom: 6px !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .survey-form .nf-breadcrumbs li {
    flex: 0 0 auto !important;
    min-width: 4.5rem !important;
  }
}

.survey-form .nf-breadcrumbs li {
  float: none !important;
  counter-increment: nf-mp-step;
  flex: 1 1 0 !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 6px !important;
  min-width: 0 !important;
  text-align: center !important;
  list-style: none !important;
}

/* Connector line (grey default; blue through completed segment) */
.survey-form .nf-breadcrumbs li:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  left: calc(50% + 16px) !important;
  width: calc(100% - 32px) !important;
  height: 2px !important;
  background: #e5e7eb !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.survey-form .nf-breadcrumbs li:has(~ li.active):not(:last-child)::after {
  background: #2563eb !important;
}

/* Step circle */
.survey-form .nf-breadcrumbs li::before {
  content: counter(nf-mp-step) !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 35px !important;
  height: 35px !important;
  margin: 0 auto !important;
  border-radius: 9999px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  border: none !important;
}

/* Upcoming steps */
.survey-form .nf-breadcrumbs li.active ~ li::before {
  background: #f1f5f9 !important;
  color: #64748b !important;
  box-shadow: none !important;
}

/* Completed steps — white check on blue */
.survey-form .nf-breadcrumbs li:has(~ li.active)::before {
  content: "" !important;
  background-color: #2563eb !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 15px 15px !important;
  color: transparent !important;
}

/* Active step — number + soft outer ring */
.survey-form .nf-breadcrumbs li.active::before {
  content: counter(nf-mp-step) !important;
  background-image: none !important;
  background-color: #2563eb !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.22) !important;
}

.survey-form .nf-breadcrumbs li a.nf-breadcrumb {
  display: block !important;
  margin: 10px 0 !important;
  padding: 0 4px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  color: #64748b !important;
  background: none !important;
  border-radius: 0 !important;
  transition: color 0.15s ease !important;
  
}

.survey-form .nf-breadcrumbs li:has(~ li.active) a.nf-breadcrumb {
  color: #334155 !important;
  font-weight: 600 !important;
}

.survey-form .nf-breadcrumbs li.active a.nf-breadcrumb {
  color: #2563eb !important;
  font-weight: 600 !important;
  background: none !important;
}

.survey-form .nf-breadcrumbs li.active ~ li a.nf-breadcrumb {
  color: #64748b !important;
  font-weight: 500 !important;
}

html.theme-dark body .survey-form .nf-breadcrumbs li:not(:last-child)::after {
  background: #334155 !important;
}

html.theme-dark body .survey-form .nf-breadcrumbs li:has(~ li.active):not(:last-child)::after {
  background: #2563eb !important;
}

html.theme-dark body .survey-form .nf-breadcrumbs li:has(~ li.active)::before {
  content: "" !important;
  background-color: #2563eb !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 15px 15px !important;
  color: transparent !important;
}

html.theme-dark body .survey-form .nf-breadcrumbs li.active::before {
  background-color: #2563eb !important;
  background-image: none !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.35) !important;
}

html.theme-dark body .survey-form .nf-breadcrumbs li.active ~ li::before {
  background: #1e293b !important;
  color: #94a3b8 !important;
  box-shadow: none !important;
}

html.theme-dark body .survey-form .nf-breadcrumbs li a.nf-breadcrumb {
  color: #94a3b8 !important;
}

html.theme-dark body .survey-form .nf-breadcrumbs li:has(~ li.active) a.nf-breadcrumb {
  color: #e2e8f0 !important;
}

html.theme-dark body .survey-form .nf-breadcrumbs li.active a.nf-breadcrumb {
  color: #60a5fa !important;
}

html.theme-dark body .survey-form .nf-breadcrumbs li.active ~ li a.nf-breadcrumb {
  color: #94a3b8 !important;
}

.survey-form .nf-breadcrumbs li a.nf-breadcrumb:focus-visible {
  outline: 2px solid #93c5fd !important;
  outline-offset: 4px !important;
  border-radius: 4px !important;
}

html.theme-dark body .survey-form .nf-breadcrumbs li a.nf-breadcrumb:focus-visible {
  outline-color: #3b82f6 !important;
}

.survey-form .nf-mp-header h3 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  color: #0f172a !important;
}

html.theme-dark body .survey-form .nf-mp-header h3 {
  color: #f8fafc !important;
}

.survey-form .nf-mp-footer {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e2e8f0;
}

html.theme-dark body .survey-form .nf-mp-footer {
  border-top-color: #1e293b;
}

/*
 * Last multi-part step: Previous + Submit in one row (JS adds `.nf-mp-actions-row`).
 * Prev flush left, Submit flush right — same split as Next vs Previous on earlier steps.
 * Scoped only by `.nf-mp-actions-row` (injected class) so it works inside `.nf-form-cont` without `.survey-form`.
 */
.nf-mp-actions-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  gap: 1rem !important;
  margin-top: 1.5rem !important;
  padding-top: 1.5rem !important;
  border-top: 1px solid #e2e8f0 !important;
}

html.theme-dark body .nf-mp-actions-row {
  border-top-color: #1e293b !important;
}

.nf-mp-actions-row .nf-mp-footer {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: none !important;
}

.nf-mp-actions-row .nf-mp-footer .nf-next-previous {
  justify-content: flex-start !important;
}

.nf-mp-actions-row .nf-next-previous li.nf-previous-item {
  margin-right: 0 !important;
}

.nf-mp-actions-row .nf-field-container.submit-container {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  margin-top: 0 !important;
  padding: 0 !important;
  border-top: none !important;
  background: transparent !important;
  width: auto !important;
}

.nf-mp-actions-row .nf-field-container.submit-container .field-wrap.submit-wrap {
  justify-content: flex-end !important;
  width: auto !important;
}

@media (max-width: 540px) {
  .nf-mp-actions-row {
    flex-wrap: wrap !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .nf-mp-actions-row .nf-field-container.submit-container {
    margin-left: 0 !important;
  }

  .nf-mp-actions-row .field-wrap.submit-wrap .ninja-forms-field.nf-element {
    width: 100% !important;
    min-width: 0 !important;
  }
}

.survey-form .nf-next-previous {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
}

.survey-form .nf-next-previous li {
  float: none !important;
}

.survey-form .nf-next-previous li.nf-previous-item {
  margin-right: auto !important;
}

.survey-form .nf-next-previous li.nf-next-item {
  margin-left: auto !important;
}

.survey-form .nf-next-previous input[type="button"],
.survey-form .nf-next-previous input[type="submit"],
.survey-form .nf-next-previous button {
  padding: 10px 20px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}

.survey-form .nf-next-previous li.nf-next-item input[type="button"],
.survey-form .nf-next-previous li.nf-next-item input[type="submit"],
.survey-form .nf-next-previous li.nf-next-item button {
  background-color: #2563eb !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.28) !important;
}

.survey-form .nf-next-previous li.nf-next-item input[type="button"]:hover,
.survey-form .nf-next-previous li.nf-next-item input[type="submit"]:hover,
.survey-form .nf-next-previous li.nf-next-item button:hover {
  background-color: #1d4ed8 !important;
}

.survey-form .nf-next-previous li.nf-previous-item input[type="button"],
.survey-form .nf-next-previous li.nf-previous-item input[type="submit"],
.survey-form .nf-next-previous li.nf-previous-item button {
  background-color: #ffffff !important;
  color: #334155 !important;
  border: 1px solid #e2e8f0 !important;
}

html.theme-dark body .survey-form .nf-next-previous li.nf-previous-item input[type="button"],
html.theme-dark body .survey-form .nf-next-previous li.nf-previous-item input[type="submit"],
html.theme-dark body .survey-form .nf-next-previous li.nf-previous-item button {
  background-color: #020617 !important;
  color: #cbd5e1 !important;
  border-color: #334155 !important;
}

/* ─── Submit (single-page forms) ─── */
.survey-form .field-wrap.submit-wrap {
  justify-content: flex-end;
  display: flex;
}

.survey-form .field-wrap.submit-wrap .ninja-forms-field.nf-element {
  border-radius: 12px !important;
  padding: 10px 24px !important;
  background-color: #2563eb !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.15s ease, box-shadow 0.15s ease !important;
  border: none !important;
  width: auto !important;
  min-width: 160px !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.28) !important;
}

.survey-form .field-wrap.submit-wrap .ninja-forms-field.nf-element:hover {
  background-color: #1d4ed8 !important;
}

.survey-form .nf-after-form-content .nf-form-errors {
  display: none !important;
}

.nectar-responsive-text a:not(.ai-wdc-nf-modal-link):not(.ai-wdc-nf-modal-open){
  color: #2563eb!important;
}

a.nectar-button.large{
  font-size: 16px!important;
}

body.material .nectar-button.large i {
  font-size: 20px;
}
.connect-widget .ail-item-text {
  line-height: 1.7!important;
}
.connect-widget .ail-item-text .labelname{
  font-size: 16px;
  font: 500!important;
  color: #0f172b;
}



html.theme-dark body .connect-widget .ail-item-text .labelname{
  color: #fff;
}
#top .span_9>.slide-out-widget-area-toggle{
  margin-left: 20px  ;
}
.theme-toggle-ocm{display: none!important;}
body #slide-out-widget-area.slide-out-from-right-hover{padding:35px}
body #slide-out-widget-area.slide-out-from-right-hover .inner-wrap>.inner .off-canvas-menu-container li, 
body .material #slide-out-widget-area.slide-out-from-right-hover .inner-wrap>.inner .off-canvas-menu-container li li{
  margin: 10px 0;
}
body #slide-out-widget-area .inner .off-canvas-menu-container li>a{
  font-weight: 500;
}
div[data-style*=minimal] .toggle>.toggle-title i{top: 15px!important;}
@media screen and (max-width:1210px){
  .theme-toggle-wrap{display: none!important;}
  .custom-header-button-wrap {
    display: none !important;
  }
  .custom-header-button-ocm {
    display: block;
    padding: 20px 0 10px;
    margin-top: 10px;
  }
 body #header-outer #top .span_9 nav .sf-menu:not(.buttons) {
    display: none !important;
}

#header-outer[data-format="centered-menu"] #top .span_9 nav .sf-menu, #header-outer[data-format="centered-logo-between-menu"] #top .span_9 nav .sf-menu, #header-outer[data-format="centered-logo-between-menu"] #top .span_9 nav .sf-menu:not(.buttons), #header-outer[data-format="centered-menu-under-logo"] #top .span_9 nav {
  -webkit-justify-content: flex-end!important;
  -moz-justify-content: flex-end!important  ;
  -ms-flex-pack: flex-end!important;
  -ms-justify-content: flex-end!important;
  justify-content: flex-end!important;
}
#header-outer[data-format="centered-menu"] #top nav >.buttons {
  position: relative!important;
}
#header-outer:not([data-format="centered-menu-bottom-bar"]) #top .span_9 {
  flex-direction: row-reverse!important;
}
body #top .span_9 > .nectar-mobile-only {
  display: flex;
  align-items: center;
  order: 1;
}
body #header-outer #top nav, body .slider-nav span span {
  display: flex !important;
}
body #header-outer[data-has-buttons="no"] #top .span_9 > .nectar-mobile-only {
  margin-right: 20px;
}
}

@media only screen and (min-width: 1px) and (max-width: 999px) {
  #header-outer #top nav>ul {
      padding: 0;

  }
  body #top .span_9>.slide-out-widget-area-toggle {
    margin-left: 0px;
}
body #header-outer[data-has-buttons="no"] #top .span_9 > .nectar-mobile-only {
  margin-right: 10px;
}
/* .theme-toggle-wrap .theme-toggle-btn, .theme-toggle-mobile .theme-toggle-btn{
    padding: 6px 6px 4px;
} */
body .toggles[data-style="minimal"] .toggle.default{
  padding: 15px;
}
}


html.theme-dark body #header-outer #top .slide-out-widget-area-toggle a .lines:after, 
html.theme-dark body #header-outer #top .slide-out-widget-area-toggle a .lines:before, 
html.theme-dark body #header-outer #top .slide-out-widget-area-toggle a .lines-button:after, 
html.theme-dark body.material.mobile #header-outer.transparent:not([data-permanent-transparent="1"]) header .slide-out-widget-area-toggle a .close-line, 
html.theme-dark body.material.mobile #header-outer:not([data-permanent-transparent="1"]) header .slide-out-widget-area-toggle a .close-line, 
html.theme-dark body #search-outer .close-wrap .close-line,
 html.theme-dark body #header-outer:not(.transparent) #top .slide-out-widget-area-toggle .close-line, 
 html.theme-dark body .nectar-slide-in-cart.style_slide_in_click .close-cart .close-line, 
 html.theme-dark body .nectar-ajax-search-results h4 a:before {
  background-color: #fff!important;
}

@media only screen and (max-width: 999px) {
  html.theme-dark body #header-outer[data-has-menu][data-lhe]:not(.transparent) {
      border-bottom-color: #1d293d !important;
  }
  .container {
    max-width: 100%!important;
    padding: 0 20px!important;
}
.theme-toggle-wrap .theme-toggle-btn, .theme-toggle-mobile .theme-toggle-btn{
  background-color: transparent!important;
}
h3 {
  font-size: 27px;
}
}
.full-width-section .light .nectar-button, .nectar-button{
  transition: background-color 0.2s, transform 0.2s;
}
html body .full-width-section .light .nectar-button:hover, html body .nectar-button:hover{
  opacity: 1;
  transform: translateY(-2px)!important;
  box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.2)!important;
  transition: background-color 0.2s, transform 0.2s;
}

body #header-secondary-outer .nectar-center-text {
  font-size: 14px;
  line-height: 16px;
  max-width: 100%;
  text-align: center;
}
html.theme-dark body #header-secondary-outer .nectar-center-text {
  color: #fff;
}

.survey-form .grid-radio-option .nf-field-element ul{
  display: flex;
  gap: 10px;

}
.survey-form .grid-radio-option .nf-field-element ul li{
  flex: 1;
  text-align: center;
}

/* NF Container class often sits on .nf-field-container itself — use .nf-field-container.grid-radio-option */
.survey-form .nf-field-container:not(.ai-nf-dimension-rating).grid-radio-option .listradio-wrap .nf-field-element li,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating).grid-radio-option .list-radio-wrap .nf-field-element li,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .grid-radio-option .listradio-wrap .nf-field-element li,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .grid-radio-option .list-radio-wrap .nf-field-element li {
  margin: 0 !important;
}

.survey-form .label-left .nf-field-label {
  text-align: left !important;
}

.survey-form .nf-field-container:not(.ai-nf-dimension-rating).grid-radio-option .listradio-wrap .nf-field-element li label,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating).grid-radio-option .list-radio-wrap .nf-field-element li label,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .grid-radio-option .listradio-wrap .nf-field-element li label,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .grid-radio-option .list-radio-wrap .nf-field-element li label {
  padding: 7px 16px !important;
}

.survey-form .nf-field-container:not(.ai-nf-dimension-rating).grid-radio-option .listradio-wrap .nf-field-element li input:checked + label,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating).grid-radio-option .list-radio-wrap .nf-field-element li input:checked + label,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .grid-radio-option .listradio-wrap .nf-field-element li input:checked + label,
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .grid-radio-option .list-radio-wrap .nf-field-element li input:checked + label {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
}

html.theme-dark body .survey-form .nf-field-container:not(.ai-nf-dimension-rating).grid-radio-option .listradio-wrap .nf-field-element li input:checked + label,
html.theme-dark body .survey-form .nf-field-container:not(.ai-nf-dimension-rating).grid-radio-option .list-radio-wrap .nf-field-element li input:checked + label,
html.theme-dark body .survey-form .nf-field-container:not(.ai-nf-dimension-rating) .grid-radio-option .listradio-wrap .nf-field-element li input:checked + label,
html.theme-dark body .survey-form .nf-field-container:not(.ai-nf-dimension-rating) .grid-radio-option .list-radio-wrap .nf-field-element li input:checked + label {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
}

.survey-form .nf-field-container:not(.ai-nf-dimension-rating).grid-radio-option .listradio-wrap .nf-field-element li input[type="radio"],
.survey-form .nf-field-container:not(.ai-nf-dimension-rating).grid-radio-option .list-radio-wrap .nf-field-element li input[type="radio"],
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .grid-radio-option .listradio-wrap .nf-field-element li input[type="radio"],
.survey-form .nf-field-container:not(.ai-nf-dimension-rating) .grid-radio-option .list-radio-wrap .nf-field-element li input[type="radio"] {
  display: none !important;
}

.survey-form .nf-field-container.html-container.label-above.custom-label-html {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: none;
  margin-bottom: 0px;
}
.survey-form .nf-field-container:not(.ai-nf-dimension-rating).grid-radio-option.mb-0{
  margin-bottom: 0px;
  border-radius: 0 !important;
  border-top: none !important;
} 

.survey-form .nf-field-container:not(.ai-nf-dimension-rating).grid-radio-option.last-child-option{
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.survey-form .nf-field-container.html-container.label-above.custom-label-html .html-label{
  color: #334155 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin-bottom: 6px !important;
}

.survey-form .nf-field-container.html-container.label-above.custom-label-html {

  padding-bottom: 5px;
}

html body .survey-form  .nf-error .ninja-forms-field, html body .survey-form  .nf-error.listimage-wrap .nf-field-element ul {
  border: 1px solid #e80000 !important;
}

.survey-form .nf-field-container.step-heading-wrap:not(.submit-container):not(.hr-container):not(.hidden-container){
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
}

.survey-form .nf-field-container.step-heading-wrap p{
  color: #90a1b9;
  font-weight: 600;
  font-size: 14px;
  padding-bottom: 5px;
}

.survey-form .nf-field-container.step-heading-wrap h2{
  font-size: 20px;
}

html.theme-dark body .survey-form .nf-field-container.step-heading-wrap h2 {
  color: #f1f5f9;
}

html.theme-dark body .survey-form .nf-field-container.step-heading-wrap p {
  color: #94a3b8;
}

.survey-form .nf-field-container.html-container.sub-info-wrap .nf-field-element{
  font-size: 14px;
}

.survey-form .nf-field-container.html-container.sub-info-wrap .nf-field-element li{
  margin-bottom: 5px;
}
.survey-form .nf-field-container.html-container.sub-info-wrap .nf-field-element ol{
  margin-bottom: 0px;
}

.survey-form .nf-response-msg  {
  text-align: center;
  background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 3.5rem 1.2rem;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.survey-form .nf-response-msg strong {
 font-weight: 600;
 font-size: 18px;
 color: #0f172a;
}

html.theme-dark body .survey-form .nf-response-msg {
  background: #0f172a;
  border-color: #1e293b;
  box-shadow: none;
  color: #cbd5e1;
}

html.theme-dark body .survey-form .nf-response-msg strong {
  color: #f1f5f9;
}

#header-outer:not([data-format=left-header]) #top nav>.buttons>li.header-user-menu-wrap{
  margin: 0px!important;
}

body.material #header-outer #top nav>.buttons>li.custom-header-button-wrap{
  margin-right: 0px;
}

body .nectar-menu-label{
  padding: 0px!important;
  margin-left: 0px!important;
  background-color: transparent;
  display: block;
  color: #8d8d8d!important;
}
body .nectar-menu-label:before{
  display: none!important;
}

#slide-out-widget-area .inner .custom-header-button-ocm{
  padding: 0;
  margin-top: 0;
  width: 100%;
}

body #footer-outer .widget.widget_block.widget_media_image{
  margin-bottom: 8px;
}

body #slide-out-widget-area .inner .nectar-menu-label{
  color: #c0c0c0 !important;
  padding-top: 5px!important;
}