/* ==========================================
   CAREER OFFICE — PROFESSIONAL HEADER
   Bootstrap 4.3.1 / Front Theme
========================================== */

:root {
    --header-primary: #245b86;
    --header-primary-dark: #173d5e;
    --header-accent: #138e86;
    --header-text: #344456;
    --header-muted: #718093;
    --header-border: #e5eaf0;
    --header-white: #ffffff;
}

/* ==========================================
   CAREER OFFICE — GLOBAL HEADER SPACING
   Bootstrap 4.3.1 / Front Theme
========================================== */

:root {
    --career-header-offset: 0px;
}

/* Main content below the header */
main#content {
    padding-top: var(--career-header-offset);
}

/* Correct positioning for anchor navigation */
main#content [id] {
    scroll-margin-top: 115px;
}

/* Mobile */
@media (max-width: 767.98px) {

    main#content [id] {
        scroll-margin-top: 75px;
    }

}


/* MAIN HEADER */
#header.u-header {
    width: 100%;
    font-family: "Poppins", Arial, sans-serif;
    background: #ffffff !important;
    box-shadow: 0 3px 20px rgba(24, 48, 73, 0.055);
    border-bottom: 1px solid var(--header-border);
    z-index: 1030;
}

#header .u-header__section {
    background: #ffffff !important;
}

/* TOP BAR */
#header .u-header__hide-content {
    padding-top: 10px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--header-border);
}

#header .u-header__navbar-link,
#header .dropdown-nav-link {
    color: var(--header-muted);
    font-size: 12px;
    font-weight: 500;
    transition: color .2s ease;
}

#header .u-header__navbar-link {
    padding: 0 12px;
}

#header .u-header__navbar-link:hover,
#header .dropdown-nav-link:hover {
    color: var(--header-primary);
}

/* LANGUAGE */
#header .dropdown-item-icon {
    width: 20px;
    height: 15px;
    object-fit: cover;
    border-radius: 2px;
    margin-right: 7px;
}

/* MAIN NAVBAR */
#header .u-header__navbar {
    min-height: 90px;
    padding: 12px 0;
    background: #ffffff;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* LOGO */
#header .u-header__navbar-brand {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: auto !important;
    max-width: 310px;
    margin-right: 24px;
    padding: 0;
    text-decoration: none;
}

#header .u-header__navbar-brand .media {
    display: flex;
    align-items: center;
}

#header .u-header__promo-icon {
    width: 54px;
    height: 54px;
    max-width: none;
    object-fit: contain;
    margin-right: 12px;
}

#header .u-header__navbar-brand-text {
    display: block;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.45;
    letter-spacing: -.2px;
    color: var(--header-primary-dark);
    white-space: normal;
}

/* NAVIGATION */
#header .u-header__navbar-collapse {
    justify-content: flex-end;
}

#header .u-header__navbar-nav {
    align-items: center;
    flex-wrap: nowrap;
}

#header .u-header__nav-item {
    margin: 0 2px;
}

#header .u-header__nav-link {
    display: flex;
    align-items: center;
    padding: 12px 10px !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .15px;
    line-height: 1.4;
    color: var(--header-text) !important;
    white-space: nowrap;
    border-radius: 6px;
    background: transparent;
    transition: color .2s ease, background .2s ease;
}

#header .u-header__nav-link:hover,
#header .u-header__nav-link:focus,
#header .u-header__nav-item.active > .u-header__nav-link {
    color: var(--header-primary) !important;
    background: #edf4fa;
}

/* SUBMENUS */
#header .u-header__sub-menu {
    min-width: 230px;
    padding: 8px;
    background: #ffffff;
    border: 1px solid var(--header-border);
    border-radius: 10px;
    box-shadow: 0 14px 35px rgba(25, 48, 72, .11);
    z-index: 1050;
}

#header .u-header__sub-menu-nav-link {
    display: block;
    padding: 10px 13px !important;
    color: var(--header-text) !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    white-space: normal;
    border-radius: 6px;
    background: transparent;
    transition: background .2s ease, color .2s ease;
}

#header .u-header__sub-menu-nav-link:hover,
#header .u-header__sub-menu-nav-link:focus {
    background: #edf4fa;
    color: var(--header-primary) !important;
}

/* TOPBAR ACTIONS */
#header .btn-text-secondary {
    color: var(--header-muted);
    background: transparent;
    border: none;
    box-shadow: none;
}

#header .btn-text-secondary:hover {
    color: var(--header-primary);
    background: #edf4fa;
}

/* ACCOUNT */
#header .u-sidebar--account__toggle-bg {
    background: #f4f7fa;
    border: 1px solid var(--header-border);
    border-radius: 7px;
    padding: 5px 10px;
}

#header .u-sidebar--account__toggle-text {
    color: var(--header-primary-dark);
    font-weight: 600;
    font-size: 12px;
}

#header .u-sidebar--account__toggle-img {
    width: 28px;
    height: 28px;
    object-fit: cover;
    border-radius: 50%;
}

/* SEARCH */
#header .u-search-push-top {
    background: #ffffff;
}

#header .u-search-push-top__content {
    padding: 25px 0;
}

#header .u-search-push-top .form-control {
    height: 44px;
    border: 1px solid var(--header-border);
    border-radius: 7px 0 0 7px;
}

/* TABLETS / MOBILE */
@media (max-width: 1199.98px) {
    #header .u-header__navbar-brand {
        max-width: 260px;
        margin-right: 12px;
    }

    #header .u-header__promo-icon {
        width: 46px;
        height: 46px;
    }

    #header .u-header__navbar-brand-text {
        font-size: 11px !important;
    }

    #header .u-header__nav-link {
        font-size: 11px;
        padding: 10px 7px !important;
    }
}

@media (max-width: 991.98px) {
    #header .u-header__navbar {
        min-height: 76px;
    }

    #header .u-header__navbar-brand {
        max-width: 280px;
    }

    #header .u-header__navbar-nav {
        align-items: stretch;
    }

    #header .u-header__nav-link {
        padding: 12px 15px !important;
        font-size: 12px;
        white-space: normal;
    }

    #header .u-header__nav-item {
        margin: 2px 0;
    }

    #header .u-header__navbar-collapse {
        background: #ffffff;
        border-top: 1px solid var(--header-border);
        margin-top: 12px;
        padding: 12px 0;
        max-height: 75vh;
        overflow-y: auto;
    }

    #header .u-header__sub-menu {
        box-shadow: none;
        border-radius: 7px;
    }
}

@media (max-width: 575.98px) {
    #header .u-header__navbar {
        min-height: 68px;
        padding: 8px 0;
    }

    #header .u-header__navbar-brand {
        max-width: 235px;
        margin-right: 8px;
    }

    #header .u-header__promo-icon {
        width: 42px;
        height: 42px;
        margin-right: 9px;
    }

    #header .u-header__navbar-brand-text {
        font-size: 10px !important;
        line-height: 1.4;
    }

    #header .u-header__hide-content {
        padding-top: 6px !important;
        padding-bottom: 6px;
    }
}

/* ==========================================
   CAREER OFFICE - MEGA MENU HOVER FIX
========================================== */

/* Parent menu */
#header .hs-has-mega-menu {
    position: static;
}

/* Mega menu */
#header .hs-mega-menu {
    margin-top: 0 !important;
    border-top: 0;
    z-index: 1050;
}

/* Remove spacing caused by transitions */
#header .u-header__sub-menu {
    margin-top: 0 !important;
}

/* Allow smooth pointer movement */
#header .hs-has-mega-menu > .u-header__nav-link {
    position: relative;
}

/* Invisible hover bridge below the navigation link */
@media (min-width: 768px) {

    #header .hs-has-mega-menu > .u-header__nav-link::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 18px;
        background: transparent;
        pointer-events: auto;
    }

}

/* MEGA MENU - POSITION */
@media (min-width: 768px) {

    #header .hs-has-mega-menu .hs-mega-menu {
        margin-top: -15px !important;
    }

}


/* ==========================================
   CAREER OFFICE — MINIMAL PROFESSIONAL FOOTER
   Bootstrap 4.3.1
========================================== */

:root {
    --career-footer-bg: #142c43;
    --career-footer-bg-light: #1d3b55;
    --career-footer-accent: #43b7ad;
    --career-footer-white: #ffffff;
    --career-footer-text: #d4dee8;
    --career-footer-muted: #a2b3c3;
    --career-footer-border: rgba(255,255,255,.12);
}

/* MAIN */
.career-footer {
    position: relative;
    width: 100%;
    background: var(--career-footer-bg);
    color: var(--career-footer-text);
    font-family: "Poppins", Arial, sans-serif;
    overflow: hidden;
}

.career-footer-main {
    padding: 75px 0 55px;
}

/* BRAND */
.career-footer-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none !important;
    margin-bottom: 26px;
}

.career-footer-logo {
    width: 58px;
    height: 58px;
    object-fit: contain;
    flex-shrink: 0;
}

.career-footer-brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.4;
}

.career-footer-brand-text strong {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .7px;
    color: #ffffff;
}

.career-footer-brand-text small {
    color: var(--career-footer-text) !important;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .7px;
}

.career-footer-description {
    max-width: 340px;
    color: var(--career-footer-muted);
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.9;
    margin-bottom: 12px;
}

/* COLUMN TITLES */
.career-footer-title {
    position: relative;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .4px;
    margin: 5px 0 28px;
    padding-bottom: 15px;
}

.career-footer-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    border-radius: 3px;
    background: var(--career-footer-accent);
}

/* LINKS */
.career-footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.career-footer-links li {
    margin-bottom: 13px;
}

.career-footer-links a {
    display: inline-block;
    color: var(--career-footer-muted);
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.65;
    text-decoration: none;
    transition: color .2s ease;
}

.career-footer-links a:hover,
.career-footer-links a:focus {
    color: var(--career-footer-accent);
    text-decoration: none;
}

/* CONTACT */
.career-footer-contact {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.career-footer-contact-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.career-footer-contact-label {
    color: var(--career-footer-text);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .3px;
}

.career-footer-contact-item a,
.career-footer-email,
.career-footer-email a {
    color: var(--career-footer-muted);
    font-size: 12.5px;
    line-height: 1.75;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color .2s ease;
}

.career-footer-contact-item a:hover,
.career-footer-email a:hover {
    color: var(--career-footer-accent);
}

.career-footer-accessibility {
    color: var(--career-footer-text) !important;
    font-weight: 500;
}

.career-footer-accessibility:hover {
    color: var(--career-footer-accent) !important;
}

/* FUNDING AREA */
.career-footer-funding {
    padding: 30px 0;
    border-top: 1px solid var(--career-footer-border);
}

.career-footer-funding-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: #ffffff;
    border: 1px solid #e8edf2;
    border-radius: 10px;
}

.career-footer-funding-logo {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 135px;
    height: auto;
    object-fit: contain;
}

/* BOTTOM BAR */
.career-footer-bottom {
    padding: 23px 0;
    border-top: 1px solid var(--career-footer-border);
}

.career-footer-copyright {
    color: var(--career-footer-muted);
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.8;
    margin: 0;
}

.career-footer-bottom-link {
    color: var(--career-footer-muted);
    font-size: 11.5px;
    text-decoration: none;
    transition: color .2s ease;
}

.career-footer-bottom-link:hover {
    color: var(--career-footer-accent);
    text-decoration: none;
}

/* BACK TO TOP */
.career-back-to-top {
    width: 42px;
    height: 42px;
    background: #245b86 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 8px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,.15);
    transition: background .2s ease;
}

.career-back-to-top:hover {
    background: #138e86 !important;
    color: #ffffff !important;
}

.career-back-to-top .u-go-to__inner {
    color: #ffffff;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {
    .career-footer-main {
        padding: 55px 0 35px;
    }

    .career-footer-description {
        max-width: 100%;
    }

    .career-footer-title {
        margin-top: 0;
    }
}

@media (max-width: 767.98px) {
    .career-footer-main {
        padding: 45px 0 25px;
    }

    .career-footer-brand {
        margin-bottom: 20px;
    }

    .career-footer-logo {
        width: 50px;
        height: 50px;
    }

    .career-footer-title {
        margin-bottom: 22px;
    }

    .career-footer-links li {
        margin-bottom: 10px;
    }

    .career-footer-funding {
        padding: 20px 0;
    }

    .career-footer-funding-inner {
        padding: 16px;
    }

    .career-footer-funding-logo {
        max-height: 100px;
    }

    .career-footer-bottom {
        padding: 20px 0;
    }
}

@media (max-width: 575.98px) {
    .career-footer-main {
        padding-top: 40px;
    }

    .career-footer-brand-text strong {
        font-size: 14px;
    }

    .career-footer-brand-text small {
        font-size: 10px;
    }

    .career-footer-description {
        font-size: 12px;
    }

    .career-footer-title {
        font-size: 12px;
    }

    .career-footer-copyright {
        font-size: 11px;
        text-align: center;
    }

    .career-footer-bottom-link {
        font-size: 11px;
    }
}


/* ==========================================
   CAREER OFFICE - ACCESSIBILITY PAGE
   Minimal / Professional Design
========================================== */

.career-accessibility-page {
    background: #f5f7fa;
    padding: 90px 0 100px;
    min-height: 70vh;
}

.career-accessibility-container {
    max-width: 950px;
    margin: 0 auto;
}

/* PAGE HEADER */
.career-accessibility-header {
    margin-bottom: 35px;
}

.career-accessibility-eyebrow {
    display: block;
    color: #138e86;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    margin-bottom: 16px;
}

.career-accessibility-title {
    color: #1d3044;
    font-size: 34px;
    font-weight: 650;
    letter-spacing: -.8px;
    line-height: 1.3;
    margin-bottom: 16px;
}

.career-accessibility-intro {
    max-width: 700px;
    color: #64748b;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 20px;
}

/* META */
.career-accessibility-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    color: #718093;
    font-size: 12px;
}

.career-accessibility-meta a {
    color: #245b86;
    font-weight: 600;
    text-decoration: none;
}

.career-accessibility-meta a:hover {
    color: #138e86;
    text-decoration: underline;
}

.career-accessibility-meta-divider {
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #ccd6e0;
}

/* MAIN CONTENT CARD */
.career-accessibility-card {
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 12px;
    padding: 50px 55px;
    box-shadow: 0 4px 22px rgba(25,48,72,.035);
}

/* CONTENT SECTIONS */
.career-accessibility-section {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #edf1f5;
}

.career-accessibility-section:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.career-accessibility-section h2 {
    color: #1d3044;
    font-size: 17px;
    font-weight: 650;
    line-height: 1.4;
    margin-bottom: 16px;
}

.career-accessibility-section p {
    color: #536477;
    font-size: 13.5px;
    line-height: 2;
    margin-bottom: 14px;
}

.career-accessibility-section p:last-child {
    margin-bottom: 0;
}

.career-accessibility-section a {
    color: #245b86;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.career-accessibility-section a:hover {
    color: #138e86;
}

/* CONTACT CARD */
.career-accessibility-contact {
    margin-top: 28px;
    padding: 38px 42px;
    border: 1px solid #dce9ef;
    border-radius: 12px;
    background: #edf4f8;
}

.career-accessibility-contact-label {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.career-accessibility-contact h2 {
    color: #1d3044;
    font-size: 21px;
    font-weight: 650;
    margin-bottom: 12px;
}

.career-accessibility-contact p {
    max-width: 650px;
    color: #5b6d7d;
    font-size: 13px;
    line-height: 1.85;
    margin-bottom: 25px;
}

/* CONTACT DETAILS */
.career-accessibility-contact-details {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
}

.career-accessibility-contact-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.career-accessibility-contact-item span {
    color: #718093;
    font-size: 11px;
    font-weight: 500;
}

.career-accessibility-contact-item a {
    color: #245b86;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.career-accessibility-contact-item a:hover {
    color: #138e86;
    text-decoration: underline;
}

/* ACCESSIBLE FOCUS */
.career-accessibility-page a:focus-visible {
    outline: 2px solid #138e86;
    outline-offset: 4px;
    border-radius: 2px;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {

    .career-accessibility-page {
        padding: 65px 0 75px;
    }

    .career-accessibility-card {
        padding: 38px 35px;
    }

    .career-accessibility-title {
        font-size: 30px;
    }

}

@media (max-width: 767.98px) {

    .career-accessibility-page {
        padding: 45px 0 55px;
    }

    .career-accessibility-title {
        font-size: 26px;
    }

    .career-accessibility-intro {
        font-size: 13px;
    }

    .career-accessibility-meta-divider {
        display: none;
    }

    .career-accessibility-card {
        padding: 28px 24px;
    }

    .career-accessibility-section {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    .career-accessibility-section h2 {
        font-size: 15px;
    }

    .career-accessibility-section p {
        font-size: 13px;
        line-height: 1.85;
    }

    .career-accessibility-contact {
        padding: 28px 24px;
    }

    .career-accessibility-contact h2 {
        font-size: 19px;
    }

    .career-accessibility-contact-details {
        flex-direction: column;
        gap: 18px;
    }

}


/* ==========================================
   CAREER OFFICE — COUNSELING SERVICES
   Minimal / Professional Design
========================================== */

.career-services-page {
    background: #f5f7fa;
    padding: 85px 0 100px;
    min-height: 70vh;
}

.career-services-container {
    max-width: 1050px;
    margin: 0 auto;
}

/* PAGE HEADER */
.career-services-header {
    margin-bottom: 35px;
}

.career-services-eyebrow {
    display: block;
    color: #138e86;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    margin-bottom: 16px;
}

.career-services-title {
    color: #1d3044;
    font-size: 34px;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: -.8px;
    margin-bottom: 16px;
}

.career-services-title span {
    display: block;
    color: #245b86;
}

.career-services-subtitle {
    color: #64748b;
    font-size: 14px;
    line-height: 1.9;
    margin-bottom: 0;
}

/* INTRODUCTION */
.career-services-intro {
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 12px;
    padding: 35px 40px;
    margin-bottom: 28px;
    box-shadow: 0 3px 15px rgba(25,48,72,.03);
}

.career-services-intro-label {
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.career-services-intro p {
    color: #536477;
    font-size: 13.5px;
    line-height: 1.9;
    margin-bottom: 25px;
}

.career-services-intro strong {
    color: #1d3044;
    font-weight: 600;
}

/* SERVICE OVERVIEW */
.career-services-overview {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.career-services-overview-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 18px 20px;
    background: #f5f8fb;
    border: 1px solid #e5ecf2;
    border-radius: 8px;
    color: #344456;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.6;
}

.career-services-overview-number {
    color: #138e86;
    font-size: 17px;
    font-weight: 700;
    flex-shrink: 0;
}

/* SERVICE CARDS */
.career-service-card {
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 12px;
    margin-bottom: 28px;
    overflow: hidden;
    box-shadow: 0 3px 18px rgba(25,48,72,.035);
}

/* CARD HEADER */
.career-service-card-header {
    padding: 30px 40px;
    background: #f8fafc;
    border-bottom: 1px solid #e5ebf1;
}

.career-service-number {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.career-service-heading h2 {
    color: #1d3044;
    font-size: 22px;
    font-weight: 650;
    line-height: 1.45;
    letter-spacing: -.4px;
    margin: 0;
}

.career-service-heading h2 span {
    display: block;
    color: #64748b;
    font-size: 15px;
    font-weight: 500;
    margin-top: 5px;
}

/* CARD CONTENT */
.career-service-card-body {
    padding: 40px;
}

.career-service-description p {
    color: #536477;
    font-size: 13.5px;
    font-weight: 400;
    line-height: 2;
    margin-bottom: 18px;
}

.career-service-description p:last-child {
    margin-bottom: 0;
}

.career-service-description strong {
    color: #344456;
    font-weight: 600;
}

/* CONTACT CARD */
.career-service-contact {
    margin-top: 35px;
    padding: 25px 30px;
    background: #f1f6f9;
    border: 1px solid #dfe9ef;
    border-radius: 10px;
}

.career-service-contact-top {
    margin-bottom: 22px;
}

.career-service-contact-label {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .8px;
    margin-bottom: 10px;
}

.career-service-contact-top h3 {
    color: #1d3044;
    font-size: 17px;
    font-weight: 650;
    margin-bottom: 5px;
}

.career-service-contact-top p {
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 0;
}

/* CONTACT DETAILS */
.career-service-contact-details {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 45px;
    padding-top: 18px;
    border-top: 1px solid #dce6ed;
}

.career-service-contact-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.career-service-contact-item > span {
    color: #718093;
    font-size: 11px;
    font-weight: 500;
}

.career-service-contact-item a,
.career-service-email,
.career-service-email a {
    color: #245b86;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.career-service-contact-item a:hover,
.career-service-email a:hover {
    color: #138e86;
    text-decoration: underline;
}

/* FOCUS */
.career-services-page a:focus-visible {
    outline: 2px solid #138e86;
    outline-offset: 4px;
    border-radius: 3px;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991.98px) {

    .career-services-page {
        padding: 65px 0 75px;
    }

    .career-services-title {
        font-size: 30px;
    }

    .career-service-card-header {
        padding: 28px 30px;
    }

    .career-service-card-body {
        padding: 30px;
    }

}

@media (max-width: 767.98px) {

    .career-services-page {
        padding: 45px 0 55px;
    }

    .career-services-title {
        font-size: 25px;
    }

    .career-services-subtitle {
        font-size: 13px;
    }

    .career-services-intro {
        padding: 26px 24px;
    }

    .career-services-overview {
        grid-template-columns: 1fr;
    }

    .career-services-overview-item {
        padding: 15px;
    }

    .career-service-card-header {
        padding: 25px 24px;
    }

    .career-service-heading h2 {
        font-size: 19px;
    }

    .career-service-heading h2 span {
        font-size: 13px;
    }

    .career-service-card-body {
        padding: 25px 24px;
    }

    .career-service-description p {
        font-size: 13px;
        line-height: 1.9;
    }

    .career-service-contact {
        padding: 22px 20px;
    }

    .career-service-contact-details {
        flex-direction: column;
        gap: 18px;
    }

}

@media (max-width: 575.98px) {

    .career-services-title {
        font-size: 23px;
    }

    .career-services-eyebrow {
        font-size: 10px;
    }

    .career-service-contact-top h3 {
        font-size: 15px;
    }

}


/* ==========================================
   CAREER OFFICE — CAREER DAYS
   Bootstrap 4.3.1
========================================== */

.career-days-page {
    background: #f5f7fa;
    color: #344456;
}

.career-days-page *,
.career-days-page *::before,
.career-days-page *::after {
    box-sizing: border-box;
}

/* HERO */
.career-days-hero {
    padding: 65px 0 75px;
    background: #ffffff;
    border-bottom: 1px solid #e2e8ef;
}

.career-days-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 45px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.career-days-back:hover {
    color: #245b86;
}

.career-days-back span {
    font-size: 19px;
}

.career-days-eyebrow {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    margin-bottom: 18px;
}

.career-days-title {
    color: #1d3044;
    font-size: 36px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.7px;
    margin-bottom: 22px;
}

.career-days-author {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 30px;
}

.career-days-author span {
    color: #718093;
    font-size: 11px;
}

.career-days-author strong {
    color: #344456;
    font-size: 13px;
    font-weight: 600;
}

/* EVENT DETAILS */
.career-days-details {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
}

.career-days-detail {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 125px;
}

.career-days-detail span {
    color: #718093;
    font-size: 11px;
    font-weight: 500;
}

.career-days-detail strong {
    color: #1d3044;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.6;
}

/* HERO IMAGE */
.career-days-hero-image {
    height: 390px;
    border-radius: 12px;
    background: #e9eff4;
    overflow: hidden;
}

.career-days-hero-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* BUTTONS */
.career-days-primary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #245b86;
    border: 1px solid #245b86;
    color: #ffffff !important;
    border-radius: 7px;
    padding: 11px 21px;
    font-size: 12px;
    font-weight: 600;
    box-shadow: none;
    transition: background .2s ease, border-color .2s ease;
}

.career-days-primary-btn:hover {
    background: #173d5e;
    border-color: #173d5e;
    color: #ffffff;
}

.career-days-outline-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #245b86;
    background: #ffffff;
    border: 1px solid #cbd9e5;
    border-radius: 7px;
    padding: 11px 20px;
    font-size: 12px;
    font-weight: 600;
}

.career-days-outline-btn:hover {
    background: #edf4fa;
    color: #173d5e;
}

/* SECTIONS */
.career-days-section {
    padding: 65px 0;
    background: #ffffff;
}

.career-days-section-alt {
    background: #f5f7fa;
}

.career-days-section-heading {
    margin-bottom: 30px;
}

.career-days-section-label {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.career-days-section-heading h2 {
    color: #1d3044;
    font-size: 26px;
    font-weight: 650;
    line-height: 1.4;
    margin-bottom: 12px;
}

.career-days-section-heading p,
.career-days-date {
    color: #718093;
    font-size: 13px;
    line-height: 1.8;
}

/* DESCRIPTION */
.career-days-content {
    max-width: 950px;
    margin: 0 auto;
}

.career-days-description {
    color: #536477;
    font-size: 13.5px;
    line-height: 2;
    overflow-wrap: anywhere;
}

.career-days-description p {
    margin-bottom: 18px;
}

.career-days-description img,
.career-days-rich-text img,
.career-days-company-description img {
    max-width: 100%;
    height: auto;
}

/* FEATURED SPONSOR */
.career-days-featured-sponsor {
    padding: 35px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 12px;
    margin-bottom: 25px;
}

.career-days-sponsor-label,
.career-days-card-label {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 10px;
}

.career-days-featured-sponsor h3 {
    color: #1d3044;
    font-size: 22px;
    font-weight: 650;
    margin-bottom: 15px;
}

.career-days-rich-text {
    color: #536477;
    font-size: 13px;
    line-height: 1.9;
}

.career-days-sponsor-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 25px;
}

.career-days-featured-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    padding: 30px;
    background: #f8fafc;
    border: 1px solid #e9eef3;
    border-radius: 10px;
}

.career-days-featured-logo img {
    max-width: 100%;
    max-height: 190px;
    object-fit: contain;
}

/* COMPANY CARDS */
.career-days-company-card {
    height: 100%;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.career-days-company-card:hover {
    border-color: #bfd0dd;
    box-shadow: 0 7px 20px rgba(25,48,72,.055);
}

.career-days-company-logo {
    height: 155px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafbfd;
    border-bottom: 1px solid #edf1f5;
}

.career-days-company-logo img {
    max-width: 100%;
    max-height: 105px;
    object-fit: contain;
}

.career-days-company-body {
    padding: 24px;
}

.career-days-company-body h3 {
    color: #1d3044;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.5;
    margin-bottom: 12px;
}

.career-days-company-description {
    color: #64748b;
    font-size: 12px;
    line-height: 1.85;
    margin-bottom: 20px;
}

.career-days-card-link {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    color: #245b86;
    font-size: 12px;
    font-weight: 600;
}

.career-days-card-link:hover {
    color: #138e86;
    text-decoration: none;
}

/* PARTNER CARDS */
.career-days-partner-card {
    display: flex;
    align-items: center;
    gap: 17px;
    height: 100%;
    min-height: 105px;
    padding: 18px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 9px;
    text-decoration: none !important;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.career-days-partner-card:hover {
    border-color: #bdd0df;
    box-shadow: 0 5px 16px rgba(25,48,72,.05);
}

.career-days-partner-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 70px;
    width: 70px;
    height: 65px;
    padding: 8px;
    background: #f7f9fb;
    border-radius: 7px;
}

.career-days-partner-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.career-days-partner-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.career-days-partner-info strong {
    color: #1d3044;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}

.career-days-partner-info span,
.career-days-partner-info small {
    color: #718093;
    font-size: 11px;
    line-height: 1.5;
}

/* DAY CARDS */
.career-days-day-card {
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 12px;
    margin-bottom: 28px;
    overflow: hidden;
}

.career-days-day-header {
    padding: 27px 30px;
    background: #f8fafc;
    border-bottom: 1px solid #e5ebf1;
}

.career-days-day-header h3 {
    color: #1d3044;
    font-size: 21px;
    font-weight: 650;
    margin: 0;
}

.career-days-day-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 40px;
    padding: 26px 30px;
    border-bottom: 1px solid #edf1f5;
}

.career-days-day-companies {
    padding: 30px;
}

.career-days-day-companies h4 {
    color: #1d3044;
    font-size: 16px;
    font-weight: 650;
    margin-bottom: 22px;
}

.career-days-empty {
    color: #718093;
    font-size: 13px;
    margin: 0;
}

/* REGISTRATION */
.career-days-register-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    padding: 35px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 12px;
}

.career-days-register-number {
    color: #138e86;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.career-days-register-card h3 {
    color: #1d3044;
    font-size: 20px;
    font-weight: 650;
    margin-bottom: 14px;
}

.career-days-register-card p {
    color: #64748b;
    font-size: 13px;
    line-height: 1.9;
    margin-bottom: 25px;
}

.career-days-register-card .btn {
    margin-top: auto;
}

/* SHARING */
.career-days-share {
    padding: 30px 0;
    background: #ffffff;
    border-top: 1px solid #e2e8ef;
}

.career-days-share > .container > span {
    display: block;
    color: #718093;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
}

/* ACCESSIBILITY */
.career-days-page a:focus-visible,
.career-days-page button:focus-visible {
    outline: 2px solid #138e86;
    outline-offset: 3px;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {
    .career-days-hero {
        padding: 50px 0 60px;
    }

    .career-days-title {
        font-size: 30px;
    }

    .career-days-hero-image {
        height: 340px;
    }

    .career-days-section {
        padding: 50px 0;
    }
}

@media (max-width: 767.98px) {
    .career-days-hero {
        padding: 35px 0 45px;
    }

    .career-days-back {
        margin-bottom: 30px;
    }

    .career-days-title {
        font-size: 25px;
    }

    .career-days-hero-image {
        height: 240px;
    }

    .career-days-details {
        flex-direction: column;
        gap: 17px;
    }

    .career-days-section {
        padding: 40px 0;
    }

    .career-days-section-heading h2 {
        font-size: 21px;
    }

    .career-days-featured-sponsor {
        padding: 24px;
    }

    .career-days-day-header,
    .career-days-day-meta,
    .career-days-day-companies {
        padding: 23px;
    }

    .career-days-day-meta {
        flex-direction: column;
        gap: 18px;
    }

    .career-days-register-card {
        padding: 27px;
    }

    .career-days-register-card h3 {
        font-size: 18px;
    }

    .career-days-partner-logo {
        flex-basis: 60px;
        width: 60px;
        height: 60px;
    }
}


/* ==========================================
   CAREER OFFICE — EVENTS CATEGORY
   Minimal / Professional Design
   Bootstrap 4.3.1
========================================== */

.career-events-page {
    background: #f5f7fa;
    padding: 85px 0 100px;
    min-height: 70vh;
}

/* PAGE HEADER */
.career-events-header {
    margin-bottom: 45px;
}

.career-events-eyebrow {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    margin-bottom: 16px;
}

.career-events-title {
    color: #1d3044;
    font-size: 34px;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: -.7px;
    margin-bottom: 14px;
}

.career-events-title span {
    display: block;
    color: #245b86;
}

.career-events-subtitle {
    max-width: 720px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.85;
    margin-bottom: 0;
}

/* CONTENT HEADER */
.career-events-content-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 25px;
}

.career-events-content-label {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.career-events-content-header h2 {
    color: #1d3044;
    font-size: 21px;
    font-weight: 650;
    margin: 0;
}

.career-events-count {
    display: inline-block;
    color: #64748b;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 6px;
    padding: 7px 12px;
    font-size: 11px;
    font-weight: 600;
}

/* ==========================================
   EVENT CARDS
========================================== */

.career-event-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
    overflow: hidden;
    transition: border-color .2s ease,
                box-shadow .2s ease;
}

.career-event-card:hover {
    border-color: #c5d5e2;
    box-shadow: 0 8px 24px rgba(25,48,72,.055);
}

.career-event-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 25px 23px;
}

/* DATE */
.career-event-date {
    color: #718093;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 15px;
}

/* TITLE */
.career-event-card-title {
    font-size: 16px;
    font-weight: 650;
    line-height: 1.55;
    margin-bottom: 14px;
}

.career-event-card-title a {
    color: #1d3044;
    text-decoration: none;
}

.career-event-card-title a:hover {
    color: #245b86;
}

/* DESCRIPTION */
.career-event-description {
    color: #64748b;
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.9;
    margin-bottom: 22px;
    overflow-wrap: anywhere;
}

/* READ MORE */
.career-event-read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: #245b86;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.career-event-read-more:hover {
    color: #138e86;
    text-decoration: none;
}

/* CARD FOOTER */
.career-event-card-footer {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 16px 23px;
    background: #fafbfd;
    border-top: 1px solid #edf1f5;
}

.career-event-author-avatar {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
}

.career-event-author-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.career-event-author-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.career-event-author-info span {
    color: #8a97a6;
    font-size: 10px;
}

.career-event-author-info strong {
    color: #344456;
    font-size: 11px;
    font-weight: 600;
}

/* ==========================================
   SIDEBAR
========================================== */

.career-events-sidebar {
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
    padding: 25px 22px;
    box-shadow: 0 3px 15px rgba(25,48,72,.025);
}

.career-events-sidebar-section {
    padding-bottom: 26px;
    margin-bottom: 26px;
    border-bottom: 1px solid #edf1f5;
}

.career-events-sidebar-section:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.career-events-sidebar-title {
    position: relative;
    color: #1d3044;
    font-size: 15px;
    font-weight: 650;
    margin-bottom: 23px;
    padding-bottom: 13px;
}

.career-events-sidebar-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 28px;
    height: 2px;
    background: #138e86;
    border-radius: 2px;
}

/* NOTES */
.career-events-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 19px;
}

.career-events-note:last-child {
    margin-bottom: 0;
}

.career-events-note-image {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 7px;
    overflow: hidden;
    background: #f1f4f7;
}

.career-events-note-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.career-events-note-content {
    min-width: 0;
}

.career-events-note-content a {
    display: block;
    color: #344456;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.65;
    text-decoration: none;
}

.career-events-note-content a:hover {
    color: #245b86;
}

/* CATEGORIES */
.career-events-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.career-events-category {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    color: #64748b;
    background: #f5f7fa;
    border: 1px solid #e2e8ef;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
    transition: all .2s ease;
}

.career-events-category:hover {
    color: #245b86;
    background: #edf4fa;
    border-color: #cadbe8;
    text-decoration: none;
}

.career-events-category.active {
    color: #ffffff;
    background: #245b86;
    border-color: #245b86;
}

.career-events-sidebar-empty {
    color: #718093;
    font-size: 12px;
    line-height: 1.7;
}

/* ==========================================
   PAGINATION
========================================== */

.career-events-pagination {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

.career-events-pagination .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin: 0;
}

.career-events-pagination .page-item {
    margin: 0;
}

.career-events-pagination .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 39px;
    height: 39px;
    padding: 8px 13px;
    color: #536477;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 6px !important;
    font-size: 12px;
    font-weight: 600;
    box-shadow: none;
}

.career-events-pagination .page-link:hover {
    color: #245b86;
    background: #edf4fa;
    border-color: #cadbe8;
}

.career-events-pagination .page-item.active .page-link {
    color: #ffffff;
    background: #245b86;
    border-color: #245b86;
}

/* EMPTY STATE */
.career-events-empty {
    padding: 60px 30px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
}

.career-events-empty h3 {
    color: #1d3044;
    font-size: 17px;
    font-weight: 650;
    margin-bottom: 10px;
}

.career-events-empty p {
    color: #718093;
    font-size: 13px;
    margin-bottom: 0;
}

/* ACCESSIBILITY */
.career-events-page a:focus-visible {
    outline: 2px solid #138e86;
    outline-offset: 3px;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991.98px) {

    .career-events-page {
        padding: 65px 0 75px;
    }

    .career-events-header {
        margin-bottom: 35px;
    }

    .career-events-title {
        font-size: 30px;
    }

    .career-events-sidebar {
        padding: 25px;
    }

}

@media (max-width: 767.98px) {

    .career-events-page {
        padding: 45px 0 55px;
    }

    .career-events-title {
        font-size: 25px;
    }

    .career-events-subtitle {
        font-size: 13px;
    }

    .career-events-header {
        margin-bottom: 30px;
    }

    .career-events-content-header h2 {
        font-size: 19px;
    }

    .career-event-card-body {
        padding: 23px;
    }

    .career-event-card-footer {
        padding: 15px 23px;
    }

    .career-events-pagination {
        margin-top: 25px;
    }

}


/* ==========================================
   CAREER OFFICE — NEWS CATEGORY
   Additional Styling
========================================== */

/* Smooth news card appearance */
.career-news-page .career-event-card {
    position: relative;
}

/* Title links */
.career-news-page .career-event-card-title a {
    color: #1d3044;
    font-weight: 650;
    text-decoration: none;
    transition: color .2s ease;
}

.career-news-page .career-event-card-title a:hover {
    color: #245b86;
}

/* News text */
.career-news-page .career-event-description {
    color: #64748b;
    font-size: 12.5px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

/* Author */
.career-news-page .career-event-author-info strong {
    color: #344456;
    font-weight: 600;
}

/* Active category */
.career-news-page .career-events-category.active {
    background: #245b86;
    border-color: #245b86;
    color: #ffffff;
}

/* Pagination */
.career-news-page .career-events-pagination {
    margin-top: 35px;
    margin-bottom: 10px;
}

/* Mobile */
@media (max-width: 767.98px) {

    .career-news-page .career-events-pagination {
        margin-top: 25px;
    }

    .career-news-page .career-event-card-title {
        font-size: 15px;
    }

}


/* ==========================================
   CAREER OFFICE — COMPANIES DIRECTORY
   Minimal / Professional Design
   Bootstrap 4.3.1
========================================== */

.career-companies-page {
    background: #ffffff;
    color: #344456;
}

.career-companies-page .not-visible {
    display: none !important;
}

/* HERO */
.career-companies-hero {
    padding: 75px 0 115px;
    background: #f5f7fa;
    border-bottom: 1px solid #e2e8ef;
}

.career-companies-eyebrow {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    margin-bottom: 18px;
}

.career-companies-title {
    color: #1d3044;
    font-size: 36px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.7px;
    margin-bottom: 16px;
}

.career-companies-subtitle {
    max-width: 730px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.9;
    margin: 0;
}

/* SEARCH SECTION */
.career-companies-search-section {
    position: relative;
    margin-top: -65px;
    margin-bottom: 20px;
    z-index: 2;
}

.career-companies-search-card {
    padding: 32px 35px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 12px;
    box-shadow: 0 10px 35px rgba(25,48,72,.06);
}

.career-companies-search-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 28px;
}

.career-companies-section-label {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.career-companies-search-header h2,
.career-companies-section-header h2 {
    color: #1d3044;
    font-size: 24px;
    font-weight: 650;
    line-height: 1.4;
    margin: 0;
}

.career-companies-search-header p {
    max-width: 370px;
    color: #718093;
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
}

/* FORMS */
.career-companies-form-group {
    margin-bottom: 0;
}

.career-companies-form-group label {
    display: block;
    color: #344456;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 9px;
}

.career-companies-form-group .form-control {
    width: 100%;
    height: 44px;
    padding: 10px 13px;
    color: #344456;
    background: #ffffff;
    border: 1px solid #d8e1ea;
    border-radius: 7px;
    font-size: 13px;
    box-shadow: none;
}

.career-companies-form-group .form-control:focus {
    border-color: #245b86;
    box-shadow: 0 0 0 3px rgba(36,91,134,.1);
}

/* INDUSTRY DROPDOWN */
.career-companies-dropdown {
    width: 100%;
}

.career-companies-dropdown-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 44px;
    padding: 10px 13px;
    color: #344456;
    background: #ffffff;
    border: 1px solid #d8e1ea;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}

.career-companies-dropdown-btn:hover,
.career-companies-dropdown-btn:focus {
    color: #245b86;
    background: #ffffff;
    border-color: #245b86;
    box-shadow: none;
}

.career-companies-dropdown .dropdown-menu {
    width: 100%;
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px;
    margin-top: 5px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(25,48,72,.1);
}

.career-companies-checkbox {
    display: flex !important;
    align-items: flex-start;
    gap: 9px;
    padding: 8px;
    color: #536477;
    font-size: 12px;
    font-weight: 400 !important;
    line-height: 1.5;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 !important;
}

.career-companies-checkbox:hover {
    background: #f1f6fa;
}

.career-companies-checkbox input {
    margin-top: 3px;
    flex-shrink: 0;
    accent-color: #245b86;
}

/* SEARCH BUTTONS */
.career-companies-search-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
}

.career-companies-primary-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 11px 22px;
    color: #ffffff !important;
    background: #245b86;
    border: 1px solid #245b86;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: background .2s ease;
}

.career-companies-primary-btn:hover {
    color: #ffffff !important;
    background: #173d5e;
    border-color: #173d5e;
}

.career-companies-outline-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 11px 20px;
    color: #245b86;
    background: #ffffff;
    border: 1px solid #cbd9e5;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.career-companies-outline-btn:hover {
    color: #173d5e;
    background: #edf4fa;
    border-color: #b5cbdc;
}

/* SECTIONS */
.career-companies-section {
    padding: 65px 0;
    background: #ffffff;
}

.career-companies-light {
    background: #f5f7fa;
}

.career-companies-section-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}

.career-companies-section-header p {
    color: #718093;
    font-size: 13px;
    line-height: 1.8;
    margin: 12px 0 0;
}

.career-companies-count {
    color: #64748b;
    background: #f5f7fa;
    border: 1px solid #e2e8ef;
    border-radius: 6px;
    padding: 8px 13px;
    font-size: 11px;
    font-weight: 600;
}

/* COMPANY CARDS */
.career-company-card {
    height: 100%;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
    overflow: hidden;
    transition: border-color .2s ease,
                box-shadow .2s ease;
}

.career-company-card:hover {
    border-color: #bed0df;
    box-shadow: 0 7px 22px rgba(25,48,72,.055);
}

.career-company-card-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: inherit;
    text-decoration: none !important;
}

.career-company-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 145px;
    padding: 25px;
    background: #fafbfd;
    border-bottom: 1px solid #edf1f5;
}

.career-company-logo img {
    max-width: 100%;
    max-height: 100px;
    object-fit: contain;
}

.career-company-info {
    flex: 1;
    padding: 23px;
}

.career-company-info h3 {
    color: #1d3044;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.5;
    margin-bottom: 9px;
}

.career-company-location {
    color: #718093;
    font-size: 12px;
    margin-bottom: 15px;
}

.career-company-industries {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.career-company-industry {
    display: inline-block;
    padding: 5px 9px;
    color: #536477;
    background: #f1f5f8;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 500;
}

.career-company-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 16px 23px;
    border-top: 1px solid #edf1f5;
}

.career-company-card-footer > span:first-child {
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
}

.career-company-more {
    color: #245b86;
    font-size: 11px;
    font-weight: 600;
}

/* PAGINATION */
.career-companies-pagination {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.career-companies-pagination .pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
}

.career-companies-pagination .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 39px;
    height: 39px;
    color: #536477;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 6px !important;
    font-size: 12px;
    font-weight: 600;
    box-shadow: none;
}

.career-companies-pagination .page-item.active .page-link {
    color: #ffffff;
    background: #245b86;
    border-color: #245b86;
}

.career-companies-all-jobs {
    text-align: center;
    margin-top: 35px;
}

/* STATS */
.career-companies-stats {
    padding: 45px 0;
    background: #f5f7fa;
    border-top: 1px solid #e2e8ef;
    border-bottom: 1px solid #e2e8ef;
}

.career-companies-stat-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
}

.career-companies-stat-number {
    color: #245b86;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
}

.career-companies-stat-label {
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
}

/* ACTION CARDS */
.career-companies-action-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
}

.career-companies-action-number {
    color: #138e86;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.career-companies-action-card h3 {
    color: #1d3044;
    font-size: 17px;
    font-weight: 650;
    margin-bottom: 12px;
}

.career-companies-action-card p {
    color: #64748b;
    font-size: 12.5px;
    line-height: 1.85;
    margin-bottom: 25px;
}

.career-companies-action-card .btn {
    margin-top: auto;
}

/* JOBS */
.career-companies-section-link {
    color: #245b86;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.career-companies-section-link:hover {
    color: #138e86;
}

.career-companies-loading,
.career-companies-load-more {
    text-align: center;
}

.career-companies-load-more {
    margin-top: 30px;
}

.career-companies-empty {
    padding: 55px 25px;
    text-align: center;
    background: #f8fafc;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
}

.career-companies-empty h3 {
    color: #1d3044;
    font-size: 17px;
    font-weight: 650;
}

.career-companies-empty p {
    color: #718093;
    font-size: 12px;
    margin-bottom: 0;
}

/* FOCUS */
.career-companies-page a:focus-visible,
.career-companies-page button:focus-visible {
    outline: 2px solid #138e86;
    outline-offset: 3px;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {

    .career-companies-hero {
        padding: 60px 0 105px;
    }

    .career-companies-title {
        font-size: 30px;
    }

    .career-companies-section {
        padding: 50px 0;
    }

    .career-companies-search-card {
        padding: 27px;
    }

}

@media (max-width: 767.98px) {

    .career-companies-hero {
        padding: 45px 0 95px;
    }

    .career-companies-title {
        font-size: 25px;
    }

    .career-companies-subtitle {
        font-size: 13px;
    }

    .career-companies-search-card {
        padding: 22px;
    }

    .career-companies-search-header h2,
    .career-companies-section-header h2 {
        font-size: 20px;
    }

    .career-companies-section {
        padding: 40px 0;
    }

    .career-companies-stat-number {
        font-size: 31px;
    }

    .career-companies-action-card {
        padding: 25px;
    }

}


/* ==========================================
   CAREER OFFICE — COMPANY PROFILE
   Minimal / Professional Design
   Bootstrap 4.3.1
========================================== */

.career-company-profile-page {
    background: #f5f7fa;
    color: #344456;
}

/* ==========================================
   PAGE HEADER
========================================== */

.career-company-profile-hero {
    padding: 75px 0 65px;
    background: #ffffff;
    border-bottom: 1px solid #e2e8ef;
}

.career-company-profile-eyebrow {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    margin-bottom: 17px;
}

.career-company-profile-title {
    color: #1d3044;
    font-size: 35px;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: -.7px;
    margin-bottom: 18px;
}

.career-company-profile-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    color: #718093;
    font-size: 12px;
}

.career-company-profile-meta-divider {
    width: 1px;
    height: 13px;
    background: #cbd5df;
}

/* ==========================================
   MAIN CONTENT
========================================== */

.career-company-profile-main {
    padding: 55px 0 75px;
}

/* SIDEBAR */
.career-company-profile-sidebar {
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 11px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(25,48,72,.035);
}

/* LOGO */
.career-company-profile-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 180px;
    padding: 30px;
    background: #fafbfd;
    border-bottom: 1px solid #edf1f5;
}

.career-company-profile-logo img {
    max-width: 100%;
    max-height: 125px;
    object-fit: contain;
}

/* SIDEBAR HEADING */
.career-company-profile-sidebar-heading {
    padding: 25px 25px 20px;
}

.career-company-profile-sidebar-heading h2 {
    color: #1d3044;
    font-size: 17px;
    font-weight: 650;
    margin-bottom: 8px;
}

.career-company-profile-sidebar-heading p {
    color: #718093;
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
}

/* COMPANY INFORMATION */
.career-company-profile-info {
    padding: 0 25px 25px;
}

.career-company-profile-info-item {
    padding: 15px 0;
    border-bottom: 1px solid #edf1f5;
}

.career-company-profile-info-item:first-child {
    padding-top: 0;
}

.career-company-profile-info-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.career-company-profile-label {
    display: block;
    color: #718093;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 8px;
}

.career-company-profile-value {
    color: #344456;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

.career-company-profile-value a {
    color: #245b86;
    text-decoration: none;
}

.career-company-profile-value a:hover {
    color: #138e86;
    text-decoration: underline;
}

/* INDUSTRIES */
.career-company-profile-industries {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.career-company-profile-industry {
    display: inline-block;
    padding: 6px 10px;
    color: #536477;
    background: #f1f5f8;
    border: 1px solid #e5ebf1;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
}

/* ==========================================
   COMPANY DESCRIPTION
========================================== */

.career-company-profile-content {
    min-height: 350px;
    padding: 35px 38px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 11px;
    box-shadow: 0 4px 20px rgba(25,48,72,.035);
}

.career-company-profile-content-heading {
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #edf1f5;
}

.career-company-profile-section-label {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.career-company-profile-content-heading h2 {
    color: #1d3044;
    font-size: 22px;
    font-weight: 650;
    line-height: 1.4;
    margin: 0;
}

/* RICH TEXT */
.career-company-profile-description {
    color: #536477;
    font-size: 13.5px;
    font-weight: 400;
    line-height: 2;
    overflow-wrap: anywhere;
}

.career-company-profile-description p {
    margin-bottom: 18px;
}

.career-company-profile-description h2,
.career-company-profile-description h3,
.career-company-profile-description h4 {
    color: #1d3044;
    font-weight: 600;
    margin: 25px 0 15px;
}

.career-company-profile-description h2 {
    font-size: 20px;
}

.career-company-profile-description h3 {
    font-size: 18px;
}

.career-company-profile-description h4 {
    font-size: 16px;
}

.career-company-profile-description ul,
.career-company-profile-description ol {
    padding-left: 22px;
    margin-bottom: 20px;
}

.career-company-profile-description li {
    margin-bottom: 8px;
}

.career-company-profile-description img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.career-company-profile-description a {
    color: #245b86;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.career-company-profile-description a:hover {
    color: #138e86;
}

.career-company-profile-description table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

/* ==========================================
   JOBS SECTION
========================================== */

.career-company-profile-jobs {
    padding: 65px 0 80px;
    background: #ffffff;
    border-top: 1px solid #e2e8ef;
}

.career-company-profile-jobs-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 35px;
}

.career-company-profile-jobs-header h2 {
    color: #1d3044;
    font-size: 25px;
    font-weight: 650;
    margin-bottom: 12px;
}

.career-company-profile-jobs-header p {
    color: #718093;
    font-size: 13px;
    line-height: 1.8;
    margin: 0;
}

.career-company-profile-all-jobs {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #245b86;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.career-company-profile-all-jobs:hover {
    color: #138e86;
    text-decoration: none;
}

/* AJAX JOBS */
.career-company-profile-jobs-content {
    width: 100%;
}

.career-company-profile-loading {
    display: flex;
    justify-content: center;
    text-align: center;
}

/* LOAD MORE */
.career-company-profile-load-more {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

.career-company-profile-outline-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    color: #245b86;
    background: #ffffff;
    border: 1px solid #cbd9e5;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    transition: all .2s ease;
}

.career-company-profile-outline-btn:hover {
    color: #ffffff;
    background: #245b86;
    border-color: #245b86;
    box-shadow: none;
}

/* ACCESSIBLE FOCUS */
.career-company-profile-page a:focus-visible {
    outline: 2px solid #138e86;
    outline-offset: 3px;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991.98px) {

    .career-company-profile-hero {
        padding: 60px 0 50px;
    }

    .career-company-profile-title {
        font-size: 30px;
    }

    .career-company-profile-main {
        padding: 40px 0 60px;
    }

    .career-company-profile-content {
        padding: 30px;
    }

    .career-company-profile-jobs {
        padding: 55px 0;
    }

}

@media (max-width: 767.98px) {

    .career-company-profile-hero {
        padding: 45px 0 40px;
    }

    .career-company-profile-title {
        font-size: 25px;
    }

    .career-company-profile-meta {
        gap: 8px;
        font-size: 11px;
    }

    .career-company-profile-meta-divider {
        display: none;
    }

    .career-company-profile-main {
        padding: 30px 0 45px;
    }

    .career-company-profile-logo {
        height: 150px;
    }

    .career-company-profile-logo img {
        max-height: 105px;
    }

    .career-company-profile-content {
        padding: 25px 23px;
    }

    .career-company-profile-content-heading h2 {
        font-size: 19px;
    }

    .career-company-profile-description {
        font-size: 13px;
        line-height: 1.9;
    }

    .career-company-profile-jobs {
        padding: 45px 0;
    }

    .career-company-profile-jobs-header h2 {
        font-size: 21px;
    }

}


/* ==========================================
   CAREER OFFICE — ABOUT PAGE
   Minimal / Professional Design
   Bootstrap 4.3.1
========================================== */

.career-about-page {
    background: #ffffff;
    color: #344456;
}

.career-about-page * {
    box-sizing: border-box;
}

/* ==========================================
   HERO
========================================== */

.career-about-hero {
    padding: 100px 0 90px;
    background: #f5f7fa;
    border-bottom: 1px solid #e2e8ef;
}

.career-about-eyebrow {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    margin-bottom: 20px;
}

.career-about-title {
    color: #1d3044;
    font-size: 39px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.8px;
    margin-bottom: 22px;
}

.career-about-subtitle {
    max-width: 530px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.9;
    margin-bottom: 30px;
}

.career-about-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* BUTTONS */
.career-about-primary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 23px;
    color: #ffffff !important;
    background: #245b86;
    border: 1px solid #245b86;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
}

.career-about-primary-btn:hover {
    background: #173d5e;
    border-color: #173d5e;
}

.career-about-outline-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 23px;
    color: #245b86;
    background: #ffffff;
    border: 1px solid #cbd9e5;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
}

.career-about-outline-btn:hover {
    color: #173d5e;
    background: #edf4fa;
    border-color: #b8cbda;
}

/* HERO IMAGE */
.career-about-hero-image {
    height: 390px;
    background: #e8eff5;
    border-radius: 12px;
    overflow: hidden;
}

.career-about-hero-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ==========================================
   SECTIONS
========================================== */

.career-about-section {
    padding: 75px 0;
    background: #ffffff;
}

.career-about-section-alt {
    background: #f5f7fa;
}

.career-about-section-label {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 14px;
}

.career-about-section-heading h2,
.career-about-centered-heading h2,
.career-about-section-header h2 {
    color: #1d3044;
    font-size: 27px;
    font-weight: 650;
    line-height: 1.4;
    letter-spacing: -.4px;
    margin-bottom: 18px;
}

.career-about-highlight {
    color: #536477;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.95;
    margin: 0;
}

.career-about-description p {
    color: #536477;
    font-size: 13.5px;
    line-height: 2;
    margin-bottom: 18px;
}

/* CENTERED HEADING */
.career-about-centered-heading {
    max-width: 720px;
    margin: 0 auto 40px;
    text-align: center;
}

.career-about-centered-heading p,
.career-about-section-header p {
    color: #718093;
    font-size: 13px;
    line-height: 1.85;
    margin: 0;
}

/* ==========================================
   SERVICE CARDS
========================================== */

.career-about-service-card {
    height: 100%;
    padding: 32px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 11px;
    transition: border-color .2s ease,
                box-shadow .2s ease;
}

.career-about-service-card:hover {
    border-color: #c8d8e3;
    box-shadow: 0 7px 22px rgba(25,48,72,.04);
}

.career-about-service-number {
    display: block;
    color: #138e86;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 22px;
}

.career-about-service-card h3 {
    color: #1d3044;
    font-size: 17px;
    font-weight: 650;
    line-height: 1.5;
    margin-bottom: 14px;
}

.career-about-service-card p {
    color: #64748b;
    font-size: 12.5px;
    line-height: 1.95;
    margin: 0;
}

/* ==========================================
   ACTIVITIES
========================================== */

.career-about-activities {
    display: flex;
    flex-direction: column;
}

.career-about-activity {
    display: flex;
    gap: 18px;
    padding: 22px 0;
    border-bottom: 1px solid #edf1f5;
}

.career-about-activity:last-child {
    border-bottom: none;
}

.career-about-activity-number {
    flex-shrink: 0;
    color: #138e86;
    font-size: 15px;
    font-weight: 700;
}

.career-about-activity p {
    color: #536477;
    font-size: 13px;
    line-height: 1.9;
    margin: 0;
}

/* UNIVERSITY LOGO */
.career-about-university-card {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 310px;
    padding: 40px;
    background: #f8fafc;
    border: 1px solid #e2e8ef;
    border-radius: 12px;
}

.career-about-university-card img {
    max-width: 100%;
    max-height: 230px;
    object-fit: contain;
}

/* ==========================================
   JOBS / NEWS SECTION HEADER
========================================== */

.career-about-section-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 35px;
}

.career-about-section-link {
    color: #245b86;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.career-about-section-link:hover {
    color: #138e86;
    text-decoration: none;
}

/* ==========================================
   JOB CARDS
========================================== */

.career-about-job-card {
    display: flex;
    align-items: center;
    gap: 18px;
    height: 100%;
    min-height: 150px;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
    transition: border-color .2s ease,
                box-shadow .2s ease;
}

.career-about-job-card:hover {
    border-color: #c5d5e2;
    box-shadow: 0 6px 18px rgba(25,48,72,.04);
}

.career-about-job-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 65px;
    width: 65px;
    height: 65px;
    padding: 8px;
    background: #f8fafc;
    border-radius: 8px;
}

.career-about-job-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.career-about-job-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.career-about-job-content h3 {
    font-size: 14px;
    font-weight: 650;
    line-height: 1.6;
    margin-bottom: 7px;
}

.career-about-job-content h3 a {
    color: #1d3044;
    text-decoration: none;
}

.career-about-job-content h3 a:hover {
    color: #245b86;
}

.career-about-job-company {
    color: #718093;
    font-size: 11px;
    margin-bottom: 13px;
}

.career-about-job-link {
    color: #245b86;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
}

.career-about-job-link:hover {
    color: #138e86;
    text-decoration: none;
}

/* ==========================================
   NEWS CARDS
========================================== */

.career-about-news-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
    overflow: hidden;
    transition: border-color .2s ease,
                box-shadow .2s ease;
}

.career-about-news-card:hover {
    border-color: #c5d5e2;
    box-shadow: 0 7px 20px rgba(25,48,72,.045);
}

.career-about-news-image {
    height: 180px;
    background: #edf2f6;
    overflow: hidden;
}

.career-about-news-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.career-about-news-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 23px;
}

.career-about-news-author {
    display: block;
    color: #718093;
    font-size: 11px;
    margin-bottom: 12px;
}

.career-about-news-content h3 {
    font-size: 15px;
    font-weight: 650;
    line-height: 1.6;
    margin-bottom: 22px;
}

.career-about-news-content h3 a {
    color: #1d3044;
    text-decoration: none;
}

.career-about-news-content h3 a:hover {
    color: #245b86;
}

.career-about-news-link {
    color: #245b86;
    font-size: 11px;
    font-weight: 600;
    margin-top: auto;
}

.career-about-news-link:hover {
    color: #138e86;
    text-decoration: none;
}

/* EMPTY STATE */
.career-about-empty {
    padding: 35px;
    color: #718093;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 9px;
    font-size: 13px;
    text-align: center;
}

/* FOCUS */
.career-about-page a:focus-visible {
    outline: 2px solid #138e86;
    outline-offset: 3px;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991.98px) {

    .career-about-hero {
        padding: 70px 0;
    }

    .career-about-title {
        font-size: 32px;
    }

    .career-about-hero-image {
        height: 320px;
    }

    .career-about-section {
        padding: 60px 0;
    }

}

@media (max-width: 767.98px) {

    .career-about-hero {
        padding: 45px 0;
    }

    .career-about-title {
        font-size: 27px;
    }

    .career-about-subtitle {
        font-size: 13px;
    }

    .career-about-hero-image {
        height: 245px;
    }

    .career-about-section {
        padding: 45px 0;
    }

    .career-about-section-heading h2,
    .career-about-centered-heading h2,
    .career-about-section-header h2 {
        font-size: 22px;
    }

    .career-about-service-card {
        padding: 25px;
    }

    .career-about-university-card {
        min-height: 220px;
        padding: 25px;
    }

    .career-about-university-card img {
        max-height: 170px;
    }

    .career-about-job-card {
        padding: 20px;
    }

    .career-about-news-image {
        height: 165px;
    }

}


/* ==========================================
   CAREER OFFICE — JOB LISTINGS
   Minimal / Professional Design
   Bootstrap 4.3.1
========================================== */

.career-jobs-page {
    background: #ffffff;
    color: #344456;
}

/* HERO */
.career-jobs-hero {
    padding: 75px 0 115px;
    background: #f5f7fa;
    border-bottom: 1px solid #e2e8ef;
}

.career-jobs-eyebrow {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    margin-bottom: 18px;
}

.career-jobs-title {
    color: #1d3044;
    font-size: 35px;
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.7px;
    margin-bottom: 16px;
}

.career-jobs-subtitle {
    max-width: 730px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.9;
    margin: 0;
}

/* SEARCH */
.career-jobs-search-section {
    position: relative;
    z-index: 2;
    margin-top: -65px;
    margin-bottom: 20px;
}

.career-jobs-search-card {
    padding: 32px 35px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 12px;
    box-shadow: 0 10px 35px rgba(25,48,72,.06);
}

.career-jobs-search-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 28px;
}

.career-jobs-section-label {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.career-jobs-search-header h2,
.career-jobs-results-header h2 {
    color: #1d3044;
    font-size: 24px;
    font-weight: 650;
    line-height: 1.4;
    margin: 0;
}

.career-jobs-search-header p {
    max-width: 370px;
    color: #718093;
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
}

/* FORM GROUPS */
.career-jobs-form-group {
    margin-bottom: 0;
}

.career-jobs-form-group label {
    display: block;
    color: #344456;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 9px;
}

.career-jobs-form-group .form-control {
    width: 100%;
    height: 44px;
    padding: 10px 13px;
    color: #344456;
    background: #ffffff;
    border: 1px solid #d8e1ea;
    border-radius: 7px;
    font-size: 13px;
    box-shadow: none;
}

.career-jobs-form-group .form-control:focus {
    border-color: #245b86;
    box-shadow: 0 0 0 3px rgba(36,91,134,.1);
}

/* DROPDOWNS */
.career-jobs-dropdown {
    width: 100%;
}

.career-jobs-dropdown-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 44px;
    padding: 10px 13px;
    color: #344456;
    background: #ffffff;
    border: 1px solid #d8e1ea;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}

.career-jobs-dropdown-btn:hover,
.career-jobs-dropdown-btn:focus {
    color: #245b86;
    background: #ffffff;
    border-color: #245b86;
    box-shadow: none;
}

.career-jobs-dropdown .dropdown-menu {
    width: 100%;
    max-height: 280px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    margin-top: 5px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(25,48,72,.1);
}

.career-jobs-checkbox {
    display: flex !important;
    align-items: flex-start;
    gap: 9px;
    padding: 9px;
    color: #536477;
    font-size: 12px;
    font-weight: 400 !important;
    line-height: 1.5;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 !important;
}

.career-jobs-checkbox:hover {
    background: #f1f6fa;
}

.career-jobs-checkbox input {
    margin-top: 3px;
    flex-shrink: 0;
    accent-color: #245b86;
}

/* BUTTONS */
.career-jobs-search-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
}

.career-jobs-primary-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 11px 22px;
    color: #ffffff !important;
    background: #245b86;
    border: 1px solid #245b86;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
}

.career-jobs-primary-btn:hover {
    background: #173d5e;
    border-color: #173d5e;
}

.career-jobs-outline-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 11px 20px;
    color: #245b86;
    background: #ffffff;
    border: 1px solid #cbd9e5;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
}

.career-jobs-outline-btn:hover {
    color: #173d5e;
    background: #edf4fa;
}

/* RESULTS */
.career-jobs-results-section {
    padding: 65px 0 90px;
}

.career-jobs-results-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}

.career-jobs-results-header p {
    color: #718093;
    font-size: 13px;
    line-height: 1.8;
    margin: 12px 0 0;
}

.career-jobs-count {
    color: #64748b;
    background: #f5f7fa;
    border: 1px solid #e2e8ef;
    border-radius: 6px;
    padding: 8px 13px;
    font-size: 11px;
    font-weight: 600;
}

/* JOB CARDS */
.career-job-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
    overflow: hidden;
    transition: border-color .2s ease,
                box-shadow .2s ease;
}

.career-job-card:hover {
    border-color: #bfd1df;
    box-shadow: 0 7px 22px rgba(25,48,72,.055);
}

.career-job-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 135px;
    padding: 25px;
    background: #fafbfd;
    border-bottom: 1px solid #edf1f5;
}

.career-job-logo img {
    max-width: 100%;
    max-height: 90px;
    object-fit: contain;
}

.career-job-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 24px;
}

.career-job-card-label {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
    margin-bottom: 12px;
}

.career-job-card-body h3 {
    color: #1d3044;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.55;
    margin-bottom: 15px;
}

.career-job-card-body h3 a {
    color: #1d3044;
    text-decoration: none;
}

.career-job-card-body h3 a:hover {
    color: #245b86;
}

.career-job-company {
    color: #718093;
    font-size: 12px;
    line-height: 1.7;
    margin-bottom: 25px;
}

.career-job-details-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: #245b86;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.career-job-details-link:hover {
    color: #138e86;
    text-decoration: none;
}

/* PAGINATION */
.career-jobs-pagination {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.career-jobs-pagination .pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
}

.career-jobs-pagination .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 39px;
    height: 39px;
    padding: 8px 12px;
    color: #536477;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 6px !important;
    font-size: 12px;
    font-weight: 600;
    box-shadow: none;
}

.career-jobs-pagination .page-link:hover {
    color: #245b86;
    background: #edf4fa;
}

.career-jobs-pagination .page-item.active .page-link {
    color: #ffffff;
    background: #245b86;
    border-color: #245b86;
}

/* EMPTY STATE */
.career-jobs-empty {
    padding: 55px 25px;
    text-align: center;
    background: #f8fafc;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
}

.career-jobs-empty h3 {
    color: #1d3044;
    font-size: 17px;
    font-weight: 650;
    margin-bottom: 12px;
}

.career-jobs-empty p {
    color: #718093;
    font-size: 12px;
    line-height: 1.8;
    margin: 0;
}

/* ACCESSIBLE FOCUS */
.career-jobs-page a:focus-visible,
.career-jobs-page button:focus-visible {
    outline: 2px solid #138e86;
    outline-offset: 3px;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {

    .career-jobs-hero {
        padding: 60px 0 105px;
    }

    .career-jobs-title {
        font-size: 30px;
    }

    .career-jobs-search-card {
        padding: 27px;
    }

    .career-jobs-results-section {
        padding: 50px 0 70px;
    }

}

@media (max-width: 767.98px) {

    .career-jobs-hero {
        padding: 45px 0 95px;
    }

    .career-jobs-title {
        font-size: 25px;
    }

    .career-jobs-subtitle {
        font-size: 13px;
    }

    .career-jobs-search-card {
        padding: 22px;
    }

    .career-jobs-search-header h2,
    .career-jobs-results-header h2 {
        font-size: 20px;
    }

    .career-jobs-results-section {
        padding: 40px 0 55px;
    }

    .career-job-card-body {
        padding: 22px;
    }

}


/* ==========================================
   CAREER OFFICE — JOB DETAILS
   Minimal / Professional Design
   Bootstrap 4.3.1
========================================== */

.career-job-details-page {
    background: #f5f7fa;
    color: #344456;
}

/* HERO */
.career-job-details-hero {
    padding: 55px 0 35px;
    background: #ffffff;
    border-bottom: 1px solid #e2e8ef;
}

.career-job-details-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    margin-bottom: 30px;
    color: #718093;
    background: transparent;
    border: none;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.career-job-details-back:hover {
    color: #245b86;
}

.career-job-details-back span {
    font-size: 19px;
}

/* HERO CARD */
.career-job-details-hero-card {
    padding: 30px 35px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 12px;
}

.career-job-details-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 95px;
    height: 95px;
    padding: 14px;
    background: #f8fafc;
    border: 1px solid #e9eef3;
    border-radius: 10px;
}

.career-job-details-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.career-job-details-eyebrow {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 11px;
}

.career-job-details-title {
    color: #1d3044;
    font-size: 27px;
    font-weight: 650;
    line-height: 1.4;
    margin-bottom: 10px;
}

.career-job-details-company {
    color: #536477;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 16px;
}

.career-job-details-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    color: #718093;
    font-size: 11px;
}

.career-job-details-meta-divider {
    width: 1px;
    height: 13px;
    background: #cbd5df;
}

.career-job-details-views {
    margin-top: 15px;
    color: #718093;
    font-size: 11px;
    text-align: right;
}

.career-job-details-views strong {
    color: #344456;
    font-weight: 600;
}

/* BUTTON */
.career-job-details-primary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    color: #ffffff !important;
    background: #245b86;
    border: 1px solid #245b86;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.career-job-details-primary-btn:hover {
    color: #ffffff !important;
    background: #173d5e;
    border-color: #173d5e;
}

/* MAIN CONTENT */
.career-job-details-main {
    padding: 50px 0 70px;
}

.career-job-details-content-card {
    padding: 35px;
    margin-bottom: 25px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 11px;
}

.career-job-details-section-heading {
    padding-bottom: 22px;
    margin-bottom: 26px;
    border-bottom: 1px solid #edf1f5;
}

.career-job-details-section-label {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.career-job-details-section-heading h2 {
    color: #1d3044;
    font-size: 21px;
    font-weight: 650;
    margin-bottom: 10px;
}

.career-job-details-section-heading p {
    color: #718093;
    font-size: 11px;
    margin: 0;
}

/* RICH DESCRIPTION */
.career-job-details-description {
    color: #536477;
    font-size: 13.5px;
    line-height: 2;
    overflow-wrap: anywhere;
}

.career-job-details-description p {
    margin-bottom: 18px;
}

.career-job-details-description h2,
.career-job-details-description h3,
.career-job-details-description h4 {
    color: #1d3044;
    font-weight: 600;
    margin: 24px 0 14px;
}

.career-job-details-description ul,
.career-job-details-description ol {
    padding-left: 22px;
    margin-bottom: 20px;
}

.career-job-details-description li {
    margin-bottom: 8px;
}

.career-job-details-description img {
    max-width: 100%;
    height: auto;
}

.career-job-details-description a {
    color: #245b86;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* TAGS */
.career-job-details-tags-section {
    padding-top: 25px;
    margin-top: 30px;
    border-top: 1px solid #edf1f5;
}

.career-job-details-tags-section h3 {
    color: #1d3044;
    font-size: 15px;
    font-weight: 650;
    margin-bottom: 18px;
}

.career-job-details-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.career-job-details-tag {
    padding: 7px 11px;
    color: #536477;
    background: #f1f5f8;
    border: 1px solid #e5ebf1;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 500;
}

/* SHARE */
.career-job-details-share {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    padding: 20px 5px;
}

.career-job-details-share > span:first-child {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.career-job-details-share-btn {
    color: #245b86;
    background: #ffffff;
    border: 1px solid #d8e1ea;
    border-radius: 7px;
    padding: 9px 15px;
    font-size: 11px;
    font-weight: 600;
}

.career-job-details-share-btn:hover {
    color: #173d5e;
    background: #edf4fa;
}

.career-job-details-copy-feedback {
    color: #138e86;
    font-size: 11px;
}

/* SIDEBAR */
.career-job-details-info-card {
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 11px;
    overflow: hidden;
    margin-bottom: 22px;
}

.career-job-details-info-header {
    padding: 23px 25px;
    background: #f8fafc;
    border-bottom: 1px solid #e5ebf1;
}

.career-job-details-info-header h2 {
    color: #1d3044;
    font-size: 17px;
    font-weight: 650;
    margin: 0;
}

.career-job-details-info-body {
    padding: 5px 25px;
}

.career-job-details-info-item {
    padding: 17px 0;
    border-bottom: 1px solid #edf1f5;
}

.career-job-details-info-item:last-child {
    border-bottom: none;
}

.career-job-details-info-item > span {
    display: block;
    color: #718093;
    font-size: 11px;
    margin-bottom: 7px;
}

.career-job-details-info-item strong {
    display: block;
    color: #344456;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.7;
}

.career-job-details-info-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.career-job-details-info-list span {
    color: #344456;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
}

.career-job-details-info-item a {
    color: #245b86;
    font-size: 12px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

/* APPLY CARD */
.career-job-details-apply {
    padding: 25px;
    background: #edf4f8;
    border: 1px solid #dce7ef;
    border-radius: 10px;
    text-align: center;
}

.career-job-details-apply p {
    color: #344456;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.8;
    margin-bottom: 18px;
}

.career-job-details-apply .btn {
    width: 100%;
}

/* SIMILAR JOBS */
.career-job-details-similar {
    padding: 65px 0 80px;
    background: #ffffff;
    border-top: 1px solid #e2e8ef;
}

.career-job-details-similar-header {
    margin-bottom: 32px;
}

.career-job-details-similar-header h2 {
    color: #1d3044;
    font-size: 25px;
    font-weight: 650;
    margin-bottom: 12px;
}

.career-job-details-similar-header p {
    color: #718093;
    font-size: 13px;
    line-height: 1.8;
    margin: 0;
}

/* SIMILAR CARDS */
.career-job-details-similar-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
    overflow: hidden;
}

.career-job-details-similar-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 130px;
    padding: 22px;
    background: #fafbfd;
    border-bottom: 1px solid #edf1f5;
}

.career-job-details-similar-logo img {
    max-width: 100%;
    max-height: 85px;
    object-fit: contain;
}

.career-job-details-similar-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 23px;
}

.career-job-details-similar-body h3 {
    font-size: 15px;
    font-weight: 650;
    line-height: 1.6;
    margin-bottom: 10px;
}

.career-job-details-similar-body h3 a {
    color: #1d3044;
    text-decoration: none;
}

.career-job-details-similar-body h3 a:hover {
    color: #245b86;
}

.career-job-details-similar-company {
    color: #718093;
    font-size: 11px;
    margin-bottom: 15px;
}

.career-job-details-similar-description {
    color: #64748b;
    font-size: 12px;
    line-height: 1.85;
    margin-bottom: 20px;
}

.career-job-details-similar-link {
    color: #245b86;
    font-size: 11px;
    font-weight: 600;
    margin-top: auto;
    text-decoration: none;
}

.career-job-details-similar-footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 15px 23px;
    background: #fafbfd;
    border-top: 1px solid #edf1f5;
    color: #718093;
    font-size: 11px;
}

.career-job-details-empty {
    color: #718093;
    font-size: 13px;
}

/* ACCESSIBILITY */
.career-job-details-page a:focus-visible,
.career-job-details-page button:focus-visible {
    outline: 2px solid #138e86;
    outline-offset: 3px;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {

    .career-job-details-hero {
        padding: 45px 0 30px;
    }

    .career-job-details-title {
        font-size: 23px;
    }

    .career-job-details-main {
        padding: 40px 0 55px;
    }

}

@media (max-width: 767.98px) {

    .career-job-details-hero-card {
        padding: 23px;
    }

    .career-job-details-logo {
        width: 80px;
        height: 80px;
    }

    .career-job-details-title {
        font-size: 21px;
    }

    .career-job-details-meta-divider {
        display: none;
    }

    .career-job-details-content-card {
        padding: 25px 23px;
    }

    .career-job-details-description {
        font-size: 13px;
    }

    .career-job-details-info-body {
        padding: 5px 22px;
    }

    .career-job-details-similar {
        padding: 45px 0 55px;
    }

    .career-job-details-similar-header h2 {
        font-size: 21px;
    }

}


/* ==========================================
   CAREER OFFICE — AJAX JOB CARDS
   Minimal Professional Design
========================================== */

.career-load-jobs-grid {
    width: auto;
}

/* CARD */
.career-load-job-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
    overflow: hidden;
    transition: border-color .2s ease,
                box-shadow .2s ease;
}

.career-load-job-card:hover {
    border-color: #bfd1df;
    box-shadow: 0 7px 22px rgba(25,48,72,.055);
}

/* LOGO */
.career-load-job-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 135px;
    padding: 25px;
    background: #fafbfd;
    border-bottom: 1px solid #edf1f5;
}

.career-load-job-logo img {
    display: block;
    max-width: 100%;
    max-height: 90px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* BODY */
.career-load-job-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 24px;
}

/* LABEL */
.career-load-job-label {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
    margin-bottom: 12px;
}

/* TITLE */
.career-load-job-title {
    color: #1d3044;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.55;
    margin-bottom: 12px;
}

.career-load-job-title a {
    color: #1d3044;
    text-decoration: none;
    transition: color .2s ease;
}

.career-load-job-title a:hover {
    color: #245b86;
    text-decoration: none;
}

/* COMPANY */
.career-load-job-company {
    color: #536477;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.7;
    margin-bottom: 8px;
}

/* LOCATION */
.career-load-job-location {
    color: #718093;
    font-size: 12px;
    line-height: 1.7;
    margin-bottom: 22px;
}

/* DETAILS LINK */
.career-load-job-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: #245b86;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s ease;
}

.career-load-job-link:hover {
    color: #138e86;
    text-decoration: none;
}

/* ACCESSIBILITY */
.career-load-job-card a:focus-visible {
    outline: 2px solid #138e86;
    outline-offset: 3px;
    border-radius: 3px;
}

/* RESPONSIVE */
@media (max-width: 767.98px) {

    .career-load-job-logo {
        height: 120px;
        padding: 20px;
    }

    .career-load-job-logo img {
        max-height: 80px;
    }

    .career-load-job-body {
        padding: 22px;
    }

    .career-load-job-title {
        font-size: 15px;
    }

}


/* ==========================================
   CAREER OFFICE — COURSE PROFILE
   Minimal Professional Design
   Bootstrap 4.3.1
========================================== */

.career-course-page {
    background: #f5f7fa;
    color: #344456;
}

.career-course-page .not-visible {
    display: none !important;
}

/* HERO */
.career-course-hero {
    padding: 75px 0 65px;
    background: #ffffff;
    border-bottom: 1px solid #e2e8ef;
}

.career-course-eyebrow {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    margin-bottom: 18px;
}

.career-course-title {
    color: #1d3044;
    font-size: 34px;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: -.7px;
    margin-bottom: 18px;
}

.career-course-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    color: #718093;
    font-size: 12px;
}

.career-course-meta-divider {
    width: 1px;
    height: 13px;
    background: #cbd5df;
}

/* MAIN */
.career-course-main {
    padding: 55px 0 75px;
}

/* SIDEBAR */
.career-course-sidebar {
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 11px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(25,48,72,.035);
}

.career-course-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 180px;
    padding: 30px;
    background: #fafbfd;
    border-bottom: 1px solid #edf1f5;
}

.career-course-logo img {
    max-width: 100%;
    max-height: 125px;
    object-fit: contain;
}

.career-course-sidebar-heading {
    padding: 25px 25px 20px;
}

.career-course-sidebar-heading h2 {
    color: #1d3044;
    font-size: 17px;
    font-weight: 650;
    margin-bottom: 8px;
}

.career-course-sidebar-heading p {
    color: #718093;
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
}

.career-course-info {
    padding: 0 25px 25px;
}

.career-course-info-item {
    padding: 16px 0;
    border-bottom: 1px solid #edf1f5;
}

.career-course-info-item:first-child {
    padding-top: 0;
}

.career-course-info-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.career-course-info-label {
    display: block;
    color: #718093;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 8px;
}

.career-course-info-value {
    color: #344456;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

.career-course-info-value a {
    color: #245b86;
    text-decoration: none;
}

.career-course-info-value a:hover {
    color: #138e86;
    text-decoration: underline;
}

/* TAGS */
.career-course-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.career-course-tag {
    display: inline-block;
    padding: 6px 10px;
    color: #536477;
    background: #f1f5f8;
    border: 1px solid #e5ebf1;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 500;
}

/* DESCRIPTION */
.career-course-content {
    min-height: 350px;
    padding: 35px 38px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 11px;
    box-shadow: 0 4px 20px rgba(25,48,72,.035);
}

.career-course-content-heading {
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #edf1f5;
}

.career-course-section-label {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.career-course-content-heading h2 {
    color: #1d3044;
    font-size: 22px;
    font-weight: 650;
    margin: 0;
}

.career-course-description {
    color: #536477;
    font-size: 13.5px;
    line-height: 2;
    overflow-wrap: anywhere;
}

.career-course-description p {
    margin-bottom: 18px;
}

.career-course-description h2,
.career-course-description h3,
.career-course-description h4 {
    color: #1d3044;
    font-weight: 600;
    margin: 25px 0 15px;
}

.career-course-description ul,
.career-course-description ol {
    padding-left: 22px;
    margin-bottom: 20px;
}

.career-course-description img {
    max-width: 100%;
    height: auto;
}

.career-course-description a {
    color: #245b86;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* SECTIONS */
.career-course-section {
    padding: 65px 0;
    background: #ffffff;
}

.career-course-section-alt {
    background: #f5f7fa;
}

.career-course-section-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 32px;
}

.career-course-section-header h2 {
    color: #1d3044;
    font-size: 25px;
    font-weight: 650;
    margin-bottom: 12px;
}

.career-course-section-header p {
    color: #718093;
    font-size: 13px;
    line-height: 1.8;
    margin: 0;
}

.career-course-section-link {
    color: #245b86;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.career-course-section-link:hover {
    color: #138e86;
    text-decoration: none;
}

/* CARDS */
.career-course-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 27px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
    transition: border-color .2s ease,
                box-shadow .2s ease;
}

.career-course-card:hover {
    border-color: #bfd0df;
    box-shadow: 0 7px 20px rgba(25,48,72,.045);
}

.career-course-card-label {
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .6px;
    margin-bottom: 17px;
}

.career-course-card h3 {
    color: #1d3044;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.6;
    margin-bottom: 14px;
}

.career-course-card-date {
    color: #718093;
    font-size: 11px;
    margin-bottom: 25px;
}

.career-course-card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: #245b86;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.career-course-card-link:hover {
    color: #138e86;
    text-decoration: none;
}

/* JOBS */
.career-course-loading {
    text-align: center;
}

.career-course-load-more {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

.career-course-outline-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    color: #245b86;
    background: #ffffff;
    border: 1px solid #cbd9e5;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
}

.career-course-outline-btn:hover {
    color: #ffffff;
    background: #245b86;
    border-color: #245b86;
}

/* EMPTY */
.career-course-empty {
    padding: 35px;
    color: #718093;
    background: #f8fafc;
    border: 1px solid #e2e8ef;
    border-radius: 9px;
    font-size: 13px;
    text-align: center;
}

/* FOCUS */
.career-course-page a:focus-visible {
    outline: 2px solid #138e86;
    outline-offset: 3px;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {

    .career-course-hero {
        padding: 60px 0 50px;
    }

    .career-course-title {
        font-size: 29px;
    }

    .career-course-main {
        padding: 40px 0 60px;
    }

    .career-course-content {
        padding: 30px;
    }

    .career-course-section {
        padding: 50px 0;
    }

}

@media (max-width: 767.98px) {

    .career-course-hero {
        padding: 45px 0 40px;
    }

    .career-course-title {
        font-size: 24px;
    }

    .career-course-meta-divider {
        display: none;
    }

    .career-course-main {
        padding: 30px 0 45px;
    }

    .career-course-logo {
        height: 150px;
    }

    .career-course-logo img {
        max-height: 105px;
    }

    .career-course-content {
        padding: 25px 23px;
    }

    .career-course-content-heading h2 {
        font-size: 19px;
    }

    .career-course-description {
        font-size: 13px;
        line-height: 1.9;
    }

    .career-course-section {
        padding: 40px 0;
    }

    .career-course-section-header h2 {
        font-size: 21px;
    }

    .career-course-card {
        padding: 23px;
    }

}


/* ==========================================
   CAREER OFFICE — EMPLOYER REGISTRATION
   Minimal Professional Design
   Bootstrap 4.3.1
========================================== */

.career-employer-register {
    background: #f5f7fa;
    padding: 75px 0 90px;
}

.career-employer-register .container {
    max-width: 1140px;
}

/* PAGE HEADER */
.career-employer-register-header {
    margin-bottom: 35px;
}

.career-employer-register-eyebrow {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    margin-bottom: 16px;
}

.career-employer-register-header h1 {
    color: #1d3044;
    font-size: 32px;
    font-weight: 650;
    margin-bottom: 14px;
}

.career-employer-register-header p {
    color: #64748b;
    font-size: 13px;
    line-height: 1.85;
    margin: 0;
}

.career-employer-register-header strong {
    color: #344456;
    font-weight: 600;
}

/* FORM CARDS */
.career-employer-form-card {
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 11px;
    margin-bottom: 25px;
    overflow: visible;
    box-shadow: 0 4px 18px rgba(25,48,72,.035);
}

.career-employer-form-card-header {
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 26px 30px;
    background: #fafbfd;
    border-bottom: 1px solid #edf1f5;
    border-radius: 11px 11px 0 0;
}

.career-employer-section-number {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    color: #245b86;
    background: #eaf2f8;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
}

.career-employer-form-card-header h2 {
    color: #1d3044;
    font-size: 17px;
    font-weight: 650;
    margin-bottom: 6px;
}

.career-employer-form-card-header p {
    color: #718093;
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
}

.career-employer-form-card-body {
    padding: 32px 30px;
}

/* FORM LABELS */
.career-employer-form-group {
    margin-bottom: 0;
}

.career-employer-form-group > label {
    display: block;
    color: #344456;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 9px;
}

.career-required {
    color: #be4b55;
    margin-left: 3px;
}

/* INPUTS */
.career-employer-form-group .form-control,
.career-employer-form-group select,
.career-employer-form-group input[type="text"],
.career-employer-form-group input[type="email"],
.career-employer-form-group input[type="tel"],
.career-employer-form-group input[type="password"],
.career-employer-form-group input[type="url"] {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: 10px 13px;
    color: #344456;
    background: #ffffff;
    border: 1px solid #d8e1ea;
    border-radius: 7px;
    font-size: 13px;
    box-shadow: none;
}

.career-employer-form-group input:focus,
.career-employer-form-group select:focus,
.career-employer-form-group .form-control:focus {
    border-color: #245b86;
    outline: none;
    box-shadow: 0 0 0 3px rgba(36,91,134,.1);
}

/* FORM ERRORS */
.career-employer-form-group .errorlist {
    list-style: none;
    padding: 0;
    margin: 8px 0 0;
}

.career-employer-form-group .errorlist li {
    color: #b94c55;
    font-size: 11px;
    line-height: 1.6;
}

/* DROPDOWNS */
.career-employer-dropdown {
    width: 100%;
}

.career-employer-dropdown-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 44px;
    padding: 10px 13px;
    color: #344456;
    background: #ffffff;
    border: 1px solid #d8e1ea;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}

.career-employer-dropdown-button:hover,
.career-employer-dropdown-button:focus {
    color: #245b86;
    background: #ffffff;
    border-color: #245b86;
    box-shadow: none;
}

.career-employer-dropdown .dropdown-menu {
    width: 100%;
    min-width: 220px;
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px;
    margin-top: 5px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(25,48,72,.1);
    z-index: 1050;
}

/* MULTIPLE CHOICE */
.career-employer-dropdown .dropdown-menu label {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 8px;
    color: #536477;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
    border-radius: 5px;
    cursor: pointer;
    margin: 0;
}

.career-employer-dropdown .dropdown-menu label:hover {
    background: #f1f6fa;
}

.career-employer-dropdown .dropdown-menu input[type="checkbox"] {
    margin-top: 3px;
    flex-shrink: 0;
    accent-color: #245b86;
}

/* UPLOAD */
.career-employer-upload-box {
    padding: 30px;
    background: #f8fafc;
    border: 2px dashed #cbd8e4;
    border-radius: 10px;
    text-align: center;
}

.career-employer-upload-content h3 {
    color: #1d3044;
    font-size: 16px;
    font-weight: 650;
    margin-bottom: 10px;
}

.career-employer-upload-content p {
    color: #718093;
    font-size: 12px;
    line-height: 1.8;
    margin-bottom: 20px;
}

.career-employer-upload-gallery {
    margin-top: 20px;
}

.career-employer-upload-gallery:empty {
    display: none;
}

.career-employer-upload-gallery img {
    max-width: 160px;
    max-height: 130px;
    width: auto;
    height: auto;
    object-fit: contain;
    background: #ffffff;
    padding: 10px;
    border: 1px solid #e2e8ef;
    border-radius: 8px;
}

/* BUTTONS */
.career-employer-primary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 11px 22px;
    color: #ffffff !important;
    background: #245b86;
    border: 1px solid #245b86;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    box-shadow: none;
}

.career-employer-primary-btn:hover {
    color: #ffffff !important;
    background: #173d5e;
    border-color: #173d5e;
}

/* TERMS */
.career-employer-terms {
    padding: 22px 24px;
    background: #f8fafc;
    border: 1px solid #e2e8ef;
    border-radius: 8px;
    margin-bottom: 30px;
}

.career-employer-terms .custom-control-label {
    color: #536477;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.85;
}

.career-employer-terms-link {
    display: inline-block;
    margin-top: 15px;
    color: #245b86;
    font-size: 12px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* SUBMIT */
.career-employer-submit {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}

.career-employer-submit > .btn {
    min-width: 240px;
}

.career-employer-login {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    color: #718093;
    font-size: 12px;
}

.career-employer-login a {
    color: #245b86;
    font-weight: 600;
}

/* AJAX RESULT */
.career-employer-result {
    margin-top: 25px;
}

.career-employer-result .errorField {
    color: #b94c55;
    font-size: 12px;
    line-height: 1.8;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {

    .career-employer-register {
        padding: 60px 0 75px;
    }

    .career-employer-register-header h1 {
        font-size: 28px;
    }

}

@media (max-width: 767.98px) {

    .career-employer-register {
        padding: 40px 0 55px;
    }

    .career-employer-register-header h1 {
        font-size: 24px;
    }

    .career-employer-form-card-header {
        padding: 22px;
        align-items: flex-start;
    }

    .career-employer-form-card-body {
        padding: 23px 20px;
    }

    .career-employer-upload-box {
        padding: 22px;
    }

    .career-employer-terms {
        padding: 20px;
    }

    .career-employer-submit > .btn {
        width: 100%;
        min-width: 0;
    }

}

/* ==========================================
   EMPLOYER REGISTRATION - HEADER SPACING
========================================== */

/* Desktop */
@media (min-width: 768px) {

    main#content.career-employer-register {
        padding-top: calc(
            var(--career-header-offset, 0px) + 35px
        ) !important;
    }

}

/* Mobile */
@media (max-width: 767.98px) {

    main#content.career-employer-register {
        padding-top: calc(
            var(--career-header-offset, 0px) + 25px
        ) !important;
    }

}


/* ==========================================
   CAREER OFFICE — EVENTS / SEMINARS
   Minimal Professional Design
   Bootstrap 4.3.1
========================================== */

.career-event-list-page {
    background: #ffffff;
    color: #344456;
}

/* HERO */
.career-event-list-hero {
    padding: 75px 0 115px;
    background: #f5f7fa;
    border-bottom: 1px solid #e2e8ef;
}

.career-event-list-eyebrow {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    margin-bottom: 18px;
}

.career-event-list-title {
    color: #1d3044;
    font-size: 35px;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: -.7px;
    margin-bottom: 16px;
}

.career-event-list-subtitle {
    max-width: 760px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.9;
    margin: 0;
}

/* SEARCH */
.career-event-list-search-section {
    position: relative;
    z-index: 2;
    margin-top: -65px;
    margin-bottom: 20px;
}

.career-event-list-search-card {
    padding: 32px 35px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 12px;
    box-shadow: 0 10px 35px rgba(25,48,72,.06);
}

.career-event-list-search-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 28px;
}

.career-event-list-section-label {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.career-event-list-search-header h2,
.career-event-list-results-header h2 {
    color: #1d3044;
    font-size: 24px;
    font-weight: 650;
    line-height: 1.4;
    margin: 0;
}

.career-event-list-search-header p {
    max-width: 380px;
    color: #718093;
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
}

/* FORM */
.career-event-list-form-group label {
    display: block;
    color: #344456;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 9px;
}

.career-event-list-form-group .form-control {
    width: 100%;
    height: 44px;
    padding: 10px 13px;
    color: #344456;
    background: #ffffff;
    border: 1px solid #d8e1ea;
    border-radius: 7px;
    font-size: 13px;
    box-shadow: none;
}

.career-event-list-form-group .form-control:focus {
    border-color: #245b86;
    box-shadow: 0 0 0 3px rgba(36,91,134,.1);
}

/* DROPDOWN */
.career-event-list-dropdown {
    width: 100%;
}

.career-event-list-dropdown-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 44px;
    padding: 10px 13px;
    color: #344456;
    background: #ffffff;
    border: 1px solid #d8e1ea;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 500;
}

.career-event-list-dropdown-btn:hover,
.career-event-list-dropdown-btn:focus {
    color: #245b86;
    background: #ffffff;
    border-color: #245b86;
    box-shadow: none;
}

.career-event-list-dropdown .dropdown-menu {
    width: 100%;
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
    margin-top: 5px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(25,48,72,.1);
}

.career-event-list-checkbox {
    display: flex !important;
    align-items: flex-start;
    gap: 9px;
    padding: 9px;
    color: #536477;
    font-size: 12px;
    font-weight: 400 !important;
    line-height: 1.5;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 !important;
}

.career-event-list-checkbox:hover {
    background: #f1f6fa;
}

.career-event-list-checkbox input {
    margin-top: 3px;
    flex-shrink: 0;
    accent-color: #245b86;
}

/* SEARCH BUTTONS */
.career-event-list-search-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.career-event-list-primary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 22px;
    color: #ffffff !important;
    background: #245b86;
    border: 1px solid #245b86;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
}

.career-event-list-primary-btn:hover {
    background: #173d5e;
    border-color: #173d5e;
}

.career-event-list-outline-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 20px;
    color: #245b86;
    background: #ffffff;
    border: 1px solid #cbd9e5;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
}

.career-event-list-outline-btn:hover {
    color: #173d5e;
    background: #edf4fa;
}

/* RESULTS */
.career-event-list-results {
    padding: 65px 0 90px;
}

.career-event-list-results-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}

.career-event-list-results-header p {
    color: #718093;
    font-size: 13px;
    line-height: 1.8;
    margin: 12px 0 0;
}

.career-event-list-count {
    color: #64748b;
    background: #f5f7fa;
    border: 1px solid #e2e8ef;
    border-radius: 6px;
    padding: 8px 13px;
    font-size: 11px;
    font-weight: 600;
}

/* EVENT CARDS */
.career-event-list-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
    overflow: hidden;
    transition: border-color .2s ease,
                box-shadow .2s ease;
}

.career-event-list-card:hover {
    border-color: #bfd0df;
    box-shadow: 0 7px 22px rgba(25,48,72,.055);
}

.career-event-list-image {
    height: 175px;
    background: #edf2f6;
    overflow: hidden;
}

.career-event-list-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.career-event-list-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 24px;
}

.career-event-list-card-label {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
    margin-bottom: 12px;
}

.career-event-list-card-body h3 {
    color: #1d3044;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.55;
    margin-bottom: 20px;
}

.career-event-list-card-body h3 a {
    color: #1d3044;
    text-decoration: none;
}

.career-event-list-card-body h3 a:hover {
    color: #245b86;
}

/* DATE */
.career-event-list-card-info {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding-bottom: 17px;
    margin-bottom: 17px;
    border-bottom: 1px solid #edf1f5;
}

.career-event-list-card-info > div {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.career-event-list-card-info span,
.career-event-list-location span {
    color: #718093;
    font-size: 10px;
}

.career-event-list-card-info strong,
.career-event-list-location strong {
    color: #344456;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
}

.career-event-list-location {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 18px;
}

/* CATEGORIES */
.career-event-list-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 22px;
}

.career-event-list-category {
    padding: 5px 9px;
    color: #536477;
    background: #f1f5f8;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 500;
}

/* LINK */
.career-event-list-details-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: #245b86;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.career-event-list-details-link:hover {
    color: #138e86;
    text-decoration: none;
}

/* PAGINATION */
.career-event-list-pagination {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.career-event-list-pagination .pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
}

.career-event-list-pagination .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 39px;
    height: 39px;
    padding: 8px 12px;
    color: #536477;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 6px !important;
    font-size: 12px;
    font-weight: 600;
    box-shadow: none;
}

.career-event-list-pagination .page-item.active .page-link {
    color: #ffffff;
    background: #245b86;
    border-color: #245b86;
}

/* EMPTY */
.career-event-list-empty {
    padding: 55px 25px;
    text-align: center;
    background: #f8fafc;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
}

.career-event-list-empty h3 {
    color: #1d3044;
    font-size: 17px;
    font-weight: 650;
    margin-bottom: 12px;
}

.career-event-list-empty p {
    color: #718093;
    font-size: 12px;
    line-height: 1.8;
    margin: 0;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {

    .career-event-list-hero {
        padding: 60px 0 105px;
    }

    .career-event-list-title {
        font-size: 29px;
    }

    .career-event-list-search-card {
        padding: 27px;
    }

}

@media (max-width: 767.98px) {

    .career-event-list-hero {
        padding: 45px 0 95px;
    }

    .career-event-list-title {
        font-size: 24px;
    }

    .career-event-list-subtitle {
        font-size: 13px;
    }

    .career-event-list-search-card {
        padding: 22px;
    }

    .career-event-list-search-header h2,
    .career-event-list-results-header h2 {
        font-size: 20px;
    }

    .career-event-list-results {
        padding: 40px 0 55px;
    }

    .career-event-list-card-body {
        padding: 22px;
    }

}


/* ==========================================
   CAREER OFFICE — EVENT DETAILS
   Minimal Professional Design
   Bootstrap 4.3.1
========================================== */

.career-event-details-page {
    background: #f5f7fa;
    color: #344456;
}

/* ==========================================
   HERO
========================================== */

.career-event-details-hero {
    padding: 60px 0 75px;
    background: #ffffff;
    border-bottom: 1px solid #e2e8ef;
}

.career-event-details-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    margin-bottom: 40px;
    color: #718093;
    background: transparent;
    border: none;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.career-event-details-back:hover {
    color: #245b86;
}

.career-event-details-back span {
    font-size: 19px;
}

.career-event-details-eyebrow {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    margin-bottom: 18px;
}

.career-event-details-title {
    color: #1d3044;
    font-size: 32px;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: -.6px;
    margin-bottom: 23px;
}

/* ORGANIZERS */
.career-event-details-organizers {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 28px;
}

.career-event-details-organizers span {
    color: #718093;
    font-size: 11px;
}

.career-event-details-organizers strong {
    color: #344456;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.6;
}

/* META */
.career-event-details-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}

.career-event-details-meta-item {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 110px;
}

.career-event-details-meta-item span {
    color: #718093;
    font-size: 11px;
}

.career-event-details-meta-item strong {
    color: #1d3044;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.6;
}

/* HERO IMAGE */
.career-event-details-hero-image {
    height: 350px;
    background: #edf2f6;
    border-radius: 12px;
    overflow: hidden;
}

.career-event-details-hero-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ==========================================
   MAIN CONTENT
========================================== */

.career-event-details-main {
    padding: 60px 0 85px;
}

.career-event-details-container {
    max-width: 950px;
    margin: 0 auto;
}

/* CONTENT CARD */
.career-event-details-card {
    padding: 38px 42px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 12px;
    margin-bottom: 28px;
}

.career-event-details-content-header {
    padding-bottom: 22px;
    margin-bottom: 28px;
    border-bottom: 1px solid #edf1f5;
}

.career-event-details-section-label {
    display: block;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.career-event-details-content-header h2 {
    color: #1d3044;
    font-size: 23px;
    font-weight: 650;
    margin-bottom: 12px;
}

.career-event-details-published {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    color: #718093;
    font-size: 11px;
}

/* DESCRIPTION */
.career-event-details-description {
    color: #536477;
    font-size: 13.5px;
    line-height: 2;
    overflow-wrap: anywhere;
}

.career-event-details-description p {
    margin-bottom: 18px;
}

.career-event-details-description h2,
.career-event-details-description h3,
.career-event-details-description h4 {
    color: #1d3044;
    font-weight: 600;
    line-height: 1.5;
    margin: 26px 0 15px;
}

.career-event-details-description ul,
.career-event-details-description ol {
    padding-left: 25px;
    margin-bottom: 20px;
}

.career-event-details-description li {
    margin-bottom: 8px;
}

.career-event-details-description img {
    max-width: 100%;
    height: auto;
}

.career-event-details-description a {
    color: #245b86;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ==========================================
   IMAGE GALLERY
========================================== */

.career-event-details-gallery-section {
    padding-top: 30px;
    margin-top: 35px;
    border-top: 1px solid #edf1f5;
}

.career-event-details-gallery-section h3,
.career-event-details-categories-section h3 {
    color: #1d3044;
    font-size: 16px;
    font-weight: 650;
    margin-bottom: 22px;
}

.career-event-details-gallery-item {
    display: block;
    height: 160px;
    background: #edf2f6;
    border-radius: 8px;
    overflow: hidden;
}

.career-event-details-gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
}

.career-event-details-gallery-item:hover img {
    transform: scale(1.035);
}

/* ==========================================
   CATEGORIES
========================================== */

.career-event-details-categories-section {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #edf1f5;
}

.career-event-details-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.career-event-details-category {
    display: inline-block;
    padding: 7px 12px;
    color: #245b86;
    background: #edf4fa;
    border: 1px solid #dbe8f2;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
}

.career-event-details-category:hover {
    color: #173d5e;
    background: #e2eef7;
    text-decoration: none;
}

/* ==========================================
   REGISTRATION
========================================== */

.career-event-details-registration {
    padding: 35px 40px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 12px;
    margin-bottom: 28px;
}

.career-event-details-registration-header h2 {
    color: #1d3044;
    font-size: 22px;
    font-weight: 650;
    margin-bottom: 12px;
}

.career-event-details-registration-header p {
    color: #718093;
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 25px;
}

/* BUTTON */
.career-event-details-primary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    color: #ffffff !important;
    background: #245b86;
    border: 1px solid #245b86;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
}

.career-event-details-primary-btn:hover {
    background: #173d5e;
    border-color: #173d5e;
}

.career-event-details-registration-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* SUCCESS */
.career-event-details-success {
    padding: 22px 25px;
    color: #176e65;
    background: #edf8f6;
    border: 1px solid #ceeae5;
    border-radius: 9px;
}

.career-event-details-success strong {
    display: block;
    font-size: 13px;
    font-weight: 650;
    margin-bottom: 8px;
}

.career-event-details-success p {
    color: #377e77;
    font-size: 12px;
    line-height: 1.75;
    margin: 0;
}

/* ONLINE LINK */
.career-event-details-online {
    padding: 22px 25px;
    margin-top: 18px;
    background: #f5f8fb;
    border: 1px solid #e2e8ef;
    border-radius: 9px;
}

.career-event-details-online-label {
    display: block;
    color: #718093;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 10px;
}

.career-event-details-online-value {
    color: #245b86;
    font-size: 12.5px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

/* SHARE */
.career-event-details-share {
    padding: 25px;
    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 10px;
    text-align: center;
}

.career-event-details-share > span {
    display: block;
    color: #718093;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
}

/* ACCESSIBILITY */
.career-event-details-page a:focus-visible,
.career-event-details-page button:focus-visible {
    outline: 2px solid #138e86;
    outline-offset: 3px;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {

    .career-event-details-hero {
        padding: 50px 0 60px;
    }

    .career-event-details-title {
        font-size: 27px;
    }

    .career-event-details-hero-image {
        height: 300px;
    }

}

@media (max-width: 767.98px) {

    .career-event-details-hero {
        padding: 35px 0 45px;
    }

    .career-event-details-back {
        margin-bottom: 28px;
    }

    .career-event-details-title {
        font-size: 23px;
    }

    .career-event-details-meta {
        flex-direction: column;
        gap: 16px;
    }

    .career-event-details-hero-image {
        height: 230px;
    }

    .career-event-details-main {
        padding: 40px 0 55px;
    }

    .career-event-details-card {
        padding: 27px 23px;
    }

    .career-event-details-content-header h2 {
        font-size: 20px;
    }

    .career-event-details-description {
        font-size: 13px;
        line-height: 1.9;
    }

    .career-event-details-gallery-item {
        height: 180px;
    }

    .career-event-details-registration {
        padding: 27px 23px;
    }

    .career-event-details-registration-header h2 {
        font-size: 19px;
    }

    .career-event-details-primary-btn {
        width: 100%;
    }

}

/* ============================================================
   CAREER OFFICE - COMPANY EVENTS
   Bootstrap 4.3.1
============================================================ */

.career-events-company-page {
    --ec-primary: #245b86;
    --ec-primary-dark: #173d5e;
    --ec-teal: #138e86;
    --ec-text: #1d3044;
    --ec-muted: #68788a;
    --ec-border: #e2e8ef;
    --ec-background: #f5f7fa;
    --ec-white: #ffffff;

    background: #ffffff;
    color: var(--ec-text);
}


/* ============================================================
   PAGE HEADER
============================================================ */

.career-ec-header {
    position: relative;
    padding: 56px 0 40px;
    background: #f5f7fa;
    border-bottom: 1px solid #e2e8ef;
}

.career-ec-heading {
    max-width: 800px;
}

.career-ec-eyebrow {
    display: block;
    margin-bottom: 12px;

    color: #138e86;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.career-ec-title {
    margin-bottom: 16px;

    color: #1d3044;

    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
}

.career-ec-description {
    max-width: 720px;
    margin-bottom: 0;

    color: #68788a;

    font-size: 15px;
    line-height: 1.8;
}


/* ============================================================
   FILTER SECTION
============================================================ */

.career-ec-filter-section {
    padding: 40px 0 30px;
    background: #ffffff;
}

.career-ec-filter-card {
    padding: 30px;

    background: #ffffff;

    border: 1px solid #e2e8ef;
    border-radius: 10px;

    box-shadow: 0 5px 20px rgba(22, 46, 69, 0.035);
}

.career-ec-filter-header {
    margin-bottom: 26px;
    padding-bottom: 20px;

    border-bottom: 1px solid #e2e8ef;
}

.career-ec-filter-header h2 {
    margin-bottom: 7px;

    color: #1d3044;

    font-size: 20px;
    font-weight: 700;
}

.career-ec-filter-header p {
    margin-bottom: 0;

    color: #68788a;

    font-size: 14px;
    line-height: 1.7;
}


/* ============================================================
   FORM GROUPS
============================================================ */

.career-ec-form-group {
    margin-bottom: 22px;
}

.career-ec-form-group > label {
    display: block;

    margin-bottom: 9px;

    color: #34465a;

    font-size: 13px;
    font-weight: 600;
}

.career-ec-form-group .form-control {
    width: 100%;
    height: 44px;

    padding: 10px 13px;

    color: #34465a;
    background: #ffffff;

    border: 1px solid #dce4ec;
    border-radius: 7px;

    font-size: 14px;

    box-shadow: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.career-ec-form-group .form-control:focus {
    border-color: #245b86;

    box-shadow: 0 0 0 3px rgba(36, 91, 134, 0.09);
}


/* ============================================================
   DROPDOWNS
============================================================ */

.career-ec-dropdown {
    position: relative;
    width: 100%;
}

.career-ec-dropdown-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    min-height: 44px;

    padding: 10px 13px;

    color: #34465a !important;
    background: #ffffff !important;

    border: 1px solid #dce4ec !important;
    border-radius: 7px;

    font-size: 13px;
    font-weight: 500;
    text-align: left;

    box-shadow: none !important;
}

.career-ec-dropdown-btn:hover {
    background: #f7f9fb !important;
    border-color: #b7c9d9 !important;
}

.career-ec-dropdown-btn:focus,
.career-ec-dropdown.show .career-ec-dropdown-btn {
    border-color: #245b86 !important;

    box-shadow: 0 0 0 3px rgba(36, 91, 134, 0.09) !important;
}

.career-ec-dropdown-btn::after {
    margin-left: 10px;
}


/* DROPDOWN MENU */

.career-ec-dropdown .career-ec-dropdown-menu {
    width: 100%;
    min-width: 240px;
    max-height: 300px;

    overflow-x: hidden;
    overflow-y: auto;

    margin-top: 5px;
    padding: 8px;

    background: #ffffff;

    border: 1px solid #e2e8ef;
    border-radius: 9px;

    box-shadow: 0 12px 28px rgba(22, 46, 69, 0.12);

    z-index: 1050;
}


/* CHECKBOX OPTIONS */

.career-ec-checkbox {
    display: flex;
    align-items: flex-start;

    width: 100%;

    padding: 9px 10px;
    margin: 0;

    color: #34465a;

    border-radius: 6px;

    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;

    cursor: pointer;

    transition: background 0.2s ease;
}

.career-ec-checkbox:hover {
    background: #f2f6fa;
}

.career-ec-checkbox input[type="checkbox"] {
    flex-shrink: 0;

    margin-top: 3px;
    margin-right: 10px;

    accent-color: #245b86;
}

.career-ec-checkbox span {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}


/* ============================================================
   FILTER ACTION BUTTONS
============================================================ */

.career-ec-filter-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 12px;

    margin-top: 5px;
    padding-top: 22px;

    border-top: 1px solid #e2e8ef;
}

.career-ec-search-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;

    padding: 10px 24px;

    color: #ffffff !important;
    background: #245b86 !important;

    border: 1px solid #245b86 !important;
    border-radius: 7px;

    font-size: 13px;
    font-weight: 600;

    transition: all 0.2s ease;
}

.career-ec-search-btn:hover {
    background: #173d5e !important;
    border-color: #173d5e !important;

    transform: translateY(-1px);
}

.career-ec-clear-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;

    padding: 10px 20px;

    color: #52687b !important;
    background: #ffffff !important;

    border: 1px solid #dce4ec !important;
    border-radius: 7px;

    font-size: 13px;
    font-weight: 600;
}

.career-ec-clear-btn:hover {
    background: #f5f7fa !important;
    color: #173d5e !important;
}


/* ============================================================
   EVENTS SECTION
============================================================ */

.career-ec-events-section {
    padding: 45px 0 80px;
    background: #ffffff;
}

.career-ec-section-header {
    margin-bottom: 32px;
}

.career-ec-section-eyebrow {
    display: block;
    margin-bottom: 9px;

    color: #138e86;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.career-ec-section-header h2 {
    margin-bottom: 10px;

    color: #1d3044;

    font-size: 25px;
    font-weight: 700;
}

.career-ec-section-header p {
    margin-bottom: 0;

    color: #68788a;

    font-size: 14px;
    line-height: 1.7;
}


/* ============================================================
   EVENT CARDS
============================================================ */

.career-ec-events-grid > div {
    display: flex;
}

.career-ec-event-card {
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;

    background: #ffffff;

    border: 1px solid #e2e8ef;
    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 4px 16px rgba(22, 46, 69, 0.035);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}

.career-ec-event-card:hover {
    transform: translateY(-3px);

    border-color: #cbd9e5;

    box-shadow: 0 12px 26px rgba(22, 46, 69, 0.09);
}


/* CARD IMAGE */

.career-ec-event-image {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 185px;

    padding: 18px;

    background: #f5f7fa;
    border-bottom: 1px solid #edf0f4;

    overflow: hidden;
}

.career-ec-event-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
}

.career-ec-image-placeholder {
    color: #8fa2b4;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}


/* CARD BODY */

.career-ec-event-body {
    display: flex;
    flex-direction: column;

    flex: 1;

    padding: 22px;
}

.career-ec-event-company {
    display: block;

    margin-bottom: 11px;

    color: #138e86;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.career-ec-event-title {
    margin-bottom: 16px;

    color: #1d3044;

    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
}

.career-ec-event-title a {
    color: inherit;
    text-decoration: none;
}

.career-ec-event-title a:hover {
    color: #245b86;
    text-decoration: none;
}


/* CATEGORY BADGES */

.career-ec-event-categories {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;

    margin-bottom: 20px;
}

.career-ec-category-badge {
    display: inline-block;

    padding: 5px 10px;

    color: #52687b;
    background: #f2f6fa;

    border: 1px solid #e5edf3;
    border-radius: 5px;

    font-size: 11px;
    font-weight: 600;
}


/* CARD FOOTER */

.career-ec-event-footer {
    margin-top: auto;
    padding-top: 17px;

    border-top: 1px solid #edf0f4;
}

.career-ec-details-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;

    color: #245b86 !important;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none !important;
}

.career-ec-details-btn span {
    font-size: 17px;

    transition: transform 0.2s ease;
}

.career-ec-details-btn:hover span {
    transform: translateX(4px);
}


/* ============================================================
   EMPTY STATE
============================================================ */

.career-ec-empty {
    padding: 55px 25px;

    text-align: center;

    background: #f8fafc;

    border: 1px dashed #dce4ec;
    border-radius: 10px;
}

.career-ec-empty h3 {
    margin-bottom: 10px;

    color: #1d3044;

    font-size: 20px;
    font-weight: 700;
}

.career-ec-empty p {
    margin-bottom: 24px;

    color: #68788a;

    font-size: 14px;
}


/* ============================================================
   PAGINATION
============================================================ */

.career-ec-pagination {
    display: flex;
    justify-content: center;

    margin-top: 35px;
}

.career-ec-pagination .pagination {
    gap: 6px;
}

.career-ec-pagination .page-link {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 38px;
    min-height: 38px;

    padding: 7px 12px;

    color: #52687b;
    background: #ffffff;

    border: 1px solid #e2e8ef;
    border-radius: 6px !important;

    font-size: 13px;
    font-weight: 600;

    box-shadow: none;
}

.career-ec-pagination .page-link:hover {
    color: #245b86;
    background: #f2f6fa;
    border-color: #cbd9e5;
}

.career-ec-pagination .page-item.active .page-link {
    color: #ffffff;
    background: #245b86;
    border-color: #245b86;
}

.career-ec-pagination .page-item.disabled .page-link {
    color: #a1acb8;
    background: #f8fafc;
    border-color: #edf0f4;
}


/* ============================================================
   RESPONSIVE - TABLET
============================================================ */

@media (max-width: 991.98px) {

    .career-ec-header {
        padding: 42px 0 32px;
    }

    .career-ec-title {
        font-size: 28px;
    }

    .career-ec-filter-card {
        padding: 25px;
    }

    .career-ec-events-section {
        padding: 35px 0 60px;
    }

}


/* ============================================================
   RESPONSIVE - MOBILE
============================================================ */

@media (max-width: 767.98px) {

    .career-ec-header {
        padding: 30px 0;
    }

    .career-ec-title {
        font-size: 24px;
        line-height: 1.4;
    }

    .career-ec-description {
        font-size: 14px;
    }

    .career-ec-filter-section {
        padding: 22px 0;
    }

    .career-ec-filter-card {
        padding: 20px 16px;
        border-radius: 8px;
    }

    .career-ec-filter-header h2 {
        font-size: 18px;
    }

    .career-ec-filter-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .career-ec-search-btn,
    .career-ec-clear-btn {
        width: 100%;
    }

    .career-ec-dropdown .career-ec-dropdown-menu {
        min-width: 100%;
        max-width: 100%;
        max-height: 250px;
    }

    .career-ec-section-header h2 {
        font-size: 22px;
    }

    .career-ec-event-image {
        height: 170px;
    }

    .career-ec-event-body {
        padding: 20px;
    }

    .career-ec-events-section {
        padding: 30px 0 50px;
    }

    .career-ec-pagination .pagination {
        gap: 4px;
    }

    .career-ec-pagination .page-link {
        min-width: 34px;
        min-height: 34px;

        padding: 6px 9px;
    }

}


/* ============================================================
   ACCESSIBILITY
============================================================ */

.career-events-company-page a:focus-visible,
.career-events-company-page button:focus-visible {
    outline: 3px solid rgba(19, 142, 134, 0.45);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {

    .career-ec-event-card,
    .career-ec-search-btn,
    .career-ec-details-btn span {
        transition: none;
        transform: none;
    }

}


/* ==========================================
   CAREER OFFICE — EMPTY RESULTS FIX
========================================== */

.career-events-company-page .career-ec-events-grid > .col-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

.career-events-company-page .career-ec-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 100% !important;
    max-width: none !important;
    min-height: 240px;

    padding: 45px 30px;

    background: #f8fafc;
    border: 1px dashed #dce4ec;
    border-radius: 10px;

    text-align: center;
}

.career-events-company-page .career-ec-empty h3 {
    color: #1d3044;
    font-size: 21px;
    font-weight: 650;
    margin-bottom: 12px;
}

.career-events-company-page .career-ec-empty p {
    max-width: 650px;
    color: #68788a;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 24px;
}

@media (max-width: 767.98px) {
    .career-events-company-page .career-ec-empty {
        min-height: 200px;
        padding: 30px 20px;
    }

    .career-events-company-page .career-ec-empty h3 {
        font-size: 18px;
    }
}


/* ==========================================
   CAREER OFFICE — COMPANY EVENT DETAILS
   Minimal / Professional Design
   Bootstrap 4.3.1
========================================== */

.career-company-event-page {
    --cce-primary: #245b86;
    --cce-primary-dark: #173d5e;
    --cce-teal: #138e86;
    --cce-text: #1d3044;
    --cce-muted: #718093;
    --cce-border: #e2e8ef;
    --cce-background: #f5f7fa;

    background: var(--cce-background);
    color: var(--cce-text);
}

/* ==========================================
   HERO
========================================== */

.career-company-event-hero {
    padding: 55px 0 65px;
    background: #ffffff;
    border-bottom: 1px solid var(--cce-border);
}

.career-company-event-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 0;
    margin-bottom: 35px;

    color: #718093;
    background: transparent;
    border: none;

    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.career-company-event-back:hover {
    color: var(--cce-primary);
}

.career-company-event-back span {
    font-size: 19px;
}

.career-company-event-eyebrow {
    display: block;
    margin-bottom: 16px;

    color: var(--cce-teal);

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.career-company-event-title {
    margin-bottom: 22px;

    color: var(--cce-text);

    font-size: 32px;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: -.5px;

    overflow-wrap: anywhere;
}

/* ORGANIZERS */

.career-company-event-organizers {
    display: flex;
    flex-direction: column;
    gap: 6px;

    margin-bottom: 27px;
}

.career-company-event-organizers span {
    color: var(--cce-muted);
    font-size: 11px;
}

.career-company-event-organizers strong {
    color: #344456;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.7;
}

/* EVENT META */

.career-company-event-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.career-company-event-meta-item {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 110px;
}

.career-company-event-meta-item span {
    color: var(--cce-muted);
    font-size: 11px;
}

.career-company-event-meta-item strong {
    color: var(--cce-text);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.65;
}

/* HERO IMAGE */

.career-company-event-hero-image {
    display: flex;
    align-items: center;
    justify-content: center;

    height: 350px;
    background: #f0f3f6;

    border: 1px solid var(--cce-border);
    border-radius: 11px;

    overflow: hidden;
}

.career-company-event-hero-image img {
    display: block;

    max-width: 100%;
    max-height: 100%;

    width: auto;
    height: auto;

    object-fit: contain;
}

/* ==========================================
   MAIN CONTENT
========================================== */

.career-company-event-main {
    padding: 60px 0 80px;
}

.career-company-event-container {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
}

/* CONTENT CARD */

.career-company-event-card {
    padding: 38px 42px;
    margin-bottom: 25px;

    background: #ffffff;
    border: 1px solid var(--cce-border);
    border-radius: 11px;
}

.career-company-event-content-header {
    padding-bottom: 22px;
    margin-bottom: 27px;
    border-bottom: 1px solid #edf1f5;
}

.career-company-event-section-label {
    display: block;
    margin-bottom: 12px;

    color: var(--cce-teal);

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.career-company-event-content-header h2 {
    color: var(--cce-text);
    font-size: 23px;
    font-weight: 650;
    margin-bottom: 12px;
}

.career-company-event-published {
    color: var(--cce-muted);
    font-size: 11px;
    margin: 0;
}

/* DESCRIPTION */

.career-company-event-description {
    color: #536477;
    font-size: 13.5px;
    line-height: 2;
    overflow-wrap: anywhere;
}

.career-company-event-description p {
    margin-bottom: 18px;
}

.career-company-event-description h2,
.career-company-event-description h3,
.career-company-event-description h4 {
    color: var(--cce-text);
    font-weight: 600;
    line-height: 1.5;
    margin: 25px 0 15px;
}

.career-company-event-description ul,
.career-company-event-description ol {
    padding-left: 24px;
    margin-bottom: 20px;
}

.career-company-event-description li {
    margin-bottom: 8px;
}

.career-company-event-description img {
    max-width: 100%;
    height: auto;
    border-radius: 7px;
}

.career-company-event-description iframe {
    max-width: 100%;
}

.career-company-event-description a {
    color: var(--cce-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ==========================================
   CATEGORIES
========================================== */

.career-company-event-categories-section {
    padding-top: 28px;
    margin-top: 33px;
    border-top: 1px solid #edf1f5;
}

.career-company-event-categories-section h3 {
    margin-bottom: 18px;
    color: var(--cce-text);
    font-size: 16px;
    font-weight: 650;
}

.career-company-event-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.career-company-event-category {
    display: inline-block;

    padding: 7px 12px;

    color: var(--cce-primary);
    background: #edf4fa;
    border: 1px solid #dbe8f2;
    border-radius: 6px;

    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
}

.career-company-event-category:hover {
    color: var(--cce-primary-dark);
    background: #e4eef6;
    text-decoration: none;
}

/* ==========================================
   REGISTRATION
========================================== */

.career-company-event-registration {
    padding: 35px 40px;
    margin-bottom: 25px;

    background: #ffffff;
    border: 1px solid var(--cce-border);
    border-radius: 11px;
}

.career-company-event-registration-header h2 {
    margin-bottom: 12px;
    color: var(--cce-text);
    font-size: 22px;
    font-weight: 650;
}

.career-company-event-registration-header p {
    margin-bottom: 25px;
    color: var(--cce-muted);
    font-size: 13px;
    line-height: 1.8;
}

/* BUTTON */

.career-company-event-primary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;
    padding: 12px 25px;

    color: #ffffff !important;
    background: var(--cce-primary);
    border: 1px solid var(--cce-primary);
    border-radius: 7px;

    font-size: 12px;
    font-weight: 600;
}

.career-company-event-primary-btn:hover {
    background: var(--cce-primary-dark);
    border-color: var(--cce-primary-dark);
}

.career-company-event-registration-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* SUCCESS MESSAGE */

.career-company-event-success {
    padding: 22px 25px;

    color: #176e65;
    background: #edf8f6;

    border: 1px solid #ceeae5;
    border-radius: 9px;
}

.career-company-event-success strong {
    display: block;
    font-size: 13px;
    font-weight: 650;
    margin-bottom: 8px;
}

.career-company-event-success p {
    color: #377e77;
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
}

/* ONLINE LINK */

.career-company-event-online {
    padding: 20px 24px;
    margin-top: 18px;

    background: #f7f9fb;
    border: 1px solid var(--cce-border);
    border-radius: 8px;
}

.career-company-event-online-label {
    display: block;
    color: var(--cce-muted);
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 10px;
}

.career-company-event-online-value {
    color: var(--cce-primary);
    font-size: 12px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

/* ==========================================
   SOCIAL SHARING
========================================== */

.career-company-event-share {
    padding: 25px;

    background: #ffffff;
    border: 1px solid var(--cce-border);
    border-radius: 10px;

    text-align: center;
}

.career-company-event-share > span {
    display: block;
    margin-bottom: 15px;

    color: var(--cce-muted);
    font-size: 12px;
    font-weight: 600;
}

.career-company-event-share .list-inline-item {
    margin: 5px 8px;
}

/* ==========================================
   ACCESSIBILITY
========================================== */

.career-company-event-page a:focus-visible,
.career-company-event-page button:focus-visible {
    outline: 2px solid var(--cce-teal);
    outline-offset: 3px;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991.98px) {

    .career-company-event-hero {
        padding: 45px 0 55px;
    }

    .career-company-event-title {
        font-size: 27px;
    }

    .career-company-event-hero-image {
        height: 300px;
    }

}

@media (max-width: 767.98px) {

    .career-company-event-hero {
        padding: 35px 0 45px;
    }

    .career-company-event-back {
        margin-bottom: 28px;
    }

    .career-company-event-title {
        font-size: 23px;
    }

    .career-company-event-meta {
        flex-direction: column;
        gap: 16px;
    }

    .career-company-event-hero-image {
        height: 230px;
    }

    .career-company-event-main {
        padding: 40px 0 55px;
    }

    .career-company-event-card {
        padding: 27px 23px;
    }

    .career-company-event-content-header h2 {
        font-size: 20px;
    }

    .career-company-event-description {
        font-size: 13px;
        line-height: 1.9;
    }

    .career-company-event-registration {
        padding: 27px 23px;
    }

    .career-company-event-registration-header h2 {
        font-size: 19px;
    }

    .career-company-event-primary-btn {
        width: 100%;
    }

}


/* ==========================================
   CAREER OFFICE — DYNAMIC PAGES
   Minimal Professional Design
   Bootstrap 4.3.1
========================================== */

.career-dynamic-page {
    --cd-primary: #245b86;
    --cd-teal: #138e86;
    --cd-heading: #1d3044;
    --cd-text: #536477;
    --cd-muted: #718093;
    --cd-border: #e2e8ef;
    --cd-bg: #f5f7fa;

    background: var(--cd-bg);
    color: var(--cd-text);
}

/* ==========================================
   HERO
========================================== */

.career-dynamic-hero {
    padding: 45px 0 48px;
    background: #ffffff;
    border-bottom: 1px solid var(--cd-border);
}

.career-dynamic-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    padding: 0;
    margin-bottom: 30px;
    background: transparent;
    border-radius: 0;
}

.career-dynamic-breadcrumb .breadcrumb-item {
    color: var(--cd-muted);
    font-size: 11px;
    line-height: 1.7;
}

.career-dynamic-breadcrumb .breadcrumb-item a {
    color: var(--cd-primary);
    font-weight: 600;
    text-decoration: none;
}

.career-dynamic-breadcrumb .breadcrumb-item a:hover {
    color: var(--cd-teal);
}

.career-dynamic-breadcrumb .breadcrumb-item.active {
    color: var(--cd-heading);
    font-weight: 600;
}

.career-dynamic-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: #b0bdc9;
    content: "/";
}

.career-dynamic-eyebrow {
    display: block;
    margin-bottom: 15px;
    color: var(--cd-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.career-dynamic-title {
    margin-bottom: 17px;
    color: var(--cd-heading);
    font-size: 33px;
    font-weight: 650;
    line-height: 1.4;
    letter-spacing: -.5px;
    overflow-wrap: anywhere;
}

.career-dynamic-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    color: var(--cd-muted);
    font-size: 11px;
}

.career-dynamic-meta strong {
    color: var(--cd-text);
    font-weight: 600;
}

/* ==========================================
   MAIN
========================================== */

.career-dynamic-main {
    padding: 55px 0 85px;
}

/* ==========================================
   SIDEBAR
========================================== */

.career-dynamic-sidebar {
    position: sticky;
    top: calc(var(--career-header-offset, 90px) + 20px);
    width: 100%;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    padding: 25px 20px;
    background: #ffffff;
    border: 1px solid var(--cd-border);
    border-radius: 10px;
    box-shadow: 0 4px 18px rgba(25,48,72,.035);
}

.career-dynamic-sidebar-header {
    padding-bottom: 20px;
    margin-bottom: 18px;
    border-bottom: 1px solid #edf1f5;
}

.career-dynamic-sidebar-header h2 {
    color: var(--cd-heading);
    font-size: 16px;
    font-weight: 650;
    margin-bottom: 9px;
}

.career-dynamic-sidebar-header p {
    color: var(--cd-muted);
    font-size: 11px;
    line-height: 1.7;
    margin: 0;
}

.career-dynamic-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.career-dynamic-nav li {
    margin-bottom: 5px;
}

.career-dynamic-nav li:last-child {
    margin-bottom: 0;
}

.career-dynamic-nav a {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 11px 12px;
    color: var(--cd-text);
    background: transparent;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.65;
    text-decoration: none;
    transition: background .2s ease, color .2s ease;
}

.career-dynamic-nav a:hover {
    color: var(--cd-primary);
    background: #edf4fa;
    text-decoration: none;
}

.career-dynamic-nav-number {
    flex-shrink: 0;
    color: var(--cd-teal);
    font-size: 10px;
    font-weight: 700;
}

/* ==========================================
   CONTENT CARDS
========================================== */

.career-dynamic-content-card {
    padding: 35px 38px;
    margin-bottom: 24px;
    background: #ffffff;
    border: 1px solid var(--cd-border);
    border-radius: 11px;
    box-shadow: 0 4px 18px rgba(25,48,72,.025);
}

.career-dynamic-content-heading {
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #edf1f5;
}

.career-dynamic-section-label {
    display: block;
    margin-bottom: 11px;
    color: var(--cd-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.career-dynamic-content-heading h2 {
    color: var(--cd-heading);
    font-size: 22px;
    font-weight: 650;
    line-height: 1.5;
    margin: 0;
}

.career-dynamic-anchor {
    scroll-margin-top: calc(var(--career-header-offset, 90px) + 20px);
}

/* ==========================================
   RICH TEXT
========================================== */

.career-dynamic-rich-text {
    color: var(--cd-text);
    font-size: 13.5px;
    line-height: 2;
    overflow-wrap: anywhere;
}

.career-dynamic-rich-text p {
    margin-bottom: 18px;
}

.career-dynamic-rich-text h2,
.career-dynamic-rich-text h3,
.career-dynamic-rich-text h4 {
    color: var(--cd-heading);
    font-weight: 600;
    line-height: 1.5;
    margin: 25px 0 15px;
}

.career-dynamic-rich-text h2 {
    font-size: 20px;
}

.career-dynamic-rich-text h3 {
    font-size: 18px;
}

.career-dynamic-rich-text h4 {
    font-size: 16px;
}

.career-dynamic-rich-text strong {
    color: #344456;
    font-weight: 600;
}

.career-dynamic-rich-text a {
    color: var(--cd-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.career-dynamic-rich-text a:hover {
    color: var(--cd-teal);
}

.career-dynamic-rich-text ul,
.career-dynamic-rich-text ol {
    padding-left: 25px;
    margin-bottom: 20px;
}

.career-dynamic-rich-text li {
    margin-bottom: 8px;
}

.career-dynamic-rich-text img {
    max-width: 100%;
    height: auto;
    border-radius: 7px;
}

.career-dynamic-rich-text iframe {
    max-width: 100%;
}

.career-dynamic-rich-text table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

/* ==========================================
   ACCORDION
========================================== */

.career-dynamic-accordion-container {
    max-width: 950px;
    margin: 0 auto;
}

.career-dynamic-accordion-card {
    margin-bottom: 12px;
    background: #ffffff;
    border: 1px solid var(--cd-border) !important;
    border-radius: 9px !important;
    overflow: hidden;
    box-shadow: none;
}

.career-dynamic-accordion-card .card-header {
    padding: 0;
    background: #ffffff;
    border: none;
}

.career-dynamic-accordion-btn {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    min-height: 65px;
    padding: 19px 23px;
    color: var(--cd-heading);
    background: #ffffff;
    border: 0;
    text-align: left;
    cursor: pointer;
    transition: background .2s ease;
}

.career-dynamic-accordion-btn:hover {
    background: #f8fafc;
}

.career-dynamic-accordion-btn:focus {
    outline: 2px solid var(--cd-teal);
    outline-offset: -2px;
}

.career-dynamic-accordion-number {
    flex-shrink: 0;
    color: var(--cd-teal);
    font-size: 12px;
    font-weight: 700;
}

.career-dynamic-accordion-text {
    flex: 1;
    min-width: 0;
    color: var(--cd-heading);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
}

.career-dynamic-accordion-arrow {
    flex-shrink: 0;
    width: 9px;
    height: 9px;
    border-right: 2px solid #718093;
    border-bottom: 2px solid #718093;
    transform: rotate(45deg);
    transition: transform .2s ease;
}

.career-dynamic-accordion-btn[aria-expanded="true"]
.career-dynamic-accordion-arrow {
    transform: rotate(225deg);
}

.career-dynamic-accordion-card .card-body {
    padding: 25px 28px;
    border-top: 1px solid #edf1f5;
}

/* ==========================================
   ACCESSIBILITY
========================================== */

.career-dynamic-page a:focus-visible,
.career-dynamic-page button:focus-visible {
    outline: 2px solid var(--cd-teal);
    outline-offset: 3px;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991.98px) {

    .career-dynamic-hero {
        padding: 40px 0;
    }

    .career-dynamic-title {
        font-size: 28px;
    }

    .career-dynamic-main {
        padding: 40px 0 65px;
    }

    .career-dynamic-sidebar {
        position: static;
        max-height: none;
        overflow: visible;
    }

}

@media (max-width: 767.98px) {

    .career-dynamic-hero {
        padding: 30px 0;
    }

    .career-dynamic-title {
        font-size: 24px;
    }

    .career-dynamic-breadcrumb {
        margin-bottom: 22px;
    }

    .career-dynamic-main {
        padding: 30px 0 50px;
    }

    .career-dynamic-content-card {
        padding: 25px 22px;
    }

    .career-dynamic-content-heading h2 {
        font-size: 19px;
    }

    .career-dynamic-rich-text {
        font-size: 13px;
        line-height: 1.9;
    }

    .career-dynamic-accordion-btn {
        padding: 17px 18px;
        gap: 11px;
    }

    .career-dynamic-accordion-text {
        font-size: 12.5px;
    }

    .career-dynamic-accordion-card .card-body {
        padding: 22px 19px;
    }

}


/* ==========================================
   CAREER OFFICE — MEMORANDUM PROFILE
   Minimal / Professional Design
   Bootstrap 4.3.1
========================================== */

.career-memorandum-page {
    --memorandum-primary: #245b86;
    --memorandum-primary-dark: #173d5e;
    --memorandum-teal: #138e86;
    --memorandum-heading: #1d3044;
    --memorandum-text: #536477;
    --memorandum-muted: #718093;
    --memorandum-border: #e2e8ef;
    --memorandum-bg: #f5f7fa;

    background: var(--memorandum-bg);
    color: var(--memorandum-text);
}

/* ==========================================
   PAGE HEADER
========================================== */

.career-memorandum-hero {
    padding: 70px 0 60px;
    background: #ffffff;
    border-bottom: 1px solid var(--memorandum-border);
}

.career-memorandum-eyebrow {
    display: block;
    color: var(--memorandum-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    margin-bottom: 18px;
}

.career-memorandum-title {
    color: var(--memorandum-heading);
    font-size: 34px;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: -.7px;
    margin-bottom: 18px;
    overflow-wrap: anywhere;
}

.career-memorandum-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    color: var(--memorandum-muted);
    font-size: 12px;
}

.career-memorandum-meta-divider {
    width: 1px;
    height: 13px;
    background: #cbd5df;
}

/* ==========================================
   MAIN CONTENT
========================================== */

.career-memorandum-main {
    padding: 55px 0 75px;
}

/* ==========================================
   SIDEBAR
========================================== */

.career-memorandum-sidebar {
    position: sticky;
    top: 110px;
    width: 100%;
    background: #ffffff;
    border: 1px solid var(--memorandum-border);
    border-radius: 11px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(25,48,72,.035);
}

/* LOGO */

.career-memorandum-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 175px;
    padding: 30px;
    background: #fafbfd;
    border-bottom: 1px solid #edf1f5;
}

.career-memorandum-logo img {
    display: block;
    max-width: 100%;
    max-height: 125px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.career-memorandum-logo-placeholder {
    color: #94a3b8;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

/* SIDEBAR HEADING */

.career-memorandum-sidebar-heading {
    padding: 25px 25px 20px;
}

.career-memorandum-section-label {
    display: block;
    color: var(--memorandum-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.career-memorandum-sidebar-heading h2 {
    color: var(--memorandum-heading);
    font-size: 17px;
    font-weight: 650;
    line-height: 1.5;
    margin-bottom: 8px;
}

.career-memorandum-sidebar-heading p {
    color: var(--memorandum-muted);
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
}

/* ==========================================
   CONTACT INFORMATION
========================================== */

.career-memorandum-info {
    padding: 0 25px 25px;
}

.career-memorandum-info-item {
    padding: 16px 0;
    border-bottom: 1px solid #edf1f5;
}

.career-memorandum-info-item:first-child {
    padding-top: 0;
}

.career-memorandum-info-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.career-memorandum-info-label {
    display: block;
    color: var(--memorandum-muted);
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 8px;
}

.career-memorandum-info-value {
    color: #344456;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

.career-memorandum-info-value a {
    color: var(--memorandum-primary);
    text-decoration: none;
}

.career-memorandum-info-value a:hover {
    color: var(--memorandum-teal);
    text-decoration: underline;
}

/* ==========================================
   MEMORANDUM DESCRIPTION
========================================== */

.career-memorandum-content {
    min-height: 350px;
    padding: 35px 38px;
    background: #ffffff;
    border: 1px solid var(--memorandum-border);
    border-radius: 11px;
    box-shadow: 0 4px 20px rgba(25,48,72,.035);
}

.career-memorandum-content-heading {
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #edf1f5;
}

.career-memorandum-content-heading h2 {
    color: var(--memorandum-heading);
    font-size: 22px;
    font-weight: 650;
    line-height: 1.5;
    margin: 0;
}

/* RICH TEXT */

.career-memorandum-description {
    color: var(--memorandum-text);
    font-size: 13.5px;
    font-weight: 400;
    line-height: 2;
    overflow-wrap: anywhere;
}

.career-memorandum-description p {
    margin-bottom: 18px;
}

.career-memorandum-description h2,
.career-memorandum-description h3,
.career-memorandum-description h4 {
    color: var(--memorandum-heading);
    font-weight: 600;
    line-height: 1.5;
    margin: 25px 0 15px;
}

.career-memorandum-description h2 {
    font-size: 21px;
}

.career-memorandum-description h3 {
    font-size: 18px;
}

.career-memorandum-description h4 {
    font-size: 16px;
}

.career-memorandum-description strong {
    color: #344456;
    font-weight: 600;
}

.career-memorandum-description ul,
.career-memorandum-description ol {
    padding-left: 24px;
    margin-bottom: 20px;
}

.career-memorandum-description li {
    margin-bottom: 8px;
}

.career-memorandum-description img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.career-memorandum-description iframe {
    max-width: 100%;
}

.career-memorandum-description table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

.career-memorandum-description a {
    color: var(--memorandum-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.career-memorandum-description a:hover {
    color: var(--memorandum-teal);
}

.career-memorandum-no-description {
    color: var(--memorandum-muted);
    font-size: 13px;
}

/* ==========================================
   JOBS SECTION
========================================== */

.career-memorandum-jobs {
    padding: 65px 0 85px;
    background: #ffffff;
    border-top: 1px solid var(--memorandum-border);
}

.career-memorandum-jobs-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 35px;
}

.career-memorandum-jobs-header h2 {
    color: var(--memorandum-heading);
    font-size: 25px;
    font-weight: 650;
    margin-bottom: 12px;
}

.career-memorandum-jobs-header p {
    color: var(--memorandum-muted);
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 0;
}

/* ALL JOBS LINK */

.career-memorandum-all-jobs {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--memorandum-primary);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.career-memorandum-all-jobs:hover {
    color: var(--memorandum-teal);
    text-decoration: none;
}

/* AJAX JOBS */

.career-memorandum-jobs-content {
    width: 100%;
}

.career-memorandum-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* LOAD MORE */

.career-memorandum-load-more {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

.career-memorandum-outline-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 12px 24px;
    color: var(--memorandum-primary);
    background: #ffffff;
    border: 1px solid #cbd9e5;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    transition: background .2s ease, color .2s ease;
}

.career-memorandum-outline-btn:hover {
    color: #ffffff;
    background: var(--memorandum-primary);
    border-color: var(--memorandum-primary);
}

/* ==========================================
   ACCESSIBILITY
========================================== */

.career-memorandum-page a:focus-visible {
    outline: 2px solid var(--memorandum-teal);
    outline-offset: 3px;
}

/* ==========================================
   RESPONSIVE TABLET
========================================== */

@media (max-width: 991.98px) {

    .career-memorandum-hero {
        padding: 55px 0 50px;
    }

    .career-memorandum-title {
        font-size: 29px;
    }

    .career-memorandum-main {
        padding: 40px 0 60px;
    }

    .career-memorandum-sidebar {
        position: static;
    }

    .career-memorandum-content {
        padding: 30px;
    }

    .career-memorandum-jobs {
        padding: 55px 0 70px;
    }

}

/* ==========================================
   RESPONSIVE MOBILE
========================================== */

@media (max-width: 767.98px) {

    .career-memorandum-hero {
        padding: 40px 0;
    }

    .career-memorandum-title {
        font-size: 24px;
    }

    .career-memorandum-meta {
        gap: 8px;
        font-size: 11px;
    }

    .career-memorandum-meta-divider {
        display: none;
    }

    .career-memorandum-main {
        padding: 30px 0 45px;
    }

    .career-memorandum-logo {
        min-height: 145px;
        padding: 22px;
    }

    .career-memorandum-logo img {
        max-height: 105px;
    }

    .career-memorandum-sidebar-heading {
        padding: 22px 22px 18px;
    }

    .career-memorandum-info {
        padding: 0 22px 22px;
    }

    .career-memorandum-content {
        padding: 25px 23px;
        min-height: auto;
    }

    .career-memorandum-content-heading h2 {
        font-size: 19px;
    }

    .career-memorandum-description {
        font-size: 13px;
        line-height: 1.9;
    }

    .career-memorandum-jobs {
        padding: 45px 0 55px;
    }

    .career-memorandum-jobs-header h2 {
        font-size: 21px;
    }

    .career-memorandum-load-more {
        margin-top: 25px;
    }

    .career-memorandum-outline-btn {
        width: 100%;
    }

}


/* ==========================================
   CAREER OFFICE — TEAM / STAFF PAGE
   Minimal Professional Design
   Bootstrap 4.3.1
========================================== */

.career-team-page {
    --team-primary: #245b86;
    --team-primary-dark: #173d5e;
    --team-teal: #138e86;
    --team-heading: #1d3044;
    --team-text: #536477;
    --team-muted: #718093;
    --team-border: #e2e8ef;
    --team-bg: #f5f7fa;

    background: var(--team-bg);
    color: var(--team-text);
}

/* ==========================================
   PAGE HEADER
========================================== */

.career-team-hero {
    padding: 75px 0 65px;
    background: #ffffff;
    border-bottom: 1px solid var(--team-border);
}

.career-team-hero-content {
    max-width: 800px;
}

.career-team-eyebrow {
    display: block;
    margin-bottom: 17px;
    color: var(--team-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.career-team-title {
    color: var(--team-heading);
    font-size: 35px;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: -.6px;
    margin-bottom: 18px;
}

.career-team-subtitle {
    max-width: 700px;
    color: var(--team-muted);
    font-size: 14px;
    line-height: 1.9;
    margin: 0;
}

/* ==========================================
   TEAM SECTION
========================================== */

.career-team-section {
    padding: 65px 0 90px;
}

.career-team-section-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 35px;
}

.career-team-section-label {
    display: block;
    color: var(--team-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.career-team-section-header h2 {
    color: var(--team-heading);
    font-size: 25px;
    font-weight: 650;
    line-height: 1.4;
    margin-bottom: 12px;
}

.career-team-section-header p {
    max-width: 650px;
    color: var(--team-muted);
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 0;
}

/* MEMBERS COUNT */
.career-team-count {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    color: #52687b;
    background: #ffffff;
    border: 1px solid var(--team-border);
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
}

/* ==========================================
   TEAM CARDS
========================================== */

.career-team-grid > .col-lg-4 {
    display: flex;
}

.career-team-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: #ffffff;
    border: 1px solid var(--team-border);
    border-radius: 11px;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.career-team-card:hover {
    border-color: #c7d6e2;
    box-shadow: 0 8px 22px rgba(25,48,72,.045);
}

.career-team-card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    padding: 30px;
}

/* AVATAR WITH INITIALS */
.career-team-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    margin-bottom: 25px;
    color: var(--team-primary);
    background: #edf4fa;
    border: 1px solid #dce8f2;
    border-radius: 50%;
    font-size: 22px;
    font-weight: 650;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* NAME */
.career-team-member-name {
    color: var(--team-heading);
    font-size: 18px;
    font-weight: 650;
    line-height: 1.5;
    margin-bottom: 8px;
}

/* POSITION */
.career-team-member-position {
    color: var(--team-muted);
    font-size: 12.5px;
    line-height: 1.7;
    min-height: 21px;
    margin-bottom: 0;
}

/* DIVIDER */
.career-team-divider {
    width: 100%;
    height: 1px;
    margin: 25px 0 20px;
    background: #edf1f5;
}

/* CONTACT */
.career-team-contact-label {
    color: #8a97a6;
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 9px;
}

.career-team-member-email {
    color: var(--team-primary);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.career-team-member-email:hover {
    color: var(--team-teal);
    text-decoration: underline;
}

.career-team-no-email {
    color: var(--team-muted);
    font-size: 12px;
}

/* ==========================================
   EMPTY STATE
========================================== */

.career-team-empty {
    width: 100%;
    padding: 55px 30px;
    background: #ffffff;
    border: 1px dashed #dce4ec;
    border-radius: 10px;
    text-align: center;
}

.career-team-empty h3 {
    color: var(--team-heading);
    font-size: 18px;
    font-weight: 650;
    margin-bottom: 12px;
}

.career-team-empty p {
    color: var(--team-muted);
    font-size: 13px;
    line-height: 1.8;
    margin: 0;
}

/* ==========================================
   ACCESSIBILITY
========================================== */

.career-team-page a:focus-visible {
    outline: 2px solid var(--team-teal);
    outline-offset: 3px;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991.98px) {

    .career-team-hero {
        padding: 55px 0 50px;
    }

    .career-team-title {
        font-size: 29px;
    }

    .career-team-section {
        padding: 50px 0 70px;
    }

}

@media (max-width: 767.98px) {

    .career-team-hero {
        padding: 40px 0;
    }

    .career-team-title {
        font-size: 25px;
    }

    .career-team-subtitle {
        font-size: 13px;
    }

    .career-team-section {
        padding: 40px 0 55px;
    }

    .career-team-section-header h2 {
        font-size: 21px;
    }

    .career-team-card-body {
        padding: 25px;
    }

    .career-team-avatar {
        width: 60px;
        height: 60px;
        font-size: 19px;
        margin-bottom: 20px;
    }

    .career-team-member-name {
        font-size: 16px;
    }

}


/* ==========================================
   CAREER OFFICE — POSTGRADUATE PROFILE
   Minimal / Professional Design
========================================== */

.career-postgraduate-page {
    --pg-primary: #245b86;
    --pg-primary-dark: #173d5e;
    --pg-teal: #138e86;
    --pg-heading: #1d3044;
    --pg-text: #536477;
    --pg-muted: #718093;
    --pg-border: #e2e8ef;
    --pg-background: #f5f7fa;

    background: var(--pg-background);
    color: var(--pg-text);
}

/* HEADER */
.career-postgraduate-hero {
    padding: 70px 0 60px;
    background: #ffffff;
    border-bottom: 1px solid var(--pg-border);
}

.career-postgraduate-eyebrow {
    display: block;
    color: var(--pg-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    margin-bottom: 18px;
}

.career-postgraduate-title {
    color: var(--pg-heading);
    font-size: 34px;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: -.6px;
    margin-bottom: 18px;
    overflow-wrap: anywhere;
}

.career-postgraduate-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    color: var(--pg-muted);
    font-size: 12px;
}

.career-postgraduate-meta-divider {
    width: 1px;
    height: 13px;
    background: #cbd5df;
}

/* MAIN */
.career-postgraduate-main {
    padding: 55px 0 75px;
}

/* SIDEBAR */
.career-postgraduate-sidebar {
    position: sticky;
    top: calc(var(--career-header-offset, 90px) + 20px);
    background: #ffffff;
    border: 1px solid var(--pg-border);
    border-radius: 11px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(25,48,72,.035);
}

.career-postgraduate-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 175px;
    padding: 30px;
    background: #fafbfd;
    border-bottom: 1px solid #edf1f5;
}

.career-postgraduate-logo img {
    display: block;
    max-width: 100%;
    max-height: 125px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.career-postgraduate-logo-placeholder {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
}

.career-postgraduate-sidebar-heading {
    padding: 25px 25px 20px;
}

.career-postgraduate-section-label {
    display: block;
    color: var(--pg-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.career-postgraduate-sidebar-heading h2 {
    color: var(--pg-heading);
    font-size: 17px;
    font-weight: 650;
    line-height: 1.5;
    margin-bottom: 8px;
}

.career-postgraduate-sidebar-heading p {
    color: var(--pg-muted);
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
}

.career-postgraduate-info {
    padding: 0 25px 25px;
}

.career-postgraduate-info-item {
    padding: 16px 0;
    border-bottom: 1px solid #edf1f5;
}

.career-postgraduate-info-item:first-child {
    padding-top: 0;
}

.career-postgraduate-info-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.career-postgraduate-info-label {
    display: block;
    color: var(--pg-muted);
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 8px;
}

.career-postgraduate-info-value {
    color: #344456;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

.career-postgraduate-info-value a {
    color: var(--pg-primary);
    text-decoration: none;
}

.career-postgraduate-info-value a:hover {
    color: var(--pg-teal);
    text-decoration: underline;
}

/* DEPARTMENTS & TAGS */
.career-postgraduate-departments,
.career-postgraduate-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.career-postgraduate-department,
.career-postgraduate-tag {
    display: inline-block;
    padding: 7px 10px;
    color: #536477;
    background: #f1f5f8;
    border: 1px solid #e5ebf1;
    border-radius: 5px;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 500;
}

/* CONTENT */
.career-postgraduate-content {
    min-height: 350px;
    padding: 35px 38px;
    background: #ffffff;
    border: 1px solid var(--pg-border);
    border-radius: 11px;
    box-shadow: 0 4px 20px rgba(25,48,72,.035);
}

.career-postgraduate-content-heading {
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #edf1f5;
}

.career-postgraduate-content-heading h2 {
    color: var(--pg-heading);
    font-size: 22px;
    font-weight: 650;
    line-height: 1.5;
    margin: 0;
}

/* RICH TEXT */
.career-postgraduate-description {
    color: var(--pg-text);
    font-size: 13.5px;
    line-height: 2;
    overflow-wrap: anywhere;
}

.career-postgraduate-description p {
    margin-bottom: 18px;
}

.career-postgraduate-description h2,
.career-postgraduate-description h3,
.career-postgraduate-description h4 {
    color: var(--pg-heading);
    font-weight: 600;
    line-height: 1.5;
    margin: 25px 0 15px;
}

.career-postgraduate-description h2 {
    font-size: 21px;
}

.career-postgraduate-description h3 {
    font-size: 18px;
}

.career-postgraduate-description h4 {
    font-size: 16px;
}

.career-postgraduate-description ul,
.career-postgraduate-description ol {
    padding-left: 24px;
    margin-bottom: 20px;
}

.career-postgraduate-description li {
    margin-bottom: 8px;
}

.career-postgraduate-description img {
    max-width: 100%;
    height: auto;
}

.career-postgraduate-description iframe {
    max-width: 100%;
}

.career-postgraduate-description table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

.career-postgraduate-description a {
    color: var(--pg-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.career-postgraduate-description a:hover {
    color: var(--pg-teal);
}

/* JOBS */
.career-postgraduate-jobs {
    padding: 65px 0 85px;
    background: #ffffff;
    border-top: 1px solid var(--pg-border);
}

.career-postgraduate-jobs-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 35px;
}

.career-postgraduate-jobs-header h2 {
    color: var(--pg-heading);
    font-size: 25px;
    font-weight: 650;
    margin-bottom: 12px;
}

.career-postgraduate-jobs-header p {
    color: var(--pg-muted);
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 0;
}

.career-postgraduate-all-jobs {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--pg-primary);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.career-postgraduate-all-jobs:hover {
    color: var(--pg-teal);
    text-decoration: none;
}

.career-postgraduate-loading {
    display: flex;
    justify-content: center;
    text-align: center;
}

.career-postgraduate-load-more {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

.career-postgraduate-outline-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 12px 24px;
    color: var(--pg-primary);
    background: #ffffff;
    border: 1px solid #cbd9e5;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
}

.career-postgraduate-outline-btn:hover {
    color: #ffffff;
    background: var(--pg-primary);
    border-color: var(--pg-primary);
}

/* ACCESSIBILITY */
.career-postgraduate-page a:focus-visible {
    outline: 2px solid var(--pg-teal);
    outline-offset: 3px;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {

    .career-postgraduate-hero {
        padding: 55px 0 50px;
    }

    .career-postgraduate-title {
        font-size: 29px;
    }

    .career-postgraduate-main {
        padding: 40px 0 60px;
    }

    .career-postgraduate-sidebar {
        position: static;
    }

    .career-postgraduate-content {
        padding: 30px;
    }

    .career-postgraduate-jobs {
        padding: 55px 0 70px;
    }
}

@media (max-width: 767.98px) {

    .career-postgraduate-hero {
        padding: 40px 0;
    }

    .career-postgraduate-title {
        font-size: 24px;
    }

    .career-postgraduate-meta {
        font-size: 11px;
    }

    .career-postgraduate-meta-divider {
        display: none;
    }

    .career-postgraduate-main {
        padding: 30px 0 45px;
    }

    .career-postgraduate-logo {
        min-height: 145px;
        padding: 22px;
    }

    .career-postgraduate-logo img {
        max-height: 105px;
    }

    .career-postgraduate-content {
        min-height: auto;
        padding: 25px 23px;
    }

    .career-postgraduate-content-heading h2 {
        font-size: 19px;
    }

    .career-postgraduate-description {
        font-size: 13px;
        line-height: 1.9;
    }

    .career-postgraduate-jobs {
        padding: 45px 0 55px;
    }

    .career-postgraduate-jobs-header h2 {
        font-size: 21px;
    }

    .career-postgraduate-outline-btn {
        width: 100%;
    }
}


/* ==================================================
   CAREER OFFICE — CONTACT PAGE
   Minimal Professional Design
   Bootstrap 4.3.1
================================================== */

.career-contact-page {
    --contact-primary: #245b86;
    --contact-primary-dark: #173d5e;
    --contact-teal: #138e86;
    --contact-heading: #1d3044;
    --contact-text: #536477;
    --contact-muted: #718093;
    --contact-border: #e2e8ef;
    --contact-bg: #f5f7fa;

    background: var(--contact-bg);
    color: var(--contact-text);
}

/* ==========================================
   HERO
========================================== */

.career-contact-hero {
    padding: 70px 0 85px;
    background: #ffffff;
    border-bottom: 1px solid var(--contact-border);
}

.career-contact-hero-content {
    max-width: 790px;
}

.career-contact-eyebrow {
    display: block;
    margin-bottom: 17px;
    color: var(--contact-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.career-contact-title {
    margin-bottom: 18px;
    color: var(--contact-heading);
    font-size: 35px;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: -.6px;
}

.career-contact-subtitle {
    max-width: 730px;
    margin: 0;
    color: var(--contact-muted);
    font-size: 14px;
    line-height: 1.9;
}

/* ==========================================
   CONTACT INFORMATION
========================================== */

.career-contact-info-section {
    padding: 55px 0 35px;
    background: var(--contact-bg);
}

.career-contact-info-section .row > div {
    display: flex;
}

.career-contact-info-card {
    width: 100%;
    min-height: 180px;
    padding: 28px 30px;
    background: #ffffff;
    border: 1px solid var(--contact-border);
    border-radius: 11px;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.career-contact-info-card:hover {
    border-color: #c7d6e2;
    box-shadow: 0 7px 22px rgba(25,48,72,.045);
}

.career-contact-info-label,
.career-contact-section-label {
    display: block;
    margin-bottom: 13px;
    color: var(--contact-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.career-contact-info-card h2 {
    margin-bottom: 13px;
    color: var(--contact-heading);
    font-size: 17px;
    font-weight: 650;
    line-height: 1.5;
}

.career-contact-info-card p,
.career-contact-info-value {
    margin: 0;
    color: var(--contact-text);
    font-size: 12.5px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.career-contact-info-card a {
    color: var(--contact-primary);
    font-size: inherit;
    font-weight: 600;
    text-decoration: none;
}

.career-contact-info-card a:hover {
    color: var(--contact-teal);
    text-decoration: underline;
}

/* ==========================================
   FORM SECTION
========================================== */

.career-contact-form-section {
    padding: 65px 0 85px;
    background: #ffffff;
    border-top: 1px solid var(--contact-border);
}

.career-contact-form-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.7fr);
    align-items: start;
    gap: 50px;
}

.career-contact-form-intro {
    padding-top: 12px;
}

.career-contact-form-intro h2 {
    margin-bottom: 18px;
    color: var(--contact-heading);
    font-size: 26px;
    font-weight: 650;
    line-height: 1.4;
}

.career-contact-form-intro > p {
    margin-bottom: 27px;
    color: var(--contact-muted);
    font-size: 13px;
    line-height: 1.9;
}

.career-contact-form-help {
    padding: 20px 22px;
    background: #f5f8fb;
    border: 1px solid #e2e8ef;
    border-left: 3px solid var(--contact-teal);
    border-radius: 7px;
}

.career-contact-form-help strong {
    display: block;
    margin-bottom: 9px;
    color: var(--contact-heading);
    font-size: 12px;
    font-weight: 650;
}

.career-contact-form-help p {
    margin: 0;
    color: var(--contact-muted);
    font-size: 11.5px;
    line-height: 1.8;
}

/* ==========================================
   FORM CARD
========================================== */

.career-contact-form-card {
    min-width: 0;
    padding: 35px 38px;
    background: #ffffff;
    border: 1px solid var(--contact-border);
    border-radius: 11px;
    box-shadow: 0 6px 26px rgba(25,48,72,.045);
}

.career-contact-form-heading {
    padding-bottom: 23px;
    margin-bottom: 28px;
    border-bottom: 1px solid #edf1f5;
}

.career-contact-form-heading h3 {
    margin-bottom: 10px;
    color: var(--contact-heading);
    font-size: 20px;
    font-weight: 650;
}

.career-contact-form-heading p {
    margin: 0;
    color: var(--contact-muted);
    font-size: 12px;
    line-height: 1.8;
}

/* FORM FIELDS */
.career-contact-form-group {
    width: 100%;
}

.career-contact-form-group > label {
    display: block;
    margin-bottom: 10px;
    color: #344456;
    font-size: 12px;
    font-weight: 600;
}

.career-contact-required {
    color: #cf4856;
    margin-left: 3px;
}

.career-contact-form-group input:not([type="checkbox"]):not([type="radio"]),
.career-contact-form-group select,
.career-contact-form-group textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 45px;
    padding: 11px 13px;
    color: #344456;
    background: #ffffff;
    border: 1px solid #d8e1ea;
    border-radius: 7px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.career-contact-form-group textarea {
    min-height: 155px;
    height: auto;
    resize: vertical;
    line-height: 1.8;
}

.career-contact-form-group input:focus,
.career-contact-form-group select:focus,
.career-contact-form-group textarea:focus {
    outline: none;
    border-color: var(--contact-primary);
    box-shadow: 0 0 0 3px rgba(36,91,134,.09);
}

.career-contact-form-group input::placeholder,
.career-contact-form-group textarea::placeholder {
    color: #a0adba;
    opacity: 1;
}

.career-contact-message-group {
    margin-bottom: 24px;
}

.career-contact-field-errors {
    margin-top: 8px;
    color: #c33d49;
    font-size: 11.5px;
    line-height: 1.6;
}

.career-contact-field-errors ul {
    padding-left: 18px;
    margin: 0;
}

/* AJAX RESPONSE */
.career-contact-result {
    font-size: 12px;
    line-height: 1.7;
}

.career-contact-result:not(:empty) {
    margin-bottom: 20px;
}

/* ==========================================
   SUBMIT BUTTON
========================================== */

.career-contact-form-footer {
    padding-top: 23px;
    border-top: 1px solid #edf1f5;
}

.career-contact-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 190px;
    min-height: 45px;
    padding: 12px 26px;
    color: #ffffff !important;
    background: var(--contact-primary);
    border: 1px solid var(--contact-primary);
    border-radius: 7px;
    font-size: 12px;
    font-weight: 650;
    transition: background .2s ease;
}

.career-contact-submit-btn:hover,
.career-contact-submit-btn:focus {
    color: #ffffff;
    background: var(--contact-primary-dark);
    border-color: var(--contact-primary-dark);
}

.career-contact-submit-btn:disabled {
    opacity: .65;
    cursor: not-allowed;
}

.career-contact-form-footer p {
    margin: 15px 0 0;
    color: var(--contact-muted);
    font-size: 11px;
    line-height: 1.8;
}

/* ==========================================
   MAP SECTION
========================================== */

.career-contact-map-section {
    padding: 65px 0 85px;
    background: var(--contact-bg);
    border-top: 1px solid var(--contact-border);
}

.career-contact-map-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}

.career-contact-map-header h2 {
    margin-bottom: 10px;
    color: var(--contact-heading);
    font-size: 25px;
    font-weight: 650;
}

.career-contact-map-header p {
    margin: 0;
    color: var(--contact-muted);
    font-size: 13px;
    line-height: 1.8;
}

.career-contact-directions {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--contact-primary);
    font-size: 12px;
    font-weight: 650;
    text-decoration: none;
}

.career-contact-directions:hover {
    color: var(--contact-teal);
    text-decoration: none;
}

.career-contact-map-wrapper {
    width: 100%;
    background: #e9eff4;
    border: 1px solid var(--contact-border);
    border-radius: 11px;
    overflow: hidden;
}

.career-contact-google-map {
    width: 100%;
    height: 410px;
    min-height: 410px;
}

.career-contact-google-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

/* ==========================================
   ACCESSIBILITY
========================================== */

.career-contact-page a:focus-visible,
.career-contact-page button:focus-visible {
    outline: 2px solid var(--contact-teal);
    outline-offset: 3px;
}

/* ==========================================
   TABLET
========================================== */

@media (max-width: 991.98px) {

    .career-contact-hero {
        padding: 55px 0 65px;
    }

    .career-contact-title {
        font-size: 29px;
    }

    .career-contact-form-layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .career-contact-form-intro {
        padding-top: 0;
    }

    .career-contact-form-intro > p {
        max-width: 650px;
    }

    .career-contact-form-help {
        max-width: 650px;
    }

    .career-contact-info-section {
        padding: 40px 0 25px;
    }

    .career-contact-form-section,
    .career-contact-map-section {
        padding: 55px 0 65px;
    }

}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767.98px) {

    .career-contact-hero {
        padding: 40px 0 45px;
    }

    .career-contact-title {
        font-size: 24px;
    }

    .career-contact-subtitle {
        font-size: 13px;
    }

    .career-contact-info-section {
        padding: 30px 0 15px;
    }

    .career-contact-info-card {
        min-height: 0;
        padding: 24px;
    }

    .career-contact-form-section {
        padding: 40px 0 50px;
    }

    .career-contact-form-intro h2 {
        font-size: 22px;
    }

    .career-contact-form-card {
        padding: 24px 21px;
    }

    .career-contact-form-heading h3 {
        font-size: 18px;
    }

    .career-contact-submit-btn {
        width: 100%;
    }

    .career-contact-map-section {
        padding: 40px 0 50px;
    }

    .career-contact-map-header h2 {
        font-size: 21px;
    }

    .career-contact-google-map {
        height: 300px;
        min-height: 300px;
    }

}

@media (prefers-reduced-motion: reduce) {
    .career-contact-page * {
        scroll-behavior: auto;
        transition-duration: 0.01ms;
    }
}


/* ==================================================
   CAREER OFFICE — PRIVACY PAGE
   Minimal Professional Design
   Bootstrap 4.3.1
================================================== */

.career-privacy-page {
    --privacy-primary: #245b86;
    --privacy-primary-dark: #173d5e;
    --privacy-teal: #138e86;
    --privacy-heading: #1d3044;
    --privacy-text: #536477;
    --privacy-muted: #718093;
    --privacy-border: #e2e8ef;
    --privacy-background: #f5f7fa;

    background: var(--privacy-background);
    color: var(--privacy-text);
}

/* ==========================================
   HERO
========================================== */

.career-privacy-hero {
    padding: 70px 0 65px;
    background: #ffffff;
    border-bottom: 1px solid var(--privacy-border);
}

.career-privacy-hero-content {
    max-width: 850px;
}

.career-privacy-eyebrow {
    display: block;
    margin-bottom: 17px;
    color: var(--privacy-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.career-privacy-title {
    margin-bottom: 18px;
    color: var(--privacy-heading);
    font-size: 35px;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: -.6px;
}

.career-privacy-subtitle {
    max-width: 750px;
    margin-bottom: 0;
    color: var(--privacy-muted);
    font-size: 14px;
    line-height: 1.9;
}

/* ==========================================
   MAIN SECTION
========================================== */

.career-privacy-section {
    padding: 60px 0 90px;
}

.career-privacy-container {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
}

/* ==========================================
   CONTENT CARD
========================================== */

.career-privacy-card {
    width: 100%;
    padding: 45px 50px;
    background: #ffffff;
    border: 1px solid var(--privacy-border);
    border-radius: 11px;
    box-shadow: 0 5px 24px rgba(25, 48, 72, .035);
}

.career-privacy-card-header {
    padding-bottom: 25px;
    margin-bottom: 35px;
    border-bottom: 1px solid #edf1f5;
}

.career-privacy-section-label {
    display: block;
    margin-bottom: 12px;
    color: var(--privacy-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.career-privacy-card-header h2 {
    margin-bottom: 12px;
    color: var(--privacy-heading);
    font-size: 24px;
    font-weight: 650;
    line-height: 1.5;
}

.career-privacy-card-header p {
    max-width: 750px;
    margin: 0;
    color: var(--privacy-muted);
    font-size: 13px;
    line-height: 1.85;
}

/* ==========================================
   GDPR RICH TEXT CONTENT
========================================== */

.career-privacy-content {
    width: 100%;
    color: var(--privacy-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    overflow-wrap: anywhere;
}

/* PARAGRAPHS */

.career-privacy-content p {
    margin-bottom: 20px;
}

/* HEADINGS */

.career-privacy-content h1,
.career-privacy-content h2,
.career-privacy-content h3,
.career-privacy-content h4,
.career-privacy-content h5,
.career-privacy-content h6 {
    color: var(--privacy-heading);
    font-weight: 650;
    line-height: 1.5;
    margin: 30px 0 17px;
}

.career-privacy-content h1 {
    font-size: 25px;
}

.career-privacy-content h2 {
    font-size: 22px;
}

.career-privacy-content h3 {
    font-size: 19px;
}

.career-privacy-content h4 {
    font-size: 17px;
}

.career-privacy-content h5,
.career-privacy-content h6 {
    font-size: 15px;
}

/* STRONG */

.career-privacy-content strong,
.career-privacy-content b {
    color: #344456;
    font-weight: 650;
}

/* LISTS */

.career-privacy-content ul,
.career-privacy-content ol {
    padding-left: 26px;
    margin: 16px 0 23px;
}

.career-privacy-content li {
    padding-left: 4px;
    margin-bottom: 11px;
    line-height: 1.85;
}

.career-privacy-content ul {
    list-style-type: disc;
}

.career-privacy-content ol {
    list-style-type: decimal;
}

/* LINKS */

.career-privacy-content a {
    color: var(--privacy-primary);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.career-privacy-content a:hover {
    color: var(--privacy-teal);
}

/* TABLES */

.career-privacy-content table {
    width: 100%;
    max-width: 100%;
    margin: 25px 0;
    border-collapse: collapse;
}

.career-privacy-content th,
.career-privacy-content td {
    padding: 13px 15px;
    border: 1px solid var(--privacy-border);
    text-align: left;
    font-size: 12.5px;
    line-height: 1.7;
}

.career-privacy-content th {
    color: var(--privacy-heading);
    background: #f2f6fa;
    font-weight: 650;
}

.career-privacy-content tr:nth-child(even) td {
    background: #fafbfd;
}

/* BLOCKQUOTE */

.career-privacy-content blockquote {
    margin: 25px 0;
    padding: 20px 25px;
    color: #536477;
    background: #f5f8fb;
    border-left: 3px solid var(--privacy-teal);
    border-radius: 0 7px 7px 0;
    font-size: 13.5px;
    line-height: 1.9;
}

/* IMAGES */

.career-privacy-content img {
    max-width: 100%;
    height: auto;
    border-radius: 7px;
}

/* IFRAMES */

.career-privacy-content iframe {
    max-width: 100%;
}

/* HORIZONTAL DIVIDER */

.career-privacy-content hr {
    margin: 35px 0;
    border: none;
    border-top: 1px solid var(--privacy-border);
}

/* ==========================================
   ACCESSIBILITY
========================================== */

.career-privacy-page a:focus-visible {
    outline: 2px solid var(--privacy-teal);
    outline-offset: 3px;
}

/* ==========================================
   TABLET
========================================== */

@media (max-width: 991.98px) {

    .career-privacy-hero {
        padding: 55px 0 50px;
    }

    .career-privacy-title {
        font-size: 29px;
    }

    .career-privacy-section {
        padding: 45px 0 65px;
    }

    .career-privacy-card {
        padding: 35px;
    }

}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767.98px) {

    .career-privacy-hero {
        padding: 40px 0 45px;
    }

    .career-privacy-title {
        font-size: 24px;
    }

    .career-privacy-subtitle {
        font-size: 13px;
    }

    .career-privacy-section {
        padding: 30px 0 55px;
    }

    .career-privacy-card {
        padding: 25px 21px;
        border-radius: 9px;
    }

    .career-privacy-card-header {
        padding-bottom: 20px;
        margin-bottom: 25px;
    }

    .career-privacy-card-header h2 {
        font-size: 20px;
    }

    .career-privacy-content {
        font-size: 13px;
        line-height: 1.9;
    }

    .career-privacy-content h1 {
        font-size: 21px;
    }

    .career-privacy-content h2 {
        font-size: 19px;
    }

    .career-privacy-content h3 {
        font-size: 17px;
    }

    .career-privacy-content th,
    .career-privacy-content td {
        padding: 10px;
        font-size: 11.5px;
    }

}


/* ==================================================
   CAREER OFFICE — EMPLOYER LOGIN
   Minimal Professional Design
   Bootstrap 4.3.1
================================================== */

.career-employer-login-page {
    --employer-login-primary: #245b86;
    --employer-login-primary-dark: #173d5e;
    --employer-login-teal: #138e86;
    --employer-login-heading: #1d3044;
    --employer-login-text: #536477;
    --employer-login-muted: #718093;
    --employer-login-border: #e2e8ef;
    --employer-login-bg: #f5f7fa;

    background: var(--employer-login-bg);
    color: var(--employer-login-text);
    min-height: 100vh;
}

/* ==========================================
   MAIN SECTION
========================================== */

.career-employer-login-section {
    padding: 65px 0 95px;
}

.career-employer-login-wrapper {
    width: 100%;
    max-width: 510px;
    margin: 0 auto;
}

/* ==========================================
   PAGE HEADER
========================================== */

.career-employer-login-header {
    margin-bottom: 33px;
    text-align: center;
}

.career-employer-login-eyebrow {
    display: block;
    margin-bottom: 17px;
    color: var(--employer-login-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.1px;
}

.career-employer-login-header h1 {
    margin-bottom: 15px;
    color: var(--employer-login-heading);
    font-size: 30px;
    font-weight: 650;
    line-height: 1.4;
}

.career-employer-login-header p {
    margin: 0;
    color: var(--employer-login-muted);
    font-size: 13px;
    line-height: 1.9;
}

.career-employer-login-header p strong {
    color: var(--employer-login-heading);
    font-weight: 600;
}

/* ==========================================
   LOGIN CARD
========================================== */

.career-employer-login-card {
    padding: 37px 39px;
    background: #ffffff;
    border: 1px solid var(--employer-login-border);
    border-radius: 12px;
    box-shadow: 0 7px 28px rgba(25,48,72,.045);
}

.career-employer-login-card-header {
    padding-bottom: 22px;
    margin-bottom: 28px;
    border-bottom: 1px solid #edf1f5;
}

.career-employer-login-card-header h2 {
    margin-bottom: 9px;
    color: var(--employer-login-heading);
    font-size: 21px;
    font-weight: 650;
}

.career-employer-login-card-header p {
    margin: 0;
    color: var(--employer-login-muted);
    font-size: 12px;
    line-height: 1.7;
}

/* ==========================================
   FORM
========================================== */

.career-employer-login-form-group {
    margin-bottom: 23px;
}

.career-employer-login-form-group > label,
.career-employer-login-password-heading label {
    display: block;
    margin-bottom: 10px;
    color: #344456;
    font-size: 12px;
    font-weight: 600;
}

.career-employer-login-form-group input:not([type="checkbox"]):not([type="radio"]) {
    display: block;
    width: 100%;
    height: 47px;
    padding: 11px 14px;
    color: #344456;
    background: #ffffff;
    border: 1px solid #d8e1ea;
    border-radius: 7px;
    font-family: inherit;
    font-size: 13px;
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.career-employer-login-form-group input:focus {
    outline: none;
    border-color: var(--employer-login-primary);
    box-shadow: 0 0 0 3px rgba(36,91,134,.09);
}

.career-employer-login-form-group input::placeholder {
    color: #9baab8;
    opacity: 1;
}

/* PASSWORD HEADING */

.career-employer-login-password-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.career-employer-login-password-heading label {
    margin: 0;
}

.career-employer-login-forgot {
    color: var(--employer-login-primary);
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
}

.career-employer-login-forgot:hover {
    color: var(--employer-login-teal);
    text-decoration: underline;
}

/* ==========================================
   ERRORS
========================================== */

.career-employer-login-alert {
    margin-bottom: 22px;
    border-radius: 7px;
    font-size: 12px;
    line-height: 1.7;
}

.career-employer-login-field-error {
    margin-top: 8px;
    color: #c33d49;
    font-size: 11.5px;
    line-height: 1.6;
}

.career-employer-login-field-error ul {
    padding-left: 18px;
    margin: 0;
}

.career-employer-login-result {
    font-size: 12px;
    line-height: 1.7;
}

.career-employer-login-result:not(:empty) {
    margin-bottom: 15px;
}

/* ==========================================
   LOGIN BUTTON
========================================== */

.career-employer-login-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 47px;
    padding: 12px 24px;
    color: #ffffff !important;
    background: var(--employer-login-primary);
    border: 1px solid var(--employer-login-primary);
    border-radius: 7px;
    font-size: 13px;
    font-weight: 650;
    transition: background .2s ease, border-color .2s ease;
}

.career-employer-login-submit:hover,
.career-employer-login-submit:focus {
    color: #ffffff;
    background: var(--employer-login-primary-dark);
    border-color: var(--employer-login-primary-dark);
}

.career-employer-login-submit:disabled {
    opacity: .65;
    cursor: not-allowed;
}

/* ==========================================
   REGISTRATION
========================================== */

.career-employer-login-register {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 27px;
    padding-top: 25px;
    border-top: 1px solid #edf1f5;
    text-align: center;
}

.career-employer-login-register span {
    color: var(--employer-login-muted);
    font-size: 12px;
}

.career-employer-login-register a {
    color: var(--employer-login-primary);
    font-size: 12px;
    font-weight: 650;
    text-decoration: none;
}

.career-employer-login-register a:hover {
    color: var(--employer-login-teal);
    text-decoration: underline;
}

/* ==========================================
   BOTTOM NOTE
========================================== */

.career-employer-login-bottom {
    margin-top: 27px;
    text-align: center;
}

.career-employer-login-bottom p {
    margin: 0;
    color: #8a97a6;
    font-size: 11px;
    line-height: 1.8;
}

/* ==========================================
   ACCESSIBILITY
========================================== */

.career-employer-login-page a:focus-visible,
.career-employer-login-page button:focus-visible {
    outline: 2px solid var(--employer-login-teal);
    outline-offset: 3px;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 767.98px) {

    .career-employer-login-section {
        padding: 42px 0 65px;
    }

    .career-employer-login-header h1 {
        font-size: 25px;
    }

    .career-employer-login-card {
        padding: 27px 23px;
        border-radius: 9px;
    }

    .career-employer-login-card-header h2 {
        font-size: 19px;
    }

    .career-employer-login-password-heading {
        align-items: flex-start;
    }

}

@media (max-width: 400px) {

    .career-employer-login-header h1 {
        font-size: 23px;
    }

    .career-employer-login-card {
        padding: 23px 19px;
    }

}


/* ==========================================
   CAREER OFFICE — SEARCH RESULTS
   Minimal / Professional Design
   Bootstrap 4.3.1
========================================== */

.career-search-page {
    --search-primary: #245b86;
    --search-primary-dark: #173d5e;
    --search-teal: #138e86;
    --search-heading: #1d3044;
    --search-text: #536477;
    --search-muted: #718093;
    --search-border: #e2e8ef;
    --search-bg: #f5f7fa;

    width: 100%;
    background: var(--search-bg);
    color: var(--search-text);
}

/* ==========================================
   HERO
========================================== */

.career-search-hero {
    padding: 65px 0 60px;
    background: #ffffff;
    border-bottom: 1px solid var(--search-border);
}

.career-search-eyebrow {
    display: block;
    margin-bottom: 16px;
    color: var(--search-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.career-search-title {
    margin-bottom: 17px;
    color: var(--search-heading);
    font-size: 34px;
    font-weight: 650;
    line-height: 1.4;
}

.career-search-subtitle {
    max-width: 760px;
    margin: 0;
    color: var(--search-muted);
    font-size: 14px;
    line-height: 1.85;
}

/* ==========================================
   MAIN SECTION
========================================== */

.career-search-main {
    padding: 55px 0 90px;
}

.career-search-heading {
    margin-bottom: 30px;
}

.career-search-section-label {
    display: block;
    margin-bottom: 12px;
    color: var(--search-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.career-search-heading h2 {
    margin-bottom: 0;
    color: var(--search-heading);
    font-size: 24px;
    font-weight: 650;
    line-height: 1.4;
}

/* ==========================================
   RESULTS GRID
========================================== */

.career-search-results {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 20px;
}

/* ==========================================
   RESULT CARD
========================================== */

.career-search-card {
    min-width: 0;
    width: 100%;
    padding: 0;
    background: #ffffff;
    border: 1px solid var(--search-border);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(25,48,72,.025);
}

/* CARD HEADER */

.career-search-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 22px 25px;
    background: #ffffff;
    border-bottom: 1px solid #edf1f5;
}

.career-search-card-category {
    display: block;
    margin-bottom: 9px;
    color: var(--search-teal);
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 1px;
}

.career-search-card-header h3 {
    margin-bottom: 0;
    color: var(--search-heading);
    font-size: 16px;
    font-weight: 650;
    line-height: 1.5;
}

/* STATUS */

.career-search-status {
    display: inline-flex;
    align-items: center;
    padding: 5px 9px;
    color: #138077;
    background: #edf8f6;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 600;
}

/* ==========================================
   RESULT LINKS
========================================== */

.career-search-list {
    list-style: none;
    margin: 0;
    padding: 7px 25px;
}

.career-search-list li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #edf1f5;
}

.career-search-list li:last-child {
    border-bottom: 0;
}

.career-search-result-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
    min-height: 55px;
    padding: 13px 0;
    color: var(--search-text);
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.7;
    text-decoration: none;
    transition: color .2s ease;
}

.career-search-result-link > span:first-child {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.career-search-result-link:hover {
    color: var(--search-primary);
    text-decoration: none;
}

.career-search-arrow {
    flex-shrink: 0;
    color: #91a3b4;
    font-size: 17px;
    font-weight: 400;
    transition: transform .2s ease, color .2s ease;
}

.career-search-result-link:hover .career-search-arrow {
    color: var(--search-teal);
    transform: translateX(4px);
}

/* ==========================================
   EMPTY RESULTS
========================================== */

.career-search-empty {
    width: 100%;
    padding: 23px 25px;
    color: #8796a6;
    background: #fbfcfd;
    font-size: 12px;
    line-height: 1.7;
}

/* ==========================================
   ACCESSIBILITY
========================================== */

.career-search-page a:focus-visible {
    outline: 2px solid var(--search-teal);
    outline-offset: 3px;
}

/* ==========================================
   TABLET
========================================== */

@media (max-width: 991.98px) {

    .career-search-hero {
        padding: 50px 0;
    }

    .career-search-title {
        font-size: 28px;
    }

    .career-search-main {
        padding: 40px 0 65px;
    }

    .career-search-results {
        grid-template-columns: 1fr;
        gap: 17px;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767.98px) {

    .career-search-hero {
        padding: 35px 0 40px;
    }

    .career-search-title {
        font-size: 24px;
    }

    .career-search-subtitle {
        font-size: 13px;
    }

    .career-search-main {
        padding: 32px 0 50px;
    }

    .career-search-heading h2 {
        font-size: 21px;
    }

    .career-search-card-header {
        padding: 19px 20px;
    }

    .career-search-card-header h3 {
        font-size: 15px;
    }

    .career-search-list {
        padding: 5px 20px;
    }

    .career-search-result-link {
        font-size: 12px;
    }

    .career-search-empty {
        padding: 20px;
        font-size: 11.5px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .career-search-result-link,
    .career-search-arrow {
        transition: none;
    }
}


/* ==================================================
   CAREER OFFICE — STUDENT LOGIN
   Minimal / Professional Design
   Bootstrap 4.3.1
================================================== */

.career-student-login-page {
    --sl-primary: #245b86;
    --sl-primary-dark: #173d5e;
    --sl-teal: #138e86;
    --sl-heading: #1d3044;
    --sl-text: #536477;
    --sl-muted: #718093;
    --sl-border: #e2e8ef;
    --sl-bg: #f5f7fa;

    background: var(--sl-bg);
    color: var(--sl-text);
}

/* ==========================================
   HERO
========================================== */

.career-student-login-hero {
    padding: 65px 0 55px;
    background: #ffffff;
    border-bottom: 1px solid var(--sl-border);
}

.career-student-login-hero-content {
    max-width: 780px;
}

.career-student-login-eyebrow {
    display: block;
    margin-bottom: 17px;
    color: var(--sl-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.career-student-login-title {
    margin-bottom: 17px;
    color: var(--sl-heading);
    font-size: 33px;
    font-weight: 650;
    line-height: 1.4;
    letter-spacing: -.5px;
}

.career-student-login-subtitle {
    max-width: 750px;
    margin: 0;
    color: var(--sl-muted);
    font-size: 14px;
    line-height: 1.9;
}

.career-student-login-subtitle strong {
    color: var(--sl-heading);
    font-weight: 600;
}

/* ==========================================
   LOGIN SECTION
========================================== */

.career-student-login-section {
    padding: 55px 0 90px;
}

.career-student-login-section-header {
    margin-bottom: 35px;
}

.career-student-login-section-label {
    display: block;
    margin-bottom: 12px;
    color: var(--sl-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.career-student-login-section-header h2 {
    margin-bottom: 12px;
    color: var(--sl-heading);
    font-size: 24px;
    font-weight: 650;
}

.career-student-login-section-header p {
    margin: 0;
    color: var(--sl-muted);
    font-size: 13px;
    line-height: 1.8;
}

/* ==========================================
   LOGIN CARDS
========================================== */

.career-student-login-grid > div {
    display: flex;
}

.career-student-login-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    height: 100%;
    padding: 35px 37px;

    background: #ffffff;
    border: 1px solid var(--sl-border);
    border-radius: 11px;
    box-shadow: 0 5px 24px rgba(25,48,72,.035);
}

/* CARD HEADER */

.career-student-login-card-header {
    padding-bottom: 24px;
    margin-bottom: 27px;
    border-bottom: 1px solid #edf1f5;
}

.career-student-login-card-label {
    display: block;
    margin-bottom: 12px;
    color: var(--sl-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.career-student-login-card-header h3 {
    margin-bottom: 12px;
    color: var(--sl-heading);
    font-size: 20px;
    font-weight: 650;
    line-height: 1.5;
}

.career-student-login-card-header p {
    margin: 0;
    color: var(--sl-muted);
    font-size: 12px;
    line-height: 1.8;
}

/* ==========================================
   CREDENTIAL FORM
========================================== */

.career-student-login-form {
    width: 100%;
}

.career-student-login-form-group {
    margin-bottom: 24px;
}

.career-student-login-form-group > label,
.career-student-login-password-heading label {
    display: block;
    margin-bottom: 10px;
    color: #344456;
    font-size: 12px;
    font-weight: 600;
}

.career-student-login-form-group input:not([type="checkbox"]):not([type="radio"]) {
    display: block;
    width: 100%;
    height: 47px;
    padding: 11px 14px;
    color: #344456;
    background: #ffffff;
    border: 1px solid #d8e1ea;
    border-radius: 7px;
    font-family: inherit;
    font-size: 13px;
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.career-student-login-form-group input:focus {
    outline: none;
    border-color: var(--sl-primary);
    box-shadow: 0 0 0 3px rgba(36,91,134,.09);
}

.career-student-login-form-group input::placeholder {
    color: #9baab8;
    opacity: 1;
}

/* PASSWORD */

.career-student-login-password-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.career-student-login-password-heading label {
    margin: 0;
}

.career-student-login-forgot {
    color: var(--sl-primary);
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
}

.career-student-login-forgot:hover {
    color: var(--sl-teal);
    text-decoration: underline;
}

/* ==========================================
   LOGIN BUTTON
========================================== */

.career-student-login-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 47px;
    padding: 12px 24px;

    color: #ffffff !important;
    background: var(--sl-primary);
    border: 1px solid var(--sl-primary);
    border-radius: 7px;

    font-size: 13px;
    font-weight: 650;
    transition: background .2s ease, border-color .2s ease;
}

.career-student-login-submit:hover,
.career-student-login-submit:focus {
    color: #ffffff;
    background: var(--sl-primary-dark);
    border-color: var(--sl-primary-dark);
}

.career-student-login-submit:disabled {
    opacity: .65;
    cursor: not-allowed;
}

/* ==========================================
   ERRORS
========================================== */

.career-student-login-alert {
    margin-bottom: 22px;
    border-radius: 7px;
    font-size: 12px;
    line-height: 1.7;
}

.career-student-login-field-error {
    margin-top: 8px;
    color: #c33d49;
    font-size: 11.5px;
    line-height: 1.6;
}

.career-student-login-field-error ul {
    padding-left: 18px;
    margin: 0;
}

.career-student-login-result {
    font-size: 12px;
    line-height: 1.7;
}

.career-student-login-result .errorField:empty {
    display: none;
}

.career-student-login-result:not(:empty) {
    margin-bottom: 15px;
}

/* ==========================================
   REGISTRATION
========================================== */

.career-student-login-register {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
    padding-top: 24px;
    margin-top: 27px;
    border-top: 1px solid #edf1f5;
    text-align: center;
}

.career-student-login-register span {
    color: var(--sl-muted);
    font-size: 12px;
}

.career-student-login-register a {
    color: var(--sl-primary);
    font-size: 12px;
    font-weight: 650;
    text-decoration: none;
}

.career-student-login-register a:hover {
    color: var(--sl-teal);
    text-decoration: underline;
}

/* ==========================================
   CAS CARD
========================================== */

.career-student-login-cas-card {
    height: 100%;
}

.career-student-login-cas-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding: 15px 0 25px;
    text-align: center;
}

/* UNIVERSITY LOGO */

.career-student-login-university-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    margin-bottom: 24px;
    padding: 20px;
    background: #f8fafc;
    border: 1px solid #e5ebf1;
    border-radius: 12px;
}

.career-student-login-university-logo img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.career-student-login-cas-content h4 {
    margin-bottom: 13px;
    color: var(--sl-heading);
    font-size: 18px;
    font-weight: 650;
}

.career-student-login-cas-content p {
    max-width: 330px;
    margin: 0;
    color: var(--sl-muted);
    font-size: 12px;
    line-height: 1.9;
}

/* CAS BUTTON */

.career-student-login-cas-actions {
    width: 100%;
    margin-top: 20px;
}

.career-student-login-cas-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 47px;
    padding: 12px 24px;

    color: var(--sl-primary) !important;
    background: #eef4fa;
    border: 1px solid #d7e5f0;
    border-radius: 7px;

    font-size: 13px;
    font-weight: 650;
    transition: background .2s ease;
}

.career-student-login-cas-btn:hover {
    color: #ffffff !important;
    background: var(--sl-primary);
    border-color: var(--sl-primary);
}

/* CAS FOOTER */

.career-student-login-cas-footer {
    margin-top: 23px;
    padding-top: 20px;
    border-top: 1px solid #edf1f5;
    text-align: center;
}

.career-student-login-cas-footer p {
    margin: 0;
    color: #8796a6;
    font-size: 11px;
    line-height: 1.8;
}

/* ==========================================
   ACCESSIBILITY
========================================== */

.career-student-login-page a:focus-visible,
.career-student-login-page button:focus-visible {
    outline: 2px solid var(--sl-teal);
    outline-offset: 3px;
}

/* ==========================================
   TABLET
========================================== */

@media (max-width: 991.98px) {

    .career-student-login-hero {
        padding: 50px 0;
    }

    .career-student-login-title {
        font-size: 28px;
    }

    .career-student-login-section {
        padding: 45px 0 65px;
    }

    .career-student-login-card {
        padding: 30px;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767.98px) {

    .career-student-login-hero {
        padding: 38px 0 43px;
    }

    .career-student-login-title {
        font-size: 24px;
    }

    .career-student-login-subtitle {
        font-size: 13px;
    }

    .career-student-login-section {
        padding: 35px 0 50px;
    }

    .career-student-login-section-header h2 {
        font-size: 21px;
    }

    .career-student-login-card {
        padding: 25px 22px;
    }

    .career-student-login-card-header h3 {
        font-size: 18px;
    }

    .career-student-login-university-logo {
        width: 100px;
        height: 100px;
    }

    .career-student-login-password-heading {
        align-items: flex-start;
    }
}


/* ==========================================
   CAREER OFFICE — EVENT DETAILS
   Minimal Professional Design
   Bootstrap 4.3.1
========================================== */

.career-event-detail-page {
    --event-primary: #245b86;
    --event-primary-dark: #173d5e;
    --event-teal: #138e86;
    --event-heading: #1d3044;
    --event-text: #536477;
    --event-muted: #718093;
    --event-border: #e2e8ef;
    --event-bg: #f5f7fa;

    background: var(--event-bg);
    color: var(--event-text);
}

/* ==========================================
   HERO
========================================== */

.career-event-detail-hero {
    padding: 45px 0 65px;
    background: #ffffff;
    border-bottom: 1px solid var(--event-border);
}

/* BACK LINK */

.career-event-detail-back {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 35px;
    color: var(--event-muted);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.career-event-detail-back:hover {
    color: var(--event-primary);
    text-decoration: none;
}

.career-event-detail-back span {
    font-size: 19px;
}

/* EYEBROW */

.career-event-detail-eyebrow {
    display: block;
    margin-bottom: 16px;
    color: var(--event-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

/* TITLE */

.career-event-detail-title {
    margin-bottom: 23px;
    color: var(--event-heading);
    font-size: 32px;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: -.5px;
    overflow-wrap: anywhere;
}

/* ORGANIZER */

.career-event-detail-organizer {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 27px;
}

.career-event-detail-organizer span {
    color: var(--event-muted);
    font-size: 11px;
}

.career-event-detail-organizer strong {
    color: #344456;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.7;
}

/* EVENT INFORMATION */

.career-event-detail-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.career-event-detail-meta-item {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 110px;
    max-width: 100%;
}

.career-event-detail-meta-item span {
    color: var(--event-muted);
    font-size: 11px;
}

.career-event-detail-meta-item strong {
    color: var(--event-heading);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

/* ==========================================
   EVENT IMAGE
========================================== */

.career-event-detail-hero-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 350px;
    background: #f0f3f6;
    border: 1px solid var(--event-border);
    border-radius: 11px;
    overflow: hidden;
}

.career-event-detail-hero-image img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.career-event-detail-image-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    color: #8193a5;
    text-align: center;
}

.career-event-detail-image-placeholder span {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
}

.career-event-detail-image-placeholder small {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
}

/* ==========================================
   MAIN CONTENT
========================================== */

.career-event-detail-main {
    padding: 60px 0 80px;
}

.career-event-detail-container {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
}

/* ==========================================
   DESCRIPTION CARD
========================================== */

.career-event-detail-card {
    padding: 38px 42px;
    margin-bottom: 25px;
    background: #ffffff;
    border: 1px solid var(--event-border);
    border-radius: 11px;
}

.career-event-detail-content-header {
    padding-bottom: 22px;
    margin-bottom: 27px;
    border-bottom: 1px solid #edf1f5;
}

.career-event-detail-section-label {
    display: block;
    margin-bottom: 12px;
    color: var(--event-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.career-event-detail-content-header h2 {
    margin-bottom: 12px;
    color: var(--event-heading);
    font-size: 23px;
    font-weight: 650;
    line-height: 1.5;
}

.career-event-detail-published {
    margin: 0;
    color: var(--event-muted);
    font-size: 11px;
}

/* RICH TEXT */

.career-event-detail-description {
    color: var(--event-text);
    font-size: 13.5px;
    line-height: 2;
    overflow-wrap: anywhere;
}

.career-event-detail-description p {
    margin-bottom: 18px;
}

.career-event-detail-description h2,
.career-event-detail-description h3,
.career-event-detail-description h4 {
    margin: 25px 0 15px;
    color: var(--event-heading);
    font-weight: 600;
    line-height: 1.5;
}

.career-event-detail-description ul,
.career-event-detail-description ol {
    padding-left: 24px;
    margin-bottom: 20px;
}

.career-event-detail-description li {
    margin-bottom: 8px;
}

.career-event-detail-description img {
    max-width: 100%;
    height: auto;
    border-radius: 7px;
}

.career-event-detail-description iframe {
    max-width: 100%;
}

.career-event-detail-description a {
    color: var(--event-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ==========================================
   CATEGORIES
========================================== */

.career-event-detail-categories-section {
    padding-top: 28px;
    margin-top: 33px;
    border-top: 1px solid #edf1f5;
}

.career-event-detail-categories-section h3 {
    margin-bottom: 18px;
    color: var(--event-heading);
    font-size: 16px;
    font-weight: 650;
}

.career-event-detail-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.career-event-detail-category {
    display: inline-block;
    padding: 7px 12px;
    color: var(--event-primary);
    background: #edf4fa;
    border: 1px solid #dbe8f2;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
}

.career-event-detail-category:hover {
    color: var(--event-primary-dark);
    background: #e4eef6;
    text-decoration: none;
}

/* ==========================================
   REGISTRATION
========================================== */

.career-event-detail-registration {
    padding: 35px 40px;
    margin-bottom: 25px;
    background: #ffffff;
    border: 1px solid var(--event-border);
    border-radius: 11px;
}

.career-event-detail-registration-header h2 {
    margin-bottom: 12px;
    color: var(--event-heading);
    font-size: 22px;
    font-weight: 650;
}

.career-event-detail-registration-header p {
    margin-bottom: 25px;
    color: var(--event-muted);
    font-size: 13px;
    line-height: 1.8;
}

.career-event-detail-registration-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* REGISTRATION BUTTON */

.career-event-detail-primary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 12px 25px;
    color: #ffffff !important;
    background: var(--event-primary);
    border: 1px solid var(--event-primary);
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
}

.career-event-detail-primary-btn:hover {
    background: var(--event-primary-dark);
    border-color: var(--event-primary-dark);
}

/* ALREADY REGISTERED */

.career-event-detail-success {
    padding: 22px 25px;
    color: #176e65;
    background: #edf8f6;
    border: 1px solid #ceeae5;
    border-radius: 9px;
}

.career-event-detail-success strong {
    display: block;
    margin-bottom: 8px;
    color: #176e65;
    font-size: 13px;
    font-weight: 650;
}

.career-event-detail-success p {
    margin: 0;
    color: #377e77;
    font-size: 12px;
    line-height: 1.7;
}

/* ==========================================
   SOCIAL SHARING
========================================== */

.career-event-detail-share {
    padding: 25px;
    background: #ffffff;
    border: 1px solid var(--event-border);
    border-radius: 10px;
    text-align: center;
}

.career-event-detail-share > span {
    display: block;
    margin-bottom: 15px;
    color: var(--event-muted);
    font-size: 12px;
    font-weight: 600;
}

.career-event-detail-share .list-inline-item {
    margin: 5px 8px;
}

/* ==========================================
   ACCESSIBILITY
========================================== */

.career-event-detail-page a:focus-visible {
    outline: 2px solid var(--event-teal);
    outline-offset: 3px;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991.98px) {

    .career-event-detail-hero {
        padding: 40px 0 55px;
    }

    .career-event-detail-title {
        font-size: 27px;
    }

    .career-event-detail-hero-image {
        height: 300px;
    }
}

@media (max-width: 767.98px) {

    .career-event-detail-hero {
        padding: 30px 0 45px;
    }

    .career-event-detail-back {
        margin-bottom: 28px;
    }

    .career-event-detail-title {
        font-size: 23px;
    }

    .career-event-detail-meta {
        flex-direction: column;
        gap: 16px;
    }

    .career-event-detail-hero-image {
        height: 230px;
    }

    .career-event-detail-main {
        padding: 40px 0 55px;
    }

    .career-event-detail-card {
        padding: 27px 23px;
    }

    .career-event-detail-content-header h2 {
        font-size: 20px;
    }

    .career-event-detail-description {
        font-size: 13px;
        line-height: 1.9;
    }

    .career-event-detail-registration {
        padding: 27px 23px;
    }

    .career-event-detail-registration-header h2 {
        font-size: 19px;
    }

    .career-event-detail-primary-btn {
        width: 100%;
    }
}


/* ==========================================
   CAREER OFFICE — EVENTS LISTING
   Bootstrap 4.3.1
========================================== */

.career-events-list-page {
    --el-primary: #245b86;
    --el-primary-dark: #173d5e;
    --el-teal: #138e86;
    --el-heading: #1d3044;
    --el-text: #536477;
    --el-muted: #718093;
    --el-border: #e2e8ef;
    --el-bg: #f5f7fa;

    background: var(--el-bg);
    color: var(--el-text);
}

/* ==========================================
   HERO
========================================== */

.career-events-list-hero {
    padding: 65px 0 55px;
    background: #ffffff;
    border-bottom: 1px solid var(--el-border);
}

.career-events-list-eyebrow {
    display: block;
    margin-bottom: 16px;
    color: var(--el-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.career-events-list-title {
    margin-bottom: 18px;
    color: var(--el-heading);
    font-size: 34px;
    font-weight: 650;
    line-height: 1.35;
}

.career-events-list-subtitle {
    max-width: 760px;
    margin: 0;
    color: var(--el-muted);
    font-size: 14px;
    line-height: 1.9;
}

/* ==========================================
   MAIN
========================================== */

.career-events-list-main {
    padding: 60px 0 85px;
}

/* ==========================================
   SIDEBAR
========================================== */

.career-events-list-sidebar {
    position: sticky;
    top: calc(var(--career-header-offset, 90px) + 20px);
    padding: 26px 23px;
    background: #ffffff;
    border: 1px solid var(--el-border);
    border-radius: 11px;
}

.career-events-list-sidebar-section + .career-events-list-sidebar-section {
    margin-top: 30px;
    padding-top: 27px;
    border-top: 1px solid #edf1f5;
}

.career-events-list-sidebar-heading {
    margin-bottom: 20px;
}

.career-events-list-section-label {
    display: block;
    margin-bottom: 10px;
    color: var(--el-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.career-events-list-sidebar-heading h2 {
    margin: 0;
    color: var(--el-heading);
    font-size: 17px;
    font-weight: 650;
}

/* NOTES */

.career-events-list-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 13px 0;
    border-bottom: 1px solid #edf1f5;
}

.career-events-list-note:first-child {
    padding-top: 0;
}

.career-events-list-note:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.career-events-list-note-number {
    flex-shrink: 0;
    color: var(--el-teal);
    font-size: 10px;
    font-weight: 700;
    padding-top: 3px;
}

.career-events-list-note-content {
    min-width: 0;
}

.career-events-list-note-content a {
    color: var(--el-text);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.7;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.career-events-list-note-content a:hover {
    color: var(--el-primary);
}

.career-events-list-sidebar-empty {
    margin: 0;
    color: var(--el-muted);
    font-size: 12px;
    line-height: 1.7;
}

/* CATEGORIES */

.career-events-list-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.career-events-list-category {
    display: inline-block;
    padding: 7px 11px;
    color: var(--el-primary);
    background: #edf4fa;
    border: 1px solid #dce8f2;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
}

.career-events-list-category:hover {
    color: var(--el-primary-dark);
    background: #e3eef7;
    text-decoration: none;
}

/* ==========================================
   CONTENT HEADING
========================================== */

.career-events-list-content-header {
    margin-bottom: 28px;
}

.career-events-list-content-header h2 {
    margin: 0;
    color: var(--el-heading);
    font-size: 23px;
    font-weight: 650;
}

/* ==========================================
   EVENT CARDS
========================================== */

.career-events-list-grid > .col-md-6 {
    display: flex;
}

.career-events-list-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: #ffffff;
    border: 1px solid var(--el-border);
    border-radius: 10px;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.career-events-list-card:hover {
    border-color: #c5d6e3;
    box-shadow: 0 7px 21px rgba(25,48,72,.045);
}

.career-events-list-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 27px 28px;
}

.career-events-list-card-date {
    display: block;
    margin-bottom: 14px;
    color: var(--el-teal);
    font-size: 11px;
    font-weight: 600;
}

.career-events-list-card-title {
    margin-bottom: 15px;
    color: var(--el-heading);
    font-size: 17px;
    font-weight: 650;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.career-events-list-card-title a {
    color: inherit;
    text-decoration: none;
}

.career-events-list-card-title a:hover {
    color: var(--el-primary);
    text-decoration: none;
}

.career-events-list-card-description {
    margin-bottom: 22px;
    color: var(--el-muted);
    font-size: 12.5px;
    line-height: 1.85;
    overflow-wrap: anywhere;
}

.career-events-list-read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: var(--el-primary);
    font-size: 11.5px;
    font-weight: 650;
    text-decoration: none;
}

.career-events-list-read-more:hover {
    color: var(--el-teal);
    text-decoration: none;
}

/* FOOTER */

.career-events-list-card-footer {
    padding: 17px 28px;
    background: #fafbfd;
    border-top: 1px solid #edf1f5;
}

.career-events-list-author-label {
    color: var(--el-muted);
    font-size: 11px;
    margin-right: 6px;
}

.career-events-list-card-footer strong {
    color: #344456;
    font-size: 11px;
    font-weight: 600;
}

/* ==========================================
   EMPTY STATE
========================================== */

.career-events-list-empty {
    width: 100%;
    padding: 55px 30px;
    background: #ffffff;
    border: 1px dashed #dce4ec;
    border-radius: 10px;
    text-align: center;
}

.career-events-list-empty h3 {
    margin-bottom: 12px;
    color: var(--el-heading);
    font-size: 18px;
    font-weight: 650;
}

.career-events-list-empty p {
    margin: 0;
    color: var(--el-muted);
    font-size: 13px;
}

/* ==========================================
   PAGINATION
========================================== */

.career-events-list-pagination {
    margin-top: 15px;
    text-align: center;
}

.career-events-list-pagination .pagination {
    flex-wrap: wrap;
    gap: 7px;
}

.career-events-list-pagination .page-link {
    padding: 9px 13px;
    color: var(--el-primary);
    background: #ffffff;
    border: 1px solid var(--el-border);
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
}

.career-events-list-pagination .page-link:hover {
    color: var(--el-primary-dark);
    background: #edf4fa;
    border-color: #c9d9e6;
}

.career-events-list-pagination .page-item.active .page-link {
    color: #ffffff;
    background: var(--el-primary);
    border-color: var(--el-primary);
}

.career-events-list-pagination-info {
    margin: 18px 0 0;
    color: var(--el-muted);
    font-size: 11px;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991.98px) {

    .career-events-list-hero {
        padding: 50px 0;
    }

    .career-events-list-title {
        font-size: 28px;
    }

    .career-events-list-main {
        padding: 45px 0 65px;
    }

    .career-events-list-sidebar {
        position: static;
    }
}

@media (max-width: 767.98px) {

    .career-events-list-hero {
        padding: 38px 0 42px;
    }

    .career-events-list-title {
        font-size: 24px;
    }

    .career-events-list-subtitle {
        font-size: 13px;
    }

    .career-events-list-main {
        padding: 32px 0 55px;
    }

    .career-events-list-content-header h2 {
        font-size: 20px;
    }

    .career-events-list-card-body {
        padding: 23px;
    }

    .career-events-list-card-title {
        font-size: 16px;
    }

    .career-events-list-card-footer {
        padding: 15px 23px;
    }

    .career-events-list-pagination .page-link {
        padding: 8px 11px;
    }
}


/* ==========================================
   CAREER OFFICE — TERMS OF USE
   Minimal Professional Design
   Bootstrap 4.3.1
========================================== */

.career-terms-page {
    --terms-primary: #245b86;
    --terms-primary-dark: #173d5e;
    --terms-teal: #138e86;
    --terms-heading: #1d3044;
    --terms-text: #536477;
    --terms-muted: #718093;
    --terms-border: #e2e8ef;
    --terms-background: #f5f7fa;

    width: 100%;
    background: var(--terms-background);
    color: var(--terms-text);
}

/* HEADER */

.career-terms-hero {
    padding: 70px 0 65px;
    background: #ffffff;
    border-bottom: 1px solid var(--terms-border);
}

.career-terms-hero-content {
    max-width: 850px;
}

.career-terms-eyebrow {
    display: block;
    margin-bottom: 17px;
    color: var(--terms-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.career-terms-title {
    margin-bottom: 18px;
    color: var(--terms-heading);
    font-size: 35px;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: -.6px;
}

.career-terms-subtitle {
    max-width: 750px;
    margin: 0;
    color: var(--terms-muted);
    font-size: 14px;
    line-height: 1.9;
}

/* MAIN */

.career-terms-section {
    padding: 60px 0 90px;
}

.career-terms-container {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
}

/* CARD */

.career-terms-card {
    width: 100%;
    padding: 45px 50px;
    background: #ffffff;
    border: 1px solid var(--terms-border);
    border-radius: 11px;
    box-shadow: 0 5px 24px rgba(25,48,72,.035);
}

.career-terms-card-header {
    padding-bottom: 25px;
    margin-bottom: 35px;
    border-bottom: 1px solid #edf1f5;
}

.career-terms-section-label {
    display: block;
    margin-bottom: 12px;
    color: var(--terms-teal);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.career-terms-card-header h2 {
    margin-bottom: 12px;
    color: var(--terms-heading);
    font-size: 24px;
    font-weight: 650;
    line-height: 1.5;
}

.career-terms-card-header p {
    max-width: 750px;
    margin: 0;
    color: var(--terms-muted);
    font-size: 13px;
    line-height: 1.85;
}

/* ==========================================
   DYNAMIC HTML CONTENT
========================================== */

.career-terms-content {
    width: 100%;
    color: var(--terms-text);
    font-size: 14px;
    line-height: 2;
    overflow-wrap: anywhere;
}

.career-terms-content p {
    margin-bottom: 20px;
}

.career-terms-content h1,
.career-terms-content h2,
.career-terms-content h3,
.career-terms-content h4,
.career-terms-content h5,
.career-terms-content h6 {
    color: var(--terms-heading);
    font-weight: 650;
    line-height: 1.5;
    margin: 30px 0 17px;
}

.career-terms-content h1 {
    font-size: 25px;
}

.career-terms-content h2 {
    font-size: 22px;
}

.career-terms-content h3 {
    font-size: 19px;
}

.career-terms-content h4 {
    font-size: 17px;
}

.career-terms-content h5,
.career-terms-content h6 {
    font-size: 15px;
}

.career-terms-content strong,
.career-terms-content b {
    color: #344456;
    font-weight: 650;
}

/* LISTS */

.career-terms-content ul,
.career-terms-content ol {
    padding-left: 26px;
    margin: 16px 0 23px;
}

.career-terms-content li {
    margin-bottom: 11px;
    line-height: 1.85;
}

/* LINKS */

.career-terms-content a {
    color: var(--terms-primary);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.career-terms-content a:hover {
    color: var(--terms-teal);
}

/* TABLES */

.career-terms-content table {
    width: 100%;
    max-width: 100%;
    margin: 25px 0;
    border-collapse: collapse;
}

.career-terms-content th,
.career-terms-content td {
    padding: 13px 15px;
    border: 1px solid var(--terms-border);
    text-align: left;
    font-size: 12.5px;
    line-height: 1.7;
}

.career-terms-content th {
    color: var(--terms-heading);
    background: #f2f6fa;
    font-weight: 650;
}

.career-terms-content tr:nth-child(even) td {
    background: #fafbfd;
}

/* BLOCKQUOTES */

.career-terms-content blockquote {
    margin: 25px 0;
    padding: 20px 25px;
    color: var(--terms-text);
    background: #f5f8fb;
    border-left: 3px solid var(--terms-teal);
    border-radius: 0 7px 7px 0;
    font-size: 13.5px;
    line-height: 1.9;
}

/* IMAGES */

.career-terms-content img {
    max-width: 100%;
    height: auto;
    border-radius: 7px;
}

/* IFRAMES */

.career-terms-content iframe {
    max-width: 100%;
}

/* DIVIDERS */

.career-terms-content hr {
    margin: 35px 0;
    border: none;
    border-top: 1px solid var(--terms-border);
}

/* ACCESSIBILITY */

.career-terms-page a:focus-visible {
    outline: 2px solid var(--terms-teal);
    outline-offset: 3px;
}

/* TABLET */

@media (max-width: 991.98px) {

    .career-terms-hero {
        padding: 55px 0 50px;
    }

    .career-terms-title {
        font-size: 29px;
    }

    .career-terms-section {
        padding: 45px 0 65px;
    }

    .career-terms-card {
        padding: 35px;
    }

}

/* MOBILE */

@media (max-width: 767.98px) {

    .career-terms-hero {
        padding: 40px 0 45px;
    }

    .career-terms-title {
        font-size: 24px;
    }

    .career-terms-subtitle {
        font-size: 13px;
    }

    .career-terms-section {
        padding: 30px 0 55px;
    }

    .career-terms-card {
        padding: 25px 21px;
        border-radius: 9px;
    }

    .career-terms-card-header {
        padding-bottom: 20px;
        margin-bottom: 25px;
    }

    .career-terms-card-header h2 {
        font-size: 20px;
    }

    .career-terms-content {
        font-size: 13px;
        line-height: 1.9;
    }

    .career-terms-content h1 {
        font-size: 21px;
    }

    .career-terms-content h2 {
        font-size: 19px;
    }

    .career-terms-content h3 {
        font-size: 17px;
    }

    .career-terms-content th,
    .career-terms-content td {
        padding: 10px;
        font-size: 11.5px;
    }

}


/* =============================================
   CAREER OFFICE — INTERACTIVE ABOUT HERO
   Bootstrap 4.3.1
============================================= */

.career-about-hero {
    --about-primary: #173d5e;
    --about-teal: #138e86;
    --about-text: #536477;

    position: relative;
    padding: 85px 0 95px;
    background: linear-gradient(
        120deg,
        #ffffff 0%,
        #f8fbfd 56%,
        #f0f7fa 100%
    );
    overflow: hidden;
    isolation: isolate;
}

/* DECORATIVE BACKGROUND */

.career-about-hero::before {
    content: "";
    position: absolute;
    width: 550px;
    height: 550px;
    right: -220px;
    top: -230px;
    background: radial-gradient(
        circle,
        rgba(19,142,134,.09),
        transparent 70%
    );
    border-radius: 50%;
    pointer-events: none;
}

.career-about-hero .container {
    position: relative;
    z-index: 1;
}

/* =============================================
   LEFT CONTENT
============================================= */

.career-about-hero-content {
    max-width: 610px;
}

.career-about-eyebrow {
    display: block;
    margin-bottom: 24px;
    color: var(--about-teal);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
}

/* STATUS */

.career-about-hero-status {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    max-width: 100%;
    margin-bottom: 21px;
    padding: 9px 14px;

    color: #26756f;
    background: #eaf6f3;
    border: 1px solid #d4eae5;
    border-radius: 30px;

    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
}

.career-about-status-dot {
    width: 7px;
    height: 7px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #138e86;
}

/* TITLE */

.career-about-title {
    margin-bottom: 25px;
    color: #173d5e;
    font-size: clamp(34px, 3.6vw, 52px);
    font-weight: 750;
    line-height: 1.18;
    letter-spacing: -1.2px;
    overflow-wrap: anywhere;
}

.career-about-title-accent {
    display: block;
    color: var(--about-teal);
}

/* DESCRIPTION */

.career-about-subtitle {
    max-width: 525px;
    margin-bottom: 34px;
    color: var(--about-text);
    font-size: 15px;
    line-height: 1.95;
}

/* =============================================
   ACTION BUTTONS
============================================= */

.career-about-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    margin-bottom: 43px;
}

.career-about-primary-btn,
.career-about-outline-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 49px;
    padding: 13px 22px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 650;
    text-decoration: none;
    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.career-about-primary-btn {
    color: #ffffff !important;
    background: #138e86;
    border: 1px solid #138e86;
}

.career-about-primary-btn:hover {
    color: #ffffff;
    background: #0d756f;
    border-color: #0d756f;
    transform: translateY(-2px);
    box-shadow: 0 7px 18px rgba(19,142,134,.15);
}

.career-about-primary-btn span {
    font-size: 18px;
    transition: transform .2s ease;
}

.career-about-primary-btn:hover span {
    transform: translateX(4px);
}

.career-about-outline-btn {
    color: #173d5e;
    background: #ffffff;
    border: 1px solid #cbd9e4;
}

.career-about-outline-btn:hover {
    color: #173d5e;
    background: #edf5fa;
    border-color: #a9c6d4;
    transform: translateY(-2px);
}

/* =============================================
   CONNECTION FEATURES
============================================= */

.career-about-hero-features {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    padding-top: 27px;
    border-top: 1px solid #e4edf2;
}

.career-about-feature {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 18px;
    border-right: 1px solid #dce7ed;
    color: #344c60;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.6;
}

.career-about-feature:first-child {
    padding-left: 0;
}

.career-about-feature:last-child {
    border-right: 0;
}

.career-about-feature-number {
    color: #138e86;
    font-size: 11px;
    font-weight: 700;
}

/* =============================================
   RIGHT VISUAL
============================================= */

.career-about-visual {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 18px 10px 24px 25px;
}

/* GLOW */

.career-about-visual-glow {
    position: absolute;
    inset: 8% -3% 3% 8%;
    background: linear-gradient(
        145deg,
        rgba(19,142,134,.15),
        rgba(36,91,134,.11)
    );
    border-radius: 44% 20% 38% 25%;
    transform: rotate(-5deg);
    z-index: -1;
}

/* PHOTO */

.career-about-hero-image {
    position: relative;
    width: 100%;
    height: 455px;
    border-radius: 100px 18px 100px 18px;
    overflow: hidden;
    background: #e9f2f7;
    border: 1px solid rgba(36,91,134,.10);
    box-shadow: 0 18px 45px rgba(25,48,72,.10);
}

.career-about-hero-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .6s ease;
}

.career-about-visual:hover .career-about-hero-image img {
    transform: scale(1.035);
}

/* =============================================
   FLOATING CARD
============================================= */

.career-about-floating-card {
    position: absolute;
    left: -15px;
    bottom: 55px;
    z-index: 2;

    display: flex;
    align-items: center;
    gap: 13px;

    max-width: 260px;
    padding: 17px 19px;

    background: rgba(255,255,255,.97);
    border: 1px solid #e3ebf1;
    border-radius: 10px;

    box-shadow: 0 12px 35px rgba(25,48,72,.11);
    animation: career-about-float 5s ease-in-out infinite;
}

.career-about-floating-line {
    display: block;
    width: 4px;
    height: 37px;
    flex-shrink: 0;
    background: #138e86;
    border-radius: 4px;
}

.career-about-floating-card strong {
    display: block;
    margin-bottom: 6px;
    color: #173d5e;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}

.career-about-floating-card small {
    display: block;
    color: #718093;
    font-size: 10.5px;
}

/* DECORATIVE DOTS */

.career-about-visual-dots {
    position: absolute;
    right: -10px;
    top: 0;
    width: 110px;
    height: 110px;
    z-index: -1;
    opacity: .45;
    background-image: radial-gradient(
        #138e86 1.5px,
        transparent 1.5px
    );
    background-size: 13px 13px;
}

/* ANIMATION */

@keyframes career-about-float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}

/* =============================================
   ACCESSIBILITY
============================================= */

.career-about-hero a:focus-visible {
    outline: 2px solid #138e86;
    outline-offset: 4px;
}

/* =============================================
   TABLET
============================================= */

@media (max-width: 1199.98px) {

    .career-about-title {
        font-size: 39px;
    }

    .career-about-hero-image {
        height: 410px;
    }

    .career-about-feature {
        padding: 0 10px;
    }
}

@media (max-width: 991.98px) {

    .career-about-hero {
        padding: 60px 0 75px;
    }

    .career-about-hero-content {
        max-width: 100%;
    }

    .career-about-title {
        font-size: 42px;
    }

    .career-about-visual {
        max-width: 650px;
        margin-top: 25px;
    }

    .career-about-hero-image {
        height: 440px;
    }
}

/* =============================================
   MOBILE
============================================= */

@media (max-width: 767.98px) {

    .career-about-hero {
        padding: 40px 0 60px;
    }

    .career-about-eyebrow {
        font-size: 9px;
        letter-spacing: 1px;
    }

    .career-about-hero-status {
        font-size: 10px;
    }

    .career-about-title {
        font-size: 33px;
        letter-spacing: -.6px;
    }

    .career-about-subtitle {
        font-size: 13px;
        line-height: 1.9;
    }

    .career-about-hero-actions {
        margin-bottom: 30px;
    }

    .career-about-primary-btn,
    .career-about-outline-btn {
        width: 100%;
    }

    .career-about-hero-features {
        gap: 14px;
    }

    .career-about-feature {
        width: 100%;
        padding: 0;
        border-right: none;
    }

    .career-about-visual {
        position: relative;
        width: 100%;
        max-width: 540px;
        margin: 0 auto;
        padding: 15px;
    }

    .career-about-hero-image {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        border-radius: 55px 15px 55px 15px;
        background: #f0f7fa;
        box-shadow: 0 15px 35px rgba(25, 48, 72, .08);
    }

    .career-about-floating-card {
        left: 0;
        bottom: 0;
        max-width: 235px;
        padding: 13px 15px;
    }
}

.career-about-hero-image img {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
    object-position: center;
}

/* Απενεργοποίηση μεγέθυνσης που κόβει την εικόνα */
.career-about-visual:hover .career-about-hero-image img {
    transform: none;
}

@media (max-width: 767.98px) {
    .career-about-visual {
        max-width: 100%;
        padding: 10px;
    }

    .career-about-hero-image {
        height: auto;
        border-radius: 30px 10px 30px 10px;
    }
}


/* ==========================================
   CAREER OFFICE — UNIVERSITY SECTION
========================================== */

.career-about-section {
    padding: 85px 0 100px;
    background: #ffffff;
    overflow: hidden;
}

/* ==========================================
   SECTION HEADING
========================================== */

.career-about-section-heading {
    margin-bottom: 32px;
}

.career-about-section-label {
    display: block;
    margin-bottom: 14px;
    color: #138e86;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.career-about-section-heading h2 {
    max-width: 600px;
    margin-bottom: 16px;
    color: #173d5e;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
}

.career-about-section-description {
    max-width: 600px;
    margin: 0;
    color: #718093;
    font-size: 13.5px;
    line-height: 1.9;
}

/* ==========================================
   ACTIVITIES
========================================== */

.career-about-activities {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.career-about-activity {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 20px 22px;
    background: #f8fafc;
    border: 1px solid #e6edf2;
    border-radius: 9px;
    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.career-about-activity:hover {
    background: #f2f8fa;
    border-color: #c8e0e0;
    transform: translateX(3px);
}

.career-about-activity-number {
    flex-shrink: 0;
    color: #138e86;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
}

.career-about-activity p {
    margin: 0;
    color: #536477;
    font-size: 13px;
    line-height: 1.85;
}

/* ==========================================
   UNIVERSITY VISUAL
========================================== */

.career-about-university-visual {
    position: relative;
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
    padding: 22px 18px 45px;
    isolation: isolate;
}

/* SOFT BACKGROUND */

.career-about-university-glow {
    position: absolute;
    inset: 5% 0 10% 8%;
    z-index: -1;

    background: linear-gradient(
        145deg,
        rgba(19,142,134,.12),
        rgba(36,91,134,.08)
    );

    border-radius: 65px 18px 65px 18px;
    transform: rotate(-5deg);
}

/* IMAGE CARD */

.career-about-section .career-about-university-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 290px;
    height: auto;
    padding: 18px;

    background: #ffffff;
    border: 1px solid #e2e8ef;
    border-radius: 55px 15px 55px 15px;

    overflow: hidden;

    box-shadow: 0 16px 40px rgba(25,48,72,.08);
}

/* KEEP ORIGINAL IMAGE VISIBLE */

.career-about-section .career-about-university-card img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 420px;

    object-fit: contain;
    object-position: center;

    border-radius: 38px 8px 38px 8px;

    transition: transform .35s ease;
}

/* VERY SUBTLE HOVER */

.career-about-university-visual:hover
.career-about-university-card img {
    transform: scale(1.015);
}

/* ==========================================
   FLOATING LABEL
========================================== */

.career-about-university-floating {
    position: absolute;
    left: 0;
    bottom: 12px;
    z-index: 2;

    display: flex;
    align-items: center;
    gap: 12px;

    max-width: calc(100% - 25px);
    padding: 15px 19px;

    background: rgba(255,255,255,.97);
    border: 1px solid #e3ebf1;
    border-radius: 9px;

    box-shadow: 0 10px 28px rgba(25,48,72,.10);
}

.career-about-university-floating-line {
    display: block;
    width: 3px;
    height: 36px;
    flex-shrink: 0;

    background: #138e86;
    border-radius: 3px;
}

.career-about-university-floating strong {
    display: block;
    margin-bottom: 5px;
    color: #173d5e;
    font-size: 12px;
    font-weight: 700;
}

.career-about-university-floating small {
    display: block;
    color: #718093;
    font-size: 10px;
    letter-spacing: .4px;
}

/* DECORATIVE DOTS */

.career-about-university-dots {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;

    width: 95px;
    height: 95px;

    background-image: radial-gradient(
        #138e86 1.4px,
        transparent 1.4px
    );

    background-size: 12px 12px;
    opacity: .35;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991.98px) {

    .career-about-section {
        padding: 60px 0 75px;
    }

    .career-about-section-heading h2 {
        font-size: 26px;
    }

    .career-about-university-visual {
        max-width: 480px;
    }
}

@media (max-width: 767.98px) {

    .career-about-section {
        padding: 45px 0 60px;
    }

    .career-about-section-heading h2 {
        font-size: 23px;
    }

    .career-about-section-description {
        font-size: 13px;
    }

    .career-about-activity {
        gap: 13px;
        padding: 17px;
    }

    .career-about-activity p {
        font-size: 12px;
    }

    .career-about-university-visual {
        max-width: 100%;
        padding: 15px 12px 42px;
    }

    .career-about-section .career-about-university-card {
        min-height: 230px;
        padding: 12px;
        border-radius: 35px 12px 35px 12px;
    }

    .career-about-section .career-about-university-card img {
        max-height: 320px;
        border-radius: 25px 8px 25px 8px;
    }

    .career-about-university-floating {
        padding: 12px 15px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .career-about-activity,
    .career-about-section .career-about-university-card img {
        transition: none;
    }

    .career-about-activity:hover,
    .career-about-university-visual:hover
    .career-about-university-card img {
        transform: none;
    }
}


/* ==========================================
   CAREER ABOUT — INTERACTIVE NETWORK HERO
========================================== */

.career-about-network {
    position: relative;
    width: 100%;
    min-height: 540px;
    display: flex;
    align-items: center;
    justify-content: center;
    isolation: isolate;
    overflow: visible;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

/* BACKGROUND */
.career-about-network::before {
    content: "";
    position: absolute;
    width: 84%;
    height: 84%;
    left: 8%;
    top: 8%;
    border-radius: 42% 58% 53% 47%;
    background:
        radial-gradient(
            circle at center,
            rgba(19, 142, 134, 0.075),
            rgba(36, 91, 134, 0.025) 60%,
            transparent 76%
        );
    z-index: -1;
}

/* BACKGROUND GLOW */
.career-about-network .career-about-visual-glow {
    position: absolute;
    width: 330px;
    height: 330px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(19, 142, 134, 0.07);
    filter: blur(65px);
    border-radius: 50%;
    pointer-events: none;
}

/* SCENE */
.career-network-scene {
    position: relative;
    width: min(100%, 600px);
    aspect-ratio: 600 / 520;
    z-index: 1;
}

/* ORBITS */
.career-network-orbit {
    position: absolute;
    left: 50%;
    top: 49%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(36, 91, 134, 0.085);
    border-radius: 50%;
    pointer-events: none;
}

.orbit-one {
    width: 210px;
    height: 210px;
}

.orbit-two {
    width: 340px;
    height: 340px;
    border-style: dashed;
}

.orbit-three {
    width: 460px;
    height: 460px;
    max-width: 95%;
    max-height: 95%;
    border-color: rgba(19, 142, 134, 0.09);
}

/* SVG LINES */
.career-network-lines {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}

.career-network-path {
    fill: none;
    stroke: #138e86;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-dasharray: 4 10;
    opacity: 0.45;
    animation: careerNetworkFlow 16s linear infinite;
}

.path-two,
.path-four {
    stroke: #245b86;
    animation-direction: reverse;
}

.path-five {
    opacity: 0.23;
}

@keyframes careerNetworkFlow {
    to {
        stroke-dashoffset: -280;
    }
}

.career-network-point {
    fill: #138e86;
    opacity: 0.7;
}

/* CENTRAL HUB */
.career-network-center {
    position: absolute;
    left: 50%;
    top: 49%;
    transform: translate(-50%, -50%);
    width: 142px;
    height: 142px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.career-network-center-ring {
    position: absolute;
    inset: -14px;
    border: 1px dashed rgba(19, 142, 134, 0.3);
    border-radius: 50%;
    animation: careerRotate 45s linear infinite;
}

@keyframes careerRotate {
    to {
        transform: rotate(360deg);
    }
}

.career-network-center-inner {
    width: 142px;
    height: 142px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;

    color: #ffffff;

    background: linear-gradient(
        145deg,
        #173d5e 0%,
        #102b43 100%
    );

    border: 6px solid #ffffff;
    box-shadow:
        0 15px 40px rgba(23, 61, 94, 0.16);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.career-network-center:hover
.career-network-center-inner {
    transform: scale(1.05);
    box-shadow: 0 18px 45px rgba(23, 61, 94, 0.23);
}

.career-network-center-inner i {
    font-size: 25px;
    margin-bottom: 10px;
    color: #65d0c1;
}

.career-network-center-inner strong {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
}

.career-network-center-inner small {
    font-size: 10px;
    letter-spacing: 2.4px;
    opacity: 0.8;
}

/* CIRCULAR NODES */
.career-network-node {
    position: absolute;
    z-index: 4;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;

    cursor: default;
    outline: none;
}

.career-network-node-circle {
    width: 88px;
    height: 88px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    background: #138e86;

    border: 7px solid #ffffff;
    border-radius: 50%;

    box-shadow: 0 9px 27px rgba(23, 61, 94, 0.13);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        background-color 0.35s ease;
}

.career-network-node-circle i {
    font-size: 29px;
    transition: transform 0.35s ease;
}

.career-network-node > span {
    padding: 6px 13px;

    color: #38536b;
    background: #ffffff;
    border: 1px solid #e5edf2;
    border-radius: 6px;

    font-size: 11px;
    font-weight: 600;

    box-shadow: 0 4px 14px rgba(23, 61, 94, 0.04);

    transition:
        color 0.3s ease,
        border-color 0.3s ease;
}

/* INTERACTION */
.career-network-node:hover .career-network-node-circle,
.career-network-node:focus-visible .career-network-node-circle {
    transform: translateY(-7px) scale(1.08);
    background: #0f716b;

    box-shadow:
        0 16px 35px rgba(19, 142, 134, 0.24);
}

.career-network-node:hover .career-network-node-circle i,
.career-network-node:focus-visible .career-network-node-circle i {
    transform: scale(1.12);
}

.career-network-node:hover > span,
.career-network-node:focus-visible > span {
    color: #0f716b;
    border-color: #b9ded7;
}

.career-network-node:focus-visible {
    outline: 2px solid #138e86;
    outline-offset: 5px;
    border-radius: 10px;
}

/* NODE POSITIONS */
.node-studies {
    top: 14%;
    left: 15%;
}

.node-companies {
    top: 13%;
    right: 10%;
}

.node-career {
    bottom: 11%;
    right: 7%;
}

.node-connect {
    bottom: 10%;
    left: 11%;
}

/* ALTERNATE COLOR */
.node-companies .career-network-node-circle,
.node-career .career-network-node-circle {
    background: #245b86;
}

.node-companies:hover .career-network-node-circle,
.node-career:hover .career-network-node-circle,
.node-companies:focus-visible .career-network-node-circle,
.node-career:focus-visible .career-network-node-circle {
    background: #173d5e;
}

/* DECORATIVE DOTS */
.career-about-network .career-about-visual-dots {
    position: absolute;
    top: 3%;
    right: 0;
    width: 125px;
    height: 110px;

    background-image: radial-gradient(
        rgba(19, 142, 134, 0.38) 1.3px,
        transparent 1.3px
    );

    background-size: 16px 16px;
    opacity: 0.65;
    pointer-events: none;
    z-index: -1;
}

/* FLOATING INFORMATION CARD */
.career-about-network .career-about-floating-card {
    position: absolute;
    left: -5%;
    bottom: 0;
    z-index: 8;

    display: flex;
    align-items: center;
    gap: 17px;

    min-width: 280px;
    padding: 20px 22px;

    background: rgba(255, 255, 255, 0.97);
    border: 1px solid #e4ebf1;
    border-radius: 10px;

    box-shadow: 0 12px 35px rgba(23, 61, 94, 0.1);

    animation: careerCardAppear 0.8s ease both;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.career-about-network .career-about-floating-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(23, 61, 94, 0.15);
}

.career-about-network .career-about-floating-line {
    display: block;
    flex: 0 0 4px;
    width: 4px;
    height: 43px;
    background: #138e86;
    border-radius: 4px;
}

.career-about-network .career-about-floating-card strong {
    display: block;
    color: #173d5e;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}

.career-about-network .career-about-floating-card small {
    display: block;
    margin-top: 5px;
    color: #718093;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.5;
}

@keyframes careerCardAppear {
    from {
        opacity: 0;
        translate: 0 15px;
    }
    to {
        opacity: 1;
        translate: 0 0;
    }
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 991.98px) {
    .career-about-network {
        min-height: 510px;
        max-width: 650px;
        margin: 30px auto 0;
    }

    .career-about-network .career-about-floating-card {
        left: 0;
    }
}

@media (max-width: 575.98px) {
    .career-about-network {
        min-height: 380px;
        margin-top: 20px;
    }

    .career-network-node-circle {
        width: 60px;
        height: 60px;
        border-width: 4px;
    }

    .career-network-node-circle i {
        font-size: 21px;
    }

    .career-network-node > span {
        font-size: 9px;
        padding: 5px 7px;
    }

    .career-network-node {
        gap: 6px;
    }

    .career-network-center,
    .career-network-center-inner {
        width: 108px;
        height: 108px;
    }

    .career-network-center-ring {
        inset: -9px;
    }

    .career-network-center-inner i {
        font-size: 19px;
        margin-bottom: 6px;
    }

    .career-network-center-inner strong {
        font-size: 12px;
    }

    .career-network-center-inner small {
        font-size: 8px;
    }

    .career-about-network .career-about-floating-card {
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%);

        width: max-content;
        max-width: 95%;
        min-width: 0;

        padding: 14px 16px;
    }

    .career-about-network
    .career-about-floating-card:hover {
        transform: translateX(-50%) translateY(-3px);
    }

    .career-about-network
    .career-about-floating-card strong {
        font-size: 11px;
    }

    .career-about-network
    .career-about-floating-card small {
        font-size: 10px;
    }

    .node-studies { top: 13%; left: 7%; }
    .node-companies { top: 13%; right: 4%; }
    .node-career { bottom: 14%; right: 1%; }
    .node-connect { bottom: 14%; left: 3%; }
}

/* ACCESSIBILITY */
@media (prefers-reduced-motion: reduce) {
    .career-network-path,
    .career-network-center-ring,
    .career-about-network .career-about-floating-card {
        animation: none !important;
    }

    .career-about-network *,
    .career-about-network *::before,
    .career-about-network *::after {
        transition: none !important;
    }
}


/* ==========================================
   CAREER OFFICE — STUDENT REGISTRATION
   Minimal / Institutional / Inter
========================================== */

.career-register-page {
    --register-navy: #173d5e;
    --register-navy-dark: #102b43;
    --register-teal: #138e86;
    --register-teal-dark: #0f716b;
    --register-text: #273e53;
    --register-muted: #718093;
    --register-border: #e2e8ef;
    --register-bg: #f6f8fb;

    min-height: 100vh;
    padding: 140px 0 85px;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(19, 142, 134, 0.035),
            transparent 32%
        ),
        var(--register-bg);

    font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
    color: var(--register-text);
}

.career-register-container {
    max-width: 940px;
}

/* PAGE HEADING */

.career-register-heading {
    margin-bottom: 30px;
    text-align: center;
}

.career-register-eyebrow {
    display: block;
    margin-bottom: 13px;

    color: var(--register-teal-dark);

    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.3px;
}

.career-register-heading h1 {
    margin: 0 0 13px;

    color: var(--register-navy);

    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.035em;
}

.career-register-heading p {
    max-width: 570px;
    margin: 0 auto;

    color: var(--register-muted);

    font-size: 13px;
    font-weight: 400;
    line-height: 1.8;
}

/* CARD */

.career-register-card {
    background: #ffffff;
    border: 1px solid var(--register-border);
    border-radius: 13px;
    box-shadow: 0 12px 36px rgba(23, 61, 94, 0.045);
    overflow: hidden;
}

.career-register-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;

    padding: 29px 35px;

    border-bottom: 1px solid var(--register-border);
    background: #ffffff;
}

.career-register-section-label {
    display: block;
    margin-bottom: 9px;

    color: var(--register-teal-dark, #0f716b);

    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.9px;
}

.career-register-card-header h2 {
    margin: 0 0 7px;

    color: var(--register-navy);

    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.career-register-card-header p {
    margin: 0;

    color: var(--register-muted);

    font-size: 12px;
    line-height: 1.7;
}

.career-register-card-mark {
    display: flex;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;

    background: #edf7f5;
    color: var(--register-teal-dark);

    border: 1px solid #d8ece7;
    border-radius: 10px;

    font-size: 15px;
    font-weight: 600;
}

/* BODY */

.career-register-card-body {
    padding: 35px;
}

/* SECTIONS */

.career-register-form-section {
    margin-bottom: 31px;
    padding-bottom: 31px;
    border-bottom: 1px solid var(--register-border);
}

.career-register-form-section-heading {
    margin-bottom: 20px;
}

.career-register-form-section-heading h3 {
    margin: 0 0 5px;

    color: var(--register-navy);

    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
}

.career-register-form-section-heading p {
    margin: 0;

    color: var(--register-muted);

    font-size: 12px;
    line-height: 1.7;
}

/* GRID */

.career-register-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 19px;
}

.career-register-grid-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* FIELDS */

.career-register-field {
    min-width: 0;
}

.career-register-field label {
    display: block;
    margin-bottom: 8px;

    color: #344c61;

    font-size: 12px;
    font-weight: 600;
}

.career-register-required {
    color: #c84951;
    margin-left: 3px;
}

.career-register-help {
    display: block;
    margin-top: 7px;

    color: var(--register-muted);

    font-size: 10.5px;
    line-height: 1.6;
}

/* DJANGO INPUTS */

.career-register-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
.career-register-form select,
.career-register-form textarea {
    display: block;
    width: 100%;
    min-height: 46px;

    margin: 0;
    padding: 11px 13px;

    color: var(--register-text);
    background: #ffffff;

    border: 1px solid #dbe3eb;
    border-radius: 7px;

    box-shadow: none;
    outline: 0;

    font-family: inherit;
    font-size: 12.5px;
    font-weight: 400;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.career-register-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):hover,
.career-register-form select:hover,
.career-register-form textarea:hover {
    border-color: #bccad7;
}

.career-register-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus,
.career-register-form select:focus,
.career-register-form textarea:focus {
    border-color: var(--register-teal);
    box-shadow: 0 0 0 3px rgba(19, 142, 134, 0.1);
}

.career-register-form input::placeholder {
    color: #9ba9b6;
}

.career-register-form select {
    cursor: pointer;
}

/* TERMS */

.career-register-terms {
    padding: 20px 22px;
    margin-bottom: 25px;

    background: #f7f9fb;
    border: 1px solid var(--register-border);
    border-radius: 8px;
}

.career-register-terms .custom-control {
    min-height: 21px;
}

.career-register-terms .custom-control-label {
    color: #53677a;

    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.8;
    cursor: pointer;
}

.career-register-terms a {
    color: var(--register-teal-dark);
    font-weight: 600;
    text-decoration: none;
}

.career-register-terms a:hover {
    color: var(--register-navy);
    text-decoration: underline;
}

.career-register-terms .custom-control-input:checked
~ .custom-control-label::before {
    background: var(--register-teal);
    border-color: var(--register-teal);
}

.career-register-terms .custom-control-input:focus
~ .custom-control-label::before {
    box-shadow: 0 0 0 3px rgba(19, 142, 134, 0.12);
}

/* ACTIONS */

.career-register-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.career-register-login {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.career-register-login span {
    color: var(--register-muted);
    font-size: 11px;
}

.career-register-login a {
    color: var(--register-teal-dark);
    font-size: 12px;
    font-weight: 600;
}

.career-register-login a:hover {
    color: var(--register-navy);
    text-decoration: none;
}

.career-register-submit {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;

    padding: 11px 25px;

    color: #ffffff !important;
    background: var(--register-navy);
    border: 1px solid var(--register-navy);

    border-radius: 7px;

    font-family: inherit;
    font-size: 12px;
    font-weight: 600;

    cursor: pointer;
    box-shadow: none;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.career-register-submit:hover,
.career-register-submit:focus {
    color: #ffffff !important;
    background: var(--register-navy-dark);
    border-color: var(--register-navy-dark);
    box-shadow: none;
}

/* ALERTS */

.career-register-messages {
    margin-bottom: 24px;
}

.career-register-page .alert {
    padding: 15px 45px 15px 17px;
    border: 1px solid var(--register-border);
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.7;
}

.career-register-page .alert-success {
    background: #edf8f3;
    color: #17634e;
    border-color: #cfeade;
}

.career-register-page .alert-danger,
.career-register-page .alert-error {
    background: #fdf3f2;
    color: #a43d43;
    border-color: #f1d5d8;
}

.career-register-error-summary,
.career-register-result .errorField:not(:empty) {
    padding: 16px 19px;
    margin-bottom: 25px;

    color: #a43d43;
    background: #fdf3f2;

    border: 1px solid #f1d5d8;
    border-radius: 8px;

    font-size: 12px;
    line-height: 1.7;
}

.career-register-error-summary strong {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
}

.career-register-error-summary p {
    margin: 3px 0;
}

.career-register-result:not(:empty) {
    margin-top: 20px;
}

.career-register-result .errorField:empty {
    display: none;
}

/* BOTTOM NOTE */

.career-register-bottom-note {
    margin-top: 25px;

    color: #98a5b1;

    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.8px;

    text-align: center;
}

/* MODAL */

.career-register-modal .modal-dialog {
    max-width: 790px;
}

.career-register-modal .modal-content {
    border: 1px solid #e2e8ef;
    border-radius: 11px;
    overflow: hidden;
    box-shadow: 0 22px 55px rgba(23, 61, 94, 0.15);
}

.career-register-modal .modal-header {
    align-items: flex-start;
    padding: 22px 26px;
    background: #ffffff;
    border-bottom: 1px solid #e2e8ef;
}

.career-register-modal .modal-title {
    color: #173d5e;
    font-family: 'Inter', 'Segoe UI', sans-serif;
    font-size: 17px;
    font-weight: 600;
}

.career-register-modal .modal-header .close {
    margin-left: auto;
    color: #718093;
    opacity: 1;
}

.career-register-gdpr-content {
    padding: 25px 26px;

    color: #536477;

    font-family: 'Inter', 'Segoe UI', sans-serif;
    font-size: 12.5px;
    line-height: 1.85;
}

.career-register-modal .modal-footer {
    padding: 15px 26px;
    background: #fafbfd;
    border-top: 1px solid #e2e8ef;
}

.career-register-modal-close {
    padding: 9px 19px;
    color: #344c61;
    background: #ffffff;
    border: 1px solid #dbe3eb;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
}

/* RESPONSIVE */

@media (max-width: 767.98px) {

    .career-register-page {
        padding: 105px 0 55px;
    }

    .career-register-heading h1 {
        font-size: 26px;
    }

    .career-register-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .career-register-card-header {
        padding: 22px;
    }

    .career-register-card-body {
        padding: 23px 21px;
    }

    .career-register-grid-two {
        grid-template-columns: 1fr;
    }

    .career-register-card-mark {
        display: none;
    }

    .career-register-actions {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .career-register-submit {
        width: 100%;
    }

    .career-register-login {
        align-items: center;
        text-align: center;
    }

    .career-register-modal .modal-header,
    .career-register-gdpr-content {
        padding: 19px;
    }
}

/* STUDENT REGISTRATION — TOP SPACING */

.career-register-page {
    padding-top: 110px !important;
}

/* TABLET */
@media (max-width: 991px) {
    .career-register-page {
        padding-top: 150px !important;
    }
}

/* MOBILE */
@media (max-width: 767px) {
    .career-register-page {
        padding-top: 125px !important;
    }
}