/* Starcrow 36 approved brand guidelines v2.0 — 14 Oct 2026 */
.sc36-online-training-page{--ot-orange:#E8662B;--ot-charcoal:#464742;--ot-warm:#F6F4F1;--ot-grey:#F0EFED;--ot-white:#fff;color:var(--ot-charcoal);font-family:'Century Gothic','Avenir Next',Arial,sans-serif}
.sc36-online-training-page .ot-hero,.sc36-online-training-page .ot-intro,.sc36-online-training-page .ot-catalogue,.sc36-online-training-page .ot-bottom,.sc36-online-training-page .ot-dialog{font-family:'Century Gothic','Avenir Next',Arial,sans-serif}
.sc36-online-training-page :is(.ot-hero,.ot-intro,.ot-catalogue,.ot-bottom,.ot-dialog) h1,.sc36-online-training-page :is(.ot-hero,.ot-intro,.ot-catalogue,.ot-bottom,.ot-dialog) h2,.sc36-online-training-page .ot-card h3{font-family:inherit;font-weight:800;line-height:1.16}
.sc36-online-training-page .main a{text-decoration:none}.sc36-online-training-page .main a:hover{text-decoration:none}
.ot-hero{background:linear-gradient(95deg,rgba(36,35,33,.96),rgba(40,38,36,.87),rgba(47,45,42,.74)),url('../img/slider/slider-2.jpg') center/cover;min-height:365px;color:white;display:flex;align-items:center;border-bottom:5px solid var(--ot-orange)}
.ot-hero-inner{display:grid;grid-template-columns:1.7fr .7fr;gap:55px;align-items:center;padding-block:62px}.ot-kicker,.ot-eyebrow{font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--ot-orange)}.ot-kicker span{color:#ddd;padding:0 10px}.ot-hero h1{font-size:clamp(39px,5vw,68px);letter-spacing:-.045em;color:#fff;margin:15px 0 20px}.ot-hero h1 em{color:#ee8c60;font-style:normal}.ot-hero p{color:#f2eeeb;font-size:16px;line-height:1.75;max-width:720px;margin-bottom:24px}.ot-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--ot-orange);color:#fff!important;padding:15px 23px;text-transform:uppercase;letter-spacing:.055em;font-size:13px;font-weight:800;border:2px solid var(--ot-orange);border-radius:2px;transition:background .2s}.ot-button:hover{background:#bb4b19;color:#fff!important}.ot-button-light{background:transparent;color:#fff!important;border-color:#fff}.ot-button-light:hover{background:white;color:var(--ot-charcoal)!important}.ot-hero-side{padding:31px 24px;background:#ffffff12;border:1px solid #ffffff5c;text-align:center}.ot-hero-side-top{font-weight:800;font-size:12px;letter-spacing:.12em;color:#ffb694}.ot-hero-side-big{font-weight:900;font-size:60px;letter-spacing:-.08em;line-height:1.05;color:white;margin:15px 0}.ot-hero-side-big span{display:block;font-size:21px;letter-spacing:0;margin-top:8px}.ot-hero-side-foot{font-size:12px;color:#e1deda;line-height:1.5}
.ot-intro{background:#fff;padding:55px 0}.ot-intro-columns{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px}.ot-intro h2,.ot-catalogue h2{font-size:clamp(28px,3.6vw,39px);color:var(--ot-charcoal);margin:12px 0 16px}.ot-intro h2 span{color:var(--ot-orange)}.ot-intro p{font-size:16px;line-height:1.7;color:#595b57;max-width:620px}.ot-disclosure{background:var(--ot-warm);border-left:4px solid var(--ot-orange);padding:23px 25px}.ot-disclosure-title{font-weight:900;color:var(--ot-charcoal);margin-bottom:10px}.ot-disclosure p{font-size:14px;line-height:1.7;margin:0}
.ot-catalogue{padding:55px 0 75px;background:var(--ot-warm)}.ot-tools{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:25px}.ot-tools h2{margin:7px 0}.ot-tools p{margin:0;color:#6d6e68}.ot-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ot-search-wrap{display:flex;align-items:center;gap:9px;border:1px solid #d1cfca;background:#fff;padding:0 14px;min-width:240px;height:47px;color:#76746d}.ot-search-wrap input{border:0;outline:0;padding:10px 0;width:100%;font-family:inherit;font-size:14px}.ot-filter-wrap select{border:1px solid #d1cfca;background:white;padding:12px 13px;min-width:185px;height:47px;color:var(--ot-charcoal);font-family:inherit;font-size:14px}.ot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.ot-card{display:flex;flex-direction:column;width:100%;height:100%;text-align:left;background:#fff;border:1px solid #e5e2dc;padding:0;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;border-radius:3px;color:var(--ot-charcoal);font-family:inherit}.ot-card:hover,.ot-card:focus-visible{transform:translateY(-3px);box-shadow:0 14px 30px #34302c22;outline:2px solid var(--ot-orange);outline-offset:1px}.ot-card-image{position:relative;background:#d8d5cd;aspect-ratio:16/9;overflow:hidden}.ot-card-image img{width:100%;height:100%;object-fit:cover}.ot-duration{position:absolute;right:10px;bottom:10px;padding:6px 9px;background:#ffffffed;color:var(--ot-charcoal);font-size:11px;font-weight:800}.ot-card-body{padding:23px;display:flex;flex-direction:column;flex:1}.ot-card-cat{font-size:11px;color:var(--ot-orange);font-weight:850;text-transform:uppercase;letter-spacing:.07em}.ot-card h3{font-size:20px!important;line-height:1.25;color:var(--ot-charcoal);margin:10px 0 12px}.ot-card p{font-size:14px;line-height:1.7;color:#656662;flex:1;margin:0 0 22px}.ot-card-bottom{border-top:1px solid var(--ot-grey);padding-top:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;font-weight:850}.ot-card-bottom>span:first-child{color:#666}.ot-card-link{color:var(--ot-orange)}#ot-empty{padding:35px;text-align:center;background:white;color:#777}
.ot-bottom{background:var(--ot-charcoal);color:#fff;padding:47px 0}.ot-bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.ot-bottom h2{font-size:clamp(24px,3vw,34px);color:#fff;margin:8px 0}.ot-bottom p{font-size:14px;color:#eee;margin:0}
.ot-dialog{position:fixed;inset:0;margin:auto;width:min(92vw,900px);max-width:900px;max-height:min(88vh,1000px);border:0;border-radius:4px;padding:0;overflow-y:auto;box-shadow:0 30px 100px #0007;background:white;color:var(--ot-charcoal);z-index:999999}.ot-dialog::backdrop{background:rgba(22,22,21,.78)}.ot-dialog button,.ot-dialog a{font-family:inherit}.ot-close{position:sticky;z-index:2;top:14px;float:right;margin:14px 16px 0 0;background:var(--ot-charcoal);border:0;border-radius:3px;color:white;font-size:26px;width:39px;height:39px;line-height:1;cursor:pointer}.ot-dialog-head{background:var(--ot-warm);padding:35px 38px 26px}.ot-dialog-head h2{font-size:30px;color:var(--ot-charcoal);margin:12px 50px 9px 0;line-height:1.2}.ot-dialog-head p{line-height:1.7;color:#52534f;max-width:720px}.ot-detail-table{padding:10px 38px 20px}.ot-detail-row{display:grid;grid-template-columns:43% 57%;gap:10px;align-items:start;border-bottom:1px solid #ddd9d2;padding:13px 0;font-size:14px;line-height:1.7}.ot-detail-row .ot-detail-label{font-weight:800;color:#3b5346}.ot-detail-row .ot-detail-value{color:#575a56}.ot-dialog-foot{padding:26px 38px;background:var(--ot-warm);display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.ot-dialog-foot p{font-size:12px;line-height:1.6;color:#5d5b56;margin:0;max-width:440px}.ot-dialog .ot-button{border:none}.ot-dialog .ot-accred{color:var(--ot-orange);font-weight:900}.ot-note{font-size:13px;line-height:1.6;color:#6c6b67;margin-top:12px}.ot-dialog:focus{outline:0}
@media(max-width:992px){.ot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ot-hero-inner{grid-template-columns:1fr 230px;gap:24px}.ot-tools{align-items:start;flex-direction:column}.ot-intro-columns{grid-template-columns:1fr}}
@media(max-width:650px){.ot-hero-inner{grid-template-columns:1fr;padding-block:42px}.ot-hero-side{display:none}.ot-hero h1{font-size:38px}.ot-intro{padding:37px 0}.ot-catalogue{padding:40px 0 60px}.ot-grid{grid-template-columns:1fr}.ot-tools{gap:15px}.ot-controls{width:100%}.ot-search-wrap{width:100%}.ot-filter-wrap,.ot-filter-wrap select{width:100%}.ot-bottom-inner{align-items:flex-start;flex-direction:column}.ot-dialog-head,.ot-detail-table,.ot-dialog-foot{padding-left:22px;padding-right:22px}.ot-detail-row{grid-template-columns:1fr;gap:3px}.ot-dialog-head h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.ot-card,.ot-button{transition:none}}

.ot-card[hidden],#ot-empty[hidden]{display:none!important}.ot-detail-row{grid-template-columns:minmax(0,2fr) minmax(0,3fr)} .ot-detail-label{color:var(--ot-charcoal)!important} html:has(.ot-dialog[open]){overflow:hidden}

.ot-card-facts{display:grid;gap:7px;padding:12px 0;border-top:1px solid #e1ded8;font-size:14px;color:var(--ot-charcoal)}.ot-card-facts strong{display:inline-block;min-width:72px}.ot-card-facts span{line-height:1.5}