.elementor-124 .elementor-element.elementor-element-657472c{--display:flex;--min-height:5vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.28;}.elementor-124 .elementor-element.elementor-element-657472c::before, .elementor-124 .elementor-element.elementor-element-657472c > .elementor-background-video-container::before, .elementor-124 .elementor-element.elementor-element-657472c > .e-con-inner > .elementor-background-video-container::before, .elementor-124 .elementor-element.elementor-element-657472c > .elementor-background-slideshow::before, .elementor-124 .elementor-element.elementor-element-657472c > .e-con-inner > .elementor-background-slideshow::before, .elementor-124 .elementor-element.elementor-element-657472c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-887d956 );--background-overlay:'';}.elementor-124 .elementor-element.elementor-element-5bcd955{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0;}.elementor-124 .elementor-element.elementor-element-5bcd955::before, .elementor-124 .elementor-element.elementor-element-5bcd955 > .elementor-background-video-container::before, .elementor-124 .elementor-element.elementor-element-5bcd955 > .e-con-inner > .elementor-background-video-container::before, .elementor-124 .elementor-element.elementor-element-5bcd955 > .elementor-background-slideshow::before, .elementor-124 .elementor-element.elementor-element-5bcd955 > .e-con-inner > .elementor-background-slideshow::before, .elementor-124 .elementor-element.elementor-element-5bcd955 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-124 .elementor-element.elementor-element-0bd6b7c img{width:100%;max-width:100%;height:125px;}.elementor-124 .elementor-element.elementor-element-9548a55{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:20px 40px;--row-gap:20px;--column-gap:40px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-124 .elementor-element.elementor-element-729db8e .elementor-menu-toggle{margin:0 auto;}.elementor-124 .elementor-element.elementor-element-729db8e .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-a0e05c5 );fill:var( --e-global-color-a0e05c5 );}.elementor-124 .elementor-element.elementor-element-729db8e .elementor-nav-menu--main .elementor-item:hover,
					.elementor-124 .elementor-element.elementor-element-729db8e .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-124 .elementor-element.elementor-element-729db8e .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-124 .elementor-element.elementor-element-729db8e .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-124 .elementor-element.elementor-element-9548a55{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:767px){.elementor-124 .elementor-element.elementor-element-657472c:not(.elementor-motion-effects-element-type-background), .elementor-124 .elementor-element.elementor-element-657472c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://surmersolutions.co.ke/wp-content/uploads/2025/10/clean-4239069-scaled.jpg");background-position:center right;}.elementor-124 .elementor-element.elementor-element-657472c{--overlay-opacity:0.49;}.elementor-124 .elementor-element.elementor-element-0bd6b7c{width:auto;max-width:auto;}.elementor-124 .elementor-element.elementor-element-0bd6b7c img{max-width:95%;}.elementor-124 .elementor-element.elementor-element-9548a55{--min-height:0px;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-124 .elementor-element.elementor-element-657472c{--content-width:100%;}.elementor-124 .elementor-element.elementor-element-5bcd955{--width:33.3333%;}.elementor-124 .elementor-element.elementor-element-9548a55{--width:66.6666%;}}/* Start custom CSS for nav-menu, class: .elementor-element-729db8e *//***** OFF-CANVAS MENU FROM RIGHT – TRANSPARENT LIGHT GREY *****/

/* Main dropdown container */
.elementor-nav-menu--dropdown {
  position: fixed !important;
  top: 0;
  right: 0;
  height: 100vh;
  width: 280px;
  background: rgba(245, 245, 245, 0.9); /* light grey with 90% opacity */
  backdrop-filter: blur(8px); /* soft blur effect */
  -webkit-backdrop-filter: blur(8px); /* for Safari */
  z-index: 99999 !important;
  transform: translateX(100%);
  transition: transform 0.4s ease-in-out;
  padding: 80px 30px 30px 30px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15); /* soft left shadow */
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

/* Active state */
.elementor-nav-menu--dropdown.elementor-active {
  transform: translateX(0);
}

/* Menu items */
.elementor-nav-menu--dropdown a,
.elementor-nav-menu--dropdown .elementor-item {
  color: #0d2333 !important; /* dark text for contrast */
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  text-decoration: none;
}

/* Hover effect */
.elementor-nav-menu--dropdown a:hover {
  color: #50b7cb !important; /* blue hover */
}

/* Overlay */
.elementor-menu-toggle.elementor-active::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  z-index: 99998;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-657472c */.elementor-124 .elementor-element.elementor-element-657472c {
  position: sticky;
  top: 0;
  z-index: 999;
  transition: all 0.3s ease-in-out;
  background-color: #ffffff;
  box-shadow: none;
}

header.shrink {
  background-color: #ffffff;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}/* End custom CSS */