:is(.st-about-preview,body:has(.st-hero-wrapper) .container-xxl:has(.img-border):has(a[href="/about-us"])){background:linear-gradient(120deg,#11243d,#193858)!important;color:#d3dfef!important;padding-block:64px!important}
:is(.st-about-preview,body:has(.st-hero-wrapper) .container-xxl:has(.img-border):has(a[href="/about-us"])) .p_htag,:is(.st-about-preview,body:has(.st-hero-wrapper) .container-xxl:has(.img-border):has(a[href="/about-us"])) h2{color:#fff!important}
:is(.st-about-preview,body:has(.st-hero-wrapper) .container-xxl:has(.img-border):has(a[href="/about-us"])) .p_htag span{color:#b9d8ff!important}
:is(.st-about-preview,body:has(.st-hero-wrapper) .container-xxl:has(.img-border):has(a[href="/about-us"])) p:not(.p_htag){color:#d3dfef!important}
:is(.st-about-preview,body:has(.st-hero-wrapper) .container-xxl:has(.img-border):has(a[href="/about-us"])) .section-title{background:transparent!important;color:#a8ceff!important}
:is(.st-about-preview,body:has(.st-hero-wrapper) .container-xxl:has(.img-border):has(a[href="/about-us"])) .section-title::before,:is(.st-about-preview,body:has(.st-hero-wrapper) .container-xxl:has(.img-border):has(a[href="/about-us"])) .section-title::after{display:none}
:is(.st-about-preview,body:has(.st-hero-wrapper) .container-xxl:has(.img-border):has(a[href="/about-us"])) .img-border{border:1px solid #ffffff25;border-radius:14px;overflow:hidden;box-shadow:0 16px 40px #0003}
:is(.st-about-preview,body:has(.st-hero-wrapper) .container-xxl:has(.img-border):has(a[href="/about-us"])) .img-border img{display:block;width:100%;height:auto}
:is(.st-about-preview,body:has(.st-hero-wrapper) .container-xxl:has(.img-border):has(a[href="/about-us"])) .btn-primary{background:#326fba!important;border-color:#689de0!important;color:#fff!important}
:is(.st-about-preview,body:has(.st-hero-wrapper) .container-xxl:has(.img-border):has(a[href="/about-us"])) .btn-primary:hover{background:#25558f!important}
@media(max-width:700px){:is(.st-about-preview,body:has(.st-hero-wrapper) .container-xxl:has(.img-border):has(a[href="/about-us"])){padding-block:40px!important}}
.st-about-preview{padding:28px!important;border-radius:12px;container-type:inline-size}
.st-about-preview-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px}
.st-about-preview p{font-size:14px;line-height:1.75}
.st-about-preview .p_htag{font-size:28px;line-height:1.2}
.st-about-preview .section-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.st-about-preview .btn-primary{display:inline-block;border:1px solid;padding:12px 20px;border-radius:6px}
.st-about-preview .preview-image-placeholder{padding:70px 20px;text-align:center;border:1px solid #ffffff25;border-radius:12px;color:#b9d8ff}
@container(max-width:650px){.st-about-preview-grid{grid-template-columns:1fr}}
/* Wider homepage About layout with the existing mobile stacking. */
body:has(.st-hero-wrapper) .container-xxl:has(.img-border):has(a[href="/about-us"]){max-width:none;width:100%;padding-inline:0!important}
body:has(.st-hero-wrapper) .container-xxl:has(.img-border):has(a[href="/about-us"])>.container{width:min(1480px,calc(100% - 80px))!important;max-width:none!important;padding-inline:0!important}
@media(min-width:992px){body:has(.st-hero-wrapper) .container-xxl:has(.img-border):has(a[href="/about-us"])>.container>.row{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;margin:0!important}body:has(.st-hero-wrapper) .container-xxl:has(.img-border):has(a[href="/about-us"])>.container>.row>div{width:100%;padding:0;margin:0}}
@media(max-width:700px){body:has(.st-hero-wrapper) .container-xxl:has(.img-border):has(a[href="/about-us"])>.container{width:calc(100% - 48px)!important}}
.st-about-preview-grid{grid-template-columns:.9fr 1.1fr}
.st-about-preview .st-about-heading{font-size:30px;line-height:1.25;margin:0 0 24px}
@container(max-width:650px){.st-about-preview-grid{grid-template-columns:1fr}.st-about-preview .st-about-heading{font-size:26px}}