.elementor-35 .elementor-element.elementor-element-68e6c92 > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-35 .elementor-element.elementor-element-68e6c92 > .elementor-container{min-height:90vh;}.elementor-35 .elementor-element.elementor-element-68e6c92{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-35 .elementor-element.elementor-element-68e6c92 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-35 .elementor-element.elementor-element-614b964 > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-35 .elementor-element.elementor-element-2441cf3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:2rem;font-weight:600;line-height:1em;letter-spacing:2.5px;color:var( --e-global-color-6bcb07e );}.elementor-35 .elementor-element.elementor-element-e7a4161{margin:0em 25em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-35 .elementor-element.elementor-element-d7857f9{margin:0em 27em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-bb3e8ac > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-35 .elementor-element.elementor-element-afdbaf5 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-35 .elementor-element.elementor-element-9ae1ea1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-35 .elementor-element.elementor-element-836f28e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-35 .elementor-element.elementor-element-a9e7ea6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-35 .elementor-element.elementor-element-687c4c1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-35 .elementor-element.elementor-element-e930c0a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-35 .elementor-element.elementor-element-1b30d58{--display:flex;}.elementor-35 .elementor-element.elementor-element-100f5af{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}@media(max-width:1024px){.elementor-35 .elementor-element.elementor-element-2441cf3 .elementor-heading-title{font-size:0.9rem;line-height:1em;letter-spacing:2.5px;}.elementor-35 .elementor-element.elementor-element-e7a4161{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-35 .elementor-element.elementor-element-d7857f9{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}}@media(max-width:767px){.elementor-35 .elementor-element.elementor-element-2441cf3 .elementor-heading-title{font-size:0.8rem;line-height:1em;letter-spacing:2.5px;}.elementor-35 .elementor-element.elementor-element-bb3e8ac{width:50%;}.elementor-35 .elementor-element.elementor-element-afdbaf5{width:50%;}}@media(min-width:768px){.elementor-35 .elementor-element.elementor-element-614b964{width:100%;}.elementor-35 .elementor-element.elementor-element-bb3e8ac{width:15%;}.elementor-35 .elementor-element.elementor-element-afdbaf5{width:85%;}}@media(max-width:1024px) and (min-width:768px){.elementor-35 .elementor-element.elementor-element-bb3e8ac{width:25%;}.elementor-35 .elementor-element.elementor-element-afdbaf5{width:75%;}}/* Start custom CSS *//* =====================================================================
   SUCCESS STORAGE SOLUTIONS - GLOBAL FIXES  v2
   Paste ALL of this into:
   Elementor > hamburger menu > Site Settings > Custom CSS
   Then: Elementor > Tools > Regenerate CSS & Data, and hard refresh.
   ===================================================================== */


/* =====================================================================
   1. BRAND COLOURS - FORCED
   The theme's Global Colour kit is overriding buttons and links.
   These win because they are more specific and use !important.
   ===================================================================== */
:root{
  --ss-blue:#193F66;
  --ss-blue-dark:#0d2440;
  --ss-blue-light:#2b5c8f;
  --ss-blue-pale:#eaf1f8;
}

/* -- kill every leftover red/orange from the template -- */
.elementor-button,
.elementor-button-link,
.elementor-widget-button .elementor-button,
a.elementor-button{
  background-color:var(--ss-blue) !important;
  border-color:var(--ss-blue) !important;
  color:#fff !important;
  border-radius:4px !important;
  transition:background-color .2s ease, transform .18s ease !important;
}
.elementor-button:hover,
a.elementor-button:hover{
  background-color:var(--ss-blue-dark) !important;
  border-color:var(--ss-blue-dark) !important;
  color:#fff !important;
  transform:translateY(-2px);
}

/* -- header CALL US NOW button -- */
header .elementor-button,
.elementor-location-header .elementor-button{
  background-color:var(--ss-blue) !important;
  border-color:var(--ss-blue) !important;
  color:#fff !important;
}

/* -- hero kicker line that is still red -- */
.elementor-widget-heading .elementor-heading-title[style*="color"]{ }
/* if the kicker has its own class, target it here instead */

/* -- protect OUR sections from the theme kit -- */
.ssx a, .ssx button,
[id^="ssx"] a, [id^="ssx"] button{
  text-decoration:none !important;
}
[id^="ssx"] .elementor-button{ all:unset; }


/* =====================================================================
   2. NO GAPS BETWEEN SECTIONS
   ===================================================================== */
.elementor-widget-html:has(.ssx-full),
.elementor-widget-container:has(.ssx-full),
.elementor-widget:has(.ssx-full),
.elementor-element:has(.ssx-full),
.e-con-inner:has(.ssx-full),
.e-con:has(.ssx-full),
.e-con-full:has(.ssx-full),
.elementor-section:has(.ssx-full),
.elementor-column:has(.ssx-full),
.elementor-container:has(.ssx-full){
  padding:0 !important;
  margin:0 !important;
  --padding-top:0px !important;
  --padding-right:0px !important;
  --padding-bottom:0px !important;
  --padding-left:0px !important;
  --margin-top:0px !important;
  --margin-bottom:0px !important;
  --row-gap:0px !important;
  --column-gap:0px !important;
  max-width:none !important;
  width:100% !important;
  border:0 !important;
}
.e-con:has(.ssx-full) > .e-con-inner{ padding:0 !important; }


/* =====================================================================
   3. STICKY / OVERFLOW SAFETY
   overflow-x:clip does the same job as hidden without breaking
   sticky or transform pinning.
   ===================================================================== */
html, body{ overflow-x:clip !important; }
#page, #content, #main, .site, .site-content, .content-area,
.elementor-location-single, .elementor-section-wrap{
  overflow:visible !important;
}


/* =====================================================================
   4. MOBILE HARDENING - applies to every ssx section
   ===================================================================== */
@media (max-width:860px){

  /* nothing may cause sideways scroll */
  html, body{ max-width:100vw; overflow-x:clip !important; }
  [id^="ssx"]{ max-width:100vw !important; }
  [id^="ssx"] img{ max-width:100% !important; height:auto !important; }

  /* every button becomes full width and tappable */
  [id^="ssx"] a[class*="btn"],
  [id^="ssx"] a[class*="Btn"],
  [id^="ssx"] .ssxab__btn,
  [id^="ssx"] .ssxsb__btn,
  [id^="ssx"] .ssxst__link,
  [id^="ssx"] .ssxcta__btn{
    width:100% !important;
    justify-content:center !important;
    min-height:50px !important;
  }

  /* readable minimum body text */
  [id^="ssx"] p{ font-size:14.5px !important; line-height:1.6 !important; }
  [id^="ssx"] li{ font-size:14px !important; }

  /* headings never overflow */
  [id^="ssx"] h2, [id^="ssx"] h3{
    overflow-wrap:break-word; word-break:normal; hyphens:none;
  }

  /* consistent section rhythm on phones */
  .ssxlw, .ssxab, .ssxst, .ssxsb, .ssxsy, .ssxsv{
    padding-top:38px !important;
    padding-bottom:42px !important;
  }
}

/* tap targets on small phones */
@media (max-width:420px){
  [id^="ssx"] a, [id^="ssx"] button{ min-height:46px; }
}


/* =====================================================================
   5. STACKING CARD OFFSET
   Change this to your sticky header height + 24px.
   ===================================================================== */
#ssxStack{ --ssxst-top:104px; }
@media (max-width:860px){ #ssxStack{ --ssxst-top:76px; } }/* End custom CSS */