/* I&M Bank Rwanda Academy — approved internal-learning designs. 2026-10-31.
   Page-scoped only: intentionally no body/header/bootstrap global overrides. */
:root{--ima-navy:#06295c;--ima-blue:#084b9e;--ima-action:#176ed6;--ima-teal:#00a8b5;--ima-ink:#092653;--ima-muted:#4f6480;--ima-border:#dde7f3;--ima-pale:#f1f6fb}
body.im-view-course_page,body.im-view-course_registration_page,body.im-view-about_us,body.im-view-contact_us{background:#fff!important;color:var(--ima-ink);font-family:Inter,Arial,sans-serif}
.im-design-course,.im-design-registration,.im-design-about,.im-design-support{background:#fff;color:var(--ima-ink);font-family:Inter,Arial,sans-serif;min-height:60vh;line-height:1.65}
.im-design-course *, .im-design-registration *,.im-design-about *, .im-design-support *{box-sizing:border-box}
.im-page-container{width:min(1160px,calc(100% - 56px));margin:0 auto}
.im-design-course h1,.im-design-course h2,.im-design-course h3,.im-design-about h1,.im-design-about h2,.im-design-support h1,.im-design-support h2{font-family:Inter,Arial,sans-serif;letter-spacing:-.027em;font-weight:800}
.im-design-course h2,.im-design-about h2,.im-design-support h2{color:var(--ima-ink)}
.im-designed-cta,.im-design-course .im-detail-enrol{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;background:#1268d3;border:1px solid #1268d3;color:#fff!important;border-radius:8px;font-size:14px;font-weight:750;text-decoration:none!important;box-shadow:0 5px 14px rgba(16,81,174,.13);cursor:pointer;transition:background .2s,transform .2s}
.im-designed-cta:hover,.im-design-course .im-detail-enrol:hover{background:#074d9e;transform:translateY(-1px)}
/* course detail — hero and anchored navigation */
.im-design-course .im-detail-hero{position:relative;min-height:355px;background:linear-gradient(105deg,#06295c 0%,#053e80 63%,#0c4889 100%);isolation:isolate;color:#fff;overflow:hidden}
.im-detail-hero-photo{position:absolute;inset:0 0 0 auto;width:47%;z-index:-1;background:linear-gradient(90deg,#063a72 0%,rgba(6,58,114,.65) 17%,rgba(6,58,114,.12) 54%),url('../img/approved-course-building.webp') center/cover no-repeat}
.im-design-course .im-detail-hero-inner{padding:30px 0 39px}
.im-detail-breadcrumbs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 25px;font-size:12px;color:#e6f2ff;max-width:710px}
.im-detail-breadcrumbs a{color:#fff;text-decoration:none}.im-detail-breadcrumbs i{font-size:8px;opacity:.7}.im-detail-breadcrumbs span{opacity:.88}
.im-design-course .im-detail-category{display:inline-flex;background:#1b70dd;border-radius:30px;padding:5px 15px;color:#fff;font-size:12px;font-weight:700;margin-bottom:13px}
.im-design-course .im-detail-hero h1{font-size:clamp(29px,3.6vw,44px);line-height:1.17;letter-spacing:-.035em;color:#fff!important;max-width:720px;margin:0 0 17px}
.im-detail-tagline{max-width:660px;margin:0 0 21px;color:#e7f2ff;font-size:15px;line-height:1.75}
.im-detail-facts{display:flex;gap:24px 29px;flex-wrap:wrap;margin-top:18px;color:#f3f8ff;font-size:13px}
.im-detail-facts span{display:flex;align-items:center;gap:9px}.im-detail-facts i{color:#cfe7ff;font-size:15px}
.im-detail-tabs-bar{background:#fff;border-bottom:1px solid #dde7f2;position:relative;z-index:1}
.im-design-course .im-detail-tabs{display:flex!important;align-items:stretch;flex-wrap:nowrap;gap:4px;margin:0;min-width:0;overflow:auto;scrollbar-width:thin;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.im-design-course .im-detail-tabs button{background:transparent!important;flex:0 0 auto;border:0!important;border-bottom:3px solid transparent!important;color:#284363!important;font-size:13px!important;line-height:1.3;padding:17px 18px!important;font-weight:650;cursor:pointer;border-radius:0!important;box-shadow:none!important;min-width:auto!important}
.im-design-course .im-detail-tabs button:hover,.im-design-course .im-detail-tabs button.active{color:#064ba3!important;border-bottom-color:#1772e5!important}
.im-design-course .im-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:38px;align-items:start;padding:31px 0 60px}
.im-design-course .im-detail-primary{min-width:0}
.im-design-course .rw-course-content-panel{background:#fff!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important;color:#203b5a!important}
.im-design-course .rw-tab-pane{display:none}.im-design-course .rw-tab-pane.active{display:block}
.im-design-course .rw-tab-pane h2{font-size:20px;line-height:1.3;margin:8px 0 16px;color:#0a2b5e}
.im-design-course .rw-tab-pane h3{font-size:16px;color:#093068;margin:12px 0}
.im-design-course .rw-course-description,.im-design-course .im-course-prose{color:#344b64!important;font-size:14px!important;line-height:1.85!important;max-width:none}
.im-design-course .im-course-prose p{margin-bottom:13px}
.im-detail-outcomes,.im-detail-requirements{margin-top:27px}.im-detail-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.im-detail-check-grid>div{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#334964;line-height:1.6}.im-check-icon{flex:0 0 19px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#1e74e1;color:#fff;font-size:10px;margin-top:1px}
.im-detail-certificate{display:flex;align-items:center;gap:18px;padding:18px 20px;background:#eaf4ff;border-radius:10px;margin-top:29px}.im-detail-certificate i{font-size:29px;color:#0e67d1}.im-detail-certificate strong{display:block;font-size:14px;color:#083574}.im-detail-certificate span{display:block;font-size:12px;color:#38516b;margin-top:4px}
.im-design-course .rw-section-list{display:grid;gap:12px}.im-design-course .rw-section-block{border:1px solid var(--ima-border);background:white;border-radius:10px;overflow:hidden}.im-design-course .rw-section-block summary{padding:14px 17px;background:#f7faff;display:flex;justify-content:space-between;gap:14px;cursor:pointer;color:#0d356d;font-weight:700}.im-design-course .rw-section-block summary small{color:#506681;font-weight:500}.im-design-course .rw-section-lessons{padding:12px 22px;margin:0;list-style:none}.im-design-course .rw-section-lessons li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #edf1f6;font-size:13px}.im-design-course .rw-section-lessons li:last-child{border:0}.im-design-course .rw-section-lessons a{color:#1c4c87}
.im-design-course .rw-assessment-section,.im-design-course .rw-assessment-card,.im-design-course .rw-group-exercise-card{border-radius:11px;overflow:hidden;border:1px solid #dfe9f5;background:white}.im-design-course .rw-assessment-section{padding:18px;margin:18px 0}.im-design-course .rw-btn,.im-design-course .rw-primary-cta,.im-design-course .rw-side-action{background:#1268d3!important;color:white!important;border-color:#1268d3!important;border-radius:8px!important}
/* course detail — sidebar, controls and links */
.im-detail-sidebar{min-width:0;display:grid;gap:18px}
.im-detail-side-card{background:#fff;border:1px solid #e0e9f4;border-radius:12px;box-shadow:0 8px 28px rgba(21,63,112,.07);padding:16px}
.im-detail-preview-image{width:100%;height:168px;display:block;object-fit:cover;border-radius:8px;background:#e9f1fa}
.im-design-course .im-detail-enrol{display:flex;width:100%;margin:14px 0 17px}
.im-detail-fact-list{display:grid;margin-top:8px}.im-detail-fact-list>div{display:grid;grid-template-columns:20px minmax(68px,1fr) minmax(0,1fr);gap:10px;align-items:center;padding:12px 4px;border-top:1px solid #edf1f7;font-size:12px}.im-detail-fact-list i{color:#1a6cda}.im-detail-fact-list span{color:#435a72}.im-detail-fact-list strong{font-weight:650;text-align:right;overflow-wrap:anywhere;color:#193859}
.im-detail-progress-heading{display:flex;justify-content:space-between;color:#0d3167;font-size:13px;margin-top:12px}.im-detail-progress-track{height:9px;border-radius:30px;background:#e7eef6;overflow:hidden;margin:7px 0}.im-detail-progress-track>span{display:block;background:linear-gradient(90deg,#00a4a8,#1ca85d);height:100%;border-radius:30px}.im-detail-action-card>small{font-size:11px;color:#62758a}.im-detail-teacher h3{font-size:16px;margin:0 0 17px}.im-detail-teacher-row{display:flex;align-items:center;gap:12px}.im-detail-teacher-row img{width:50px;height:50px;border-radius:50%;object-fit:cover}.im-detail-teacher-row strong{display:block;font-size:13px}.im-detail-teacher-row small{display:block;color:#65758a;margin-top:3px}.im-detail-teacher p{font-size:12px;color:#4c637e;margin-top:10px;line-height:1.7}
/* registration-required course URL: keep all application forms and approvals */
.im-design-registration{padding-bottom:60px}
.im-design-registration .rw-reg-wrap{width:min(1160px,calc(100% - 56px))!important;max-width:1160px!important;margin-left:auto!important;margin-right:auto!important}
.im-design-registration .rw-reg-hero{position:relative;color:#fff!important;background:linear-gradient(100deg,#052b63 0%,#073e7f 68%,#0d5c9b 100%)!important;padding:0!important;min-height:330px;overflow:hidden}
.im-design-registration .rw-reg-hero:before{content:"";position:absolute;inset:0 0 0 auto;width:47%;background:linear-gradient(90deg,#053778 0%,rgba(5,55,120,.7) 15%,rgba(5,55,120,.05)),url('../img/approved-course-building.webp') center/cover;opacity:.94}
.im-design-registration .rw-reg-hero-overlay{display:none!important}.im-design-registration .rw-reg-hero-inner{padding:28px 0 41px!important;position:relative}.im-design-registration .rw-reg-breadcrumbs{display:flex;gap:10px;align-items:center;margin-bottom:22px;color:#e5f4ff;font-size:12px;flex-wrap:wrap}.im-design-registration .rw-reg-breadcrumbs a{color:#f1f9ff!important}.im-design-registration .rw-reg-hero-content{max-width:710px}.im-design-registration .rw-reg-category{background:#1a72d7;color:#fff;border-radius:30px;padding:5px 14px;font-size:12px;font-weight:700}.im-design-registration .rw-reg-title-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;margin:12px 0}.im-design-registration .rw-reg-title-row h1{font-size:clamp(28px,3.6vw,43px)!important;line-height:1.16;color:#fff!important;max-width:680px;margin:0}.im-design-registration .rw-reg-required{background:#dff3ff;color:#0052a5;padding:6px 12px;border-radius:20px;font-size:12px}.im-design-registration .rw-reg-lead{font-size:15px!important;line-height:1.7;color:#e7f2ff!important;max-width:660px}.im-design-registration .rw-reg-facts{display:flex!important;flex-wrap:wrap;gap:15px 24px;margin-top:22px}.im-design-registration .rw-reg-facts>div{display:flex;align-items:center;gap:8px;color:#fff}.im-design-registration .rw-reg-facts strong,.im-design-registration .rw-reg-facts small{color:#fff!important}.im-design-registration .rw-reg-hero-tagline{max-width:690px;color:#d9edff;margin-top:14px;font-size:13px}
.im-design-registration .rw-reg-accreditation{background:#f2f8ff;border-bottom:1px solid #e1eaf3;padding:16px 0}.im-design-registration .rw-reg-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start;padding-top:34px}.im-design-registration .rw-reg-main,.im-design-registration .rw-reg-aside{min-width:0}.im-design-registration .rw-reg-section,.im-design-registration .rw-reg-form-card,.im-design-registration .rw-reg-info-card,.im-design-registration .rw-reg-instructor-card{background:#fff!important;border:1px solid var(--ima-border)!important;border-radius:12px!important;box-shadow:0 7px 24px rgba(9,52,111,.045)!important;padding:20px!important;margin-bottom:16px!important}.im-design-registration .rw-reg-anchor-nav{display:flex;flex-wrap:wrap;gap:8px;padding:13px 0}.im-design-registration .rw-reg-anchor-nav a{font-size:12px;color:#164d91;border:1px solid var(--ima-border);border-radius:20px;padding:6px 11px;text-decoration:none}.im-design-registration .rw-reg-section summary{cursor:pointer;color:#0a2e66;font-weight:750;display:flex;align-items:center;gap:13px}.im-design-registration .rw-reg-section-body{padding-top:15px;color:#38526e;font-size:13px;line-height:1.8}.im-design-registration .rw-reg-card-head{display:flex;gap:10px;margin-bottom:16px}.im-design-registration .rw-reg-card-head h2{font-size:18px;color:#0a326d;margin:0}.im-design-registration .rw-reg-form{display:grid;gap:12px}.im-design-registration .rw-reg-form label{font-size:12px;color:#173b6d;font-weight:700;display:block}.im-design-registration .rw-reg-form input:not([type=radio]):not([type=checkbox]),.im-design-registration .rw-reg-form select,.im-design-registration .rw-reg-form textarea{width:100%;display:block;margin-top:6px;background:#fff;color:#163655;border:1px solid #d8e4f1;border-radius:8px;padding:11px 12px;font-size:13px}.im-design-registration .rw-reg-form input:focus,.im-design-registration .rw-reg-form textarea:focus{outline:2px solid rgba(22,110,217,.19);border-color:#1470de}.im-design-registration .rw-reg-submit{width:100%;border:0!important;border-radius:8px!important;background:#1267d3!important;color:#fff!important;padding:14px;font-weight:750;cursor:pointer}.im-design-registration .rw-reg-info-card>div{padding:12px 0;border-bottom:1px solid #edf3f8}
/* About the Academy — faithful to approved page composition */
.im-design-about .im-about-hero{position:relative;min-height:350px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,#e8f3ff,#e7f2fc)}
.im-about-hero-image{position:absolute;inset:0 0 0 auto;width:60%;background:linear-gradient(90deg,#e7f3ff 0%,rgba(230,242,253,.84) 19%,rgba(230,242,253,0) 49%),url('../img/approved-academy-office.webp') center/cover no-repeat}
.im-about-hero-content{position:relative;padding:48px 0;z-index:1}
.im-about-eyebrow,.im-support-label{display:inline-flex;align-items:center;font-size:11px;font-weight:750;letter-spacing:.06em;color:#0e5cba;background:#e6f0ff;border:1px solid #bdd7f4;border-radius:15px;padding:4px 11px}
.im-design-about .im-about-hero h1{font-size:clamp(30px,3.6vw,48px);line-height:1.15;margin:17px 0 15px;color:#072b63;max-width:625px}
.im-design-about .im-about-hero p{max-width:610px;color:#294563;font-size:15px;line-height:1.8}
.im-design-about .im-about-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:-22px;margin-bottom:50px;position:relative;z-index:2}
.im-design-about .im-about-values article{border-radius:12px;background:#fff;border:1px solid #e2ebf4;box-shadow:0 10px 30px rgba(10,54,101,.065);padding:29px 24px;min-height:200px}
.im-about-icon{display:block;font-size:25px;color:#1670d7;margin-bottom:19px}.im-design-about .im-about-values h2{font-size:16px;margin:0 0 10px;color:#082b63}.im-about-values p{font-size:13px;line-height:1.75;color:#465b73;margin:0}
.im-design-about .im-about-lower{padding-bottom:65px}.im-about-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.im-about-story-photo{height:305px;overflow:hidden;border-radius:13px}.im-about-story-photo img{width:100%;height:100%;object-fit:cover}.im-about-story h2{font-size:27px;line-height:1.25;margin:16px 0}.im-about-story p{color:#465c77;font-size:14px;line-height:1.85}.im-about-story .im-designed-cta{margin-top:8px}
/* Support — hero, topics, FAQs, support request form */
.im-design-support .im-support-hero{min-height:310px;background:linear-gradient(100deg,#00275d 0%,#074b91 85%);position:relative;display:flex;align-items:center;overflow:hidden;color:white}
.im-support-photo{position:absolute;inset:0 0 0 auto;width:57%;background:linear-gradient(90deg,#002a64 0%,rgba(0,42,100,.67) 18%,rgba(0,42,100,.03) 45%),url('../img/approved-support-agent.webp') center 36%/cover no-repeat}
.im-support-hero-content{position:relative;padding:34px 0;z-index:1}.im-design-support .im-support-hero .im-support-label{color:#e8f3ff;background:#0e65c3;border:0}
.im-design-support .im-support-hero h1{color:#fff;font-size:clamp(32px,3.7vw,47px);margin:12px 0 9px;line-height:1.15}.im-design-support .im-support-hero p{font-size:15px;color:#e2f0ff;max-width:550px;line-height:1.7}
.im-design-support .im-support-search{height:50px;max-width:570px;background:#fff;border-radius:8px;display:flex;align-items:center;overflow:hidden;box-shadow:0 6px 23px rgba(0,25,63,.18);margin-top:20px}.im-support-search input{height:100%;border:0;background:#fff;outline:none;width:100%;flex:1;padding:0 16px;color:#163b63;font-size:14px}.im-support-search i{display:grid;place-items:center;background:#176dd5;color:#fff;border-radius:7px;width:38px;height:36px;margin-right:6px;font-size:15px}
.im-support-body{padding-top:28px;padding-bottom:65px}.im-support-body h2{font-size:21px;margin:0 0 18px}.im-support-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.im-support-topic{display:flex;flex-direction:column;text-align:left;gap:10px;min-height:175px;background:#fff;border:1px solid #e1eaf4;border-radius:11px;box-shadow:0 6px 24px rgba(0,42,91,.065);padding:21px 20px;color:#173452;cursor:pointer;transition:transform .2s,border-color .2s}.im-support-topic:hover,.im-support-topic:focus-visible{transform:translateY(-2px);border-color:#5b9fe8}.im-support-topic i{font-size:27px;color:#126edc}.im-support-topic strong{font-size:14px;color:#0c2c61}.im-support-topic span{font-size:12px;line-height:1.7;color:#4a5e75}.im-support-topic[hidden],.im-support-empty[hidden]{display:none}.im-support-empty{padding:22px;background:#eef7ff;border-radius:8px;margin-top:12px;font-size:13px;color:#173a68}
.im-support-questions{padding-top:36px;max-width:900px}.im-support-questions-head{margin-bottom:18px}.im-support-questions h2{margin:13px 0 0}.im-support-questions details{border:1px solid #e1eaf4;border-radius:9px;margin:9px 0;background:#fff;overflow:hidden}.im-support-questions summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 17px;font-weight:700;font-size:13px;list-style:none;color:#092d64}.im-support-questions summary::-webkit-details-marker{display:none}.im-support-questions details[open] summary{background:#f1f7ff}.im-support-questions details p{padding:13px 18px 17px;color:#415b77;font-size:13px;line-height:1.75;margin:0}
.im-support-contact-strip{margin-top:27px;display:flex;align-items:center;gap:17px;background:#e8f3ff;border-radius:10px;padding:20px}.im-support-strip-icon{font-size:27px;color:#176bca}.im-support-contact-strip>div:nth-child(2){flex:1}.im-support-contact-strip strong{display:block;font-size:14px;color:#0d336d}.im-support-contact-strip p{font-size:12px;color:#49617a;margin:3px 0}.im-support-contact-strip button{white-space:nowrap}
.im-support-form-section{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;align-items:start;margin-top:40px;scroll-margin-top:80px}.im-support-form-intro h2{font-size:29px;margin:14px 0}.im-support-form-intro p{color:#4b617a;font-size:14px;line-height:1.85}.im-support-form-card{background:#fff;border:1px solid #dde7f1;box-shadow:0 10px 31px rgba(11,54,100,.06);border-radius:12px;padding:24px}.im-support-form-card form{display:grid;gap:14px}.im-support-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.im-support-form-card label{font-size:12px;display:block;font-weight:700;color:#183862}.im-support-form-card input,.im-support-form-card textarea{display:block;margin-top:7px;background:#fff;border:1px solid #d8e4f0;border-radius:7px;color:#0c2f61;font-size:14px;width:100%;padding:12px}.im-support-form-card input:focus,.im-support-form-card textarea:focus{outline:2px solid #bddbff;border-color:#1470d9}.im-support-submit{justify-self:start}.im-support-form-card .enesst-form-status{border-radius:8px;padding:12px;font-size:13px;background:#e9f4ff;color:#134076}.im-support-form-card .is-success{background:#dff6ec;color:#125c43}.im-support-form-card .is-error{background:#fff0ee;color:#9e312a}.im-support-form-card [hidden]{display:none!important}
/* Responsive — no global layout changes. */
@media(max-width:990px){.im-design-course .im-detail-layout{grid-template-columns:minmax(0,1fr) 275px;gap:22px}.im-design-about .im-about-values{grid-template-columns:repeat(2,minmax(0,1fr))}.im-support-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.im-design-registration .rw-reg-layout{grid-template-columns:minmax(0,1fr) 305px}.im-support-form-section{gap:20px}}
@media(max-width:760px){.im-page-container,.im-design-registration .rw-reg-wrap{width:calc(100% - 32px)!important}.im-design-course .im-detail-hero{min-height:300px}.im-design-course .im-detail-hero h1{font-size:29px;max-width:100%}.im-detail-hero-photo{width:65%;opacity:.32}.im-detail-facts{gap:12px 18px}.im-design-course .im-detail-layout{grid-template-columns:1fr;gap:20px;padding-top:23px}.im-design-course .im-detail-tabs button{font-size:12px!important;padding:15px 13px!important}.im-design-course .im-detail-sidebar{grid-row:1}.im-detail-preview-image{height:190px}.im-detail-check-grid{grid-template-columns:1fr}.im-design-registration .rw-reg-hero:before{opacity:.28;width:65%}.im-design-registration .rw-reg-layout{grid-template-columns:1fr!important}.im-about-hero-image{width:72%;opacity:.23}.im-design-about .im-about-hero{min-height:290px}.im-about-values{margin-top:12px!important}.im-about-story{grid-template-columns:1fr;gap:20px}.im-about-story-photo{height:240px}.im-support-photo{width:68%;opacity:.35}.im-support-hero-content{padding:38px 0}.im-support-form-section{grid-template-columns:1fr}.im-support-contact-strip{flex-wrap:wrap}.im-support-contact-strip>div:nth-child(2){flex-basis:calc(100% - 65px)}}
@media(max-width:480px){.im-design-about .im-about-values,.im-support-topic-grid{grid-template-columns:1fr}.im-design-about .im-about-values article{min-height:unset;padding:21px}.im-support-form-grid{grid-template-columns:1fr}.im-design-about .im-about-hero h1,.im-design-support .im-support-hero h1{font-size:30px}.im-support-contact-strip .im-designed-cta{width:100%}.im-design-registration .rw-reg-hero h1{font-size:27px!important}.im-design-course .im-detail-facts span{font-size:12px}}
