.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.digitalfoldstaging.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*/


/*Responsive Menu*/
@media only screen and (max-width: 1024px) {
    .cst_mobile_menu_top ul li a {
    color: #001233CC !important;
	}

	.cst_mobile_menu_top ul li a[aria-current="page"],
	.cst_mobile_menu_top ul li.current-menu-ancestor.current-menu-parent > a
	{
		font-weight: 700 !important;
	}
}

@media only screen and (max-width: 767px) {
	.cst_mobile_menu_top ul li a, 
	.mm-spn button.cont_quo,
	.mm-spn.mm-spn--navbar:after {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0em;
    text-transform: uppercase;
	}
	
	.mm-spn a {
		padding: 23.4px 30px;
	}
	 
	.mm-spn li#menu-item-1764 > a,
	.mm-spn li#menu-item-1652 > a {
	    width: fit-content;
	} 
	
	.mm-spn li:after {
    	border: none;
    }
	
	.mm-spn li:before {
		color: #001233CC !important;
		opacity: 1 !important;
		top: 39% !important;
	}
	
	/* hide submenu line*/
	.mm-spn li a:after {
		display: none !important;
	}
	
	/*Sub-menu Heading*/
	.mm-spn.mm-spn--navbar:after {
    margin-top: 110px;
    }
    .mm-spn.mm-spn--navbar:before {
        top: 118px;
        left: 80px;
    }
	
	.mm-spn button.cont_quo {
        color: #FFFFFF;
        border: none !important;
		margin-left: 30px;
		display: inline-flex;
        align-items: center;
        gap: 4px;
		bottom: 20%;
	}

    .mm-spn button.cont_quo::after {
      content: "";
      width: 24px;
      height: 24px;
      display: inline-block;
      background-image: url("https://techblox.digitalfoldstaging.co.za/wp-content/uploads/2026/02/Arrow-Right-2.svg");
      background-size: contain;
      background-repeat: no-repeat;
}
	
	ul#menu-mobile-menu.mm-spn--open.mm-spn--parent + button.cont_quo {
	    display: none;
	}
	
	.mm-spn .social_media_icon .social_box {
  margin-right: 12px;
}

    #menu .cst_header_top_logo {
        z-index: 5;
        margin: 0 auto !important;
    }
    
    #cst_mobile_menu a {
        top: 24px;
        right: 12px;
    }
    
    #header.sticky #responsive-nav #cst_mobile_menu a {
        top: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.cst_mobile_menu_top ul li a, 
	.mm-spn button.cont_quo,
	.mm-spn.mm-spn--navbar:after {
        font-family: Montserrat;
        font-weight: 500;
        font-size: 24px;
        line-height: 14px;
        letter-spacing: 0em;
        text-transform: uppercase;
        text-align: center;
	}
	
	.mm-spn a {
		padding: 24.7px 0;
	}
	
	/*Centre Align Menu*/
    #menu {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; 
    }
	
	.mm-spn li#menu-item-1764 > a,
	.mm-spn li#menu-item-1652 > a{
	    width: fit-content;
	}
	
	.mm-spn li:after {
	    height: 2px;
    	background-color: #F1F1F1;
    	color: transparent;
    	opacity: 1;
    	margin: 0;
    }
    
    .mm-spn li.menu-item-has-children:not(.active-submenu),
    .mm-spn li#menu-item-1652.active-submenu ul {
    border-bottom: solid 2px #F1F1F1;
}
	
	.mm-spn li:before {
		color: #001233CC !important;
		opacity: 1 !important;
		top: -7px !important;
		transform: rotate(135deg) translate(0, -50%);
		position: relative;
	}
	
	/* hide submenu line*/
	.mm-spn li a:after {
		display: none !important;
	}
	
	.mm-spn button.cont_quo {
        color: #FFFFFF;
        border: none !important;
        line-height: 1em !important;
        font-size: 1em;
        padding: 20px 30px !important;
        bottom: 30%;
	}
	
	.mm-spn .social_media_icon .social_box {
      display: none;
}

    #menu .cst_header_top_logo {
        z-index: 5;
        margin: 0 auto !important;
        width: 359px 
    }
    
    #cst_mobile_menu a {
        top: 28px;
        right: 16px;
    }
    
    #header.sticky #responsive-nav #cst_mobile_menu a {
        top: 16px;
    }
    
 .mm-spn li.menu-item-has-children {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 50px;
}

/*Sub-menu styling*/
	.mm-spn.mm-spn--navbar::after, .mm-spn.mm-spn--navbar::before,  ul.sub-menu {
  	display: none;
}
	
/*Sub-menu li*/
	li.menu-item-1764, li.menu-item-1652 {
		display: flex;
	}
	
	ul.sub-menu.active-submenu.mm-spn--open li > a {
		height: fit-content;
		padding: 24px 0;
	}
	
	span.before-trigger {
		position: absolute;
		right: 0;
		z-index: 10;
    	width: 100%;
		height: 100%;
}
	
/*Active-submenu class*/
    li .active-submenu.sub-menu {
        display: block;
        background: none;
        max-height: fit-content !important;   
    }
/*Services*/
	li.menu-item-1764 .active-submenu.sub-menu {
		top: 315px !important;
		margin-top: 24px;
		margin-bottom: 13px;
}
	li.active-submenu.menu-item-1764 + li {
    		margin-top: 190px;
}

/*Industries*/
	li.menu-item-1652 .active-submenu.sub-menu {
		top: 400px !important;
		margin-top: 24px;
		margin-bottom: 2px;
}
    li.active-submenu.menu-item-1652 + li {
    		margin-top: 350px;
}

	.sub-menu.active-submenu.mm-spn--open:before,
	.sub-menu.active-submenu.mm-spn--open:after,
	.sub-menu.active-submenu.mm-spn--open li:after
	{
    		display: none;
}

	li.active-submenu::before {
		transform: rotate(-45deg) !important;
		top: 4px !important;
	}

	nav.cst_mobile_menu_top.active-submenu button.cont_quo {
    	bottom: 5%;
	}
/*End sub-menu styling*/
} 
/*End Responsive Menu*//* End custom CSS */