.elementor-1665 .elementor-element.elementor-element-21dd0e52{--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;}.elementor-1665 .elementor-element.elementor-element-11a799fa{--display:flex;--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;--justify-content:space-between;--align-items:center;--border-radius:20px 20px 20px 20px;}.elementor-1665 .elementor-element.elementor-element-11a799fa:not(.elementor-motion-effects-element-type-background), .elementor-1665 .elementor-element.elementor-element-11a799fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1665 .elementor-element.elementor-element-2c55ae07 img{width:196px;}.elementor-1665 .elementor-element.elementor-element-9d8dfca .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__link--top-level,
							.elementor-1665 .elementor-element.elementor-element-9d8dfca .jet-mega-menu.jet-mega-menu--layout-vertical .jet-mega-menu-item__link--top-level{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1em;}.elementor-1665 .elementor-element.elementor-element-9d8dfca{--jmm-top-items-ver-padding:12px;--jmm-top-items-hor-padding:12px;--jmm-top-items-gap:20px;--jmm-top-item-icon-color:#001233CC;--jmm-top-item-title-color:#001233CC;--jmm-top-item-dropdown-icon-color:#001233CC;--jmm-sub-item-title-color:var( --e-global-color-accent );--jmm-top-hover-item-title-color:var( --e-global-color-secondary );--jmm-sub-hover-item-title-color:var( --e-global-color-secondary );--jmm-top-active-item-title-color:#001233CC;--jmm-sub-active-item-title-color:var( --e-global-color-accent );}.elementor-1665 .elementor-element.elementor-element-9d8dfca .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__link--sub-level,
							.elementor-1665 .elementor-element.elementor-element-9d8dfca .jet-mega-menu.jet-mega-menu--layout-vertical .jet-mega-menu-item__link--sub-level{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;line-height:1.6em;letter-spacing:0em;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-1665 .elementor-element.elementor-element-735fb45a .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:0em;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:none;border-radius:100px 100px 100px 100px;padding:17px 24px 17px 24px;}.elementor-1665 .elementor-element.elementor-element-2f367370{--display:flex;--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;--justify-content:space-between;--align-items:center;--border-radius:20px 20px 20px 20px;}.elementor-1665 .elementor-element.elementor-element-2f367370:not(.elementor-motion-effects-element-type-background), .elementor-1665 .elementor-element.elementor-element-2f367370 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1665 .elementor-element.elementor-element-7fda7283 img{width:196px;}.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-1665 .elementor-element.elementor-element-21dd0e52{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(min-width:768px){.elementor-1665 .elementor-element.elementor-element-21dd0e52{--width:1416px;}.elementor-1665 .elementor-element.elementor-element-11a799fa{--width:1416px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1665 .elementor-element.elementor-element-21dd0e52{--width:100%;}.elementor-1665 .elementor-element.elementor-element-2f367370{--width:96.87%;}}@media(max-width:767px){.elementor-1665 .elementor-element.elementor-element-21dd0e52{--width:100%;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-1665 .elementor-element.elementor-element-2f367370{--width:95%;}}/* Start custom CSS for jet-mega-menu, class: .elementor-element-9d8dfca */.elementor-1665 .elementor-element.elementor-element-9d8dfca li.current_page_item .jet-mega-menu-item__label, 
.elementor-1665 .elementor-element.elementor-element-9d8dfca li.jet-mega-current-menu-item .jet-mega-menu-item__label,
.elementor-1665 .elementor-element.elementor-element-9d8dfca li.jet-mega-menu-item--current .jet-mega-menu-item__link--top-level .jet-mega-menu-item__label {
    font-weight: 700;
}

.elementor-1665 .elementor-element.elementor-element-9d8dfca .jet-mega-menu-sub-menu__list .jet-mega-current-menu-item .jet-mega-menu-item__label {
    text-decoration: underline;
}

.elementor-1665 .elementor-element.elementor-element-9d8dfca .active-link {
  font-weight: 700;
  text-decoration: underline;
}

.elementor-1665 .elementor-element.elementor-element-9d8dfca .jet-mega-menu-item__inner:hover .jet-mega-menu-item__dropdown svg path {
    stroke: #0466C8;
} 

.elementor-1665 .elementor-element.elementor-element-9d8dfca .jet-mega-menu-sub-menu__list {
    background-image: url('https://techblox.co.za/wp-content/uploads/2026/02/industries.png') !important;
    background-position: center center;
    background-size: cover;
    padding: 32px;
    border-radius: 0 0 24px 24px;
        transform: translateX(100px);
}

.elementor-1665 .elementor-element.elementor-element-9d8dfca .jet-mega-menu-item--hover svg {
    transform: rotate(180deg);
}

.elementor-1665 .elementor-element.elementor-element-9d8dfca nav {
    padding: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11a799fa *//*Desktop*/
@media only screen and (max-width: 1024.5px) {
    .elementor-1665 .elementor-element.elementor-element-11a799fa {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f367370 *//*Responsive*/
@media only screen and (min-width: 1024.5px) {
    .elementor-1665 .elementor-element.elementor-element-2f367370 {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS */body.single-service .jet-mega-menu-item__link--top-level[href*="/services/"] .jet-mega-menu-item__label {
  font-weight: 700;
}

#header div.e-con-inner {
    overflow-x: clip;
}

/*Sticky Header*/
/*Normal state header styling*/
header {
    height: 112.82px;
}
#header {
    transition: all 0.3s ease-in-out;
}

#header #desktop-nav {
	transition: all 0.3s ease-in-out !important;
	padding: 14.41px 58px;
	margin: 12px auto;
}

/*Sticky header styling*/
#header.sticky #desktop-nav  {
    padding: 7.21px 58px !important;
    margin: 6px auto 0;
    box-shadow: 0 8px 32px rgba(0, 18, 51, 0.15);
}
#header.sticky #responsive-nav  {
    box-shadow: 0 8px 32px rgba(0, 18, 51, 0.15);
}

/*Header logo/cta button styling*/
#header #desktop-logo,  #header #desktop-cta {
	transition: all 0.3s ease-in-out;
}

.sticky #desktop-logo {
	 transform: scale(0.9); 
	 margin-left: -9.8px;
}

.sticky #desktop-cta {
	 transform: translateX(7.05px) scale(0.9);
}

#header.sticky .jet-mega-menu-mega-container__inner {
    transition: all 0.3s ease-in-out;
}
#header.sticky .jet-mega-menu-mega-container__inner {
    top: 16px;
    left: -415px;
}

#responsive-nav #cst_mobile_menu a {
    transition: top 0.3s ease-in-out;
}
/* Tablet*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    header {
        height: 113;
    }
    #header #responsive-nav {
    	transition: all 0.3s ease-in-out !important;
    	padding: 14.5px 32px;
    	margin: 12px auto;
    }
    #header #responsive-nav #responsive-logo {
    	transition: all 0.3s ease-in-out !important;
    }
    
    #header.sticky #responsive-nav  {
    padding: 7.25px 32px !important;
    margin: 6px auto 0 auto;
}

  .sticky #responsive-nav #responsive-logo {
	 transform: scale(0.9); 
	 margin-left: -9.8px;
}
    #header #responsive-nav {
    min-width: 96.87% !important;
}
}
/*End Tablet*/

/*Mobile*/
@media only screen and (max-width: 767px) {
    header {
        height: 100px;
    }
    #header #responsive-nav {
    min-width: 95% !important;
}
    #header #responsive-nav {
    	transition: all 0.3s ease-in-out !important;
    	padding: 8px 16px;
    	margin: 12px auto;
   }
    #header #responsive-nav #responsive-logo {
    	transition: all 0.3s ease-in-out !important;
    }
    
    #header.sticky #responsive-nav  {
    margin: 6px auto 0 auto;
    padding: 4px 16px !important;
}

  .sticky #responsive-nav #responsive-logo {
	 transform: scale(0.9); 
	 margin-left: -9.8px;
}
    #header #responsive-nav {
    min-width: 96.87% !important;
}
}
/*End Mobile*/

header #header {
    min-width: 100%;
}
header #desktop-nav {
    max-width: 1416px !important;
}

@media only screen and (min-width: 1025px) and (max-width: 1416px) {
    header #desktop-nav {
        min-width: 98.33% !important;
        max-width: 98.33% !important;
    }
}
/*End sticky header*//* End custom CSS */