:root{
      --blue:#000080;
      --dark:#2f2f2f;
      --mid:#d8d8d8;
      --light:#f4f4f4;
      --text:#171717;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    html,body{max-width:100%;overflow-x:hidden;}
    body{margin:0;color:var(--text);font-family:Arial,sans-serif;background:#fff;font-size:13.6px;}
    a{text-decoration:none;color:inherit;cursor:pointer}
    .container{max-width:1122.0px;}

    /* Header */
    .top-strip{background:#fff;border-bottom:0.85px solid #ededed;}
    .brand-wrap{min-height:83.3px;display:flex;align-items:center;justify-content:space-between;gap:23.8px;}
    .brand{display:flex;align-items:center;gap:17.0px;font-weight:800;}
    .gov-mark{font-size:10.2px;line-height:1.08;text-align:center;color:#222;border-right:0.85px solid #e2e2e2;padding-right:17.0px;width:123.25px;font-weight:800;}
    .gov-mark i{font-size:30.6px;display:block;margin-bottom:2.55px;}
    .tafe-mark{display:flex;align-items:center;gap:10.2px;}
    .tafe-badge{width:61.2px;height:54.4px;background:var(--blue);clip-path:polygon(0 100%,43% 0,100% 100%);display:inline-block;position:relative;}
    .tafe-badge:after{content:"TAFE\A WA";white-space:pre;position:absolute;color:#fff;font-weight:900;font-size:14.45px;line-height:.86;left:17.0px;top:9.35px;}
    .tafe-title{font-size:28.9px;line-height:.95;font-weight:900;color:#404040;}
    .header-links{font-size:11.05px;color:var(--blue);display:flex;justify-content:flex-end;gap:23.8px;margin-bottom:8.5px;}
    .site-search{display:flex;justify-content:flex-end;}
    .site-search input{height:39.1px;width:357.0px;border:0.85px solid #d7d7d7;padding:0 15.3px;color:#777;font-size:17.85px;}
    .site-search button,.course-search button{border:0;background:var(--blue);color:#fff;width:54.4px;font-size:21.25px;}
    .gov-search{font-size:14.45px;color:var(--blue);text-align:right;margin-top:5.95px;}

    /* Navigation + Mega dropdown */
    .main-nav{background:var(--blue);height:66.3px;position:sticky;top:0;z-index:500;}
    .main-nav > .container{max-width:none;width:100%;display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 20.4px 0 0;}
    .menu{display:flex;height:100%;flex:1 1 auto;min-width:0;}
    .nav-item{position:static;height:100%;flex:0 1 auto;min-width:0;}
    .nav-link-menu{height:100%;color:#fff;font-weight:800;font-size:clamp(12.3px,1.0vw,19.55px);padding:0 clamp(13.6px,1.32vw,25.5px);border-left:0.85px solid rgba(255,255,255,.34);display:flex;align-items:center;gap:8.5px;white-space:nowrap;line-height:1;}
    .nav-link-menu:hover,.nav-link-menu.active{background:#333;color:#fff;}
    .nav-item:last-child .nav-link-menu{border-right:0.85px solid rgba(255,255,255,.34)}
    .socials{display:flex;gap:clamp(6.8px,.6.8vw,12.75px);align-items:center;margin-left:auto;padding-left:10.2px;flex:0 0 auto;}
    .socials span{width:clamp(32.3px,2.29vw,43.35px);height:clamp(32.3px,2.29vw,43.35px);border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:clamp(17.0px,1.23vw,23.8px);line-height:1;margin:3px}
    .socials span:nth-child(3){font-size:18.7px;}
    .mega-menu{display:none;position:absolute;left:0;right:0;top:66.3px;background:#fff;color:#252525;padding:32.3px 0 28.9px;box-shadow:0 6.8px 11.9px rgba(0,0,0,.12);border-top:0.85px solid rgba(0,0,0,.05);z-index:700;}
    .nav-item:hover .mega-menu{display:block;}
    .mega-title{font-size:15.4px;font-weight:900;text-transform:uppercase;margin:0 0 25.5px;letter-spacing:.1.7px;}
    .mega-list{list-style:none;margin:0;padding:0;}
    .mega-list li{border-bottom:0.85px solid var(--blue);min-height:40.8px;display:flex;align-items:center;gap:18.7px;font-size:15.4px;line-height:1.15;}
    .mega-list i{font-size:26.35px;color:#aaa;width:37.4px;text-align:center;}
    .mega-list.no-icons li{padding-left:5.95px;font-size:15.4px;}

    /* Bootstrap carousel hero */
    .hero-slider{position:relative;z-index:1;background:#fff;}
    .hero-photo{width:100%;height:auto;display:block;}
    .carousel-item{background:#fff;}
    .visually-hidden-caption{position:absolute!important;width:0.85px;height:0.85px;padding:0;margin:-0.85px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
    .carousel-indicators{bottom:-29.75px;margin-bottom:0;z-index:8;}
    .carousel-indicators [data-bs-target]{width:18.7px;height:18.7px;border-radius:50%;background:#bfbfbf;border:0;margin:0 7.65px;opacity:1;}
    .carousel-indicators .active{background:#444;}

    /* Course search + industry cards */
    .course-search{margin:49.3px auto 6.8px;display:flex;max-width:1003.0px;height:42.5px;}
    .course-search input{flex:1;border:0.85px solid #ddd;padding:0 18.7px;color:#777;font-size:15.3px;}
    .course-help{font-size:11.05px;color:var(--blue);margin-bottom:19.55px;}
    .course-help span{color:#333;}
    .category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15.3px 25.5px;max-width:833.0px;margin:0 auto 6.8px;}
    .cat-card{height:123.25px;text-align:center;border:0.85px solid #eee;background:#ddd;transition:.18s ease;}
    .cat-card:hover{transform:translateY(-1.7px);box-shadow:0 3.4px 8.5px rgba(0,0,0,.18)}
    .cat-icon{height:78.2px;background:#303030;color:#fff;display:grid;place-items:center;font-size:47.6px;}
    .cat-label{height:45.05px;display:grid;place-items:center;padding:5.95px 8.5px;font-size:11.9px;line-height:1.12;color:#333;font-weight:700;}

    /* Cards */
    .featured{background:#d8d8d8;margin-top:18.7px;padding:27.2px 0 25.5px;}
    .section-title{font-size:26.35px;font-weight:900;margin:0 0 18.7px;}
    .feature-card,.news-card{background:#fff;border:0.85px solid #cfcfcf;box-shadow:0 1.7px 5.95px rgba(0,0,0,.28);height:100%;}
    .feature-card img{width:100%;height:130.9px;object-fit:cover;display:block;}
    .feature-card.big img{height:246.5px;}
    .card-copy{padding:11.05px 11.9px 11.9px;min-height:98.6px;display:flex;flex-direction:column;}
    .card-copy h3{font-size:13.6px;font-weight:900;margin:0 0 6.8px;line-height:1.15;}
    .card-copy p{font-size:11.05px;line-height:1.35;margin:0;color:#111;}
    .read-btn{margin-top:auto;align-self:flex-end;background:#2b2b2b;color:#fff;font-size:10.2px;font-weight:800;padding:6.8px 9.35px;}
    .news{padding:30.6px 0 61.2px;}
    .news-card{display:grid;grid-template-columns:44% 56%;min-height:120.7px;}
    .news-card img{width:100%;height:100%;object-fit:cover;}
    .news-card .card-copy{min-height:auto;padding:11.05px 11.9px;}
    .news-card h3{font-size:13.6px;line-height:1.15;}
    .see-all{display:flex;justify-content:center;margin-top:32.3px;}

    /* Footer */
    .footer-main{background:#3a3a3a;color:#fff;padding:29.75px 0 23.8px;position:relative;}
    .footer-main h2{font-size:25.5px;font-weight:900;margin-bottom:12.75px;}
    .footer-main p,.footer-main a{font-size:11.9px;line-height:1.95;color:#fff;display:block;}
    .footer-main .col-md-4{border-left:0.85px solid rgba(0,0,0,.15);padding-left:28.9px;}
    .footer-main .col-md-4:first-child{border-left:0;padding-left:10.2px;}
    .footer-social span{width:24.65px;height:24.65px;border-radius:50%;background:#fff;color:#444;display:inline-grid;place-items:center;margin-right:6.8px;font-size:12.75px;font-weight:900;}
    .footer-meta{display:flex;gap:35.7px;font-size:11.05px;margin-top:9.35px;}
    .footer-bottom{background:#2e2e2e;color:#fff;text-align:center;padding:20.4px 0 28.9px;border-top:1.7px solid #000080;font-size:10.2px;line-height:1.9;}
    .footer-bottom h3{font-size:23.8px;font-weight:900;margin-bottom:11.9px;}
    .bottom-links{display:flex;gap:23.8px;justify-content:center;flex-wrap:wrap;margin-bottom:9.35px;font-weight:800;}
    .float-actions{position:fixed;right:26.35px;top:80%;transform:translateY(-50%);z-index:900;display:flex;flex-direction:column;gap:12.75px;}
    .float-actions a{width:50px;height:50px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:10.3px;font-weight:700;text-align:center;line-height:1.05;}
    .float-actions i{font-size:20.15px;display:block;}

    @media(max-width:1019.15px){
      .main-nav > .container{padding:0 11.9px 0 0}.nav-link-menu{font-size:14.45px;padding:0 11.9px}.socials{gap:5.95px;padding-left:6.8px}.socials span{width:28.9px;height:28.9px;font-size:16.15px}.site-search input{width:280.5px}.mega-list li,.mega-list.no-icons li{font-size:17.0px}.mega-title{font-size:17.85px}
    }
    @media(max-width:842.35px){
      .brand-wrap{align-items:flex-start;padding-top:13.6px;padding-bottom:13.6px}.header-tools{display:none}.main-nav{height:auto;position:relative}.main-nav > .container{flex-direction:column;align-items:stretch;padding:0}.menu{overflow-x:auto}.nav-link-menu{white-space:nowrap;height:49.3px}.socials{justify-content:center;padding:8.5px 0}.mega-menu{display:none!important}.category-grid{grid-template-columns:repeat(3,1fr);max-width:578.0px}.feature-card.big img{height:187.0px}
    }
    @media(max-width:488.75px){
      .brand{transform:scale(.82);transform-origin:left}.category-grid{grid-template-columns:repeat(2,1fr);gap:11.05px}.news-card{grid-template-columns:1fr}.news-card img{height:140.25px}.footer-main .col-md-4{border:0;padding-left:10.2px;margin-top:17.0px}.float-actions{display:none!important}.carousel-indicators{bottom:-23.8px}.carousel-indicators [data-bs-target]{width:10.2px;height:10.2px;margin:0 5.1px}.course-search{margin-top:30.6px}
    }

 .mobile-head-btn{display:none}


 .mobile-head-btn{display:none}

@media(max-width:488.75px){
  .top-strip{background:var(--blue);border:0}
  .brand-wrap{
    min-height:78.2px;
    padding:0 11.9px!important;
    display:grid!important;
    grid-template-columns:40.8px 1fr 40.8px;
    align-items:center!important;
    gap:6.8px!important;
  }
  .mobile-head-btn{
    display:grid;
    place-items:center;
    background:transparent;
    border:0;
    color:#fff;
    font-size:32.3px;
    z-index:5;
  }

  .mobile-head-btn{display:none}

}

@media(max-width:488.75px){
  .top-strip{background:var(--blue);border:0;position:relative;z-index:1000}
  .brand-wrap{min-height:71.4px;padding:0 13.6px!important;display:grid!important;grid-template-columns:37.4px 1fr 37.4px;align-items:center!important}
  .mobile-head-btn{display:grid;place-items:center;background:transparent;border:0;color:#fff;font-size:28.9px;z-index:10}
  .header-tools{display:none!important}
  .brand{justify-content:center;gap:6.8px;transform:none!important}
  .gov-mark{color:#fff;border:0;padding:0;width:61.2px;font-size:5.1px}.gov-mark i{font-size:20.4px}
  .tafe-badge{width:35.7px;height:40.8px;background:#fff;clip-path:polygon(0 12%,70% 0,100% 100%,25% 82%)}
  .tafe-badge:after{color:var(--blue);font-size:8.5px;left:9.35px;top:9.35px}
  .tafe-title{font-size:11.9px;color:#fff;line-height:1.05}

  .main-nav{display:none!important}
  .main-nav.mobile-open{display:block!important;position:fixed;top:71.4px;left:0;right:0;bottom:0;height:auto;background:#f4f4f4;z-index:999;overflow-y:auto;padding:13.6px 15.3px}
  .main-nav>.container{display:block!important;padding:0!important}
  .menu{display:block!important;overflow:visible!important}
  .nav-item{height:auto!important;margin-bottom:8.5px}
  .nav-link-menu{height:56.1px!important;background:var(--blue);color:#fff!important;font-size:20.4px!important;padding:0 25.5px!important;justify-content:space-between;border:0!important}
  .nav-item.open>.nav-link-menu{background:#333!important}
  .nav-item.open>.nav-link-menu i{transform:rotate(180deg)}
  .mega-menu{position:static!important;display:none!important;box-shadow:none!important;padding:20.4px 11.9px!important}
  .nav-item.open>.mega-menu{display:block!important}
  .mega-menu .row{display:block}.mega-menu .col-lg-4{width:100%;margin-bottom:20.4px}
  .mega-title{font-size:18.7px!important;margin-bottom:15.3px!important}
  .mega-list li,.mega-list.no-icons li{font-size:19.55px!important;min-height:49.3px!important}
  .socials{display:flex!important;justify-content:flex-start!important;padding:18.7px 0 0!important;gap:11.9px!important}
  .socials span{background:#333!important;color:#fff!important;width:40.8px!important;height:40.8px!important}
}

@media(max-width:488.75px){
  .main-nav.mobile-open{
    bottom:auto!important;
    height:auto!important;
    max-height:calc(85.0vh - 71.4px)!important;
    overflow-y:auto!important;
    padding-bottom:18.7px!important;
  }

  .main-nav.mobile-open > .container{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
  }

  .menu{
    order:1!important;
  }

  .socials{
    order:2!important;
    position:static!important;
    margin-top:15.3px!important;
    padding:0!important;
    display:flex!important;
    justify-content:flex-start!important;
    gap:11.9px!important;
  }

  .socials span{
    flex:0 0 40.8px!important;
  }
}

@media(max-width:488.75px){
  body.menu-open{overflow:hidden!important;height:85.0vh!important}
  body.menu-open .top-strip{position:fixed;top:0;left:0;right:0;z-index:1001}
  body.menu-open .main-nav.mobile-open{
    position:fixed!important;top:71.4px!important;left:0!important;right:0!important;
    max-height:calc(85.0vh - 71.4px)!important;overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
}

/* get social section */
.social-section{background:#dff3f4;padding:35.7px 0 64.6px;color:#004763}
.social-inner{max-width:1003.0px;margin:0 auto;padding:0 15.3px}
.social-title{font-size:26.35px;font-weight:900;margin:0 0 23.8px;color:#004763}
.social-title span{color:#d85b00}
.social-profile{display:flex;align-items:center;gap:11.05px;margin-bottom:49.3px;font-size:11.9px}
.social-profile img{width:37.4px;height:37.4px;border-radius:5.1px;background:#fff}
.social-profile strong{font-size:14.45px}.social-profile i{color:#55acee}.social-profile p{margin:2.55px 0 0}

.social-feed{display:grid;grid-template-columns:repeat(3,1fr)}
.social-post{padding:0 23.8px;border-left:0.85px solid rgba(0,71,99,.28)}
.social-post:first-child{border-left:0}
.post-head{display:flex;align-items:flex-start;gap:8.5px;margin-bottom:8.5px}
.post-head img{width:28.9px;height:28.9px;border-radius:3.4px;background:#fff}
.post-head strong{font-size:13.6px;color:#004763}.post-head span{font-size:12.75px}
.post-head h4{font-size:13.6px;font-weight:900;color:#000;margin:4.25px 0 0;text-align:center}
.social-post p{font-size:13.6px;line-height:1.38;margin:0 0 13.6px;color:#004763}
.post-img{width:100%;height:306.0px;object-fit:cover;border-radius:2.55px}

@media(max-width:842.35px){
  .social-feed{grid-template-columns:1fr}
  .social-post{border-left:0;border-top:0.85px solid rgba(0,71,99,.28);padding:21.25px 0}
  .social-post:first-child{border-top:0}
}

.social-section{background:#dff3f4!important;padding:35.7px 0 64.6px!important;color:#004763!important}
.social-inner{max-width:1003.0px!important;margin:0 auto!important;padding:0 15.3px!important}
.social-title{font-size:26.35px!important;font-weight:900!important;color:#004763!important;margin:0 0 23.8px!important}
.social-feed{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
.social-post{padding:0 23.8px!important;border-left:0.85px solid rgba(0,71,99,.28)!important;background:transparent!important;box-shadow:none!important}
.social-post:first-child{border-left:0!important}
.post-head{display:flex!important;align-items:flex-start!important;gap:8.5px!important}
.post-img{width:100%!important;height:306.0px!important;object-fit:cover!important}


   /* get social section */
  .social-section{background:#d8d8d8!important;padding:35.7px 0 64.6px!important;color:#004763!important}
  .social-inner{max-width:1003.0px!important;margin:0 auto!important;padding:0 15.3px!important}
  .social-title{font-size:26.35px!important;font-weight:900!important;color:#004763!important;margin:0 0 23.8px!important}
  .social-feed{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
  .social-post{padding:0 23.8px!important;border-left:0.85px solid rgba(0,71,99,.28)!important;background:transparent!important;box-shadow:none!important}
  .social-post:first-child{border-left:0!important}
  .post-head{display:flex!important;align-items:flex-start!important;gap:8.5px!important}
  .post-img{width:100%!important;height:306.0px!important;object-fit:cover!important}




  /* stories section */
  .stories-section{padding:59.5px 0;background:#fff;overflow:hidden}
  .stories-wrap{max-width:833.0px;margin:auto;position:relative;min-height:612.0px}
  .stories-left{width:476.0px;background:radial-gradient(circle at 70% 75%, #e31b2f 0%, #8b0614 35%, #111 75%);padding:46.75px 40.8px;border-radius:3.4px;color:#fff;min-height:612.0px}
  .stories-left h2{font-size:25.5px;font-weight:900;margin:0 0 21.25px}
  .stories-kicker{font-size:11.05px;margin-bottom:32.3px;color:#fff}
  .story-main{background:#fff;color:#111;border-radius:3.4px;overflow:hidden;box-shadow:0 6.8px 18.7px rgba(0,0,0,.18)}
  .story-main img{width:100%;height:195.5px;object-fit:cover}
  .story-content{padding:20.4px}.story-content h3{font-size:17.0px;font-weight:900}.story-content p{font-size:11.9px}
  .story-content a,.story-small a{color:#0067b1;font-weight:800;font-size:11.05px}
  .stories-btn{display:inline-block;margin-top:39.1px;border:0.85px solid #fff;color:#fff;border-radius:20.4px;padding:8.5px 17.0px;font-weight:900}
  .stories-right{position:absolute;left:450.5px;top:144.5px;width:476.0px;display:flex;flex-direction:column;gap:15.3px}
  .story-small{display:grid;grid-template-columns:212.5px 1fr;background:#fff;border-radius:3.4px;box-shadow:0 5.1px 15.3px rgba(0,0,0,.16);overflow:hidden}
  .story-small img{width:100%;height:178.5px;object-fit:cover}.story-small div{padding:20.4px}
  .story-small h3{font-size:15.3px;font-weight:900;line-height:1.25}

  @media(max-width:842.35px){
    .stories-wrap{min-height:auto}.stories-left{width:100%;min-height:auto;padding:27.2px 18.7px}
    .stories-right{position:static;width:100%;margin-top:18.7px}.story-small{grid-template-columns:1fr}
    .story-small img,.story-main img{height:178.5px}
  }

  /* key dates */

  .key-hero img{width:100%;height:263.5px;object-fit:cover;display:block}
.key-container{max-width:833.0px}
.breadcrumb-line{font-size:11.05px;margin:17.0px 0;color:#555}.breadcrumb-line a{color:var(--blue)}
.key-intro{padding:15.3px 0 30.6px}.key-intro h1,.key-grey h2,.calendar-section h2{color:var(--blue);font-size:28.9px;font-weight:900}
.key-intro p,.note,.after-text,.tab-box,.calendar-box{font-size:12.75px;line-height:1.6}
.key-grey{background:#f5f5f5;padding:27.2px 0 32.3px}.note a{color:var(--blue);font-weight:900}
.alert-line{border-left:2.55px solid var(--blue);padding:8.5px 0 8.5px 15.3px;font-weight:900;margin:18.7px 0}
.tabs{display:flex;flex-wrap:wrap;margin-top:20.4px}.tabs button{background:#333;color:#fff;border:0;padding:11.05px 15.3px;font-weight:900;border-right:0.85px solid #777}.tabs .active{background:var(--blue)}
.tab-box,.calendar-box{border:0.85px solid #888;background:#fff;padding:20.4px}
.calendar-section{padding:27.2px 0 46.75px}.calendar-box h3{color:var(--blue);font-size:20.4px;font-weight:900;margin-top:23.8px}
.calendar-box table{width:100%;border-collapse:collapse}.calendar-box th,.calendar-box td{border:0.85px solid #ddd;padding:8.5px;text-align:left}

@media(max-width:488.75px){
  .key-hero img{height:153.0px}.key-intro h1,.key-grey h2,.calendar-section h2{font-size:23.8px}
  .tabs{display:block}.tabs button{width:100%;text-align:left;margin-bottom:5.1px}
  .tab-box,.calendar-box{padding:13.6px}
}

.tab-box{display:none}
.tab-box.active{display:block}

.calendar-panel{display:none;border:0.85px solid #888;background:#fff;padding:20.4px}
.calendar-panel.active{display:block}
.calendar-panel h3{color:var(--blue);font-size:20.4px;font-weight:900;margin-top:15.3px}
.calendar-panel table{width:100%;border-collapse:collapse}
.calendar-panel th,.calendar-panel td{border:0.85px solid #ddd;padding:8.5px;text-align:left}

/* staff links */

.staff-links-page{padding:20.4px 0 102.0px;background:#fff}
.staff-container{max-width:833.0px}
.breadcrumb-line{font-size:14.45px;margin-bottom:49.3px;color:#59646d}
.breadcrumb-line a{color:var(--blue);text-decoration:none}
.staff-links-page h1{color:var(--blue);font-size:40.8px;font-weight:900;margin-bottom:18.7px}
.staff-links-page p{font-size:17.85px;line-height:1.5;margin-bottom:6.8px}
.staff-links-list{font-size:17.0px;line-height:1.6;margin-left:23.8px}
.staff-links-list a{color:var(--blue);text-decoration:none}
.staff-links-list i{font-size:17.85px;font-weight:900}
.staff-links-list span{color:#111}

@media(max-width:488.75px){
  .staff-links-page{padding:18.7px 0 59.5px}
  .breadcrumb-line{margin-bottom:30.6px;font-size:12.75px}
  .staff-links-page h1{font-size:28.9px}
  .staff-links-page p,.staff-links-list{font-size:14.45px}
}

/* contact us  */
.contact-hero img{width:100%;height:340.0px;object-fit:cover;display:block}
.contact-container{max-width:833.0px}
.breadcrumb-line{font-size:11.05px;margin:18.7px 0;color:#555}.breadcrumb-line a{color:var(--blue)}
.contact-top{display:grid;grid-template-columns:1fr 1fr;gap:68.0px;padding-bottom:38.25px}
.contact-page h1,.contact-page h2,.contact-page h3{color:var(--blue);font-weight:900}
.contact-page h1{font-size:28.9px}.contact-page h2{font-size:21.25px}.contact-page h3{font-size:17.0px}
.contact-page p{font-size:11.9px;line-height:1.6}.contact-page a{color:var(--blue)}
.records-strip{background:#f4f4f4;padding:23.8px 0}
.ask-section{padding:25.5px 0 35.7px}.contact-form label{font-size:11.05px;font-weight:700;color:#444}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11.9px 18.7px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;height:28.9px;border:0.85px solid #ccc;padding:5.1px;margin-top:4.25px}
.contact-form textarea{height:114.75px}.contact-form button{background:var(--blue);color:#fff;border:0;padding:11.05px 35.7px;font-weight:900;margin-top:23.8px}
.further-info{background:#f4f4f4;padding:27.2px 0 51.0px}.accordion-grid{display:grid;grid-template-columns:1fr 1fr;gap:18.7px}
details{background:#fff;border:0.85px solid #999;margin-bottom:6.8px}
summary{background:#333;color:#fff;padding:8.5px 11.9px;font-weight:900;cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
details[open] summary{background:var(--blue)}
details p{padding:12.75px;margin:0}

@media(max-width:488.75px){
  .contact-hero img{height:161.5px}.contact-top,.form-grid,.accordion-grid{grid-template-columns:1fr;gap:15.3px}
  .contact-page h1{font-size:25.5px}.contact-container{padding:0 15.3px}
}

summary{
  background:#333;color:#fff;padding:8.5px 11.9px;font-weight:900;
  cursor:pointer;list-style:none;position:relative;padding-right:32.3px;
}
summary::-webkit-details-marker{display:none}

summary::after{
  content:"›";
  position:absolute;right:12.75px;top:50%;
  transform:translateY(-50%);
  font-size:20.4px;font-weight:900;
}

details[open] summary{background:var(--blue)}
details[open] summary::after{
  content:"⌄";
  font-size:18.7px;
}

/* news and events */
.news-hero img{width:100%;height:382.5px;object-fit:cover;display:block}
.news-events-page{padding:18.7px 0 46.75px;background:#fff}
.news-container{max-width:833.0px}
.breadcrumb-line{font-size:11.05px;margin:0 0 20.4px;color:#555}
.breadcrumb-line a{color:var(--blue)}
.news-events-page h1{color:var(--blue);font-size:28.9px;font-weight:900;margin-bottom:15.3px}
.news-row{display:grid;grid-template-columns:212.5px 1fr;background:#f4f4f4;border-bottom:0.85px solid #777;margin-bottom:6.8px}
.news-row>img{width:100%;height:127.5px;object-fit:cover}
.news-copy{position:relative;padding:10.2px 15.3px 32.3px}
.news-copy h2{color:var(--blue);font-size:20.4px;font-weight:900;margin:0 0 6.8px}
.news-copy p{font-size:11.05px;margin:2.55px 0;line-height:1.35}
.news-date{font-weight:900}.news-meta{font-style:italic}
.read-more{position:absolute;right:6.8px;bottom:6.8px;background:#333;color:#fff;padding:5.95px 10.2px;font-size:10.2px;font-weight:900}
.monthly-archive{margin-top:18.7px}.monthly-archive h2{color:var(--blue);font-size:25.5px;font-weight:900}
.monthly-archive ul{padding-left:20.4px}.monthly-archive li{border-bottom:0.85px solid #aaa;padding:6.8px 0;font-weight:900}
.monthly-archive a{color:#111}

@media(max-width:488.75px){
  .news-hero img{height:153.0px}
  .news-row{grid-template-columns:1fr}
  .news-row>img{height:161.5px}
  .news-copy h2{font-size:17.85px}
  .read-more{position:static;display:inline-block;margin-top:10.2px}
}

/* campuses */

.campus-hero img{width:100%;height:340.0px;object-fit:cover;display:block}
.campus-container{max-width:833.0px}
.breadcrumb-line{font-size:11.05px;margin:18.7px 0;color:#555}.breadcrumb-line a{color:var(--blue)}
.campus-page h1,.campus-page h2,.campus-page h3{color:var(--blue);font-weight:900}
.campus-page h1{font-size:28.9px}.campus-page h2{font-size:21.25px;margin-bottom:15.3px}
.campus-page p{font-size:11.9px;line-height:1.6}
.campus-grid-section{background:#f4f4f4;padding:29.75px 0 46.75px}
.campus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27.2px}
.campus-card{background:#fff;box-shadow:0 1.7px 5.95px rgba(0,0,0,.25)}
.campus-card img{width:100%;height:161.5px;object-fit:cover}
.campus-copy{padding:15.3px;min-height:229.5px;display:flex;flex-direction:column}
.campus-copy h3{font-size:13.6px;margin-bottom:6.8px}
.campus-copy a{color:var(--blue);font-size:11.05px;border-left:2.55px solid var(--blue);padding-left:8.5px;margin-top:auto}
.campus-copy button{align-self:flex-end;background:var(--blue);color:#fff;border:0;padding:6.8px 11.9px;font-weight:900;margin-top:17.0px}
.campus-hazards{padding:29.75px 0}.campus-hazards a{background:var(--blue);color:#fff;padding:7.65px 11.9px;font-weight:900}
.campus-map{background:#f4f4f4;padding:29.75px 0 42.5px}.campus-map iframe{width:100%;height:323.0px;border:0}

@media(max-width:652.8px){
  .campus-hero img{height:161.5px}.campus-grid{grid-template-columns:1fr}
  .campus-card img{height:187.0px}.campus-container{padding:0 15.3px}
}

/* about us */

.about-hero img {
    width: 100%;
    height: 263.5px;
    object-fit: cover;
}

.about-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.7;
}

.breadcrumb-text {
    color: #999;
}

.about-page h1,
.about-page h2,
.about-page h3,
.about-page h5 {
    color: #000080;
    font-weight: 700;
}

.about-page h1 {
    font-size: 28.9px;
}

.about-page h2 {
    font-size: 22.1px;
    margin-bottom: 12.75px;
}

.about-page h3 {
    font-size: 18.7px;
}

.about-page h5 {
    font-size: 13.6px;
}

.light-section {
    background: #f5f5f5;
    padding: 46.75px 0;
}

.video-card {
    position: relative;
    overflow: hidden;
    background: #000;
}

.video-card img {
    width: 100%;
    height: 221.0px;
    object-fit: cover;
    opacity: 0.85;
}

.play-btn {
    width: 59.5px;
    height: 42.5px;
    background: #ff0000;
    color: #fff;
    border-radius: 10.2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22.1px;
    position: absolute;
    inset: 0;
    margin: auto;
}

.red-text {
    color: #000080;
    font-weight: 600;
}

.red-btn {
    background: #000080;
    color: #fff;
    padding: 9.35px 15.3px;
    text-decoration: none;
    display: inline-block;
    font-weight: 600;
}

.red-btn:hover {
    background: #b9151a;
    color: #fff;
}

.campus-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 0.85px solid #ddd;
}

.campus-grid span {
    padding: 10.2px;
    border: 0.85px solid #ddd;
    color: #000080;
    font-size: 11.9px;
}

.map-img {
    width: 100%;
    max-height: 280.5px;
    object-fit: contain;
}

.governance-accordion .accordion-item {
    border: 0;
    margin-bottom: 4.25px;
}

.governance-accordion .accordion-button {
    background: #2e2e2e;
    color: #fff;
    font-weight: 600;
    box-shadow: none;
}

.governance-accordion .accordion-button:not(.collapsed) {
    background: #000080;
    color: #fff;
}

.governance-accordion .accordion-body {
    background: #f7f7f7;
}

@media (max-width: 652.8px) {
    .about-hero img {
        height: 161.5px;
    }

    .about-page h1 {
        font-size: 23.8px;
    }

    .about-page h2 {
        font-size: 18.7px;
    }

    .video-card img {
        height: 178.5px;
    }

    .campus-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* copyright */
.copyright-hero img {
    width: 100%;
    height: 229.5px;
    object-fit: cover;
}

.copyright-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.75;
}

.copyright-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.copyright-page h1 {
    color: #000080;
    font-size: 30.6px;
    font-weight: 700;
    margin-bottom: 12.75px;
}

.copyright-page h3 {
    color: #000080;
    font-size: 18.7px;
    font-weight: 700;
    margin-top: 18.7px;
    margin-bottom: 8.5px;
}

.copyright-page p {
    margin-bottom: 13.6px;
}

.copyright-page a {
    color: #000080;
    text-decoration: none;
}

.copyright-page a:hover {
    text-decoration: underline;
}

.address-block p {
    margin-bottom: 15.3px;
}

@media (max-width: 652.8px) {
    .copyright-hero img {
        height: 153.0px;
    }

    .copyright-page h1 {
        font-size: 25.5px;
    }

    .copyright-page h3 {
        font-size: 17.0px;
    }
}

/* disclaimer */
.disclaimer-hero img {
    width: 100%;
    height: 221.0px;
    object-fit: cover;
}

.disclaimer-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.75;
}

.disclaimer-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.disclaimer-page h1 {
    color: #000080;
    font-size: 30.6px;
    font-weight: 700;
    margin-bottom: 13.6px;
}

.disclaimer-page h3 {
    color: #000080;
    font-size: 17.0px;
    font-weight: 700;
    margin-top: 17.0px;
    margin-bottom: 6.8px;
}

.disclaimer-page p {
    margin-bottom: 12.75px;
}

.disclaimer-page ul {
    margin: 8.5px 0 17.0px 21.25px;
}

.disclaimer-page li {
    margin-bottom: 5.1px;
}

@media (max-width: 652.8px) {
    .disclaimer-hero img {
        height: 144.5px;
    }

    .disclaimer-page h1 {
        font-size: 25.5px;
    }
}

/* privacy */

.privacy-hero img{
    width:100%;
    height:221.0px;
    object-fit:cover;
}

.privacy-page{
    color:#333;
    font-size:12.75px;
    line-height:1.75;
}

.privacy-page .container{
    max-width:918.0px;
}

.breadcrumb-text{
    color:#999;
    font-size:11.05px;
}

.breadcrumb-text span:first-child{
    color:#000080;
}

.privacy-page h1{
    color:#000080;
    font-size:32.3px;
    font-weight:700;
    margin-bottom:11.9px;
}

.privacy-page h2{
    color:#000080;
    font-size:18.7px;
    font-weight:700;
    margin-top:22.1px;
    margin-bottom:8.5px;
}

.privacy-page h3{
    color:#000080;
    font-size:15.3px;
    font-weight:700;
    margin-top:13.6px;
    margin-bottom:6.8px;
}

.privacy-page p{
    margin-bottom:11.9px;
}

.privacy-page ul{
    padding-left:18.7px;
    margin-bottom:15.3px;
}

.privacy-page li{
    margin-bottom:5.1px;
}

.privacy-page a{
    color:#000080;
    text-decoration:none;
}

.privacy-page a:hover{
    text-decoration:underline;
}

.contact-box{
    margin-top:17.0px;
    margin-bottom:8.5px;
}

@media (max-width:652.8px){
    .privacy-hero img{
        height:144.5px;
    }

    .privacy-page h1{
        font-size:25.5px;
    }

    .privacy-page h2{
        font-size:17.0px;
    }

    .privacy-page h3{
        font-size:14.45px;
    }
}

/* why choose */

.why-hero img {
    width: 100%;
    height: 382.5px;
    object-fit: cover;
}

.why-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.7;
}

.why-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.why-page h1,
.why-page h2,
.why-page h3 {
    color: #000080;
    font-weight: 700;
}

.why-page h1 {
    font-size: 32.3px;
    margin-bottom: 13.6px;
}

.why-page h2 {
    font-size: 22.1px;
    margin-bottom: 11.9px;
}

.why-page h3 {
    font-size: 15.3px;
    margin-top: 15.3px;
}

.info-card {
    background: #f5f5f5;
    padding: 11.05px 13.6px;
    margin-bottom: 8.5px;
    box-shadow: 0 1.7px 5.1px rgba(0,0,0,.08);
}

.video-card {
    position: relative;
    overflow: hidden;
    background: #000;
}

.video-card img {
    width: 100%;
    height: 242.25px;
    object-fit: cover;
    opacity: .9;
}

.play-btn {
    width: 61.2px;
    height: 44.2px;
    background: #ff0000;
    color: #fff;
    border-radius: 10.2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22.1px;
    position: absolute;
    inset: 0;
    margin: auto;
}

.light-section {
    background: #f5f5f5;
    padding: 46.75px 0;
}

.community-img {
    width: 204.0px;
    height: 161.5px;
    object-fit: cover;
}

.slider-dots {
    margin-top: 11.9px;
}

.slider-dots span {
    width: 10.2px;
    height: 10.2px;
    background: #ccc;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5.1px;
}

.slider-dots span.active {
    background: #333;
}

@media (max-width: 652.8px) {
    .why-hero img {
        height: 170.0px;
    }

    .why-page h1 {
        font-size: 25.5px;
    }

    .why-page h2 {
        font-size: 18.7px;
    }

    .video-card img {
        height: 187.0px;
    }

    .community-img {
        width: 100%;
        height: 187.0px;
    }
}

/* qualification and study modes */

.qualification-hero img {
    width: 100%;
    height: 297.5px;
    object-fit: cover;
}

.qualification-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.7;
}

.qualification-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.qualification-page h1,
.qualification-page h2 {
    color: #000080;
    font-weight: 700;
}

.qualification-page h1 {
    font-size: 30.6px;
}

.qualification-page h2 {
    font-size: 22.1px;
    margin-bottom: 10.2px;
}

.qualification-content {
    background: #f4f4f4;
    padding: 38.25px 0 59.5px;
}

.custom-accordion .accordion-item {
    border: 0.85px solid #aaa;
    border-radius: 0;
    margin-bottom: 8.5px;
    background: #fff;
}

.custom-accordion .accordion-button {
    background: #000080;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
    box-shadow: none;
    padding: 11.05px 13.6px;
}

.custom-accordion .accordion-button.collapsed {
    background: #222;
    color: #fff;
}

.custom-accordion .accordion-button::after {
    filter: brightness(0) invert(1);
}

.custom-accordion .accordion-body {
    background: #fff;
    padding: 18.7px 20.4px;
    color: #333;
}

.custom-accordion h4 {
    color: #000080;
    font-size: 17.0px;
    font-weight: 700;
}

@media (max-width: 652.8px) {
    .qualification-hero img {
        height: 161.5px;
    }

    .qualification-page h1 {
        font-size: 23.8px;
    }

    .qualification-page h2 {
        font-size: 18.7px;
    }
}

/* how we support you */
.support-hero img {
    width: 100%;
    height: 382.5px;
    object-fit: cover;
}

.support-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.7;
}

.support-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.support-page h1,
.support-page h2,
.support-page h4 {
    color: #000080;
    font-weight: 700;
}

.support-page h1 {
    font-size: 30.6px;
}

.support-page h2 {
    font-size: 22.1px;
    margin-bottom: 15.3px;
}

.support-page h4 {
    font-size: 15.3px;
    margin-bottom: 10.2px;
}

.video-card {
    position: relative;
    background: #000;
    overflow: hidden;
}

.video-card img {
    width: 100%;
    height: 229.5px;
    object-fit: cover;
    opacity: .9;
}

.play-btn {
    width: 59.5px;
    height: 42.5px;
    background: #ff0000;
    color: #fff;
    border-radius: 10.2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22.1px;
    position: absolute;
    inset: 0;
    margin: auto;
}

.video-links {
    text-align: right;
    margin-top: 38.25px;
    font-style: italic;
}

.slider-dots {
    text-align: center;
    margin-top: 10.2px;
}

.slider-dots span {
    width: 9.35px;
    height: 9.35px;
    background: #ccc;
    border-radius: 50%;
    display: inline-block;
    margin: 0 4.25px;
}

.slider-dots .active {
    background: #333;
}

.support-accordion .accordion-item {
    border: 0.85px solid #999;
    border-radius: 0;
    margin-bottom: 10.2px;
    background: #fff;
}

.support-accordion .accordion-button {
    background: #000080;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
    box-shadow: none;
    padding: 10.2px 12.75px;
}

.support-accordion .accordion-button.collapsed {
    background: #222;
    color: #fff;
}

.support-accordion .accordion-button::after {
    filter: brightness(0) invert(1);
}

.support-accordion .accordion-body {
    padding: 20.4px;
    background: #fff;
}

.red-pill {
    display: inline-block;
    background: #000080;
    color: #fff !important;
    padding: 7.65px 11.05px;
    text-decoration: none;
    font-weight: 700;
    margin-bottom: 12.75px;
}

.red-pill:hover {
    background: #b9151a;
    color: #fff;
}

.support-page a {
    color: #000080;
    text-decoration: none;
}

.support-page a:hover {
    text-decoration: underline;
}

.need-know {
    max-width: 722.5px;
}

@media (max-width: 652.8px) {
    .support-hero img {
        height: 161.5px;
    }

    .support-page h1 {
        font-size: 25.5px;
    }

    .support-page h2 {
        font-size: 18.7px;
    }

    .video-card img {
        height: 187.0px;
    }

    .video-links {
        text-align: left;
        margin-top: 21.25px;
    }
}

/* unique-student-identifier */
.usi-hero img {
    width: 100%;
    height: 255.0px;
    object-fit: cover;
}

.usi-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.75;
}

.usi-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.usi-page h1 {
    color: #000080;
    font-size: 30.6px;
    font-weight: 700;
    margin-bottom: 11.9px;
}

.intro-text {
    font-weight: 700;
}

.usi-content {
    background: #f5f5f5;
    padding: 38.25px 0 46.75px;
}

.usi-page a {
    color: #000080;
    text-decoration: none;
}

.usi-page a:hover {
    text-decoration: underline;
}

.usi-page ul {
    padding-left: 18.7px;
    margin-bottom: 17.0px;
}

.usi-page li {
    margin-bottom: 4.25px;
}

.video-card {
    position: relative;
    background: #000;
    overflow: hidden;
}

.video-card img {
    width: 100%;
    height: 255.0px;
    object-fit: cover;
    opacity: .9;
}

.play-btn {
    width: 61.2px;
    height: 44.2px;
    background: #ff0000;
    color: #fff;
    border-radius: 10.2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22.1px;
    position: absolute;
    inset: 0;
    margin: auto;
}

.usi-bottom {
    max-width: 100%;
}

@media (max-width: 652.8px) {
    .usi-hero img {
        height: 161.5px;
    }

    .usi-page h1 {
        font-size: 24.65px;
    }

    .video-card img {
        height: 187.0px;
    }
}

/* skill recognition */
.skills-hero img {
    width: 100%;
    height: 255.0px;
    object-fit: cover;
}

.skills-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.75;
}

.skills-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.skills-page h1 {
    color: #000080;
    font-size: 32.3px;
    font-weight: 700;
    margin-bottom: 13.6px;
}

.skills-card-section {
    background: #f5f5f5;
    padding: 46.75px 0 76.5px;
}

.skill-card {
    background: #fff;
    border: 0.85px solid #ddd;
    padding: 23.8px;
    min-height: 229.5px;
    box-shadow: 0 0.85px 1.7px rgba(0,0,0,.03);
}

.skill-card h3 {
    color: #000080;
    font-size: 18.7px;
    font-weight: 700;
    margin-bottom: 13.6px;
}

.red-btn {
    background: #000080;
    color: #fff !important;
    padding: 8.5px 12.75px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    margin-top: 8.5px;
}

.red-btn:hover {
    background: #b9151a;
    color: #fff;
}

@media (max-width: 652.8px) {
    .skills-hero img {
        height: 161.5px;
    }

    .skills-page h1 {
        font-size: 25.5px;
    }

    .skill-card {
        min-height: auto;
    }
}

/* university pathway */

.pathway-hero img {
    width: 100%;
    height: 263.5px;
    object-fit: cover;
}

.pathway-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.75;
}

.pathway-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.pathway-page h1,
.pathway-page h2,
.pathway-page h3 {
    color: #000080;
    font-weight: 700;
}

.pathway-page h1 {
    font-size: 32.3px;
    margin-bottom: 11.9px;
}

.pathway-page h2 {
    font-size: 23.8px;
    margin-bottom: 11.9px;
}

.pathway-page h3 {
    font-size: 18.7px;
    margin-top: 17.0px;
}

.grey-btn {
    background: #f2f2f2;
    color: #333;
    padding: 10.2px 13.6px;
    display: inline-block;
    text-decoration: none;
    margin: 8.5px 0 12.75px;
}

.grey-btn:hover {
    background: #ddd;
    color: #333;
}

.note {
    font-style: italic;
}

.uni-img {
    width: 100%;
    max-width: 246.5px;
    height: 178.5px;
    object-fit: cover;
}

.slider-dots {
    margin-top: 10.2px;
}

.slider-dots span {
    width: 10.2px;
    height: 10.2px;
    background: #ccc;
    border-radius: 50%;
    display: inline-block;
    margin: 0 4.25px;
}

.slider-dots .active {
    background: #333;
}

.pathway-overview {
    background: #f5f5f5;
    padding: 38.25px 0 46.75px;
}

.pathway-accordion .accordion-item {
    border: 0;
    margin-bottom: 5.1px;
    border-radius: 0;
}

.pathway-accordion .accordion-button {
    background: #000080;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
    box-shadow: none;
    padding: 11.05px 13.6px;
}

.pathway-accordion .accordion-button.collapsed {
    background: #222;
    color: #fff;
}

.pathway-accordion .accordion-button::after {
    filter: brightness(0) invert(1);
}

.pathway-accordion .accordion-body {
    background: #fff;
    padding: 17.0px;
    border: 0.85px solid #ddd;
}

@media (max-width: 652.8px) {
    .pathway-hero img {
        height: 161.5px;
    }

    .pathway-page h1 {
        font-size: 25.5px;
    }

    .pathway-page h2 {
        font-size: 19.55px;
    }

    .uni-img {
        max-width: 100%;
        height: 187.0px;
    }
}

/* apply and enroll */

.apply-hero img {
    width: 100%;
    height: 340.0px;
    object-fit: cover;
}

.apply-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.75;
}

.apply-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.apply-page h1,
.apply-page h2,
.apply-page h3 {
    color: #000080;
    font-weight: 700;
}

.apply-page h1 {
    font-size: 30.6px;
    margin-bottom: 8.5px;
}

.apply-page h2 {
    font-size: 20.4px;
    margin-bottom: 11.9px;
}

.apply-page h3 {
    font-size: 15.3px;
    margin-top: 10.2px;
}

.red-btn {
    background: #000080;
    color: #fff !important;
    padding: 8.5px 12.75px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    border-radius: 1.7px;
}

.red-btn:hover {
    background: #b9151a;
    color: #fff;
}

.grey-btn {
    background: #f2f2f2;
    color: #333 !important;
    padding: 8.5px 12.75px;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
}

.grey-btn:hover {
    background: #ddd;
}

.apply-accordion-section {
    background: #f5f5f5;
    padding: 38.25px 0 46.75px;
}

.apply-accordion .accordion-item {
    border: 0.85px solid #999;
    border-radius: 0;
    margin-bottom: 8.5px;
    background: #fff;
}

.apply-accordion .accordion-button {
    background: #000080;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
    box-shadow: none;
    padding: 11.05px 13.6px;
}

.apply-accordion .accordion-button.collapsed {
    background: #222;
    color: #fff;
}

.apply-accordion .accordion-button::after {
    filter: brightness(0) invert(1);
}

.apply-accordion .accordion-body {
    background: #fff;
    padding: 18.7px 20.4px;
}

.apply-page a {
    color: #000080;
    text-decoration: none;
}

.apply-page a:hover {
    text-decoration: underline;
}

.further-info {
    background: #f5f5f5;
    padding: 38.25px 0;
}

@media (max-width: 652.8px) {
    .apply-hero img {
        height: 161.5px;
    }

    .apply-page h1 {
        font-size: 25.5px;
    }

    .apply-page h2 {
        font-size: 17.85px;
    }
}

/* how to pay */
.pay-hero img {
    width: 100%;
    height: 297.5px;
    object-fit: cover;
}

.pay-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.75;
}

.pay-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.pay-page h1,
.pay-page h2,
.pay-page h3 {
    color: #000080;
    font-weight: 700;
}

.pay-page h1 {
    font-size: 30.6px;
}

.pay-page h2 {
    font-size: 22.1px;
    margin-bottom: 13.6px;
}

.pay-page h3 {
    font-size: 15.3px;
    margin-top: 11.9px;
}

.pay-accordion-section {
    background: #f5f5f5;
    padding: 38.25px 0 46.75px;
}

.pay-accordion .accordion-item {
    border: 0.85px solid #999;
    border-radius: 0;
    margin-bottom: 8.5px;
    background: #fff;
}

.pay-accordion .accordion-button {
    background: #000080;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
    box-shadow: none;
    padding: 11.05px 13.6px;
}

.pay-accordion .accordion-button.collapsed {
    background: #222;
    color: #fff;
}

.pay-accordion .accordion-button::after {
    filter: brightness(0) invert(1);
}

.pay-accordion .accordion-body {
    background: #fff;
    padding: 20.4px;
}

.pay-page a {
    color: #000080;
    text-decoration: none;
}

.pay-page a:hover {
    text-decoration: underline;
}

@media (max-width: 652.8px) {
    .pay-hero img {
        height: 161.5px;
    }

    .pay-page h1 {
        font-size: 25.5px;
    }

    .pay-page h2 {
        font-size: 18.7px;
    }
}

/* international students */

.international-hero img {
    width: 100%;
    height: 255.0px;
    object-fit: cover;
}

.international-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.75;
}

.international-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.international-page h1,
.international-page h2,
.international-page h3 {
    color: #000080;
    font-weight: 700;
}

.international-page h1 {
    font-size: 30.6px;
}

.international-page h2 {
    font-size: 23.8px;
    margin-bottom: 11.9px;
}

.international-page h3 {
    font-size: 18.7px;
    margin-bottom: 10.2px;
}

.video-card {
    position: relative;
    background: #000;
    overflow: hidden;
}

.video-card img {
    width: 100%;
    height: 178.5px;
    object-fit: cover;
    opacity: .9;
}

.play-btn {
    width: 59.5px;
    height: 42.5px;
    background: #ff0000;
    color: #fff;
    border-radius: 10.2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22.1px;
    position: absolute;
    inset: 0;
    margin: auto;
}

.slider-dots {
    text-align: center;
    margin-top: 10.2px;
}

.slider-dots span {
    width: 9.35px;
    height: 9.35px;
    background: #ccc;
    border-radius: 50%;
    display: inline-block;
    margin: 0 4.25px;
}

.slider-dots .active {
    background: #333;
}

.light-section {
    background: #f5f5f5;
    padding: 46.75px 0;
}

.red-btn {
    background: #000080;
    color: #fff !important;
    padding: 8.5px 12.75px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    border-radius: 1.7px;
}

.red-btn:hover {
    background: #b9151a;
    color: #fff;
}

.international-page a {
    color: #000080;
    text-decoration: none;
}

.international-page a:hover {
    text-decoration: underline;
}

.contact-section {
    background: #f5f5f5;
    padding: 42.5px 0;
}

@media (max-width: 652.8px) {
    .international-hero img {
        height: 161.5px;
    }

    .international-page h1 {
        font-size: 25.5px;
    }

    .international-page h2 {
        font-size: 18.7px;
    }

    .video-card img {
        height: 187.0px;
    }
}
/* student-essentials */
.student-hero img {
    width: 100%;
    height: 255.0px;
    object-fit: cover;
}

.student-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.75;
}

.student-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.student-page h1,
.student-page h2,
.student-page h3,
.student-page h4 {
    color: #000080;
    font-weight: 700;
}

.student-page h1 {
    font-size: 30.6px;
}

.student-page h2 {
    font-size: 23.8px;
}

.student-page h3 {
    font-size: 17.0px;
}

.video-card {
    position: relative;
    background: #000;
    overflow: hidden;
}

.video-card img {
    width: 100%;
    height: 238.0px;
    object-fit: cover;
    opacity: .9;
}

.play-btn {
    width: 59.5px;
    height: 42.5px;
    background: #ff0000;
    color: #fff;
    border-radius: 10.2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22.1px;
    position: absolute;
    inset: 0;
    margin: auto;
}

.light-section {
    background: #f5f5f5;
    padding: 46.75px 0;
}

.red-btn {
    background: #000080;
    color: #fff !important;
    padding: 8.5px 12.75px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    border-radius: 1.7px;
}

.red-btn:hover {
    background: #b9151a;
}

.system-card {
    background: #fff;
    box-shadow: 0 1.7px 6.8px rgba(0,0,0,.15);
    height: 100%;
}

.system-card img {
    width: 100%;
    height: 144.5px;
    object-fit: cover;
}

.system-body {
    padding: 15.3px;
}

.system-body h4 {
    font-size: 14.45px;
}

.student-accordion .accordion-item {
    border: 0;
    margin-bottom: 6.8px;
    border-radius: 0;
}

.student-accordion .accordion-button {
    background: #000080;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
    box-shadow: none;
    padding: 11.05px 13.6px;
}

.student-accordion .accordion-button.collapsed {
    background: #222;
    color: #fff;
}

.student-accordion .accordion-button::after {
    filter: brightness(0) invert(1);
}

.student-accordion .accordion-body {
    background: #fff;
    border: 0.85px solid #ddd;
    padding: 17.0px;
}

@media (max-width: 652.8px) {
    .student-hero img {
        height: 161.5px;
    }

    .student-page h1 {
        font-size: 25.5px;
    }

    .student-page h2 {
        font-size: 18.7px;
    }

    .video-card img {
        height: 187.0px;
    }
}
/* people with disability */

.access-hero img {
    width: 100%;
    height: 382.5px;
    object-fit: cover;
}

.access-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.75;
}

.access-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.access-page h1,
.access-page h2,
.access-page h3 {
    color: #000080;
    font-weight: 700;
}

.access-page h1 {
    font-size: 28.9px;
}

.access-page h2 {
    font-size: 23.8px;
    margin-bottom: 15.3px;
}

.access-page h3 {
    font-size: 17.0px;
}

.video-card {
    position: relative;
    background: #000;
    overflow: hidden;
}

.video-card img {
    width: 100%;
    height: 238.0px;
    object-fit: cover;
    opacity: .9;
}

.play-btn {
    width: 59.5px;
    height: 42.5px;
    background: #ff0000;
    color: #fff;
    border-radius: 10.2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22.1px;
    position: absolute;
    inset: 0;
    margin: auto;
}

.slider-dots {
    text-align: center;
    margin-top: 10.2px;
}

.slider-dots span {
    width: 9.35px;
    height: 9.35px;
    background: #ccc;
    border-radius: 50%;
    display: inline-block;
    margin: 0 4.25px;
}

.slider-dots .active {
    background: #333;
}

.light-section {
    background: #f5f5f5;
    padding: 46.75px 0;
}

.red-btn {
    background: #000080;
    color: #fff !important;
    padding: 8.5px 11.9px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    margin: 5.1px 5.1px 5.1px 0;
}

.access-accordion .accordion-item {
    border: 0;
    margin-bottom: 5.95px;
    border-radius: 0;
}

.access-accordion .accordion-button {
    background: #000080;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
    box-shadow: none;
    padding: 11.05px 13.6px;
}

.access-accordion .accordion-button.collapsed {
    background: #222;
    color: #fff;
}

.access-accordion .accordion-button::after {
    filter: brightness(0) invert(1);
}

.access-accordion .accordion-body {
    background: #fff;
    border: 0.85px solid #ddd;
    padding: 17.0px;
}

.access-page a {
    color: #000080;
    text-decoration: none;
}

.filter-box {
    background: #fff;
    border: 0.85px solid #ddd;
}

.filter-box input,
.filter-box div,
.filter-box button {
    width: 100%;
    padding: 10.2px;
    border: 0;
    border-bottom: 0.85px solid #ddd;
}

.filter-box button {
    background: #000080;
    color: #fff;
    font-weight: 700;
}

.course-card {
    background: #fff;
    border: 0.85px solid #ddd;
    border-radius: 10.2px;
    padding: 20.4px;
    margin-bottom: 15.3px;
    box-shadow: 0 1.7px 6.8px rgba(0,0,0,.08);
}

.course-card h3 {
    margin-bottom: 8.5px;
}

.course-card span,
.course-card strong {
    display: block;
    margin-top: 8.5px;
}

@media (max-width: 652.8px) {
    .access-hero img {
        height: 161.5px;
    }

    .access-page h1 {
        font-size: 23.8px;
    }

    .access-page h2 {
        font-size: 18.7px;
    }

    .video-card img {
        height: 187.0px;
    }
}

/* adult migrant program */
.amep-hero img {
    width: 100%;
    height: 382.5px;
    object-fit: cover;
}

.amep-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.75;
}

.amep-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.amep-page h1,
.amep-page h2,
.amep-page h3 {
    color: #000080;
    font-weight: 700;
}

.amep-page h1 {
    font-size: 30.6px;
    margin-bottom: 13.6px;
}

.amep-page h2 {
    font-size: 23.8px;
    margin-top: 17.0px;
    margin-bottom: 10.2px;
}

.amep-page h3 {
    font-size: 17.0px;
    margin-top: 15.3px;
}

.amep-side-img {
    width: 100%;
    max-width: 255.0px;
    height: 178.5px;
    object-fit: cover;
}

.slider-dots {
    text-align: center;
    margin-top: 10.2px;
}

.slider-dots span {
    width: 9.35px;
    height: 9.35px;
    background: #ccc;
    border-radius: 50%;
    display: inline-block;
    margin: 0 4.25px;
}

.slider-dots .active {
    background: #333;
}

.light-section {
    background: #f5f5f5;
    padding: 46.75px 0;
}

.amep-page a {
    color: #000080;
    text-decoration: none;
}

.amep-page a:hover {
    text-decoration: underline;
}

.amep-accordion .accordion-item {
    border: 0.85px solid #999;
    border-radius: 0;
    margin-bottom: 8.5px;
    background: #fff;
}

.amep-accordion .accordion-button {
    background: #000080;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
    box-shadow: none;
    padding: 11.05px 13.6px;
}

.amep-accordion .accordion-button.collapsed {
    background: #222;
    color: #fff;
}

.amep-accordion .accordion-button::after {
    filter: brightness(0) invert(1);
}

.amep-accordion .accordion-body {
    background: #fff;
    padding: 18.7px 20.4px;
}

.contact-section {
    background: #f5f5f5;
    padding: 42.5px 0;
}

@media (max-width: 652.8px) {
    .amep-hero img {
        height: 161.5px;
    }

    .amep-page h1 {
        font-size: 25.5px;
    }

    .amep-page h2 {
        font-size: 18.7px;
    }

    .amep-side-img {
        max-width: 100%;
        height: 187.0px;
    }
}
/* interstate-and-visa-holder-students */

.interstate-hero img {
    width: 100%;
    height: 255.0px;
    object-fit: cover;
}

.interstate-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.75;
}

.interstate-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.interstate-page h1,
.interstate-page h2 {
    color: #000080;
    font-weight: 700;
}

.interstate-page h1 {
    font-size: 32.3px;
    margin-bottom: 17.0px;
}

.interstate-page h2 {
    font-size: 25.5px;
    margin-top: 17.0px;
    margin-bottom: 10.2px;
}

.interstate-page ul {
    padding-left: 21.25px;
    margin-bottom: 18.7px;
}

.interstate-page li {
    margin-bottom: 5.95px;
}

.interstate-page a {
    color: #000080;
    text-decoration: none;
}

.interstate-page a:hover {
    text-decoration: underline;
}

@media (max-width: 652.8px) {
    .interstate-hero img {
        height: 161.5px;
    }

    .interstate-page h1 {
        font-size: 25.5px;
    }

    .interstate-page h2 {
        font-size: 20.4px;
    }
}
/* professional-industry-and-testing-services */

.industry-hero img {
    width: 100%;
    height: 255.0px;
    object-fit: cover;
}

.industry-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.75;
}

.industry-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.industry-page h1,
.industry-page h2 {
    color: #000080;
    font-weight: 700;
}

.industry-page h1 {
    font-size: 32.3px;
    margin-bottom: 15.3px;
}

.industry-accordion .accordion-item {
    border: 0.85px solid #777;
    border-radius: 0;
    background: #fff;
}

.industry-accordion .accordion-button {
    background: #000080;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
    box-shadow: none;
    padding: 11.05px 13.6px;
}

.industry-accordion .accordion-button.collapsed {
    background: #222;
    color: #fff;
}

.industry-accordion .accordion-button::after {
    filter: brightness(0) invert(1);
}

.industry-accordion .accordion-body {
    padding: 23.8px 27.2px;
    background: #fff;
}

.adobe-img {
    width: 100%;
    max-width: 306.0px;
    height: auto;
}

.slider-dots {
    margin-top: 21.25px;
}

.slider-dots span {
    width: 10.2px;
    height: 10.2px;
    background: #ccc;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5.1px;
}

.slider-dots .active {
    background: #333;
}

.contact-section {
    background: #f5f5f5;
    padding: 46.75px 0;
}

.contact-section h2 {
    font-size: 25.5px;
}

.industry-page a {
    color: #000080;
    text-decoration: none;
}

.industry-page a:hover {
    text-decoration: underline;
}

@media (max-width: 652.8px) {
    .industry-hero img {
        height: 161.5px;
    }

    .industry-page h1 {
        font-size: 25.5px;
    }

    .industry-accordion .accordion-body {
        padding: 18.7px;
    }
}

/* employemnet agency */
.agency-hero img {
    width: 100%;
    height: 382.5px;
    object-fit: cover;
}

.agency-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.75;
}

.agency-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.agency-page h1 {
    color: #000080;
    font-size: 30.6px;
    font-weight: 700;
    margin-bottom: 13.6px;
}

.agency-page a {
    color: #000080;
    text-decoration: none;
}

.agency-page a:hover {
    text-decoration: underline;
}

.agency-form-section {
    background: #f5f5f5;
    padding: 38.25px 0 46.75px;
}

.agency-form {
    max-width: 765.0px;
}

.agency-form h3 {
    color: #222;
    font-size: 13.6px;
    font-weight: 700;
    margin-bottom: 15.3px;
}

.form-group {
    margin-bottom: 18.7px;
}

.form-group label {
    display: block;
    margin-bottom: 5.95px;
    font-weight: 500;
}

.form-control {
    width: 100%;
    height: 28.9px;
    border: 0.85px solid #ccc;
    border-radius: 0;
    box-shadow: none;
}

.form-control:focus {
    border-color: #000080;
    box-shadow: none;
}

.radio-option {
    display: flex;
    align-items: center;
    gap: 6.8px;
    margin-bottom: 5.1px;
}

.submit-btn {
    background: #000080;
    color: #fff;
    border: 0;
    padding: 7.65px 13.6px;
    font-weight: 700;
}

.submit-btn:hover {
    background: #b9151a;
}

@media (max-width: 652.8px) {
    .agency-hero img {
        height: 161.5px;
    }

    .agency-page h1 {
        font-size: 23.8px;
    }
}

/* school management */
.school-hero img {
    width: 100%;
    height: 340.0px;
    object-fit: cover;
}

.school-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.75;
}

.school-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.school-page h1,
.school-page h2,
.school-page h3 {
    color: #000080;
    font-weight: 700;
}

.school-page h1 {
    font-size: 32.3px;
    margin-bottom: 11.9px;
}

.school-page h2 {
    font-size: 23.8px;
    margin-bottom: 11.9px;
}

.school-page h3 {
    font-size: 17.0px;
    margin-bottom: 11.9px;
}

.service-card {
    background: #fff;
    height: 100%;
    box-shadow: 0 1.7px 6.8px rgba(0,0,0,.15);
    display: flex;
    flex-direction: column;
}

.service-card img {
    width: 100%;
    height: 229.5px;
    object-fit: cover;
}

.service-body {
    padding: 18.7px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.service-body .red-btn {
    margin-top: auto;
    align-self: flex-end;
}

.red-btn {
    background: #000080;
    color: #fff !important;
    padding: 8.5px 12.75px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    border-radius: 1.7px;
}

.red-btn:hover {
    background: #b9151a;
    color: #fff;
}

.school-info-section {
    background: #f5f5f5;
    padding: 42.5px 0;
}

.school-page a {
    color: #000080;
    text-decoration: none;
}

.school-page a:hover {
    text-decoration: underline;
}

@media (max-width: 652.8px) {
    .school-hero img {
        height: 161.5px;
    }

    .school-page h1 {
        font-size: 25.5px;
    }

    .school-page h2 {
        font-size: 18.7px;
    }

    .service-card img {
        height: 187.0px;
    }
}
/* career-taster-program */
.career-hero img {
    width: 100%;
    height: 340.0px;
    object-fit: cover;
}

.career-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.75;
    background: #fff;
}

.career-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.career-page h1,
.career-page h2,
.career-page h3 {
    color: #000080;
    font-weight: 700;
}

.career-page h1 {
    font-size: 32.3px;
    margin-bottom: 17.0px;
}

.career-page h2 {
    font-size: 23.8px;
    margin-bottom: 11.9px;
}

.career-page h3 {
    font-size: 15.3px;
}

.career-intro {
    background-image:
        radial-gradient(circle, rgba(227,30,36,.15) 10%, transparent 12%),
        radial-gradient(circle, rgba(0,170,180,.15) 10%, transparent 12%);
    background-size: 153.0px 153.0px;
    background-position: left top, right center;
}

.video-card {
    position: relative;
    background: #000;
    overflow: hidden;
    margin-top: 59.5px;
}

.video-card img {
    width: 100%;
    height: 187.0px;
    object-fit: cover;
    opacity: .9;
}

.play-btn {
    width: 59.5px;
    height: 42.5px;
    background: #ff0000;
    color: #fff;
    border-radius: 10.2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22.1px;
    position: absolute;
    inset: 0;
    margin: auto;
}

.slider-dots {
    text-align: center;
    margin-top: 10.2px;
}

.slider-dots span {
    width: 9.35px;
    height: 9.35px;
    background: #ccc;
    border-radius: 50%;
    display: inline-block;
    margin: 0 4.25px;
}

.slider-dots .active {
    background: #333;
}

.red-btn {
    background: #000080;
    color: #fff !important;
    padding: 8.5px 12.75px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    border-radius: 1.7px;
}

.red-btn:hover {
    background: #b9151a;
    color: #fff;
}

.grey-btn {
    background: #f2f2f2;
    color: #333 !important;
    padding: 8.5px 12.75px;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
}

.grey-btn:hover {
    background: #ddd;
}

.career-page a {
    color: #000080;
    text-decoration: none;
}

.career-page a:hover {
    text-decoration: underline;
}

.client-card {
    background: #fff;
    height: 100%;
    box-shadow: 0 1.7px 6.8px rgba(0,0,0,.16);
}

.client-card img {
    width: 100%;
    height: 195.5px;
    object-fit: cover;
}

.client-body {
    padding: 17.0px;
    min-height: 106.25px;
    display: flex;
    flex-direction: column;
}

.client-body .red-btn {
    margin-top: auto;
    align-self: flex-end;
}

@media (max-width: 652.8px) {
    .career-hero img {
        height: 161.5px;
    }

    .career-page h1 {
        font-size: 25.5px;
    }

    .career-page h2 {
        font-size: 18.7px;
    }

    .video-card {
        margin-top: 17.0px;
    }

    .video-card img {
        height: 187.0px;
    }

    .client-card img {
        height: 178.5px;
    }
}

/* jobs-and-skills-centres */
.jsc-hero img {
    width: 100%;
    height: 297.5px;
    object-fit: cover;
}

.jsc-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.75;
}

.jsc-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.jsc-page h1,
.jsc-page h2,
.jsc-page h3,
.jsc-page h4 {
    color: #000080;
    font-weight: 700;
}

.jsc-page h1 {
    font-size: 30.6px;
    margin-bottom: 10.2px;
}

.jsc-page h2 {
    font-size: 23.8px;
    margin-bottom: 11.9px;
}

.jsc-page h3 {
    font-size: 17.0px;
}

.centre-card {
    background: #fff;
    border: 0.85px solid #ddd;
    min-height: 348.5px;
    padding: 18.7px;
    box-shadow: 0 1.7px 6.8px rgba(0,0,0,.12);
    display: flex;
    flex-direction: column;
}

.centre-card img {
    width: 100%;
    height: 119.0px;
    object-fit: cover;
    margin: -18.7px -18.7px 15.3px;
    width: calc(100% + 37.4px);
}

.centre-card .red-btn {
    margin-top: auto;
    align-self: flex-end;
}

.red-btn {
    background: #000080;
    color: #fff !important;
    padding: 8.5px 12.75px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    border-radius: 1.7px;
}

.red-btn:hover {
    background: #b9151a;
    color: #fff;
}

.jsc-page a {
    color: #000080;
    text-decoration: none;
}

.jsc-page a:hover {
    text-decoration: underline;
}

.jsc-accordion .accordion-item {
    border: 0.85px solid #999;
    border-radius: 0;
    margin-bottom: 10.2px;
    background: #fff;
}

.jsc-accordion .accordion-button {
    background: #000080;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
    box-shadow: none;
    padding: 11.05px 13.6px;
}

.jsc-accordion .accordion-button.collapsed {
    background: #222;
    color: #fff;
}

.jsc-accordion .accordion-button::after {
    filter: brightness(0) invert(1);
}

.jsc-accordion .accordion-body {
    background: #fff;
    padding: 20.4px;
}

.testimonial-section {
    background: #f5f5f5;
    padding: 46.75px 0;
}

.testimonial-img {
    width: 100%;
    height: 161.5px;
    object-fit: cover;
}

.quote-icon {
    color: #000080;
    font-size: 27.2px;
    margin-bottom: 4.25px;
}

.slider-dots {
    margin-top: 17.0px;
}

.slider-dots span {
    width: 9.35px;
    height: 9.35px;
    background: #ccc;
    border-radius: 50%;
    display: inline-block;
    margin: 0 4.25px;
}

.slider-dots .active {
    background: #333;
}

@media (max-width: 652.8px) {
    .jsc-hero img {
        height: 161.5px;
    }

    .jsc-page h1 {
        font-size: 25.5px;
    }

    .jsc-page h2 {
        font-size: 18.7px;
    }

    .centre-card {
        min-height: auto;
    }

    .testimonial-img {
        height: 187.0px;
    }
}
/* show course */
.course-hero img {
    width: 100%;
    height: 255.0px;
    object-fit: cover;
}

.course-page {
    color: #333;
    font-size: 12.75px;
    line-height: 1.75;
}

.course-page .container {
    max-width: 918.0px;
}

.breadcrumb-text {
    color: #999;
    font-size: 11.05px;
}

.breadcrumb-text span:first-child {
    color: #000080;
}

.course-page h1,
.course-page h2,
.course-page h3 {
    color: #000080;
    font-weight: 700;
}

.course-page h1 {
    font-size: 28.9px;
}

.course-page h2 {
    font-size: 22.1px;
    margin-bottom: 17.0px;
}

.course-page h3 {
    font-size: 15.3px;
}

.video-card {
    position: relative;
    background: #000;
    overflow: hidden;
}

.video-card img {
    width: 100%;
    height: 229.5px;
    object-fit: cover;
    opacity: .9;
}

.play-btn {
    width: 59.5px;
    height: 42.5px;
    background: #ff0000;
    color: #fff;
    border-radius: 10.2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22.1px;
    position: absolute;
    inset: 0;
    margin: auto;
}

.find-course-section,
.course-list-section {
    background: #f5f5f5;
    padding: 38.25px 0;
}

.category-box {
    background: #fff;
    border: 0.85px solid #ddd;
    padding: 15.3px 17.0px;
    color: #000080;
    border-left: 2.55px solid #000080;
    min-height: 55.25px;
}

.filter-box {
    background: #fff;
    border: 0.85px solid #ddd;
}

.filter-box input,
.filter-box div,
.filter-box select,
.filter-box button,
.filter-box label {
    width: 100%;
    padding: 9.35px 11.05px;
    border: 0;
    border-bottom: 0.85px solid #ddd;
}

.filter-box button {
    background: #000080;
    color: #fff;
    font-weight: 700;
}

.course-card {
    background: #fff;
    border: 0.85px solid #ddd;
    border-radius: 10.2px;
    margin-bottom: 15.3px;
    display: grid;
    grid-template-columns: 1fr 144.5px;
    box-shadow: 0 1.7px 6.8px rgba(0,0,0,.1);
    overflow: hidden;
}

.course-main {
    display: flex;
    gap: 15.3px;
    padding: 18.7px;
}

.course-icons {
    display: flex;
    flex-direction: column;
    gap: 15.3px;
    color: #333;
    font-size: 17.0px;
}

.course-card h3 {
    font-size: 15.3px;
    margin-bottom: 6.8px;
}

.course-meta {
    border-left: 0.85px solid #000080;
    padding: 18.7px;
    position: relative;
}

.course-meta span {
    color: #000080;
    font-size: 20.4px;
    position: absolute;
    right: 15.3px;
    top: 50%;
}

.pagination-box {
    text-align: right;
    margin-top: 17.0px;
}

.pagination-box span {
    border: 0.85px solid #ddd;
    padding: 5.95px 8.5px;
    background: #fff;
    margin-left: 2.55px;
}

.pagination-box .active {
    background: #000080;
    color: #fff;
}

@media (max-width: 652.8px) {
    .course-hero img {
        height: 161.5px;
    }

    .course-card {
        grid-template-columns: 1fr;
    }

    .course-meta {
        border-left: 0;
        border-top: 0.85px solid #000080;
    }
}
/* welcome page slider */
 .hero-slider{position:relative;background:#fff}
.carousel-item{position:relative;height:442.0px}
.hero-photo{width:100%;height:100%;object-fit:cover;display:block}

.hero-card{
  position:absolute;
  left:9%;
  top:50%;
  transform:translateY(-50%);
  width:442.0px;
  background:rgba(25,25,25,.82);
  color:#fff;
  padding:40.8px 46.75px;
  z-index:5;
}

.hero-card h1{
  font-size: 32px;
  line-height:1.08;
  font-weight:900;
  margin:0 0 22.1px;
}

.hero-card h3{
   font-size: 18px;
  font-weight:900;
  margin-bottom:15.3px;
}

.hero-card p{
  font-size:14.0px;
  line-height:1.45;
  margin-bottom:27.2px;
}

.hero-card a{
  display:inline-block;
  background:var(--blue);
  color:#fff;
  padding:12.75px 20.4px;
  font-size:16.1px;
  font-weight:800;
  text-decoration:none;
}

.carousel-indicators{bottom:-32.3px}
.carousel-indicators [data-bs-target]{
  width:15.3px;
  height:15.3px;
  border-radius:50%;
  background:#bbb;
  border:0;
}
.carousel-indicators .active{background:#333}

@media(max-width:488.75px){
  .carousel-item{height:255.0px}
  .hero-card{
    left:15.3px;
    right:15.3px;
    width:auto;
    padding:18.7px;
  }
  .hero-card h1{font-size:25.5px}
  .hero-card h3{font-size:16.15px}
  .hero-card p{font-size:11.9px;margin-bottom:15.3px}
  .hero-card a{font-size:14.45px;padding:8.5px 12.75px}
}

.hero-slider .carousel-item {
  height: 63.75vh;   /* increase here: 59.5vh → 68.0vh */
  min-height: 442.0px;
}

.hero-slider .hero-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



/* chat */
.chat-widget{
  position:fixed;
  right:95px;
  bottom:35px;
  width:270px;
  background:var(--blue);
  color:#fff;
  border-radius:18px;
  padding:20px 15px 15px;
  z-index:9999;
  display:none;
  box-shadow:0 8px 25px rgba(0,0,0,.25);
}

.chat-widget h2{font-size:24px;font-weight:800;margin:0 0 12px}
.chat-widget p{font-size:12px;line-height:1.35}
.chat-widget a{color:var(--blue);font-weight:900;text-decoration:underline}
.chat-close{position:absolute;right:18px;top:18px;background:none;border:0;color:#fff;font-size:24px}
.chat-card{background:#fff;color:#111;border-radius:14px;padding:16px;margin-top:18px}
.chat-card h3{font-size:20px;font-weight:800}
.chat-email{display:flex!important;justify-content:space-between;background:#f4f4f4;border-radius:14px;padding:18px;color:var(--blue)!important}
.chat-widget strong{display:block;text-align:center;margin-top:18px;font-size:16px}
@media(max-width:488px){.chat-widget{right:15px;left:15px;bottom:15px;width:auto}}


.brand-logo {
    height: 90px;
    width: auto;
    object-fit: contain;
}