.elementor-1074 .elementor-element.elementor-element-d433673{--display:flex;--min-height:700px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1074 .elementor-element.elementor-element-d433673:not(.elementor-motion-effects-element-type-background), .elementor-1074 .elementor-element.elementor-element-d433673 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sais.co.za/wp-content/uploads/2026/07/Group-461.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1074 .elementor-element.elementor-element-d433673.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-1074 .elementor-element.elementor-element-7d6e17c .elementor-heading-title{font-family:"Batica Sans", Sans-serif;font-size:40px;font-weight:400;line-height:1.2em;color:var( --e-global-color-cwhite );}.elementor-1074 .elementor-element.elementor-element-ec3c762{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{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 );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1074 .elementor-element.elementor-element-6f362c0{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Givonic", Sans-serif;font-size:14px;font-weight:400;line-height:1.6em;color:#6B7280;}.elementor-1074 .elementor-element.elementor-element-6f362c0.elementor-element{--align-self:center;}.elementor-1074 .elementor-element.elementor-element-6f362c0 a{color:#F47721;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1074 .elementor-element.elementor-element-d433673{--padding-top:0px;--padding-bottom:1px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1074 .elementor-element.elementor-element-7d6e17c .elementor-heading-title{font-size:38px;}.elementor-1074 .elementor-element.elementor-element-ec3c762{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1074 .elementor-element.elementor-element-6f362c0{font-size:18px;}}@media(max-width:767px){.elementor-1074 .elementor-element.elementor-element-d433673{--min-height:417px;--padding-top:150px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1074 .elementor-element.elementor-element-7d6e17c .elementor-heading-title{font-size:30px;}.elementor-1074 .elementor-element.elementor-element-ec3c762{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1074 .elementor-element.elementor-element-6f362c0{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:16px;}}/* Start custom CSS for text-editor, class: .elementor-element-6f362c0 */h2{
    color: #F47721;
    font-family: 'batica sans';
}

h3{
    color: #F47721;
    font-family: 'batica sans';
    font-size: 20px ;
}/* End custom CSS */
/* Start custom CSS */.cutout-hero{
  position: relative;
  width: 100%;
  overflow: hidden;
  /* NO aspect-ratio / height here — you control the height in Elementor
     (Container ▸ Layout ▸ Min Height), per device via the device switcher.
     The mask below is 100% 100%, so the shape fills whatever height you set. */
 
  /* exact Figma cut-out shape (node 1:338) */
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1120" preserveAspectRatio="none"><path d="M1920 103.2V0H0V927.46H223.39C126.79 964.61 71.8 1031.01 40.55 1120H1920V634.4H1696.61C1892.45 559.08 1917.28 363.54 1920 103.2Z" fill="black"/></svg>') center / 100% 100% no-repeat;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1120" preserveAspectRatio="none"><path d="M1920 103.2V0H0V927.46H223.39C126.79 964.61 71.8 1031.01 40.55 1120H1920V634.4H1696.61C1892.45 559.08 1917.28 363.54 1920 103.2Z" fill="black"/></svg>') center / 100% 100% no-repeat;
}
 
/* gradient scrim — exact Figma stops (#D9D9D9 0% opacity → #252641 90% opacity) */
.cutout-hero::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(217,217,217,0) 3%, rgba(37,38,65,.9) 100%);
  pointer-events: none;
}
 
/* keep any text/buttons ABOVE the gradient */
.cutout-hero > *{ position: relative; z-index: 1; }
 
/* ---- responsive ----
   The full shape is locked to 1920:1120. We KEEP that ratio on every device
   so the complete shape (right notch + bottom-left scoop) never distorts.
   It simply scales down with the screen width — that IS the responsive behaviour.
   Do NOT set a different aspect-ratio per device, or the mask will stretch. */
 
/* keep the subject framed as the band gets shorter on small screens */
@media (max-width:767px){
  .cutout-hero{ background-position: 32% center !important; }
}
 
/* ---- optional modifiers (add a 2nd class alongside cutout-hero) ---- */
.cutout-hero.is-flipped{ transform: scaleX(-1); }         /* mirror the cut-outs */
.cutout-hero.is-flipped > *{ transform: scaleX(-1); }     /* un-mirror content   */
.cutout-hero.no-scrim::after{ display: none; }            /* drop the gradient   *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Batica Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.sais.co.za/wp-content/uploads/2026/07/BaticaSans-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Batica Sans';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: ;
}
@font-face {
	font-family: 'Batica Sans';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.sais.co.za/wp-content/uploads/2026/07/BaticaSans-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Batica Sans';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.sais.co.za/wp-content/uploads/2026/07/BaticaSans-BoldItalic.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Givonic';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.sais.co.za/wp-content/uploads/2026/07/Givonic-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Givonic';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.sais.co.za/wp-content/uploads/2026/07/Givonic-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Givonic';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.sais.co.za/wp-content/uploads/2026/07/Givonic-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */