
/* Leo Medical responsive corporate redesign */
:root{--leo-navy:#102b46;--leo-blue:#176b87;--leo-cyan:#38a9b5;--leo-ink:#1b2d3d;--leo-muted:#617181;--leo-pale:#f2f6f8;--leo-line:#dce5ea;--leo-white:#fff}
html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:var(--leo-muted);font-size:16px;line-height:1.7;background:#fff;overflow-x:hidden}
h1,h2,h3,h4,h5{font-family:Arial,Helvetica,sans-serif;color:var(--leo-navy);font-weight:700;line-height:1.2}
a{color:var(--leo-blue)}a:hover{color:var(--leo-cyan)}
.section_gap{padding:82px 0}.section_gap_top{padding-top:82px}
.leo-header{position:relative;z-index:100;background:#fff;box-shadow:0 5px 24px rgba(16,43,70,.08)}
.leo-header .navbar{padding:12px 0;min-height:84px}
.leo-brand{display:flex;align-items:center;padding-top:0;padding-bottom:0}.leo-brand img{display:block;height:auto;width:230px;max-width:100%;max-height:72px;object-fit:contain}
@media (max-width:1199.98px){.leo-brand img{width:205px;max-height:66px}}
@media (max-width:767.98px){.leo-header .navbar{min-height:76px;padding:8px 0}.leo-brand img{width:190px;max-height:60px}}
@media (max-width:359.98px){.leo-brand img{width:165px;max-height:54px}}
.leo-header .navbar-nav{gap:4px}
.leo-header .nav-link{font-size:14px;font-weight:700;color:var(--leo-navy)!important;padding:12px 14px!important;white-space:nowrap}
.leo-header .nav-link:hover{color:var(--leo-blue)!important}
.leo-header .leo-login{border:1px solid var(--leo-blue);border-radius:5px;padding:9px 15px!important;margin-left:5px}
.leo-approved img{width:105px;height:auto;display:block;margin:0 0 0 12px}
.leo-header .navbar-toggler{border:1px solid var(--leo-line);padding:8px 10px}
.leo-hero{position:relative;background:linear-gradient(105deg,rgba(8,31,52,.94) 0%,rgba(11,54,76,.87) 52%,rgba(11,54,76,.38) 100%),url('../img/banner/home-banner.jpg') center/cover no-repeat;min-height:590px;display:flex;align-items:center;color:#fff}
.leo-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,34,55,.25),transparent);pointer-events:none}
.leo-hero-content{position:relative;z-index:1;padding-top:68px;padding-bottom:115px}
.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800;color:var(--leo-blue);margin-bottom:16px}
.eyebrow.light{color:#9ee2e2}
.leo-hero h1{color:#fff;font-size:clamp(38px,5vw,64px);max-width:800px;letter-spacing:-1.6px;margin:0 0 22px}
.leo-hero h1 em{font-style:normal;color:#73d2d1}
.leo-hero-lead{font-size:19px;line-height:1.6;color:rgba(255,255,255,.88);max-width:650px;margin-bottom:30px}
.leo-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.leo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:4px;font-weight:700;font-size:14px;letter-spacing:.2px;text-decoration:none!important;transition:all .2s ease}
.leo-btn-primary{background:var(--leo-cyan);color:#082b43;border:1px solid var(--leo-cyan)}
.leo-btn-primary:hover{background:#70d2d0;color:#082b43}
.leo-btn-outline{border:1px solid rgba(255,255,255,.72);color:#fff;background:rgba(255,255,255,.04)}
.leo-btn-outline:hover{background:#fff;color:var(--leo-navy)}
.leo-btn-dark{background:var(--leo-navy);color:#fff;border:1px solid var(--leo-navy)}
.leo-btn-dark:hover{background:var(--leo-blue);color:#fff}
.leo-btn-block{display:flex;width:100%}
.leo-hero-note{margin-top:27px;font-size:13px;color:rgba(255,255,255,.84)}
.leo-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#72d5ce;margin-right:8px}
.leo-hero-bottom{position:absolute;bottom:0;left:0;right:0;background:rgba(6,27,46,.72);border-top:1px solid rgba(255,255,255,.16)}
.leo-hero-bottom .container{display:flex;justify-content:space-between;gap:20px;padding-top:17px;padding-bottom:17px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.3px}
.leo-intro h2,.leo-section-heading h2,.leo-delivery h2{font-size:clamp(30px,3.3vw,43px);letter-spacing:-.8px;margin-bottom:14px}
.leo-intro p:not(.eyebrow){margin-bottom:0}
.leo-industries{background:var(--leo-pale);padding:80px 0}
.leo-section-heading{text-align:center;max-width:760px;margin:0 auto 42px}
.leo-section-heading p:last-child{margin-bottom:0}
.leo-section-heading-left{text-align:left;margin-left:0;max-width:780px}
.leo-industry-grid{row-gap:18px}
.leo-industry{height:100%;background:#fff;padding:25px 23px;border:1px solid #e4ebef;border-radius:7px;min-height:175px;transition:transform .2s,box-shadow .2s}
.leo-industry:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(16,43,70,.08)}
.leo-industry span{display:inline-block;color:var(--leo-cyan);font-size:11px;font-weight:800;letter-spacing:1px;margin-bottom:15px}
.leo-industry h3{font-size:18px;margin-bottom:9px}
.leo-industry p{font-size:13px;line-height:1.55;margin:0}
.leo-industry-foot{text-align:center;margin:30px 0 0;font-size:14px}
.leo-industry-foot a,.leo-text-link{font-weight:700;color:var(--leo-blue)}
.leo-delivery-steps{border-left:2px solid #d5e7eb;padding-left:27px;margin-top:12px}
.leo-delivery-steps>div{position:relative;display:flex;gap:18px;padding:0 0 27px}
.leo-delivery-steps>div:last-child{padding-bottom:0}
.leo-delivery-steps>div>b{position:absolute;left:-38px;top:0;background:#fff;border:2px solid var(--leo-cyan);color:var(--leo-blue);width:22px;height:22px;border-radius:50%;font-size:10px;text-align:center;line-height:18px}
.leo-delivery-steps h3{font-size:18px;margin:0 0 5px}
.leo-delivery-steps p{margin:0;font-size:14px}
.leo-course-preview{background:#fff}
.leo-course-grid{row-gap:25px}
.leo-course-col{display:flex}
.leo-course-card{width:100%;height:100%;background:#fff;border:1px solid var(--leo-line);border-radius:8px;overflow:hidden;box-shadow:0 8px 24px rgba(16,43,70,.045);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.leo-course-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(16,43,70,.11)}
.leo-course-image{height:170px;background:#eaf1f4;overflow:hidden}
.leo-course-image img{width:100%;height:100%;object-fit:cover}
.leo-course-body{padding:22px;display:flex;flex-direction:column;flex:1}
.leo-course-meta{display:inline-block;color:var(--leo-blue);background:#eaf5f6;border-radius:30px;padding:5px 10px;font-size:11px;font-weight:800;letter-spacing:.4px;margin-bottom:13px}
.leo-course-body h3{font-size:19px;line-height:1.35;min-height:52px;margin:0 0 12px}
.leo-course-body h3 a{color:var(--leo-navy)}
.leo-course-body>p:not(.leo-price-note){font-size:13px;line-height:1.6;flex:1}
.leo-price-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--leo-line);font-size:13px}
.leo-price-row strong{font-size:16px;color:var(--leo-navy);white-space:nowrap}
.leo-price-note{font-size:11px!important;color:#72818d;margin:6px 0 12px!important}
.leo-course-link{font-weight:800;font-size:13px;color:var(--leo-blue);margin-top:auto}
.leo-course-link span{padding-left:5px}
.leo-pricing-note{font-size:13px;background:#f2f7f8;border-left:3px solid var(--leo-cyan);padding:15px 18px;margin:28px 0 0}
.leo-view-all{margin-top:34px}
.leo-company-cta{background:var(--leo-navy);padding:65px 0;color:#fff}
.leo-company-cta h2{font-size:clamp(28px,3vw,39px);color:#fff;margin-bottom:12px}
.leo-company-cta p:not(.eyebrow){color:rgba(255,255,255,.78);margin:0;max-width:740px}
.leo-page-hero{background:linear-gradient(110deg,#102b46,#1c6079);padding:66px 0 48px;color:#fff}
.leo-page-hero h1{font-size:clamp(30px,4vw,46px);color:#fff;max-width:900px;margin:0 0 14px}
.leo-page-intro{max-width:720px;color:rgba(255,255,255,.82);font-size:17px}
.leo-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:rgba(255,255,255,.72);margin-top:24px}
.leo-breadcrumb a{color:#a9e6e3}
.leo-catalogue{padding-top:60px}
.leo-delivery-callout{background:var(--leo-pale);border-radius:8px;padding:30px;margin-top:45px}
.leo-delivery-callout h3{font-size:22px}
.leo-delivery-callout p{max-width:800px}
.leo-detail h2{font-size:29px;margin:15px 0}
.leo-detail h3{font-size:21px;margin:30px 0 12px}
.leo-detail p{line-height:1.8}
.leo-delivery-panel{background:var(--leo-pale);border-radius:8px;padding:26px;margin:28px 0}
.leo-delivery-panel h3{margin-top:0}
.leo-delivery-panel ul{padding-left:20px;margin-bottom:0}
.leo-booking-card{position:sticky;top:25px;background:#fff;border:1px solid var(--leo-line);box-shadow:0 12px 35px rgba(16,43,70,.08);padding:25px;border-radius:8px}
.leo-booking-card h3{font-size:23px;margin-bottom:15px}
.leo-booking-card p{font-size:14px}
.leo-booking-divider{height:1px;background:var(--leo-line);margin:20px 0}
.leo-back-link{display:block;text-align:center;font-size:13px;font-weight:700;margin-top:18px}
.footer-area{background:#0b2136;padding:55px 0 25px;color:rgba(255,255,255,.68);margin-top:0}
.footer-area h4{color:#fff;font-size:16px;margin-bottom:18px}
.footer-area ul{list-style:none;padding:0;margin:0}
.footer-area li{margin:8px 0;font-size:13px}
.footer-area a{color:rgba(255,255,255,.72)}
.footer-area a:hover{color:#8ee0db}
.leo-footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:35px;padding-top:20px;font-size:12px}
.leo-footer-brand{font-weight:800;font-size:18px;color:#fff}
.leo-about-panel{background:var(--leo-pale);padding:32px;border-radius:8px}
@media(max-width:991px){
 .leo-header .navbar{padding:10px 0}.leo-header .navbar-collapse{background:#fff;padding:10px 15px 18px;border-top:1px solid var(--leo-line);margin-top:10px}
 .leo-header .nav-link{padding:10px 4px!important}.leo-header .leo-login{display:inline-block;margin:5px 0}.leo-approved img{margin:10px 0 0}
 .leo-hero{min-height:560px}.leo-hero-content{padding-top:55px;padding-bottom:120px}
 .leo-hero-bottom .container{flex-wrap:wrap;justify-content:flex-start;gap:8px 22px}
 .leo-booking-card{position:static;margin-top:30px}
}
@media(max-width:767px){
 .section_gap{padding:58px 0}.leo-hero{min-height:620px;background-position:60% center}
 .leo-hero-content{padding-top:45px;padding-bottom:145px}.leo-hero h1{font-size:39px;letter-spacing:-1px}
 .leo-hero-lead{font-size:16px}.leo-hero-actions{align-items:stretch;flex-direction:column;max-width:330px}
 .leo-hero-bottom .container{display:block;padding-top:12px;padding-bottom:12px}
 .leo-hero-bottom .container span{display:block;margin:4px 0;font-size:11px}
 .leo-industries{padding:58px 0}.leo-industry{min-height:0}
 .leo-section-heading{margin-bottom:30px}.leo-course-image{height:190px}
 .leo-course-body h3{min-height:0}.leo-company-cta{padding:48px 0}.leo-company-cta .leo-btn{margin-top:24px}
 .leo-page-hero{padding:48px 0 35px}.leo-page-hero h1{font-size:32px}
 .leo-delivery-callout{padding:22px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.leo-contact-form{background:#fff;border:1px solid var(--leo-line);border-radius:8px;padding:28px;box-shadow:0 10px 30px rgba(16,43,70,.05)}
.leo-contact-form label{font-size:13px;font-weight:700;color:var(--leo-navy);margin-bottom:6px}
.leo-contact-form .form-control{border:1px solid #d6e0e6;border-radius:4px;min-height:46px;font-size:14px;box-shadow:none}
.leo-contact-form textarea.form-control{min-height:145px}
.leo-contact-form .form-control:focus{border-color:var(--leo-cyan);box-shadow:0 0 0 3px rgba(56,169,181,.12)}
@media(max-width:575px){.leo-contact-form{padding:20px 16px}}

/* Leo Medical brand palette: navy, royal blue, white and lion-gold */
:root{--leo-navy:#082b55;--leo-blue:#0869bd;--leo-cyan:#1689d4;--leo-ink:#142d49;--leo-muted:#53677d;--leo-pale:#edf4fb;--leo-line:#d5e2ef;--leo-white:#fff;--leo-gold:#f4b51b}
body{color:var(--leo-muted)}
h1,h2,h3,h4,h5{color:var(--leo-navy)}
a{color:var(--leo-blue)}a:hover{color:#064c8b}
.leo-header{border-bottom:3px solid var(--leo-blue);box-shadow:0 5px 24px rgba(8,43,85,.09)}
.leo-header .nav-link:hover{color:var(--leo-blue)!important}
.leo-header .leo-login{border-color:var(--leo-blue);color:var(--leo-navy)!important}
.leo-hero{background-image:linear-gradient(105deg,rgba(5,35,73,.95) 0%,rgba(7,74,133,.87) 55%,rgba(8,105,189,.42) 100%),url('../img/banner/home-banner.jpg')}
.leo-hero h1 em,.eyebrow.light{color:#ffd15b}
.leo-btn-primary{background:var(--leo-gold);border-color:var(--leo-gold);color:#082b55}
.leo-btn-primary:hover{background:#ffd15b;color:#082b55}
.leo-btn-dark{background:var(--leo-blue);border-color:var(--leo-blue)}
.leo-btn-dark:hover{background:var(--leo-navy);border-color:var(--leo-navy)}
.leo-dot{background:var(--leo-gold)}
.leo-industry span{color:var(--leo-blue)}
.leo-industry:hover{border-color:#b5d3ef}
.leo-delivery-steps{border-left-color:#c5d9ed}
.leo-delivery-steps>div>b{border-color:var(--leo-gold);color:var(--leo-navy)}
.leo-course-meta{color:var(--leo-navy);background:#e8f1fb}
.leo-pricing-note{background:#edf4fb;border-left-color:var(--leo-gold)}
.leo-company-cta,.footer-area{background:#06264b}
.leo-page-hero{background:linear-gradient(110deg,#06264b,#0869bd)}
.leo-breadcrumb a{color:#ffdb78}
.leo-contact-form .form-control:focus{border-color:var(--leo-blue);box-shadow:0 0 0 3px rgba(8,105,189,.13)}
.leo-contact-form label{color:var(--leo-navy)}
.leo-about-panel,.leo-delivery-callout,.leo-delivery-panel{background:#edf4fb}
.leo-captcha-box{margin:20px 0;padding:16px 18px;background:#edf4fb;border:1px solid #cbdced;border-left:4px solid var(--leo-gold);border-radius:6px;max-width:340px}
.leo-captcha-box label{display:block}
.leo-captcha-question{font-weight:800;font-size:19px;color:var(--leo-navy);margin:4px 0 10px}
.leo-captcha-box .form-control{max-width:150px;background:#fff}
.leo-captcha-box small{display:block;margin-top:8px;color:#53677d}
.leo-captcha-error{color:#a32222;font-size:13px;margin-top:10px}
.leo-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
#leo-submit:disabled{opacity:.65;cursor:not-allowed}
@media(max-width:767px){.leo-captcha-box{max-width:none}}
