*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#161329;font-family:Inter,Arial,sans-serif;background:#fff}a{color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:#2f0a78;color:#fff;font-size:13px}.topin{height:34px;display:flex;gap:34px;align-items:center}header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 14px #160c3c14}.nav{height:82px;display:flex;align-items:center;gap:28px}.brand img{width:190px;height:64px;object-fit:contain}.nav nav{display:flex;gap:24px;align-items:center;margin-left:auto}.nav nav>a,.dd>a{text-decoration:none;font-weight:700;font-size:14px}.apply,.btn{background:#ed1c24;color:#fff;text-decoration:none;font-weight:800;padding:15px 21px;border-radius:8px}.dd{position:relative}.drop{position:absolute;display:none;top:100%;left:-16px;background:#fff;min-width:230px;padding:10px;border-radius:10px;box-shadow:0 14px 36px #1d0b5224}.dd:hover .drop{display:block}.drop a{display:block;text-decoration:none;padding:10px;border-radius:7px;font-size:14px}.drop a:hover{background:#f5f1ff}.menu{display:none}.homehero{min-height:560px;background-size:cover;background-position:center;position:relative;color:#fff}.homehero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(38,3,101,.96) 0%,rgba(47,9,116,.78) 42%,rgba(47,9,116,.12) 75%)}.heroCopy{position:relative;padding:90px 0;max-width:690px}.eyebrow{color:#ed1c24;font-weight:900;letter-spacing:4px;font-size:13px}.homehero h1,.innerhero h1{font-family:Georgia,serif;font-size:clamp(50px,6vw,82px);line-height:.96;margin:16px 0}.homehero p,.innerhero p{font-size:20px;line-height:1.5;max-width:650px}.actions{display:flex;gap:12px;margin-top:28px}.btn.alt{background:transparent;border:1px solid #fff}.benefits{margin-top:-34px;position:relative;z-index:3}.benefitgrid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:14px;box-shadow:0 16px 40px #1d0b5220;padding:22px}.benefitgrid div{padding:8px 22px;border-right:1px solid #e3dff0}.benefitgrid div:last-child{border:0}.benefitgrid strong{display:block;color:#321080;font-family:Georgia,serif;font-size:18px}.section{padding:64px 0}.soft{background:#f7f5fc}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section h2{font-family:Georgia,serif;color:#35108a;font-size:42px;margin:5px 0}.runner{overflow:hidden}.track{display:flex;gap:20px;width:max-content;animation:run 38s linear infinite}.runner:hover .track{animation-play-state:running !important}@keyframes run{to{transform:translateX(-50%)}}.slide{width:300px;flex:0 0 300px;background:#fff;border:1px solid #e5e1ef;border-radius:13px;overflow:hidden;text-decoration:none}.slide img{width:100%;height:190px;object-fit:cover}.slide div{padding:15px}.slide h3{font-family:Georgia,serif;color:#35108a;margin:0 0 7px;font-size:20px}.slide p{margin:0;color:#6a6474;font-size:14px}.innerhero{min-height:330px;background-size:cover;background-position:center;display:flex;align-items:center;color:#fff}.innerhero .wrap{padding:60px 0}.innerhero h1{font-size:58px}.content{padding:60px 0}.content h2{font-family:Georgia,serif;color:#35108a;font-size:36px}.content p{line-height:1.7;color:#393447}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #e4dfed;border-radius:14px;overflow:hidden;text-decoration:none;background:#fff;box-shadow:0 8px 24px #24105a0b}.card img{width:100%;height:220px;object-fit:cover}.cardbody{padding:18px}.cardbody span{font-size:12px;color:#ed1c24;font-weight:900;text-transform:uppercase;letter-spacing:1px}.card h3{font-family:Georgia,serif;color:#35108a;font-size:23px;margin:7px 0 16px}.card b{color:#35108a}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.split img{width:100%;height:430px;object-fit:cover;border-radius:18px}.notice{background:#f6f2ff;border-left:4px solid #35108a;padding:18px 20px;border-radius:8px}.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form label{font-weight:700;font-size:14px}.form input,.form select,.form textarea{width:100%;padding:13px;border:1px solid #d9d3e7;border-radius:8px;margin-top:6px;font:inherit}.form .full{grid-column:1/-1}.form button{border:0;cursor:pointer}.coursehero{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.coursehero img{width:100%;height:390px;object-fit:cover;border-radius:18px}.pill{display:inline-block;background:#f1ebff;color:#35108a;padding:8px 12px;border-radius:999px;font-weight:800;font-size:13px}footer{background:#22075f;color:#fff;padding:52px 0 0;margin-top:40px}.footgrid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:60px}.flogo{width:220px;background:#fff;border-radius:8px;padding:8px}.footgrid a{display:block;text-decoration:none;margin:9px 0;color:#eee}.footgrid p{line-height:1.6;color:#e6e0f4}.legal{margin-top:38px;padding:18px;text-align:center;background:#180447;color:#d9d1ec;font-size:12px}.wa{position:fixed;right:24px;bottom:24px;width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;z-index:99;box-shadow:0 8px 24px #0003}.wa svg{width:34px}.subject{padding:40px 0;border-bottom:1px solid #eee}.subject h2{font-family:Georgia,serif;color:#35108a;font-size:34px}.ucards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ucard{border:1px solid #e5e1ed;border-radius:12px;overflow:hidden;background:#fff}.ucard img{width:100%;height:170px;object-fit:cover}.ucard div{padding:14px}.ucard h3{font-family:Georgia,serif;color:#35108a;font-size:18px;margin:0 0 8px}.ucard a{font-weight:800;color:#ed1c24;text-decoration:none}@media(max-width:900px){.topbar{display:none}.nav{height:72px}.brand img{width:150px}.menu{display:block;margin-left:auto}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:flex-start}.nav nav.open{display:flex}.apply{display:none}.drop{position:static;display:block;box-shadow:none;padding-left:12px}.benefitgrid,.cards,.ucards,.footgrid,.split,.coursehero{grid-template-columns:1fr 1fr}.homehero{min-height:600px}.form{grid-template-columns:1fr}.form .full{grid-column:auto}}@media(max-width:620px){.wrap{width:min(100% - 24px,1180px)}.benefitgrid,.cards,.ucards,.footgrid,.split,.coursehero{grid-template-columns:1fr}.benefits{margin-top:0}.benefitgrid div{border-right:0;border-bottom:1px solid #eee}.homehero h1{font-size:50px}.actions{flex-direction:column;align-items:flex-start}.innerhero h1{font-size:44px}.slide{width:270px;flex-basis:270px}}
/* User-requested homepage hero update */
.ctc-requested-title {
text-align:left !important;
max-width:820px !important;
line-height:0.98 !important;
}
.hero, .home-hero, .ctc-hero {
text-align:left !important;
}
.hero .container, .home-hero .container, .ctc-hero .container,
.hero-content, .hero-copy {
text-align:left !important;
align-items:flex-start !important;
}
.hero p, .home-hero p, .ctc-hero p,
.hero .eyebrow, .home-hero .eyebrow, .ctc-hero .eyebrow {
text-align:left !important;
}
/* Keep all running sliders moving even when the pointer is over them */
.marquee-track, .running-track, .slider-track, .course-track,
[data-running-slider] > div {
animation-play-state:running !important;
}
.marquee:hover .marquee-track,
.running-slider:hover .running-track,
.slider:hover .slider-track,
.course-slider:hover .course-track,
[data-running-slider]:hover > div {
animation-play-state:running !important;
}
@media (max-width:700px) {
.ctc-requested-title br { display:none; }
}
/* Corrected homepage hero: exact two-line copy, true left alignment */
.homehero.liveHero{
min-height:560px;
background-size:cover;
background-position:center 42%;
transition:background-image 1s ease-in-out;
}
.homehero.liveHero .heroCopy{
width:min(1180px,calc(100% - 40px));
max-width:none !important;
margin:0 auto;
padding:92px 0 100px;
text-align:left !important;
}
.homehero.liveHero .heroCopy .eyebrow,
.homehero.liveHero .heroCopy p,
.homehero.liveHero .heroCopy .actions{
margin-left:0 !important;
text-align:left !important;
}
.homehero.liveHero .ctc-requested-title{
width:100%;
max-width:980px !important;
margin:16px 0 24px !important;
font-size:clamp(54px,5.25vw,76px) !important;
line-height:1.00 !important;
text-align:left !important;
}
.homehero.liveHero .ctc-requested-title span{
display:block;
white-space:nowrap;
}
.homehero.liveHero p{
max-width:720px !important;
}
.homehero.liveHero:before{
background:linear-gradient(90deg,rgba(38,3,101,.96) 0%,rgba(47,9,116,.80) 38%,rgba(47,9,116,.18) 70%,rgba(47,9,116,.05) 100%) !important;
}
/* Course/image runners must NEVER pause on mouse hover */
.runner .track,
.runner:hover .track,
.runner:focus-within .track,
.slide:hover,
.slide:focus{
animation-play-state:running !important;
}
.track{animation-play-state:running !important;}
@media(max-width:900px){
.homehero.liveHero .ctc-requested-title{
font-size:clamp(46px,8vw,64px) !important;
}
}
@media(max-width:700px){
.homehero.liveHero .heroCopy{width:min(100% - 28px,1180px);padding:72px 0 84px}
.homehero.liveHero .ctc-requested-title span{white-space:normal}
}
/* Final clean Thames hero */
.cleanThamesHero{
background-size:cover !important;
background-position:center center !important;
min-height:650px !important;
}
.cleanThamesHero .heroCopy{
width:min(1180px,calc(100% - 48px)) !important;
margin:0 auto !important;
padding:110px 0 105px !important;
text-align:left !important;
}
.cleanThamesHero .ctc-requested-title{
max-width:900px !important;
margin:16px 0 22px !important;
font-size:clamp(54px,4.9vw,78px) !important;
line-height:1.02 !important;
text-align:left !important;
}
.cleanThamesHero .ctc-requested-title span{display:block;white-space:nowrap}
.cleanThamesHero .eyebrow,
.cleanThamesHero p,
.cleanThamesHero .actions{text-align:left !important;margin-left:0 !important}
.cleanThamesHero p{max-width:720px !important}
.cleanThamesHero:before{
background:linear-gradient(90deg,rgba(22,9,45,.82) 0%,rgba(34,11,78,.60) 34%,rgba(22,9,45,.18) 62%,rgba(0,0,0,.03) 100%) !important;
}
.runner .track,.runner:hover .track,.runner:focus-within .track,
.running-slider .track,.running-slider:hover .track,
.course-slider .track,.course-slider:hover .track{
animation-play-state:running !important;
}
@media(max-width:700px){
.cleanThamesHero{min-height:600px !important}
.cleanThamesHero .heroCopy{width:calc(100% - 30px) !important;padding:80px 0 !important}
.cleanThamesHero .ctc-requested-title span{white-space:normal}
}
/* REAL PHOTO HERO - no screenshot/mockup backgrounds */
.cleanThamesHero{
position:relative !important;
overflow:hidden !important;
background:none !important;
min-height:650px !important;
}
.cleanThamesHero .realHeroPhoto{
position:absolute;
inset:0;
z-index:0;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
opacity:1;
transition:opacity .55s ease;
transform:scale(1.002);
}
.cleanThamesHero::before{
content:"";
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(90deg,rgba(38,8,94,.92) 0%,rgba(45,7,115,.67) 37%,rgba(28,8,66,.20) 68%,rgba(0,0,0,.06) 100%) !important;
pointer-events:none;
}
.cleanThamesHero .heroCopy{position:relative;z-index:2}
.cleanThamesHero .ctc-requested-title span{display:block;white-space:nowrap}
.photoCredits{font-size:11px;opacity:.65;margin-top:14px}
/* COURSE SLIDERS: run normally, PAUSE while mouse is over the slider */
.runner .track,.running-slider .track,.course-slider .track{
animation-play-state:running !important;
}
.runner:hover .track,.runner:focus-within .track,
.running-slider:hover .track,.running-slider:focus-within .track,
.course-slider:hover .track,.course-slider:focus-within .track{
animation-play-state:paused !important;
}
@media(max-width:700px){
.cleanThamesHero .ctc-requested-title span{white-space:normal}
}
/* Fix CTC course-card image rendering */
.courseCard img,.course-card img,.card img{
width:100%;
height:230px;
object-fit:cover;
display:block;
}
/* Footer logo on purple: no white card/background */
footer .brand img,
footer .footer-brand img,
footer img[alt*="City Thames"],
footer img[alt*="CTC"]{
background:transparent !important;
border:0 !important;
box-shadow:none !important;
border-radius:0 !important;
padding:0 !important;
max-width:300px;
height:auto;
}
footer .brand,footer .footer-brand{
background:transparent !important;
}
/* Course sliders pause on hover as requested */
.runner:hover .track,.runner:focus-within .track,
.running-slider:hover .track,.running-slider:focus-within .track,
.course-slider:hover .track,.course-slider:focus-within .track{
animation-play-state:paused !important;
}
/* Running course slider image visibility fix */
.runner .slide img,
.runner .courseCard img,
.runner .course-card img,
.running-slider img,
.course-slider img,
.courseCard img,
.course-card img{
display:block !important;
width:100% !important;
height:230px !important;
min-height:230px !important;
object-fit:cover !important;
object-position:center !important;
opacity:1 !important;
visibility:visible !important;
background:#eee;
}
/* Course slider runs normally and pauses only while hovered */
.runner .track,.running-slider .track,.course-slider .track{animation-play-state:running !important}
.runner:hover .track,.running-slider:hover .track,.course-slider:hover .track{animation-play-state:paused !important}
/* User-approved purple footer logo and exact matching purple background */
footer {
background:#2d0273 !important;
}
footer .ctc-purple-footer-logo {
display:block !important;
width:min(100%, 340px) !important;
height:auto !important;
object-fit:contain !important;
background:#2d0273 !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
padding:0 !important;
margin:0 0 24px 0 !important;
}
footer .brand, footer .footer-brand,
footer .brand img, footer .footer-brand img {
background:#2d0273 !important;
box-shadow:none !important;
border:0 !important;
}
/* Professional CTC About dropdown */
.aboutNavItem{position:relative;display:flex;align-items:center;height:100%}
.ctcAboutDropdown{
position:absolute;top:calc(100% + 16px);left:-34px;width:330px;background:#fff;
border:1px solid #e6e1ef;border-radius:14px;padding:16px;box-shadow:0 20px 45px rgba(31,13,72,.16);
opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease;z-index:9999;
}
.aboutNavItem:hover .ctcAboutDropdown,.aboutNavItem:focus-within .ctcAboutDropdown{opacity:1;visibility:visible;transform:none}
.ctcAboutDropdown a{display:block!important;padding:13px 15px!important;border-radius:9px;color:#17142a!important;text-decoration:none!important;font-weight:650!important;white-space:nowrap}
.ctcAboutDropdown a:hover{background:#f5f1fb!important;color:#35108a!important}
/* CTC About family pages */
.aboutHero{position:relative;min-height:470px;background-size:cover;background-position:center;display:flex;align-items:flex-end}
.aboutHeroOverlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(38,6,99,.94),rgba(48,12,117,.68) 46%,rgba(20,8,47,.18))}
.aboutHeroInner{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:90px 0 72px;color:#fff}
.aboutEyebrow{font-size:14px;letter-spacing:.24em;font-weight:800;color:#ff2a31;margin-bottom:16px}
.aboutHero h1{font-family:Georgia,serif;font-size:clamp(48px,6vw,78px);line-height:1.02;margin:0 0 20px;max-width:850px}
.aboutHero p{font-size:20px;line-height:1.65;max-width:790px;margin:0}
.aboutIntroGrid{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:90px 0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:70px;align-items:start}
.aboutTextBlock{padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid #e8e3ef}
.aboutTextBlock:last-child{border-bottom:0;margin-bottom:0}
.aboutTextBlock h2{font-family:Georgia,serif;color:#35108a;font-size:34px;margin:0 0 14px}
.aboutTextBlock p{font-size:18px;line-height:1.8;color:#454151;margin:0}
.aboutSide{position:sticky;top:120px}
.aboutSide img{display:block;width:100%;height:460px;object-fit:cover;border-radius:18px}
.aboutSideNote{background:#35108a;color:#fff;margin:-54px 20px 0;position:relative;padding:25px;border-radius:14px;box-shadow:0 14px 30px rgba(34,7,95,.18)}
.aboutSideNote strong{display:block;font-family:Georgia,serif;font-size:24px;margin-bottom:8px}
.aboutSideNote span{line-height:1.55;opacity:.9}
.aboutCta{background:#250667;color:#fff;padding:58px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;gap:40px;align-items:center}
.aboutCta span{color:#ff292f;letter-spacing:.2em;font-weight:800;font-size:13px}
.aboutCta h2{font-family:Georgia,serif;font-size:36px;margin:9px 0 0}
.aboutCtaActions{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:850px){
.aboutIntroGrid{grid-template-columns:1fr;gap:40px;padding:60px 0}
.aboutSide{position:static}.aboutSide img{height:380px}
.aboutCta{display:block}.aboutCtaActions{margin-top:25px}
.ctcAboutDropdown{left:0;width:min(330px,90vw)}
}
/* About Us: keyboard, pointer and touch navigation */
.about-menu{display:flex;align-items:center;gap:4px}
.about-toggle{border:0;background:transparent;color:#35108a;cursor:pointer;font-size:18px;padding:8px;min-width:32px;min-height:40px}
.about-menu:focus-within .drop,.about-menu.is-open .drop{display:block}
.about-menu .drop{min-width:250px}
.about-menu a:focus-visible,.about-toggle:focus-visible{outline:2px solid #ed1c24;outline-offset:3px}
@media(max-width:900px){nav.open .about-menu{flex-wrap:wrap}nav.open .about-menu .drop{position:static;width:100%;box-shadow:none;margin:0}}
/* CTC course navigation: expanding Level 2 and Level 3 menus */
.courses-menu{display:flex;align-items:center;gap:3px}
.courses-toggle,.level-toggle{border:0;background:transparent;color:#35108a;font-size:18px;cursor:pointer;min-height:40px;min-width:30px}
.courses-menu>.drop{min-width:230px}
.courses-menu:focus-within>.drop,.courses-menu.is-open>.drop{display:block}
.course-submenu{position:relative}.course-level-row{display:flex;align-items:center;justify-content:space-between}.course-level-row>a{flex:1;font-weight:700}
.course-flyout{display:none;position:absolute;left:100%;top:0;width:310px;padding:10px;background:#fff;border-radius:10px;box-shadow:0 14px 36px #1d0b5224}
.course-submenu:hover>.course-flyout,.course-submenu:focus-within>.course-flyout,.course-submenu.is-open>.course-flyout{display:block}
.courses-menu a:focus-visible,.courses-menu button:focus-visible{outline:2px solid #ed1c24;outline-offset:2px}
.ctc-slider-section{margin-bottom:48px}.ctc-slider{overflow:hidden;padding:4px 0 18px}.ctc-slide-track{display:flex;width:max-content;gap:22px;animation:ctcCourseRun 32s linear infinite}.ctc-slide-group{display:flex;gap:22px}.ctc-slide{width:300px;flex:0 0 300px}.ctc-slide img{display:block;width:100%;height:230px;object-fit:cover}.ctc-slide .cardbody{min-height:180px}.ctc-slide b,.course-explore{display:block;color:#35108a;margin-top:14px}.ctc-slide:hover b,.ctc-slide:focus-visible b{color:#ed1c24}
@keyframes ctcCourseRun{to{transform:translateX(calc(-50% - 11px))}}
.ctc-slider-section:hover .ctc-slide-track,.ctc-slider-section:focus-within .ctc-slide-track,.ctc-slider-section.paused .ctc-slide-track{animation-play-state:paused}
.ctc-slider-pause{border:1px solid #35108a;border-radius:7px;background:#fff;color:#35108a;padding:10px 14px;cursor:pointer;font-size:14px}
@media(max-width:1050px){.course-flyout{left:auto;right:100%}}
@media(max-width:900px){nav.open .courses-menu{flex-wrap:wrap}nav.open .courses-menu>.drop{position:static;width:100%;box-shadow:none}nav.open .course-flyout{position:static;width:100%;box-shadow:none;padding-left:20px}.ctc-slide{width:270px;flex-basis:270px}}
@media(prefers-reduced-motion:reduce){.ctc-slide-track{animation:none}.ctc-slider{overflow-x:auto}.ctc-slide-group[aria-hidden]{display:none}}
/* Keep the logo, navigation and application action on one header row. */
header .wrap.nav{width:min(1440px,calc(100% - 40px));display:flex;flex-wrap:nowrap;gap:18px;height:82px}
header .brand{flex:0 0 165px}header .brand img{width:165px;max-width:100%;height:64px}
header .nav nav{flex-wrap:nowrap;gap:14px;margin-left:auto}
header .nav nav>a,header .nav .dd>a{white-space:nowrap;line-height:1.3}
header .nav .dd{flex-shrink:0}
header .nav>.apply{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap;padding:14px 18px;line-height:1.2}
header .nav>.menu{flex-shrink:0}
@media(min-width:1101px){header .nav>.menu{display:none}header .nav nav{display:flex}}
@media(max-width:1100px){
header .wrap.nav{height:72px;gap:12px}
header .brand{flex-basis:150px}header .brand img{width:150px;height:58px}
header .nav>.menu{display:block;margin-left:auto;border:1px solid #ddd;background:#fff;border-radius:6px;padding:8px;font-size:20px}
header .nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:flex-start;max-height:calc(100vh - 110px);overflow-y:auto}
header .nav nav.open{display:flex}
header .nav .dd{width:100%;flex-wrap:wrap}
header .nav .drop{position:static;display:none;width:100%;box-shadow:none;padding-left:12px}
header .nav .dd:hover>.drop,header .nav .dd:focus-within>.drop,header .nav .dd.is-open>.drop{display:block}
header .nav .course-flyout{position:static;width:100%;box-shadow:none;padding-left:20px}
}
@media(max-width:480px){header .wrap.nav{width:calc(100% - 24px);gap:8px}header .brand{flex-basis:115px}header .brand img{width:115px}header .nav>.apply{padding:12px 10px;font-size:14px}}
/* University menu: category, department and individual course. */
.university-menu{display:flex;align-items:center;gap:3px}.uni-toggle{border:0;background:transparent;color:#35108a;min-width:28px;min-height:40px;font-size:18px;cursor:pointer}
.university-menu:focus-within>.drop,.university-menu.is-open>.drop{display:block}
.university-menu>.drop{width:250px}.uni-branch{position:relative}.uni-row{display:flex;align-items:center;justify-content:space-between}.uni-row>a{flex:1}
.uni-panel{display:none;position:absolute;left:100%;top:0;width:270px;background:#fff;border-radius:10px;padding:10px;box-shadow:0 14px 36px #1d0b5224;max-height:65vh;overflow:visible}
.uni-panel .uni-panel{width:300px}.uni-panel a{white-space:normal;line-height:1.4}.uni-branch:hover>.uni-panel,.uni-branch:focus-within>.uni-panel,.uni-branch.is-open>.uni-panel{display:block}
.uni-panel .uni-panel{left:auto;right:100%;max-height:65vh;overflow-y:auto}
.university-menu a:focus-visible,.uni-toggle:focus-visible{outline:2px solid #ed1c24;outline-offset:2px}
@media(max-width:1100px){header .nav .university-menu{flex-wrap:wrap}header .nav .uni-panel,header .nav .uni-panel .uni-panel{position:static;width:100%;max-height:none;padding-left:16px;box-shadow:none}.uni-row{width:100%}}
.services-menu{display:flex;align-items:center;gap:3px}.services-toggle{border:0;background:transparent;color:#35108a;min-width:28px;min-height:40px;font-size:18px;cursor:pointer}.services-menu:focus-within>.drop,.services-menu.is-open>.drop{display:block}.services-menu>.drop{min-width:260px}.service-copy{max-width:1000px}.service-copy section{margin-bottom:35px}.services-menu a:focus-visible,.services-toggle:focus-visible{outline:2px solid #ed1c24;outline-offset:2px}.service-copy li{margin-bottom:12px;line-height:1.6}
/* Solid brand background for service headings without a photograph. */
.innerhero{background-color:#2a0568}
.opportunities-menu{display:flex;align-items:center;gap:3px}.opportunities-toggle{border:0;background:transparent;color:#35108a;min-width:28px;min-height:40px;font-size:18px;cursor:pointer}.opportunities-menu:focus-within>.drop,.opportunities-menu.is-open>.drop{display:block}.opportunities-menu>.drop{min-width:290px;left:auto;right:0}.opportunities-menu a:focus-visible,.opportunities-toggle:focus-visible{outline:2px solid #ed1c24;outline-offset:2px}
/* Matching solid purple dropdown triangles across all header sections. */
.dropdown-triangle{display:inline-block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #35108a;vertical-align:middle}
.about-toggle,.courses-toggle,.services-toggle,.opportunities-toggle,.university-menu>.uni-toggle{display:inline-flex;align-items:center;justify-content:center;padding:8px;line-height:1}
/* Regular weight for the Level 2 and Level 3 dropdown labels. */
header .courses-menu .course-level-row>a{font-weight:400}
/* Homepage network / quality sections - added to the latest CTC build */
.networkShowcase{background:#f7f5f2;padding:72px 0 60px;overflow:hidden}.awardingShowcase{padding-top:78px}.networkHead{text-align:center}.networkHead h2{font-family:Georgia,serif;color:#35108a;font-size:clamp(40px,4.2vw,58px);margin:12px 0 18px}.networkHead>p{max-width:850px;margin:0 auto 38px;font-size:18px;line-height:1.65}.networkViewport{overflow:hidden;width:100%;padding:4px 0 20px}.networkTrack{display:flex;gap:24px;width:max-content;animation:networkRun 42s linear infinite}.networkTrackReverse{animation-name:networkRunReverse}.networkViewport:hover .networkTrack{animation-play-state:paused}.networkCard{width:360px;height:220px;flex:0 0 360px;background:#fff;border:1px solid #e8e3ef;border-radius:22px;box-shadow:0 10px 30px #24105a0d;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.networkCard strong,.recognitionCard strong{font-family:Georgia,serif;color:#35108a;font-size:29px}.networkCard span,.recognitionCard span{margin-top:18px;color:#ed1c24;font-weight:900;text-transform:uppercase;letter-spacing:1px}.recognitionShowcase{background:#fff;padding:78px 0 82px}.recognitionGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}.recognitionCard{min-height:180px;border:1px solid #e8e3ef;border-radius:18px;background:#fff;box-shadow:0 10px 28px #24105a0d;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px}@keyframes networkRun{to{transform:translateX(calc(-384px * 6))}}@keyframes networkRunReverse{from{transform:translateX(calc(-384px * 6))}to{transform:translateX(0)}}@media(max-width:700px){.networkShowcase,.recognitionShowcase{padding:52px 0}.networkCard{width:280px;flex-basis:280px;height:180px}.networkCard strong,.recognitionCard strong{font-size:24px}.recognitionGrid{grid-template-columns:1fr}.recognitionCard{min-height:150px}@keyframes networkRun{to{transform:translateX(calc(-304px * 6))}}@keyframes networkRunReverse{from{transform:translateX(calc(-304px * 6))}to{transform:translateX(0)}}}@media(prefers-reduced-motion:reduce){.networkTrack{animation:none}}
/* EduEx-reference university application form - CTC branded */
.eduex-style-form textarea{
width:100%; box-sizing:border-box; border:1px solid #d8d1e7; border-radius:10px;
padding:16px; font:inherit; resize:vertical; background:#fff;
}
.eduex-style-form select{background:#fff}
.eduex-style-form .eduex-consent{align-items:center}
.eduex-style-form .btn{margin-top:4px}
/* ===== Premium CTC University Application Form ===== */
.ctc-application-section{
background:linear-gradient(180deg,#f8f6fc 0%,#ffffff 100%);
padding:72px 0 88px;
}
.ctc-application-shell{
display:grid;
grid-template-columns:330px minmax(0,1fr);
gap:28px;
align-items:start;
}
.ctc-application-aside{
position:sticky;
top:118px;
overflow:hidden;
border-radius:24px;
padding:38px 32px;
color:#fff;
background:
radial-gradient(circle at 100% 0%,rgba(255,255,255,.15),transparent 34%),
linear-gradient(155deg,#3b0798 0%,#27006d 72%);
box-shadow:0 24px 55px rgba(45,2,115,.18);
}
.ctc-application-aside:after{
content:"";
position:absolute;
width:180px;height:180px;border:1px solid rgba(255,255,255,.14);
border-radius:50%;right:-92px;bottom:-72px;
}
.ctc-app-kicker,.ctc-app-mini{
display:inline-block;
font-size:12px;
font-weight:800;
letter-spacing:.18em;
text-transform:uppercase;
}
.ctc-app-kicker{color:#ff6a70}
.ctc-application-aside h2{
color:#fff;
font-family:Georgia,serif;
font-size:34px;
line-height:1.08;
margin:12px 0 16px;
}
.ctc-application-aside>p{
color:rgba(255,255,255,.82);
line-height:1.7;
margin:0 0 30px;
}
.ctc-app-steps{display:grid;gap:18px}
.ctc-app-step{
display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;
padding:14px 0;border-top:1px solid rgba(255,255,255,.13);
}
.ctc-app-step>span{
width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
background:rgba(255,255,255,.12);font-weight:800;font-size:12px;
}
.ctc-app-step strong{display:block;color:#fff;font-size:15px}
.ctc-app-step small{display:block;color:rgba(255,255,255,.64);margin-top:3px}
.ctc-app-help{
margin-top:28px;padding:20px;border-radius:16px;
background:rgba(255,255,255,.09);position:relative;z-index:1;
}
.ctc-app-help strong{display:block;margin-bottom:7px}
.ctc-app-help p{margin:0;color:rgba(255,255,255,.78);line-height:1.6;font-size:14px}
.ctc-app-help a{color:#fff;text-decoration:none}
.ctc-application-card{
background:#fff;border:1px solid #ebe6f3;border-radius:24px;
padding:40px;box-shadow:0 24px 60px rgba(34,13,76,.08);
}
.ctc-app-card-head{margin-bottom:24px}
.ctc-app-mini{color:#e51a22}
.ctc-app-card-head h2{
margin:8px 0 8px;color:#2d0273;font-family:Georgia,serif;
font-size:clamp(30px,3vw,42px);line-height:1.08;
}
.ctc-app-card-head p{margin:0;color:#5d5968}
.ctc-app-notice{
display:grid;grid-template-columns:36px 1fr;gap:13px;align-items:center;
padding:16px 18px;margin:0 0 30px;border-radius:14px;
background:#f5f1ff;border:1px solid #e5dcfb;color:#312943;
}
.ctc-notice-icon{
width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
background:#35108a;color:#fff;font-family:Georgia,serif;font-weight:700;
}
.ctc-app-notice p{margin:0;line-height:1.55;font-size:14px}
.ctc-premium-form{gap:20px 18px}
.ctc-form-section-title{
display:flex;align-items:center;gap:12px;margin:10px 0 0;padding:0 0 14px;
border-bottom:1px solid #ece8f2;
}
.ctc-form-section-title:first-child{margin-top:0}
.ctc-form-section-title>span{
width:36px;height:36px;border-radius:10px;display:grid;place-items:center;
background:#35108a;color:#fff;font-weight:800;font-size:12px;
}
.ctc-form-section-title strong{display:block;color:#211a32;font-size:17px}
.ctc-form-section-title small{display:block;color:#817a8e;margin-top:2px;font-weight:400}
.ctc-premium-form label>span:first-child{
display:block;margin-bottom:8px;color:#211a32;font-weight:750;font-size:14px;
}
.ctc-premium-form label>span b{color:#e51a22}
.ctc-premium-form label>span em{
color:#8b8494;font-style:normal;font-size:12px;font-weight:600;margin-left:5px;
}
.ctc-premium-form input:not([type="checkbox"]),
.ctc-premium-form select,
.ctc-premium-form textarea{
width:100%;box-sizing:border-box;border:1px solid #dcd6e8;border-radius:12px;
background:#fbfafe;color:#1d1728;font:inherit;outline:none;
transition:border-color .2s,box-shadow .2s,background .2s;
}
.ctc-premium-form input:not([type="checkbox"]),
.ctc-premium-form select{height:56px;padding:0 16px}
.ctc-premium-form textarea{padding:16px;min-height:128px;resize:vertical}
.ctc-premium-form input:focus,
.ctc-premium-form select:focus,
.ctc-premium-form textarea:focus{
border-color:#6c40c5;background:#fff;box-shadow:0 0 0 4px rgba(53,16,138,.08);
}
.ctc-premium-form input::placeholder,.ctc-premium-form textarea::placeholder{color:#9a94a3}
.ctc-consent-row{
display:flex!important;align-items:flex-start;gap:11px;padding:16px 18px;
border-radius:12px;background:#faf9fc;border:1px solid #eeeaf3;
}
.ctc-consent-row input{
width:18px!important;height:18px!important;min-width:18px;margin:1px 0 0;accent-color:#35108a;
}
.ctc-consent-row span{margin:0!important;font-size:14px!important;line-height:1.45;font-weight:600!important}
.ctc-submit-button{
height:58px;border:0;border-radius:12px;padding:0 22px;cursor:pointer;
display:flex;align-items:center;justify-content:center;gap:12px;
background:linear-gradient(90deg,#e91d2a,#f12830);color:#fff;
font-weight:800;font-size:16px;box-shadow:0 12px 26px rgba(233,29,42,.18);
transition:transform .2s,box-shadow .2s;
}
.ctc-submit-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(233,29,42,.24)}
.ctc-submit-arrow{font-size:22px;line-height:1}
.ctc-form-footnote{text-align:center;margin:-4px 0 0;color:#8a8491;font-size:12px}
@media(max-width:980px){
.ctc-application-shell{grid-template-columns:1fr}
.ctc-application-aside{position:relative;top:auto}
.ctc-app-steps{grid-template-columns:repeat(3,1fr);gap:10px}
.ctc-app-step{display:block}
.ctc-app-step>span{margin-bottom:10px}
}
@media(max-width:700px){
.ctc-application-section{padding:42px 0 58px}
.ctc-application-aside,.ctc-application-card{padding:26px 20px;border-radius:18px}
.ctc-app-steps{grid-template-columns:1fr}
.ctc-app-step{display:grid}
.ctc-app-step>span{margin-bottom:0}
.ctc-premium-form{grid-template-columns:1fr!important}
.ctc-premium-form>*{grid-column:1/-1!important}
}
/* ===== CTC About page - professional text-led redesign, no content photography ===== */
.ctc-about-hero{
position:relative;overflow:hidden;color:#fff;padding:92px 0 98px;
background:linear-gradient(118deg,#250064 0%,#3c128b 47%,#a89cbd 100%);
}
.ctc-about-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,0,67,.18),transparent 65%)}
.ctc-about-hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;right:-120px;top:-230px;background:rgba(255,255,255,.10);filter:blur(2px)}
.ctc-about-hero-content{position:relative;z-index:1;max-width:1120px}
.ctc-about-kicker,.ctc-about-section-kicker{display:inline-block;color:#ef2833;font-size:13px;font-weight:850;letter-spacing:.22em;text-transform:uppercase}
.ctc-about-hero h1{max-width:1050px;margin:18px 0 24px;font-family:Georgia,serif;font-size:clamp(48px,6.5vw,86px);line-height:.98;color:#fff;letter-spacing:-.025em}
.ctc-about-hero p{max-width:970px;margin:0;color:rgba(255,255,255,.9);font-size:20px;line-height:1.7}
.ctc-about-intro{padding:88px 0 84px;background:#fff}
.ctc-about-lead-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.ctc-about-lead-title h2,.ctc-about-section-head h2,.ctc-about-experience h2,.ctc-about-london h2{font-family:Georgia,serif;color:#2d0273;font-size:clamp(34px,4vw,54px);line-height:1.08;margin:14px 0 0}
.ctc-about-lead-copy p{font-size:17px;line-height:1.8;color:#494454;margin:0 0 18px}
.ctc-about-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:62px}
.ctc-about-pillar{position:relative;padding:30px 28px 32px;border:1px solid #ece8f2;border-radius:20px;background:#fbfafe;box-shadow:0 14px 34px rgba(45,2,115,.05)}
.ctc-pillar-number{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#35108a;color:#fff;font-weight:850;font-size:12px;margin-bottom:22px}
.ctc-about-pillar h3{font-family:Georgia,serif;color:#2d0273;font-size:25px;margin:0 0 12px}
.ctc-about-pillar p{margin:0;color:#5b5564;line-height:1.7}
.ctc-about-dark{padding:88px 0;background:linear-gradient(135deg,#260064,#35108a);color:#fff}
.ctc-about-dark-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px}
.ctc-about-section-kicker.light{color:#ff5a62}
.ctc-about-dark-heading h2{font-family:Georgia,serif;color:#fff;font-size:clamp(36px,4vw,55px);line-height:1.08;margin:14px 0 0}
.ctc-about-dark-content{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ctc-about-dark-item{padding:25px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.07)}
.ctc-about-dark-item h3{margin:0 0 9px;color:#fff;font-size:19px}
.ctc-about-dark-item p{margin:0;color:rgba(255,255,255,.78);line-height:1.65;font-size:15px}
.ctc-about-scope{padding:88px 0;background:#f8f6fb}
.ctc-about-section-head{text-align:center;max-width:850px;margin:0 auto 42px}
.ctc-about-section-head p{font-size:17px;line-height:1.75;color:#5c5666;margin:18px auto 0}
.ctc-about-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ctc-scope-card{padding:38px;border-radius:22px;background:#fff;border:1px solid #e9e4f0;box-shadow:0 14px 36px rgba(45,2,115,.06)}
.ctc-scope-card.featured{border-top:4px solid #35108a}
.ctc-scope-tag{display:inline-block;color:#e51a22;font-size:11px;font-weight:850;letter-spacing:.15em;margin-bottom:15px}
.ctc-scope-card h3{font-family:Georgia,serif;color:#2d0273;font-size:29px;margin:0 0 14px}
.ctc-scope-card p{color:#595362;line-height:1.75;margin:0 0 22px}
.ctc-scope-card a{color:#35108a;font-weight:800;text-decoration:none}
.ctc-about-experience{padding:88px 0;background:#fff}
.ctc-about-experience-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.ctc-about-experience-grid>div:first-child>p{font-size:17px;line-height:1.78;color:#5b5564;margin:18px 0 0}
.ctc-about-checks{display:grid;gap:14px}
.ctc-about-checks>div{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:19px 20px;border-radius:16px;background:#faf9fc;border:1px solid #ece8f2}
.ctc-about-checks>div>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#35108a;color:#fff;font-weight:900}
.ctc-about-checks p{margin:0;color:#5c5666;line-height:1.55}
.ctc-about-checks strong{color:#282132}
.ctc-about-london{padding:86px 0;background:#f3f0f8}
.ctc-about-london-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.ctc-about-london-copy p{font-size:17px;line-height:1.8;color:#585160;margin:18px 0 0}
.ctc-about-values{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ctc-about-values>div{padding:22px;border-radius:16px;background:#fff;border:1px solid #e7e2ed}
.ctc-about-values strong{display:block;color:#2d0273;font-family:Georgia,serif;font-size:21px;margin-bottom:6px}
.ctc-about-values span{color:#6a6371;font-size:14px;line-height:1.5}
.ctc-about-provider-note{padding:34px 0 0;background:#fff}
.ctc-provider-note-inner{display:grid;grid-template-columns:42px 1fr;gap:16px;align-items:start;padding:22px 24px;border-radius:16px;background:#f5f1ff;border-left:4px solid #35108a}
.ctc-provider-note-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#35108a;color:#fff;font-family:Georgia,serif;font-weight:800}
.ctc-provider-note-inner strong{color:#2d0273}
.ctc-provider-note-inner p{margin:5px 0 0;color:#5b5564;line-height:1.65;font-size:14px}
.ctc-about-cta{margin-top:70px}
.ctc-about-cta>div:first-child p{margin:10px 0 0;max-width:660px}
@media(max-width:900px){
.ctc-about-lead-grid,.ctc-about-dark-grid,.ctc-about-experience-grid,.ctc-about-london-inner{grid-template-columns:1fr;gap:36px}
.ctc-about-pillars{grid-template-columns:1fr}
.ctc-about-scope-grid{grid-template-columns:1fr}
.ctc-about-dark-content{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
.ctc-about-hero{padding:64px 0 68px}
.ctc-about-hero p{font-size:17px}
.ctc-about-intro,.ctc-about-dark,.ctc-about-scope,.ctc-about-experience,.ctc-about-london{padding:58px 0}
.ctc-about-dark-content,.ctc-about-values{grid-template-columns:1fr}
.ctc-scope-card{padding:28px 24px}
}
/* ===== About hero: modern classroom with students ===== */
.ctc-about-hero{
background:
linear-gradient(90deg,
rgba(37,0,100,.96) 0%,
rgba(45,2,115,.91) 34%,
rgba(53,16,138,.74) 57%,
rgba(53,16,138,.34) 78%,
rgba(31,0,82,.20) 100%
),
url("https://images.unsplash.com/photo-1758270703884-e1c40c43465f?auto=format&fit=crop&w=2400&q=90") center 42% / cover no-repeat !important;
}
.ctc-about-hero:before{
background:linear-gradient(180deg,rgba(25,0,67,.08),rgba(25,0,67,.18)) !important;
}
.ctc-about-hero-glow{
display:none !important;
}
@media(max-width:760px){
.ctc-about-hero{
background:
linear-gradient(90deg,rgba(37,0,100,.94),rgba(53,16,138,.72)),
url("https://images.unsplash.com/photo-1758270703884-e1c40c43465f?auto=format&fit=crop&w=1600&q=88") 58% center / cover no-repeat !important;
}
}
/* ===== CTC Mission & Vision - professional text-led redesign ===== */
.ctc-mv-hero .aboutHeroOverlay{
background:linear-gradient(90deg,rgba(36,0,98,.96) 0%,rgba(48,7,119,.83) 48%,rgba(27,0,66,.46) 100%) !important;
}
.ctc-mv-hero .aboutHeroInner{max-width:1050px}
.ctc-mv-hero .aboutHeroInner p{max-width:930px;line-height:1.65}
.ctc-mv-intro{padding:86px 0 76px;background:#fff}
.ctc-mv-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
.ctc-mv-kicker{display:inline-block;color:#e51a22;font-size:12px;font-weight:850;letter-spacing:.2em;text-transform:uppercase}
.ctc-mv-intro h2,.ctc-mv-section-head h2,.ctc-mv-priority-title h2{
margin:13px 0 0;font-family:Georgia,serif;color:#2d0273;
font-size:clamp(35px,4vw,54px);line-height:1.08
}
.ctc-mv-intro-copy p{margin:0 0 18px;color:#575160;font-size:17px;line-height:1.8}
.ctc-mv-core{padding:0 0 86px;background:#fff}
.ctc-mv-core-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ctc-mv-core-card{position:relative;overflow:hidden;padding:42px 38px;border-radius:24px;min-height:430px}
.ctc-mv-core-card.mission{background:#35108a;color:#fff}
.ctc-mv-core-card.vision{background:#f4f0fb;border:1px solid #e5dcf3;color:#282132}
.ctc-mv-core-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-95px;bottom:-105px;border:1px solid currentColor;opacity:.08}
.ctc-mv-card-label{display:inline-block;color:#ff555d;font-size:11px;font-weight:850;letter-spacing:.18em;margin-bottom:18px}
.ctc-mv-core-card h2{font-family:Georgia,serif;font-size:clamp(30px,3.1vw,43px);line-height:1.1;margin:0 0 22px}
.ctc-mv-core-card.mission h2{color:#fff}
.ctc-mv-core-card.vision h2{color:#2d0273}
.ctc-mv-core-card p{font-size:16px;line-height:1.75;margin:0 0 16px}
.ctc-mv-core-card.mission p{color:rgba(255,255,255,.82)}
.ctc-mv-core-card.vision p{color:#5a5462}
.ctc-mv-principles{padding:88px 0;background:#f8f6fb}
.ctc-mv-section-head{text-align:center;max-width:860px;margin:0 auto 44px}
.ctc-mv-section-head>p{margin:17px auto 0;color:#615a68;font-size:17px;line-height:1.7}
.ctc-mv-principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ctc-mv-principle-grid article{padding:29px 27px;border-radius:18px;background:#fff;border:1px solid #eae5f0;box-shadow:0 12px 30px rgba(45,2,115,.05)}
.ctc-mv-principle-grid article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#35108a;color:#fff;font-size:11px;font-weight:850;margin-bottom:20px}
.ctc-mv-principle-grid h3{margin:0 0 10px;font-family:Georgia,serif;color:#2d0273;font-size:23px}
.ctc-mv-principle-grid p{margin:0;color:#5e5766;line-height:1.68;font-size:15px}
.ctc-mv-priorities{padding:88px 0;background:linear-gradient(135deg,#260064,#35108a);color:#fff}
.ctc-mv-priority-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.ctc-mv-kicker.light{color:#ff6269}
.ctc-mv-priority-title h2{color:#fff}
.ctc-mv-priority-title p{color:rgba(255,255,255,.76);line-height:1.7;font-size:16px}
.ctc-mv-priority-list{display:grid;gap:12px}
.ctc-mv-priority-list>div{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:20px 22px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.ctc-mv-priority-list strong{color:#fff;font-size:16px}
.ctc-mv-priority-list span{color:rgba(255,255,255,.75);line-height:1.55;font-size:14px}
.ctc-mv-journey{padding:88px 0;background:#fff}
.ctc-mv-section-head.compact{margin-bottom:36px}
.ctc-mv-journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #e7e1ee;border-radius:20px;overflow:hidden}
.ctc-mv-journey-grid>div{padding:28px 24px;min-height:190px;border-right:1px solid #e7e1ee;background:#fff}
.ctc-mv-journey-grid>div:last-child{border-right:0}
.ctc-mv-journey-grid>div>span{color:#e51a22;font-size:11px;font-weight:850;letter-spacing:.12em}
.ctc-mv-journey-grid strong{display:block;margin:12px 0 9px;color:#2d0273;font-family:Georgia,serif;font-size:21px}
.ctc-mv-journey-grid p{margin:0;color:#625b69;line-height:1.6;font-size:14px}
.ctc-mv-provider-note{padding:0 0 20px;background:#fff}
.ctc-mv-cta{margin-top:58px}
@media(max-width:920px){
.ctc-mv-intro-grid,.ctc-mv-core-grid,.ctc-mv-priority-grid{grid-template-columns:1fr;gap:36px}
.ctc-mv-principle-grid{grid-template-columns:1fr 1fr}
.ctc-mv-journey-grid{grid-template-columns:1fr 1fr}
.ctc-mv-journey-grid>div:nth-child(2){border-right:0}
.ctc-mv-journey-grid>div{border-bottom:1px solid #e7e1ee}
.ctc-mv-journey-grid>div:nth-child(3),.ctc-mv-journey-grid>div:nth-child(4){border-bottom:0}
}
@media(max-width:620px){
.ctc-mv-intro,.ctc-mv-principles,.ctc-mv-priorities,.ctc-mv-journey{padding:58px 0}
.ctc-mv-core{padding-bottom:58px}
.ctc-mv-core-card{padding:30px 24px;min-height:0}
.ctc-mv-principle-grid,.ctc-mv-journey-grid{grid-template-columns:1fr}
.ctc-mv-journey-grid>div{border-right:0!important;border-bottom:1px solid #e7e1ee!important}
.ctc-mv-journey-grid>div:last-child{border-bottom:0!important}
.ctc-mv-priority-list>div{grid-template-columns:1fr;gap:7px}
}
/* ===== CTC Opportunity + Our Approach - professional text-led pages ===== */
.ctc-detail-hero .aboutHeroOverlay{
background:linear-gradient(90deg,rgba(36,0,98,.96) 0%,rgba(48,7,119,.84) 47%,rgba(28,0,70,.46) 100%) !important;
}
.ctc-detail-hero .aboutHeroInner{max-width:1060px}
.ctc-detail-hero .aboutHeroInner p{max-width:950px;line-height:1.65}
.ctc-detail-intro{padding:86px 0;background:#fff}
.ctc-detail-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
.ctc-detail-kicker{display:inline-block;color:#e51a22;font-size:12px;font-weight:850;letter-spacing:.2em;text-transform:uppercase}
.ctc-detail-kicker.light{color:#ff6269}
.ctc-detail-intro h2,.ctc-detail-head h2,.ctc-detail-purple h2,.ctc-detail-path h2,.ctc-detail-improve h2{
margin:13px 0 0;font-family:Georgia,serif;color:#2d0273;
font-size:clamp(35px,4vw,54px);line-height:1.08
}
.ctc-detail-copy p{margin:0 0 18px;color:#575160;font-size:17px;line-height:1.8}
.ctc-detail-feature,.ctc-detail-section{padding:86px 0;background:#f8f6fb}
.ctc-detail-section{background:#fff}
.ctc-detail-head{text-align:center;max-width:900px;margin:0 auto 42px}
.ctc-detail-head>p{margin:17px auto 0;color:#615a68;font-size:17px;line-height:1.7}
.ctc-detail-card-grid{display:grid;gap:20px}
.ctc-detail-card-grid.four{grid-template-columns:repeat(4,1fr)}
.ctc-detail-card-grid.three{grid-template-columns:repeat(3,1fr)}
.ctc-detail-card-grid article{
padding:29px 27px;border-radius:19px;background:#fff;border:1px solid #eae5f0;
box-shadow:0 12px 30px rgba(45,2,115,.05)
}
.ctc-detail-section .ctc-detail-card-grid article{background:#faf9fc}
.ctc-detail-card-grid article>span{
display:grid;place-items:center;width:38px;height:38px;border-radius:10px;
background:#35108a;color:#fff;font-size:11px;font-weight:850;margin-bottom:20px
}
.ctc-detail-card-grid h3{margin:0 0 10px;font-family:Georgia,serif;color:#2d0273;font-size:23px}
.ctc-detail-card-grid p{margin:0;color:#5e5766;line-height:1.68;font-size:15px}
.ctc-detail-purple{padding:88px 0;background:linear-gradient(135deg,#260064,#35108a);color:#fff}
.ctc-detail-purple-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.ctc-detail-purple h2{color:#fff}
.ctc-detail-purple-grid>div:first-child>p{color:rgba(255,255,255,.76);font-size:16px;line-height:1.7}
.ctc-detail-list{display:grid;gap:12px}
.ctc-detail-list>div{
display:grid;grid-template-columns:180px 1fr;gap:20px;padding:20px 22px;
border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)
}
.ctc-detail-list strong{color:#fff;font-size:16px}
.ctc-detail-list span{color:rgba(255,255,255,.76);line-height:1.55;font-size:14px}
.ctc-detail-path{padding:86px 0;background:#f4f1f8}
.ctc-detail-path-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.ctc-detail-path-grid>div:first-child>p{font-size:17px;line-height:1.75;color:#5c5664;margin:18px 0 0}
.ctc-detail-checks{display:grid;gap:13px}
.ctc-detail-checks>div{
display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;
padding:18px 20px;border-radius:15px;background:#fff;border:1px solid #e7e1ed
}
.ctc-detail-checks b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#35108a;color:#fff}
.ctc-detail-checks strong{display:block;color:#2d0273;margin-bottom:4px}
.ctc-detail-checks small{display:block;color:#625b69;line-height:1.5;font-size:14px}
.ctc-detail-balance{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ctc-detail-balance article{padding:36px 34px;border-radius:22px;border:1px solid #e7e1ed;background:#faf9fc}
.ctc-detail-balance article:first-child{border-top:4px solid #35108a}
.ctc-detail-balance article:last-child{border-top:4px solid #e51a22}
.ctc-detail-balance article>span{font-size:11px;letter-spacing:.16em;color:#e51a22;font-weight:850}
.ctc-detail-balance h3{font-family:Georgia,serif;color:#2d0273;font-size:28px;line-height:1.15;margin:12px 0 20px}
.ctc-detail-balance ul{margin:0;padding-left:20px;color:#5c5664}
.ctc-detail-balance li{padding:6px 0;line-height:1.6}
.ctc-detail-improve{padding:78px 0;background:#fff}
.ctc-detail-improve-inner{max-width:920px;text-align:center}
.ctc-detail-improve p{margin:18px auto 0;color:#5b5563;font-size:17px;line-height:1.78}
.ctc-detail-cta{margin-top:58px}
@media(max-width:980px){
.ctc-detail-intro-grid,.ctc-detail-purple-grid,.ctc-detail-path-grid{grid-template-columns:1fr;gap:36px}
.ctc-detail-card-grid.four{grid-template-columns:1fr 1fr}
.ctc-detail-card-grid.three{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
.ctc-detail-intro,.ctc-detail-feature,.ctc-detail-section,.ctc-detail-purple,.ctc-detail-path,.ctc-detail-improve{padding:58px 0}
.ctc-detail-card-grid.four,.ctc-detail-card-grid.three,.ctc-detail-balance{grid-template-columns:1fr}
.ctc-detail-list>div{grid-template-columns:1fr;gap:7px}
.ctc-detail-balance article{padding:28px 24px}
}
/* ===== About page: red top accent for University & Higher-Education card ===== */
.ctc-about-scope-grid .ctc-scope-card:nth-child(2){
border-top:4px solid #e51a22 !important;
}
/* ===== CTC Opportunities pages: Partnerships + Careers professional redesign ===== */
.ctc-opps-hero .aboutHeroOverlay{
background:linear-gradient(90deg,rgba(36,0,98,.96) 0%,rgba(48,7,119,.84) 47%,rgba(28,0,70,.45) 100%) !important;
}
.ctc-opps-hero .aboutHeroInner{max-width:1080px}
.ctc-opps-hero .aboutHeroInner p{max-width:960px;line-height:1.65}
.ctc-opps-intro{padding:86px 0;background:#fff}
.ctc-opps-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
.ctc-opps-kicker{display:inline-block;color:#e51a22;font-size:12px;font-weight:850;letter-spacing:.2em;text-transform:uppercase}
.ctc-opps-kicker.light{color:#ff6269}
.ctc-opps-intro h2,.ctc-opps-head h2,.ctc-opps-purple h2,.ctc-opps-path h2,.ctc-opps-interest h2,.ctc-vacancy-status h2{
margin:13px 0 0;font-family:Georgia,serif;color:#2d0273;
font-size:clamp(35px,4vw,54px);line-height:1.08
}
.ctc-opps-copy p{margin:0 0 18px;color:#575160;font-size:17px;line-height:1.8}
.ctc-opps-feature,.ctc-opps-section{padding:86px 0;background:#f8f6fb}
.ctc-opps-section{background:#fff}
.ctc-opps-head{text-align:center;max-width:900px;margin:0 auto 42px}
.ctc-opps-head>p{margin:17px auto 0;color:#615a68;font-size:17px;line-height:1.7}
.ctc-opps-card-grid{display:grid;gap:20px}
.ctc-opps-card-grid.three{grid-template-columns:repeat(3,1fr)}
.ctc-opps-card-grid article{
padding:29px 27px;border-radius:19px;background:#fff;border:1px solid #eae5f0;
box-shadow:0 12px 30px rgba(45,2,115,.05)
}
.ctc-opps-card-grid article:nth-child(even){border-top:4px solid #e51a22}
.ctc-opps-card-grid article:nth-child(odd){border-top:4px solid #35108a}
.ctc-opps-card-grid article>span{
display:grid;place-items:center;width:38px;height:38px;border-radius:10px;
background:#35108a;color:#fff;font-size:11px;font-weight:850;margin-bottom:20px
}
.ctc-opps-card-grid h3{margin:0 0 10px;font-family:Georgia,serif;color:#2d0273;font-size:23px}
.ctc-opps-card-grid p{margin:0;color:#5e5766;line-height:1.68;font-size:15px}
.ctc-opps-purple{padding:88px 0;background:linear-gradient(135deg,#260064,#35108a);color:#fff}
.ctc-opps-purple-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.ctc-opps-purple h2{color:#fff}
.ctc-opps-purple-grid>div:first-child>p{color:rgba(255,255,255,.76);font-size:16px;line-height:1.7}
.ctc-opps-list{display:grid;gap:12px}
.ctc-opps-list>div{
display:grid;grid-template-columns:185px 1fr;gap:20px;padding:20px 22px;
border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)
}
.ctc-opps-list strong{color:#fff;font-size:16px}
.ctc-opps-list span{color:rgba(255,255,255,.76);line-height:1.55;font-size:14px}
.ctc-opps-balance{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ctc-opps-balance article{padding:36px 34px;border-radius:22px;border:1px solid #e7e1ed;background:#faf9fc}
.ctc-opps-balance article:first-child{border-top:4px solid #35108a}
.ctc-opps-balance article:last-child{border-top:4px solid #e51a22}
.ctc-opps-balance article>span{font-size:11px;letter-spacing:.16em;color:#e51a22;font-weight:850}
.ctc-opps-balance h3{font-family:Georgia,serif;color:#2d0273;font-size:28px;line-height:1.15;margin:12px 0 20px}
.ctc-opps-balance ul{margin:0;padding-left:20px;color:#5c5664}
.ctc-opps-balance li{padding:6px 0;line-height:1.6}
.ctc-opps-path{padding:86px 0;background:#f4f1f8}
.ctc-opps-path-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.ctc-opps-path-grid>div:first-child>p{font-size:17px;line-height:1.75;color:#5c5664;margin:18px 0 0}
.ctc-opps-checks{display:grid;gap:13px}
.ctc-opps-checks>div{
display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;
padding:18px 20px;border-radius:15px;background:#fff;border:1px solid #e7e1ed
}
.ctc-opps-checks b{
display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
background:#35108a;color:#fff;font-size:12px
}
.ctc-opps-checks strong{display:block;color:#2d0273;margin-bottom:4px}
.ctc-opps-checks small{display:block;color:#625b69;line-height:1.5;font-size:14px}
.ctc-opps-interest,.ctc-vacancy-status{padding:78px 0;background:#fff}
.ctc-opps-interest-inner,.ctc-vacancy-status-inner{max-width:930px;text-align:center}
.ctc-opps-interest p,.ctc-vacancy-status p{margin:18px auto 0;color:#5b5563;font-size:17px;line-height:1.78}
.ctc-vacancy-status{background:#f8f6fb}
.ctc-vacancy-status-inner{
padding:46px 38px;border-radius:24px;background:#fff;border:1px solid #e7e1ed;
box-shadow:0 16px 38px rgba(45,2,115,.06)
}
.ctc-vacancy-contact{display:inline-block;margin-top:22px;color:#35108a;font-weight:800;text-decoration:none}
.ctc-opps-journey{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e7e1ed;border-radius:20px;overflow:hidden}
.ctc-opps-journey>div{padding:28px 24px;min-height:205px;border-right:1px solid #e7e1ed;background:#faf9fc}
.ctc-opps-journey>div:last-child{border-right:0}
.ctc-opps-journey span{color:#e51a22;font-size:11px;font-weight:850;letter-spacing:.12em}
.ctc-opps-journey strong{display:block;margin:12px 0 9px;color:#2d0273;font-family:Georgia,serif;font-size:21px}
.ctc-opps-journey p{margin:0;color:#625b69;line-height:1.6;font-size:14px}
.ctc-opps-cta{margin-top:58px}
@media(max-width:980px){
.ctc-opps-intro-grid,.ctc-opps-purple-grid,.ctc-opps-path-grid{grid-template-columns:1fr;gap:36px}
.ctc-opps-card-grid.three{grid-template-columns:1fr 1fr}
.ctc-opps-journey{grid-template-columns:1fr 1fr}
.ctc-opps-journey>div:nth-child(2){border-right:0}
}
@media(max-width:700px){
.ctc-opps-intro,.ctc-opps-feature,.ctc-opps-section,.ctc-opps-purple,.ctc-opps-path,.ctc-opps-interest,.ctc-vacancy-status{padding:58px 0}
.ctc-opps-card-grid.three,.ctc-opps-balance,.ctc-opps-journey{grid-template-columns:1fr}
.ctc-opps-list>div{grid-template-columns:1fr;gap:7px}
.ctc-opps-balance article{padding:28px 24px}
.ctc-opps-journey>div{border-right:0!important;border-bottom:1px solid #e7e1ed}
.ctc-opps-journey>div:last-child{border-bottom:0}
.ctc-vacancy-status-inner{padding:32px 22px}
}
/* ===== CTC Homepage 2026: professional, informative redesign ===== */
.home-kicker{
display:inline-block;
color:#e51a22;
font-size:12px;
font-weight:850;
letter-spacing:.2em;
text-transform:uppercase;
}
.home-kicker.light{color:#ff6269}
.home-proof{
position:relative;
z-index:4;
margin-top:-38px;
padding:0 0 20px;
}
.home-proof-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
background:#fff;
border:1px solid #e8e2ef;
border-radius:22px;
box-shadow:0 18px 45px rgba(38,0,98,.12);
overflow:hidden;
}
.home-proof-grid>div{
padding:25px 25px 23px;
border-right:1px solid #ebe6f0;
}
.home-proof-grid>div:last-child{border-right:0}
.home-proof-grid span{
display:block;
color:#e51a22;
font-size:10px;
font-weight:850;
letter-spacing:.12em;
margin-bottom:9px;
}
.home-proof-grid strong{
display:block;
color:#2d0273;
font-family:Georgia,serif;
font-size:20px;
margin-bottom:7px;
}
.home-proof-grid small{
display:block;
color:#625b69;
font-size:13px;
line-height:1.55;
}
.home-welcome{padding:82px 0 76px;background:#fff}
.home-welcome-grid{
display:grid;
grid-template-columns:.92fr 1.08fr;
gap:76px;
align-items:start;
}
.home-welcome-title h2,
.home-section-head h2,
.home-why h2,
.home-final-cta h2{
margin:13px 0 0;
font-family:Georgia,serif;
color:#2d0273;
font-size:clamp(36px,4.2vw,58px);
line-height:1.06;
}
.home-welcome-copy p{
margin:0 0 18px;
color:#575160;
font-size:17px;
line-height:1.8;
}
.home-inline-links{
display:flex;
flex-wrap:wrap;
gap:22px;
margin-top:25px;
}
.home-inline-links a{
color:#35108a;
text-decoration:none;
font-weight:800;
}
.home-inline-links a:last-child{color:#e51a22}
.home-what{padding:84px 0;background:#f8f6fb}
.home-section-head{
max-width:930px;
margin:0 auto 42px;
text-align:center;
}
.home-section-head>p{
max-width:820px;
margin:17px auto 0;
color:#615a68;
font-size:17px;
line-height:1.72;
}
.home-what-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:26px;
}
.home-what-card{
position:relative;
padding:39px 38px 36px;
border-radius:23px;
background:#fff;
border:1px solid #e7e1ed;
box-shadow:0 14px 34px rgba(45,2,115,.06);
}
.home-what-card.ctc-provision{border-top:5px solid #35108a}
.home-what-card.progression{border-top:5px solid #e51a22}
.home-what-card>span{
color:#e51a22;
font-size:11px;
font-weight:850;
letter-spacing:.17em;
}
.home-what-card h3{
margin:14px 0 16px;
color:#2d0273;
font-family:Georgia,serif;
font-size:clamp(29px,3vw,40px);
line-height:1.08;
}
.home-what-card p{
margin:0 0 24px;
color:#5b5563;
font-size:16px;
line-height:1.75;
}
.home-what-card a{
color:#35108a;
font-weight:850;
text-decoration:none;
}
.home-slider-head>div{max-width:780px}
.home-slider-head p{
max-width:740px;
margin:12px 0 0;
color:#615a68;
font-size:15px;
line-height:1.65;
}
.home-slider-head>a{align-self:flex-end}
.home-learning{
padding:88px 0;
background:linear-gradient(135deg,#24005f 0%,#35108a 58%,#4d20a1 100%);
color:#fff;
}
.home-section-head.light h2{color:#fff}
.home-section-head.light>p{color:rgba(255,255,255,.76)}
.home-learning-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px;
}
.home-learning-grid>div{
min-height:215px;
padding:27px 24px;
border-radius:18px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.14);
}
.home-learning-grid b{
display:grid;
place-items:center;
width:38px;
height:38px;
border-radius:10px;
background:#fff;
color:#35108a;
font-size:11px;
margin-bottom:22px;
}
.home-learning-grid strong{
display:block;
font-family:Georgia,serif;
color:#fff;
font-size:22px;
margin-bottom:10px;
}
.home-learning-grid span{
display:block;
color:rgba(255,255,255,.76);
font-size:14px;
line-height:1.65;
}
.home-learning-link{text-align:center;margin-top:30px}
.home-learning-link a{color:#fff;font-weight:850;text-decoration:none}
.home-provider-note{padding:0 0 64px;background:#fff}
.home-provider-note-inner{
display:grid;
grid-template-columns:44px 1fr;
gap:17px;
align-items:start;
padding:24px 26px;
border-radius:16px;
background:#f4f0fb;
border-left:5px solid #35108a;
}
.home-provider-icon{
display:grid;
place-items:center;
width:38px;
height:38px;
border-radius:50%;
background:#35108a;
color:#fff;
font-family:Georgia,serif;
font-weight:800;
}
.home-provider-note strong{display:block;color:#2d0273;margin-bottom:6px}
.home-provider-note p{margin:0;color:#5f5867;font-size:14px;line-height:1.65}
.home-services{padding:86px 0;background:#f8f6fb}
.home-services-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
.home-services-grid>a{
display:block;
padding:29px 25px 26px;
border-radius:19px;
background:#fff;
border:1px solid #e7e1ed;
border-top:4px solid #35108a;
text-decoration:none;
box-shadow:0 12px 30px rgba(45,2,115,.05);
transition:transform .2s ease,box-shadow .2s ease;
}
.home-services-grid>a:nth-child(even){border-top-color:#e51a22}
.home-services-grid>a:hover{
transform:translateY(-4px);
box-shadow:0 18px 38px rgba(45,2,115,.10);
}
.home-services-grid span{
color:#e51a22;
font-size:10px;
font-weight:850;
letter-spacing:.12em;
}
.home-services-grid h3{
margin:14px 0 10px;
color:#2d0273;
font-family:Georgia,serif;
font-size:23px;
line-height:1.15;
}
.home-services-grid p{
min-height:105px;
margin:0 0 17px;
color:#5e5766;
font-size:14px;
line-height:1.65;
}
.home-services-grid b{color:#35108a;font-size:14px}
.home-sfe-note{
max-width:980px;
margin:25px auto 0;
text-align:center;
color:#6a6470;
font-size:12px;
line-height:1.6;
}
.home-journey{padding:86px 0;background:#fff}
.home-journey-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
border:1px solid #e7e1ed;
border-radius:21px;
overflow:hidden;
}
.home-journey-grid>div{
min-height:205px;
padding:29px 25px;
border-right:1px solid #e7e1ed;
}
.home-journey-grid>div:last-child{border-right:0}
.home-journey-grid span{
color:#e51a22;
font-size:11px;
font-weight:850;
letter-spacing:.12em;
}
.home-journey-grid strong{
display:block;
margin:13px 0 10px;
color:#2d0273;
font-family:Georgia,serif;
font-size:24px;
}
.home-journey-grid p{
margin:0;
color:#625b69;
font-size:14px;
line-height:1.65;
}
.home-why{
padding:90px 0;
background:linear-gradient(135deg,#250064,#35108a);
color:#fff;
}
.home-why-grid{
display:grid;
grid-template-columns:.86fr 1.14fr;
gap:72px;
align-items:start;
}
.home-why h2{color:#fff}
.home-why-grid>div:first-child>p{
color:rgba(255,255,255,.77);
font-size:16px;
line-height:1.75;
margin:18px 0 25px;
}
.home-why-btn{
display:inline-block;
color:#fff;
font-weight:850;
text-decoration:none;
}
.home-why-points{display:grid;gap:12px}
.home-why-points>div{
display:grid;
grid-template-columns:42px 1fr;
gap:15px;
padding:19px 21px;
border-radius:15px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.13);
}
.home-why-points b{
display:grid;
place-items:center;
width:38px;
height:38px;
border-radius:50%;
background:#fff;
color:#35108a;
font-size:11px;
}
.home-why-points strong{display:block;color:#fff;margin-bottom:4px}
.home-why-points small{display:block;color:rgba(255,255,255,.75);font-size:14px;line-height:1.5}
.home-final-cta{
padding:78px 0;
background:#f8f6fb;
}
.home-final-cta-inner{
display:grid;
grid-template-columns:1.15fr .85fr;
gap:50px;
align-items:center;
padding:48px 52px;
border-radius:26px;
background:#fff;
border:1px solid #e7e1ed;
box-shadow:0 18px 45px rgba(45,2,115,.07);
}
.home-final-cta-inner>div:first-child>span{
color:#e51a22;
font-size:11px;
font-weight:850;
letter-spacing:.17em;
}
.home-final-cta h2{font-size:clamp(32px,3.6vw,48px)}
.home-final-cta p{color:#615a68;line-height:1.7;margin:15px 0 0}
.home-final-actions{display:grid;gap:11px}
.home-final-actions a{
display:flex;
align-items:center;
justify-content:space-between;
padding:16px 19px;
border-radius:12px;
background:#35108a;
color:#fff;
text-decoration:none;
font-weight:800;
}
.home-final-actions a:nth-child(2){background:#e51a22}
.home-final-actions a:nth-child(3){background:#f2eef8;color:#35108a}
@media(max-width:1000px){
.home-proof-grid{grid-template-columns:1fr 1fr}
.home-proof-grid>div:nth-child(2){border-right:0}
.home-proof-grid>div:nth-child(-n+2){border-bottom:1px solid #ebe6f0}
.home-welcome-grid,.home-why-grid,.home-final-cta-inner{grid-template-columns:1fr;gap:36px}
.home-learning-grid,.home-services-grid{grid-template-columns:1fr 1fr}
.home-journey-grid{grid-template-columns:1fr 1fr}
.home-journey-grid>div:nth-child(2){border-right:0}
.home-journey-grid>div:nth-child(-n+2){border-bottom:1px solid #e7e1ed}
}
@media(max-width:700px){
.home-proof{margin-top:-18px}
.home-proof-grid,.home-what-grid,.home-learning-grid,.home-services-grid,.home-journey-grid{grid-template-columns:1fr}
.home-proof-grid>div{border-right:0;border-bottom:1px solid #ebe6f0}
.home-proof-grid>div:last-child{border-bottom:0}
.home-welcome,.home-what,.home-learning,.home-services,.home-journey,.home-why,.home-final-cta{padding:58px 0}
.home-welcome-grid{gap:30px}
.home-what-card{padding:30px 25px}
.home-services-grid p{min-height:0}
.home-journey-grid>div{border-right:0!important;border-bottom:1px solid #e7e1ed!important}
.home-journey-grid>div:last-child{border-bottom:0!important}
.home-final-cta-inner{padding:32px 24px}
.home-slider-head{display:block}
.home-slider-head>a{display:inline-block;margin-top:16px}
}
/* ===== Homepage highlight numbers: centred, larger, CTC purple ===== */
.home-proof-grid span{
display:block !important;
width:100% !important;
margin:0 0 12px 0 !important;
text-align:center !important;
color:#35108a !important;
font-family:Georgia,serif !important;
font-size:24px !important;
line-height:1 !important;
font-weight:700 !important;
letter-spacing:.04em !important;
}
/* ===== Homepage highlight cards: clean steady layout, no numbers ===== */
.home-proof-grid > div{
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
min-height:170px !important;
padding:30px 34px !important;
}
.home-proof-grid > div > span{
display:none !important;
}
.home-proof-grid strong{
margin:0 0 12px 0 !important;
}
/* ===== CTC legal pages: Terms of Services + Privacy Policy ===== */
.ctc-legal-hero{
padding:86px 0 78px;
background:linear-gradient(135deg,#24065f 0%,#35108a 62%,#4c2896 100%);
color:#fff;
}
.ctc-legal-kicker{
display:inline-block;color:#ff6875;font-size:11px;font-weight:800;
letter-spacing:.19em;text-transform:uppercase;
}
.ctc-legal-hero h1{
margin:13px 0 17px;color:#fff;font-family:Georgia,"Times New Roman",serif;
font-size:clamp(48px,6vw,76px);line-height:1;
}
.ctc-legal-hero p{
max-width:900px;margin:0;color:rgba(255,255,255,.86);
font-size:18px;line-height:1.7;
}
.ctc-legal-body{padding:76px 0 90px;background:#f7f5fb}
.ctc-legal-layout{
display:grid;grid-template-columns:310px minmax(0,1fr);
gap:48px;align-items:start;
}
.ctc-legal-summary{
position:sticky;top:110px;padding:29px 27px;border-radius:19px;
background:#fff;border:1px solid #e5e0eb;border-top:5px solid #e51a22;
box-shadow:0 14px 34px rgba(45,7,149,.06);
}
.ctc-legal-summary>span{
color:#e51a22;font-size:10px;font-weight:800;letter-spacing:.15em;
}
.ctc-legal-summary h2{
margin:12px 0 14px;color:#35108a;font-family:Georgia,"Times New Roman",serif;
font-size:27px;line-height:1.12;
}
.ctc-legal-summary p{margin:0;color:#615b68;font-size:14px;line-height:1.7}
.ctc-legal-contact{margin-top:24px;padding-top:21px;border-top:1px solid #e8e3ed}
.ctc-legal-contact strong{display:block;color:#35108a;margin-bottom:9px}
.ctc-legal-contact a{
display:block;margin:5px 0;color:#5e5867;font-size:13px;
overflow-wrap:anywhere;text-decoration:none;
}
.ctc-legal-content{
padding:12px 45px 45px;border-radius:22px;background:#fff;
border:1px solid #e5e0eb;
}
.ctc-legal-content section{padding:31px 0;border-bottom:1px solid #ece8f0}
.ctc-legal-content section:last-of-type{border-bottom:0}
.ctc-legal-content h2{
margin:0 0 13px;color:#35108a;font-family:Georgia,"Times New Roman",serif;
font-size:26px;line-height:1.2;
}
.ctc-legal-content p,.ctc-legal-content li{
color:#585260;font-size:15px;line-height:1.76;
}
.ctc-legal-content p{margin:0 0 12px}
.ctc-legal-content p:last-child{margin-bottom:0}
.ctc-legal-content ul{margin:10px 0 4px;padding-left:22px}
.ctc-legal-content li{padding:4px 0}
.ctc-legal-content a{
color:#35108a;font-weight:700;text-decoration:underline;
text-underline-offset:2px;
}
.ctc-legal-right-object{
margin:20px -20px 0;padding:28px 20px!important;
background:#f6f1fb;border-left:4px solid #e51a22;
}
.ctc-legal-note{
margin-top:28px;padding:22px 24px;border-radius:15px;
background:#f3effa;border-left:4px solid #35108a;
}
.ctc-legal-note strong{display:block;color:#35108a;margin-bottom:6px}
.ctc-legal-note p{margin:0;color:#625c69;font-size:13px;line-height:1.6}
.ctc-consent-row a{color:#35108a;font-weight:700;text-decoration:underline;text-underline-offset:2px}
@media(max-width:900px){
.ctc-legal-layout{grid-template-columns:1fr}
.ctc-legal-summary{position:static}
}
@media(max-width:700px){
.ctc-legal-hero{padding:62px 0 58px}
.ctc-legal-body{padding:48px 0 62px}
.ctc-legal-content{padding:5px 24px 28px}
.ctc-legal-content section{padding:25px 0}
}
/* ======================================================================
RAVENSBOURNE-INSPIRED CTC VISUAL SYSTEM - 2026-10-02
Presentation-only layer. CTC content, links, branding colours and
functionality remain unchanged.
====================================================================== */
:root{
--ctc-purple:#2d0273;
--ctc-purple-2:#35108a;
--ctc-purple-dark:#180447;
--ctc-red:#e51a22;
--ctc-ink:#111111;
--ctc-paper:#ffffff;
--ctc-mist:#f3f1f5;
--ctc-line:#d9d5dd;
}
html{scroll-padding-top:112px}
body{
color:var(--ctc-ink) !important;
font-family:Arial,Helvetica,sans-serif !important;
background:#fff !important;
-webkit-font-smoothing:antialiased;
}
.wrap{width:min(1320px,calc(100% - 64px)) !important}
/* Header: clean, graphic, editorial */
.topbar{background:var(--ctc-purple) !important;border-bottom:1px solid rgba(255,255,255,.18)}
.topin{height:38px !important;gap:30px !important;font-size:12px;letter-spacing:.02em}
header{
background:#fff !important;
box-shadow:none !important;
border-bottom:1px solid #dedbe1;
}
.nav{height:92px !important;gap:24px !important}
.brand img{width:205px !important;height:70px !important}
.nav nav{gap:20px !important}
.nav nav>a,.dd>a{
position:relative;
font-family:Arial,Helvetica,sans-serif !important;
font-size:13px !important;
font-weight:800 !important;
letter-spacing:.015em;
}
.nav nav>a:not(.apply):after,.dd>a:after{
content:"";position:absolute;left:0;right:100%;bottom:-11px;height:3px;background:var(--ctc-red);transition:right .2s ease;
}
.nav nav>a:not(.apply):hover:after,.dd:hover>a:after{right:0}
.apply,.btn{
border-radius:0 !important;
background:var(--ctc-purple) !important;
color:#fff !important;
padding:15px 22px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-weight:800 !important;
letter-spacing:.01em;
transition:background .18s ease,transform .18s ease;
}
.apply:hover,.btn:hover{background:var(--ctc-red) !important;transform:translateY(-1px)}
.btn.alt{background:transparent !important;border:2px solid #fff !important}
.btn.alt:hover{background:#fff !important;color:var(--ctc-purple) !important}
.drop,.ctcAboutDropdown{
border-radius:0 !important;
border:1px solid #dedbe1 !important;
box-shadow:0 18px 44px rgba(20,8,45,.14) !important;
padding:12px !important;
}
.drop a{border-radius:0 !important;padding:11px 12px !important}
.drop a:hover{background:var(--ctc-purple) !important;color:#fff !important}
/* Homepage hero: oversized, image-led, high-impact */
.homehero.liveHero.cleanThamesHero{
min-height:min(780px,78vh) !important;
border-bottom:0 !important;
}
.cleanThamesHero::before{
background:linear-gradient(90deg,rgba(24,4,71,.93) 0%,rgba(45,2,115,.76) 37%,rgba(45,2,115,.22) 68%,rgba(0,0,0,.04) 100%) !important;
}
.cleanThamesHero .heroCopy{
width:min(1320px,calc(100% - 64px)) !important;
padding:125px 0 118px !important;
}
.homehero .eyebrow,.innerhero .eyebrow,.home-kicker,
.ctc-about-kicker,.ctc-about-section-kicker,.ctc-mv-kicker,
.ctc-detail-kicker,.ctc-opps-kicker,.ctc-legal-kicker{
font-family:Arial,Helvetica,sans-serif !important;
color:var(--ctc-red) !important;
font-size:12px !important;
font-weight:900 !important;
letter-spacing:.16em !important;
text-transform:uppercase;
}
.homehero.liveHero .ctc-requested-title{
max-width:1080px !important;
margin:18px 0 28px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:clamp(66px,7.2vw,112px) !important;
font-weight:900 !important;
line-height:.86 !important;
letter-spacing:-.055em !important;
text-transform:none !important;
}
.homehero.liveHero p{
max-width:720px !important;
font-size:18px !important;
line-height:1.55 !important;
}
.actions{gap:10px !important;margin-top:32px !important}
.actions .btn{padding:17px 22px !important}
/* Editorial proof strip */
.home-proof{margin:0 !important;background:#fff !important;border-bottom:1px solid var(--ctc-line)}
.home-proof-grid{border-left:1px solid var(--ctc-line);border-right:1px solid var(--ctc-line)}
.home-proof-grid>div{
min-height:150px !important;
padding:28px 30px !important;
border-right:1px solid var(--ctc-line) !important;
}
.home-proof-grid>div:last-child{border-right:0 !important}
.home-proof-grid strong{
color:var(--ctc-ink) !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:19px !important;
font-weight:900 !important;
letter-spacing:-.02em;
}
.home-proof-grid small{color:#555 !important;font-size:13px !important;line-height:1.55 !important}
/* Section typography and spacing */
.section,.content{padding:88px 0 !important}
.home-welcome,.home-what,.home-learning,.home-services,.home-journey,.home-why,.home-final-cta{padding:104px 0 !important}
.section h2,.content h2,.home-section-head h2,.home-welcome h2,.home-what h2,
.home-learning h2,.home-services h2,.home-journey h2,.home-why h2,.home-final-cta h2,
.ctc-about-intro h2,.ctc-about-dark h2,.ctc-about-scope h2,.ctc-about-experience h2,.ctc-about-london h2,
.ctc-mv-intro h2,.ctc-mv-core h2,.ctc-detail-section h2,.ctc-opps-section h2{
font-family:Arial,Helvetica,sans-serif !important;
font-weight:900 !important;
letter-spacing:-.045em !important;
line-height:.96 !important;
}
.section h2,.home-section-head h2{font-size:clamp(46px,5vw,72px) !important;color:var(--ctc-ink) !important}
.home-welcome h2,.home-what h2,.home-services h2,.home-journey h2,.home-final-cta h2{
font-size:clamp(44px,4.6vw,68px) !important;color:var(--ctc-ink) !important;
}
.home-section-head{max-width:980px !important;margin-bottom:42px !important}
.home-section-head>p,.home-welcome-copy p,.home-what-card p,.home-slider-head p{
color:#4f4f4f !important;line-height:1.65 !important;
}
/* Homepage welcome / content blocks: asymmetrical editorial composition */
.home-welcome{background:#fff !important}
.home-welcome-grid{grid-template-columns:.95fr 1.05fr !important;gap:88px !important;align-items:start !important}
.home-welcome-title{position:relative;padding-top:4px}
.home-welcome-copy{padding-top:40px;border-top:1px solid var(--ctc-ink)}
.home-inline-links{display:flex !important;flex-wrap:wrap;gap:24px !important;margin-top:28px !important}
.home-inline-links a,.home-slider-head>a,.home-learning-link a,.home-why-btn{
color:var(--ctc-purple) !important;text-decoration:none !important;font-weight:900 !important;border-bottom:2px solid currentColor;padding-bottom:3px;
}
/* What we do: large flat tiles, no soft rounded UI */
.home-what{background:var(--ctc-mist) !important}
.home-what-grid{gap:0 !important;border:1px solid var(--ctc-line)}
.home-what-card{
min-height:410px !important;
padding:44px 42px !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
background:#fff !important;
}
.home-what-card+ .home-what-card{border-left:1px solid var(--ctc-line) !important}
.home-what-card span{color:var(--ctc-red) !important}
.home-what-card h3{
font-family:Arial,Helvetica,sans-serif !important;
font-size:clamp(38px,4vw,60px) !important;
font-weight:900 !important;
letter-spacing:-.045em !important;
color:var(--ctc-ink) !important;
}
.home-what-card a{color:var(--ctc-purple) !important;font-weight:900 !important}
/* Running course rails: editorial image cards */
.soft{background:var(--ctc-mist) !important}
.runner{overflow:hidden !important;margin-left:calc((100vw - min(1320px,calc(100vw - 64px)))/-2);margin-right:calc((100vw - min(1320px,calc(100vw - 64px)))/-2);padding-left:max(32px,calc((100vw - 1320px)/2));padding-right:32px}
.track{gap:18px !important}
.slide{
width:360px !important;flex:0 0 360px !important;
border:0 !important;border-radius:0 !important;background:transparent !important;
overflow:visible !important;
}
.slide img{
height:270px !important;min-height:270px !important;border-radius:0 !important;
transition:transform .28s ease,filter .28s ease;
}
.slide>div{padding:18px 0 10px !important}
.slide h3{
color:var(--ctc-ink) !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:25px !important;font-weight:900 !important;letter-spacing:-.03em !important;
}
.slide p{color:#555 !important;font-size:13px !important}
.slide:hover img{transform:scale(1.018);filter:contrast(1.04)}
.course-explore{display:inline-block;margin-top:12px;color:var(--ctc-purple) !important;border-bottom:2px solid currentColor;padding-bottom:2px}
.runner:hover .track,.runner:focus-within .track{animation-play-state:paused !important}
/* Learning / why sections: graphic dark fields */
.home-learning,.home-why{
background:var(--ctc-purple) !important;
color:#fff !important;
}
.home-learning .home-section-head h2,.home-why h2{color:#fff !important}
.home-learning-grid{gap:0 !important;border:1px solid rgba(255,255,255,.35)}
.home-learning-grid>div{
min-height:265px !important;padding:34px 30px !important;border:0 !important;border-right:1px solid rgba(255,255,255,.35) !important;
border-radius:0 !important;background:transparent !important;
}
.home-learning-grid>div:last-child{border-right:0 !important}
.home-learning-grid b{border-radius:0 !important;background:var(--ctc-red) !important;color:#fff !important}
.home-learning-grid strong{
font-family:Arial,Helvetica,sans-serif !important;font-size:25px !important;font-weight:900 !important;letter-spacing:-.025em;
}
.home-learning-link{text-align:left !important;margin-top:34px !important}
.home-learning-link a,.home-why-btn{color:#fff !important}
/* Services and journey: grid with strong rules */
.home-services{background:#fff !important}
.home-services-grid{gap:0 !important;border:1px solid var(--ctc-line)}
.home-services-grid>a{
min-height:310px !important;padding:32px 28px !important;border:0 !important;border-right:1px solid var(--ctc-line) !important;
border-top:0 !important;border-radius:0 !important;box-shadow:none !important;
}
.home-services-grid>a:last-child{border-right:0 !important}
.home-services-grid>a:hover{transform:none !important;background:var(--ctc-mist) !important;box-shadow:none !important}
.home-services-grid h3{
font-family:Arial,Helvetica,sans-serif !important;font-size:27px !important;font-weight:900 !important;letter-spacing:-.03em !important;color:var(--ctc-ink) !important;
}
.home-services-grid b{color:var(--ctc-purple) !important;border-bottom:2px solid currentColor;padding-bottom:2px}
.home-journey{background:var(--ctc-mist) !important}
.home-journey-grid{border-radius:0 !important;border-color:var(--ctc-line) !important}
.home-journey-grid>div{min-height:230px !important;padding:34px 28px !important;border-color:var(--ctc-line) !important;background:#fff}
.home-journey-grid strong{
font-family:Arial,Helvetica,sans-serif !important;font-size:27px !important;font-weight:900 !important;letter-spacing:-.03em !important;color:var(--ctc-ink) !important;
}
/* Final CTA: flat, confident */
.home-final-cta{background:#fff !important}
.home-final-cta-inner{
padding:58px 60px !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;background:var(--ctc-mist) !important;
}
.home-final-actions a{border-radius:0 !important;background:var(--ctc-purple) !important}
.home-final-actions a:nth-child(2){background:var(--ctc-red) !important}
.home-final-actions a:nth-child(3){background:#fff !important;color:var(--ctc-purple) !important;border:1px solid var(--ctc-line)}
/* Internal heroes: full-width visual statements */
.innerhero,.ctc-about-hero,.ctc-mv-hero,.ctc-detail-hero,.ctc-opps-hero,.aboutHero,.ctc-legal-hero{
min-height:500px !important;
border-radius:0 !important;
}
.innerhero{
position:relative !important;background-position:center !important;background-size:cover !important;
}
.innerhero:before{
content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,4,71,.92),rgba(45,2,115,.64) 45%,rgba(45,2,115,.12));pointer-events:none;
}
.innerhero .wrap{position:relative;z-index:1;padding:95px 0 !important}
.innerhero h1,.ctc-about-hero h1,.ctc-mv-hero h1,.ctc-detail-hero h1,.ctc-opps-hero h1,.aboutHero h1,.ctc-legal-hero h1{
max-width:1050px;
font-family:Arial,Helvetica,sans-serif !important;
font-size:clamp(58px,7vw,104px) !important;
font-weight:900 !important;
letter-spacing:-.055em !important;
line-height:.88 !important;
color:#fff !important;
}
.innerhero p,.ctc-about-hero p,.ctc-mv-hero p,.ctc-detail-hero p,.ctc-opps-hero p,.aboutHero p,.ctc-legal-hero p{
max-width:760px !important;font-size:18px !important;line-height:1.55 !important;
}
/* Standard content and course pages */
.content>.wrap{max-width:1320px}
.content>.wrap>h2{
margin:54px 0 18px !important;
font-size:clamp(38px,4vw,58px) !important;
color:var(--ctc-ink) !important;
}
.content>.wrap>h2:first-child{margin-top:0 !important}
.content>.wrap>p{max-width:900px;font-size:17px !important;line-height:1.75 !important;color:#414141 !important}
.coursehero{grid-template-columns:.9fr 1.1fr !important;gap:72px !important;align-items:start !important}
.coursehero>div{padding-top:18px}
.coursehero h2{font-size:clamp(48px,5vw,74px) !important;color:var(--ctc-ink) !important}
.coursehero img{height:560px !important;border-radius:0 !important}
.pill{border-radius:0 !important;background:var(--ctc-red) !important;color:#fff !important;text-transform:uppercase;letter-spacing:.1em;font-size:11px !important}
.notice{border-radius:0 !important;background:var(--ctc-mist) !important;border-left:5px solid var(--ctc-purple) !important;padding:22px 24px !important}
/* Cards and course directories */
.cards,.ucards{gap:0 !important;border-top:1px solid var(--ctc-line);border-left:1px solid var(--ctc-line)}
.card,.ucard{
border:0 !important;border-right:1px solid var(--ctc-line) !important;border-bottom:1px solid var(--ctc-line) !important;
border-radius:0 !important;box-shadow:none !important;background:#fff !important;
}
.card:hover,.ucard:hover{background:var(--ctc-mist) !important}
.card img{height:260px !important;border-radius:0 !important}
.cardbody{padding:24px !important}
.cardbody span{color:var(--ctc-red) !important}
.card h2,.card h3,.ucard h3{
font-family:Arial,Helvetica,sans-serif !important;font-weight:900 !important;letter-spacing:-.035em !important;color:var(--ctc-ink) !important;
}
.card h2{font-size:30px !important;line-height:1.05 !important}
.card h3{font-size:27px !important;line-height:1.05 !important}
.card b,.ucard a{color:var(--ctc-purple) !important}
.subject{padding:62px 0 !important;border-bottom:1px solid var(--ctc-line) !important}
.subject h2{font-family:Arial,Helvetica,sans-serif !important;font-size:clamp(42px,4.5vw,66px) !important;font-weight:900 !important;letter-spacing:-.045em !important;color:var(--ctc-ink) !important}
/* CTC animated directory sliders */
.ctc-slider-section{padding:30px 0 52px !important}
.ctc-slider-section .sectionhead{border-bottom:1px solid var(--ctc-ink);padding-bottom:20px;margin-bottom:28px !important}
.ctc-slider-section .sectionhead h2{font-family:Arial,Helvetica,sans-serif !important;font-weight:900 !important;color:var(--ctc-ink) !important;letter-spacing:-.04em !important}
.ctc-slider-pause{border-radius:0 !important;border:1px solid var(--ctc-ink) !important;background:#fff !important;padding:10px 14px !important;font-weight:800 !important}
.ctc-slide.card{border:0 !important;background:transparent !important}
.ctc-slide.card img{height:250px !important}
.ctc-slide.card .cardbody{padding:18px 0 12px !important}
.ctc-slide.card:hover{background:transparent !important}
/* About / mission / opportunities custom page systems: remove rounded dashboard look */
.ctc-about-pillar,.ctc-scope-card,.ctc-about-checks>div,.ctc-about-values>div,
.ctc-mv-core-card,.ctc-detail-feature,.ctc-detail-card-grid>* ,.ctc-opps-feature,.ctc-opps-card-grid>*,
.networkCard,.recognitionCard{
border-radius:0 !important;box-shadow:none !important;
}
.ctc-about-pillar,.ctc-scope-card,.ctc-mv-core-card,.ctc-detail-card-grid>*,.ctc-opps-card-grid>*,.networkCard,.recognitionCard{
border:1px solid var(--ctc-line) !important;
}
.ctc-about-pillar h3,.ctc-scope-card h3,.ctc-mv-core-card h3,.ctc-detail-card-grid h3,.ctc-opps-card-grid h3,
.networkCard h3,.recognitionCard h3{
font-family:Arial,Helvetica,sans-serif !important;font-weight:900 !important;letter-spacing:-.03em !important;
}
.ctc-about-dark,.ctc-detail-purple,.ctc-opps-purple{background:var(--ctc-purple) !important}
.aboutCta,.ctc-about-cta,.ctc-detail-cta,.ctc-opps-cta{border-radius:0 !important}
/* Forms: clean, functional, squared */
.form input,.form select,.form textarea{
border-radius:0 !important;border:1px solid #aaa !important;padding:15px 14px !important;background:#fff !important;
}
.form input:focus,.form select:focus,.form textarea:focus{outline:3px solid rgba(45,2,115,.15);border-color:var(--ctc-purple) !important}
/* Legal pages */
.ctc-legal-hero{background:var(--ctc-purple) !important}
.ctc-legal-body{background:var(--ctc-mist) !important}
.ctc-legal-summary,.ctc-legal-content,.ctc-legal-note{border-radius:0 !important;box-shadow:none !important}
.ctc-legal-summary h2,.ctc-legal-content h2{font-family:Arial,Helvetica,sans-serif !important;font-weight:900 !important;color:var(--ctc-ink) !important;letter-spacing:-.025em}
/* Footer: large, simple, strongly branded */
footer{margin-top:0 !important;padding:72px 0 0 !important;background:var(--ctc-purple) !important}
.footgrid{grid-template-columns:1.35fr .65fr 1fr !important;gap:80px !important}
footer .ctc-purple-footer-logo{width:min(100%,360px) !important;background:var(--ctc-purple) !important}
.footgrid a{color:#fff !important;text-decoration:none !important;padding-bottom:2px}
.footgrid a:hover{text-decoration:underline !important;text-underline-offset:4px}
.footgrid p{color:rgba(255,255,255,.78) !important}
.legal{margin-top:52px !important;background:var(--ctc-purple-dark) !important;border-top:1px solid rgba(255,255,255,.16) !important;padding:22px !important}
/* Responsive */
@media(max-width:1100px){
.wrap,.cleanThamesHero .heroCopy{width:min(100% - 44px,1320px) !important}
.nav nav{gap:14px !important}.nav nav>a,.dd>a{font-size:12px !important}
.home-learning-grid,.home-services-grid{grid-template-columns:1fr 1fr !important}
.home-learning-grid>div:nth-child(2){border-right:0 !important}
.home-learning-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.35) !important}
.home-services-grid>a:nth-child(2){border-right:0 !important}.home-services-grid>a:nth-child(-n+2){border-bottom:1px solid var(--ctc-line) !important}
}
@media(max-width:900px){
.nav{height:76px !important}.brand img{width:165px !important;height:58px !important}
.nav nav{top:76px !important;border-top:1px solid var(--ctc-line);box-shadow:0 18px 30px rgba(0,0,0,.08)}
.homehero.liveHero.cleanThamesHero{min-height:650px !important}
.home-welcome-grid,.coursehero{grid-template-columns:1fr !important;gap:42px !important}
.coursehero img{height:440px !important}
.cards,.ucards{grid-template-columns:1fr 1fr !important}
.footgrid{grid-template-columns:1fr 1fr !important;gap:46px !important}
}
@media(max-width:700px){
.wrap,.cleanThamesHero .heroCopy{width:calc(100% - 28px) !important}
.section,.content{padding:58px 0 !important}
.home-welcome,.home-what,.home-learning,.home-services,.home-journey,.home-why,.home-final-cta{padding:64px 0 !important}
.homehero.liveHero.cleanThamesHero{min-height:590px !important}
.cleanThamesHero .heroCopy{padding:82px 0 76px !important}
.homehero.liveHero .ctc-requested-title{font-size:clamp(52px,15vw,76px) !important;line-height:.9 !important}
.homehero.liveHero .ctc-requested-title span{white-space:normal !important}
.home-proof-grid,.home-learning-grid,.home-services-grid,.home-journey-grid,.cards,.ucards,.footgrid{grid-template-columns:1fr !important}
.home-proof-grid>div,.home-learning-grid>div,.home-services-grid>a{border-right:0 !important;border-bottom:1px solid var(--ctc-line) !important}
.home-learning-grid>div{border-bottom-color:rgba(255,255,255,.35) !important}
.home-welcome-grid{gap:34px !important}.home-welcome-copy{padding-top:26px}
.home-what-card{min-height:0 !important;padding:34px 26px !important}.home-what-card+.home-what-card{border-left:0 !important;border-top:1px solid var(--ctc-line) !important}
.slide{width:285px !important;flex-basis:285px !important}.slide img{height:215px !important;min-height:215px !important}
.runner{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
.innerhero,.ctc-about-hero,.ctc-mv-hero,.ctc-detail-hero,.ctc-opps-hero,.aboutHero,.ctc-legal-hero{min-height:390px !important}
.innerhero h1,.ctc-about-hero h1,.ctc-mv-hero h1,.ctc-detail-hero h1,.ctc-opps-hero h1,.aboutHero h1,.ctc-legal-hero h1{font-size:clamp(46px,13vw,68px) !important}
.coursehero img{height:330px !important}
.home-final-cta-inner{padding:34px 24px !important}
footer{padding-top:54px !important}
}
/* 2026-10-02: Increase the CITY THAMES COLLEGE brand kicker consistently across page sections. */
.ctc-brand-kicker{
font-size:15px !important;
font-weight:900 !important;
letter-spacing:.18em !important;
line-height:1.25 !important;
}
@media(max-width:620px){
.ctc-brand-kicker{font-size:14px !important;letter-spacing:.15em !important;}
}
/* 2026-10-02: User-approved page hierarchy across every internal hero.
Kicker = small-to-medium, page title = medium, supporting copy = normal. */
.innerhero .eyebrow,
.ctc-about-hero .ctc-about-kicker,
.ctc-mv-hero .aboutEyebrow,
.ctc-mv-hero .ctc-mv-kicker,
.ctc-detail-hero .aboutEyebrow,
.ctc-detail-hero .ctc-detail-kicker,
.ctc-opps-hero .aboutEyebrow,
.ctc-opps-hero .ctc-opps-kicker,
.aboutHero .aboutEyebrow,
.ctc-legal-hero .ctc-legal-kicker,
.ctc-brand-kicker{
font-family:Arial,Helvetica,sans-serif !important;
font-size:18px !important;
font-weight:900 !important;
line-height:1.3 !important;
letter-spacing:.16em !important;
text-transform:uppercase !important;
}
.innerhero h1,
.ctc-about-hero h1,
.ctc-mv-hero h1,
.ctc-detail-hero h1,
.ctc-opps-hero h1,
.aboutHero h1,
.ctc-legal-hero h1{
max-width:1100px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:clamp(46px,4.8vw,64px) !important;
font-weight:900 !important;
line-height:1.02 !important;
letter-spacing:-.035em !important;
}
.innerhero p,
.ctc-about-hero p,
.ctc-mv-hero p,
.ctc-detail-hero p,
.ctc-opps-hero p,
.aboutHero p,
.ctc-legal-hero p{
max-width:900px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:18px !important;
font-weight:400 !important;
line-height:1.6 !important;
letter-spacing:0 !important;
}
@media(max-width:700px){
.innerhero .eyebrow,
.ctc-about-hero .ctc-about-kicker,
.ctc-mv-hero .aboutEyebrow,
.ctc-mv-hero .ctc-mv-kicker,
.ctc-detail-hero .aboutEyebrow,
.ctc-detail-hero .ctc-detail-kicker,
.ctc-opps-hero .aboutEyebrow,
.ctc-opps-hero .ctc-opps-kicker,
.aboutHero .aboutEyebrow,
.ctc-legal-hero .ctc-legal-kicker,
.ctc-brand-kicker{font-size:14px !important;letter-spacing:.14em !important;}
.innerhero h1,
.ctc-about-hero h1,
.ctc-mv-hero h1,
.ctc-detail-hero h1,
.ctc-opps-hero h1,
.aboutHero h1,
.ctc-legal-hero h1{font-size:clamp(38px,10vw,50px) !important;line-height:1.04 !important;}
.innerhero p,
.ctc-about-hero p,
.ctc-mv-hero p,
.ctc-detail-hero p,
.ctc-opps-hero p,
.aboutHero p,
.ctc-legal-hero p{font-size:16px !important;line-height:1.55 !important;}
}
/* 2026-10-02: Apply the approved three-level typography hierarchy to the homepage hero.
Brand label = small-to-medium, homepage title = medium, supporting copy = normal. */
.homehero.liveHero .eyebrow{
font-family:Arial,Helvetica,sans-serif !important;
font-size:18px !important;
font-weight:900 !important;
line-height:1.3 !important;
letter-spacing:.16em !important;
text-transform:uppercase !important;
}
.homehero.liveHero .ctc-requested-title{
max-width:1100px !important;
margin:18px 0 24px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:clamp(46px,4.8vw,64px) !important;
font-weight:900 !important;
line-height:1.02 !important;
letter-spacing:-.035em !important;
text-transform:none !important;
}
.homehero.liveHero p{
max-width:900px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:18px !important;
font-weight:400 !important;
line-height:1.6 !important;
letter-spacing:0 !important;
}
@media(max-width:700px){
.homehero.liveHero .eyebrow{font-size:14px !important;letter-spacing:.14em !important;}
.homehero.liveHero .ctc-requested-title{font-size:clamp(38px,10vw,50px) !important;line-height:1.04 !important;}
.homehero.liveHero p{font-size:16px !important;line-height:1.55 !important;}
}
/* ======================================================================
STUDYIN-INSPIRED CTC VISUAL SYSTEM - 2026-10-02
Design-language adaptation only. CTC identity, colours, content,
navigation, links, forms and slider functionality are preserved.
====================================================================== */
:root{
--si-purple:#2d0273;
--si-purple-2:#35108a;
--si-purple-dark:#180447;
--si-red:#e51a22;
--si-ink:#171321;
--si-text:#5d5865;
--si-soft:#f7f5fa;
--si-soft-2:#f1edf7;
--si-line:#e6e1eb;
--si-white:#fff;
--si-radius:20px;
--si-shadow:0 18px 50px rgba(38,16,72,.10);
}
body{background:#fff !important;color:var(--si-ink) !important;font-family:Inter,Arial,Helvetica,sans-serif !important}
.wrap{width:min(1240px,calc(100% - 48px)) !important}
/* Compact, service-led header */
.topbar{background:var(--si-purple) !important;border:0 !important}
.topin{height:36px !important;font-size:12px !important;gap:26px !important;opacity:.96}
header{background:rgba(255,255,255,.98) !important;border-bottom:1px solid var(--si-line) !important;box-shadow:0 5px 22px rgba(35,17,62,.05) !important;backdrop-filter:blur(12px)}
.nav{height:80px !important;gap:18px !important}
.brand img{width:190px !important;height:62px !important}
.nav nav{gap:17px !important}
.nav nav>a,.dd>a{font-size:13px !important;font-weight:750 !important;letter-spacing:0 !important}
.nav nav>a:not(.apply):after,.dd>a:after{bottom:-9px !important;height:2px !important;background:var(--si-red) !important}
.apply,.btn{border-radius:999px !important;padding:13px 21px !important;background:var(--si-purple) !important;box-shadow:none !important}
.apply:hover,.btn:hover{background:var(--si-purple-2) !important;transform:translateY(-1px) !important}
.btn.alt{border:1px solid rgba(255,255,255,.8) !important;background:rgba(255,255,255,.08) !important}
.drop,.ctcAboutDropdown{border:1px solid var(--si-line) !important;border-radius:16px !important;box-shadow:0 20px 55px rgba(28,12,52,.15) !important;padding:10px !important}
.drop a{border-radius:10px !important;padding:10px 12px !important}
.drop a:hover{background:var(--si-soft-2) !important;color:var(--si-purple) !important}
.course-flyout,.uni-panel{border-radius:14px !important;box-shadow:0 20px 55px rgba(28,12,52,.14) !important}
/* Homepage hero: professional image-led introduction with approved type scale */
.homehero.liveHero.cleanThamesHero{min-height:560px !important;background-position:center 42% !important}
.cleanThamesHero::before{background:linear-gradient(90deg,rgba(24,4,71,.91) 0%,rgba(45,2,115,.76) 43%,rgba(45,2,115,.26) 72%,rgba(24,4,71,.08) 100%) !important}
.cleanThamesHero .heroCopy{width:min(1240px,calc(100% - 48px)) !important;padding:96px 0 102px !important}
.homehero .eyebrow,.home-kicker,.innerhero .eyebrow,
.ctc-about-kicker,.ctc-about-section-kicker,.ctc-mv-kicker,.ctc-detail-kicker,.ctc-opps-kicker,.ctc-legal-kicker{
font-size:16px !important;line-height:1.25 !important;letter-spacing:.09em !important;font-weight:800 !important;color:var(--si-red) !important;
}
.homehero.liveHero .ctc-requested-title{
max-width:760px !important;margin:15px 0 18px !important;font-size:clamp(38px,4.1vw,54px) !important;line-height:1.05 !important;letter-spacing:-.025em !important;font-weight:800 !important;
}
.homehero.liveHero p{max-width:680px !important;font-size:17px !important;line-height:1.65 !important;color:rgba(255,255,255,.92) !important}
.actions{gap:12px !important;margin-top:27px !important}.actions .btn{padding:14px 22px !important}
/* Homepage trust/proof strip */
.home-proof{padding:0 0 24px !important;background:#fff !important;border:0 !important}
.home-proof-grid{margin-top:-34px !important;position:relative;z-index:5;display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:0 !important;border:1px solid var(--si-line) !important;border-radius:18px !important;background:#fff !important;box-shadow:var(--si-shadow) !important;overflow:hidden}
.home-proof-grid>div{min-height:128px !important;padding:25px 26px !important;border-right:1px solid var(--si-line) !important;background:#fff !important}
.home-proof-grid strong{font-size:18px !important;color:var(--si-purple) !important;letter-spacing:-.01em !important}.home-proof-grid small{font-size:13px !important;color:var(--si-text) !important}
/* Global section rhythm */
.section,.content{padding:76px 0 !important}
.home-welcome,.home-what,.home-learning,.home-services,.home-journey,.home-why,.home-final-cta{padding:82px 0 !important}
.soft,.home-what,.home-journey{background:var(--si-soft) !important}
.sectionhead,.home-section-head{margin-bottom:30px !important;align-items:end !important}
.section h2,.content h2,.home-section-head h2,.home-welcome h2,.home-what h2,.home-learning h2,.home-services h2,.home-journey h2,.home-why h2,.home-final-cta h2,
.ctc-about-intro h2,.ctc-about-dark h2,.ctc-about-scope h2,.ctc-about-experience h2,.ctc-about-london h2,.ctc-mv-intro h2,.ctc-mv-core h2,.ctc-detail-section h2,.ctc-opps-section h2{
font-family:Inter,Arial,Helvetica,sans-serif !important;font-size:clamp(30px,3.2vw,44px) !important;line-height:1.08 !important;letter-spacing:-.025em !important;font-weight:800 !important;color:var(--si-ink) !important;
}
.sectionhead>a,.home-slider-head>a,.home-inline-links a,.home-learning-link a,.home-why-btn{display:inline-flex !important;align-items:center;gap:6px;color:var(--si-purple) !important;text-decoration:none !important;font-weight:800 !important;border:0 !important}
.sectionhead>a:hover,.home-slider-head>a:hover,.home-inline-links a:hover{color:var(--si-red) !important}
/* Welcome / explanatory content */
.home-welcome{background:#fff !important}
.home-welcome-grid{grid-template-columns:.9fr 1.1fr !important;gap:70px !important;align-items:center !important}
.home-welcome-copy{padding:34px !important;border:1px solid var(--si-line) !important;border-radius:var(--si-radius) !important;background:var(--si-soft) !important}
.home-welcome-copy p,.home-section-head>p,.home-what-card p,.home-slider-head p{font-size:16px !important;line-height:1.7 !important;color:var(--si-text) !important}
/* Service-style cards */
.home-what-grid,.home-services-grid{gap:20px !important;border:0 !important}
.home-what-card,.home-services-grid>a{
min-height:300px !important;padding:30px !important;border:1px solid var(--si-line) !important;border-radius:var(--si-radius) !important;background:#fff !important;box-shadow:0 8px 28px rgba(38,16,72,.05) !important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease !important;
}
.home-what-card+.home-what-card,.home-services-grid>a{border-left:1px solid var(--si-line) !important;border-right:1px solid var(--si-line) !important}
.home-what-card:hover,.home-services-grid>a:hover{transform:translateY(-4px) !important;box-shadow:var(--si-shadow) !important;border-color:#d7cfe3 !important;background:#fff !important}
.home-what-card span,.home-services-grid span{color:var(--si-red) !important;font-weight:850 !important}
.home-what-card h3,.home-services-grid h3{font-size:clamp(24px,2.4vw,32px) !important;line-height:1.12 !important;letter-spacing:-.02em !important;color:var(--si-purple) !important;font-weight:800 !important}
.home-what-card a,.home-services-grid b{color:var(--si-purple) !important;font-weight:800 !important}
.home-sfe-note,.home-provider-note-inner,.notice{border:1px solid var(--si-line) !important;border-left:4px solid var(--si-purple) !important;border-radius:14px !important;background:#fff !important;box-shadow:0 8px 26px rgba(38,16,72,.05) !important}
/* Course sliders: rounded, image-forward cards */
.runner{margin-left:0 !important;margin-right:0 !important;padding:8px 2px 18px !important}
.track{gap:20px !important}
.slide{width:320px !important;flex:0 0 320px !important;border:1px solid var(--si-line) !important;border-radius:18px !important;background:#fff !important;overflow:hidden !important;box-shadow:0 8px 26px rgba(38,16,72,.06) !important;transition:transform .2s ease,box-shadow .2s ease !important}
.slide:hover{transform:translateY(-4px) !important;box-shadow:var(--si-shadow) !important}
.slide img{height:205px !important;min-height:205px !important;border-radius:0 !important;transform:none !important}
.slide>div{padding:18px 19px 20px !important}.slide h3{font-size:20px !important;line-height:1.18 !important;color:var(--si-purple) !important;font-weight:800 !important}.slide p{font-size:13px !important;color:var(--si-text) !important}.course-explore{margin-top:10px !important;border:0 !important;color:var(--si-red) !important}
.runner:hover .track,.runner:focus-within .track{animation-play-state:running !important}
/* Journey and dark feature areas */
.home-learning,.home-why{background:var(--si-purple) !important;color:#fff !important}
.home-learning .home-section-head h2,.home-why h2{color:#fff !important}
.home-learning-grid{gap:14px !important;border:0 !important}
.home-learning-grid>div{min-height:220px !important;padding:28px !important;border:1px solid rgba(255,255,255,.18) !important;border-radius:16px !important;background:rgba(255,255,255,.07) !important}
.home-learning-grid b{border-radius:999px !important;background:var(--si-red) !important}.home-learning-grid strong{font-size:22px !important}
.home-learning-link a,.home-why-btn{color:#fff !important}
.home-journey-grid{gap:16px !important;border:0 !important;background:transparent !important}
.home-journey-grid>div{min-height:205px !important;padding:28px !important;border:1px solid var(--si-line) !important;border-radius:16px !important;background:#fff !important;box-shadow:0 8px 24px rgba(38,16,72,.04) !important}
.home-journey-grid span{color:var(--si-red) !important}.home-journey-grid strong{font-size:22px !important;color:var(--si-purple) !important}
.home-why-grid{gap:60px !important}.home-why-points>div{border-radius:14px !important;background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.14) !important}
/* Network / recognition areas */
.networkShowcase,.recognitionShowcase{padding:76px 0 !important;background:#fff !important}
.awardingShowcase{background:var(--si-soft) !important}
.networkHead{margin-bottom:28px !important}.networkHead h2{font-size:clamp(30px,3.2vw,44px) !important;letter-spacing:-.025em !important;color:var(--si-ink) !important}.networkHead>p{max-width:760px;color:var(--si-text) !important;line-height:1.7 !important}
.networkCard,.recognitionCard{border:1px solid var(--si-line) !important;border-radius:16px !important;background:#fff !important;box-shadow:0 7px 22px rgba(38,16,72,.04) !important}
.recognitionGrid{gap:18px !important}
/* Final CTA */
.home-final-cta{background:var(--si-soft) !important}
.home-final-cta-inner{border:0 !important;border-radius:24px !important;background:var(--si-purple) !important;color:#fff !important;padding:48px 50px !important;box-shadow:var(--si-shadow) !important}
.home-final-cta-inner>div:first-child>span{color:#fff !important;opacity:.8}.home-final-cta h2{color:#fff !important}.home-final-cta p{color:rgba(255,255,255,.8) !important}
.home-final-actions a{border-radius:999px !important;background:#fff !important;color:var(--si-purple) !important;border:0 !important}.home-final-actions a:nth-child(2){background:var(--si-red) !important;color:#fff !important}.home-final-actions a:nth-child(3){background:transparent !important;color:#fff !important;border:1px solid rgba(255,255,255,.45) !important}
/* Internal page heroes: approved small / medium / normal hierarchy */
.innerhero,.ctc-about-hero,.ctc-mv-hero,.ctc-detail-hero,.ctc-opps-hero,.aboutHero,.ctc-legal-hero{min-height:330px !important;position:relative !important}
.innerhero:before,.ctc-about-hero:before,.ctc-mv-hero:before,.ctc-detail-hero:before,.ctc-opps-hero:before,.aboutHero:before,.ctc-legal-hero:before{background:linear-gradient(90deg,rgba(24,4,71,.91),rgba(45,2,115,.67) 58%,rgba(45,2,115,.18)) !important}
.innerhero .wrap,.ctc-about-hero .wrap,.ctc-mv-hero .wrap,.ctc-detail-hero .wrap,.ctc-opps-hero .wrap,.aboutHero .wrap,.ctc-legal-hero .wrap{padding:72px 0 !important}
.innerhero h1,.ctc-about-hero h1,.ctc-mv-hero h1,.ctc-detail-hero h1,.ctc-opps-hero h1,.aboutHero h1,.ctc-legal-hero h1,
.ctc-about-title,.ctc-mv-title,.ctc-detail-title,.ctc-opps-title,.ctc-legal-title{
max-width:820px !important;margin:12px 0 14px !important;font-size:clamp(34px,3.7vw,46px) !important;line-height:1.08 !important;letter-spacing:-.025em !important;font-weight:800 !important;color:#fff !important;
}
.innerhero p,.ctc-about-hero p,.ctc-mv-hero p,.ctc-detail-hero p,.ctc-opps-hero p,.aboutHero p,.ctc-legal-hero p,
.ctc-about-hero-copy,.ctc-mv-hero-copy,.ctc-detail-hero-copy,.ctc-opps-hero-copy,.ctc-legal-hero-copy{max-width:720px !important;font-size:16px !important;line-height:1.65 !important;color:rgba(255,255,255,.9) !important}
/* Standard content, course directories and information cards */
.content>.wrap{max-width:1240px !important}.content>.wrap>p{max-width:850px !important;font-size:16px !important;line-height:1.75 !important;color:var(--si-text) !important}
.split{gap:52px !important}.split img,.coursehero img{border-radius:20px !important;box-shadow:var(--si-shadow) !important}
.cards,.ucards{gap:20px !important;border:0 !important}
.card,.ucard{border:1px solid var(--si-line) !important;border-radius:18px !important;overflow:hidden !important;background:#fff !important;box-shadow:0 8px 26px rgba(38,16,72,.05) !important;transition:transform .2s ease,box-shadow .2s ease !important}
.card:hover,.ucard:hover{transform:translateY(-4px) !important;background:#fff !important;box-shadow:var(--si-shadow) !important}
.card img{height:220px !important}.ucard img{height:190px !important}.cardbody,.ucard div{padding:19px !important}.cardbody span{color:var(--si-red) !important}.card h2,.card h3,.ucard h3{font-size:22px !important;line-height:1.18 !important;color:var(--si-purple) !important;font-weight:800 !important}.card b,.ucard a{color:var(--si-red) !important}
.subject{padding:60px 0 !important;border-bottom:1px solid var(--si-line) !important}.subject:nth-of-type(even){background:var(--si-soft) !important}.subject h2{font-size:clamp(30px,3.2vw,42px) !important;letter-spacing:-.025em !important;color:var(--si-ink) !important}
.ctc-slider-section{border-radius:18px !important}.ctc-slide-track{gap:18px !important}.ctc-slider-pause{border-radius:999px !important;border:1px solid var(--si-line) !important;background:#fff !important;color:var(--si-purple) !important}
.pill{border-radius:999px !important;background:var(--si-soft-2) !important;color:var(--si-purple) !important}
/* Forms */
.form{gap:20px !important}.form label{color:var(--si-ink) !important}.form input,.form select,.form textarea{padding:14px 15px !important;border:1px solid #dcd5e5 !important;border-radius:12px !important;background:#fff !important;outline:none}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--si-purple) !important;box-shadow:0 0 0 3px rgba(45,2,115,.08) !important}
/* Footer */
footer{margin-top:0 !important;padding:66px 0 0 !important;background:var(--si-purple-dark) !important}.footgrid{gap:56px !important}.footgrid h4{font-size:16px !important}.footgrid a{color:rgba(255,255,255,.84) !important}.footgrid a:hover{color:#fff !important;text-decoration:underline}.footgrid p{color:rgba(255,255,255,.74) !important}.legal{background:rgba(0,0,0,.18) !important;color:rgba(255,255,255,.7) !important}.wa{width:56px !important;height:56px !important;box-shadow:0 12px 30px rgba(0,0,0,.18) !important}
/* Responsive */
@media(max-width:1050px){
.nav nav{gap:12px !important}.nav nav>a,.dd>a{font-size:12px !important}.brand img{width:170px !important}
.home-proof-grid{grid-template-columns:repeat(2,1fr) !important}.home-proof-grid>div:nth-child(2){border-right:0 !important}.home-proof-grid>div:nth-child(-n+2){border-bottom:1px solid var(--si-line) !important}
}
@media(max-width:900px){
.wrap{width:min(100% - 32px,1240px) !important}.nav{height:72px !important}.brand img{width:155px !important;height:56px !important}.nav nav{top:72px !important;border-top:1px solid var(--si-line);box-shadow:0 18px 40px rgba(30,15,50,.12)}
.homehero.liveHero.cleanThamesHero{min-height:520px !important}.cleanThamesHero .heroCopy{width:min(100% - 32px,1240px) !important;padding:76px 0 84px !important}
.home-welcome-grid,.home-why-grid{grid-template-columns:1fr !important;gap:34px !important}.home-services-grid{grid-template-columns:repeat(2,1fr) !important}.home-journey-grid{grid-template-columns:repeat(2,1fr) !important}
.home-final-cta-inner{padding:38px 32px !important}
}
@media(max-width:620px){
.wrap{width:min(100% - 24px,1240px) !important}.cleanThamesHero .heroCopy{width:min(100% - 24px,1240px) !important;padding:62px 0 70px !important}.homehero.liveHero .ctc-requested-title{font-size:36px !important}.homehero .eyebrow,.home-kicker,.innerhero .eyebrow,.ctc-about-kicker,.ctc-about-section-kicker,.ctc-mv-kicker,.ctc-detail-kicker,.ctc-opps-kicker,.ctc-legal-kicker{font-size:14px !important}.homehero.liveHero p{font-size:16px !important}
.home-proof-grid{grid-template-columns:1fr !important;margin-top:-18px !important}.home-proof-grid>div{border-right:0 !important;border-bottom:1px solid var(--si-line) !important}.home-proof-grid>div:last-child{border-bottom:0 !important}
.section,.content,.home-welcome,.home-what,.home-learning,.home-services,.home-journey,.home-why,.home-final-cta{padding:58px 0 !important}
.home-services-grid,.home-journey-grid{grid-template-columns:1fr !important}.home-what-grid{grid-template-columns:1fr !important}.home-what-card{min-height:0 !important}.slide{width:270px !important;flex-basis:270px !important}.slide img{height:180px !important;min-height:180px !important}
.innerhero,.ctc-about-hero,.ctc-mv-hero,.ctc-detail-hero,.ctc-opps-hero,.aboutHero,.ctc-legal-hero{min-height:300px !important}.innerhero .wrap,.ctc-about-hero .wrap,.ctc-mv-hero .wrap,.ctc-detail-hero .wrap,.ctc-opps-hero .wrap,.aboutHero .wrap,.ctc-legal-hero .wrap{padding:58px 0 !important}.innerhero h1,.ctc-about-hero h1,.ctc-mv-hero h1,.ctc-detail-hero h1,.ctc-opps-hero h1,.aboutHero h1,.ctc-legal-hero h1,.ctc-about-title,.ctc-mv-title,.ctc-detail-title,.ctc-opps-title,.ctc-legal-title{font-size:32px !important}
.home-final-cta-inner{padding:30px 24px !important;border-radius:18px !important}
}
/* Footer logo blend correction - 2026-10-02 */
footer .ctc-purple-footer-logo{
background:transparent !important;
}
/* Purple educational approach contrast correction - 2026-10-02 */
.ctc-about-dark .ctc-about-dark-heading h2,
.ctc-about-dark h2{
color:#fff !important;
}
.ctc-about-dark .ctc-about-dark-item h3{
color:#fff !important;
}
.ctc-about-dark .ctc-about-dark-item p{
color:rgba(255,255,255,.82) !important;
}
/* CTC application contrast correction - 2026-10-02 */
.ctc-application-section .ctc-application-aside h2{
color:#fff !important;
}
\n\n/* CTC SHORT UNIVERSITY ENQUIRY FORM */
.ctc-premium-form{gap:16px 18px}
.ctc-application-card{padding:34px}
.ctc-app-card-head{margin-bottom:20px}
.ctc-premium-form input:not([type="checkbox"]),
.ctc-premium-form select{height:52px}
.ctc-consent-row{margin-top:2px;padding:14px 16px}
.ctc-submit-button{height:54px}
.ctc-app-help{margin-top:22px}
@media(max-width:680px){
.ctc-application-card{padding:24px 18px}
.ctc-premium-form{gap:14px}
}
/* 2026-10-02: Compact University Courses directory spacing.
Keeps the Important notice and all course sections, while removing oversized vertical gaps. */
body.university-directory main > .content{
padding:34px 0 18px !important;
}
body.university-directory main > .content .notice{
margin:0 !important;
}
body.university-directory main > .subject{
padding:34px 0 30px !important;
}
body.university-directory main > .content + .subject{
padding-top:30px !important;
}
body.university-directory main > .subject > .wrap > h2{
margin:0 0 18px !important;
}
body.university-directory .ctc-slider-section{
padding:8px 0 14px !important;
margin-bottom:0 !important;
}
body.university-directory .ctc-slider-section .sectionhead{
padding-bottom:16px !important;
margin-bottom:20px !important;
}
@media(max-width:700px){
body.university-directory main > .content{padding:26px 0 12px !important}
body.university-directory main > .subject{padding:26px 0 22px !important}
body.university-directory main > .content + .subject{padding-top:24px !important}
body.university-directory main > .subject > .wrap > h2{margin-bottom:14px !important}
body.university-directory .ctc-slider-section{padding-top:6px !important;padding-bottom:10px !important}
}
/* 2026-10-05: PDF-grounded City Thames College course detail updates */
.coursehero h3{margin:26px 0 10px;font-size:1.15rem;color:#2a0768}
.course-entry-list{margin:8px 0 24px;padding-left:22px;line-height:1.7}
.course-entry-list li{margin:0 0 8px}
header .course-flyout{max-height:72vh;overflow-y:auto;overscroll-behavior:contain}
.ctc-slide .cardbody h3{line-height:1.2}
@media(max-width:900px){header .course-flyout{max-height:none;overflow:visible}}
/* 2026-10-05: PDF-based course detail expansion and image reliability pass */
.course-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 34px}
.course-fact{background:#f7f5fb;border:1px solid #e5dff0;padding:18px 20px;border-radius:14px}
.course-fact span{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6c6476;margin-bottom:5px}
.course-fact strong{display:block;font-family:Georgia,serif;font-size:24px;line-height:1.15;color:#35108a}
.course-extra-section{margin-top:34px}
.course-extra-section h3{font-family:Georgia,serif;color:#35108a;font-size:27px;margin:34px 0 12px}
.course-entry-list,.course-study-list,.course-assessment-list,.course-delivery-list{padding-left:22px;margin:12px 0 24px}
.course-entry-list li,.course-study-list li,.course-assessment-list li,.course-delivery-list li{margin:8px 0;line-height:1.62;color:#393447}
.coursehero>img{position:sticky;top:110px}
@media(max-width:900px){.coursehero>img{position:static}}
@media(max-width:620px){.course-facts{grid-template-columns:1fr}.course-extra-section h3{font-size:24px}}
/* CTC homepage campus-life visual update: subtle cinematic motion only */
.cleanThamesHero .realHeroPhoto{
animation:ctcCampusDrift 9s ease-in-out infinite alternate;
will-change:transform,opacity;
}
@keyframes ctcCampusDrift{
from{transform:scale(1.015)}
to{transform:scale(1.055)}
}
@media (prefers-reduced-motion:reduce){
.cleanThamesHero .realHeroPhoto{animation:none !important;transform:scale(1.015)}
}
/* CTC VNEXT: compact footer + mobile/tablet + SEO-supportive responsive pass */
html,body{max-width:100%;overflow-x:hidden}
img,svg{max-width:100%}
:focus-visible{outline:3px solid #ed1c24;outline-offset:3px}
.mobile-apply{display:none}
/* Compact footer inspired by the approved reference, preserving CTC purple. */
footer.compact-footer{margin-top:0!important;padding:0!important;background:#2f0a78!important;color:#fff!important;border-radius:0!important}
.compact-footer-inner{min-height:126px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding-top:24px;padding-bottom:24px}
.compact-footer-left{justify-self:start}.compact-footer-left a{color:#fff!important;text-decoration:none!important;font-weight:800;font-size:15px;letter-spacing:.01em}
.compact-footer-left a:hover{text-decoration:underline!important}
.compact-footer-centre{justify-self:center;text-align:center;font-weight:850;font-size:14px;letter-spacing:.015em;white-space:nowrap}
.compact-footer-socials{justify-self:end;display:flex;align-items:center;gap:12px}
.footer-social-link{width:42px;height:42px;border:2px solid #fff;border-radius:8px;display:grid;place-items:center;color:#fff;line-height:1;font-weight:900;user-select:none}
.footer-social-link svg{width:21px;height:21px;fill:currentColor;display:block}.footer-social-x{font-size:17px}
/* Desktop/tablet safety: long labels never force the page wider than the viewport. */
.wrap{max-width:calc(100% - 24px)}
.card,.slide,.ucard,.coursehero>*,.split>*{min-width:0}
.card h3,.slide h3,.ucard h3,.content h1,.content h2,.content h3{overflow-wrap:anywhere}
@media(max-width:1100px){
body.nav-open{overflow:hidden}
header{position:sticky;top:0}
header .wrap.nav{width:calc(100% - 28px)!important;height:76px!important;gap:12px!important}
header .brand img{width:158px!important;height:58px!important}
header .nav>.menu{display:grid!important;place-items:center;width:48px;height:48px;padding:0!important;border:1px solid #ded8ea!important;border-radius:10px!important;background:#fff!important;color:#2f0a78!important;font-size:24px!important;cursor:pointer}
header .nav>.apply{display:none!important}
header .nav nav{top:76px!important;left:0!important;right:0!important;width:100%!important;max-height:calc(100dvh - 76px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding:14px 18px 26px!important;gap:2px!important;align-items:stretch!important;background:#fff!important;border-top:1px solid #eee9f5!important}
header .nav nav>a,header .nav .dd{width:100%!important}
header .nav nav>a,header .nav .dd>a{min-height:48px;display:flex!important;align-items:center!important;font-size:15px!important;padding:10px 8px!important}
header .nav .dd{display:grid!important;grid-template-columns:1fr 48px;align-items:start}
header .nav .dd>a{grid-column:1}.about-toggle,.courses-toggle,.services-toggle,.opportunities-toggle,header .university-menu>.uni-toggle{grid-column:2;width:48px!important;height:48px!important;display:grid!important;place-items:center!important}
header .nav .dd>.drop{grid-column:1/-1!important;position:static!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:2px 0 8px 14px!important;border-radius:0!important;box-shadow:none!important;border-left:2px solid #eee8f8!important}
header .nav .drop a{min-height:44px!important;display:flex!important;align-items:center!important;padding:9px 10px!important;font-size:14px!important;white-space:normal!important}
header .nav .course-submenu,header .nav .uni-branch{width:100%!important}
header .nav .course-level-row,header .nav .uni-row{display:grid!important;grid-template-columns:1fr 48px!important;align-items:center!important;width:100%!important}
header .nav .level-toggle,header .nav .uni-row>.uni-toggle{width:48px!important;height:48px!important;display:grid!important;place-items:center!important}
header .nav .course-flyout,header .nav .uni-panel{position:static!important;grid-column:1/-1!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;padding:0 0 4px 14px!important;margin:0!important;box-shadow:none!important;border-left:2px solid #eee8f8!important}
.mobile-apply{display:flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;margin-top:12px!important;border-radius:9px!important;background:#ed1c24!important;color:#fff!important;font-weight:850!important;text-decoration:none!important}
.homehero,.cleanThamesHero{min-height:540px!important}
.heroCopy{padding:64px 0!important;max-width:650px!important}
.homehero h1,.cleanThamesHero h1{font-size:clamp(42px,7vw,64px)!important;line-height:1.02!important}
.cards,.ucards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.coursehero,.split{grid-template-columns:1fr 1fr!important;gap:28px!important}
.compact-footer-inner{grid-template-columns:1fr;justify-items:center;text-align:center;gap:20px;min-height:0;padding-top:34px;padding-bottom:34px}
.compact-footer-left,.compact-footer-centre,.compact-footer-socials{justify-self:center}.compact-footer-centre{white-space:normal}
}
@media(max-width:760px){
.wrap{width:calc(100% - 28px)!important;max-width:none!important}
.topbar{display:none!important}
.homehero,.cleanThamesHero{min-height:560px!important;background-position:center!important}
.heroCopy{padding:58px 0 64px!important;max-width:100%!important}
.homehero h1,.cleanThamesHero h1,.innerhero h1{font-size:clamp(38px,11vw,52px)!important;line-height:1.04!important}
.homehero p,.innerhero p,.cleanThamesHero p{font-size:17px!important;line-height:1.55!important}
.eyebrow{font-size:12px!important;letter-spacing:2.4px!important}
.actions{width:100%!important;flex-direction:column!important;align-items:stretch!important}.actions .btn{width:100%!important;text-align:center!important}
.benefitgrid,.cards,.ucards,.coursehero,.split{grid-template-columns:1fr!important}
.section,.content{padding:46px 0!important}.section h2,.content h2{font-size:clamp(30px,9vw,38px)!important}
.sectionhead{align-items:flex-start!important;flex-direction:column!important}
.card img,.coursehero img,.split img{height:auto!important;max-height:360px!important;aspect-ratio:16/10;object-fit:cover!important}
.form{grid-template-columns:1fr!important}.form .full{grid-column:auto!important}
.ctc-slider,.runner{overflow-x:auto!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:8px}
.ctc-slide,.slide{scroll-snap-align:start}
.wa{right:14px!important;bottom:14px!important;width:52px!important;height:52px!important}.wa svg{width:29px!important}
.compact-footer-socials{gap:9px;flex-wrap:wrap;justify-content:center}.footer-social-link{width:40px;height:40px}
}
@media(max-width:420px){
header .wrap.nav{width:calc(100% - 20px)!important}.brand img,header .brand img{width:132px!important;height:52px!important}
.homehero h1,.cleanThamesHero h1,.innerhero h1{font-size:38px!important}
.compact-footer-centre{font-size:12px;line-height:1.5}.compact-footer-left a{font-size:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.track,.ctc-slide-track{animation:none!important}.realHeroPhoto{transition:none!important}}
/* 2026-10-07: EDUEX-inspired white-card treatment for homepage Learning Experience.
Content, section background and CTC brand colours are intentionally unchanged. */
.home-learning-grid{
gap:22px !important;
border:0 !important;
align-items:stretch !important;
}
.home-learning-grid>div{
position:relative !important;
min-height:250px !important;
padding:34px 30px 36px !important;
border:1px solid #ece7f3 !important;
border-radius:22px !important;
background:#fff !important;
box-shadow:0 14px 34px rgba(20,4,58,.16) !important;
color:#17131f !important;
overflow:hidden !important;
transition:transform .2s ease,box-shadow .2s ease !important;
}
.home-learning-grid>div:hover{
transform:translateY(-4px) !important;
box-shadow:0 20px 42px rgba(20,4,58,.22) !important;
}
.home-learning-grid b{
display:grid !important;
place-items:center !important;
width:48px !important;
height:48px !important;
margin:0 0 28px !important;
border-radius:50% !important;
background:var(--si-red,#ed1c24) !important;
color:#fff !important;
font-size:12px !important;
font-weight:900 !important;
line-height:1 !important;
}
.home-learning-grid strong{
display:block !important;
margin:0 0 13px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:24px !important;
line-height:1.15 !important;
font-weight:900 !important;
letter-spacing:-.025em !important;
color:#17131f !important;
}
.home-learning-grid span{
display:block !important;
color:#625b6b !important;
font-size:15px !important;
line-height:1.68 !important;
}
@media(max-width:1100px){
.home-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important}
.home-learning-grid>div,.home-learning-grid>div:nth-child(2),.home-learning-grid>div:nth-child(-n+2){border:1px solid #ece7f3 !important}
}
@media(max-width:700px){
.home-learning-grid{grid-template-columns:1fr !important;gap:16px !important}
.home-learning-grid>div{min-height:0 !important;padding:28px 24px 30px !important;border:1px solid #ece7f3 !important}
.home-learning-grid b{width:44px !important;height:44px !important;margin-bottom:22px !important}
.home-learning-grid strong{font-size:22px !important}
.home-learning-grid span{font-size:15px !important}
}
@media(prefers-reduced-motion:reduce){
.home-learning-grid>div{transition:none !important}
.home-learning-grid>div:hover{transform:none !important}
}
/* CTC transparent logo update - header and footer */
header .brand img{
object-fit:contain!important;
background:transparent!important;
}
.compact-footer-left{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:12px;
}
.compact-footer-brand{
display:flex;
align-items:center;
justify-content:center;
width:174px;
min-height:74px;
padding:7px 10px;
border-radius:10px;
background:#fff;
text-decoration:none!important;
box-shadow:0 7px 22px rgba(0,0,0,.10);
}
.compact-footer-brand img{
display:block;
width:100%;
height:62px;
object-fit:contain;
background:transparent!important;
}
@media(max-width:900px){
.compact-footer-left{align-items:center}
.compact-footer-brand{width:166px;min-height:70px}
}
@media(max-width:480px){
.compact-footer-brand{width:154px;min-height:66px;padding:6px 9px}
.compact-footer-brand img{height:56px}
}
/* CTC footer logo correction - transparent artwork only; SEO/favicon asset unchanged */
.compact-footer-brand{
width:190px!important;
min-height:0!important;
padding:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
.compact-footer-brand img{
display:block!important;
width:100%!important;
height:auto!important;
object-fit:contain!important;
background:transparent!important;
}
@media(max-width:900px){
.compact-footer-brand{width:178px!important}
}
@media(max-width:480px){
.compact-footer-brand{width:164px!important;padding:0!important}
}
/* 2026-10-07: footer legal links moved beneath copyright */
.compact-footer-centre{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:12px;
}
.compact-footer-copyright{
text-align:center;
}
.compact-footer-legal{
display:flex;
align-items:center;
justify-content:center;
gap:26px;
flex-wrap:wrap;
}
.compact-footer-legal a{
color:#fff!important;
text-decoration:none!important;
font-size:14px;
font-weight:800;
line-height:1.35;
}
.compact-footer-legal a:hover,
.compact-footer-legal a:focus-visible{
text-decoration:underline!important;
}
@media(max-width:1100px){
.compact-footer-legal{gap:22px}
}
@media(max-width:480px){
.compact-footer-legal{gap:12px 20px}
.compact-footer-legal a{font-size:13px}
}