.elementor-151 .elementor-element.elementor-element-23e6770{--display:flex;--min-height:400px;--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;--justify-content:center;--overlay-opacity:0.13;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-151 .elementor-element.elementor-element-23e6770::before, .elementor-151 .elementor-element.elementor-element-23e6770 > .elementor-background-video-container::before, .elementor-151 .elementor-element.elementor-element-23e6770 > .e-con-inner > .elementor-background-video-container::before, .elementor-151 .elementor-element.elementor-element-23e6770 > .elementor-background-slideshow::before, .elementor-151 .elementor-element.elementor-element-23e6770 > .e-con-inner > .elementor-background-slideshow::before, .elementor-151 .elementor-element.elementor-element-23e6770 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://thehda.prodigydsp.co.za/wp-content/uploads/2026/09/Scheffield-7.jpg");--background-overlay:'';background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-151 .elementor-element.elementor-element-b214280 .elementor-button{background-color:#F5821F3B;font-family:"Roboto", Sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:2.7px;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:100px 100px 100px 100px;padding:7px 15px 5px 15px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-151 .elementor-element.elementor-element-9b8eafd{text-align:center;}.elementor-151 .elementor-element.elementor-element-9b8eafd .elementor-heading-title{color:var( --e-global-color-b7e516b );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-151 .elementor-element.elementor-element-827f2d4{padding:0px 220px 0px 220px;text-align:center;color:var( --e-global-color-b7e516b );}.elementor-151 .elementor-element.elementor-element-cb20c55{--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;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-23e6770 *//* Page Header Gradient Mesh + Geometric SVG Texture */
.hda-header-pattern {
  background-color: #001220 !important;
  background-image: 
    radial-gradient(at 10% 20%, rgba(0, 108, 184, 0.5) 0px, transparent 50%),
    radial-gradient(at 90% 10%, rgba(245, 130, 31, 0.15) 0px, transparent 50%),
    radial-gradient(at 50% 80%, rgba(57, 181, 74, 0.15) 0px, transparent 50%),
    
  position: relative !important;
}

/* Optional: Tri-Color Accent Line at the Bottom (Blue / Orange / Green) */
.hda-header-border-accent {
  position: relative !important;
}

.hda-header-border-accent::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 6px !important;
  background: linear-gradient(90deg, #006CB8 0%, #006CB8 33.33%, #F5821F 33.33%, #F5821F 66.66%, #39B54A 66.66%, #39B54A 100%) !important;
}/* End custom CSS */