/* Hide legacy Futurio navigation, emergency banner and old info bars; retain WP admin bar */
body .top-bar-section,body .main-menu,body .sg-awaria-banner,body .site-header,body header.site-header,body .navbar,body .navbar-default,body .top-bar,body .topbar,body .header-top,body .header-top-bar,body .top-header,body .header-contact,body .header-contacts,body .header-widget-area,body .site-branding,body .main-navigation,body .futurio-top-bar{display:none!important}
body .sg-top,body .sg-top-nav,body .sg-top-logo{display:flex!important}
body .sg-top{display:block!important}
body .sg-top-nav{display:flex!important}
@media(max-width:1050px){body .sg-top-nav{display:none!important}body .sg-top-nav.sg-open{display:flex!important}}
body.home .sgi-brand{display:none!important}
body.home .sgi-hero{min-height:650px!important;padding-top:80px!important}
body.home .sgi-hero-content{max-width:690px!important}
body.home .sgi{margin-top:0!important}
body.home .main-container{padding-top:0!important}
body.home .sg-top + .page-wrap{margin-top:0!important}
@media(max-width:650px){body.home .sgi-hero{min-height:520px!important;padding-top:55px!important}}


/* Corrected viewport breakout: anchor the section to viewport center, not its constrained parent */
@media(min-width:1100px){
 body.home .sgi{position:relative!important;left:50%!important;transform:translateX(-50%)!important;width:100vw!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important;overflow:visible!important}
 body.home .sgi-hero{box-sizing:border-box!important;display:block!important;width:100%!important;min-height:620px!important;padding:110px 6vw 85px!important;background-size:cover!important;background-position:center!important}
 body.home .sgi-hero-content{display:block!important;position:relative!important;visibility:visible!important;opacity:1!important;max-width:710px!important;width:100%!important;margin:0!important;transform:none!important}
 body.home .sgi-hero-content h1,body.home .sgi-hero-content p,body.home .sgi-hero-content .sgi-actions,body.home .sgi-hero-content .sgi-eyebrow{visibility:visible!important;opacity:1!important}
 body.home .sgi-strip{box-sizing:border-box!important;width:100%!important}
}
@media(min-width:1051px){.sg-top-logo{width:350px!important;flex-basis:350px!important}.sg-top-logo img{height:94px!important;transform:scale(1.25)!important}}
@media(min-width:1051px) and (max-width:1450px){.sg-top-logo{width:265px!important;flex-basis:265px!important}.sg-top-logo img{height:85px!important}}

/* Center the breakout relative to the viewport and protect the left edge.
   Earlier rules used margin-left based on the inner container, which clipped content. */
@media(min-width:1100px){
 body.home .sgi{position:relative!important;left:50%!important;transform:translateX(-50%)!important;margin-left:0!important;margin-right:0!important;width:100vw!important;max-width:100vw!important}
 body.home .sgi-hero{box-sizing:border-box!important;padding-left:max(6vw,70px)!important;padding-right:max(6vw,70px)!important}
 body.home .sgi-strip{box-sizing:border-box!important;width:100%!important;padding-left:max(6vw,70px)!important;padding-right:max(6vw,70px)!important}
}
@media(max-width:1099px){body.home .sgi{position:relative!important;left:auto!important;transform:none!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;max-width:100%!important}}
/* Final alignment fixes */
body.home .page-wrap,body.home .main-container,body.home .site-content,body.home .content-area{margin-top:0!important;padding-top:0!important}
body.home .sgi{margin-top:0!important}
body.home .sgi-hero{border-radius:0!important}
body.home .sgi-strip{padding-left:clamp(22px,5.5vw,96px)!important;padding-right:clamp(22px,5.5vw,96px)!important}
@media(min-width:1100px){
 body.home .sgi{left:50%!important;transform:translateX(-50%)!important;width:100vw!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important}
 body.home .sgi-hero{padding-left:clamp(48px,6vw,120px)!important;padding-right:clamp(48px,6vw,120px)!important}
 body.home .sgi-strip{display:flex!important;justify-content:space-between!important;align-items:stretch!important}
 body.home .sgi-strip-item{min-width:0!important;flex:1 1 0!important}
}
@media(min-width:1051px){.sg-top-logo{overflow:visible!important;width:320px!important;flex-basis:320px!important}.sg-top-logo img{height:94px!important;transform:scale(1.65)!important;transform-origin:left center!important}}
@media(min-width:1051px) and (max-width:1450px){.sg-top-logo{width:270px!important;flex-basis:270px!important}.sg-top-logo img{height:85px!important;transform:scale(1.5)!important}}
@media(max-width:1099px){body.home .sgi-hero{padding-left:clamp(20px,5vw,60px)!important;padding-right:clamp(20px,5vw,60px)!important}body.home .sgi-strip{padding-left:20px!important;padding-right:20px!important}}

@media(max-width:1099px){body.home .sgi{max-width:100%!important;width:100%!important}body.home .sgi-hero{border-radius:0!important}}
/* Logo: preserve the entire original image; never clip or scale beyond its box. */
.sg-top-logo{overflow:visible!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:100px!important}
.sg-top-logo img{display:block!important;width:100%!important;height:100px!important;max-height:100px!important;object-fit:contain!important;object-position:center center!important;transform:none!important}
@media(min-width:1051px){
 .sg-top-inner{min-height:122px!important}
 .sg-top-logo{width:330px!important;flex:0 0 330px!important;min-height:110px!important}
 .sg-top-logo img{height:110px!important;max-height:110px!important;transform:none!important}
}
@media(min-width:1051px) and (max-width:1450px){
 .sg-top-logo{width:290px!important;flex-basis:290px!important}
 .sg-top-logo img{height:100px!important;max-height:100px!important}
}
@media(max-width:1050px){
 .sg-top-logo{min-height:70px!important}
 .sg-top-logo img{height:70px!important;max-height:70px!important;transform:none!important}
}
@media(max-width:640px){
 .sg-top-logo{min-height:60px!important;width:155px!important;flex-basis:155px!important}
 .sg-top-logo img{height:60px!important;max-height:60px!important;transform:none!important}
}
/* Fix viewport-wide content and right-side whitespace from the narrow Futurio content wrapper.
   Use the actual viewport width and offset by the wrapper's bounding center. */
body.home{overflow-x:clip!important}
body.home .page-wrap,body.home .main-container,body.home .site-content,body.home .content-area,body.home article,body.home .entry-content{max-width:none!important;width:100%!important}
body.home .main-container.container,body.home .page-wrap .container,body.home .site-content .container,body.home .content-area .container{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}
body.home .sgi-hero,body.home .sgi-strip{margin-left:0!important;margin-right:0!important}
@media(min-width:1100px){
 body.home .sgi{box-sizing:border-box!important;width:100vw!important;max-width:100vw!important;position:relative!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important}
 body.home .sgi-hero{box-sizing:border-box!important;width:100%!important;max-width:100%!important;background-size:cover!important;background-position:center!important}
 body.home .sgi-strip{box-sizing:border-box!important;width:100%!important;max-width:100%!important}
}
/* Final structural correction: the parent container is now full-width.
   Do not shift the child 50% again: that was cutting the entire left side. */
@media(min-width:1100px){
 body.home .sgi{left:0!important;right:auto!important;transform:none!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important}
 body.home .sgi-hero{width:100%!important;max-width:100%!important;padding-left:clamp(48px,6vw,110px)!important;padding-right:clamp(48px,6vw,110px)!important}
 body.home .sgi-strip{width:100%!important;max-width:100%!important;padding-left:clamp(48px,6vw,110px)!important;padding-right:clamp(48px,6vw,110px)!important}
 body.home .sgi-about,body.home .sgi-qualifications,body.home .sgi-services,body.home .sgi-steps,body.home .sgi-final{box-sizing:border-box!important;padding-left:clamp(32px,5vw,100px)!important;padding-right:clamp(32px,5vw,100px)!important}
}
@media(max-width:1099px){body.home .sgi{left:0!important;transform:none!important;margin:0 auto!important}}
/* Flush the hero with the header and give copy a consistent inset. */
body.home .page-wrap{padding-top:0!important;margin-top:0!important}
body.home .sgi-hero{margin-top:0!important}
@media(min-width:1100px){
 body.home .sgi-hero{padding-left:clamp(76px,7vw,140px)!important;padding-right:clamp(60px,6vw,120px)!important}
 body.home .sgi-strip{padding-left:clamp(76px,7vw,140px)!important;padding-right:clamp(60px,6vw,120px)!important}
}
@media(max-width:1099px){body.home .sgi-hero{padding-left:clamp(24px,5vw,70px)!important;padding-right:clamp(24px,5vw,70px)!important}}


