.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-21732 .elementor-element.elementor-element-ubhdr01{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.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-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-shortcode .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-shortcode .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}@media(max-width:767px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-shortcode .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-shortcode .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}/* Start custom CSS */.elementor-location-header{position:relative;z-index:999}
#ubh{font-family:Inter,sans-serif;color:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
#ubh *{box-sizing:border-box}
#ubh a{color:inherit;text-decoration:none}
#ubh a:hover,#ubh a:focus{color:inherit}
#ubh img{display:block;max-width:100%;height:auto}
#ubh ul,#ubh ol{margin:0;padding:0;list-style:none}
#ubh p,#ubh h3{margin:0}
#ubh button{font:inherit;color:inherit;background:none;border:0;border-radius:0;padding:0;margin:0;cursor:pointer;text-transform:none;letter-spacing:normal;line-height:inherit;box-shadow:none}
#ubh button:hover,#ubh button:focus{background-color:transparent;color:inherit}
#ubh .ub-burger:hover,#ubh .ub-burger:focus{background-color:rgba(173,166,198,.24)}
#ubh .ub-link{border-radius:999px}
#ubh .ub-cta,#ubh .ub-cta:hover{color:#413469}
#ubh .ub-logo img{height:44px;width:auto}
#ubh .ub-logo{transition:opacity .4s}
#ubh{--bg:#323057;--deep:#262544;--card:#474574;--card2:#5F557F;--lav:#ADA6C6;--ink:#2B274E;--amber:#FFB335;--btn:#413469;--up:https://test.theagencydev.co.za/wp-content/uploads}
#ubh .ub-header{position:relative;z-index:100;padding:18px 4%;transition:padding .45s cubic-bezier(.2,.8,.2,1)}
#ubh .ub-bar{position:relative;display:flex;align-items:center;gap:28px;padding:10px 12px 10px 22px;border-radius:999px;border:1px solid transparent;transition:background .45s,border-color .45s,box-shadow .45s,padding .45s}

#ubh .ub-header .ub-bar{background:rgba(38,37,68,.78);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-color:rgba(173,166,198,.18);box-shadow:0 18px 50px -20px rgba(0,0,0,.6)}
#ubh .ub-logo{display:flex;align-items:center;gap:12px;flex:none}
#ubh .ub-logo img{height:44px;width:auto;transition:height .45s}

#ubh .ub-logo span{font-family:"Inria Serif",serif;font-size:19px;letter-spacing:.14em;text-transform:uppercase;line-height:1}
#ubh .ub-logo small{display:block;font-family:Inter,sans-serif;font-size:9px;letter-spacing:.42em;color:var(--lav);margin-top:4px}
#ubh .ub-nav{display:flex;align-items:center;gap:6px;margin:0 auto;position:relative}
#ubh .ub-nav > li{list-style:none}
#ubh .ub-link{display:flex;align-items:center;gap:7px;padding:10px 16px;font-size:15px;font-weight:500;color:#eeeaf7;border-radius:999px;transition:color .25s}
#ubh .ub-link:hover,#ubh .ub-link[aria-expanded="true"]{color:#fff}
#ubh .ub-link .chev{width:9px;height:9px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .35s}
#ubh .ub-link[aria-expanded="true"] .chev{transform:translateY(2px) rotate(-135deg)}
#ubh .ub-glide{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:rgba(173,166,198,.14);opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.2,.8,.2,1),width .4s cubic-bezier(.2,.8,.2,1),opacity .3s}
#ubh .ub-cta{flex:none;display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;background:var(--amber);color:var(--btn);font-weight:600;font-size:15px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}
#ubh .ub-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s}
#ubh .ub-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px rgba(255,179,53,.7)}
#ubh .ub-cta:hover::before{transform:translateX(120%)}
#ubh .ub-cta .arrow{transition:transform .3s}
#ubh .ub-cta:hover .arrow{transform:translateX(4px)}
#ubh .ub-mega{position:absolute;top:calc(100% + 14px);left:0;right:0;border-radius:28px;background:linear-gradient(180deg,#2c2a4d 0%,#262544 100%);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(173,166,198,.18);box-shadow:0 40px 80px -30px rgba(0,0,0,.7);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.985);transform-origin:top center;transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s .45s}
#ubh .ub-mega.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s}
#ubh .ub-mega::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,179,53,.16),transparent 65%);top:-200px;left:-120px;animation:ubDrift 14s ease-in-out infinite alternate;pointer-events:none}
@keyframes ubDrift{to{transform:translate(260px,120px)}}
#ubh .ub-mega-inner{position:relative;display:grid;grid-template-columns:1.15fr 1fr 1.05fr;gap:10px;padding:14px}
#ubh .ub-col{padding:26px 22px}
#ubh .ub-eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--lav);margin-bottom:16px}
#ubh .ub-item{display:flex;gap:16px;align-items:flex-start;padding:12px 14px;margin:0 -14px;border-radius:18px;transition:background .3s}
#ubh .ub-item:hover{background:rgba(173,166,198,.1)}
#ubh .ub-item .ic{flex:none;width:52px;height:52px;border-radius:16px;background:rgba(173,166,198,.12);display:grid;place-items:center;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .3s}
#ubh .ub-item .ic img{width:42px;height:42px;object-fit:contain}
#ubh .ub-item:hover .ic{transform:rotate(-6deg) scale(1.08);background:rgba(255,179,53,.18)}
#ubh .ub-item b{display:block;font-family:"Inria Serif",serif;font-weight:400;font-size:19px;line-height:1.25}
#ubh .ub-item span{display:block;font-size:13.5px;color:#cfc9e4;line-height:1.5;margin-top:3px}
#ubh .ub-item b i{font-style:normal;display:inline-block;margin-left:6px;color:var(--amber);opacity:0;transform:translateX(-6px);transition:.3s}
#ubh .ub-item:hover b i{opacity:1;transform:none}
#ubh .ub-mini{display:flex;gap:14px;align-items:center;padding:10px;margin:0 -10px;border-radius:16px;transition:background .3s}
#ubh .ub-mini:hover{background:rgba(173,166,198,.1)}
#ubh .ub-mini img{width:74px;height:56px;border-radius:12px;object-fit:cover;flex:none}
#ubh .ub-mini b{font-weight:500;font-size:14.5px;line-height:1.4;display:block}
#ubh .ub-mini span{font-size:12px;color:var(--lav)}
#ubh .ub-all{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:14px;font-weight:600;color:var(--amber)}
#ubh .ub-all:hover .arrow{transform:translateX(4px)}
#ubh .ub-all .arrow{transition:transform .3s}
#ubh .ub-feature{position:relative;border-radius:22px;overflow:hidden;min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;isolation:isolate}
#ubh .ub-feature .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.04);transition:transform 6s ease-out}
#ubh .ub-mega.is-open .ub-feature .bg{transform:scale(1.12)}
#ubh .ub-feature::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(38,37,68,0) 25%,rgba(38,37,68,.92) 100%)}
#ubh .ub-feature .tag{align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,179,53,.95);color:var(--btn);padding:6px 12px;border-radius:999px;margin-bottom:12px}
#ubh .ub-feature h3{font-family:"Inria Serif",serif;font-weight:400;font-size:26px;line-height:1.2}
#ubh .ub-feature p{font-size:14px;color:#e2ddf0;margin-top:8px}
#ubh .ub-badges{display:flex;gap:10px;margin-top:16px}
#ubh .ub-badges img{height:40px;width:auto;transition:transform .3s}
#ubh .ub-badges a:hover img{transform:translateY(-2px)}
#ubh .ub-foot{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 36px;border-top:1px solid rgba(173,166,198,.14);font-size:13.5px;color:#cfc9e4}
#ubh .ub-foot a{color:#fff;font-weight:500;border-bottom:1px solid rgba(255,179,53,.6)}
#ubh .ub-mega [data-s]{opacity:0;transform:translateY(12px);transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1)}
#ubh .ub-mega.is-open [data-s]{opacity:1;transform:none;transition-delay:calc(var(--i,0) * 55ms + 90ms)}
#ubh .ub-burger{display:none;width:48px;height:48px;border-radius:50%;background:rgba(173,166,198,.16);position:relative;flex:none;z-index:3}
#ubh .ub-burger i{position:absolute;left:14px;right:14px;height:1.8px;border-radius:2px;background:#fff;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s,top .45s}
#ubh .ub-burger i:nth-child(1){top:17px}
#ubh .ub-burger i:nth-child(2){top:23px;right:20px}
#ubh .ub-burger i:nth-child(3){top:29px}
#ubh.is-menu .ub-burger i:nth-child(1){top:23px;transform:rotate(45deg)}
#ubh.is-menu .ub-burger i:nth-child(2){opacity:0;transform:translateX(-8px)}
#ubh.is-menu .ub-burger i:nth-child(3){top:23px;transform:rotate(-45deg)}
#ubh .ub-mobile{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;overflow-y:auto;background:linear-gradient(180deg,var(--deep) 0%,var(--bg) 70%);clip-path:circle(0 at calc(100% - 44px) 44px);visibility:hidden;transition:clip-path .75s cubic-bezier(.7,0,.2,1),visibility 0s .75s}
#ubh.is-menu .ub-mobile{clip-path:circle(150% at calc(100% - 44px) 44px);visibility:visible;transition:clip-path .75s cubic-bezier(.7,0,.2,1),visibility 0s}
#ubh .ub-mobile-inner{padding:140px 24px 0;flex:1}
#ubh .ub-m-link,#ubh .ub-m-toggle{display:flex;width:100%;align-items:baseline;gap:14px;padding:14px 0;border-bottom:1px solid rgba(173,166,198,.16);font-family:"Inria Serif",serif;font-size:26px;line-height:1.15;text-align:left}
#ubh .ub-m-link em,#ubh .ub-m-toggle em{font-style:normal;font-family:Inter,sans-serif;font-size:12px;color:var(--amber);letter-spacing:.1em;min-width:22px}
#ubh .ub-m-toggle .plus{margin-left:auto;align-self:center;position:relative;width:16px;height:16px}
#ubh .ub-m-toggle .plus::before,#ubh .ub-m-toggle .plus::after{content:"";position:absolute;left:0;right:0;top:7px;height:1.6px;background:#fff;transition:transform .4s}
#ubh .ub-m-toggle .plus::after{transform:rotate(90deg)}
#ubh .ub-m-toggle[aria-expanded="true"] .plus::after{transform:rotate(0)}
#ubh .ub-m-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)}
#ubh .ub-m-sub.is-open{grid-template-rows:1fr}
#ubh .ub-m-sub > div{overflow:hidden}
#ubh .ub-m-sub ul{list-style:none;padding:10px 0 14px 36px}
#ubh .ub-m-sub li a{display:flex;align-items:center;gap:14px;padding:9px 0;font-size:16px;color:#e6e2f2}
#ubh .ub-m-sub li img{width:36px;height:36px;object-fit:contain;flex:none}
#ubh .ub-mobile [data-m]{opacity:0;transform:translateY(24px);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
#ubh.is-menu .ub-mobile [data-m]{opacity:1;transform:none;transition-delay:calc(var(--i,0) * 70ms + 280ms)}
#ubh .ub-m-cta{margin-top:30px;width:100%;justify-content:center;padding:16px 22px;font-size:16px}
#ubh .ub-m-app{margin-top:22px;font-size:13px;color:var(--lav);text-align:center}
#ubh .ub-m-app .ub-badges{justify-content:center;margin-top:10px}
#ubh .ub-m-scene{position:relative;margin-top:30px;height:78vw;max-height:420px;background:url("https://test.theagencydev.co.za/wp-content/uploads/2026/09/content-standards-together.webp") 58% 100%/cover no-repeat;flex:none}
#ubh .ub-m-scene::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--bg) 0%,rgba(50,48,87,.55) 30%,rgba(50,48,87,0) 60%)}
#ubh .ub-m-legal{position:absolute;left:0;right:0;bottom:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:12px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6);padding:0 20px}
@media(max-width:1100px){#ubh .ub-link{padding:10px 12px}
#ubh .ub-mega-inner{grid-template-columns:1fr 1fr}
#ubh .ub-mega-inner .ub-feature{grid-column:1/-1;min-height:220px}}
@media(max-width:960px){#ubh .ub-nav,#ubh .ub-bar > .ub-cta{display:none}
#ubh .ub-burger{display:block;margin-left:auto}
#ubh .ub-bar{padding:8px 8px 8px 16px}
#ubh .ub-logo img{height:38px}
#ubh .ub-header.is-menu .ub-bar{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none}}#ubh .ub-feature .bg{height:100% !important;width:100% !important;max-width:none !important;object-fit:cover}/* End custom CSS */