@font-face{
  font-family:"Gill Sans MT";
  src:url("/templates/blak/GillSansMT-Regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Gill Sans MT";
  src:url("/templates/blak/GillSansMT-Bold.woff2") format("woff2");
  font-weight:700; font-style:normal; font-display:swap;
}

/** whatever **/

.item-147 {
  margin-bottom:15px!important;
}

.footer-socials {
  display:flex;
  gap:15px;
  align-items:center;
}

/* DomesticCheck confidence content */
.dc-confidence-section {
  width: 100%;
  max-width: 720px;
}

.dc-confidence-section > h2 {
  max-width: 680px;
  margin: 0 0 24px !important;
  line-height: 1.12;
}

.dc-confidence-copy {
  display: grid;
  gap: 12px;
  margin-bottom: 24px;
}

.dc-confidence-copy p {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: 0.01em;
}

.dc-confidence-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 30px;
  row-gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-bottom:20px;
}

.dc-confidence-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #13274c;
  font-size: 15px;
  line-height: 1.3;
}

.dc-confidence-list li::before {
  content: "";
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  background-color: #b3d333;
  -webkit-mask: url("/images/Check%20Mark.svg") center / contain no-repeat;
  mask: url("/images/Check%20Mark.svg") center / contain no-repeat;
}

/* Space before buttons, if they immediately follow this block */
.dc-confidence-section + .buttons-holder {
  margin-top: 32px;
}

@media (max-width: 767px) {
  .dc-confidence-section > h2 {
    margin-bottom: 18px !important;
    line-height: 1.18;
  }

  .dc-confidence-copy {
    gap: 14px;
    margin-bottom: 22px;
  }

  .dc-confidence-copy p {
    font-size: 15px;
    line-height: 1.6;
  }

  .dc-confidence-list {
    grid-template-columns: 1fr;
    row-gap: 13px;
  }
}

/** Style Updates **/

.green {
  color:#B3D333;
}

.green-overwrite {
    color:#B3D333!important;
}

.navy {
  color:#13274C;
}

.white {
  color:#fff;
}

.medium {
  font-weight:600;
}

.bold {
  font-weight:bold;
}

.bigger {
  font-size:16px;
}

.center {
  text-align:center;
}

.buttons-holder {
  display:flex;
  gap:15px;
}

.double-list {
  display:flex;
  gap:15px;
  margin-top:15px;
}

.sppb-addon-content h2 {
  line-height:35px;
  margin-bottom:25px!important;
}

.footer-columns .sppb-row {
  justify-content: space-between;
}

.dc-footer-logo {
  @media screen and (max-width:768px) {
    padding-top:30px;
  }
}

.sp-megamenu-parent {
  display:flex;
  align-items:center;
}

.offcanvas-menu .offcanvas-inner ul.menu .dc-signin-btn {
   padding:15px;
   color:#13274C;
   background-color:#B3D333;
   margin-bottom:15px;
  text-align: center;
  font-weight:600;
 }

.offcanvas-menu .offcanvas-inner ul.menu .dc-booktest-btn {
  padding:15px;
   color:#13274C;
   background-color:#B3D333;
   margin-bottom:15px;
   text-align: center;  
   margin:0px!important;
}

.offcanvas-menu .offcanvas-inner {
  padding:15px;
}

#sp-header .sp-megamenu-parent > li > a {
  font-weight:bold;
  color:#fff;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a {
  padding:25px 5px;
  color:#fff;
  opacity:1;
  font-weight:400;
}

/* Carousel Fixes */

.sppb-carousel-arrow.sppb-carousel-control.left {
  padding-left:10%;
}
.sppb-carousel-arrow.sppb-carousel-control.right {
  padding-right:10%;
}

/* Login Fixes */ 

#login-form-238,
html body :is(.com-users-login, .view-login) form.mod-login{
  max-width:420px;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}

html body :is(.com-users-login, .view-login, .mod-login) a[href*="/component/users/"]{
  display:block;
  text-align:left;
  margin:0;
  padding:12px 0;
  position:static;
  left:auto;
  border:0 !important;
  background:none !important;
}

html body a[href*="/component/users/reset"],
html body a[href*="/component/users/remind"]{
  color:#B3D333 !important;
}
html body a[href*="/component/users/reset"]:hover,
html body a[href*="/component/users/reset"]:focus,
html body a[href*="/component/users/remind"]:hover,
html body a[href*="/component/users/remind"]:focus{
  color:#B3D333 !important;
  text-decoration:underline;
}
html body a[href*="/component/users/registration"]{
  color:#1E88E5 !important;
}
html body a[href*="/component/users/registration"]:hover,
html body a[href*="/component/users/registration"]:focus{
  color:#1E88E5 !important;
  text-decoration:underline;
}

html body :is(.com-users-login, .view-login, .mod-login)
  a[href*="/component/users/"] :is(i, span[class*="icon"], span[class*="fa"]){
  display:none !important;
}


/* Testimonials Section Container */
.testimonials-group .sppb-column-addons {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}

/* House illustration */
.testimonials-group .addon-root-image {
  flex: 0 0 auto;
  width: 650px;
  position: relative;
  z-index: 1;
  @media screen and (max-width:768px) {
    display:none;
  }
}

.testimonials-group .addon-root-image .sppb-addon-single-image-container img {
  width: 100%;
  height: auto;
  filter: brightness(0) invert(1);
}

/* Carousel / testimonial module */
.testimonials-group .addon-root-module {
  flex: 1;
  position: relative;
  z-index: 1;
}

/* Testimonial card */
.testimonials-section2 .ce-feature-box-56 {
  background: transparent;
  padding: 0;
}

.testimonials-section2 .text-box {
  background: #ffffff;
  border-radius: 0px;
  padding: 35px 40px;
  position: relative;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Quote icon */
.testimonials-section2 .quote-icon {
  position: absolute;
  top: -25px;
  left: 30px;
}

.testimonials-section2 .quote-icon .fa-quote-left {
  font-size: 50px;
  color: #8cc63f;
  opacity: 0.9;
}

/* Testimonial text */
.testimonials-section2 .text-box p {
  font-size: 15px;
  line-height: 1.7;
  color: #555555;
  font-style: italic;
  margin: 0 0 15px 0;
}

/* Name */
.testimonials-section2 .text-box h5.less-mar-1 {
  font-size: 14px;
  font-weight: 700;
  color: #333333;
  margin: 0;
  letter-spacing: 0.3px;
}

/* Hide the transparent spacer image */
.testimonials-section2 .img-box {
  display: none;
}

/* Responsive */
@media (max-width: 991px) {
  .testimonials-group {
    flex-direction: column;
    padding: 40px 20px;
    text-align: center;
  }

  .testimonials-group .addon-root-image {
    width: 250px;
  }

  .testimonials-section2 .text-box {
    padding: 30px 25px;
  }

  .testimonials-section2 .quote-icon {
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width: 576px) {
  .testimonials-group .addon-root-image {
    width: 180px;
  }

  .testimonials-section2 .text-box {
    padding: 25px 20px;
  }

  .testimonials-section2 .quote-icon .fa-quote-left {
    font-size: 36px;
  }

  .testimonials-section2 .text-box p {
    font-size: 14px;
  }
}


.home_hero_buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.home_hero_buttons .addon-root-button:last-child {
  grid-column: 1 / -1!important;
}

@media screen and (max-width:768px) {
  .home_hero_buttons {
  display:flex;
    flex-direction:column;
  }
  .buttons-holder {
 flex-direction:column;
 
}
}

.home-btn-group .sppb-addon-content {
  display:flex;
    gap:15px;
  @media screen and (max-width:768px) {
    flex-direction:column;
  }
}

.home-btn-group .sppb-btn {
  padding:10px 15px;
  background-color:#B3D333;
  color:#13274C;
  border-radius:0px;
  font-size:15px;
  font-weight:bold;
  margin:0px;
}

.btn {
  padding:5px 10px;
  background-color:#B3D333;
  color:#13274C;
  border-radius:0px;
  width:100%;  
}
.home_hero_buttons .outline-btn {
  background-color:transparent;
  color:#fff;
  border:2px solid #fff;
  transistion:0.4s ease-in-out;
  font-size:18px;
  font-weight:bold;
}
.home_hero_buttons .outline-btn:hover {
  background-color:#fff;
  color:#102a5c;
}

.home-packages .sppb-row {
  flex-flow:nowrap;
  @media screen and (max-width:768px) {
    flex-flow:wrap;
  }
}

.home-package-card {
  text-align:center;
  background-color:#13274C;
  color:#fff;
  padding:75px;
  .sppb-btn {
      display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 30px;
  border:2px solid #ffffff;
  border-radius:0;
  background:transparent;
  color:#ffffff;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:12px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  font-weight:600;
  text-decoration:none;
  box-shadow:none;
  transition:
    background-color .18s ease,
    color .18s ease,
    border-color .18s ease,
    transform .12s ease;
  }
.sppb-btn:hover,
.sppb-btn:focus-visible{
  background:#B3D333;
  border-color:#B3D333;
  color:#13274C;
}  
  @media screen and (max-width:768px) {
    padding:30px;
  }
}

.ce-title-line {
	width: 12%;
	height: 2px;
	background-color: var(--maincolor);
	margin: 15px auto 0 auto;
   margin-bottom:15px;
}
.ce-title-line--left {
    margin-left: 0;
    margin-right: auto;
}

.sppb-addon-title {
  color:#888;
}

.white-sub-title {
  color:#fff;
}

/* Wrapper: no black/white panel behind the pill */
.ce-feature-box-38{
  background: transparent !important;
  border-radius:0 !important;   /* sharp corners */
}
.ce-feature-box-38::before,
.ce-feature-box-38::after{
  background: transparent !important;
}

/* Stat card base */
.dc-stat-card{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  border-radius:0;
  background:#ffffff !important;
  color:#0F1F2E !important;
  border:1px solid rgba(15,31,46,.08) !important;
  box-shadow:0 2px 0 rgba(0,0,0,.04);
  transition:
    transform .18s ease,
    box-shadow .22s ease,
    background .22s ease,
    color .22s ease,
    border-color .22s ease;
  will-change:transform, box-shadow;
}

/* Hover: lift & shadow only (keep card white) */
.dc-stat-card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(0,0,0,.18);
  background:#ffffff !important;
  color:#0F1F2E !important;
  border-color:rgba(15,31,46,.12) !important;
}

/* Icon badge */
.dc-stat-icon{
  width:auto !important;
  height:auto !important;
  border-radius:0 !important;
  flex:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#B3D333 !important;
}
.dc-stat-icon svg{
  width:28px !important;
  height:28px !important;
  display:block;
}
.dc-stat-icon svg *{
  fill:currentColor;
  stroke:currentColor;
}
.dc-stat-icon svg path,
.dc-stat-icon svg polyline,
.dc-stat-icon svg line,
.dc-stat-icon svg circle,
.dc-stat-icon svg rect{
  fill:currentColor !important;
  stroke:currentColor !important;
}

/* Stat card checkmark: also cover font icons / SP Page Builder icon containers */
.dc-stat-card .dc-stat-icon,
.ce-feature-box-38 .dc-stat-icon,
.dc-stat-card .sppb-icon-container,
.ce-feature-box-38 .sppb-icon-container,
.dc-stat-card .sppb-icon,
.ce-feature-box-38 .sppb-icon,
.dc-stat-card .icon,
.ce-feature-box-38 .icon{
  background:transparent !important;
  background-image:none !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
}
.dc-stat-card .dc-stat-icon i,
.dc-stat-card .dc-stat-icon i::before,
.dc-stat-card .sppb-icon i,
.dc-stat-card .sppb-icon i::before,
.ce-feature-box-38 .icon i,
.ce-feature-box-38 .icon i::before,
.dc-stat-card .dc-stat-icon::before,
.ce-feature-box-38 .icon::before{
  background:transparent !important;
  color:#B3D333 !important;
  font-size:28px;
  line-height:1;
}

.sppb-addon-feature-box-38 .icon,
.sppb-addon-feature-box-38 .dc-stat-icon,
.ce-feature-box-38 .icon,
.dc-stat-card .dc-stat-icon{
  position:relative;
}

.sppb-addon-feature-box-38 .icon svg,
.sppb-addon-feature-box-38 .icon i,
.sppb-addon-feature-box-38 .dc-stat-icon svg,
.sppb-addon-feature-box-38 .dc-stat-icon i,
.ce-feature-box-38 .icon svg,
.ce-feature-box-38 .icon i,
.dc-stat-card .dc-stat-icon svg,
.dc-stat-card .dc-stat-icon i{
  display:none !important;
}

.sppb-addon-feature-box-38 .icon > *,
.sppb-addon-feature-box-38 .dc-stat-icon > *,
.ce-feature-box-38 .icon > *,
.dc-stat-card .dc-stat-icon > *{
  display:none !important;
}

.sppb-addon-feature-box-38 .dc-stat-icon::before,
.ce-feature-box-38 .icon::before,
.dc-stat-card .dc-stat-icon::before{
  content:"" !important;
  display:inline-block !important;
  width:34px !important;
  height:34px !important;
  background-image:url("/images/Check%20Mark.svg") !important;
  background-repeat:no-repeat !important;
  background-size:contain !important;
  background-position:center !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.sppb-addon-feature-box-38 .ce-feature-box-38 .icon,
.sppb-addon-feature-box-38 .ce-feature-box-38 .icon span,
.ce-feature-box-38 .icon,
.ce-feature-box-38 .icon span{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  overflow:visible !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.sppb-addon-feature-box-38 .ce-feature-box-38 .icon::before,
.sppb-addon-feature-box-38 .ce-feature-box-38 .icon span::before,
.ce-feature-box-38 .icon::before,
.ce-feature-box-38 .icon span::before{
  content:"" !important;
  display:inline-block !important;
  width:34px !important;
  height:34px !important;
  background-image:url("/images/Check%20Mark.svg") !important;
  background-repeat:no-repeat !important;
  background-size:contain !important;
  background-position:center !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  line-height:1 !important;
}

.ce-feature-box-38 .text h1,
.ce-feature-box-38 .text h2,
.ce-feature-box-38 .text h3,
.ce-feature-box-38 .text h4,
.ce-feature-box-38 .text h5,
.ce-feature-box-38 .text h6{
  color:#5390CD !important;
  font-weight:800 !important;
  font-size:clamp(28px,2.6vw,34px) !important;
  line-height:1.1 !important;
}

.ce-feature-box-38 h1,
.ce-feature-box-38 h2,
.ce-feature-box-38 h3,
.ce-feature-box-38 h4,
.ce-feature-box-38 h5,
.ce-feature-box-38 h6{
  color:#5390CD !important;
  font-weight:800 !important;
}

.ce-feature-box-38 .text p{
  color:#13274C !important;
  font-weight:800 !important;
  text-transform:uppercase;
  letter-spacing:.12em !important;
  font-size:12px !important;
  line-height:1.2 !important;
}

/* Headline + sublabel */
.dc-stat-text .dc-stat-value{
  margin:0 0 2px;
  font-weight:800;
  font-size:clamp(28px,2.6vw,34px) !important;
  line-height:1.1;
  color:#5390CD !important;
}
.dc-stat-text .dc-stat-sub{
  margin:0;
  font-weight:800;
  font-size:12px !important;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.12em !important;
  color:#13274C !important;               /* navy label */
}
/* Optional modifier class: explicit white variant (same as base card) */
.dc-stat-card--highlight{
  background:#F3F9E9 !important;
  color:#0F1F2E !important;
  border-color:rgba(15,31,46,.08) !important;
}
/* Remove any extra white panel around stat cards */
.sppb-addon:has(.dc-stat-card),
.sppb-column:has(.dc-stat-card){
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}
#sppb-addon-1234 { background: transparent !important; box-shadow:none !important; }
#sppb-addon-1234 {
  background: transparent !important;
  box-shadow: none !important;
}
/* === STAT CARD WRAPPER FIXES (5K+ issue) === */

/* Make all feature-box-38 wrappers transparent
   so only the small white pill is visible */
.sppb-addon-feature-box-38,
.sppb-addon .ce-feature-box-38,
.sppb-column .ce-feature-box-38{
  background: transparent !important;
  border-radius:0 !important;     /* remove rounded pill wrapper */
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}

/* Ensure every stat card looks/behaves the same */
.dc-stat-card{
  display:flex;
  align-items:center;
  gap:16px;
  padding:24px 28px;       /* larger inner spacing for bigger blocks */
  min-height:120px;        /* ensure cards are tall enough */
  border-radius:0;
  background:#ffffff !important;
  color:#0F1F2E !important;
  border:1px solid rgba(15,31,46,.08) !important;
  box-shadow:0 2px 0 rgba(0,0,0,.04);
  transition:
    transform .18s ease,
    box-shadow .22s ease,
    background .22s ease,
    color .22s ease,
    border-color .22s ease;
}

/* Hover: lift & shadow only (keep card white) */
.dc-stat-card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(0,0,0,.18);
  background:#ffffff !important;
  color:#0F1F2E !important;
  border-color:rgba(15,31,46,.12) !important;
}

/* Icon badge */
.dc-stat-icon{
  width:auto;
  height:auto;
  border-radius:0;
  flex:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  color:#B3D333;
}
.dc-stat-icon svg{
  width:28px;
  height:28px;
  display:block;
}

.dc-stat-icon svg *{
  fill:currentColor;
  stroke:currentColor;
}

/* Text (duplicate block aligned with main settings) */
.dc-stat-text .dc-stat-value{
  margin:0 0 2px;
  font-weight:800;
  font-size:26px;           /* even bigger numbers */
  line-height:1.1;
  color:#5390CD !important;
}
.dc-stat-text .dc-stat-sub{
  margin:0;
  font-weight:800;
  font-size:14px;           /* bigger label */
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.12em !important;
  color:#13274C !important;            /* navy label */
}
/* === Service slider icons: Maid / Gardener / Nanny === */

.ce-feature-box-3 .icon span.icon-home,
.ce-feature-box-3 .icon span.icon-leaf,
.ce-feature-box-3 .icon span.icon-users{
  display:inline-block;
  width:52px;
  height:52px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  color:transparent !important;   /* hide any font glyph */
}

/* Stop the template icon font from drawing on top */
.ce-feature-box-3 .icon span.icon-home::before,
.ce-feature-box-3 .icon span.icon-leaf::before,
.ce-feature-box-3 .icon span.icon-users::before{
  content:none !important;
  display:none !important;
}

/* Maid / Housekeeper – broom/cleaning icon */
.ce-feature-box-3 .icon span.icon-home{
  background-image:url("https://api.iconify.design/ph/broom.svg?color=%23c7e64a");
}

/* Gardener – potted plant icon */
.ce-feature-box-3 .icon span.icon-leaf{
  background-image:url("https://api.iconify.design/ph/potted-plant.svg?color=%23c7e64a");
}

/* Nanny / Au Pair – baby carriage icon */
.ce-feature-box-3 .icon span.icon-users{
  background-image:url("https://api.iconify.design/ph/baby-carriage.svg?color=%23c7e64a");
}
/* === About Domestic Check hero band === */

.dc-about-hero{
  text-align:center;
  padding:40px 0 48px;
  color:#ffffff;
}

.dc-about-inner{
  max-width:960px;
  margin:0 auto;
  h2 {
    font-weight:bold;
  }
}

@media (min-width: 992px){
  /* About copy block (uses inline styles in editor) — constrain width so copy wraps earlier */
  .dc-about-inner h2.font-weight-6.less-mar-1.line-height-5{
    margin-left:0 !important;
  }
  .dc-about-inner h2.font-weight-6.less-mar-1.line-height-5 + .ce-title-line.align-left{
    margin-left:0 !important;
    max-width:720px !important;
  }
  .dc-about-inner h2.font-weight-6.less-mar-1.line-height-5 ~ p{
    margin-left:0 !important;
    max-width:720px !important;
    margin-right:auto !important;
  }
  .dc-about-inner h2.font-weight-6.less-mar-1.line-height-5 ~ .row{
    margin-left:0 !important;
    max-width:720px !important;
    margin-right:auto !important;
  }
}

.dc-about-title{
  margin:0 0 10px;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-weight:800;
  font-size:clamp(26px,3.4vw,34px);
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:#ffffff !important;  /* make ABOUT white */
}

.dc-about-highlight{
  color:#c7e64a; /* green accent */
}

.dc-about-subtitle{
  margin:0 0 24px;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:14px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  opacity:0.9;
}

.dc-about-cta-group{
  display:inline-flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}

.dc-about-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 26px;
  border-radius:0;
  border:1.5px solid #ffffff;
  background:transparent;
  color:#ffffff;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:12px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  font-weight:600;
  text-decoration:none;
  transition:
    background-color .18s ease,
    color .18s ease,
    border-color .18s ease,
    transform .12s ease;
}

.dc-about-btn:hover,
.dc-about-btn:focus-visible{
  background-color:rgba(255,255,255,0.12);
  color:#ffffff;
  transform:translateY(-1px);
}

@media (max-width: 640px){
  .dc-about-hero{
    padding:32px 0 38px;
  }
  .dc-about-cta-group{
    gap:8px;
  }
  .dc-about-btn{
    width:100%;
  }
}
/* Force ABOUT text to be white */
.dc-about-title{
  margin:0 0 10px;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-weight:800;
  font-size:clamp(26px,3.4vw,34px);
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:#ffffff !important;  /* make ABOUT white */
}

/* Keep DOMESTIC CHECK green */
.dc-about-highlight{
  color:#c7e64a !important;
}
/* === Our Values card (What We Stand For) === */

.dc-values-row{
  margin-top:40px;
  margin-bottom:40px;
  padding-left:60px;
  padding-right:20px;
  @media screen and (max-width:768px) {
    padding:5px;
  }
}

/* Our Values: reduce gap between text card and image column */
.dc-values-row > .col-md-6{
  padding-left:0;
  padding-right:0;
}

.dc-values-row > .col-md-6:first-child{
  padding-right:2px;   /* very small space on the card's right side */
}

.dc-values-row > .col-md-6:last-child{
  padding-left:2px;    /* very small space on the image's left side */
}

/* Our Values: right-side image should be smaller + square (wireframe) */
.dc-values-row .ce-feature-box-65 .img-box{
  max-width:400px;
  margin:0 auto 0 0;   /* align image box to the left of its column */
}
.dc-values-row .ce-feature-box-65 .img-box img{
  width:100% !important;
  aspect-ratio:1 / 1;
  height:auto !important;
  object-fit:cover;
  display:block;
}
@media (max-width: 768px){
  .dc-values-row .ce-feature-box-65 .img-box{
    max-width:340px;
  }
}

.dc-values-card{
  background:#ffffff;
  border-radius:12px;
  padding:32px 40px;
  border:1px solid rgba(15,23,42,0.06);
  box-shadow:0 18px 40px rgba(15,23,42,0.08);
  @media screen and (max-width:768px) {
    text-align:center;
  }
}

/* Ensure all text inside the Our Values card uses the Gill Sans stack */
html body .dc-values-card{
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
}

.dc-values-tag{
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:11px;
  letter-spacing:0.22em;
  font-weight:800;
  text-transform:uppercase;
  color:#94a3b8;
  margin-bottom:8px;
}

.dc-values-title{
  margin:0 0 8px;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-weight:700;
  font-size:clamp(26px,3vw,32px);
  color:#0f172a;
}

.dc-values-rule{
  width:56px;
  height:3px;
  background:#c7e64a;
  margin:0 0 18px;
  @media screen and (max-width:768px) {
    margin:auto;
    margin-bottom:15px;
  }
}

.dc-values-intro{
  margin:0 0 22px;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:14px;
  line-height:1.7;
  color:#111827;
  font-weight:600;
}

/* List */

.dc-values-list{
  list-style:none;
  padding:0;
  margin:0;
}

.dc-values-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:10px;
}

.dc-values-icon{
  flex:none;
  width:20px;
  margin-top:3px;
  text-align:center;
}

.dc-values-icon i{
  color:#89C541;           /* green check */
  font-size:16px;
}

/* Our Values: use the site SVG checkmark instead of font icon */
.dc-values-icon i{
  display:none !important;
}
.dc-values-icon{
  position:relative;
  width:34px;
  height:34px;
  margin-top:0;
}
.dc-values-icon::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:34px;
  height:34px;
  background-image:url("/images/Check%20Mark.svg") !important;
  background-repeat:no-repeat !important;
  background-size:contain !important;
  background-position:center !important;
}

.dc-values-text{
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:14px;
  line-height:1.6;
  color:#111827;
}

.dc-values-term{
  font-weight:700;
}

.dc-values-desc{
  font-weight:500;
}

/* Small screen tweaks */

@media (max-width: 767px){
  .dc-values-card{
    padding:24px 20px;
    margin-bottom:24px;
  }
}
/* Outline button style inside the About hero */
.dc-about-hero .sppb-btn{
  color:#ffffff !important;
  background-color:transparent !important;
  border:2px solid #ffffff !important;
  border-radius:0;
  padding:10px 30px;
  text-transform:uppercase;
  letter-spacing:0.16em;
  font-weight:600;
  box-shadow:none;
}

/* Hover state: subtle fill or keep outline, as you prefer */
.dc-about-hero .sppb-btn:hover,
.dc-about-hero .sppb-btn:focus-visible{
  background-color:rgba(255,255,255,0.12) !important;
  color:#ffffff !important;
}

/* Are You Ready To Get Checked? heading */
.dc-cta-title{
  color:#ffffff; /* white text */
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-weight:700;
  letter-spacing:0.06em;
}

/* Green highlight on "Get Checked?" */
.dc-cta-title .dc-cta-highlight{
  color:#c7e64a;
}

/* Blue underline bar below the heading */
.dc-cta-underline{
  height:3px;
  width:100%;
  max-width:100%;
  background:#1A6FE8; /* blue line */
  margin-top:4px;
  border-radius:0;
}
/* Force this heading to be white */
h2.font-weight-6.less-mar-1.line-height-5{
  color:#ffffff !important;
}

/* Make only "Get Checked?" green */
h2.font-weight-6.less-mar-1.line-height-5 .dc-cta-highlight{
  color:#c7e64a !important;
}


@media (max-width: 767px){
  .ce-title-line{
    display:block;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
/* === Team bio card (Dave Surridge) === */

.dc-team-card .dc-team-card-inner{
  background: rgba(255,255,255,0.94);
  border-radius: 10px;
  padding: 22px 24px;
  border: 1px solid rgba(15,23,42,0.06);
  box-shadow: 0 18px 36px rgba(15,23,42,0.10);
  text-align: left;
}

.dc-team-name{
  margin: 0 0 2px;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #0f172a;
}

.dc-team-role{
  margin: 0 0 10px;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #94a3b8;
}

.dc-team-bio{
  margin: 0;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size: 14px;
  line-height: 1.7;
  color: #111827;
}
/* === Meet Our Experts section === */

.dc-team-section{
  padding:52px 0 60px;
  color:#0f172a;
  /* leave background transparent so your row image shows through */
}

.dc-team-heading{
  margin-bottom:32px;
}

.dc-team-tag{
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:14px;
  font-weight:400;
  text-transform:uppercase;
  color:#94a3b8;
  margin-bottom:6px;
}

.dc-team-title{
  margin:0 0 8px;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-weight:900 !important;
  font-size:clamp(24px,3vw,30px);
  color:#0f172a;
}

html body :is(.dc-team-heading,.dc-section-heading,.dc-questions-heading) > h5{
  margin:0 0 8px !important;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  font-weight:900 !important;
  font-size:clamp(24px,3vw,30px) !important;
  line-height:1;
  color:#102a5c !important;
}

.dc-team-rule{
  width:60px;
  height:3px;
  background:#c7e64a;
  margin:0 auto;
}

/* Cards */

.dc-team-grid{
  margin-top:20px;
}

.dc-team-card{
  margin-bottom:24px;
}

.dc-team-card-inner{
  background:rgba(255,255,255,0.94);
  border-radius:12px;
  padding:22px 22px 24px;
  border:1px solid rgba(15,23,42,0.06);
  box-shadow:0 18px 40px rgba(15,23,42,0.10);
  text-align:left;
}

/* Avatar circle */

.dc-team-avatar{
  margin-bottom:14px;
}

.dc-team-avatar-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:50%;
  background:#0f172a;
  color:#ffffff;
  border:2px solid #ffffff;
  box-shadow:0 8px 18px rgba(15,23,42,0.35);
}

.dc-team-avatar-icon i{
  font-size:22px;
}

/* Text */

.dc-team-name{
  margin:0 0 2px;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-weight:700;
  font-size:17px;
  color:#0f172a;
}

.dc-team-role{
  margin:0 0 10px;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:11px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:#94a3b8;
}

.dc-team-bio{
  margin:0;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:14px;
  line-height:1.7;
  color:#111827;
}

/* Responsive tweaks */

@media (max-width: 767px){

    .ce-title-line--left {
        margin-left: auto;
        margin-right: auto;
    }

  .sppb-btn {white-space:initial!important}
  
 #sppb-addon-Pt6ppKbZBxWhXop_oxOiQ .ce-feature-box-56 .text-box .quote-icon {
   left:50%;
 }
  #sppb-addon-Pt6ppKbZBxWhXop_oxOiQ .ce-feature-box-56 .text-box {
    padding:25px 15px;
  }

a[href*="/component/users/"] {
  left:initial;
  padding:15px;
}

  .itemid-147 #sp-main-body {
    padding:35px 0px;
  }
  
  .dc-team-section{
    padding:40px 0 44px;
  }
  .dc-team-card-inner{
    padding:20px 18px 22px;
    text-align: center!important;
  }
  .dc-team-tag, .dc-team-avatar, .dc-team-bio {text-align: center;}

  .header-line {margin-bottom:25px;}

  .dc-book-interview-outline a {width:100%}
}
/* Dark blue like the design reference */
.dc-team-title{
  color:#102a5c !important;  /* Meet Our Experts */
  font-weight:900 !important;
}

.dc-team-name{
  color:#102a5c !important;  /* Dave Surridge, Paul Bailey, Call Centre Team */
}
/* Hover effect for Meet Our Experts cards */
.dc-team-card-inner{
  background:rgba(255,255,255,0.94);
  border-radius:12px;
  padding:22px 22px 24px;
  border:1px solid rgba(15,23,42,0.06);
  box-shadow:0 18px 40px rgba(15,23,42,0.10);
  text-align:left;
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease,
    background-color .24s ease;
}

.dc-team-card-inner:hover,
.dc-team-card-inner:focus-within{
  transform:translateY(-6px);
  box-shadow:0 26px 60px rgba(15,23,42,0.20);
  border-color:rgba(16,42,92,0.22);          /* slightly stronger border */
  background:rgba(255,255,255,0.98);
}
/* === OUR SERVICES & OFFERINGS hero band === */

.dc-services-hero{
  text-align:center;
  padding:40px 0 48px;
  /* assume blue gradient background is provided by the row/section */
  color:#ffffff;
}

.dc-services-inner{
  max-width:880px;
  margin:0 auto;
  padding:0 16px;
}

.dc-services-title{
  margin:0 0 10px;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-weight:800;
  font-size:clamp(26px,3.4vw,34px);
  text-transform:uppercase;
  color:#ffffff;
}

.dc-services-highlight{
  color:#B3D333;
}

.dc-services-subtitle{
  margin:0 0 24px;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:14px;
  letter-spacing:0.04em;
  text-transform:none;
  color:#ffffff;
  opacity:0.9;
}

/* Button row */

.dc-services-cta-group{
  display:inline-flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}

.dc-services-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 30px;
  border:2px solid #ffffff;
  border-radius:0;
  background:transparent;
  color:#ffffff;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:12px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  font-weight:600;
  text-decoration:none;
  box-shadow:none;
  transition:
    background-color .18s ease,
    color .18s ease,
    border-color .18s ease,
    transform .12s ease;
}

.dc-services-btn:hover,
.dc-services-btn:focus-visible{
  background:#B3D333;
  border-color:#B3D333;
  color:#13274C;
}

/* Download / demo report button: match green CTA + white hover effect */
.dc-download-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 26px;
  border-radius: 0;
  border: 0;
  background: #b3d333; /* same green as SIGN IN */
  color: #13274c; /* navy text */
  font-family:
    "Gill Sans MT",
    "Gill Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  box-shadow: none;
  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    transform 0.12s ease,
    box-shadow 0.12s ease;
}

.dc-download-btn:hover,
.dc-download-btn:focus-visible{
  background:#13274c;
  color:#fff;
}

/* Mobile stacking */

@media (max-width: 640px){
  .dc-services-hero{
    padding:32px 0 38px;
  }
  .dc-services-cta-group{
    gap:8px;
  }
  .dc-services-btn{
    width:100%;
  }
}
/* === Global accent green override to #B3D333 === */

/* Text accents that should be the new green */
.dc-about-highlight,
.dc-services-highlight,
.dc-values-icon i{
  color:#B3D333 !important;
}

/* Testimonial/quote icons: keep brand light green on all screens */
.fa-quote-left,
.fa-quote-right,
.fa-quote-left:before,
.fa-quote-right:before,
.ce-testimonial i,
.ce-testimonial .fa,
.ce-testimonial [class*="quote"],
.testimonial i,
.testimonial [class*="quote"]{
  color:#B3D333 !important;
}

@media (max-width: 767px){
  html body :is(.ce-testimonial,.testimonial){
    max-width:100% !important;
    overflow-x:hidden !important;
    padding-left:24px !important;   /* push content slightly to the right */
    padding-right:12px !important;  /* keep a bit of space on the right */
    margin-top:80px !important;     /* increase gap below the image/section above */
  }

  html body :is(.ce-testimonial,.testimonial) .owl-stage-outer{
    overflow:hidden !important;
  }

  html body :is(.ce-testimonial,.testimonial) .owl-carousel,
  html body :is(.ce-testimonial,.testimonial) .owl-stage-outer,
  html body :is(.ce-testimonial,.testimonial) .owl-stage,
  html body :is(.ce-testimonial,.testimonial) .owl-item,
  html body :is(.ce-testimonial,.testimonial) .owl-item > *{
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    box-sizing:border-box !important;
  }

  html body :is(.ce-testimonial,.testimonial) .owl-item{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  html body :is(.ce-testimonial,.testimonial) :is(.testimonial,.testimonial-item,.item,.ce-testimonial-item,blockquote){
    min-height:0 !important;
    height:auto !important;
  }

  html body :is(.ce-testimonial,.testimonial) :is(.testimonial,.testimonial-item,.item,.ce-testimonial-item){
    padding:22px 18px !important;
  }

  html body :is(.ce-testimonial,.testimonial) :is(p,.testimonial-message,.testimonial-text,blockquote){
    font-size:14px !important;
    line-height:1.7 !important;
  }

  html body :is(.ce-testimonial,.testimonial) :is(h4,h5,h6,.name,.author,.testimonial-name){
    font-size:16px !important;
    line-height:1.35 !important;
    margin-top:18px !important;
  }

  html body :is(.ce-testimonial,.testimonial) :is(.fa-quote-left,.fa-quote-right){
    font-size:54px !important;
    line-height:1 !important;
  }

  html body :is(.ce-testimonial,.testimonial) .owl-dots{
    display:flex !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin-top:14px !important;
  }

  html body :is(.ce-testimonial,.testimonial) .owl-dot{
    margin:0 !important;
  }

  /* Center the testimonial card on mobile so it doesn't lean to the left */
  html body :is(.ce-testimonial,.testimonial) .owl-item > *{
    width:auto !important;
    max-width:90% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width: 767px){
  html body .dc-testimonial-row-fix .sppb-column,
  html body .dc-testimonial-row-fix [class*="sppb-col-"],
  html body .dc-testimonial-row-fix .col,
  html body .dc-testimonial-row-fix [class*="col-"]{
    width:100% !important;
    max-width:100% !important;
  }

  /* Add extra space between the stacked image column and the testimonial column */
  html body .dc-testimonial-row-fix .sppb-column + .sppb-column,
  html body .dc-testimonial-row-fix [class*="sppb-col-"] + [class*="sppb-col-"],
  html body .dc-testimonial-row-fix .col + .col,
  html body .dc-testimonial-row-fix [class*="col-"] + [class*="col-"]{
    margin-top:80px !important;
    padding-left:40px !important;
    padding-right:16px !important;
  }
}

.testimonials-section2 .text-box {
  padding:35px!important;
}

/* Thin rules / lines that were green */
.dc-values-rule,
.dc-team-rule{
  background:#B3D333 !important;
}

/* Stat cards & icon badges */
.dc-stat-card:hover{
  background:#ffffff !important;
}

.dc-stat-icon{
  background:transparent !important;
  border-color:transparent !important;
}
/* === Global font: Gill Sans MT === */

html, body,
button, input, select, textarea,
.sppb-section,
.sppb-row,
.sppb-col,
.sppb-addon,
.sppb-addon-content,
.sppb-section-title,
.sppb-addon-title,
.sppb-btn,
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  font-family: "Gill Sans MT", "Gill Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

html body{
  letter-spacing:0.05em;
}
button, input, select, textarea{
  letter-spacing:0.05em;
}

/* Keep section markers/subtitles at the intended higher tracking */
.dc-values-tag,
.dc-team-tag,
.dc-questions-tag,
.dc-section-marker,
.sppb-section-subtitle,
.sppb-addon-subtitle{
  letter-spacing:0.22em !important;
}

/* Avoid tracking impacting icon fonts/glyphs */
i.fa, i.fas, i.far, i.fab,
.iconify,
.sppb-icon,
.sppb-icon-container{
  letter-spacing:0 !important;
}

#sp-footer p,
#sp-footer a,
#sp-bottom p,
#sp-bottom a,
footer p,
footer a{
  letter-spacing:0.05em !important;
}

/* Headings and special titles */
h1, h2, h3, h4, h5, h6,
.dc-about-title,
.dc-services-title,
.dc-team-title,
.dc-values-title,
.lva-hero__title {
  font-family: "Gill Sans MT", "Gill Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    line-height:40px;
    margin-bottom:15px;
}
/* Make iconlist check marks use the new green */
.iconlist.dark li i.fa,
.iconlist.dark li i.fa-check {
  color:#B3D333 !important;
}

/* If the template draws the check via ::before instead of <i> */
.iconlist.dark li::before{
  color:#B3D333 !important;
  border-color:#B3D333 !important; /* for outlined/bullet styles */
}

/* Iconlist (e.g., package/pricing cards): use the site SVG checkmark consistently */
.iconlist li{
  position:relative;
  list-style:none !important;
  padding-left:34px !important;
}

.iconlist li i,
.iconlist li svg{
  display:none !important;
}

.iconlist li::before{
  content:"" !important;
  position:absolute;
  left:0;
  top:0.2em;
  width:26px;
  height:26px;
  background-image:url("/images/Check%20Mark.svg") !important;
  background-repeat:no-repeat !important;
  background-size:contain !important;
  background-position:center !important;
  border:0 !important;
  background-color:transparent !important;
}

/* Packages/pricing cards: replace inline ✓ spans with the same SVG checkmark */
p[style*="text-align: left"] > span[style*="margin-right: 6px"],
p[style*="text-align: left"] > span[style*="margin-right: 6px"] > strong,
p[style*="text-align: left"] > span[style*="margin-right: 6px"] > strong > span{
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
}

p[style*="text-align: left"] > span[style*="margin-right: 6px"]{
  position:relative;
  display:inline-block;
  width:34px;
  height:34px;
  margin-right:10px !important;
  vertical-align:middle;
}

p[style*="text-align: left"] > span[style*="margin-right: 6px"]::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:34px;
  height:34px;
  background-image:url("/images/Check%20Mark.svg") !important;
  background-repeat:no-repeat !important;
  background-size:contain !important;
  background-position:center !important;
}

/* With Domestic Check section: force consistent ticks + tighten two-column spacing */
h2.font-weight-6.less-mar-1.line-height-5 ~ .row .iconlist.dark{
  padding-left:0 !important;
  margin:0 !important;
}

h2.font-weight-6.less-mar-1.line-height-5 ~ .row .iconlist.dark li{
  position:relative;
  list-style:none !important;
  padding-left:32px !important;
  margin:0 0 12px 0 !important;
}

/* Hide any template-provided icon so we don't get double markers */
h2.font-weight-6.less-mar-1.line-height-5 ~ .row .iconlist.dark li i,
h2.font-weight-6.less-mar-1.line-height-5 ~ .row .iconlist.dark li svg{
  display:none !important;
}

/* Our tick marker (matches reference) */
h2.font-weight-6.less-mar-1.line-height-5 ~ .row .iconlist.dark li::before{
  content:"" !important;
  position:absolute;
  left:0;
  top:0.2em;
  width:22px;
  height:22px;
  background-image:url("/images/Check%20Mark.svg") !important;
  background-repeat:no-repeat !important;
  background-size:contain !important;
  background-position:center !important;
  border:0 !important;
  transform:none !important;
}

/* Tighten the gap between the two columns (desktop) without breaking Bootstrap stacking */
@media (min-width: 768px){
  h2.font-weight-6.less-mar-1.line-height-5 ~ .row{
    display:flex !important;
    flex-wrap:wrap;
    justify-content:flex-start;
    column-gap:48px;
    row-gap:0;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  h2.font-weight-6.less-mar-1.line-height-5 ~ .row > .col-md-6{
    float:none !important;
    width:auto !important;
    max-width:none !important;
    flex:0 0 auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

@media (max-width: 767px){
  /* Hide the OUR VALUES image column on mobile */
  html body #sp-page-builder .dc-values-row .ce-feature-box-65,
  html body #sp-page-builder .dc-values-row .ce-feature-box-65 .img-box,
  html body #sp-page-builder .dc-values-row .ce-feature-box-65 img{
    display:none !important;
  }
}

@media (max-width: 767px){
  /* Testimonials image: keep same size but shift it upwards on mobile */
  html body img.testimonial_image,
  html body .testimonial_image{
    display:block !important;
    margin-top:-100px !important;  /* move image up; adjust value if needed */
  }
}

/* === Free Domestic Worker Employment Contract hero === */

.dc-free-contract-hero{
  /* Background is controlled by the section/row; keep transparent here */
  padding:48px 0 60px;
  color:#ffffff;
  text-align:center;
}

.dc-free-contract-inner{
  max-width:880px;
  margin:0 auto;
  padding:0 16px;
}

.dc-free-contract-tag{
  font-family:var(--dc-font-stack, "Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,
                   "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif) !important;
  font-size:14px;
  font-weight:400;
  text-transform:uppercase;
  color:#cbd5f5;
  margin:0 0 8px;
}

.dc-free-contract-title{
  margin:0 0 16px;
  font-family:var(--dc-font-stack, "Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,
                   "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif) !important;
  font-weight:800;
  font-size:clamp(24px,3.4vw,36px);
  letter-spacing:0.02em;
  color:#ffffff;
}

.dc-free-contract-underline{
  width:70px;
  height:3px;
  background:#B3D333;
  margin:10px auto 24px;
}

.dc-free-contract-text{
  margin:0 0 10px;
  font-family:var(--dc-font-stack, "Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,
                   "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif) !important;
  font-size:14px;
  line-height:1.7;
  color:#ffffff;
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
}

.dc-free-contract-cta{
  margin-top:26px;
}

.dc-free-contract-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 34px;
  border:2px solid #ffffff;
  border-radius:2px;
  background:transparent;
  color:#ffffff;
  font-family:var(--dc-font-stack, "Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,
                   "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif) !important;
  font-size:12px;
  font-weight:700;
  letter-spacing:0.16em;
  text-transform:uppercase;
  text-decoration:none;
  transition:background-color .15s ease,color .15s ease,transform .12s ease,box-shadow .12s ease;
}

.dc-free-contract-btn:hover,
.dc-free-contract-btn:focus-visible{
  background-color:#ffffff;
  color:#13274C;
  transform:translateY(-1px);
  box-shadow:0 4px 16px rgba(0,0,0,0.25);
}

@media (max-width: 767px){
  .dc-free-contract-hero{
    padding:40px 0 50px;
  }

  .dc-free-contract-title{
    font-size:clamp(20px,4.8vw,28px);
  }

  .dc-free-contract-text{
    font-size:13px;
  }

  .dc-free-contract-btn{
    width:100%;
    max-width:320px;
  }
}


/* === Scroll‑up / Back‑to‑top button — use #B3D333 === */

/* Helix / SP Page Builder common IDs/classes */
#sp-scroll-top,
.sp-scroll-up,
.scrollup,
.back-to-top{
  background:#B3D333 !important;
  border-color:#B3D333 !important;
  font-size:0 !important;       /* hide any built-in icon glyph so only CSS arrow shows */
  display:flex !important;      /* center arrow horizontally & vertically */
  align-items:center !important;
  justify-content:center !important;
}

/* Custom arrow icon: hide any inner font icon and draw a CSS arrow */
#sp-scroll-top i,
.sp-scroll-up i,
.scrollup i,
.back-to-top i{
  display:none !important;
}

#sp-scroll-top::before,
.sp-scroll-up::before,
.scrollup::before,
.back-to-top::before{
  content:"";
  display:block;
  width:10px;
  height:10px;
  border-left:2px solid #ffffff;
  border-top:2px solid #ffffff;
  transform:rotate(45deg);
  margin:0;
}


/* Sticky / scrolled states: force navy bar on ALL sticky variants */
html body #sp-header.is-sticky,
html body #sp-header.scrolled,
html body .is-sticky #sp-header,
html body .sticky-header #sp-header,
html body.header-sticky #sp-header,
html body.menu-fixed #sp-header,
#sp-header.is-sticky,
#sp-header.scrolled,
#sp-header.header-sticky,
#sp-header.menu-fixed{
  background:rgba(19,39,76,0.75) !important;          /* transparent navy */
  background-color:rgba(19,39,76,0.75) !important;
  background-image:none !important;       /* kill any dark gradient */
  border-color:rgba(19,39,76,0.75) !important;
  box-shadow:0 8px 24px rgba(0,0,0,0.22) !important;
}

/* Keep the menu module background transparent so navy shows through when sticky */
#sp-header .sp-megamenu-parent,
#sp-header .sp-megamenu-parent > li,
#sp-header .sp-module.position-menu,
#sp-header .sp-module.position-menu .sp-module-content{
  background:transparent !important;
  box-shadow:none !important;
}

/* Keep logo icon in original colours (no tint) */
#sp-header .logo img{
  filter:none !important;
  mix-blend-mode:normal !important;
  /* 1132x364 ≈ 3.11:1 aspect ratio; responsive scaling */
  width:auto !important;
  height:auto !important;
  max-height:52px !important;    /* desktop cap */
  max-width:60vw !important;     /* dont let it overflow on very small screens */
}

@media (max-width: 767px){
  #sp-header .logo img{
    height:48px !important;
    max-height:48px !important;
  }
}

/* Prevent nav icons (search, cart, etc.) from inheriting a purple accent */
#sp-header .sp-megamenu-parent i,
#sp-header .sp-megamenu-parent .fa,
#sp-header .sp-megamenu-parent .icon{
  color: inherit !important;
}


/* Force sharp corners on SP Page Builder buttons that use the rounded class */
.sppb-btn.sppb-btn-rounded,
.sppb-btn-rounded,
#btn-3VVnPxb7MQgHB-NAzpmI40{
  border-radius:0 !important;
}

.sppb-btn.sppb-btn-rounded:hover,
.sppb-btn.sppb-btn-rounded:focus,
.sppb-btn.sppb-btn-rounded:active,
#btn-3VVnPxb7MQgHB-NAzpmI40:hover,
#btn-3VVnPxb7MQgHB-NAzpmI40:focus,
#btn-3VVnPxb7MQgHB-NAzpmI40:active{
  border-radius:0 !important;
}

.sppb-addon-button-group .sppb-btn:hover,
.sppb-addon-button-group .sppb-btn:focus-visible{
  background-color:#ffffff !important;
  border-color:#B3D333 !important;
  color:#13274C !important;
}
/* === OUR PACKAGES band (no background color) === */

.dc-packages-hero{
  text-align:center;
  padding:40px 0 48px;              /* height of the band */
  /* no background here – row/section provides it */
  color:#ffffff;                    /* white text on your blue gradient */
}

.dc-packages-inner{
  max-width:880px;
  margin:0 auto;
  padding:0 16px;
}

.dc-packages-title{
  margin:0 0 10px;
  font-weight:800;
  font-size:clamp(26px,3.4vw,34px);
  letter-spacing:0.12em;
  text-transform:uppercase;
}

.dc-packages-title-main{
  color:#ffffff;                    /* OUR = white */
}

.dc-packages-highlight{
  color:#B3D333;                    /* PACKAGES = green */
}

.dc-packages-subtitle{
  margin:0 0 24px;
  font-size:14px;
  letter-spacing:0.04em;
  text-transform:none;
  color:#ffffff;
  opacity:0.9;
}

/* Button row */

.dc-packages-cta-group{
  display:inline-flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}

.dc-packages-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 30px;
  border:2px solid #ffffff;
  border-radius:0;
  background:transparent;
  color:#ffffff;
  font-size:12px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  font-weight:600;
  text-decoration:none;
  box-shadow:none;
  transition:
    background-color .18s ease,
    color .18s ease,
    border-color .18s ease,
    transform .12s ease;
}
.dc-packages-btn:visited{
  color:#ffffff;
}
.dc-packages-btn:hover,
.dc-packages-btn:focus,
.dc-packages-btn:focus-visible,
.dc-packages-btn:active{
  background-color:rgba(255,255,255,0.12);
  color:#ffffff;
  transform:translateY(-1px);
}

/* Mobile */

@media (max-width: 640px){
  .dc-packages-hero{
    padding:32px 0 38px;
  }
  .dc-packages-cta-group{
    gap:8px;
  }
  .dc-packages-btn{
    width:100%;
    max-width:260px;
  }
}
/* === Q&A: Have Any Questions? === */

.dc-questions{
}

.dc-questions-inner{
  max-width:1040px;
  margin:0 auto;
  padding:0 16px;
}

/* Top heading */

.dc-questions-heading{
  text-align:center;
  margin-bottom:40px;
}

.dc-questions-tag{
  font-size:14px;
  font-weight:400;
  text-transform:uppercase;
  color:#94a3b8;              /* light grey */
  margin-bottom:6px;
}

/* Reusable section heading block (marker + title) */
.dc-section-heading{
  text-align:center;
  line-height:32px;
}
.dc-section-marker{
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  font-size:11px;
  letter-spacing:0.22em;
  font-weight:800;
  text-transform:uppercase;
  color:#94a3b8;
  margin:0 0 10px;
}
.dc-section-title{
  margin:0;
  font-weight:800;
  color:#13274C;
  font-size:clamp(28px,3.6vw,44px);
  line-height:1.2;
}

/* General: apply marker specs to common template/SP Page Builder subtitles */
.sppb-section-subtitle,
.sppb-addon-subtitle,
.sppb-section-title .sppb-section-subtitle,
.sppb-addon-title .sppb-addon-subtitle{
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  font-size:11px;
  letter-spacing:0.22em;
  font-weight:800;
  text-transform:uppercase;
}

.dc-questions-title{
  margin:0;
  font-weight:700;
  font-size:clamp(24px,3vw,30px);
  color:#13274C;              /* navy */
}

.dc-questions-underline{
  width:70px;
  height:3px;
  background:#B3D333;         /* green line under title */
  margin:10px auto 16px;
}

.dc-questions-subtitle{
  margin:0;
  font-size:14px;
  color:#13274C;
  font-weight:700;
}

/* Layout: two columns */

.dc-questions-layout{
  display:flex;
  gap:40px;
  align-items:flex-start;
  margin-top:20px;
}

.dc-questions-left,
.dc-questions-right{
  flex:1;
}

/* Left: expanded Q&A */

.dc-question-toggle{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 0;
  margin:0;
  width:100%;
  border:0;
  background:transparent;
  cursor:pointer;
  text-align:left;
  font-size:12px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:#13274C;
}

.dc-question-toggle--active{
  font-weight:700;
}

.dc-question-arrow{
  font-size:11px;
  color:#B3D333;
}

.dc-question-body{
  padding:15px;
}

.dc-question-body p{
  margin:0;
  font-size:13px;
  line-height:1.7;
  color:#4b5563;              /* grey paragraph */
}

/* Right: bordered rows */

.dc-question-row{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:10px 14px;
  margin-bottom:15px;
  border:1px solid #cbd5e1;
  background:#ffffff;
  cursor:pointer;
  text-align:left;
  font-size:12px;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:#13274C;
}

.dc-question-row-arrow{
  font-size:11px;
  color:#13274C;
}

.dc-question-row-label{
  flex:1;
}

.dc-question-row:hover,
.dc-question-row:focus-visible{
  border-color:#13274C;
}

/* Responsive */

@media (max-width: 768px){
  .dc-questions-layout{
    flex-direction:column;
    gap:24px;
  }

  .dc-questions-inner{
    max-width:100% !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important; /* allow the block to go edge-to-edge on mobile */
  }

  .dc-question-body{
    max-width:100%;
  }

  .dc-question-row{
    padding:10px 12px;
  }
}
/* === CONTACT US band (reuses packages styling) === */

.dc-packages-hero{
  text-align:center;
  padding:40px 0 48px;              /* height of the band */
  /* no background here – row/section provides it */
  color:#ffffff;                    /* white text on your blue gradient */
}

.dc-packages-inner{
  max-width:880px;
  margin:0 auto;
  padding:0 16px;
}

.dc-packages-title{
  margin:0 0 10px;
  font-weight:800;
  font-size:clamp(26px,3.4vw,34px);
  letter-spacing:0.12em;
  text-transform:uppercase;
}

.dc-packages-title-main{
  color:#ffffff;                    /* CONTACT = white */
}

.dc-packages-highlight{
  color:#B3D333;                    /* US = green */
}

.dc-packages-subtitle{
  margin:0 0 24px;
  font-size:14px;
  letter-spacing:0.04em;
  text-transform:none;
  color:#ffffff;
  opacity:0.9;
}

/* Button row */

.dc-packages-cta-group{
  display:inline-flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}

.dc-packages-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 30px;
  border:2px solid #ffffff;
  border-radius:0;
  background:transparent;
  color:#ffffff;
  font-size:12px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  font-weight:600;
  text-decoration:none;
  box-shadow:none;
  transition:
    background-color .18s ease,
    color .18s ease,
    border-color .18s ease,
    transform .12s ease;
}

.dc-packages-btn:hover,
.dc-packages-btn:focus-visible{
  background-color:rgba(255,255,255,0.12);
  color:#ffffff;
  transform:translateY(-1px);
}

/* Mobile */

@media (max-width: 640px){
  .dc-packages-hero{
    padding:32px 0 38px;
  }
  .dc-packages-cta-group{
    gap:8px;
  }
  .dc-packages-btn{
    width:100%;
    max-width:260px;
  }
}
/* Remove blue background behind How It Works timeline */
#services-process{
  background:transparent !important;
}

#services-process .timeline{
  background:transparent !important;
  box-shadow:none !important;   /* in case template adds any */
}

@media (max-width: 768px){
  #services-process .timeline::before{
    left:44px !important;
    transform:none !important;
  }

  #services-process .num-dot{
    left:44px !important;
    transform:translate(-50%,-50%) !important;
  }

  #services-process .left-col,
  #services-process .right-col{
    text-align:left !important;
    padding:0 0 0 86px !important;
  }

  #services-process .panel{
    display:block !important;
    width:100% !important;
  }
}
 

/* Desktop: ensure a taller header bar like original design */
@media (min-width: 992px){
  html body #sp-header .sp-main-header,
  html body #sp-header .row{
    min-height:72px !important;   /* increase overall nav bar height */
    align-items:center !important;
  }
}

/* Keep main nav items on a single row on desktop only */
@media (min-width: 992px){
  #sp-header .sp-megamenu-parent{
    white-space:nowrap;
    display:flex !important;
    flex-wrap:nowrap !important;
  }
}

/* Active / current item */
#sp-header .sp-megamenu-parent > li.active > a,
#sp-header .sp-megamenu-parent > li.active > span,
#sp-header .sp-megamenu-parent > li.current-item > a,
#sp-header .sp-megamenu-parent > li.current-item > span{
  color:#B3D333 !important;
}

/* Hover / focus */
#sp-header .sp-megamenu-parent > li > a:hover,
#sp-header .sp-megamenu-parent > li > a:focus,
#sp-header .sp-megamenu-parent > li:hover > a{
  color:#B3D333 !important;
}
/* Mobile nav: navy background + light green active link */
@media (max-width: 991px){
  /* Make the header bar solid navy on mobile */
  html body #sp-header,
  html body header#sp-header{
    background:rgba(19,39,76,0.75) !important;
    background-color:rgba(19,39,76,0.75) !important;
    background-image:none !important;
    border-color:rgba(19,39,76,0.75) !important;
    box-shadow:none !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    min-height:48px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  html body #sp-header.is-sticky,
  html body #sp-header.scrolled,
  html body .is-sticky #sp-header,
  html body .sticky-header #sp-header,
  html body.header-sticky #sp-header,
  html body.menu-fixed #sp-header,
  #sp-header.is-sticky,
  #sp-header.scrolled,
  #sp-header.header-sticky,
  #sp-header.menu-fixed{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
  }

  html body #sp-header:before,
  html body #sp-header:after,
  html body #sp-header .container,
  html body #sp-header .container-inner,
  html body #sp-header .sp-header-inner,
  html body #sp-header .sp-main-header{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
  }

  html body #sp-header .container,
  html body #sp-header .container-inner{
    background:transparent !important;
    background-color:transparent !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    padding-left:20px !important;   /* add a bit more space from the left edge */
    padding-right:18px !important;
    padding-top:3px !important;     /* push header content slightly down */
    padding-bottom:0 !important;
    min-height:48px !important;
    position:static !important;
  }

  html body #sp-header .sp-header-inner,
  html body #sp-header .sp-main-header{
    padding-top:0 !important;
    padding-bottom:0 !important;
    min-height:48px !important;
    position:static !important;
  }

  html body #sp-header .row{
    margin-left:0 !important;
    margin-right:0 !important;
    min-height:48px !important;
    align-items:center !important;
    position:static !important;
  }

  html body #sp-header #sp-logo{
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
    position:static !important;
  }

  html body #sp-header [class*="col-"]{
    padding-top:0 !important;
    padding-bottom:0 !important;
    position:static !important;
  }

  #sp-header .logo{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    transform:none !important;
    padding-left:0 !important;
    margin:0 !important;
    flex:0 0 auto !important;
    text-align:left !important;
    z-index:1100 !important;
  }

  #sp-header .logo a{
    display:flex !important;
    justify-content:flex-start !important;
  }

  #sp-header .logo img{
    display:block !important;
    max-height:48px !important;
  }

  html body #sp-header .logo ~ .logo{
    display:none !important;
  }

  html body #sp-header .logo img + img{
    display:none !important;
  }

  /* Offcanvas/mobile menu container */
  #sp-offcanvas,
  #offcanvas-menu,
  .sp-offcanvas,
  .offcanvas-menu{
    background:#13274C !important;
  }

  /* Active / current mobile menu item: light green */
  #sp-offcanvas a.active,
  #sp-offcanvas a.current,
  #sp-offcanvas a[aria-current="page"],
  #offcanvas-menu .sp-megamenu-parent > li.active > a,
  #offcanvas-menu .sp-megamenu-parent > li.active > span,
  #offcanvas-menu .sp-megamenu-parent > li.current-item > a,
  #offcanvas-menu .sp-megamenu-parent > li.current-item > span,
  #offcanvas-menu .sp-megamenu-parent .sp-menu-item.active > a,
  #offcanvas-menu .sp-megamenu-parent .sp-menu-item.current-item > a,
  #offcanvas-menu a.active,
  #offcanvas-menu a.current,
  #offcanvas-menu a[aria-current="page"],
  .sp-offcanvas a.active,
  .sp-offcanvas a.current,
  .sp-offcanvas a[aria-current="page"],
  .offcanvas-menu .sp-megamenu-parent > li.active > a,
  .offcanvas-menu .sp-megamenu-parent > li.active > span,
  .offcanvas-menu .sp-megamenu-parent > li.current-item > a,
  .offcanvas-menu .sp-megamenu-parent > li.current-item > span,
  .offcanvas-menu .sp-megamenu-parent .sp-menu-item.active > a,
  .offcanvas-menu .sp-megamenu-parent .sp-menu-item.current-item > a,
  .offcanvas-menu a.active,
  .offcanvas-menu a.current,
  .offcanvas-menu a[aria-current="page"]{
    color:#B3D333 !important;
  }

  /* Mobile menu hover/focus also uses light green */
  #sp-offcanvas a:hover,
  #sp-offcanvas a:focus,
  #offcanvas-menu a:hover,
  #offcanvas-menu a:focus,
  .sp-offcanvas a:hover,
  .sp-offcanvas a:focus,
  .offcanvas-menu a:hover,
  .offcanvas-menu a:focus{
    color:#B3D333 !important;
  }

  /* Hamburger/close icons visible on navy */
  #sp-header .offcanvas-toggler,
  #sp-header .offcanvas-toggler i,
  #sp-header #offcanvas-toggler,
  #sp-header #offcanvas-toggler i{
    color:#ffffff !important;
  }

  #sp-header .offcanvas-toggler,
  #sp-header #offcanvas-toggler{
    position:absolute !important;
    top:50% !important;
    transform:translate(-24px,-50%) !important; /* shift icon left */
    right:32px !important;          /* pull burger further away from screen edge */
    inset-inline-end:32px !important;
    margin:0 !important;
    padding:0 24px 0 0 !important;  /* add right padding so icon sits further left */
    z-index:1100 !important;
  }

  html body #sp-header :is(.offcanvas-toggler,#offcanvas-toggler){
    position:absolute !important;
    left:auto !important;
    right:40px !important;          /* keep logical/right offset in sync */
    inset-inline-end:40px !important;
    top:50% !important;
    transform:translate(-40px,-50%) !important; /* keep burger left aligned */
    margin:0 !important;
  }

  #sp-header .offcanvas-toggler svg,
  #sp-header #offcanvas-toggler svg{
    fill:#ffffff !important;
    stroke:#ffffff !important;
  }

  #sp-header .burger-icon > span,
  #sp-header .burger-icon > span:before,
  #sp-header .burger-icon > span:after{
    background:#ffffff !important;
  }

  #sp-offcanvas .close,
  #sp-offcanvas .offcanvas-close,
  #sp-offcanvas .close-offcanvas,
  #sp-offcanvas .btn-close,
  #offcanvas-menu .close,
  #offcanvas-menu .offcanvas-close,
  #offcanvas-menu .close-offcanvas,
  #offcanvas-menu .btn-close,
  .sp-offcanvas .close,
  .sp-offcanvas .offcanvas-close,
  .sp-offcanvas .close-offcanvas,
  .sp-offcanvas .btn-close,
  .offcanvas-menu .close,
  .offcanvas-menu .offcanvas-close,
  .offcanvas-menu .close-offcanvas,
  .offcanvas-menu .btn-close{
    color:#ffffff !important;
    opacity:1 !important;
    filter:invert(1) grayscale(1) brightness(2) !important;
  }

  #sp-offcanvas .close-offcanvas:before,
  #sp-offcanvas .close-offcanvas:after,
  #offcanvas-menu .close-offcanvas:before,
  #offcanvas-menu .close-offcanvas:after,
  #sp-offcanvas .close:before,
  #sp-offcanvas .close:after,
  #offcanvas-menu .close:before,
  #offcanvas-menu .close:after,
  .sp-offcanvas .close:before,
  .sp-offcanvas .close:after,
  .offcanvas-menu .close:before,
  .offcanvas-menu .close:after{
    background:#ffffff !important;
    background-color:#ffffff !important;
    border-color:#ffffff !important;
  }

  html body :is(#sp-offcanvas,#offcanvas-menu,.sp-offcanvas,.offcanvas-menu) .close-offcanvas,
  html body :is(#sp-offcanvas,#offcanvas-menu,.sp-offcanvas,.offcanvas-menu) a.close-offcanvas{
    color:#ffffff !important;
    opacity:1 !important;
    filter:invert(1) grayscale(1) brightness(2) !important;
  }

  html body :is(#sp-offcanvas,#offcanvas-menu,.sp-offcanvas,.offcanvas-menu) .close-offcanvas:before,
  html body :is(#sp-offcanvas,#offcanvas-menu,.sp-offcanvas,.offcanvas-menu) .close-offcanvas:after,
  html body :is(#sp-offcanvas,#offcanvas-menu,.sp-offcanvas,.offcanvas-menu) a.close-offcanvas:before,
  html body :is(#sp-offcanvas,#offcanvas-menu,.sp-offcanvas,.offcanvas-menu) a.close-offcanvas:after{
    background:#ffffff !important;
    background-color:#ffffff !important;
    border-color:#ffffff !important;
    filter:invert(1) grayscale(1) brightness(2) !important;
  }

  #sp-offcanvas .close svg,
  #sp-offcanvas .offcanvas-close svg,
  #offcanvas-menu .close svg,
  #offcanvas-menu .offcanvas-close svg,
  .sp-offcanvas .close svg,
  .sp-offcanvas .offcanvas-close svg,
  .offcanvas-menu .close svg,
  .offcanvas-menu .offcanvas-close svg{
    fill:#ffffff !important;
    stroke:#ffffff !important;
  }

  #sp-offcanvas .logo img,
  #offcanvas-menu .logo img,
  .sp-offcanvas .logo img,
  .offcanvas-menu .logo img{
    height:42px !important;      /* smaller logo inside burger menu */
    max-height:42px !important;
    width:auto !important;
  }

  /* Offcanvas/burger menu panel: distinguish from page background */
  #sp-offcanvas,
  #offcanvas-menu,
  .sp-offcanvas,
  .offcanvas-menu{
    background-color:#0b1633 !important;          /* slightly darker navy than page */
    box-shadow:-12px 0 24px rgba(0,0,0,0.45) !important; /* shadow along left edge */
  }
}

/* Hover */
#sp-header .sp-megamenu-parent > li > a.dc-signin-btn:hover,
#sp-header .sp-megamenu-parent > li > a.dc-signin-btn:focus-visible,
#sp-header .sp-megamenu-parent > li > a.dc-booktest-btn:hover,
#sp-header .sp-megamenu-parent > li > a.dc-booktest-btn:focus-visible,
#sp-header .sp-megamenu-parent > li.dc-booktest-btn > a:hover,
#sp-header .sp-megamenu-parent > li.dc-booktest-btn > a:focus-visible,
#sp-header .sp-megamenu-parent > li.item-1489 > a:hover,
#sp-header .sp-megamenu-parent > li.item-1489 > a:focus-visible,
#sp-header .sp-megamenu-parent > li#menu-item-1489 > a:hover,
#sp-header .sp-megamenu-parent > li#menu-item-1489 > a:focus-visible,
#sp-header .sp-megamenu-parent > li > a[href*="book-a-test"]:hover,
#sp-header .sp-megamenu-parent > li > a[href*="book-a-test"]:focus-visible{
  background:#ffffff !important; /* white hover effect */
  color:#13274C !important;      /* keep navy text */
}
/* Login hero section */
.dc-login-hero{
  padding:80px 0 100px;
  text-align:center;
  /* no background here – gradient comes from the row/section */
  color:#ffffff;
}

/* Center inner content */
.dc-login-heading{
  max-width:600px;
  margin:0 auto 24px;
}

.dc-login-title{
  margin:0 0 8px;
  font-weight:800;
  font-size:clamp(26px,3.4vw,34px);
  letter-spacing:0.12em;
  text-transform:uppercase;
}

.dc-login-subtitle{
  margin:0;
  font-size:14px;
  color:#ffffff;
  opacity:0.9;
}

/* Login module card */
.dc-login-card{
  max-width:420px;
  margin:0 auto;
}

.dc-login-card .sppb-addon-content,
.dc-login-card .mod-login,
.dc-login-card form{
  background:#ffffff;
  padding:24px 26px;
  border-radius:8px;
  box-shadow:0 18px 40px rgba(15,23,42,0.25);
  color:#13274C;
}

/* Inputs and button inside the login form */
.dc-login-card input[type=\"text\"],
.dc-login-card input[type=\"password\"]{
  width:100%;
  border:1px solid #cbd5e1;
  border-radius:4px;
  padding:8px 10px;
  margin-bottom:12px;
}

.dc-login-card input[type=\"submit\"],
.dc-login-card button[type=\"submit\"]{
  width:100%;
  padding:10px 20px;
  background:#B3D333;
  color:#13274C;
  font-weight:700;
  text-transform:uppercase;
  border:0;
  border-radius:0;
  cursor:pointer;
}

.dc-login-card input[type=\"submit\"]:hover,
.dc-login-card button[type=\"submit\"]:hover{
  background:#ffffff;
  color:#13274C;
}

/* Small screen */
@media (max-width: 640px){
  .dc-login-hero{
    padding:60px 0 80px;
  }
}
/* Default header: semi-transparent navy */
@media (min-width: 992px){
  html body #sp-header{
    background:rgba(19,39,76,0.75) !important;
    background-image:none !important;
    box-shadow:0 8px 24px rgba(0,0,0,0.22) !important;
    border-color:rgba(19,39,76,0.75) !important;
  }
}
/* Sticky / scrolled states: semi-transparent navy */
html body #sp-header.is-sticky,
html body #sp-header.scrolled,
html body .is-sticky #sp-header,
html body .sticky-header #sp-header,
html body.header-sticky #sp-header,
html body.menu-fixed #sp-header,
#sp-header.is-sticky,
#sp-header.scrolled,
#sp-header.header-sticky,
#sp-header.menu-fixed{
  background:rgba(19,39,76,0.75) !important;
  background-color:rgba(19,39,76,0.75) !important;
  background-image:none !important;
  border-color:rgba(19,39,76,0.75) !important;
  box-shadow:0 8px 24px rgba(0,0,0,0.22) !important;
}
/* (Header/logo sizing uses template defaults; only color/sticky behavior overridden above) */

html body{
  --dc-font-stack:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

html body #sp-page-builder :where(h1,h2,h3,h4,h5,h6,p,a,li,span,strong,em,small,label,blockquote,figcaption,td,th,button,input,textarea,select,option,legend){
  font-family:var(--dc-font-stack) !important;
}
html body #sp-page-builder :where(h1,h2,h3,h4,h5,h6,p,a,li,span,strong,em,small,label,blockquote,figcaption,td,th,button,input,textarea,select,option,legend):is(.fa,.fas,.far,.fab,.fal,.fad,.fat,.sppb-icon,.sppb-icon-container,.iconify,[class^="fa-"],[class*=" fa-"]){
  font-family:inherit !important;
}

html body :where(h1,h2,h3,h4,h5,h6,p,a,li,span,strong,em,small,label,blockquote,figcaption,td,th,button,input,textarea,select,option,legend){
  font-family:var(--dc-font-stack) !important;
}

html body :where(h1,h2,h3,h4,h5,h6,p,a,li,span,strong,em,small,label,blockquote,figcaption,td,th,button,input,textarea,select,option,legend):is(.fa,.fas,.far,.fab,.fal,.fad,.fat,.sppb-icon,.sppb-icon-container,.iconify,[class^="fa-"],[class*=" fa-"]){
  font-family:inherit !important;
}

html body *:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.fat):not(.sppb-icon):not(.sppb-icon-container):not(.iconify):not([class^="fa-"]):not([class*=" fa-"]){
  font-family:var(--dc-font-stack) !important;
}

/* Restore Font Awesome icon font so quote icons etc. render correctly */
html body #sp-page-builder .fa,
html body #sp-page-builder .fas,
html body #sp-page-builder .far,
html body #sp-page-builder .fab,
html body #sp-page-builder .fal,
html body #sp-page-builder .fad,
html body #sp-page-builder .fat,
html body #sp-page-builder [class^="fa-"],
html body #sp-page-builder [class*=" fa-"],
html body .fa,
html body .fas,
html body .far,
html body .fab,
html body .fal,
html body .fad,
html body .fat,
html body [class^="fa-"],
html body [class*=" fa-"]{
  font-family:"Font Awesome 5 Free","Font Awesome 5 Pro","Font Awesome 4 Free","FontAwesome" !important;
}

/* Contact Details block */
.dc-contact-details{
  color:#13274C;           /* navy */
  font-size:16px;          /* base text bigger */
  line-height:1.7;
}

.dc-contact-details h3{
  margin:0 0 10px;
  font-size:24px;          /* bigger heading */
  font-weight:800;
  color:#13274C;           /* navy heading */
}

/* Ensure all text + links in the block are navy */
.dc-contact-details p,
.dc-contact-details strong,
.dc-contact-details a{
  color:#13274C;
}

.dc-contact-details a{
  text-decoration:none;
}

.dc-contact-details a:hover{
  text-decoration:underline;
}

/* Joomla login / logout: use brand light green (match SIGN IN) */
html body .com-users-login .btn,
html body .com-users-logout .btn,
html body .view-login .btn,
html body .view-logout .btn,
html body .com-users-login .btn-primary,
html body .com-users-login .btn-success,
html body .com-users-logout .btn-primary,
html body .com-users-logout .btn-success,
html body .view-login .btn-primary,
html body .view-login .btn-success,
html body .view-logout .btn-primary,
html body .view-logout .btn-success,
html body .mod-login input[type="submit"],
html body .mod-login button[type="submit"]{
  background-color:#B3D333 !important;
  border-color:#B3D333 !important;
  color:#13274C !important; /* navy text on light green button */
  font-weight:700 !important; /* make login/logout buttons bold */
}

/* Force bold on any inner elements inside the login/logout buttons (template sometimes sets spans to lighter weights) */
html body :is(.com-users-login,.com-users-logout,.view-login,.view-logout,.mod-login)
  :is(.btn,.btn-primary,.btn-success,.sppb-btn,input[type="submit"],button[type="submit"]) *{
  font-weight:700 !important;
}

/* Match SIGN IN hover color (#9AC021) */
html body .com-users-login .btn:hover,
html body .com-users-login .btn:focus,
html body .com-users-logout .btn:hover,
html body .com-users-logout .btn:focus,
html body .view-login .btn:hover,
html body .view-login .btn:focus,
html body .view-logout .btn:hover,
html body .view-logout .btn:focus,
html body .mod-login input[type="submit"]:hover,
html body .mod-login input[type="submit"]:focus,
html body .mod-login button[type="submit"]:hover,
html body .mod-login button[type="submit"]:focus{
  background-color:#ffffff !important;
  border-color:#B3D333 !important;
  color:#13274C !important;
}

html body :is(a.btn.btn-primary,button.btn.btn-primary,input.btn.btn-primary,a.btn.btn-success,button.btn.btn-success,input.btn.btn-success,a.sppb-btn.sppb-btn-primary,button.sppb-btn.sppb-btn-primary,a.sppb-btn.sppb-btn-success,button.sppb-btn.sppb-btn-success):hover,
html body :is(a.btn.btn-primary,button.btn.btn-primary,input.btn.btn-primary,a.btn.btn-success,button.btn.btn-success,input.btn.btn-success,a.sppb-btn.sppb-btn-primary,button.sppb-btn.sppb-btn-primary,a.sppb-btn.sppb-btn-success,button.sppb-btn.sppb-btn-success):focus,
html body :is(a.btn.btn-primary,button.btn.btn-primary,input.btn.btn-primary,a.btn.btn-success,button.btn.btn-success,input.btn.btn-success,a.sppb-btn.sppb-btn-primary,button.sppb-btn.sppb-btn-primary,a.sppb-btn.sppb-btn-success,button.sppb-btn.sppb-btn-success):focus-visible,
html body :is(a.btn.btn-primary,button.btn.btn-primary,input.btn.btn-primary,a.btn.btn-success,button.btn.btn-success,input.btn.btn-success,a.sppb-btn.sppb-btn-primary,button.sppb-btn.sppb-btn-primary,a.sppb-btn.sppb-btn-success,button.sppb-btn.sppb-btn-success):active{
  background-color:#ffffff !important;
  border-color:#B3D333 !important;
  color:#13274C !important;
}

/* Login-related links under the form (Create account / Forgot username / Forgot password) */
html body .login-links{
  list-style:none;
  margin:8px 0 0;
  padding:0;
  text-align:right; /* align helper links to the right side */
}

html body .login-links li{
  margin:0;
}

html body .login-links a{
  display:inline-block;
  color:#B3D333 !important; /* default green for helper links */
}

html body .login-links a:hover,
html body .login-links a:focus{
  color:#13274C !important;
}

/* Make only the "Create an account" link blue */
html body .login-links a[href*="component/users/registration"],
html body .login-links a[href*="component/users/registration"]:link,
html body .login-links a[href*="component/users/registration"]:visited,
html body .login-links a[href*="component/users/registration"]:active{
  color:#1E88E5 !important; /* site blue */
}

html body .login-links a[href*="component/users/registration"]:hover,
html body .login-links a[href*="component/users/registration"]:focus{
  color:#1E88E5 !important;
  text-decoration:underline;
}

/* Hide any icon squares inside the login helper links */
html body .login-links a i,
html body .login-links a span[class*="icon"],
html body .login-links a span[class*="fa"]{
  display:none !important;
}

/* Force core .login-button / .logout-button to use exact brand green */
html body button.btn.btn-primary.login-button,
html body button.btn.login-button,
html body a.btn.btn-primary.login-button,
html body a.btn.login-button,
html body button.btn.btn-primary.logout-button,
html body button.btn.logout-button,
html body a.btn.btn-primary.logout-button,
html body a.btn.logout-button{
  background-color:#B3D333 !important;
  border-color:#B3D333 !important;
  color:#13274C !important;
  font-weight:700 !important;
}

/* Footer background and text colors */
html body #sp-footer,
html body #sp-bottom,
html body footer{
  background-color:#101D33 !important;
  background:#101D33 !important;
  color:#ffffff !important;
}

/* Make sure SP Page Builder footer section itself also uses #101D33 */
html body #sp-footer .sppb-section,
html body #sp-footer .sppb-row,
html body #sp-footer .sppb-column,
html body #sp-footer .sppb-addon{
  background-color:#101D33 !important;
  background:#101D33 !important;
}

@media (max-width: 767px){
  /* Shrink footer copyright text so "Li chi" fits one line */
  html body #sp-footer .footer_li .sppb-addon-title,
  html body #sp-footer .footer_li,
  html body footer .footer_li .sppb-addon-title{
    font-size:12px !important;
    line-height:1.3 !important;
    letter-spacing:0.02em !important;
  }
}

/* Explicitly target Joomla "Forgot your username/password?" links by their URLs */
html body ul.unstyled li a[href*="/component/users/remind"],
html body ul.unstyled li a[href*="/component/users/reset"],
html body a[href*="option=com_users&view=remind"],
html body a[href*="option=com_users&view=reset"],
html body a[href*="task=user.remind"],
html body a[href*="task=user.reset"]{
  color:#B3D333 !important;
}

html body ul.unstyled li a[href*="/component/users/remind"]:hover,
html body ul.unstyled li a[href*="/component/users/reset"]:hover,
html body a[href*="option=com_users&view=remind"]:hover,
html body a[href*="option=com_users&view=reset"]:hover,
html body a[href*="task=user.remind"]:hover,
html body a[href*="task=user.reset"]:hover{
  color:#13274C !important;
}

/* Extra safety: ensure logout submit also uses brand green by structure */
html body form.mod-login-logout .mod-login-logout__button.logout-button > .btn.btn-primary,
html body form.mod-login-logout .btn.btn-primary,
html body form[action*="task=user.logout"] .btn,
html body form[action*="task=user.logout"] input[type="submit"],
html body form[action*="task=user.logout"] button[type="submit"]{
  background-color:#B3D333 !important;
  border-color:#B3D333 !important;
  color:#13274C !important;
  font-weight:700 !important;
}

html body a.btn.btn-primary.logout-button,
html body a.btn.logout-button{
  background-color:#B3D333 !important;
  border-color:#B3D333 !important;
  color:#13274C !important;
  font-weight:700 !important;
}
@media (max-width: 767px){
  .dc-hero-copy{
    max-width:100%;
    margin:0 auto;
    padding:0 16px;
  }

  .dc-hero-copy-text{
    max-width:100%;
  }
}
@media (max-width: 767px){
  .sppb-col-md-6.sppb-text-center{   /* will use your real classes */
    max-width:100% !important;
    width:100% !important;
    margin:0 !important;
    padding:0 16px !important;
  }
}
/* Center About Us CTA button on mobile */
@media (max-width: 767px){
  .dc-about-cta-btn{
    display:block !important;
    margin:20px auto 0 !important;  /* auto left/right centers it */
    text-align:center !important;
  }
}


/* === Fix Joomla password toggle icons when only Font Awesome is loaded === */
/* Map Joomla's icon-eye / icon-eye-slash to Font Awesome eye icons */
.icon-eye::before,
.icon-eye-slash::before{
  font-family:"Font Awesome 5 Free", "Font Awesome 6 Free", "Font Awesome 6 Pro", sans-serif;
  font-weight:900;
  font-style:normal;
  display:inline-block;
}

.icon-eye::before{
  content:"\f06e"; /* fa-eye */
}

.icon-eye-slash::before{
  content:"\f070"; /* fa-eye-slash */
}

/* Powered by Advanced Voice Intelligence: uses the same default title alignment as other sections */

/* Confidence block: ensure bullet labels next to green checks use consistent font */
html body #sp-page-builder .dc-powered-block .dc-service-list li{
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

/* About intro paragraph under 'Advanced Truth Verification You Can Trust': tighten letter spacing */
html body #sp-page-builder .sec-title-container.less-padding-4.text-left + .clearfix + p span{
  letter-spacing:-0.01em !important;
}

/* Our Values tab content: reduce side whitespace on mobile */
@media (max-width: 767px){
  /* Tab content wrapper */
  html body #sp-page-builder .sppb-tab-content.sppb-tab-tabs-content{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  /* Inner column/addon so card can use full width */
  html body #sp-page-builder .sppb-tab-content.sppb-tab-tabs-content .sppb-column,
  html body #sp-page-builder .sppb-tab-content.sppb-tab-tabs-content .sppb-addon,
  html body #sp-page-builder .sppb-tab-content.sppb-tab-tabs-content .sppb-addon-content{
    max-width:100% !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}
/* Our Team avatars: use SVG human icon instead of Font Awesome user icon */
.dc-team-avatar-icon i{
  display:none !important;              /* hide the FA user icon */
}

.dc-team-avatar-icon{
  position:relative;
  display:inline-block;
  width:72px;                           /* keep circle size; only make icon bigger */
  height:72px;
  border-radius:50%;
  background-color:#13274C;             /* navy circle */
  border:none !important;               /* remove white outline */
}

/* Draw the human SVG in white using a mask, centered inside the navy circle */
.dc-team-avatar-icon::before{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  width:82%;
  height:82%;
  background-color:#ffffff;             /* icon color (white) */
  -webkit-mask-image:url("/images/Human%20icon.svg");
  mask-image:url("/images/Human%20icon.svg");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}

/* Our Team: remove the card/box backgrounds around the text */
html body .dc-team-card-inner{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

html body .dc-team-card-inner:hover,
html body .dc-team-card-inner:focus-within{
  transform:none !important;
  box-shadow:none !important;
  border-color:transparent !important;
  background:transparent !important;
}

/* Our Team: make titles bold */
html body .dc-team-title,
html body .dc-team-name{
  font-weight:900 !important;
}
/* === Services cards (reference style) === */

/* Card container */
.dc-service-card .dc-service-inner{
  position:relative;
  background:#ffffff;
  border-radius:10px;
  padding:26px 26px 24px;
  border:1px solid rgba(15,23,42,0.10);
  box-shadow:0 18px 40px rgba(15,23,42,0.10);
  text-align:center !important;                 /* reference is centered */
  overflow:hidden;
}

/* Remove the blue left accent line (force override if it exists anywhere) */
.dc-service-card .dc-service-inner::before{
  content:none !important;
  display:none !important;
}

/* Top circular icon */
.dc-service-icon{
  width:76px;
  height:76px;
  border-radius:50%;
  background:var(--dc-service-icon-bg, #2F73C0) !important;
  margin:0 auto 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}

/* Hide Font Awesome icon */
.dc-service-icon i{
  display:inline-block !important;
  color:#ffffff !important;
}

/* Use SVG from /images as a WHITE icon via mask */
.dc-service-icon::before{
  content:none !important;
}

/* Title (reference style) */
.dc-service-title{
  margin:0 0 14px;
  font-weight:800;
  font-size:18px;
  text-align:center;
  color:#13274C;
}

html body .dc-service-card .dc-service-inner :is(h3,h4,h5,h6){
  margin:0 0 14px !important;
  font-weight:800 !important;
  font-size:18px !important;
  text-align:center !important;
  color:#13274C !important;
}

html body .dc-services-cards-band{
  background:var(--dc-services-band-bg, #13274C) !important;
}

@media (max-width: 767px){
  html body .dc-services-cards-band{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/* Bullet list */
.dc-service-list{
  list-style:none;
  padding:0;
  margin:0;
  text-align:left;                  /* bullets are left-aligned inside card */
  display:inline-block;             /* keeps the list nicely centered as a block */
}

/* Bullet rows */
.dc-service-list li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-bottom:10px;
  font-weight:400;
  font-size:14px;
  line-height:1.7;
  color:#13274C;
}

@media (max-width: 767px){
  /* Tighten spacing between checked bullet points on mobile */
  .dc-service-list li{
    margin-bottom:4px !important;
    line-height:1.4 !important;
  }
}

/* Green check using your existing /images/Check Mark.svg */
.dc-service-list li::before{
  content:"";
  flex:none;
  width:18px;
  height:18px;
  margin-top:2px;
  background-color:#B3D333;
  -webkit-mask-image:url("/images/Check%20Mark.svg");
  mask-image:url("/images/Check%20Mark.svg");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}

/* Reusable inline check icon using the same SVG from /images */
.dc-confidence-check{
  display:inline-flex;
  width:18px;
  height:18px;
  margin-top:2px;
  background-color:#B3D333;
  -webkit-mask-image:url("/images/Check%20Mark.svg");
  mask-image:url("/images/Check%20Mark.svg");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}

/* Hover */
.dc-service-card .dc-service-inner{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.dc-service-card .dc-service-inner:hover,
.dc-service-card .dc-service-inner:focus-within{
  transform:translateY(-4px);
  box-shadow:0 24px 52px rgba(15,23,42,0.18);
  border-color:rgba(15,23,42,0.18);
}
/* Footer contact block: white labels + grey values */
.dc-footer-contact{
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,
               "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:14px;
  line-height:1.6;
  color:#9ca3af; /* default light grey text on navy */
}

.dc-footer-block{
  margin:0 0 10px;
}

.dc-footer-label{
  font-weight:700;
  color:#ffffff; /* white labels: Address, Phone, Email, Office Hours */
}

.dc-footer-value{
  color:#9ca3af; /* grey values */
  font-weight:400;
}

.dc-footer-link{
  text-decoration:none;
}

.dc-footer-link:hover,
.dc-footer-link:focus{
  text-decoration:underline;
}

html body :is(.com-users-login,.com-users-logout,.view-login,.view-logout,.mod-login,.mod-login-logout,form[action*="task=user.logout"],form[action*="task=user.login"]) :is(.btn,.btn-primary,.btn-success,.sppb-btn,button[type="submit"],input[type="submit"],a.btn){
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  font-weight:700 !important;
  letter-spacing:0.14em !important;
  text-transform:uppercase !important;
}

html body :is(.com-users-login,.com-users-logout,.view-login,.view-logout,.mod-login,.mod-login-logout,form[action*="task=user.logout"],form[action*="task=user.login"]) :is(.btn,.btn-primary,.btn-success,.sppb-btn,button[type="submit"],input[type="submit"],a.btn) *{
  font-family:inherit !important;
  font-weight:inherit !important;
  letter-spacing:inherit !important;
  text-transform:inherit !important;
}

/* === Sign-in hero banner (SIGN IN TO YOUR ACCOUNT) === */
.dc-signin-hero{
  /* You can tweak this gradient or replace with a solid color */
  background:linear-gradient(90deg,#0f3c88 0%,#1e88e5 50%,#1e9fb3 100%);
  padding:40px 0 48px;
  color:#ffffff;
}

.dc-signin-inner{
  max-width:880px;
  margin:0 auto;
  padding:0 16px;
  text-align:center !important;
}

.dc-signin-title{
  margin:0 0 10px;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,
               "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  font-weight:800 !important;
  font-size:clamp(30px,3.6vw,38px) !important;
  letter-spacing:0.16em !important;
  text-transform:uppercase !important;
  color:#ffffff !important;
}

.dc-signin-highlight{
  color:#B3D333 !important;
}

.dc-signin-subtitle{
  margin:0;
  font-family:"Gill Sans MT","Gill Sans",-apple-system,BlinkMacSystemFont,
               "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  font-size:14px !important;
  letter-spacing:0.08em !important;
  text-transform:none !important;
  opacity:0.9;
  color:#ffffff !important;
}


/* Login page: force helper links under the login form to #B3D333,
   but EXCLUDE the registration / create-account link (it will be blue) */
html body :is(.com-users-login,.view-login,.mod-login,.mod-login-logout){
  --maincolor:#B3D333;
}
html body :is(.com-users-login,.view-login,.mod-login,.mod-login-logout)
  form a:not([href*="component/users/registration"]):not([href*="view=registration"]):not([href*="task=registration.register"]):not([href$="/registration"]){
  display:block;
  text-align:right !important;   /* align helper links to the right */
  margin-right:0 !important;
  color:#B3D333 !important;      /* default green for helper links */
  }
html body :is(.com-users-login,.view-login,.mod-login,.mod-login-logout)
  form a:not([href*="component/users/registration"]):not([href*="view=registration"]):not([href*="task=registration.register"]):not([href$="/registration"]):hover,
html body :is(.com-users-login,.view-login,.mod-login,.mod-login-logout)
  form a:not([href*="component/users/registration"]):not([href*="view=registration"]):not([href*="task=registration.register"]):not([href$="/registration"]):focus{
  color:#B3D333 !important;
  text-decoration:underline;
}

/* Login helper links: hide any trailing icon element to avoid broken square glyphs */
html body :is(.com-users-login,.view-login,.mod-login,.mod-login-logout)
  form a i,
html body :is(.com-users-login,.view-login,.mod-login,.mod-login-logout)
  form a span[class*="icon"],
html body :is(.com-users-login,.view-login,.mod-login,.mod-login-logout)
  form a span[class*="fa"]{
  display:none !important;
}

/* Extra safety: hide any pseudo-icon bullets added via ::before/::after */
html body :is(.com-users-login,.view-login,.mod-login,.mod-login-logout)
  form a::before,
html body :is(.com-users-login,.view-login,.mod-login,.mod-login-logout)
  form a::after{
  content:none !important;
  display:none !important;
}

/* Override: make ONLY the "Create an account" link blue in all states */
html body :is(.com-users-login,.view-login,.mod-login,.mod-login-logout)
  form a[href*="component/users/registration"],
html body :is(.com-users-login,.view-login,.mod-login,.mod-login-logout)
  form a[href*="component/users/registration"]:link,
html body :is(.com-users-login,.view-login,.mod-login,.mod-login-logout)
  form a[href*="component/users/registration"]:visited,
html body :is(.com-users-login,.view-login,.mod-login,.mod-login-logout)
  form a[href*="component/users/registration"]:active{
  color:#1E88E5 !important;  /* site blue */
}
html body :is(.com-users-login,.view-login,.mod-login,.mod-login-logout)
  form a[href*="component/users/registration"]:hover,
html body :is(.com-users-login,.view-login,.mod-login,.mod-login-logout)
  form a[href*="component/users/registration"]:focus{
  color:#1E88E5 !important;
  text-decoration:underline;
}

@media (max-width: 767px){
  /* Make the "Why Domestic" hero image smaller on mobile */
  html body .why-domestic-img img,
  html body img.why-domestic-img{
    width:85% !important;       /* make image narrower on phones */
    max-width:85% !important;   /* override template's 100% width */
    height:auto !important;
    margin:0 0 0 0 !important; /* left-align with container padding */
    display:block !important;
  }
}
@media (max-width: 767px){
  /* Extra space between stacked pricing tables in this section on mobile */
  section#section-id-1768215792 .sppb-column{
    margin-bottom:1px !important;  /* tighter gap between packages */
  }
}
@media (max-width: 767px){
  /* Trim the extra bottom space beneath the "Book Now" package addon */
  html body #sp-page-builder #sppb-addon-MIljVa_WHfQRV6mE57HNN,
  html body #sp-page-builder #sppb-addon-wrapper-MIljVa_WHfQRV6mE57HNN{
    margin-bottom:0 !important;
    padding-bottom:10px !important;
  }
}
@media (max-width: 767px){
  /* Extra top padding above the Honesty Maintenance block on mobile */
  #column-wrap-id-1768215792693,
  #column-id-1768215792693{
    margin-top:10px !important;   /* reduce gap above Honesty Maintenance card */
  }
}
@media (max-width: 767px){
  /* Make hero body text (.ce-sub-text) full-width on mobile */
  html body #sp-page-builder .ce-sub-text,
  html body #sp-page-builder h6.ce-sub-text{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:16px !important;   /* small side padding so text doesn't touch edges */
    padding-right:16px !important;
  }
}
@media (max-width: 767px){
  /* Prevent the identify image from overflowing the screen on mobile */
  html body .identify-img img,
  html body img.identify-img{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    display:block !important;
    margin:0 auto !important;
  }
}
@media (max-width: 767px){
  /* Reduce the "Empty Space" gap (empty-get) on mobile */
  html body #sp-page-builder .empty-get{
    height:10px !important;
    min-height:10px !important;
    margin-top:10px !important;
    margin-bottom:10px !important;
  }
}
@media (max-width: 767px){
  /* Add spacing between stacked package addons on mobile */
  html body #sp-page-builder #sppb-addon-sXKh6RlBR2dPh8sFQ8IDo{
    margin-top:24px !important;
    margin-bottom:24px !important;
  }
}
@media (max-width: 767px){
  /* Fallback: add spacing on the feature addon wrapper between packages */
  html body #sp-page-builder .sppb-addon-content-align-before.sppb-addon.sppb-addon-feature{
    margin-top:24px !important;
    margin-bottom:24px !important;
  }
}
@media (max-width: 767px){
  /* Contact section: on mobile, show Contact Details before Contact Form */
  /* Contact Details column */
  html body #sp-page-builder #column-id-1527607883330{
    order:1 !important;
  }
  /* Contact Form column wrapper + column */
  html body #sp-page-builder #column-wrap-id-1527607883327,
  html body #sp-page-builder #column-id-1527607883327{
    order:2 !important;
  }
}
@media (max-width: 767px){
  /* Q&A block: make the entire dc-questions section full-width on mobile */
  html body #sp-page-builder .dc-questions,
  html body #sp-page-builder .dc-questions-inner{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/* === FINAL OVERRIDE: Login helper links layout and colors (component view) === */
/* Container: move helper links to the left and remove Bootstrap list padding */
html body .com-users-login__options.list-group{
  margin-top:8px !important;
  padding:0 !important;
}

/* Base style for all helper links under the login form */
html body .com-users-login__options.list-group a.list-group-item{
  display:block;
  text-align:left !important;   /* align text to the left */
  padding-left:0 !important;    /* remove list-group indent */
  padding-right:0 !important;
  border:0 !important;
  background:none !important;
}

/* Green for the two "Forgot" links */
html body a.com-users-login__reset.list-group-item,
html body a.com-users-login__remind.list-group-item{
  color:#B3D333 !important;
}

/* Blue ONLY for the registration / create-account link */
html body a.com-users-login__register.list-group-item{
  color:#1E88E5 !important;
}
html body a.com-users-login__register.list-group-item:hover,
html body a.com-users-login__register.list-group-item:focus{
  color:#1E88E5 !important;
  text-decoration:underline;
}

/* Hide any icon or icon-font square if present in these helper links */
html body .com-users-login__options.list-group a.list-group-item i,
html body .com-users-login__options.list-group a.list-group-item span[class*="icon"],
html body .com-users-login__options.list-group a.list-group-item span[class*="fa"]{
  display:none !important;
}

/* Restore white outline for pricing "BOOK NOW" buttons */
.dc-packages-btn,
.dc-packages-btn.sppb-btn{
  border:2px solid #ffffff !important;
  background:transparent !important;
}

.dc-packages-btn:hover,
.dc-packages-btn:focus-visible{
  background-color:rgba(255,255,255,0.12) !important;
  color:#ffffff !important;
}

/* Ensure BOOK NOW buttons in the pricing section have a white outline */
section#section-id-1768215792 .sppb-btn{
  border:2px solid #ffffff !important;
  background:transparent !important;
  color:#ffffff !important;
}

section#section-id-1768215792 .sppb-btn:hover,
section#section-id-1768215792 .sppb-btn:focus-visible{
  background-color:rgba(255,255,255,0.12) !important;
  color:#ffffff !important;
}

/* Shared mobile styles for the Q&A CTAs */
@media (max-width: 767px){
  #sp-page-builder .dc-questions .sppb-addon-button-group{
    display:flex !important;
    flex-direction:column;
    align-items:center;
    gap:12px;
  }

  #sp-page-builder .dc-questions .sppb-addon-button-group .sppb-btn{
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:100% !important;
    max-width:100% !important;   /* allow full container width on mobile */
    min-width:0 !important;
    margin:0 auto !important;
    padding:10px 16px !important;
  }

  #sp-page-builder .dc-questions .sppb-addon-button-group .sppb-btn,
  #sp-page-builder .dc-questions .sppb-addon-button-group .sppb-btn *{
    font-size:12px !important;
    letter-spacing:0.07em !important;
  }
}

@media (max-width: 767px){
  html body #sp-page-builder#sp-page-builder :is(h1,h2,h3,h4,h5,h6){
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/* Mobile header logo: match navbar logo height & keep aspect ratio */
@media (max-width: 767px){
  img.logo-image-phone{
    height:42px !important;
    max-height:42px !important;
    width:auto !important;
    object-fit:contain;
    display:inline-block;
  }
}

/* Mobile header flex container: increase height so logo isn't visually squashed */
@media (max-width: 767px){
  #sp-header .d-flex.align-items-center.p-3.pt-4,
  :is(#sp-offcanvas,#offcanvas-menu,.sp-offcanvas,.offcanvas-menu) .d-flex.align-items-center.p-3.pt-4{
    min-height:80px !important;   /* give more vertical space */
    align-items:center !important;
    padding-top:8px !important;   /* reduce tight padding that squashes logo */
    padding-bottom:8px !important;
  }
}