/* V15 — shared homepage proportions across course banners */
:root{--sj15-banner-max:1180px;--sj15-form-width:465px;--sj15-banner-min:610px}
.hero-banner{box-sizing:border-box}
.hero-banner .sj5-wrap,
body .hero-banner > .container:has(.sj15-uniform-form){
max-width:var(--sj15-banner-max)!important;width:calc(100% - 40px)!important;margin:0 auto!important;
display:grid!important;grid-template-columns:minmax(0,1fr) minmax(340px,var(--sj15-form-width))!important;
align-items:center!important;column-gap:clamp(30px,5vw,75px)!important;
}
body .hero-banner:has(.sj15-uniform-form){min-height:var(--sj15-banner-min)!important;padding:65px 0!important}
body .hero-banner > .container:has(.sj15-uniform-form) > :not(.sj15-uniform-form){grid-column:1!important;max-width:100%!important}
body .hero-banner > .container:has(.sj15-uniform-form) > .sj15-uniform-form{grid-column:2!important;grid-row:1 / span 10!important}
.hero-banner .sj7-enquiry-card,
.hero-banner .sj15-uniform-form{
box-sizing:border-box!important;width:100%!important;max-width:var(--sj15-form-width)!important;
min-height:495px!important;padding:28px!important;margin:0!important;
border-radius:22px!important;border:1px solid #397dc4!important;
background:linear-gradient(150deg,#0c3470,#071e43)!important;
box-shadow:0 20px 55px rgba(0,0,0,.19)!important;
display:flex!important;flex-direction:column!important;justify-content:center!important;
}
.hero-banner .sj7-enquiry-head h2,.hero-banner .sj15-uniform-form h2{color:#fff!important;font-size:25px!important}
.hero-banner .sj7-enquiry-head p,.hero-banner .sj15-uniform-form .sj7-enquiry-head p{color:#dce9fc!important}
.hero-banner .sj7-enquiry-card .sj5-panel-kicker{color:#ffa14f!important}
.hero-banner .sj7-privacy{color:#dce9fc!important}
.hero-banner .sj7-form-slot{width:100%}
.hero-banner .sj7-form-slot #enquiryForm{width:100%!important}
.hero-banner .sj7-form-slot #enquiryForm :is(input:not([type=hidden]),select,textarea){background:#f7f9ff!important;color:#102a50!important}
.hero-banner .sj7-form-slot #enquiryForm .submit-btn{background:linear-gradient(100deg,#ff7316,#f88b30)!important}
.hero-banner .sj15-uniform-form .sj7-enquiry-head{margin-bottom:17px!important}
.hero-banner .sj15-uniform-form .sj7-privacy{margin-top:12px!important}
body .hero-banner > .container:has(.sj15-uniform-form) > h1{font-size:clamp(36px,3.8vw,58px)!important;line-height:1.15!important;margin:18px 0!important}
body .hero-banner > .container:has(.sj15-uniform-form) > p{font-size:16px!important;line-height:1.7!important}
@media(max-width:850px){
 .hero-banner .sj5-wrap,body .hero-banner > .container:has(.sj15-uniform-form){display:flex!important;flex-direction:column!important;align-items:stretch!important;width:calc(100% - 32px)!important;gap:24px!important}
 body .hero-banner:has(.sj15-uniform-form){min-height:0!important;padding:40px 0!important}
 .hero-banner .sj7-enquiry-card,.hero-banner .sj15-uniform-form{max-width:100%!important;min-height:0!important;padding:22px 18px!important}
}
@media(max-width:480px){
 .hero-banner .sj7-enquiry-card,.hero-banner .sj15-uniform-form{border-radius:17px!important}
 .hero-banner .sj7-enquiry-head h2,.hero-banner .sj15-uniform-form h2{font-size:23px!important}
}