/* RV-VLSI – RV-VLSI palette: Poppins, crimson #b1264d, teal #028275 */
:root{--red:#b1264d;--red-dark:#8f1c3d;--dark:#252525;--text:#2b2f3a;--body:#252525;--maroon:#035e55;--navy:#12141b;--grey:#f8f9f8;--line:#eeeeee;--green:#028275}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:400 15px/1.8 "Poppins",system-ui,sans-serif;color:var(--body);background:#fff}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:color .3s}
h1,h2,h3,h4{font-weight:600;color:var(--dark);line-height:1.3;margin:0 0 14px}
p{margin:0 0 14px}
ul{margin:0;padding:0;list-style:none}
.container{max-width:1320px;margin:0 auto;padding:0 15px}
.page{padding-top:80px;padding-bottom:70px}
.center{text-align:center}
.red{color:var(--red)}.red-b{color:var(--red);font-weight:600}

/* top bar */
.topbar{background:#1f1f1f;color:#e8e8e8;font-size:13px}
.topbar-in{display:flex;justify-content:space-between;align-items:stretch}
.topbar-left{display:flex;gap:24px;padding:11px 0}
.topbar-left a:hover,.topbar-right a:hover{color:var(--red)}
.topbar-right{display:flex;align-items:center;gap:12px;border-left:1px solid #3a3a3a;padding:0 0 0 20px;min-width:270px}
.topbar-right a{display:flex}

/* navbar */
.navbar-area{background:#fff;position:sticky;top:0;z-index:50;transition:box-shadow .3s}
.navbar-area.scrolled{box-shadow:0 2px 28px rgba(0,0,0,.08)}
.nav-in{display:flex;align-items:center;justify-content:space-between;min-height:82px}
.logo img{height:56px;width:auto}
.menu-main{display:flex;align-items:center;gap:2px}
.menu-main>a,.dd>a{display:inline-flex;align-items:center;gap:5px;padding:30px 13px;font-weight:500;font-size:15px;color:var(--dark);position:relative}
.menu-main>a:hover,.dd>a:hover,.menu-main a.active{color:var(--red)}
.chev{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);display:inline-block}
.dd{position:relative}
.dd-menu{position:absolute;top:100%;left:0;min-width:250px;background:#fff;box-shadow:0 0 30px rgba(0,0,0,.1);border-top:3px solid var(--red);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{opacity:1;visibility:visible;transform:none}
.dd-menu a{display:block;padding:8px 22px;font-size:14px;font-weight:500;color:var(--dark)}
.dd-menu a:hover{color:var(--red);padding-left:28px;transition:.2s}
.burger{display:none;cursor:pointer;width:30px;flex-direction:column;gap:6px}
.burger span{height:2px;background:var(--dark);display:block}

/* button */
.default-btn{display:inline-flex;align-items:center;gap:10px;background:var(--red);color:#fff;border:0;font:600 14px "Poppins",sans-serif;padding:13px 30px;border-radius:2px;cursor:pointer;position:relative;overflow:hidden;z-index:1;transition:.4s}
.default-btn:before{content:"";position:absolute;inset:0;background:var(--dark);transform:scaleX(0);transform-origin:left;transition:transform .4s;z-index:-1}
.default-btn:hover:before{transform:scaleX(1)}
.default-btn .btn-ico{display:flex;transition:transform .4s}
.default-btn:hover .btn-ico{transform:translateX(5px)}
.default-btn.full{justify-content:center;width:100%;margin-top:16px}
.btn{display:inline-block;background:var(--red);color:#fff;border:0;font:600 14px "Poppins",sans-serif;padding:13px 30px;border-radius:2px;cursor:pointer;transition:background .3s}
.btn:hover{background:var(--dark)}

/* hero */
.hero-banner{background:var(--maroon);color:#fff;padding:90px 0 110px;overflow:hidden}
.hero-in{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center}
.hero-content .sub-title{display:inline-block;border-left:3px solid var(--red);padding-left:10px;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.6;letter-spacing:.2px;margin-bottom:22px}
.hero-content h1{color:#fff;font-size:44px;font-weight:600;line-height:1.3;margin-bottom:24px;max-width:560px}
.hero-content p{font-size:14px;max-width:560px;margin-bottom:30px;color:#dcefed}
.hero-image img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:60% 40% 38% 62% / 55% 50% 50% 45%;box-shadow:0 20px 60px rgba(0,0,0,.35);animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-12px)}}


/* section titles */
.section-title{margin-bottom:34px}
.section-title h2{font-size:34px;font-weight:700;margin:0}
.sub-title-red{display:block;color:var(--red);text-transform:uppercase;font-size:12px;font-weight:500;letter-spacing:.3px;margin-bottom:6px}

/* courses + slider */
.courses-area{padding:90px 0 80px}
.slider{position:relative}
.slider .slides{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.slider .slides::-webkit-scrollbar{display:none}
.courses-area .slide{flex:0 0 calc((100% - 60px)/3);scroll-snap-align:start}
.dots{display:flex;justify-content:center;gap:8px;margin-top:34px}
.dots button{width:9px;height:9px;border-radius:50%;border:0;background:#ddd;padding:0;cursor:pointer;transition:.3s}
.dots button.on{background:var(--red);transform:scale(1.2)}
.course-card h3{font-size:20px;font-weight:600;margin:18px 0 6px}
.course-card h3 a:hover{color:var(--red)}
.course-card p{font-size:14px;color:var(--text)}
.course-img{display:block;position:relative;overflow:hidden;border-radius:3px}
.course-img img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .6s}
.course-card:hover .course-img img{transform:scale(1.08)}
.tag{position:absolute;right:10px;bottom:10px;background:#fff;color:var(--red);font-size:13px;font-weight:500;padding:1px 14px;border-radius:2px}
.tag-green{color:var(--green)}
.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}

/* vision */

/* partners */
.partner-area{padding:90px 0}
.partners{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:28px;align-items:center}
.partner img{max-height:80px;margin:0 auto;object-fit:contain;filter:grayscale(.2);transition:.3s}
.partner:hover img{filter:none;transform:scale(1.08)}

/* footer */
.footer-area{background:var(--navy);padding:90px 0 50px;color:#ccc}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.footer-area h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:24px}
.contact-list li{display:flex;gap:10px;margin-bottom:12px;font-size:14px;align-items:flex-start}
.contact-list .ico{margin-top:5px;flex:0 0 auto;color:#fff}
.useful li{margin-bottom:12px;font-size:14px}
.footer-area a:hover{color:var(--red)}
.social-sq{display:flex;gap:7px;margin-top:22px}
.social-sq a{display:flex;width:24px;height:24px;background:#fff;color:var(--red);align-items:center;justify-content:center;transition:.3s}
.social-sq a:hover{background:var(--red);color:#fff}

/* inner pages */
.prose h2.red-h,.red-h{color:var(--red);font-size:30px;font-weight:700;margin:0 0 12px}
.prose p{font-size:15px;color:#111;line-height:1.85;margin-bottom:16px}
.prose h2.red-h:not(:first-child){margin-top:24px}
h1{font-size:34px;font-weight:700}
.lead{font-size:16px;color:var(--text)}.muted{color:var(--text)}
.course-title{font-size:30px;font-weight:700;color:#000;margin-bottom:12px}
.course-intro{max-width:760px;font-size:14px}
.meta-row{display:flex;flex-wrap:wrap;margin:24px 0 30px}
.meta-row li{display:flex;gap:14px;align-items:center;padding:0 40px 0 0;margin-right:40px;border-right:1px solid var(--line)}
.meta-row li:last-child{border:0}
.meta-row .ico{color:#aaa}
.meta-row small{display:block;color:var(--red);text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.3}
.meta-row span{font-weight:500;font-size:14px}
.course-top{display:grid;grid-template-columns:2fr 1fr;gap:34px;margin-bottom:50px;align-items:start}
.course-cover{width:100%;border-radius:5px;aspect-ratio:16/9;object-fit:cover}
.course-side{background:#fff;box-shadow:0 0 25px rgba(0,0,0,.08);padding:22px 25px;border-radius:5px}
.course-side li{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:14px}
.course-side li:last-child{border:0}
.course-side b{font-weight:500;text-align:right}
.h-black{font-size:21px;font-weight:600;margin:30px 0 14px;color:#000}
.dots-list{margin:0 0 10px 6px}
.dots-list li{position:relative;padding:5px 0 5px 28px;font-size:14px}
.dots-list li:before{content:"";position:absolute;left:8px;top:15px;width:6px;height:6px;border-radius:50%;background:#000}
.card{background:var(--grey);border-radius:5px;padding:26px 30px;margin:0 0 22px}
.card h2{font-size:24px;font-weight:700;color:var(--dark)}
.card h3{font-size:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.grid .card{margin:0}
.ticks li{position:relative;padding:5px 0 5px 28px}
.ticks li:before{content:"";position:absolute;left:4px;top:12px;width:12px;height:7px;border-left:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(-45deg)}
.chips span{display:inline-block;border:1px solid var(--red);color:var(--red);border-radius:2px;padding:2px 14px;margin:5px 6px 0 0;font-size:13px;font-weight:500}
.chips span:hover{background:var(--red);color:#fff}
.callout{text-align:center;background:var(--maroon);color:#fff}.callout h2{color:#fff}
.avatar{width:70px;height:70px;border-radius:50%;background:var(--red);color:#fff;font-size:26px;font-weight:600;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;text-align:center;margin-top:18px}
.stats strong{display:block;font-size:28px;color:var(--red);line-height:1.3}
.shot{width:100%;height:230px;object-fit:cover;border-radius:5px}
.form{display:grid;gap:16px}
label{display:flex;flex-direction:column;gap:5px;font-weight:500;font-size:14px}
input,select,textarea{font:inherit;padding:11px 14px;border:1px solid #ddd;border-radius:3px;background:#fff}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--red)}
.hp{position:absolute;left:-9999px}.err{color:var(--red-dark);font-weight:400}
.notice{padding:12px 16px;border-radius:3px;font-weight:500}.notice.ok{background:#e4f7ef;color:#08795a}.notice.error{background:#ffe8ed;color:var(--red-dark)}

@media(max-width:1100px){.hero-content h1{font-size:36px}.courses-area .slide{flex-basis:calc((100% - 30px)/2)}}
@media(max-width:991px){
  .topbar-right{display:none}.topbar-left{gap:14px;flex-wrap:wrap}
  .burger{display:flex}
  .menu-main{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;padding:8px 15px 16px;box-shadow:0 14px 24px rgba(0,0,0,.1)}
  #nav-toggle:checked~.menu-main{display:flex}
  .menu-main>a,.dd>a{padding:11px 4px}
  .dd-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 0 14px}
  .hero-in,.course-top,.footer-grid{grid-template-columns:1fr}
  .hero-banner{padding:56px 0 70px}.hero-content h1{font-size:30px}
  .meta-row li{border:0;margin:0 24px 12px 0;padding:0}
  .section-title h2{font-size:28px}
}
@media(max-width:640px){.courses-area .slide{flex-basis:100%}}

/* enquiry strip (home + course pages) */

/* course page: enquiry form under the details box (right column) */
.course-right{display:flex;flex-direction:column;gap:22px}
.enquire-side{background:#fff;box-shadow:0 0 25px rgba(0,0,0,.08);padding:22px 25px;border-radius:5px;border-top:3px solid var(--red)}
.enquire-side h3{font-size:20px;font-weight:700;margin-bottom:4px}
.enquire-side p.muted{font-size:13px;color:var(--text);margin-bottom:14px}
.enquire-side .form{display:grid;gap:12px}
.enquire-side .default-btn.full{margin-top:4px}
.enquire-side .notice{font-size:13px}
@media(max-width:991px){.course-right{margin-top:6px}}

/* course page layout: 75% photo + description on the left (col-sm-9), 25% details + enquiry form on the right (col-sm-3) */
.course-layout{display:grid;grid-template-columns:75% 25%;grid-template-areas:"cover side" "content side";column-gap:0;row-gap:28px;align-items:start;margin-bottom:10px}
/* gutters live inside the columns (like Bootstrap), so the columns are exactly 75% and 25% */
.course-layout .course-cover{width:calc(100% - 14px)}
.course-layout .course-content{padding-right:14px}
.course-layout .course-right{padding-left:14px}
.course-layout .course-cover{grid-area:cover}
.course-layout .course-right{grid-area:side;min-width:0}
.course-layout .course-content{grid-area:content;min-width:0}
.course-layout .course-content>.h-black:first-child{margin-top:0}
/* the right column is narrow, so keep its boxes compact */
.course-right .course-side,.course-right .enquire-side{padding:18px 18px}
.course-right .course-side li{flex-wrap:wrap;gap:2px 10px;padding:9px 0;font-size:13px}
.course-right .course-side b{text-align:left}
.enquire-side h3{font-size:18px}
.enquire-side input,.enquire-side textarea{padding:10px 12px;font-size:14px}
.enquire-side .default-btn{padding:12px 14px;justify-content:center;text-align:center}
/* tablets and phones: stack as photo, details + form, then the text */
@media(max-width:991px){
  .course-layout{grid-template-columns:100%;grid-template-areas:"cover" "side" "content";row-gap:22px}
  .course-layout .course-cover{width:100%}
  .course-layout .course-content{padding-right:0}
  .course-layout .course-right{padding-left:0}
  .course-layout .course-content>.h-black:first-child{margin-top:8px}
  .course-right .course-side,.course-right .enquire-side{padding:22px 25px}
  .course-right .course-side li{flex-wrap:nowrap;font-size:14px}
  .course-right .course-side b{text-align:right}
}
/* keep the enquiry fields inside the card, whatever the column width */
.enquire-side .form{grid-template-columns:minmax(0,1fr)}
.enquire-side input,.enquire-side textarea{width:100%;min-width:0;max-width:100%}

/* course page, right column: attractive highlight box (placement % + importance of the course) */
.course-side.highlight{padding:0;overflow:hidden;border-top:3px solid var(--red)}
.course-side.highlight>div,.course-side.highlight>ul{padding:18px 18px}
.cs-place{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#f6e9ee 0%,#fff 70%);border-bottom:1px solid var(--line)}
.ring{--pct:90;flex:0 0 84px;width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:conic-gradient(var(--red) calc(var(--pct) * 1%), #f1d3da 0);position:relative}
.ring:before{content:"";position:absolute;inset:9px;background:#fff;border-radius:50%}
.ring span{position:relative;font-weight:700;font-size:24px;color:var(--dark);line-height:1}
.ring span small{font-size:13px;font-weight:600}
.cs-place-text h4{font-size:16px;font-weight:700;margin:0 0 2px}
.cs-place-text p{font-size:12.5px;line-height:1.45;margin:0;color:var(--text)}
.cs-place-text b{color:var(--red)}
.cs-hire{border-bottom:1px solid var(--line)}
.cs-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text);font-weight:600;margin-bottom:6px}
.cs-hire .chips{margin:0}
.cs-hire .chips span{font-size:11.5px;padding:1px 10px;margin:3px 3px 0 0;border-radius:999px}
.cs-why{border-bottom:1px solid var(--line)}
.cs-why h4{font-size:16px;font-weight:700;margin:0 0 8px}
.why-list{list-style:none;margin:0;padding:0}
.why-list li{position:relative;padding:5px 0 5px 26px;font-size:13px;line-height:1.5;color:var(--dark)}
.why-list li:before{content:"\2713";position:absolute;left:0;top:6px;width:18px;height:18px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.cs-facts{margin:0;padding:0;list-style:none;background:#fafafa}
.cs-facts li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2px 10px;padding:7px 0;font-size:13px;border-bottom:1px dashed var(--line)}
.cs-facts li:last-child{border:0}
.cs-facts b{font-weight:500;text-align:right}
@media(max-width:767px){
  .course-side.highlight>div,.course-side.highlight>ul{padding:20px 22px}
  .cs-place-text p{font-size:14px}
}

/* course page: the top section (title, intro, meta row) spans the full width, not just the photo column */
.course-page .course-title,.course-page .course-intro{max-width:none;width:100%}
.course-page .course-intro{font-size:15px}
.course-page .meta-row{width:100%}
/* the importance list: keep its own spacing (the generic side-box list rules must not reset it) */
.course-side.highlight .why-list li{display:block;padding:5px 0 5px 26px;border:0;font-size:13px;gap:0}
.course-side.highlight .cs-facts li{display:flex;padding:7px 0}

/* medium screens: the 25% column is narrow, so the placement ring sits above its text */
.cs-place-text{min-width:0}
@media(min-width:992px) and (max-width:1199px){
  .cs-place{flex-direction:column;text-align:center;gap:10px}
  .cs-place-text p{font-size:12px}
  .course-right .course-side li{font-size:12.5px}
}
@media(max-width:991px){
  .course-side.highlight>div,.course-side.highlight>ul{padding:20px 22px}
  .cs-place-text p{font-size:14px}
}

/* =====================  COURSE PAGE: student-friendly design  ===================== */
html{scroll-behavior:smooth}
.course-hero{background:linear-gradient(135deg,#4a0818 0%,#035e55 45%,#8a1131 100%);color:#fff;padding:54px 0 0;position:relative;overflow:hidden}
.course-hero:before{content:"";position:absolute;right:-120px;top:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(177,38,77,.35),transparent 68%)}
.course-hero:after{content:"";position:absolute;left:-90px;bottom:40px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%)}
.course-hero .container{position:relative;z-index:1}
.crumbs{font-size:13px;color:#f0c9d2;margin-bottom:12px}
.crumbs a{color:#fff;text-decoration:underline;text-underline-offset:3px}.crumbs span{margin:0 8px;opacity:.6}
.course-hero h1{color:#fff;font-size:clamp(26px,3.6vw,42px);font-weight:700;line-height:1.2;margin:0 0 14px;text-transform:uppercase}
.hero-intro{max-width:none;font-size:16px;line-height:1.75;color:#f6e3e8;margin:0 0 20px}
.hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px;padding:0;list-style:none}
.hero-chips li{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);padding:6px 15px;border-radius:999px;font-size:13.5px;font-weight:500;color:#fff}
.hero-chips li.hot{background:var(--red);border-color:var(--red)}
.hero-chips li.hot b{font-size:15px}
.hero-chips .ico{color:#9ef0c6}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}
.hero-actions .default-btn{padding:14px 32px;font-size:15px}
.btn-outline{display:inline-flex;align-items:center;gap:8px;border:2px solid rgba(255,255,255,.55);color:#fff;padding:12px 24px;border-radius:2px;font-weight:600;font-size:14px;transition:.3s}
.btn-outline:hover{background:#fff;color:var(--dark)}
.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;background:#fff;color:var(--dark);border-radius:8px 8px 0 0;box-shadow:0 -6px 30px rgba(0,0,0,.18)}
.hero-facts li{display:flex;gap:14px;align-items:center;padding:20px 26px;border-right:1px solid var(--line)}
.hero-facts li:last-child{border:0}
.hero-facts .ico{color:var(--red);flex:0 0 auto}
.hero-facts small{display:block;color:var(--red);text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.3px}
.hero-facts span{font-weight:600;font-size:15px}

.course-body{padding-top:40px;padding-bottom:70px}
.course-cover-wrap{grid-area:cover;position:relative;width:calc(100% - 14px)}
.course-layout .course-cover-wrap .course-cover{width:100%;display:block;border-radius:10px;box-shadow:0 18px 40px rgba(15,27,51,.18)}
.cover-badge{position:absolute;left:18px;bottom:18px;background:#fff;color:var(--dark);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.cover-badge b{color:var(--red);font-size:16px;margin-right:4px}
.course-layout .course-right{align-self:stretch}
/* the enquiry form follows you down the page on wide screens */
@media(min-width:992px){.course-right .enquire-side{position:sticky;top:96px}}

.blk{margin:0 0 42px}
.blk-title{font-size:clamp(21px,2.4vw,28px);font-weight:700;margin:2px 0 18px}
.learn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.learn-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 20px 18px;position:relative;transition:transform .25s,box-shadow .25s,border-color .25s}
.learn-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(177,38,77,.12);border-color:#e9b6c5}
.learn-card .num{display:inline-flex;width:38px;height:38px;border-radius:10px;background:var(--red);color:#fff;font-weight:700;font-size:14px;align-items:center;justify-content:center;margin-bottom:12px}
.learn-card h3{font-size:16px;font-weight:600;margin:0 0 6px}
.learn-card p{font-size:13.5px;line-height:1.6;color:var(--text);margin:0}
.soft-card{background:#f8f9fc;border-left:4px solid var(--red);border-radius:8px;padding:22px 26px}
.soft-card p{font-size:15px;line-height:1.85;color:#2b2f45}
.soft-card p:last-child{margin-bottom:0}
.tool-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tool{background:#fff;border:1px solid #e9b6c5;color:var(--red);border-radius:6px;padding:2px 12px;font-size:13px;font-weight:600}
.format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.format-card{background:linear-gradient(160deg,#035e55,#7d0f2b);color:#fff;border-radius:12px;padding:22px}
.format-card h3{color:#fff;font-size:17px;margin:0 0 6px}
.format-card p{color:#f3d6de;font-size:13.5px;line-height:1.6;margin:0}
.syllabus{display:grid;gap:10px}
.syl{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.syl[open]{border-color:#e9b6c5;box-shadow:0 8px 22px rgba(177,38,77,.08)}
.syl summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 20px;cursor:pointer;list-style:none;font-weight:600;font-size:16px;color:var(--dark)}
.syl summary::-webkit-details-marker{display:none}
.syl summary em{font-style:normal;font-size:12px;font-weight:500;color:var(--red);background:#f6e9ee;border-radius:999px;padding:2px 12px;white-space:nowrap}
.syl summary:after{content:"+";font-size:22px;font-weight:400;color:var(--red);line-height:1;margin-left:4px}
.syl[open] summary:after{content:"\2212"}
.syl .dots-list{margin:0 0 6px;padding:0 20px 10px}
.syl-p{padding:0 20px 14px;margin:0;font-size:14.5px;line-height:1.8}
.place-band{background:#12141b;color:#d6d9e6;border-radius:14px;padding:30px 32px}
.place-band .blk-title{color:#fff;font-size:clamp(20px,2.2vw,26px)}
.place-band p{color:#c9cde0;font-size:15px}
.place-band b{color:#fff}
.place-band .chips.big span{background:transparent;border:1px solid #3a3f55;color:#fff;font-size:13px;padding:3px 15px;margin:4px 6px 0 0}
.place-band .chips.big span:hover{background:var(--red);border-color:var(--red)}
.course-cta{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;background:linear-gradient(135deg,#b1264d,#c40f37);border-radius:14px;padding:28px 32px;color:#fff;margin:0}
.course-cta h2{color:#fff;font-size:24px;margin:0 0 4px}
.course-cta p{margin:0;color:#ffe0e7;max-width:560px}
.course-cta .default-btn{background:#fff;color:var(--red)}
.course-cta .default-btn:before{background:var(--dark)}
.course-cta .default-btn:hover{color:#fff}
.cta-bar{display:none}
.reveal-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal-ready .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal-ready .reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

@media(max-width:991px){
  .course-hero{padding-top:36px}
  .hero-facts{grid-template-columns:1fr;margin-top:6px}
  .hero-facts li{border-right:0;border-bottom:1px solid var(--line);padding:14px 20px}
  .hero-facts li:last-child{border:0}
  .course-cover-wrap{width:100%}
  .course-body{padding-top:26px}
  .cta-bar{display:flex;align-items:center;justify-content:center;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--red);color:#fff;font-weight:600;padding:14px;box-shadow:0 -6px 20px rgba(0,0,0,.2)}
  body{padding-bottom:50px}
}
@media(max-width:575px){
  .place-band,.course-cta,.soft-card{padding:22px 20px}
  .hero-chips li{font-size:12.5px;padding:5px 12px}
}

/* syllabus: headings + bordered boxes (no accordion) */
.syllabus-blk .syl-box{border:1px solid #d9dce8;border-radius:10px;background:#fff;margin:0 0 16px;overflow:hidden}
.syl-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:13px 20px;font-size:17px;font-weight:700;color:var(--dark);background:#f8f9fc;border-bottom:1px solid #d9dce8;border-left:4px solid var(--red)}
.syl-head em{font-style:normal;font-size:12px;font-weight:500;color:var(--red);background:#f6e9ee;border-radius:999px;padding:2px 12px;white-space:nowrap}
.syl-list{list-style:none;margin:0;padding:12px 20px 14px}
.syl-list li{position:relative;padding:6px 0 6px 24px;font-size:14.5px;line-height:1.55;break-inside:avoid}
.syl-list li:before{content:"";position:absolute;left:5px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--red)}
.syl-list.two{column-count:2;column-gap:36px}
.syllabus-blk .syl-p{margin:0;padding:14px 20px;font-size:14.5px;line-height:1.8}
@media(max-width:767px){.syl-list.two{column-count:1}.syl-head{font-size:16px;padding:12px 16px}.syl-list{padding:10px 16px 12px}}

/* =====================  HOME PAGE: small refresh  ===================== */
.hero-banner .hero-chips{margin:0 0 22px}
.hero-banner .hero-actions{margin:0}
.home-stats{position:relative;z-index:3;margin-top:-54px;padding:0 0 34px}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;background:#fff;border-radius:12px;box-shadow:0 18px 44px rgba(15,27,51,.14);overflow:hidden}
.stat-row li{padding:22px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.stat-row li:last-child{border:0}
.stat-row strong{font-size:32px;line-height:1.1;font-weight:700;color:var(--red);letter-spacing:-.02em}
.stat-row span{font-size:13px;color:var(--text);line-height:1.45}
.recruit-band{background:#12141b;padding:54px 0;text-align:center}
.recruit-band h2{color:#fff;font-size:clamp(21px,2.6vw,30px);font-weight:700;margin-bottom:12px}
.recruit-band .chips.big span{background:transparent;border:1px solid #3a3f55;color:#fff;font-size:13.5px;padding:4px 18px;margin:5px 5px 0}
.recruit-band .chips.big span:hover{background:var(--red);border-color:var(--red)}
.partner-area,.enquire{scroll-margin-top:80px}
@media(max-width:1100px){.stat-row{grid-template-columns:repeat(2,1fr)}.stat-row li:nth-child(2){border-right:0}.stat-row li:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:640px){.stat-row{grid-template-columns:1fr 1fr}.stat-row strong{font-size:26px}.stat-row li{padding:16px 16px}.home-stats{margin-top:-34px}}

/* companies that hire from RV-VLSI: logos that keep scrolling, one after another */
.recruit-marquee{background:#f8f9fc;padding:56px 0 60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.recruit-marquee h2{font-size:clamp(21px,2.6vw,30px);font-weight:700;margin:0 0 26px}
.rc-wrap{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}
.rc-track{display:flex;gap:22px;width:max-content;margin:0;padding:6px 0;list-style:none;animation:rc-scroll 42s linear infinite;will-change:transform}
.rc-wrap:hover .rc-track,.rc-wrap:focus-within .rc-track{animation-play-state:paused}
.rc-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:178px;height:88px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 20px;transition:transform .25s,box-shadow .25s,border-color .25s}
.rc-item:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(177,38,77,.12);border-color:#e9b6c5}
.rc-item img{max-width:100%;max-height:54px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .3s,opacity .3s}
.rc-item:hover img{filter:none;opacity:1}
.rc-word span{font-weight:700;font-size:17px;letter-spacing:.3px;color:#2b2f45;text-align:center;line-height:1.2}
.rc-word:hover span{color:var(--red)}
@keyframes rc-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.rc-track{animation:none}.rc-wrap{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}
@media(max-width:640px){.rc-item{width:150px;height:76px}.rc-track{animation-duration:34s}}

/* vision: three boxes on a light background (no photo, no slider) */
.vision-area{position:relative;overflow:hidden;padding:84px 0 90px;background:linear-gradient(180deg,#ffffff 0%,#f9eef2 100%)}
.vision-area:before{content:"";position:absolute;right:-140px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(177,38,77,.10),transparent 68%)}
.vision-area:after{content:"";position:absolute;left:-120px;bottom:-140px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(90,10,29,.08),transparent 70%)}
.vision-area .container{position:relative;z-index:1}
.vision-area .section-title{max-width:760px;margin:0 auto 36px}
.vision-area .sub-title-red{line-height:1.5}
.vision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.vision-card{background:#fff;border:1px solid #f2d9df;border-top:4px solid var(--red);border-radius:14px;padding:28px 26px 24px;box-shadow:0 12px 32px rgba(15,27,51,.07);transition:transform .3s,box-shadow .3s}
.vision-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(177,38,77,.15)}
.v-num{display:inline-flex;width:46px;height:46px;border-radius:12px;background:#f6e9ee;color:var(--red);font-weight:700;font-size:16px;align-items:center;justify-content:center;margin-bottom:14px}
.vision-card h3{font-size:19px;font-weight:700;line-height:1.35;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.vision-card p{font-size:14px;line-height:1.75;color:#3a3f55;margin:0 0 12px}
.vision-card p:last-child{margin-bottom:0}
.vision-card p .red{display:block;color:var(--red);font-weight:700;margin-bottom:2px}
@media(max-width:1100px){.vision-grid{grid-template-columns:repeat(2,1fr)}.vision-card:nth-child(3){grid-column:1/-1}}
@media(max-width:640px){.vision-area{padding:56px 0 60px}.vision-grid{grid-template-columns:1fr}.vision-card:nth-child(3){grid-column:auto}.vision-card{padding:24px 22px 22px}}

/* =====================  HOME: popular courses  ===================== */
.courses-area{position:relative;overflow:hidden;padding:74px 0 84px;background:linear-gradient(180deg,#ffffff 0%,#fafbfe 100%)}
.courses-area:before{content:"";position:absolute;right:-150px;top:-130px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(177,38,77,.09),transparent 68%)}
.courses-area .container{position:relative;z-index:1}
.courses-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:34px}
.ch-intro{margin:10px 0 0;color:var(--text);font-size:15px;max-width:560px}
.ch-all{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--red);border:2px solid var(--red);border-radius:999px;padding:9px 22px;transition:.3s}
.ch-all:hover{background:var(--red);color:#fff;gap:12px}
.home-courses{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.hc-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #eceef5;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px rgba(15,27,51,.06);transition:transform .3s,box-shadow .3s,border-color .3s}
.hc-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .35s;z-index:3}
.hc-card:hover{transform:translateY(-8px);box-shadow:0 26px 50px rgba(177,38,77,.16);border-color:#e9b6c5}
.hc-card:hover:before{transform:scaleX(1)}
.hc-img{position:relative;display:block;overflow:hidden}
.hc-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,20,35,0) 45%,rgba(15,20,35,.55) 100%)}
.hc-img img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .7s}
.hc-card:hover .hc-img img{transform:scale(1.08)}
.hc-img .tag{left:12px;right:auto;top:12px;bottom:auto;z-index:2;border-radius:999px;padding:3px 14px;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.hc-badge{position:absolute;left:12px;bottom:12px;z-index:2;background:#fff;color:var(--dark);font-size:12px;font-weight:600;padding:5px 13px;border-radius:999px;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.hc-badge b{color:var(--red);font-size:14px;margin-right:2px}
.hc-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.hc-mode{font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--red);margin-bottom:6px}
.hc-body h3{font-size:20px;font-weight:700;line-height:1.3;margin:0 0 8px}
.hc-body h3 a:hover{color:var(--red)}
.hc-body>p{font-size:13.5px;line-height:1.6;color:var(--text);margin:0 0 12px}
.hc-skills{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:6px;flex:1;align-content:flex-start}
.hc-skills li{background:#f6e9ee;color:#b1163a;font-size:11.5px;font-weight:500;padding:3px 10px;border-radius:999px;line-height:1.4}
.hc-btn{justify-content:space-between;padding:12px 18px;border-radius:8px}
.hc-card:nth-child(2){transition-delay:.06s}.hc-card:nth-child(3){transition-delay:.12s}.hc-card:nth-child(4){transition-delay:.18s}
@media(max-width:1100px){.home-courses{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.courses-area{padding:54px 0 60px}.home-courses{grid-template-columns:1fr}.courses-head{align-items:flex-start}}

/* hover lift must win over the fade-in rule (.reveal.in sets transform:none) */
.reveal-ready .hc-card.reveal{transition:opacity .6s ease,transform .35s ease,box-shadow .3s,border-color .3s}
.reveal-ready .hc-card.reveal.in:hover{transform:translateY(-8px)}
.reveal-ready .vision-card.reveal{transition:opacity .6s ease,transform .3s ease,box-shadow .3s}
.reveal-ready .vision-card.reveal.in:hover{transform:translateY(-6px)}

/* =====================  HOME: section headings (highlight + underline)  ===================== */
.h-fancy{position:relative;display:block;margin:0 0 4px;padding-bottom:18px;font-size:clamp(26px,3.4vw,38px);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--dark)}
/* two-tone underline bar */
.h-fancy:after{content:"";position:absolute;left:0;bottom:0;width:86px;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--red) 0,var(--red) 66%,#dfa3b5 66%,#dfa3b5 100%)}
.center .h-fancy{text-align:center}
.center .h-fancy:after{left:50%;transform:translateX(-50%)}
/* the key word of each heading is picked out with a marker highlight */
.hl{position:relative;color:var(--red);background:linear-gradient(transparent 64%,#efd0da 64%,#efd0da 92%,transparent 92%);padding:0 5px;margin:0 -2px;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* eyebrow with accent lines */
.eyebrow{display:inline-flex;align-items:center;gap:12px;letter-spacing:.9px;font-weight:600;margin-bottom:8px}
.eyebrow:before{content:"";width:34px;height:2px;background:var(--red);border-radius:2px}
.center .eyebrow:after{content:"";width:34px;height:2px;background:var(--red);border-radius:2px}
.center>.eyebrow{display:flex;justify-content:center}
.courses-head h2.h-fancy:after{display:block}
.courses-head h2.h-fancy{margin-bottom:6px}
.vision-area .section-title{margin-bottom:40px}
.recruit-marquee .h-fancy{margin-bottom:24px}
@media(max-width:575px){.h-fancy:after{width:70px}.eyebrow:before,.center .eyebrow:after{width:22px}}
.hl{white-space:nowrap}

/* =====================  HOME: enquiry (contact details | form)  ===================== */
.enquire{position:relative;overflow:hidden;padding:84px 0 90px;background:linear-gradient(180deg,#f8f9fc 0%,#f9eef2 100%);scroll-margin-top:80px}
.enquire:before{content:"";position:absolute;left:-140px;bottom:-150px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(177,38,77,.09),transparent 68%)}
.enquire .container{position:relative;z-index:1}
.enquire-box{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.enquire-info .h-fancy{font-size:clamp(26px,3.2vw,36px)}
.ei-lead{font-size:16px;color:var(--text);margin:14px 0 26px;max-width:460px}
.contact-cards{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:14px}
.contact-cards li{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #d6e6e4;border-radius:14px;padding:16px 18px;box-shadow:0 8px 22px rgba(15,27,51,.05);transition:transform .25s,box-shadow .25s,border-color .25s}
.contact-cards li:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(177,38,77,.12);border-color:#e9b6c5}
.cc-ico{flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center}
.contact-cards small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--red);margin-bottom:1px}
.contact-cards a,.contact-cards div>span{font-size:15px;font-weight:500;color:var(--dark);line-height:1.5;word-break:break-word}
.contact-cards a:hover{color:var(--red)}
.cc-link{display:block;margin-top:4px;font-size:13px!important;font-weight:600!important;color:var(--red)!important}
.ei-social{display:flex;align-items:center;gap:10px}
.ei-social span{font-size:13px;font-weight:600;color:var(--dark);margin-right:4px}
.ei-social a{display:flex;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #d6e6e4;color:var(--red);align-items:center;justify-content:center;transition:.25s}
.ei-social a:hover{background:var(--red);border-color:var(--red);color:#fff;transform:translateY(-2px)}
.enquire-card{background:#fff;border-radius:18px;border-top:5px solid var(--red);padding:32px 32px 30px;box-shadow:0 24px 54px rgba(15,27,51,.13)}
.enquire-card h3{font-size:24px;font-weight:700;margin:0 0 4px}
.enquire-card p.muted{font-size:14px;color:var(--text);margin:0 0 20px}
.enquire-card .form{display:grid;gap:14px}
.enquire-card .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.enquire-card input,.enquire-card textarea{width:100%;min-width:0;padding:13px 15px;border:1px solid #dfe2ee;border-radius:8px;background:#fafbfe;font-size:14.5px}
.enquire-card input:focus,.enquire-card textarea:focus{outline:0;border-color:var(--red);background:#fff;box-shadow:0 0 0 4px rgba(177,38,77,.10)}
.enquire-card .default-btn.full{margin-top:2px;padding:14px 20px;border-radius:8px}
@media(max-width:991px){.enquire-box{grid-template-columns:1fr;gap:34px}.ei-lead{max-width:none}}
@media(max-width:575px){.enquire{padding:56px 0 60px}.enquire-card{padding:24px 20px}.enquire-card .two{grid-template-columns:1fr}}

/* =====================  GALLERY + photo popup  ===================== */
.course-hero.simple{padding-bottom:46px}
.hero-hl{color:#fff;background:linear-gradient(transparent 62%,rgba(177,38,77,.75) 62%,rgba(177,38,77,.75) 92%,transparent 92%);padding:0 6px}
.gallery-page{padding-top:44px;padding-bottom:70px}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:26px}
.g-item{margin:0;background:#fff;border:1px solid #eceef5;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px rgba(15,27,51,.06);transition:transform .3s,box-shadow .3s,border-color .3s}
.reveal-ready .g-item.reveal{transition:opacity .6s ease,transform .3s ease,box-shadow .3s,border-color .3s}
.g-item:hover{box-shadow:0 22px 44px rgba(177,38,77,.15);border-color:#e9b6c5}
.reveal-ready .g-item.reveal.in:hover{transform:translateY(-6px)}
.g-thumb{position:relative;display:block;overflow:hidden;background:#12141b}
.g-thumb img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .6s,opacity .3s}
.g-item:hover .g-thumb img{transform:scale(1.07);opacity:.82}
.g-zoom{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.7);transition:.3s;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.g-item:hover .g-zoom,.g-thumb:focus-visible .g-zoom{opacity:1;transform:none}
.g-thumb:focus-visible{outline:3px solid var(--red);outline-offset:-3px}
.g-item figcaption{padding:14px 18px 16px;font-weight:600;font-size:15px;line-height:1.4;color:var(--dark);border-top:3px solid var(--red)}
.g-count{margin-top:26px;font-size:13px}
.center{text-align:center}
/* popup */
html.lb-open{overflow:hidden}
.lb{position:fixed;inset:0;z-index:2000;background:rgba(10,12,20,.94);display:flex;align-items:center;justify-content:center;padding:56px 70px}
.lb[hidden]{display:none}
.lb-fig{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px}
.lb-img{max-width:100%;max-height:calc(100vh - 150px);object-fit:contain;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.6);transition:opacity .25s}
.lb.loading .lb-img{opacity:.25}
.lb-fig figcaption{display:flex;gap:16px;align-items:baseline;justify-content:center;flex-wrap:wrap;color:#fff;text-align:center}
.lb-name{font-size:17px;font-weight:600}
.lb-count{font-size:13px;color:#cfd3e6;background:rgba(255,255,255,.12);border-radius:999px;padding:2px 12px}
.lb-close,.lb-nav{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
.lb-close{top:16px;right:18px;width:44px;height:44px;border-radius:50%;font-size:30px;line-height:1}
.lb-nav{top:50%;width:52px;height:52px;margin-top:-26px;border-radius:50%;font-size:20px}
.lb-prev{left:16px}.lb-next{right:16px}
.lb-close:hover,.lb-nav:hover{background:var(--red)}
.lb-close:focus-visible,.lb-nav:focus-visible{outline:3px solid #fff}
.lb.single .lb-nav{display:none}
@media(max-width:640px){.lb{padding:60px 10px 70px}.lb-nav{top:auto;bottom:14px;margin-top:0}.lb-prev{left:calc(50% - 64px)}.lb-next{right:calc(50% - 64px)}.lb-img{max-height:calc(100vh - 190px)}.gallery-grid{grid-template-columns:1fr}}

/* =====================  BLOG  ===================== */
.tag-chip{display:inline-block;background:#f6e9ee;color:var(--red);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:4px 14px;border-radius:999px}
.tag-chip.over{position:absolute;left:14px;top:14px;z-index:2;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.read-time{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text);font-weight:500}
.blog-body{padding-top:40px;padding-bottom:70px}
.blog-feature{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:1px solid #eceef5;border-radius:18px;overflow:hidden;box-shadow:0 18px 44px rgba(15,27,51,.10);margin-bottom:52px}
.bf-img{position:relative;display:block;overflow:hidden;background:#0d1b3d;min-height:320px}
.bf-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}
.blog-feature:hover .bf-img img{transform:scale(1.05)}
.bf-flag{position:absolute;left:16px;top:16px;background:var(--red);color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:5px 16px;border-radius:999px;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.bf-text{padding:36px 38px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.bf-text h2{font-size:clamp(24px,2.6vw,32px);font-weight:700;line-height:1.25;margin:2px 0 0}
.bf-text h2 a:hover{color:var(--red)}
.bf-text p{font-size:15.5px;line-height:1.75;color:var(--text);margin:0}
.bf-foot{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:8px}
.blog-head{margin:0 0 26px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:56px}
.bp-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eceef5;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px rgba(15,27,51,.06);transition:box-shadow .3s,border-color .3s}
.reveal-ready .bp-card.reveal{transition:opacity .6s ease,transform .35s ease,box-shadow .3s,border-color .3s}
.bp-card:hover{box-shadow:0 26px 50px rgba(177,38,77,.16);border-color:#e9b6c5}
.reveal-ready .bp-card.reveal.in:hover{transform:translateY(-8px)}
.bp-img{position:relative;display:block;overflow:hidden;background:#0d1b3d}
.bp-img img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .7s}
.bp-card:hover .bp-img img{transform:scale(1.07)}
.bp-body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.bp-body h3{font-size:19px;font-weight:700;line-height:1.35;margin:0 0 8px}
.bp-body h3 a:hover{color:var(--red)}
.bp-body p{font-size:14px;line-height:1.7;color:var(--text);margin:0 0 16px;flex:1}
.bp-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.blog-cta{margin:0}
.cta-pair{display:flex;gap:12px;flex-wrap:wrap}
.course-cta .btn-outline{border-color:rgba(255,255,255,.7)}
.course-cta .btn-outline:hover{background:#fff;color:var(--red)}
@media(max-width:991px){.blog-feature{grid-template-columns:1fr}.bf-img{min-height:240px;aspect-ratio:16/9}.bf-text{padding:26px 24px}.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.blog-grid{grid-template-columns:1fr}.bf-text h2{font-size:22px}}

/* article page */
.read-progress{position:fixed;left:0;top:0;right:0;height:4px;z-index:2500;background:transparent;pointer-events:none}
.read-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red),#ff7a96);transition:width .1s linear}
.post-hero h1{max-width:980px}
.post-body{padding-top:40px;padding-bottom:70px}
.post-layout{display:grid;grid-template-columns:75% 25%;align-items:start}
.post-main{min-width:0;padding-right:28px}
.post-side{min-width:0;padding-left:0;display:flex;flex-direction:column;gap:22px;position:sticky;top:96px;align-self:start}
.post-cover img{width:100%;display:block;border-radius:14px;box-shadow:0 18px 40px rgba(15,27,51,.16);margin-bottom:34px;background:#0d1b3d}
.article{font-size:16.5px;line-height:1.9;color:#2a2f45}
.article p{margin:0 0 18px}
.article p.lead{font-size:18.5px;line-height:1.85;color:var(--dark);border-left:4px solid var(--red);padding:4px 0 4px 20px;margin-bottom:26px}
.art-h{position:relative;font-size:clamp(22px,2.4vw,27px);font-weight:700;line-height:1.3;color:var(--dark);margin:42px 0 16px;padding-bottom:14px;scroll-margin-top:96px}
.art-h:after{content:"";position:absolute;left:0;bottom:0;width:64px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--red) 0,var(--red) 66%,#dfa3b5 66%)}
.art-sub{font-size:19px;font-weight:700;color:var(--red);margin:28px 0 12px}
.art-list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px}
.art-list li{position:relative;background:#f8f9fc;border:1px solid #eceef5;border-radius:10px;padding:14px 18px 14px 50px;font-size:15.5px;line-height:1.75}
.art-list li:before{content:"\2713";position:absolute;left:16px;top:15px;width:22px;height:22px;border-radius:50%;background:var(--red);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.art-list li b{color:var(--dark)}
.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:0 0 26px}
.role-card{background:#fff;border:1px solid #eceef5;border-top:4px solid var(--red);border-radius:12px;padding:18px 20px;box-shadow:0 8px 22px rgba(15,27,51,.05)}
.role-card h4{font-size:17px;font-weight:700;margin:0 0 10px;color:var(--dark)}
.role-card dl{margin:0;display:grid;gap:6px}
.role-card dt{font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;color:var(--red);margin-top:6px}
.role-card dd{margin:0;font-size:14px;line-height:1.65;color:#3a3f55}
.art-table-wrap{overflow-x:auto;margin:0 0 26px;border:1px solid #e2e5f0;border-radius:12px}
.art-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}
.art-table th{background:#035e55;color:#fff;text-align:left;padding:13px 16px;font-weight:600}
.art-table td{padding:12px 16px;border-top:1px solid #e9ebf3;vertical-align:top;line-height:1.6}
.art-table tr:nth-child(even) td{background:#fafbfe}
.art-table td.first{font-weight:600;color:var(--dark)}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:40px 0 28px}
.pn{display:block;background:#fff;border:1px solid #eceef5;border-radius:12px;padding:16px 20px;transition:.25s}
.pn:hover{border-color:#e9b6c5;box-shadow:0 12px 26px rgba(177,38,77,.12);transform:translateY(-3px)}
.pn small{display:block;color:var(--red);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}
.pn span{font-weight:600;color:var(--dark);font-size:15px;line-height:1.45}
.pn.next{text-align:right}
.side-card{background:#fff;border:1px solid #eceef5;border-radius:14px;padding:18px 20px;box-shadow:0 8px 22px rgba(15,27,51,.05)}
.side-card h4{font-size:16px;font-weight:700;margin:0 0 10px;padding-bottom:10px;border-bottom:2px solid var(--red);display:inline-block}
.toc-card ol{margin:0;padding:0 0 0 18px;display:grid;gap:7px}
.toc-card li{font-size:13.5px;line-height:1.5;color:var(--text)}
.toc-card a:hover{color:var(--red)}
.more-item{display:flex;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}
.more-item:first-of-type{border-top:0}
.more-item img{flex:0 0 74px;width:74px;height:56px;object-fit:cover;border-radius:8px;background:#0d1b3d}
.more-item span{font-size:13px;font-weight:600;line-height:1.4;color:var(--dark)}
.more-item small{display:block;font-weight:400;color:var(--text);font-size:11.5px;margin-top:2px}
.more-item:hover span{color:var(--red)}
@media(max-width:991px){
  .post-layout{grid-template-columns:100%}
  .post-main{padding-right:0}
  .post-side{position:static;margin-top:34px}
  .post-nav{grid-template-columns:1fr}.pn.next{text-align:left}
  .article{font-size:16px}
}

/* blog fixes */
.bf-text .tag-chip,.bp-body .tag-chip{align-self:flex-start;margin-bottom:10px}
.bf-text .tag-chip{margin-bottom:0}
.bp-img img{aspect-ratio:3/2}
.post-layout{align-items:stretch}
.post-side{position:static;gap:0;align-self:stretch}
.side-sticky{position:sticky;top:96px;display:flex;flex-direction:column;gap:22px;max-height:calc(100vh - 112px);overflow-y:auto;padding:2px 2px 6px;scrollbar-width:thin}
.toc-card ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.toc-card li{position:relative;padding-left:16px;font-size:13.5px;line-height:1.5}
.toc-card li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--red)}
.more-articles{margin-top:44px}
.more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.more-grid .more-item{flex-direction:column;align-items:stretch;gap:10px;padding:0;border:1px solid #eceef5;border-radius:12px;overflow:hidden;background:#fff;transition:.25s}
.more-grid .more-item:hover{border-color:#e9b6c5;box-shadow:0 12px 26px rgba(177,38,77,.12);transform:translateY(-3px)}
.more-grid .more-item img{width:100%;height:auto;aspect-ratio:3/2;flex:none;border-radius:0}
.more-grid .more-item span{padding:0 14px 14px;font-size:14px}
@media(max-width:991px){.side-sticky{position:static;max-height:none;overflow:visible;margin-top:34px}}
.toc-card li a{display:block}

/* contact page */
.contact-page{padding-top:64px}
.enquire-box.top{align-items:start}
.enquire-card select{width:100%;padding:13px 15px;border:1px solid #dfe2ee;border-radius:8px;background:#fafbfe;font-size:14.5px;color:var(--dark)}
.enquire-card select:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 4px rgba(177,38,77,.10)}
.enquire-card .form>div{min-width:0}
.enquire-card .err{display:block;margin-top:5px;font-size:12.5px}
.next-steps{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:10px}
.next-steps li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--dark);font-weight:500}
.next-steps b{flex:0 0 28px;height:28px;border-radius:50%;background:#f3dbe3;color:var(--red);display:flex;align-items:center;justify-content:center;font-size:13px}
@media(max-width:991px){.enquire-box.top{grid-template-columns:1fr;gap:36px}}

/* about sub-pages: management, team, institution, support */
.about-sec{padding:64px 0 80px;background:linear-gradient(180deg,#f8f9fc,#fff)}
.mgmt{display:grid;grid-template-columns:38% 1fr;gap:48px;align-items:start}
.mgmt-photo{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 24px 54px rgba(15,27,51,.14);border-bottom:5px solid var(--red);position:sticky;top:100px}
.mgmt-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:46% 30%}
.mgmt-role{font-weight:600;color:var(--red);margin:10px 0 18px}
.mgmt-text p{font-size:16px;line-height:1.85;color:#2a2f45;margin:0 0 16px}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.team-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #eceef5;box-shadow:0 10px 26px rgba(15,27,51,.07);transition:transform .25s,box-shadow .25s}
.team-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px rgba(177,38,77,.14)}
.tc-img img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top}
.tc-body{padding:18px 20px 22px;border-top:4px solid var(--red)}
.tc-body h3{font-size:18px;margin:0 0 4px}.tc-body p{margin:0;font-size:14px;color:var(--text)}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:54px}
.stat-row div{background:#fff;border:1px solid #d6e6e4;border-radius:14px;padding:22px 16px;text-align:center;box-shadow:0 8px 22px rgba(15,27,51,.05)}
.stat-row b{display:block;font-size:30px;color:var(--red);line-height:1.1}.stat-row span{font-size:14px;color:var(--text)}
.timeline-fig{margin:34px auto 0;max-width:760px;background:#fff;border-radius:18px;padding:14px;box-shadow:0 24px 54px rgba(15,27,51,.12)}
.timeline-fig img{display:block;width:100%;height:auto;border-radius:10px}
.narrow-wide{max-width:900px}
.support-lead p{font-size:17px;line-height:1.9;color:#2a2f45;margin:0 0 16px}
.bank-card{background:#fff;border-radius:16px;border-top:5px solid var(--red);padding:26px 30px;margin-top:26px;box-shadow:0 16px 40px rgba(15,27,51,.09)}
.bank-card h3{margin:0 0 16px;font-size:21px}
.bank-card dl{display:grid;gap:12px;margin:0}
.bank-card dl div{display:grid;grid-template-columns:160px 1fr;gap:12px;padding-bottom:12px;border-bottom:1px dashed #e4e6ef}
.bank-card dl div:last-child{border:0;padding:0}
.bank-card dt{font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--red);padding-top:3px}
.bank-card dd{margin:0;font-weight:500;color:var(--dark)}.bank-card dd small{display:block;font-weight:400;color:var(--text)}
.bank-card p{line-height:1.8;margin:0 0 14px}.bank-card a{color:var(--red);font-weight:500}
.art-list-plain{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.art-list-plain li{position:relative;padding:10px 14px 10px 38px;background:#f8f9fc;border-radius:10px;font-size:15px}
.art-list-plain li:before{content:"✓";position:absolute;left:12px;top:10px;width:18px;height:18px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center}
@media(max-width:991px){.mgmt{grid-template-columns:1fr;gap:28px}.mgmt-photo{position:static;max-width:520px}.team-grid{grid-template-columns:repeat(2,1fr)}.stat-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.team-grid{gap:14px}.bank-card dl div{grid-template-columns:1fr;gap:2px}.bank-card{padding:22px 20px}}

/* floating WhatsApp + call buttons */
.float-contact{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:1500;display:flex;flex-direction:column;gap:12px}
.float-contact a{position:relative;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.28);transition:transform .2s,box-shadow .2s}
.float-contact a:hover{transform:scale(1.1);box-shadow:0 12px 28px rgba(0,0,0,.34)}
.fc-wa{background:#25d366}.fc-call{background:var(--red)}
.fc-wa:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:fcPulse 2.2s infinite}
.fc-tip{position:absolute;right:62px;top:50%;transform:translateY(-50%);background:#12141b;color:#fff;font-size:12.5px;font-weight:500;padding:6px 11px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}
.float-contact a:hover .fc-tip,.float-contact a:focus-visible .fc-tip{opacity:1}
@keyframes fcPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.55);opacity:0}}
@media(prefers-reduced-motion:reduce){.fc-wa:before{animation:none}}
@media(max-width:575px){.float-contact{right:10px;gap:10px}.float-contact a{width:46px;height:46px}.fc-tip{display:none}}
html.lb-open .float-contact{display:none}

/* chat assistant */
.cb-launch{position:fixed;right:16px;bottom:18px;z-index:1600;display:flex;align-items:center;gap:8px;height:52px;padding:0 20px 0 16px;border:0;border-radius:999px;background:#12141b;color:#fff;font:600 14px Poppins,sans-serif;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.3);transition:transform .2s}
.cb-launch:hover{transform:translateY(-2px)}
.cb-panel{position:fixed;right:16px;bottom:84px;z-index:1600;width:370px;max-width:calc(100vw - 24px);height:540px;max-height:calc(100vh - 110px);background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(15,27,51,.32);display:flex;flex-direction:column;overflow:hidden}
.cb-panel[hidden]{display:none}
.cb-panel header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#035e55,#a3113a);color:#fff}
.cb-panel header b{display:block;font-size:15px}.cb-panel header small{font-size:12px;opacity:.85}
.cb-av{width:38px;height:38px;border-radius:50%;background:#fff;color:var(--red);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}
.cb-x{margin-left:auto;background:none;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.cb-log{flex:1;overflow-y:auto;padding:16px;background:#f8f9fc;display:flex;flex-direction:column;gap:10px}
.cb-msg{max-width:84%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.55;word-break:break-word}
.cb-msg.bot{background:#fff;border:1px solid #eceef5;color:#2a2f45;border-bottom-left-radius:4px;align-self:flex-start}
.cb-msg.me{background:var(--red);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.cb-choices{display:flex;flex-wrap:wrap;gap:8px}
.cb-chip{border:1px solid var(--red);background:#fff;color:var(--red);border-radius:999px;padding:8px 14px;font:500 13.5px Poppins,sans-serif;cursor:pointer;transition:.2s}
.cb-chip:hover{background:var(--red);color:#fff}
.cb-card{background:#fff;border:1px solid #d6e6e4;border-top:4px solid var(--red);border-radius:12px;padding:14px 16px;font-size:13.5px;box-shadow:0 8px 22px rgba(15,27,51,.07)}
.cb-card h4{margin:0 0 4px;font-size:16px}.cb-card p{margin:0 0 10px;color:var(--text)}
.cb-card h5{margin:12px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--red)}
.cb-card ul{margin:0;padding-left:18px;color:#2a2f45;line-height:1.55}.cb-card li{margin-bottom:4px}
.cb-place{display:flex;align-items:baseline;gap:8px;background:#f9eef2;border-radius:10px;padding:8px 12px}.cb-place b{font-size:24px;color:var(--red)}.cb-place span{font-size:12.5px;color:var(--text)}
.cb-link{display:block;margin-top:12px;text-align:center;background:var(--red);color:#fff;border-radius:8px;padding:10px;font-weight:600}
.cb-form{display:flex;gap:8px;padding:12px;border-top:1px solid #eceef5;background:#fff}
.cb-in{flex:1;min-width:0;padding:11px 14px;border:1px solid #dfe2ee;border-radius:999px;font-size:14px;background:#fafbfe}
.cb-in:focus{outline:0;border-color:var(--red)}
.cb-form button{width:42px;height:42px;border:0;border-radius:50%;background:var(--red);color:#fff;cursor:pointer;font-size:16px}
html.lb-open #chatbot{display:none}
@media(max-width:575px){.cb-launch span{display:none}.cb-launch{width:52px;padding:0;justify-content:center;right:10px}.cb-panel{right:8px;bottom:80px;height:calc(100vh - 100px)}.float-contact{bottom:86px;top:auto;transform:none}}
.float-contact:has(~ #chatbot.open){display:none}

/* 404 page */
.nf-code{font-size:clamp(70px,14vw,130px);font-weight:800;line-height:1;margin:0 0 6px;color:rgba(255,255,255,.18)}
.nf-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0}
.nf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:26px}
.nf-card{display:block;background:#fff;border:1px solid #eceef5;border-top:4px solid var(--red);border-radius:14px;padding:18px 20px;box-shadow:0 10px 26px rgba(15,27,51,.07);transition:.25s}
.nf-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(177,38,77,.14)}
.nf-card b{display:block;font-size:17px;color:var(--dark);margin-bottom:4px}.nf-card span{font-size:14px;color:var(--text)}

/* course page: recruiter logo carousel inside the dark placement band */
.place-logos{margin:22px -32px 0}
.place-logos .rc-track{animation-duration:36s;padding:8px 0}
.place-logos .rc-item{width:160px;height:80px}
.place-logos .rc-item:hover{border-color:var(--red)}
.place-logos .rc-wrap{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
@media(max-width:991px){.place-logos{margin:20px -20px 0}.place-logos .rc-item{width:140px;height:70px}}

/* placement band: white card with a red accent (replaces the dark band) */
.place-band{background:#fff;color:#2a2f45;border:1px solid #eceef5;border-top:5px solid var(--red);box-shadow:0 16px 40px rgba(15,27,51,.08)}
.place-band .blk-title{color:var(--dark)}
.place-band p{color:var(--text)}
.place-band b{color:var(--dark)}
.place-logos .rc-item{background:#fff;border:1px solid #e6e8f2;box-shadow:0 6px 16px rgba(15,27,51,.06)}
.place-logos .rc-item:hover{border-color:#e9b6c5;box-shadow:0 12px 26px rgba(177,38,77,.14)}
input::placeholder,textarea::placeholder{color:#5a5f73;opacity:1}

/* readability: small red labels use a deeper red, small green labels a deeper green */
.sub-title-red,.eyebrow,.tag,.tag-chip,.cc-link,.hc-mode,.contact-cards small,.art-h+*:not(p) small,.post-nav small,.syl-count,.rc-word:hover span,.red-h,.bank-card dt,.mgmt-role,.cb-card h5{color:#c20d33}
.tag-chip.over,.bf-flag{color:#fff}
.tag-green{color:#08795a}
.course-hero .sub-title-red,.course-hero .eyebrow{color:#e9b6c5}
.topic-count,.blk em,.syllabus-blk em{color:#c20d33}

/* home page: tighter spacing between sections */
.hero-banner{padding:70px 0 90px}
.home-stats{padding-bottom:0}
.courses-area{padding:48px 0 52px}
.partner-area{padding:48px 0}
.recruit-marquee{padding:36px 0 40px}
.vision-area{padding:48px 0 52px}
.enquire{padding:50px 0 56px}
.contact-page{padding-top:56px}
.courses-head{margin-bottom:24px}
.vision-area .section-title{margin-bottom:26px}
.section-title{margin-bottom:24px}
@media(max-width:640px){.hero-banner{padding:44px 0 60px}.courses-area,.partner-area,.vision-area,.enquire{padding:36px 0 40px}.recruit-marquee{padding:28px 0 30px}}