@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400&display=swap');


@import url('/images/aurora-carousel.css');


@import url('/images/spotlight-card.css');


@import url('/images/instructor-cards.css');







@media (max-width: 767px) {

    
    
    body {
        padding-top: 70px !important;
    }

    
    
    
    body #header3Wrapper {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 60px;

        
        
        background: #f0f0f0 !important;
        
        background-image: none !important;

        
        border-top: 0 none !important;

        
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
        
        z-index: 1000;
        padding: 0 !important;
        border-bottom: 5px solid #8e2736;
        

        
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        letter-spacing: -0.002rem;
    }

    
    
    #header3Wrapper #header3Container {
        
        background-color: transparent !important;
        background: none !important;

        
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
        display: block !important;
    }

    
    
    body #header3Wrapper #header3Container nav#globalNavigationBar {
        
        background-color: transparent !important;
        background: none !important;

        
        width: 100% !important;
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
        min-height: 60px !important;
    }

    
    
    #schoolHeaderLogoWrapperLink {
        
        position: fixed !important;
        top: 5px !important;
        
        left: 15px !important;
        
        z-index: 2001 !important;
        

        
        display: block !important;
        width: 40px !important;
        
        height: 40px !important;
        

        
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-color: transparent !important;

        cursor: pointer !important;
    }

    
    #schoolHeaderLogoWrapperLink img {
        display: none !important;
    }

    
    #schoolHeaderLogoWrapper {
        display: block !important;
        position: static !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }


    

    
    #cartInfo {
        position: fixed !important;
        top: 0;

        
        
        left: 65% !important;

        z-index: 1002;
        
        height: 60px;
        

        display: flex !important;
        align-items: center;
        justify-content: center;

        
        width: auto !important;
    }

    
    #cartInfo a#shoppingCartLink {
        font-size: 1.4rem !important;
        color: #34111a !important;
        
        position: relative;
        display: block;
        padding: 10px;
        text-decoration: none !important;
    }

    
    #cartCount {
        position: absolute;
        top: 5px;
        right: -5px;
        background-color: #8e2736 !important;
        font-size: 0.7rem !important;
        padding: 3px 5px;
        border: 2px solid #fff !important;
    }

    

    
    .navbar-toggler {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        right: 15px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        z-index: 1003;
        border: none !important;
        outline: none !important;
        padding: 0 !important;
        margin: 0 !important;
        width: auto !important;

        transition: all 0.3s ease;
    }

    
    .navbar-toggler .navbar-toggler-icon {
        display: none !important;
    }

    
    .navbar-toggler::before {
        content: "MENU";

        font-family: 'Montserrat', sans-serif !important;
        font-weight: 700 !important;
        font-size: 0.75rem !important;
        color: #34111A !important;
        letter-spacing: 0.05rem !important;

        margin-right: 8px !important;
        margin-top: 2px !important;
        min-width: 40px;
        text-align: right;

        transition: color 0.3s ease;
    }

    
    .navbar-toggler::after {
        content: "\f0c9";
        

        font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
        font-weight: 900;

        color: #34111A !important;
        font-size: 1.6rem !important;
        line-height: 1 !important;

        
        display: block !important;
        width: 30px !important;
        
        text-align: center !important;
        
        

        
        transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55), color 0.3s ease;
        transform-origin: center;
    }

    

    
    .navbar-toggler[aria-expanded="true"]::before {
        color: #8b2331 !important;
        
    }

    
    .navbar-toggler[aria-expanded="true"]::after {
        content: "\f00d";
        
        color: #8b2331 !important;
        transform: rotate(90deg);
    }

    
    .navbar-toggler:hover::before,
    .navbar-toggler:hover::after {
        color: #8b2331 !important;
    }

    
    .navbar-collapse {
        position: fixed !important;
        top: 60px;
        
        left: 0;
        width: 100%;
        background-color: #fff !important;
        border-top: 0px solid #eee;
        max-height: calc(100vh - 60px);
        
        overflow-y: auto;
        
        padding: 20px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    }

    

    
    
    body #mainNavBarCollapsable .navbar-nav .nav-link {
        
        color: #34111A !important;
        
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 600 !important;
        font-size: 1rem !important;
        text-transform: none !important;
        

        
        padding: 12px 15px !important;
        
        border-bottom: 1px solid #f0f0f0 !important;
        
        position: relative !important;
    }

    
    body #mainNavBarCollapsable .navbar-nav .nav-link:hover,
    body #mainNavBarCollapsable .navbar-nav .nav-link:focus {
        color: #8b2331 !important;
        

        
        background: transparent !important;
        background-color: transparent !important;

        
        text-decoration: none !important;
        box-shadow: none !important;

        
        border-bottom: 1px solid #f0f0f0 !important;
        border-top: none !important;
    }

    
    
    body #mainNavBarCollapsable .navbar-nav .nav-link::after {
        display: none !important;
        content: none !important;
        opacity: 0 !important;
    }

    
    #mainNavBarCollapsable .divider {
        border-top: 1px solid #e9ecef !important;
        margin: 5px 0 !important;
        width: 100%;
        display: block;
    }

    

    
    
    body #mainNavBarCollapsable .navbar-nav #nav1,
    body #mainNavBarCollapsable .navbar-nav #nav2,
    body #mainNavBarCollapsable .navbar-nav #nav3 {
        font-weight: 400 !important;
        text-transform: none !important;
        font-size: 0.95rem !important;
    }

    
    
    body #mainNavBarCollapsable .navbar-nav #nav4,
    body #mainNavBarCollapsable .navbar-nav #nav6 {
        text-transform: uppercase !important;
        font-weight: 600 !important;
        letter-spacing: 0.05rem !important;
        font-size: 1.2rem !important;
    }
}




body #mainNavBarCollapsable .navbar-nav {
    display: flex !important;
    flex-direction: column !important;
}


body #mainNavBarCollapsable .navbar-nav .nav-item:has(#nav4),
body #mainNavBarCollapsable .navbar-nav .nav-item:has(#nav6) {
    order: 1 !important;
    border-bottom: 1px solid #e9ecef !important;
}


body #mainNavBarCollapsable .navbar-nav .divider {
    order: 2 !important;
}


body #mainNavBarCollapsable .navbar-nav .nav-item:has(#nav1),
body #mainNavBarCollapsable .navbar-nav .nav-item:has(#nav2),
body #mainNavBarCollapsable .navbar-nav .nav-item:has(#nav3) {
    order: 3 !important;
    border-bottom: none !important;
    
}





body #mainNavBarCollapsable .navbar-nav .nav-item:has(#nav6) {
    border-bottom: none !important;
}


body #mainNavBarCollapsable .navbar-nav .nav-item:has(#nav6) .nav-link {
    border-bottom: none !important;
}



#loginInfo {
    display: none !important;
}





.portalMenuDropDownContainer .dropdown-menu {
    border: none !important;
    border-top: 4px solid #8B2331 !important;
    
    border-radius: 0 0 4px 4px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    padding: 8px 0 !important;
    margin-top: 0 !important;
    min-width: 300px !important;
    background: #f0f0f0 !important;
    overflow: hidden !important;
}


.portalMenuDropDownContainer .dropdown-menu.show {
    animation: myCampusDropdownIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes myCampusDropdownIn {
    from {
        opacity: 0;
        transform: translateY(-12px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


.portalMenuDropDownContainer .dropdown-item {
    padding: 12px 16px 12px 48px !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #171717 !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border-left: 3px solid transparent !important;
    position: relative !important;
    display: block !important;
    line-height: 1.4 !important;
}


.portalMenuDropDownContainer .dropdown-item::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    
    font-size: 15px !important;
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #171717 !important;
    transition: all 0.2s ease !important;
    width: 18px !important;
    text-align: center !important;
    display: inline-block !important;
}


.portalMenuDropDownContainer .dropdown-item:hover {
    background: rgba(0, 0, 0, 0.06) !important;
    border-left-color: #8b2331 !important;
    color: #171717 !important;
}

.portalMenuDropDownContainer .dropdown-item:hover::before {
    color: #8b2331 !important;
    transform: translateY(-50%) scale(1.1) !important;
}


.portalMenuDropDownContainer .dropdown-item.active,
.portalMenuDropDownContainer li.active>.dropdown-item {
    background: #8b2331 !important;
    border-left-color: transparent !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.portalMenuDropDownContainer .dropdown-item.active::before,
.portalMenuDropDownContainer li.active>.dropdown-item::before {
    color: #ffffff !important;
}


.portalMenuDropDownContainer .dropdown-item.active::after,
.portalMenuDropDownContainer li.active>.dropdown-item::after {
    content: '' !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 7px !important;
    height: 7px !important;
    background: #ffffff !important;
    border-radius: 50% !important;
}



.portalMenuDropDownContainer .dropdown-item.disabled-on-click {
    opacity: 1 !important;
    
    cursor: pointer !important;
    
    color: #171717 !important;
    
    pointer-events: auto !important;
    
    background: transparent !important;
}

.portalMenuDropDownContainer .dropdown-item.disabled-on-click::before {
    opacity: 1 !important;
    color: #171717 !important;
}


.portalMenuDropDownContainer .dropdown-item.disabled-on-click:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-left-color: #8B2331 !important;
}


.portalMenuDropDownContainer .dropdown-item[href*="studentAcademicHistory.do"],
.portalMenuDropDownContainer .dropdown-item[href*="studentCertificates.do"],
.portalMenuDropDownContainer .dropdown-item[href*="taxReceipt.do"] {
    margin-bottom: 6px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid rgba(23, 23, 23, 0.12) !important;
}


.portalMenuDropDownContainer .dropdown-item[href*="studentHome.do"]::before {
    content: '\f015' !important;
}

.portalMenuDropDownContainer .dropdown-item[href*="studentProfile.do"]::before {
    content: '\f2bd' !important;
}

.portalMenuDropDownContainer .dropdown-item[href*="studentAcademicHistory.do"]::before {
    content: '\f518' !important;
}

.portalMenuDropDownContainer .dropdown-item[href*="studentCalendar.do"]::before,
.portalMenuDropDownContainer .dropdown-item[href*="studentTimetable.do"]::before {
    content: '\f073' !important;
}

.portalMenuDropDownContainer .dropdown-item[href*="applicationInstanceSearch.do"]::before {
    content: '\f15c' !important;
}

.portalMenuDropDownContainer .dropdown-item[href*="studentCertificates.do"]::before {
    content: '\f559' !important;
}

.portalMenuDropDownContainer .dropdown-item[href*="studentAccountInfo.do"]::before {
    content: '\f555' !important;
}

.portalMenuDropDownContainer .dropdown-item[href*="publicCourseBasket.do"]::before {
    content: '\f02e' !important;
}

.portalMenuDropDownContainer .dropdown-item[href*="taxReceipt.do"]::before {
    content: '\f571' !important;
}

.portalMenuDropDownContainer .dropdown-item[href*="studentStudentServices.do"]::before {
    content: '\f46d' !important;
}

.portalMenuDropDownContainer .dropdown-item[href*="publicSpecialRequest.do"]::before {
    content: '\f1d8' !important;
}

.portalMenuDropDownContainer .dropdown-item[href*="studentNews.do"]::before {
    content: '\f0a1' !important;
}

.portalMenuDropDownContainer .dropdown-item[href*="studentViewHelp.do"]::before {
    content: '\f059' !important;
}


.portalMenuDropDownContainer>.nav-link.dropdown-toggle {
    font-weight: 600 !important;
    color: #2c3e50 !important;
    padding: 10px 18px !important;
    border-radius: 8px !important;
}

.portalMenuDropDownContainer.show>.nav-link.dropdown-toggle {
    background: rgba(139, 35, 49, 0.12) !important;
    color: #8b2331 !important;
}

.portalMenuDropDownContainer.show>.nav-link.dropdown-toggle::after {
    transform: rotate(180deg) !important;
}


@media (max-width: 991px) {
    .portalMenuDropDownContainer .dropdown-menu {
        min-width: 100% !important;
        max-width: 340px !important;
    }
}

@media print {
    .portalMenuDropDownContainer .dropdown-menu {
        display: none !important;
    }
}





@media (min-width: 768px) {

    

    
    
    body #header3Wrapper {}

    
    #header3Wrapper .container,
    #header3Wrapper .row,
    #header3Wrapper .col-lg-12,
    #header3Wrapper #header3Container {
        
        background-color: #34111A !important;
        background-image: none !important;
        border: none !important;
        box-shadow: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 50px !important;
        min-height: 50px !important;
    }

    
    
    #schoolHeaderLogoWrapperLink {
        position: static !important;
        display: inline-block !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        z-index: auto !important;
    }

    
    #schoolHeaderLogoWrapperLink img {
        display: block !important;
        width: auto !important;
        height: auto !important;
    }

    #schoolHeaderLogoWrapper {
        display: block !important;
    }

    
    
    #cartInfo {
        position: static !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        z-index: auto !important;
    }

    #cartInfo a#shoppingCartLink {
        font-size: 1rem !important;
        color: inherit !important;
        padding: 0 !important;
    }

    #cartCount {
        position: static !important;
        display: inline-block !important;
    }

    
    
    #loginInfo {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    
    .navbar-collapse,
    #mainNavBarCollapsable {
        position: static !important;
        display: block !important;
        background: transparent !important;
        
        box-shadow: none !important;
        width: auto !important;
        height: auto !important;
        max-height: none !important;
        padding: 0 !important;
        border: none !important;
        margin-top: -25px !important;
    }

    
    body #header3Wrapper #header3Container nav#globalNavigationBar {
        background: transparent !important;
        min-height: auto !important;
        width: 100% !important;
        display: block !important;
    }

    
    .navbar-toggler {
        display: none !important;
    }


    

    
    body #mainNavBarCollapsable .navbar-nav {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    
    body #mainNavBarCollapsable .nav-item.d-md-none,
    body #mainNavBarCollapsable .divider {
        display: none !important;
    }

    
    body #mainNavBarCollapsable .navbar-nav .nav-item {
        width: auto !important;
        border: none !important;
        order: 0 !important;
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    

    
    body #mainNavBarCollapsable .navbar-nav .nav-link {
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 700 !important;
        font-size: 1rem !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05rem !important;
        font-style: normal !important;

        color: #ffffff !important;
        
        padding: 0.8rem 0 !important;
        position: relative !important;

        border: none !important;
        background: transparent !important;

        transition: color 0.3s ease !important;
    }

    
    body #mainNavBarCollapsable .navbar-nav .nav-link:hover,
    body #mainNavBarCollapsable .navbar-nav .nav-link.active {
        color: #D41F37 !important;
        
        background: transparent !important;
        text-decoration: none !important;
    }

    
    body #mainNavBarCollapsable .navbar-nav .nav-link::after {
        content: '' !important;
        position: absolute !important;
        display: block !important;

        bottom: 0.4rem !important;
        left: 0 !important;
        width: 100% !important;
        height: 2px !important;
        background-color: #D41F37 !important;

        opacity: 0 !important;
        transition: opacity 0.6s ease !important;
    }

    
    body #mainNavBarCollapsable .navbar-nav .nav-link:hover::after,
    body #mainNavBarCollapsable .navbar-nav .nav-link.active::after {
        opacity: 1 !important;
    }

    

    
    body #mainNavBarCollapsable .navbar-nav .nav-item:has(#nav4),
    body #mainNavBarCollapsable .navbar-nav .nav-item:has(#nav6) {
        border-bottom: none !important;
        order: 0 !important;
        width: auto !important;
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
}





.custom-nav-wrapper {
    display: flex;
    flex-direction: column;
    
    width: 100%;
}

.custom-nav-wrapper ul.navbar-nav {
    display: flex;
    flex-direction: column;
    
    list-style: none;
    padding-left: 0;
    margin: 0;
    width: 100%;
    
}


#top-tools-nav {
    background: linear-gradient(to right, #fff, #f0f0f0 40%) !important;
    font-size: 80% !important;
}


#top-tools-nav .nav-link {
    color: #6d6d6d;
    
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    outline-offset: -5px !important;
    border: 0;
    transition: color 0.3s ease;
    
}

#top-tools-nav .nav-link:hover {
    color: #8b2331;
    
    text-decoration: underline !important;
}


#top-cta-nav .nav-link {
    background-color: #343434;
    color: #fff !important;
    text-align: center;
    text-transform: uppercase !important;
    transition: background-color 0.3s ease;
    font-size: 0.8rem !important;
}

#top-cta-nav .nav-link:hover {
    background-color: #8e2736 !important;
    
}

#top-cta-nav .nav-item {
    flex-grow: 1;
    
}







body {
    overflow-x: hidden;
}


#customHeaderLinks {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#header1 {
    padding-top: 0px !important;
    margin-top: 0px !important;
}


#top-tools-nav {
    margin-bottom: 0 !important;
}

#top-cta-nav {
    margin-top: 0 !important;
}






@media (min-width: 768px) {

    
    
    #customHeaderLinks {
        position: static !important;
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: 0;
    }

    
    
    #customHeaderLinks .col-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    
    
    #header1ContentWrapper {
        padding-top: 0 !important;
    }

    
    
    .custom-nav-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        
        align-items: center;
        padding-right: 0px;
    }

    

    .custom-nav-wrapper ul.navbar-nav {
        flex-direction: row;
        width: auto;
    }

    #top-tools-nav {
        flex-grow: 0;
        justify-content: flex-end;
    }

    
    #top-cta-nav {
        margin-left: 0 !important;
    }

    
    #top-tools-nav .nav-link {
        padding: 15px !important;
    }

    #top-cta-nav .nav-item .nav-link {
        padding: 15px 20px;
    }
}






@media (max-width: 1024px) {

    
    #customHeaderLinks {
        display: none !important;
    }

    
    #header1ContentWrapper {
        margin-top: 0 !important;
    }
}





#schoolHeaderLogoWrapper img {
    
    width: 450px !important;
    
    height: auto !important;
}





@media (max-width: 767px) {

    
    #schoolHeaderLogoWrapper img {
        display: none !important;
    }

    
    #schoolHeaderLogoWrapperLink {
        
        position: fixed !important;
        top: 5px !important;
        
        left: 15px !important;
        
        z-index: 2001 !important;
        

        
        display: block !important;
        width: 40px !important;
        height: 40px !important;

        
        background-image: url('/images/logosymbol-macewan-sce.svg') !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-color: transparent !important;

        cursor: pointer !important;
    }

    
    
    body.modal-open #schoolHeaderLogoWrapperLink,
    body.modal-open #cartInfo {
        z-index: 0 !important;
    }
}





#header1Container {
    background-color: #FFFFFF;
    width: 100%;
    color: #F0F0F0 !important;
}



#header1Wrapper {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}



#cartInfo .glyphicon-shopping-cart {
    color: #8e2736 !important;
    
}

#cartCount {
    background-color: #8e2736 !important;
    color: #ffffff;
    border: 2px solid #ffffff;
}



#header1ContentWrapper {
    display: flex !important;
    align-items: center !important;
    
    width: 100% !important;
    
    margin-top: -20px;
}




#header1ContentWrapper>.col-lg-2 {
    
    
    margin-left: auto !important;
    

    
}


.cartInfo {
    text-align: right !important;
    width: 100% !important;
}




.offset-lg-2 {
    
    margin-left: 0 !important;
}



@media (min-width: 768px) {

    
    
    #loginInfo {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        
        font-family: 'Montserrat', sans-serif !important;
        text-align: right !important;
        line-height: 1.4 !important;
        margin-top: 0 !important;
    }

    

    #loginNameWrapper {
        color: #34111A !important;
        
        font-size: 0.8rem !important;
        font-weight: 500 !important;
        font-family: 'Montserrat', sans-serif !important;
    }

    .headerProfileLink,
    .headerStudentLoginLogoutLink {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 0.8rem !important;
        font-weight: 700 !important;
        color: #8b2331 !important;
        
        text-decoration: underline !important;
        text-decoration-color: rgba(139, 35, 49, 0.3) !important;
        transition: all 0.3s ease !important;
    }

    .headerProfileLink:hover,
    .headerStudentLoginLogoutLink:hover {
        color: #34111A !important;
        
        text-decoration-color: #34111A !important;
    }

    #logoutLinkWrapper {
        margin-top: 2px !important;
        font-size: 0.8rem !important;
    }

    

    #loginDropdownMenuLink {
        
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 700 !important;
        font-size: 0.9rem !important;

        
        color: #34111A !important;
        
        background-color: transparent !important;

        
        
        display: inline-flex !important;
        align-items: center !important;

        text-decoration: none !important;
        transition: color 0.3s ease !important;
        cursor: pointer !important;
    }

    
    #loginDropdownMenuLink::before {
        content: "\f007" !important;
        

        
        font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
        font-weight: 900 !important;

        
        margin-right: 8px !important;
        font-size: 1.1em !important;
        line-height: 1 !important;

        
        color: inherit !important;
        
        text-decoration: none !important;
    }

    
    #loginDropdownMenuLink:hover {
        color: #8b2331 !important;
        
        text-decoration: underline !important;
    }

    
    #loginDropdownMenuLink .fa,
    #loginDropdownMenuLink .glyphicon {
        color: inherit !important;
        margin-left: 5px !important;
    }
}





#header3Wrapper {
    background-image: url("/srs/upload/banner_grey.jpg") !important;
    
    background-repeat: repeat-x !important;
    
    background-size: auto !important;
    border-top: 5.5px solid #d51f37 !important;
    background-position-y: bottom !important;
}

#header3Container {
    
    display: flex;
    justify-content: center;
    
    background-color: #34111A !important;
}


#globalNavigationBar {
    
    background-color: #34111A !important;
    
    width: 100%;
}


.nav-item {
    
    font-size: 1.0625rem !important;
    
    font-weight: 500 !important;
    
    
    font-family: 'Montserrat', sans-serif !important;
}

.navbar-light .navbar-nav .nav-link {
    
    color: #FFFFFF !important;
    
    font-family: 'Montserrat', sans-serif !important;
    
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    
    text-decoration: none !important;
}


.divider.d-md-none {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0.5rem 0;
}


.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    
    color: #9a1426 !important;
    transition: color 0.3s ease;
    
}




#mainNavBarCollapsable .navbar-nav .nav-link {
    
    font-optical-sizing: auto !important;
    font-style: normal !important;
    letter-spacing: -.002rem !important;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #fff !important;
    

    
    text-decoration: none;

    
    padding: 0.5rem 1rem;

    
    position: relative;

    
    transition: color 0.3s ease;
}


#mainNavBarCollapsable .navbar-nav .nav-link:hover,
#mainNavBarCollapsable .navbar-nav .nav-link.active {
    color: #D41F37 !important;
    
}


#mainNavBarCollapsable .navbar-nav .nav-link::after {
    content: '';
    position: absolute;

    
    
    bottom: 0.45rem;

    left: 0;

    
    width: 100%;
    height: 2px;
    background-color: #D41F37 !important;

    
    opacity: 0;

    
    transition: opacity 0.6s ease;
}



#mainNavBarCollapsable .navbar-nav .nav-link:hover::after,
#mainNavBarCollapsable .navbar-nav .nav-link.active::after {
    
    opacity: 1;
}









footer {
    background-color: #34111a;
    color: #FFFFFF !important;
    padding: 0 !important;
    
    position: relative;
    z-index: 1;
    overflow: hidden;
}

#footer1Container.container {
    padding: 20px !important;
    
}


#footer2Sub3 {
    display: none !important;
}

#footer1Wrapper {
    position: relative;
    z-index: 2;
}



@media (min-width: 992px) {

    
    footer#footer div#footer1Wrapper div#footer1Container.container div#footer1.footer1 div.row div.col-lg-12 div#footerNav.footerNav>div.row {
        display: grid !important;
        grid-template-columns: 35% 15% 15% 35% !important;
        grid-template-rows: 1fr !important;
        gap: 0 !important;
        min-height: 250px !important;
        align-items: start !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
    }

    
    footer#footer div#footer1Wrapper div#footer1Container.container div#footer1.footer1 div.row div.col-lg-12 div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3 {
        position: static !important;
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 35px 15px !important;
        box-sizing: border-box !important;
        flex: none !important;
        -ms-flex: none !important;
        flex-basis: auto !important;
        -ms-flex-preferred-size: auto !important;
        z-index: 1 !important;
    }

    
    footer#footer div#footer1Wrapper div#footer1Container.container div#footer1.footer1 div.row div.col-lg-12 div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:nth-child(1) {
        grid-column: 1 / 2 !important;
        grid-row: 1 / 2 !important;
    }

    
    footer#footer div#footer1Wrapper div#footer1Container.container div#footer1.footer1 div.row div.col-lg-12 div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:nth-child(2) {
        grid-column: 2 / 3 !important;
        grid-row: 1 / 2 !important;
    }

    
    footer#footer div#footer1Wrapper div#footer1Container.container div#footer1.footer1 div.row div.col-lg-12 div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:nth-child(3) {
        grid-column: 3 / 4 !important;
        grid-row: 1 / 2 !important;
    }

    
    footer#footer div#footer1Wrapper div#footer1Container.container div#footer1.footer1 div.row div.col-lg-12 div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:last-child,
    footer#footer div#footer1Wrapper div#footer1Container.container div#footer1.footer1 div.row div.col-lg-12 div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:nth-child(4),
    footer#footer div#footer1Wrapper div#footer1Container.container div#footer1.footer1 div.row div.col-lg-12 div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:nth-of-type(4) {
        grid-column: 4 / 5 !important;
        grid-row: 1 / 2 !important;
        position: static !important;
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        clear: none !important;
        display: block !important;
        flex: none !important;
        -ms-flex: none !important;
        flex-basis: auto !important;
        -ms-flex-preferred-size: auto !important;
    }

    
    footer#footer div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:last-child div.footerConnect,
    footer#footer div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:last-child div#footer-right,
    footer#footer div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:nth-child(4) div.footerConnect,
    footer#footer div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:nth-child(4) div#footer-right,
    footer#footer div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:nth-of-type(4) div.footerConnect,
    footer#footer div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:nth-of-type(4) div#footer-right {
        position: static !important;
        top: auto !important;
        right: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}




@media (min-width: 992px) and (max-width: 1279px) {
    footer#footer div#footer1Container.container::after {
        content: "" !important;
        position: absolute !important;
        top: -20px !important;
        
        bottom: -20px !important;
        
        left: 62% !important;
        width: 200vw !important;
        background: linear-gradient(to bottom, #d51f37, #9a1426) !important;
        pointer-events: none !important;
        z-index: 0 !important;
    }
}


@media (min-width: 1280px) and (max-width: 1365px) {
    footer#footer div#footer1Container.container::after {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 61% !important;
        width: 200vw !important;
        background: linear-gradient(to bottom, #d51f37, #9a1426) !important;
        pointer-events: none !important;
        z-index: 0 !important;
    }
}


@media (min-width: 1366px) and (max-width: 1535px) {
    footer#footer div#footer1Container.container::after {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 61% !important;
        width: 200vw !important;
        background: linear-gradient(to bottom, #d51f37, #9a1426) !important;
        pointer-events: none !important;
        z-index: 0 !important;
    }
}


@media (min-width: 1536px) and (max-width: 1919px) {
    footer#footer div#footer1Container.container::after {
        content: "" !important;
        position: absolute !important;
        top: -20px !important;
        bottom: -20px !important;
        left: 58% !important;
        width: 200vw !important;
        background: linear-gradient(to bottom, #d51f37, #9a1426) !important;
        pointer-events: none !important;
        z-index: 0 !important;
    }
}


@media (min-width: 1920px) and (max-width: 2199px) {
    footer#footer div#footer1Container.container::after {
        content: "" !important;
        position: absolute !important;
        top: -20px !important;
        bottom: -20px !important;
        left: 57% !important;
        width: 200vw !important;
        background: linear-gradient(to bottom, #d51f37, #9a1426) !important;
        pointer-events: none !important;
        z-index: 0 !important;
    }
}


@media (min-width: 2200px) and (max-width: 2559px) {
    footer#footer div#footer1Container.container::after {
        content: "" !important;
        position: absolute !important;
        top: -20px !important;
        bottom: -20px !important;
        left: 56% !important;
        
        width: 200vw !important;
        background: linear-gradient(to bottom, #d51f37, #9a1426) !important;
        pointer-events: none !important;
        z-index: 0 !important;
    }
}


@media (min-width: 2560px) {
    footer#footer div#footer1Container.container::after {
        content: "" !important;
        position: absolute !important;
        top: -20px !important;
        bottom: -20px !important;
        left: 55% !important;
        
        width: 200vw !important;
        background: linear-gradient(to bottom, #d51f37, #9a1426) !important;
        pointer-events: none !important;
        z-index: 0 !important;
    }
}




@media (min-width: 992px) {

    
    footer#footer div#footer1Wrapper div#footer1Container.container div#footer1.footer1 div.row div.col-lg-12 div#footerNav.footerNav>div.row {
        display: grid !important;
        grid-template-columns: 35% 15% 15% 35% !important;
        grid-template-rows: 1fr !important;
        gap: 0 !important;
        min-height: 250px !important;
        align-items: start !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
    }

    
    footer#footer div#footer1Wrapper div#footer1Container.container div#footer1.footer1 div.row div.col-lg-12 div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3 {
        position: static !important;
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 35px 15px !important;
        box-sizing: border-box !important;
        flex: none !important;
        -ms-flex: none !important;
        flex-basis: auto !important;
        -ms-flex-preferred-size: auto !important;
        z-index: 1 !important;
    }

    
    footer#footer div#footer1Wrapper div#footer1Container.container div#footer1.footer1 div.row div.col-lg-12 div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:nth-child(1) {
        grid-column: 1 / 2 !important;
        grid-row: 1 / 2 !important;
    }

    
    footer#footer div#footer1Wrapper div#footer1Container.container div#footer1.footer1 div.row div.col-lg-12 div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:nth-child(2) {
        grid-column: 2 / 3 !important;
        grid-row: 1 / 2 !important;
    }

    
    footer#footer div#footer1Wrapper div#footer1Container.container div#footer1.footer1 div.row div.col-lg-12 div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:nth-child(3) {
        grid-column: 3 / 4 !important;
        grid-row: 1 / 2 !important;
    }

    
    footer#footer div#footer1Wrapper div#footer1Container.container div#footer1.footer1 div.row div.col-lg-12 div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:last-child,
    footer#footer div#footer1Wrapper div#footer1Container.container div#footer1.footer1 div.row div.col-lg-12 div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:nth-child(4),
    footer#footer div#footer1Wrapper div#footer1Container.container div#footer1.footer1 div.row div.col-lg-12 div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:nth-of-type(4) {
        grid-column: 4 / 5 !important;
        grid-row: 1 / 2 !important;
        position: static !important;
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        clear: none !important;
        display: block !important;
        flex: none !important;
        -ms-flex: none !important;
        flex-basis: auto !important;
        -ms-flex-preferred-size: auto !important;
    }

    
    footer#footer div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:last-child div.footerConnect,
    footer#footer div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:last-child div#footer-right,
    footer#footer div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:nth-child(4) div.footerConnect,
    footer#footer div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:nth-child(4) div#footer-right,
    footer#footer div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:nth-of-type(4) div.footerConnect,
    footer#footer div#footerNav.footerNav>div.row>div.col-md-6.col-lg-3:nth-of-type(4) div#footer-right {
        position: static !important;
        top: auto !important;
        right: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}



@media (max-width: 991px) {

    footer#footer {
        background-color: #34111a !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        
    }

    #footer1Container.container {
        padding: 30px 20px 0 20px !important;
        
        background-color: #34111a !important;
        max-width: none !important;
        
    }

    footer#footer div#footer1Container.container::after {
        display: none !important;
    }

    #footerNav .row {
        display: flex !important;
        flex-direction: column !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    
    #footerNav .row>.col-md-6,
    #footerNav .row>.col-lg-3,
    #footerNav>.col-md-6,
    #footerNav>.col-lg-3 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px 15px !important;
        position: static !important;
        float: none !important;
        text-align: center !important;
        order: 0 !important;
        background: transparent !important;
        margin: 0 !important;
        grid-column: auto !important;
        grid-row: auto !important;
    }

    
    #footerNav [class*="col-"]:has(#footer-message) {
        order: 1 !important;
    }

    
    #footerNav [class*="col-"]:has(#footer-qlinks) {
        order: 2 !important;
    }

    
    #footerNav [class*="col-"]:has(#footer-socialmedia) {
        order: 3 !important;
        background: transparent !important;
        margin: 0 !important;
        width: 100% !important;
        padding-bottom: 30px !important;
        
    }

    
    #footerNav [class*="col-"]:has(.footerConnect),
    #footerNav .col-md-6:has(.footerConnect),
    #footerNav .col-lg-3:has(.footerConnect),
    #footerNav [class*="col-"]:has(#footer-right),
    #footerNav [class*="col-"]:has(#footer-contact) {
        order: 4 !important;
        background: linear-gradient(to bottom, #d51f37, #9a1426) !important;
        margin: 0 !important;
        
        padding: 30px 20px !important;

        
        width: 100vw !important;
        max-width: 100vw !important;
        position: relative !important;
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
    }

    
    #footerNav .footerAbout,
    #footerNav .footerContact,
    #footerNav .footerSiteMap,
    #footerNav .footerConnect {
        text-align: center !important;
        margin: 0 auto !important;
    }

    #footer-message .title,
    #footer-qlinks .title,
    #footer-socialmedia .title {
        text-align: center !important;
    }

    #footer-message .text,
    #footer-qlinks .text {
        text-align: center !important;
    }

    #footer-socialmedia .footer-socialmedia-rows {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 10px !important;
    }

    #footer-socialmedia .footer-socialmedia-row {
        display: flex !important;
        justify-content: center !important;
        gap: 10px !important;
    }

    #footer-right,
    #footer-contact {
        text-align: center !important;
    }

    #footer-contact-image {
        display: block !important;
        margin: 0 auto 20px auto !important;
        max-width: 250px !important;
    }

    #footer-right .text,
    #footer-contact .text {
        text-align: center !important;
    }

    #footer-right,
    #footer-contact,
    .footerConnect {
        position: static !important;
        transform: none !important;
    }
}



#footer-message .title,
#footer-qlinks .title {
    font-weight: 700;
    color: #FFFFFF !important;
    font-size: .99rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    text-decoration: none !important;
}



#footer-qlinks .title {
    white-space: nowrap !important;
}

.footerContact p,
.footerContact p a {
    color: #fff9 !important;
    font-size: .84rem;
    font-weight: 420;
    font-family: Montserrat, sans-serif !important;
    line-height: 1.4;
    letter-spacing: normal;
    margin-bottom: 0.25rem;
}

.footerContact p a {
    text-decoration: underline;
    text-decoration-color: #fff6;
}

.footerAbout p,
.footerConnect p {
    color: #fff9;
    font-family: Montserrat, sans-serif !important;
    font-size: .85rem;
    letter-spacing: -.002rem;
    line-height: 1.4;
    margin-bottom: 0.25rem;
}

.footerAbout a,
.footerConnect a {
    color: white;
    font-family: Montserrat, sans-serif !important;
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: -.002rem;
    line-height: 1.4;
    text-decoration: underline;
    margin-bottom: 0.25rem;
}

.footerContact .variable-content-item p {
    margin-left: 0 !important;
}

.footerContact .variable-content-item a {
    padding-left: 0px;
    display: block;
}



#footer-socialmedia .fa-stack {
    position: relative !important;
    display: inline-block !important;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

#footer-socialmedia .fa-stack .fa-stack-1x,
#footer-socialmedia .fa-stack .fa-stack-2x {
    position: absolute !important;
    left: 0 !important;
    width: 100% !important;
    text-align: center !important;
}

#footer-socialmedia .fa-stack .fa-stack-1x {
    font-size: 1em;
    line-height: inherit;
}

#footer-socialmedia .fa-stack .fa-stack-2x {
    font-size: 2em;
}



#footer-socialmedia .fa-stack .icon-bg {
    color: transparent !important;
}

#footer-socialmedia .fa-stack .icon-bg::before {
    content: "\f111" !important;
    font-family: "Font Awesome 6 Pro", "Font Awesome 6 Solid", "Font Awesome 5 Pro", "Font Awesome 5 Solid", "Font Awesome 5 Free", sans-serif !important;
    font-weight: 900 !important;
    color: #8b2331 !important;
    transition: color 0.3s ease !important;
    display: inline-block;
    line-height: 1;
}

#footer-socialmedia .fa-stack:hover .icon-bg::before {
    color: #CF002F !important;
}



#footer-socialmedia .fa-stack .icon-fg {
    color: transparent !important;
}

#footer-socialmedia .fa-stack .icon-fg::before {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", sans-serif !important;
    font-weight: 400 !important;
    color: #34111A !important;
    transition: color 0.3s ease !important;
    display: inline-block;
    line-height: 1;
}

#footer-socialmedia .fa-stack:hover .icon-fg::before {
    color: #34111A !important;
}



html body #footer-socialmedia a.fa-stack[title="TikTok"] .icon-fg {
    position: relative !important;
    display: block !important;
    height: 32px !important;
    min-height: 32px !important;
    width: 32px !important;
}

html body #footer-socialmedia a.fa-stack[title="TikTok"] .icon-fg::before {
    content: "" !important;
    font-family: inherit !important;
    font-weight: normal !important;
    color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2334111A' d='M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z'/%3E%3C/svg%3E") !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 60% !important;
    z-index: 10 !important;
    display: block !important;
    line-height: 1 !important;
}

html body #footer-socialmedia a.fa-stack[title="TikTok"]:hover .icon-fg::before {
    filter: brightness(1.2) !important;
    transition: filter 0.3s ease !important;
}



html body #footer-socialmedia a.fa-stack[title="X"] .icon-fg {
    position: relative !important;
    display: block !important;
    height: 32px !important;
    min-height: 32px !important;
    width: 32px !important;
}

html body #footer-socialmedia a.fa-stack[title="X"] .icon-fg::before {
    content: "" !important;
    font-family: inherit !important;
    font-weight: normal !important;
    color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%2334111A' d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E") !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 50% !important;
    z-index: 10 !important;
    display: block !important;
    line-height: 1 !important;
}

html body #footer-socialmedia a.fa-stack[title="X"]:hover .icon-fg::before {
    filter: brightness(1.2) !important;
    transition: filter 0.3s ease !important;
}



#footer-socialmedia p.title {
    font-family: Montserrat, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.02rem;
    padding-bottom: 0;
    padding-left: 0.4rem;
    text-transform: lowercase;
}




#footer-contact-image {
    width: 100% !important;
    height: auto;
    max-width: 100%;
    margin-bottom: 20px;
}



#sidebar1Module1,
.nav-pills,
footer a,
footer>a {
    color: white !important;
}

#sidebar1Wrapper {
    background-color: white;
}

#variableContentBlockPG0156 {
    color: #34111A !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    padding-top: 35px !important;
    padding-bottom: 20px !important;
    display: flex;
    -ms-flex-align: center;
}





#mainContent {
    
    padding-top: 10px;
    padding-bottom: 40px;

    
    
}





#mainContent h1,
#mainContent h2,
#mainContent h3,
#mainContent h4,
#mainContent h5,
#mainContent h6,
#mainContent p,
#mainContent div,
#mainContent li,
#mainContent blockquote {
    font-family: 'Montserrat', sans-serif !important;
}






#mainContent h1,
#mainContent h2,
#mainContent h3,
#mainContent h4,
#mainContent h5,
#mainContent h6 {
    
    color: #171717 !important;

    
    font-weight: 400 !important;

    
    margin-top: 1.5rem !important;
    margin-bottom: 0.5rem !important;
    padding: 0 !important;

    
}




#mainContent h1 {
    font-size: 3.125rem !important;
    letter-spacing: normal !important;
    
    line-height: 1.1 !important;
    font-style: normal !important;
}


#mainContent h2 {
    font-size: 2.1756rem !important;
    letter-spacing: -.002rem !important;
    line-height: 1.142 !important;
    font-style: normal !important;
}


#mainContent h3 {
    font-size: 1.7rem !important;
    line-height: 1.089 !important;
}


#mainContent h4 {
    font-size: 1.2838rem !important;
    line-height: 1.24 !important;
}


#mainContent h5 {
    font-size: 1.1025rem !important;
    font-style: normal !important;
}

#mainContent h6 {
    font-size: 1rem !important;
}



@media (max-width: 767px) {

    
    #mainContent h1 {
        font-size: 2.25rem !important;
        line-height: 1.2 !important;
        letter-spacing: 0.02rem !important;
        
    }

    
    #mainContent h2 {
        font-size: 1.75rem !important;
        line-height: 1.25 !important;
    }

    
    #mainContent h3 {
        font-size: 1.4rem !important;
        line-height: 1.3 !important;
    }

    
    #mainContent h4 {
        font-size: 1.15rem !important;
        line-height: 1.35 !important;
    }

    
    #mainContent h5 {
        font-size: 1.05rem !important;
    }

    #mainContent h6 {
        font-size: 1rem !important;
        
        font-weight: 700 !important;
        
    }

    
    #mainContent h1,
    #mainContent h2,
    #mainContent h3,
    #mainContent h4,
    #mainContent h5,
    #mainContent h6 {
        margin-top: 1.2rem !important;
        
        margin-bottom: 0.5rem !important;
    }
}



#mainContent a {
    font-family: 'Montserrat', sans-serif !important;
}



#mainContent td,
#mainContent th {
    font-family: 'Montserrat', sans-serif !important;
}



#programAreasAccordion .card-title,
#programAreasAccordion .programArea a {
    font-family: 'Montserrat', sans-serif !important;
}


#mainContent .btn {
    font-family: 'Montserrat', sans-serif !important;
}

#certificateOfficalDescription a {
    
    color: #8b2331 !important;

    
    text-decoration: underline !important;

    
    font-weight: 700 !important;

    
    transition: color .3s, text-decoration-color .3s, opacity .3s !important;
}

#certificateOfficalDescription a:hover {
    
    color: #34111a !important;

    
    text-decoration: underline !important;
}

#certificateOfficalDescription a:visited {
    
    color: #8b2331;
}





#courseProfileOfficialCourseDescription table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 1.5rem !important;
    border: none !important;
    
}


#courseProfileOfficialCourseDescription table tr:nth-of-type(odd) {
    background-color: #f0f0f0 !important;
    
}

#courseProfileOfficialCourseDescription table tr:nth-of-type(even) {
    background-color: #ffffff !important;
    
}


#courseProfileOfficialCourseDescription table td,
#courseProfileOfficialCourseDescription table th {
    padding: 12px 15px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
    vertical-align: middle !important;
    border: 1px solid #e9ecef !important;
    
}


#courseProfileOfficialCourseDescription table th {
    
    color: #8b2331 !important;
    font-weight: 700 !important;
    text-align: left !important;

    
    width: 30% !important;
    min-width: 150px !important;
}


#courseProfileOfficialCourseDescription table td {
    color: #34111A !important;
    font-weight: 400 !important;
}


#courseProfileOfficialCourseDescription table td b,
#courseProfileOfficialCourseDescription table td strong {
    font-weight: 700 !important;
    color: inherit !important;
}






#programAreaDescription table {
    width: 100% !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;
    margin-bottom: 1.5rem;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: rgb(23, 23, 23) !important;
    line-height: 1.5 !important;
    text-align: left !important;
}


#programAreaDescription table thead th {
    background-color: rgb(52, 17, 26) !important;
    
    color: rgb(255, 255, 255) !important;
    

    font-family: 'Montserrat', sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;

    padding: 13px 18px !important;
    vertical-align: middle !important;

    
    border: 1px solid rgb(52, 17, 26) !important;
    border-right: 1px solid rgb(221, 221, 221) !important;
    
}


#programAreaDescription table thead th:last-child {
    border-right: 1px solid rgb(52, 17, 26) !important;
}




#programAreaDescription table tbody tr:nth-of-type(odd) {
    background-color: #f0f0f0 !important;
}


#programAreaDescription table tbody tr:nth-of-type(even) {
    background-color: #ffffff !important;
}


#programAreaDescription table tbody td {
    padding: 12px 15px !important;
    vertical-align: middle !important;
    border: 1px solid #dee2e6 !important;
    
    color: rgb(23, 23, 23) !important;
}




#programAreaDescription table,
#programStreamDescription table {
    width: 100% !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;
    margin-bottom: 1.5rem;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: rgb(23, 23, 23) !important;
    line-height: 1.5 !important;
    text-align: left !important;

    
    border: none !important;
}


#programAreaDescription table thead th,
#programStreamDescription table thead th {
    background-color: rgb(52, 17, 26) !important;
    
    color: white !important;

    font-family: 'Montserrat', sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;

    padding: 13px 18px !important;
    vertical-align: middle !important;

    
    border: 1px solid rgb(52, 17, 26) !important;
    border-right: 1px solid rgb(221, 221, 221) !important;
    
    border-bottom: none !important;
}


#programAreaDescription table thead th:last-child,
#programStreamDescription table thead th:last-child {
    border-right: 1px solid rgb(52, 17, 26) !important;
}




#programAreaDescription table tbody tr:nth-of-type(odd),
#programStreamDescription table tbody tr:nth-of-type(odd) {
    background-color: #f0f0f0 !important;
}


#programAreaDescription table tbody tr:nth-of-type(even),
#programStreamDescription table tbody tr:nth-of-type(even) {
    background-color: #ffffff !important;
}


#programAreaDescription table tbody td,
#programStreamDescription table tbody td {
    padding: 12px 15px !important;
    vertical-align: middle !important;

    
    border: 1px solid #dee2e6 !important;
    border-top: none !important;

    color: rgb(23, 23, 23) !important;
}


#programAreaDescription table tbody td strong,
#programStreamDescription table tbody td strong {
    font-weight: 700 !important;
    color: inherit !important;
}




#programAreaCoursesAndCertificates {
    background-color: #E9E5E5 !important;
    padding: 20px;
    border-radius: 4px;
}


#programAreaCourses {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


#programAreaCourses table.table tr {
    display: block;
    margin-bottom: 15px;
    

    background-color: white !important;
    border-radius: 4px;
    overflow: hidden;
    

    
    position: relative;
    z-index: 1;

    transition: transform 0.2s ease, box-shadow 0.2s ease;
}


#programAreaCourses table.table td {
    border-top: none !important;
    padding: 0 !important;
    border: none !important;
}


#programAreaCourses table.table a {
    display: flex;
    justify-content: flex-start;
    
    align-items: center;
    
    width: 100%;

    
    padding: 12px 40px 12px 45px;

    
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    color: #34111a !important;
    
    text-decoration: none !important;

    position: relative;
    background-color: transparent !important;
}




#programAreaCourses table.table a::before {
    
    content: "\f02d";
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;

    
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 35px;

    background-color: #34111A;
    color: white;
    border-radius: 4px 0 0 4px;

    
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
}


#programAreaCourses table.table tr td[aria-level="2"] a::before {
    content: "\2192 ³" !important;
    font-family: inherit !important;
    font-weight: normal !important;
    background-color: transparent !important;
    background-image: none !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    color: #34111A !important;
    font-size: 1.5rem !important;
    border-radius: 0 !important;
    margin-right: 5px !important;
    display: inline-block !important;
}


#programAreaCourses table.table tr td[aria-level="2"] a {
    padding-left: 10px !important;
}


#programAreaCourses table.table tr td[aria-level="2"] {
    background-color: transparent !important;
}


#programAreaCourses table.table a::after {
    content: "\f054";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;

    
    position: absolute;
    right: 15px;
    top: 50%;

    font-size: 1rem;
    color: #34111a;

    
    opacity: 0;
    transform: translateY(-50%) translateX(5px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}


#programAreaCourses table.table tr:hover {
    transform: scale(1.02);
    z-index: 10;
    overflow: visible;
}

#programAreaCourses table.table tr:hover a::after {
    opacity: 1;
    
    transform: translateY(-50%) translateX(0);
}


#programAreaCourses .card-header {
    background-color: transparent !important;
    border-bottom: none !important;
    padding-left: 0;
}

#programAreaCourses .card-header h2 {
    color: #34111A !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
}



#programAreaCoursesAndCertificates .row>.col-lg-6 {
    
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;

    
    max-width: 100% !important;
}



#programAreaCourses .table-responsive {
    
    overflow-x: hidden !important;
    overflow-y: visible !important;
    

    
    width: 100% !important;

    
    padding-bottom: 15px !important;
}


#programAreaCourses table.table {
    
    width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}



@media (max-width: 767px) {

    
    html body #programAreaCoursesAndCertificates #programAreaCourses .table-responsive,
    html body #programAreaCoursesAndCertificates #programStreamCourses .table-responsive {
        overflow: visible !important;
        
        padding: 15px 12px !important;
        margin-left: -12px !important;
        margin-right: -12px !important;
        border: none !important;
        background: transparent !important;
    }

    
    #programAreaCourses table.table,
    #programStreamCourses table.table {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-collapse: separate !important;
        border-spacing: 0 0 !important;
        
    }

    #programAreaCourses table.table tr,
    #programStreamCourses table.table tr {
        display: block !important;
        margin-bottom: 12px !important;
        height: auto !important;
        background-color: white !important;
        border-radius: 4px !important;
        position: relative !important;
        z-index: 1 !important;
        
        overflow: hidden !important;
        transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s ease !important;
    }

    
    #programAreaCourses table.table tr:hover,
    #programStreamCourses table.table tr:hover {
        
        overflow: visible !important;
        transform: scale(1.025) !important;
        z-index: 100 !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18) !important;
    }

    
    #programAreaCourses table.table a,
    #programStreamCourses table.table a {
        display: block !important;
        padding: 15px 45px 15px 45px !important;
        font-size: 0.9rem !important;
        white-space: normal !important;
        
        line-height: 1.4 !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    
    html body #programAreaCourses table.table a::after,
    html body #programStreamCourses table.table a::after {
        content: "\f054" !important;
        font-family: "Font Awesome 5 Free", "FontAwesome" !important;
        font-weight: 900 !important;
        position: absolute !important;
        right: 15px !important;
        
        top: 50% !important;

        
        transform: translateY(-50%) translateX(10px) !important;
        opacity: 0 !important;

        font-size: 0.9rem !important;
        color: #34111A !important;
        transition: opacity 0.3s ease, transform 0.3s ease !important;
    }

    
    #programAreaCourses table.table tr:hover a::after,
    #programStreamCourses table.table tr:hover a::after {
        opacity: 1 !important;
        transform: translateY(-50%) translateX(0) !important;
        
    }
}







#courseProfile h1,
#courseProfile h2,
#courseProfile h3,
#courseProfile h4,
#courseProfile h5,
#courseProfile h6,
#certProfile h1,
#certProfile h2,
#certProfile h3,
#certProfile h4,
#certProfile h5,
#certProfile h6 {
    
    color: #171717 !important;
    font-family: 'Crimson Text', serif !important;
    font-weight: 400 !important;
    

    
    margin-top: 1.5rem !important;
    margin-bottom: 0.5rem !important;
    padding: 0 !important;
}




#courseProfile h1,
#certProfile h1 {
    font-size: 3.125rem !important;
    letter-spacing: .05rem !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
    
    font-style: normal !important;
}


#courseProfile h2,
#certProfile h2 {
    font-size: 2.1756rem !important;
    letter-spacing: -.002rem !important;
    line-height: 1.142 !important;
    font-style: normal !important;
}


#courseProfile h3,
#certProfile h3 {
    font-size: 1.7rem !important;
    font-weight: 400 !important;
    line-height: 1.089 !important;
}


#courseProfile h4,
#certProfile h4 {
    font-size: 1.2838rem !important;
    line-height: 1.24 !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
}


#courseProfile h5,
#certProfile h5 {
    font-size: 1.1025rem !important;
    font-weight: 600 !important;
}

#courseProfile h6,
#certProfile h6 {
    font-size: 1rem !important;
    font-weight: 700 !important;
}

#courseProfile p,
#certProfile p {
    font-size: 1rem !important;
}



@media (max-width: 767px) {

    
    
    #courseProfile h1,
    #courseProfile h2,
    #courseProfile h3,
    #courseProfile h4,
    #courseProfile h5,
    #courseProfile h6,
    #certProfile h1,
    #certProfile h2,
    #certProfile h3,
    #certProfile h4,
    #certProfile h5,
    #certProfile h6 {
        margin-top: 1.2rem !important;
    }

    
    
    #courseProfile h1,
    #certProfile h1 {
        font-size: 2.25rem !important;
        line-height: 1.2 !important;
        
        letter-spacing: 0.02rem !important;
        
    }

    
    
    #courseProfile h2,
    #certProfile h2 {
        font-size: 1.75rem !important;
        line-height: 1.25 !important;
    }

    
    
    #courseProfile h3,
    #certProfile h3 {
        font-size: 1.4rem !important;
        line-height: 1.3 !important;
    }

    
    
    #courseProfile h4,
    #certProfile h4 {
        font-size: 1.15rem !important;
        line-height: 1.35 !important;
    }

    
    
    #courseProfile h5,
    #certProfile h5 {
        font-size: 1.05rem !important;
    }

    
    
    #courseProfile h6,
    #certProfile h6 {
        font-size: 1rem !important;
    }
}



#courseProfile p,
#courseProfile ul,
#courseProfile ol,
#courseProfile blockquote {
    
    color: #171717 !important;
    
    margin-bottom: 1.5em !important;
}



#courseProfile h2+div,
#courseProfile h2+p {
    
    color: #171717 !important;
    margin-top: 0.5em !important;
}




#pageCourseProfile #courseProfileCatalogCourseDescription a,
#pageCourseProfile #courseProfileOfficialCourseDescription a,
#pageCourseProfile .courseDescriptionCollapsibleWrapper a,
#pageCertProfile #certProfileCatalogCourseDescription a {

    
    color: #8b2331 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;

    
    text-decoration: underline !important;
    text-decoration-color: rgba(139, 35, 49, 0.4) !important;
    text-underline-offset: 3px !important;

    
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    transition: color 0.3s ease, text-decoration-color 0.3s ease !important;
}


#pageCourseProfile #courseProfileCatalogCourseDescription a:hover,
#pageCourseProfile #courseProfileOfficialCourseDescription a:hover {
    color: #34111a !important;
    
    text-decoration-color: #34111a !important;
}



@media (max-width: 767px) {

    
    a.morelink,
    .readMore {
        
        color: #8b2331 !important;
        
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 700 !important;
        
        font-size: 0.9rem !important;

        
        text-decoration: underline !important;
        text-decoration-color: #8b2331 !important;

        
        transition: color 0.3s ease, text-decoration-color 0.3s ease !important;

        
        display: inline-block !important;
        margin-top: 10px !important;
        cursor: pointer !important;
    }

    
    a.morelink:hover,
    a.morelink:hover .readMore,
    .readMore:hover {
        color: #34111a !important;
        
        text-decoration-color: #34111a !important;
    }

    
    
    .allcontent {
        animation: fadeInContent 0.6s ease-in-out;
    }

    
    @keyframes fadeInContent {
        from {
            opacity: 0;
            transform: translateY(-10px);
            
        }

        to {
            opacity: 1;
            transform: translateY(0);
            
        }
    }
}




.certificateStreamItems .certificateStreamItemHeader {
    
    color: #8b2331 !important;

    
    text-decoration: underline !important;

    

    
    transition: color .3s, text-decoration-color .3s, opacity .3s !important;
}

.certificateStreamItems .certificateStreamItemHeader:hover {
    
    color: #34111a !important;

    
    text-decoration: underline !important;
}


.certificateStreamItems .certificateStreamItemHeader .courseCode {
    
    font-weight: 700 !important;
    
}



#courseProfileCertificates a {
    
    
    color: #8b2331 !important;

    
    text-decoration: underline !important;

    

    
    transition: color .3s, text-decoration-color .3s, opacity .3s !important;

    
    font-weight: 700 !important;
}

#courseProfileCertificates a:hover {
    
    color: #34111a !important;

    
    text-decoration: underline !important;
}




.panel-collapse a:not(.btn) {
    
    color: #8b2331 !important;

    
    text-decoration: underline !important;

    
    transition: color .3s, text-decoration-color .3s, opacity .3s !important;

    
    font-weight: 700 !important;
}

.panel-collapse a:not(.btn):hover {
    
    color: #34111a !important;

    
    text-decoration: underline !important;
}


.courseSectionDescription .labelSpanStyle {
    
    font-weight: 700 !important;
    font-size: 0.75rem !important;
}





.courseSectionDescription .header,
.courseSectionDescription .labelSpanStyle {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    
    color: #171717 !important;
    font-weight: 700 !important;
    
    line-height: 1.4 !important;
}



.courseSectionDescription .content,
.courseSectionDescription .content span,
.courseSectionDescription .content div,
.courseSectionDescription .sectionInstructors ul li,

.courseSectionDescription .sectionLocation ul li,

.courseSectionDescription .instructorName,

.courseSectionDescription table td {
    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    
    color: #171717 !important;
    font-weight: 500 !important;
    
    line-height: 1.5 !important;
}





.courseSectionDescription .sectionTitle .content span {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #111111 !important;
    
}



.courseSectionDescription a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #8b2331 !important;
    
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.courseSectionDescription a:hover,
.courseSectionDescription a:hover .instructorName {
    color: #34111A !important;
    text-decoration: underline !important;
}


.courseSectionDescription .sectionTuitionProfiles .tuitionProfileFees {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    color: #171717 !important;
}


.courseSectionDescription .notFoundMessage,
.courseSectionDescription .noSchedule {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    font-style: italic !important;
    color: #171717 !important;
    font-weight: 400 !important;
}

.courseSectionDescription .instructorName:not(a span) {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    color: #171717 !important;
    
    font-weight: 500 !important;
}


.courseSectionDescription a .instructorName {
    color: inherit !important;
    
    font-weight: 600 !important;
    text-decoration: inherit !important;
}



.courseSectionEnrollmentActions {
    
    padding: 50px 0 !important;

    
    margin: 0 !important;
}


#breadcrumb {
    
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}




#pageCourseDescription .courseSectionDescription .section-notes-container {
    width: 100% !important;
    max-width: 100% !important;
    
    font-family: 'Montserrat', sans-serif !important;
    color: #171717 !important;
    background-color: #ffffff !important;
    padding: 10px 0 !important;
    
}


html body #mainContent h2.section-notes-main-title.section-notes-main-title {
    background-color: #8b2331 !important;
    color: #ffffff !important;
    display: inline-block !important;
    padding: 8px 20px !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-transform: none !important;
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 4px !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    letter-spacing: 0.02rem !important;
}


.section-notes-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.section-notes-item {
    margin-bottom: 14px !important;
    line-height: 1.6 !important;
    font-size: 0.85rem !important;
}


.section-notes-label {
    font-weight: 700 !important;
    color: #171717 !important;
    margin-right: 6px !important;
}


.section-notes-schedule-card {
    position: relative !important;
    
    overflow: hidden !important;
    
    background-color: #f0f0f0 !important;
    border-left: 6px solid #8b2331 !important;
    padding: 20px !important;
    margin: 25px 0 !important;
    border-radius: 0 4px 4px 0 !important;
    z-index: 1 !important;
}


.section-notes-schedule-card::before {
    content: "\f51c" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    position: absolute !important;
    right: -20px !important;
    bottom: -52px !important;
    font-size: 10rem !important;
    color: #e7e7e7 !important;
    z-index: -1 !important;
    pointer-events: none !important;
    transform: rotate(-10deg) !important;
}

.section-notes-label-alt {
    display: block !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.08em !important;
    margin-bottom: 10px !important;
    color: #8b2331 !important;
}

.section-notes-schedule-details {
    font-size: 0.85rem !important;
    line-height: 1.5 !important;
    color: #171717 !important;
}

.section-notes-disclaimer {
    margin-top: 10px;
    font-size: 0.75rem;
    font-style: italic;
    color: #171717 !important;
}


.section-notes-link {
    color: #8b2331 !important;
    
    text-decoration: underline !important;
    font-weight: 600 !important;
}




#searchBreadcrumb a {
    color: #171717 !important;
    
    display: inline;
    font-family: Montserrat, sans-serif !important;
    font-optical-sizing: auto !important;
    font-size: .77rem !important;
    font-style: normal !important;
    font-weight: 600 !important;
    letter-spacing: -.002rem !important;
    padding: 0 .6rem 0 .7rem !important;
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
    transition: color .4s, -webkit-text-decoration .3s;
    transition: color .4s, text-decoration .3s;
    transition: color .4s, text-decoration .3s, -webkit-text-decoration .3s;
}

#searchBreadcrumb a:hover {
    color: #8b2331 !important;
    -webkit-text-decoration: undertine !important;
    text-decoration: underline !important;
}


#searchBreadcrumb #searchBreadcrumbBackIcon {
    color: #171717 !important;
    
    font-size: 1rem !important;
    margin-right: -3px !important;
    
}




#formEmailCourseInfo {
    background-color: #fff !important;
    padding: 40px 30px 40px 30px !important;
    
    border-radius: 8px !important;
    margin: 40px auto !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
    max-width: 100% !important;
    display: block !important;
}


#formEmailCourseInfo>.row:first-child {
    padding-top: 15px !important;
}



#formEmailCourseInfo .labelSpanStyle {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    color: #171717 !important;
    
    margin-bottom: 15px !important;
    margin-top: 10px !important;
    display: block !important;
    border-bottom: 2px solid #f0f0f0 !important;
    
    padding-bottom: 5px !important;
}


#formEmailCourseInfo label,
#formEmailCourseInfo .requiredFieldLabel {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    
    color: #171717 !important;
    
    margin-bottom: 8px !important;
    display: block !important;
}


#formEmailCourseInfo .form-control {
    
    height: auto !important;
    padding: 12px 15px !important;
    

    
    background-color: #f8f9fa !important;
    
    border: 1px solid #ced4da !important;
    
    border-radius: 4px !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    color: #171717 !important;

    
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}


#formEmailCourseInfo .form-control:focus {
    border-color: #8b2331 !important;
    
    box-shadow: 0 0 0 0.2rem rgba(139, 35, 49, 0.25) !important;
    
    outline: 0 !important;
    background-color: #fff !important;
}


#formEmailCourseInfo .buttons {
    margin-top: 20px !important;
    padding-top: 10px !important;
    border-top: 1px solid #eee !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 15px !important;
}


#formEmailCourseInfo #buttonSend {
    
    padding: 12px 30px !important;
    
    min-width: 150px !important;

    
    background-color: #D41F37 !important;
    border: 2px solid #D41F37 !important;
    color: #ffffff !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 0px !important;
    transition: all 0.3s ease !important;
}

#formEmailCourseInfo #buttonSend:hover {
    background-color: #34111A !important;
    border-color: #34111A !important;
}


#formEmailCourseInfo #buttonCancel {
    
    padding: 12px 30px !important;
    min-width: 150px !important;

    
    background-color: #ffffff !important;
    border: 1px solid #D41F37 !important;
    
    color: #D41F37 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    
    text-transform: uppercase !important;
    border-radius: 0px !important;
    transition: all 0.3s ease !important;
}

#formEmailCourseInfo #buttonCancel:hover {
    border-color: #D41F37 !important;
    color: #D41F37 !important;
    background-color: #fff !important;
}




#formRemindOfCourse {
    background-color: #fff !important;
    padding: 40px 30px 40px 30px !important;
    border-radius: 8px !important;
    margin: 40px auto !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
    max-width: 100% !important;
    display: block !important;
}



#formRemindOfCourse .table-responsive {
    border: none !important;
    margin-bottom: 20px !important;
    overflow-x: auto !important;
}

#formRemindOfCourse table {
    width: 100% !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: rgb(23, 23, 23) !important;
    border: none !important;
}


#formRemindOfCourse table thead th {
    background-color: rgb(52, 17, 26) !important;
    
    color: white !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;

    padding: 13px 18px !important;
    vertical-align: middle !important;

    
    border: 1px solid rgb(52, 17, 26) !important;
    border-right: 1px solid rgb(221, 221, 221) !important;
    
    border-bottom: none !important;
}


#formRemindOfCourse table thead th:last-child {
    border-right: 1px solid rgb(52, 17, 26) !important;
}


#formRemindOfCourse table thead th .labelSpanStyle {
    color: white !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
}



#formRemindOfCourse table tbody tr:nth-of-type(odd) {
    background-color: #f0f0f0 !important;
}


#formRemindOfCourse table tbody tr:nth-of-type(even) {
    background-color: #ffffff !important;
}


#formRemindOfCourse table tbody td {
    padding: 12px 15px !important;
    vertical-align: middle !important;
    border: 1px solid #dee2e6 !important;
    
    border-top: none !important;
    color: rgb(23, 23, 23) !important;
    font-size: 0.9rem !important;
}


#formRemindOfCourse .custom-control {
    min-height: auto !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}


#formRemindOfCourse label,
#formRemindOfCourse .requiredFieldLabel {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    color: #171717 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

#formRemindOfCourse .form-control {
    height: 50px !important;
    padding: 10px 15px !important;
    background-color: #f8f9fa !important;
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    color: #171717 !important;
    transition: all 0.3s ease !important;
}

#formRemindOfCourse .form-control:focus {
    border-color: #8b2331 !important;
    box-shadow: 0 0 0 0.2rem rgba(139, 35, 49, 0.25) !important;
    outline: 0 !important;
    background-color: #fff !important;
}


#formRemindOfCourse select.form-control {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2334111A%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px top 50% !important;
    background-size: 12px auto !important;
    padding-right: 30px !important;
}


#formRemindOfCourse .buttons {
    margin-top: 30px !important;
    padding-top: 20px !important;
    border-top: 1px solid #eee !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 15px !important;
}


#formRemindOfCourse #buttonCancel {
    
    padding: 12px 30px !important;
    min-width: 150px !important;

    
    background-color: #ffffff !important;
    border: 1px solid #D41F37 !important;
    
    color: #D41F37 !important;
    

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;

    
    border-radius: 0px !important;
    transition: all 0.3s ease !important;
}

#formRemindOfCourse #buttonCancel:hover {
    border-color: #D41F37 !important;
    color: #D41F37 !important;
    background-color: #fff !important;
}



#formRemindOfCourse #buttonSend {
    padding: 12px 30px !important;
    min-width: 150px !important;

    background-color: #8b2331 !important;
    border: 1px solid #8b2331 !important;
    color: #ffffff !important;

    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;

    
    border-radius: 0px !important;
    transition: all 0.3s ease !important;
}

#formRemindOfCourse #buttonSend:hover {
    background-color: #34111A !important;
    border-color: #34111A !important;

}




#certificateNumRequired {
    
    display: inline-block;

    
    background-color: #E9E5E5;
    
    color: #34111A;
    
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    
    font-size: 0.9rem;

    
    padding: 8px 12px 8px 10px;
    
    margin-bottom: 20px;
    
    margin-top: 15px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 4px;
}





#certificateStreams {
    background-color: #f0f0f0;
    padding: 15px 15px 5px 15px;
    
    border-radius: 4px;
    margin-top: 0px !important;
}


#certificateStreams .sectionHeader {
    padding: 0 !important;
    margin-bottom: 1rem;
    background-color: transparent !important;
    
    border: none !important;
}


#certificateStreams h2 {
    
    border-left: 3px solid #8b2331;
    padding-left: 0.5rem !important;
    display: inline-block;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1025rem !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: normal !important;
    line-height: 1.2 !important;
    margin-top: 1.5rem !important;
    
}


#certificateStreamsContainer .certificateStreamContainer {
    border: none !important;
    margin-bottom: 1rem !important;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    border-radius: 8px !important;
    overflow: hidden;
    background: #fff !important;
}

#certificateStreamsContainer .card-header {
    background-color: transparent !important;
    border-bottom: none !important;
}


#certificateStreamsContainer .panel-collapse .card-body {
    
    background-color: transparent !important;

    
    padding: 15px !important;

    
}


#certificateStreamsContainer .panel-collapse.card {
    
    border: none !important;
}



.panelHeaderIcon.glyphicon-plus::before {
    content: "\f078" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
}

.panelHeaderIcon.glyphicon-minus::before {
    content: "\f077" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
}


#certificateStreamsContainer .certificateStreamItem {
    display: block;
    margin-bottom: 10px;
    background-color: white !important;
    border-radius: 4px;
    overflow: hidden;
    
    position: relative;
    z-index: 1;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: 1px solid #E9E5E5;
}

#certificateStreamsContainer .certificateStreamItems {
    padding-left: 0;
    margin-top: 10px;
}


#certificateStreamsContainer .certificateStreamItem a.certificateStreamItemHeader {
    
    display: block !important;

    
    position: relative !important;

    
    padding: 12px 40px 12px 45px !important;

    font-weight: 500 !important;
    font-size: 0.8rem !important;
    color: #34111a !important;
    text-decoration: none !important;
    background-color: transparent !important;
}


#certificateStreamsContainer .certificateStreamItem a.certificateStreamItemHeader::before {
    content: "\f02d";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;

    
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;

    
    height: 100% !important;

    width: 35px !important;
    background-color: #E9E5E5 !important;
    color: #34111A !important;
    border-radius: 4px 0 0 4px !important;

    
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 1rem !important;
}



#certificateStreamsContainer .certificateStreamItem a.certificateStreamItemHeader .courseCode {
    margin-right: 0.5em;
}



#certificateStreamsContainer .certificateStreamItem a.certificateStreamItemHeader::after {
    content: "\f054";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    font-size: 1rem;
    color: #34111a;

    
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) translateX(5px);

    
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
}


#certificateStreamsContainer .certificateStreamItem:hover {
    transform: scale(1.02);
    
    
    z-index: 10;
    overflow: visible;
    border: 1px solid #E9E5E5;
}

#certificateStreamsContainer .certificateStreamItem:hover a.certificateStreamItemHeader::after {
    opacity: 1;
    
    transform: translateY(-50%) translateX(0);
}



#certificateStreamsContainer h3.certificateStreamHeader {

    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
    color: #34111A;
    

    
    margin-bottom: 0 !important;
}





#certificateStreamsContainer .card-header .row {

    
    align-items: center !important;
}




#certificateStreamsContainer .card-header h3 {

    margin: 0.5rem 15px 0 15px !important;
}

#certificateStreamsContainer .panelHeaderIcon {
    
    margin-top: 0 !important;
}




#certificateStreamsContainer .minRequiredLabel {
    font-weight: 700 !important;
}


#certificateNumRequired::before {
    
    content: "\f02d";

    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    

    
    margin-right: 8px;
    
    color: #8e2736;
    
}



.searchBreadcrumbSeparator:after {
    content: "/";
    
    color: #171717 !important;
    
    font-size: .77rem !important;
    opacity: 0.8 !important;
    
}




#certificateBundleInfo {
    background-color: #f0f0f0 !important;
    padding: 20px 15px 5px 15px !important;
    border-radius: 4px !important;
    margin-top: 20px !important;
}


#certificateBundleInfo .sectionHeader {
    background-color: transparent !important;
    border: none !important;
    padding: 15px 0 10px 0 !important;
    margin-bottom: 0 !important;
}


#certificateBundleInfo .sectionHeader h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1025rem !important;
    font-weight: 700 !important;
    color: #171717 !important;

    
    border-left: 3px solid #8b2331 !important;
    padding-left: 0.5rem !important;
    display: inline-block !important;
    margin: 0 !important;
}


#certificateBundlesContainer .certificateBundleContainer.card,
#certificateBundlesContainer .card {
    
    border: none !important;
    border-radius: 8px !important;

    
    background-color: #ffffff !important;
    background-clip: border-box !important;

    
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;

    
    margin-bottom: 1rem !important;
    overflow: hidden !important;

    
    display: block !important;
}


#certificateBundlesContainer .card-header {
    background-color: transparent !important;
    border-bottom: 1px solid #e9ecef !important;
    padding: 15px 20px !important;
    cursor: pointer !important;
}


#certificateBundlesContainer .card-header.collapsed {
    border-bottom: none !important;
}


#certificateBundlesContainer h3.certificateBundleHeader {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    color: #171717 !important;
    margin: 0 !important;
    padding-top: 5px !important;
}


#certificateBundlesContainer .panelHeaderIcon.glyphicon-plus::before {
    content: "\f078" !important;
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
}

#certificateBundlesContainer .panelHeaderIcon.glyphicon-minus::before {
    content: "\f077" !important;
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
}


#certificateBundlesContainer .card-body {
    background-color: transparent !important;
    padding: 20px !important;
}




.certBundleApplyContainer.buttons {
    display: flex !important;
    justify-content: center !important;
    
    align-items: center !important;
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
    width: 100% !important;
}



#buttonAddToCart_0::before,
.certBundleApplyContainer.buttons .btn-primary::before {
    content: "\f217";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    margin-right: 10px !important;
    font-size: 1.1em !important;
    color: inherit !important;
}


#buttonAddToCart_0 {
    background-color: #d51f37 !important;
    border-color: #d51f37 !important;
    border-radius: 0 !important;
    font-family: Montserrat, sans-serif !important;
    font-optical-sizing: auto !important;
    font-size: .942rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
    padding: 1.25rem 1.9rem !important;
    text-transform: uppercase !important;
    transition: background-color .3s !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}


#buttonAddToCart_0:hover {
    background-color: #34111A !important;
    border-color: #34111A !important;
}


.certBundleInfo {
    margin-bottom: 10px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding-bottom: 10px !important;
}

.certBundleInfo:last-child {
    border-bottom: none !important;
}


.certBundleInfo .labelSpanStyle {
    font-weight: 700 !important;
    color: #171717 !important;
    
    font-family: 'Montserrat', sans-serif !important;
}


.certBundleInfo .col-8 {
    color: #34111A !important;
    font-family: 'Montserrat', sans-serif !important;
}




#pageBundleSectionSelection #bundleCoursesContainer {
    background-color: #f0f0f0 !important;
    
    padding: 20px !important;
    border-radius: 8px !important;
    margin-top: 20px !important;
}



#pageBundleSectionSelection .certificateStreamHeaderSpan h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    color: #34111A !important;

    
    border-left: 4px solid #8b2331 !important;
    padding-left: 10px !important;

    margin-top: 10px !important;
    margin-bottom: 15px !important;
    display: inline-block !important;
}


#pageBundleSectionSelection .certificateStreamHeaderSpan h3,
#pageBundleSectionSelection .certificateStreamHeaderSpan p {
    color: #343434 !important;
    font-family: 'Montserrat', sans-serif !important;
    padding-left: 5px !important;
}



#pageBundleSectionSelection .certificateStreamItemContainer.card,
#pageBundleSectionSelection .certificateStreamItemContainer {
    background-color: #ffffff !important;
    
    background-clip: border-box !important;

    
    border: none !important;
    border-radius: 8px !important;

    
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    
    margin-bottom: 15px !important;
    
    overflow: hidden !important;

    
    display: block !important;
}



#pageBundleSectionSelection .panel-collapse.card {
    border: none !important;
    
    box-shadow: none !important;
    
    background-color: transparent !important;
    
    border-radius: 0 !important;
}


#pageBundleSectionSelection .certificateStreamItemContainer .card-header {
    background-color: transparent !important;
    
    border-bottom: 1px solid #f0f0f0 !important;
    
    padding: 15px 20px !important;
    cursor: pointer !important;
}


#pageBundleSectionSelection .certificateStreamItemContainer h3.card-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    color: #34111A !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}


#pageBundleSectionSelection .certificateStreamItemContainer .courseCode {
    color: #8b2331 !important;
    
    font-weight: 700 !important;
    margin-right: 10px !important;
}


#pageBundleSectionSelection .certificateStreamItemContainer .card-body {
    background-color: transparent !important;
    padding: 20px !important;
}



#pageBundleSectionSelection .panelHeaderIcon {
    color: #34111A !important;
    font-size: 1rem !important;
}

#pageBundleSectionSelection .panelHeaderIcon.glyphicon-plus::before {
    content: "\f078" !important;
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
}

#pageBundleSectionSelection .panelHeaderIcon.glyphicon-minus::before {
    content: "\f077" !important;
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
}



#pageBundleSectionSelection .custom-radio .custom-control-label {
    font-family: 'Montserrat', sans-serif !important;
    color: #343434 !important;
    font-size: 0.95rem !important;
    padding-top: 2px !important;
}

#pageBundleSectionSelection .sectionBlock {
    display: block !important;
    padding: 10px !important;
    background-color: #f9f9f9 !important;
    
    border-radius: 4px !important;
    margin-top: 5px !important;
    border: 1px solid #eee !important;
}

#pageBundleSectionSelection .bundleSectionLabel {
    font-weight: 700 !important;
    color: #8b2331 !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
}





#certificateBundleInfo .certificateBundleHeader {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1rem !important;
    
    font-weight: 700 !important;
    color: #8b2331 !important;
    
    margin-bottom: 0 !important;
}


#certificateBundleInfo .labelSpanStyle {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    
    color: #171717 !important;
    
    font-weight: 700 !important;
    
}


#certificateBundleInfo .col-8 span:not(.labelSpanStyle) {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    
    color: #171717 !important;
    
    font-weight: 500 !important;
    line-height: 1.5 !important;
}


#certificateBundleInfo span[id^="bundlePrice_"] {
    font-size: 1rem !important;
    
    font-weight: 700 !important;
    
    color: #171717 !important;
    
}


#certificateBundleInfo a {
    color: #8b2331 !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

#certificateBundleInfo a:hover {
    text-decoration: underline !important;
    color: #34111A !important;
}






.certificateStreamContainer .certificateStreamHeader {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #8b2331 !important;
    
    margin-bottom: 0 !important;
}


.certificateStreamContainer .minRequiredLabel {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    color: #171717 !important;
    font-weight: 700 !important;
}


.certificateStreamContainer .form-control-plaintext {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    color: #171717 !important;
    padding-top: 0 !important;
    
}



.certificateStreamContainer .certicateStreamDesc h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #171717 !important;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}

.certificateStreamContainer .certicateStreamDesc p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.9rem !important;
    color: #171717 !important;
    line-height: 1.5 !important;
}



.certificateStreamContainer .certificateStreamItemHeader {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #8b2331 !important;
    
    text-decoration: underline !important;
    display: block !important;
    padding: 8px 0 !important;
    
    border-bottom: 1px dotted #eee !important;
    
}

.certificateStreamContainer .certificateStreamItemHeader:hover {
    color: #34111A !important;
    
    text-decoration: underline !important;
    background-color: #f9f9f9 !important;
    
}



.certificateStreamContainer .courseCode {
    color: #171717 !important;
    font-weight: 400 !important;
    margin-right: 8px !important;
}




html body#pageCertificateProfile #certificateStreams .certicateStreamDesc {
    background-color: #f0f0f0 !important;
    border-left: 5px solid #8b2331 !important;
    
    margin: 10px 0 25px 0 !important;
    padding: 10px 2rem 10px 1rem !important;
    border-radius: 0 0 0 0 !important;
    position: relative !important;
}

html body#pageCertificateProfile #certificateStreams .certicateStreamDesc .form-text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    line-height: 1.7 !important;
    color: #171717 !important;
    margin: 0 !important;
    padding: 0 1.5rem 0px 0px !important;
}

html body#pageCertificateProfile #certificateStreams .certicateStreamDesc::after {
    content: "\f05a" !important;
    
    content: "\f05a" !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    position: absolute !important;
    right: 15px !important;
    top: 15px !important;
    font-size: 2rem !important;
    color: #8b2331 !important;
    pointer-events: none !important;
}

html body#pageCertificateProfile #certificateStreams .certificateStreamItems {
    margin-top: 15px !important;
}





.sce-tabs {
    
    position: relative;
    

    
    justify-content: center;

    
    border-bottom: 0px solid #8E8F90;

    
    border-top: none;
    border-left: none;
    border-right: none;

    
    margin-bottom: 2rem;
}


.sce-tabs .nav-link {
    
    border: none !important;
    border-radius: 0 !important;

    
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    color: #171717;
    

    
    padding: 0.75rem 1.5rem;

    
    margin-bottom: -1px;

    transition: color 0.3s ease;
}


.sce-tabs .nav-link:not(.active):hover {
    color: #171717;
    background-color: transparent;
}


.sce-tabs .nav-link.active {
    color: #8b2331;
    
    background-color: transparent;
}


.sce-tab-indicator {
    
    height: 5px;
    background-color: #8b2331;

    
    position: absolute;
    bottom: -1px;
    

    
    
    transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1),
        width 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}






#programStreamCoursesAndCertificates {
    background-color: #E9E5E5;
    padding: 20px;
    border-radius: 4px;
    overflow: visible;
}


#programStreamCourses,
#programStreamCertificates {
    background-color: #E9E5E5 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 4px;
    overflow: visible !important;
}


#programStreamCourses .table-responsive,
#programStreamCertificates .table-responsive {
    padding-left: 10px !important;
    padding-right: 10px !important;
    overflow: visible !important;
}


#programStreamCourses table.table tr,
#programStreamCertificates table.table tr {
    display: block !important;
    margin-bottom: 15px !important;
    background-color: white !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 1 !important;
    border: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, overflow 0s 0.2s !important;
}


#programStreamCourses table.table td,
#programStreamCertificates table.table td {
    border: none !important;
    padding: 0 !important;
}

#programStreamCourses table.table a,
#programStreamCertificates table.table a {
    display: block !important;
    width: 100% !important;
    padding: 12px 40px 12px 45px !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
    color: #34111a !important;
    text-decoration: none !important;
    position: relative !important;
    background-color: transparent !important;
    box-sizing: border-box !important;
}


#programStreamCourses table.table a .courseCode,
#programStreamCertificates table.table a .courseCode {
    font-weight: 700 !important;
    margin-right: 4px !important;
    color: inherit !important;
    white-space: nowrap !important;
}


#programStreamCourses table.table a::before,
#programStreamCertificates table.table a::before {
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 35px !important;
    background-color: #34111A !important;
    color: white !important;
    border-radius: 4px 0 0 4px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 1rem !important;
    z-index: 2 !important;
}

#programStreamCourses table.table a::before {
    content: "\f02d" !important;
}

#programStreamCertificates table.table a::before {
    content: "\f559" !important;
}


#programStreamCourses table.table a::after,
#programStreamCertificates table.table a::after {
    content: "\f054" !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    font-size: 1rem !important;
    color: #34111A !important;
    position: absolute !important;
    right: 25px !important;
    top: 50% !important;
    transform: translateY(-50%) translateX(5px) !important;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease !important;
}


#programStreamCourses table.table tr:hover,
#programStreamCertificates table.table tr:hover {
    transform: scale(1.02) !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1) !important;
    z-index: 10 !important;
    overflow: visible !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, overflow 0s 0s !important;
}

#programStreamCourses table.table tr:hover a::after,
#programStreamCertificates table.table tr:hover a::after {
    opacity: 1 !important;
    transform: translateY(-50%) translateX(15px) !important;
}


@media (max-width: 767px) {

    #programStreamCourses table.table a,
    #programStreamCertificates table.table a {
        padding-left: 40px !important;
        padding-right: 35px !important;
    }

    
    
    div#programStreamCertificates table.table tbody tr td a {
        font-size: 0.8rem !important;
        line-height: 1.3 !important;
    }

    
    #programStreamCourses table.table a {
        font-size: 0.9rem !important;
    }
}




.programStream .col-lg-6 {
    
    flex: 0 0 100% !important;
    max-width: 100% !important;
}



@media (max-width: 767px) {

    
    #programStreamCourses table.table,
    #programAreaCourses table.table {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    
    #programStreamCourses table.table a,
    #programAreaCourses table.table a {
        font-size: 0.8rem !important;
        
        white-space: normal !important;

        
        height: auto !important;

        
        line-height: 1.4 !important;

        
        padding-top: 15px !important;
        padding-bottom: 15px !important;

        
        padding-right: 40px !important;
    }

    
    
    #programStreamCourses table.table a::after,
    #programAreaCourses table.table a::after {
        top: 50% !important;
        transform: translateY(-50%) !important;
        
        right: 30px !important;
        
        position: absolute !important;
        
    }

    
    #programStreamCourses table.table tr,
    #programAreaCourses table.table tr {
        height: auto !important;
        
        overflow: visible !important;
    }
}





#programStreamCourses .card-header {
    background-color: transparent !important;
    border: none !important;
    padding: 0;
    margin-bottom: 1rem;
}


#programStreamCourses .card-header h2 {
    
    font-size: 0 !important;
    color: transparent;
}


#programStreamCourses .card-header h2::after {
    
    content: "Explore courses \2192";

    
    color: #34111A !important;
    font-size: 1.2838rem !important;
    line-height: 1.24 !important;

    
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    

    
    display: inline-block;
}




#programStreamCertificates .card-header {
    background-color: transparent !important;
    border: none !important;
    padding: 0;
    margin-bottom: 1rem;
}


#programStreamCertificates .card-header h2 {
    
    font-size: 0 !important;
    color: transparent;
}


#programStreamCertificates .card-header h2::after {
    
    content: "Prepare for an industry certification";

    
    color: #34111A !important;
    font-size: 1.2838rem !important;
    line-height: 1.24 !important;

    
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    

    
    display: inline-block;
}



#searchBreadcrumbBackIcon {
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
    
    
    content: "\f015" !important;
    
    color: #171717 !important;
    font-size: 1.1em !important;
}


#searchBreadcrumbBackIcon.glyphicon.glyphicon-chevron-left::before {
    content: "\f015" !important;
}







.btn-primary {
    background-color: #d51f37 !important;
    border: #d51f37 solid 1px !important;
    border-radius: 0 !important;
    font-family: Montserrat, sans-serif !important;
    font-optical-sizing: auto !important;
    font-size: .942rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
    padding: 1.25rem 1.9rem !important;
    text-transform: uppercase !important;
    transition: background-color .3s !important;

    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}


.btn-primary:hover {
    background-color: #8B2331 !important;
    border: #8B2331 solid 1px !important;
    
}



@media (max-width: 767px) {

    .courseSectionEnrollmentActions .btn-primary,
    button[id^="buttonAddToBasket"] {
        margin-bottom: 20px !important;
        
        width: 100% !important;
        
    }

}




input[type="submit"],
input[type="button"] {
    
    
}


.btn-group .btn {
    
    background-color: transparent !important;
    border-color: transparent !important;

    
    color: #171717;
}


.btn-group .btn:hover {
    background-color: #EEEEEE !important;
    
    border-color: #EEEEEE !important;
    color: #171717;
}



.btn-secondary {
    background-color: #8b2331 !important;
    
    border-color: #8b2331 !important;
    border-radius: 0 !important;
    font-family: Montserrat, sans-serif !important;
    font-optical-sizing: auto !important;
    font-size: .942rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
    padding: 1.25rem 1.9rem !important;
    text-transform: uppercase !important;
    transition: background-color .3s !important;
}

.btn-secondary:hover {
    background-color: #6a1b26 !important;
    border-color: #6a1b26 !important;
}


.courseSectionEnrollmentActions .btn-primary::before,
button[id^="buttonAddToBasket"]::before {
    content: "\f217";
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    margin-right: 10px !important;
    font-size: 1.1em !important;
    color: inherit !important;
}




button[id^="buttonNotify"]::before {
    content: "\f0f3" !important;
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    

    margin-right: 10px !important;
    font-size: 1.1em !important;
    color: inherit !important;
}


button[id^="buttonNotify"]:hover::before {
    animation: bellRing 0.5s ease-in-out !important;
}


@keyframes bellRing {

    0%,
    100% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-10deg);
    }

    75% {
        transform: rotate(10deg);
    }
}




#courseSectionsAccordion .courseSectionEnrollmentActions .buttonReqInfo::before {
    content: "\f0e0";
    

    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;

    margin-right: 8px !important;
    font-size: 1.1em !important;
    color: inherit !important;
    vertical-align: middle !important;

    display: inline-block !important;
    
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}


#courseSectionsAccordion .courseSectionEnrollmentActions .buttonReqInfo:hover::before {
    
    content: "\f2b6" !important;

    
    transform: scale(1.15) translateY(-1px) !important;
}


#courseSectionsAccordion .courseSectionEnrollmentActions .buttonReqInfo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}





#courseProfileSections .alert.alert-warning #buttonCourseInquiry:hover {
    border: 1px solid #8b2331 !important;

    background-color: #34111A !important;
    color: #ffffff !important;
}


#courseProfileSections .alert.alert-warning #buttonCourseInquiry::before {
    content: "\f0e0";
    

    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
    

    margin-right: 10px !important;
    font-size: 1.1em !important;
    color: inherit !important;
    vertical-align: middle !important;

    
    display: inline-block !important;
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}


#courseProfileSections .alert.alert-warning #buttonCourseInquiry:hover::before {
    
    content: "\f2b6" !important;

    
    transform: scale(1.15) translateY(-1px) !important;
}


#courseProfileSections .alert.alert-warning #buttonCourseInquiry {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}






.modal-content,
.modal-content div,

.modal-content span:not(.close span) {
    font-family: 'Montserrat', sans-serif !important;
}


.modal-content .close {
    font-family: inherit !important;
}


.modal-title {
    font-family: 'Montserrat', sans-serif !important;
}




.modal-content h1,
.modal-content h2,
.modal-content h3,
.modal-content h4,
.modal-content h5,
.modal-content h6 {
    
    margin-bottom: 0.5em !important;
    margin-top: 1em !important;
}


.modal-content p,
.modal-content ul,
.modal-content ol {
    
    margin-bottom: 1em !important;
}



.modal-content .labelSpanStyle {
    font-weight: 700 !important;
}


.modal-content table th {
    text-align: left !important;
    font-weight: 700 !important;
}


.modal-content table td {
    padding: .75rem !important;
    vertical-align: top !important;
}




.cc-window {
    
    background-color: #34111a !important;
    
    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8em !important;
    
    color: #fff !important;
    
    box-shadow: 2px 2px 19px 0px rgba(0, 0, 0, 0.43);
    -webkit-box-shadow: 2px 2px 19px 0px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 2px 2px 19px 0px rgba(0, 0, 0, 0.43);
}


.cc-window .cc-message a {
    
    
    color: #8b2331 !important;
    
    text-decoration: underline !important;
    
    font-weight: 700 !important;
    
    transition: color .3s, text-decoration-color .3s, opacity .3s !important;
}

.cc-window .cc-message a:hover {
    
    
    color: #fff !important;
    
    text-decoration: none !important;
}

.cc-window .cc-message a:visited {
    
    color: #fff !important;
}


.cc-window .cc-btn {
    
    background-color: #8b2331 !important;
    border-color: #8b2331 !important;
    border-radius: 0 !important;
    color: #fff !important;
    
    font-family: Montserrat, sans-serif !important;
    font-optical-sizing: auto !important;
    font-size: .942rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
    padding: 1.25rem 1.9rem !important;
    text-transform: uppercase !important;
    transition: background-color .3s !important;
    text-decoration: none !important;
}

.cc-window .cc-btn:hover {
    background-color: #34111A !important;
    border-color: #34111A !important;
}


.cc-window .cc-allow {
    
    
    background-color: #8b2331 !important;
    border-color: #8b2331 !important;
    border-radius: 0 !important;
    color: #fff !important;
    
    font-family: Montserrat, sans-serif !important;
    font-optical-sizing: auto !important;
    font-size: .942rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
    padding: 1.25rem 1.9rem !important;
    text-transform: uppercase !important;
    transition: background-color .3s !important;
    text-decoration: none !important;
}

.cc-window .cc-allow:hover {
    background-color: #34111A !important;
    border-color: #34111A !important;
}


.cc-window .cc-deny {
    
    background-color: #8b2331 !important;
    border-color: #8b2331 !important;
    border-radius: 0 !important;
    color: #fff !important;
    
    font-family: Montserrat, sans-serif !important;
    font-optical-sizing: auto !important;
    font-size: .942rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
    padding: 1.25rem 1.9rem !important;
    text-transform: uppercase !important;
    transition: background-color .3s !important;
    text-decoration: none !important;
}

.cc-window .cc-deny:hover {
    background-color: #34111A !important;
    border-color: #34111A !important;
}




#courseProfileSections {
    background-color: #f0f0f0;
    padding: 15px 15px 5px 15px;
    border-radius: 4px;
    margin-top: 20px;
}



.card-body.sectionHeader {
    
    padding-top: 0px !important;
    padding-bottom: 0px !important;

    
    padding-left: 5px;
    padding-right: 5px;

    
    line-height: 1.3 !important;
}


#sectionEnrollmentHeader {
    
    background-color: transparent;

    
    border: none;

    
    box-shadow: none;
}




#sectionSchedulePopupDatesTable {
    width: 100% !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;
    margin-bottom: 0 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    
    color: rgb(23, 23, 23) !important;
    border: none !important;
}


#sectionSchedulePopupDatesTable thead th {
    background-color: rgb(52, 17, 26) !important;
    
    color: white !important;

    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    
    font-weight: 700 !important;
    text-transform: uppercase !important;

    padding: 12px 15px !important;
    vertical-align: middle !important;

    
    border: 1px solid rgb(52, 17, 26) !important;
    border-right: 1px solid rgb(221, 221, 221) !important;
    border-bottom: none !important;
}


#sectionSchedulePopupDatesTable thead th:last-child {
    border-right: 1px solid rgb(52, 17, 26) !important;
}


#sectionSchedulePopupDatesTable tbody tr:nth-of-type(odd) {
    background-color: #f0f0f0 !important;
    
}

#sectionSchedulePopupDatesTable tbody tr:nth-of-type(even) {
    background-color: #ffffff !important;
    
}


#sectionSchedulePopupDatesTable tbody td {
    padding: 10px 15px !important;
    vertical-align: middle !important;
    border: 1px solid #dee2e6 !important;
    color: rgb(23, 23, 23) !important;
}



.sectionSchedulePopupDate,
.sectionSchedulePopupTime {
    white-space: nowrap !important;
    
}




.sectionTotalSessions {
    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    
    background-color: #E9E5E5 !important;
    color: #34111A !important;

    
    
    padding: 6px 15px !important;
    margin-bottom: 10px !important;

    
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 4px !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}


.sectionTotalSessions::before {
    content: "\f073";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;

    margin-right: 8px !important;
    color: #8e2736 !important;
    font-size: 1rem !important;
}


.sectionTotalSessions .labelSpanStyle {
    font-weight: 700 !important;
    margin-right: 5px !important;
    background: transparent !important;

    
    margin-top: 0 !important;
    padding-top: 4px !important;
    
    line-height: 1 !important;
}




#courseApplication .sectionHeader {
    background-color: transparent !important;
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 1rem;
}


#courseApplication .sectionHeader h2 {
    
    border-left: 3px solid #8b2331;
    
    padding-left: 0.5rem !important;
    
    display: inline-block;
    

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1025rem !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: normal !important;
    line-height: 1.2 !important;

    
    color: #34111a !important;

    
    margin: 25px 0px 0px 0px !important;
}




#courseApplication .card.panel-default {
    
    background-color: #FFFFFF !important;
    border: none !important;
    margin-bottom: 1rem !important;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    border-radius: 8px !important;
    overflow: hidden;
}




.courseApplicationInformationContainer .courseApplicationInfo .labelSpanStyle {
    font-weight: 700 !important;
}





#courseSectionsAccordion .card {
    border: none !important;
    
    margin-bottom: 1rem !important;
    

    
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    border-radius: 8px !important;
    
    overflow: hidden;
    
}



#courseSectionsAccordion .card-header {
    background-color: #FFFFFF !important;
    
    border-bottom: 1px solid #e9ecef !important;
    
}


#courseSectionsAccordion .card-header .courseSectionTitle {
    color: #a6a6a6 !important;
    font-family: Montserrat, sans-serif !important;
    font-optical-sizing: auto !important;
    font-size: .79rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: .01rem !important;
    text-transform: uppercase !important;
}



.sectionHeader h2 {
    margin: 0 !important;
    padding: 0 !important;
}


#sectionEnrollmentHeader .sectionHeaderTitle {

    
    
    
    border-left: 3px solid #8b2331;

    
    padding-left: 0.5rem;

    
    display: inline-block;

    
    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1025rem !important;
    font-weight: 700 !important;
    font-style: normal !important;

    
    letter-spacing: normal !important;
    line-height: 1.2 !important;
    
}





.courseProfileSectionAvailability {
    
    display: inline-flex;
    align-items: center;

    
    font-size: 0.7rem;
    
    font-family: 'Montserrat', sans-serif;
    
    font-weight: 600;
    
    text-transform: uppercase;
    
    padding: 4px 12px;

    
    transition: background-color 0.2s ease, color 0.2s ease;
}



.courseProfileSectionAvailability_available {
    
    background-color: #3EC3A4;
    
    color: white;
    
    
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 4px;
}


.courseProfileSectionAvailability_available::before {
    
    content: "\f058";

    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
    

    
    font-size: 1em;
    
    margin-right: 0.5em;
    
    vertical-align: middle;
    
    color: #fff;
    
}



.courseProfileSectionAvailability_future_offering {

    background-color: #971A2F;
    
    color: #E9E5E5;
    
    
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 4px;
}


.courseProfileSectionAvailability_future_offering::before {
    
    content: "\f073";

    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;

    
    font-size: 1.2em;
    
    color: #E9E5E5;
    
    margin-right: 0.5em;
    
    vertical-align: middle;
}





.sectionHeader .row>div[class*="col-"]:has(.courseProfileSectionSeatsLeft) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
}


.courseProfileSectionAvailability {
    order: 1 !important;
    
    margin-bottom: 5px !important;
    margin-top: 0 !important;
}


.courseProfileSectionSeatsLeft {
    order: 2 !important;

    
    margin-top: -8px !important;
    

    
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    margin-bottom: 10px !important;
}





.courseProfileSectionSeatsLeft>.col-lg-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.courseProfileSectionSeatsLeft .badge,
.courseProfileSectionSeatsLeft .badge-warning {
    
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 14px !important;
    border-radius: 0.05rem !important;
    border: 1px dotted #3EC3A4 !important;
    

    
    background-color: #fff !important;
    color: #3EC3A4 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;

    
    animation: sce-badge-pulse 2s infinite ease-out;
}


.courseProfileSectionSeatsLeft .badge::before {
    content: "\f501";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;

    margin-right: 6px !important;
    font-size: 0.9rem !important;
    color: #00A57F !important;
}


@keyframes sce-badge-pulse {

    
    0% {
        box-shadow: 0 0 0 0 rgba(62, 195, 164, 0.7);
    }

    
    40% {
        box-shadow: 0 0 0 10px rgba(62, 195, 164, 0);
        
    }

    
    100% {
        box-shadow: 0 0 0 0 rgba(62, 195, 164, 0);
    }
}




.courseSectionDelivery::before {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
    margin-right: 8px;
    font-size: 1rem;
    width: 20px;
    
    display: inline-block;
    text-align: center;
}


.courseSectionDelivery.mode-online::before {
    content: "\f109";
    
    color: #171717;
}


.courseSectionDelivery.mode-hybrid::before {
    content: "\f362";
    
    color: #171717;
}


.courseSectionDelivery.mode-inperson::before {
    content: "\f3c5";
    
    color: #171717;
    
}




.panelHeaderIcon.glyphicon-plus::before {
    content: "\f078" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;

}


.panelHeaderIcon.glyphicon-minus::before {
    content: "\f077" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;

}





.sectionHeaderChevronContainer a {
    
    padding: 5px 10px;
    border-radius: 100px;

    
    display: inline-block;
    
    vertical-align: middle;
    text-decoration: none;

    
    background-color: transparent;

    
    transition: background-color 0.2s ease;
}


.sectionHeaderChevronContainer a .panelHeaderIcon {
    vertical-align: middle;
    margin-top: 4px;
}


.sectionHeaderChevronContainer a::after {
    
    font-family: 'Montserrat', sans-serif;

    
    font-size: 0.7rem;
    font-weight: 600;
    color: #58565A;
    
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;

    
    white-space: nowrap;

    
    content: "";
    opacity: 0;
    transition: opacity 0.2s ease;
}




@media (min-width: 992px) {

    

    
    .card-header .card-title {
        position: relative;
        width: 100%;
    }

    
    .card-header .form-row {
        flex-direction: column;
        align-items: flex-start;
    }

    

    
    .card-header .form-row>[class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    

    
    .sectionHeaderSemesterContainer,
    .sectionHeaderCourseCodeContainer,
    .sectionHeaderDeliveryContainer,
    .sectionHeaderChevronContainer {
        position: relative;
    }

    
    .sectionHeaderSemesterContainer {
        order: 1;
        
    }

    .sectionHeaderCourseCodeContainer {
        order: 2;
        
    }

    .sectionHeaderDeliveryContainer {
        order: 3;
        
    }

    .sectionHeaderChevronContainer {
        order: 4;
        

        
        position: absolute;
        top: 35px;
        right: 15px;

        
        z-index: 10;
    }

    

    .courseSectionSemester {
        color: #171717 !important;
        font-family: 'Montserrat', sans-serif !important;
        font-optical-sizing: auto !important;
        font-size: 1rem !important;
        font-weight: 700 !important;
        line-height: 1.24 !important;
        text-transform: uppercase !important;
        text-align: left !important;
    }

    
    

    
    .card-header.panelHeadingToggle:hover .sectionHeaderChevronContainer a {
        
        background-color: #f0f0f0;
        text-decoration: none;
    }

    
    .card-header.collapsed:hover .sectionHeaderChevronContainer a::after {
        
        content: "Open";
        opacity: 1;
        
    }

    
    .card-header:not(.collapsed):hover .sectionHeaderChevronContainer a::after {
        
        content: "Close";
        opacity: 1;
        
    }
}




@media (max-width: 991.98px) {

    
    .card-header .form-row {
        vertical-align: middle !important;
    }

    
    .sectionHeaderChevronContainer {
        float: none !important;
    }
}






:root {
    --macewan-blue-dark: #34111A;
    
    --macewan-accent-red: #D41F37;
    
    --card-min-height: 450px;
    
    --fast-transition: 500ms cubic-bezier(0.19, 1, 0.22, 1);
    --slow-transition: 800ms cubic-bezier(0.19, 1, 0.22, 1);
}


.sce-bg-card {
    border: none;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    min-height: var(--card-min-height);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);

    
    transition: var(--fast-transition);

    
    background-size: cover;
    background-repeat: no-repeat;
    
    background-position: center top;
}


@media (max-width: 768px) {
    .sce-bg-card {
        min-height: 350px;
    }
}

@media (max-width: 420px) {
    .sce-bg-card {
        min-height: 300px;
    }
}



.sce-bg-card:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;

    
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: var(--slow-transition);
    

    
    background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%, rgba(0, 0, 0, 0) 100%);
    opacity: 1;
    
    z-index: 1;
    border-radius: 4px;
}


.sce-bg-card:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    
    background: linear-gradient(0deg, var(--macewan-blue-dark) 0%, rgba(84, 20, 29, 0.9) 70%, rgba(84, 20, 29, 0) 100%);

    
    opacity: 0;
    transition: opacity var(--slow-transition);

    z-index: 1;
    border-radius: 4px;
}



.sce-bg-card .card-img-overlay {
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: var(--slow-transition);
    padding: 1rem;
    
}


.sce-bg-card .card-body {
    margin-top: 0;
    transition: var(--slow-transition);
}


.sce-bg-card .card-footer {
    background: none;
    border-top: none;
    padding: 0;
    margin-bottom: 0;
    transition: var(--slow-transition);
}



.sce-bg-card:hover {
    
    transform: scale(0.96);
    box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.3);

    
    background-size: cover;
    
    background-position: center top;
    transition: var(--fast-transition);
    cursor: pointer;
}


.sce-bg-card:hover:before {
    -webkit-filter: grayscale(0%);
    
    filter: grayscale(0%);
    opacity: 1;

    
    background: none;
}


.sce-bg-card:hover:after {
    opacity: 1;
}


.sce-bg-card:hover .card-body {
    
    margin-top: 60px;
}







.sce-bg-card .card-title {
    font-weight: 700;
}

.sce-bg-card .card-title a {
    color: white !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.sce-bg-card .card-meta {
    
    background-color: var(--macewan-accent-red);
    
    color: white !important;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px !important;
    transition: background-color 0.3s ease;
}

.sce-bg-card:hover .card-meta {
    background-color: #D41F37;
    
}





div.buttons>a#buttonAdvancedCourseSearch.btn.btn-secondary[href*="publicCourseAdvancedSearch"],
.buttons>a#buttonAdvancedCourseSearch.btn.btn-secondary {
    
    color: #ffffff !important;
    background-color: #8b2331 !important;
    border-color: #8b2331 !important;

    
    font-family: Montserrat, sans-serif !important;
    font-optical-sizing: auto !important;
    font-size: 0.942rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;

    
    padding: 1.25rem 1.9rem !important;
    border-radius: 0 !important;
    display: inline-block !important;

    
    transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.2s ease !important;

    
    opacity: 1 !important;
    visibility: visible !important;
}


div.buttons>a#buttonAdvancedCourseSearch.btn.btn-secondary[href*="publicCourseAdvancedSearch"]:hover,
.buttons>a#buttonAdvancedCourseSearch.btn.btn-secondary:hover {
    color: #ffffff !important;
    background-color: #6d1d26 !important;
    border-color: #6d1d26 !important;
    text-decoration: none !important;
}


div.buttons>a#buttonAdvancedCourseSearch.btn.btn-secondary[href*="publicCourseAdvancedSearch"]:focus,
.buttons>a#buttonAdvancedCourseSearch.btn.btn-secondary:focus {
    color: #ffffff !important;
    background-color: #6d1d26 !important;
    
    box-shadow: 0 0 0 0.2rem rgba(139, 35, 49, 0.5) !important;
}


div.buttons>a#buttonAdvancedCourseSearch.btn.btn-secondary[href*="publicCourseAdvancedSearch"]:active,
.buttons>a#buttonAdvancedCourseSearch.btn.btn-secondary:active {
    color: #ffffff !important;
    background-color: #4a1319 !important;
    border-color: #4a1319 !important;
}


div.buttons>a#buttonAdvancedCourseSearch.btn.btn-secondary[href*="publicCourseAdvancedSearch"]:visited,
.buttons>a#buttonAdvancedCourseSearch.btn.btn-secondary:visited {
    color: #ffffff !important;
}


div.buttons>a#buttonAdvancedCourseSearch.btn.btn-secondary[href*="publicCourseAdvancedSearch"][disabled],
.buttons>a#buttonAdvancedCourseSearch.btn.btn-secondary[disabled],
.buttons>a#buttonAdvancedCourseSearch.btn.btn-secondary.disabled {
    color: #ffffff !important;
    background-color: #8b2331 !important;
    border-color: #8b2331 !important;
    opacity: 0.65 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}






.catalog.programs>.row:nth-child(2)::before {
    content: "" !important;
    position: absolute !important;
    top: -70px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 6.5rem !important;
    height: 6.5rem !important;
    background: url('/images/cap-books-icon.svg') center/contain no-repeat #fff !important;
    padding: 10px !important;
    box-sizing: content-box !important;
    border: 8px solid #fff !important;
    z-index: 10 !important;
    display: block !important;
}


#mainContent .catalog.programs>div.row:nth-child(2),
#mainContent .catalog.programs>.row:nth-child(2).row {
    background: #ffffff !important;

    
    border: 8px solid #e2e2e2 !important;

    padding: 70px 24px 32px !important;
    margin: 60px 0 60px !important;
    position: relative !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;

    
    box-sizing: border-box !important;
}


.catalog.programs>.row:nth-child(2)>.col-12::before {
    content: "Find Your Course" !important;
    display: block !important;
    width: 100% !important;
    font: 700 32px/1 'Montserrat', sans-serif !important;
    color: #171717 !important;
    letter-spacing: 1px !important;
    margin: 20px 0 16px !important;
    order: -2 !important;
}


.catalog.programs>.row:nth-child(2)>.col-12::after {
    content: "Search our courses by topic, format, schedule or instructor to start your professional development journey." !important;
    display: block !important;
    max-width: 55% !important;
    width: auto !important;
    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    color: #171717 !important;
    padding: 0 10px !important;
    margin: 0 0 24px !important;
    order: -1 !important;
}


.catalog.programs>.row:nth-child(2)>.col-12 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    position: relative !important;
    padding: 0 !important;
}


.catalog.programs>.row:nth-child(2) .buttons {
    position: absolute !important;
    bottom: -60px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    padding: 0 10px !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    background: #fff !important;
    z-index: 20 !important;
}


.catalog.programs>.row:nth-child(2) .buttons>#buttonAdvancedCourseSearch.btn.btn-secondary {
    background: #8B2331 !important;
    color: #FFF !important;
    font: 700 15.07px/1 'Montserrat', sans-serif !important;
    letter-spacing: 0.75px !important;
    text-transform: uppercase !important;
    padding: 20px 30px !important;
    border: none !important;
    border-radius: 0 !important;
    width: auto !important;
    min-width: 280px !important;
    max-width: 400px !important;
    margin: 0 !important;
    display: block !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    position: relative !important;
}

.catalog.programs>.row:nth-child(2) .buttons>#buttonAdvancedCourseSearch.btn.btn-secondary:hover {
    background: #6D1B26 !important;
}

.catalog.programs>.row:nth-child(2) .buttons>#buttonAdvancedCourseSearch.btn.btn-secondary:active {
    background: #4A1319 !important;
}

.catalog.programs>.row:nth-child(2) .buttons>#buttonAdvancedCourseSearch.btn.btn-secondary:focus {
    background: #6D1B26 !important;
    outline: none !important;
}


@media (max-width: 768px) {
    .catalog.programs>.row:nth-child(2) {
        padding: 60px 20px 28px !important;
        border-width: 6px !important;
        margin: 72px 0 120px !important;
    }

    .catalog.programs>.row:nth-child(2)::before {
        width: 80px !important;
        height: 80px !important;
        top: -40px !important;
        border-width: 6px !important;
    }

    .catalog.programs>.row:nth-child(2)>.col-12::before {
        font-size: 24px !important;
        margin: 15px 0 12px !important;
    }

    .catalog.programs>.row:nth-child(2)>.col-12::after {
        font-size: 14px !important;
        max-width: 500px !important;
        margin: 0 0 20px !important;
    }

    .catalog.programs>.row:nth-child(2) .buttons {
        bottom: -70px !important;
    }

    .catalog.programs>.row:nth-child(2) .buttons>#buttonAdvancedCourseSearch.btn.btn-secondary {
        font-size: 14px !important;
        padding: 18px 25px !important;
        min-width: 260px !important;
    }
}


@media (max-width: 480px) {
    .catalog.programs>.row:nth-child(2) {
        padding: 50px 16px 24px !important;
        border-width: 4px !important;
        margin: 62px 0 100px !important;
    }

    .catalog.programs>.row:nth-child(2)::before {
        width: 60px !important;
        height: 60px !important;
        top: -30px !important;
        border-width: 4px !important;
        padding: 8px !important;
    }

    .catalog.programs>.row:nth-child(2)>.col-12::before {
        font-size: 20px !important;
        margin: 12px 0 10px !important;
    }

    .catalog.programs>.row:nth-child(2)>.col-12::after {
        font-size: 13px !important;
        padding: 0 5px !important;
        margin: 0 0 18px !important;
    }

    .catalog.programs>.row:nth-child(2) .buttons {
        bottom: -60px !important;
        padding: 0 8px !important;
    }

    .catalog.programs>.row:nth-child(2) .buttons>#buttonAdvancedCourseSearch.btn.btn-secondary {
        font-size: 13px !important;
        padding: 16px 20px !important;
        min-width: 240px !important;
    }
}









#programAreasAccordion .panel-collapse {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
}


#programAreasAccordion .glyphicon,
#programAreasAccordion [data-toggle="collapse"],
#programAreasAccordion .col-2,
#programAreasAccordion .col-sm-2 {
    display: none !important;
}


#programAreasAccordion .card-header {
    cursor: default !important;
}




#programAreasAccordion {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 24px !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
}


@media (min-width: 992px) {
    #programAreasAccordion {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    #programAreasAccordion {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}


@media (max-width: 767px) {
    #programAreasAccordion {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        padding: 20px 16px !important;
    }
}




#programAreasAccordion .card.panel-default {
    background: rgba(233, 229, 229, 0.35) !important;
    
    border: none !important;
    border-radius: 3px !important;
    padding: 24px !important;
    animation: none !important;
    background-image: none !important;
    transition: all 0.3s ease !important;
    
}


#programAreasAccordion .card.panel-default:nth-child(1) {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}


#programAreasAccordion .card.panel-default:hover {
    background: rgba(233, 229, 229, 1) !important;
    
}


#programAreasAccordion .card.panel-default:nth-child(1):hover {
    box-shadow: none !important;
    transform: none !important;
}




#programAreasAccordion .card-header {
    background: transparent !important;
    border: none !important;
    padding: 0 0 16px 0 !important;
    margin-bottom: 16px !important;
    border-bottom: 2px solid rgba(139, 35, 49, 0.2) !important;
}


#programAreasAccordion .card-header .programArea a {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}


#programAreasAccordion .card-header .programArea a:hover {
    color: #8b2331 !important;
}


#programAreasAccordion .card-header .programArea a::after {
    display: none !important;
}


#programAreasAccordion .card-header .row {
    display: block !important;
}

#programAreasAccordion .card-header .col-10,
#programAreasAccordion .card-header .col-sm-10 {
    width: 100% !important;
    flex: none !important;
    max-width: none !important;
}




#programAreasAccordion .panel-collapse table {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}


#programAreasAccordion .panel-collapse table tbody {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}


#programAreasAccordion .panel-collapse table tr {
    display: block !important;
    background: white !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    margin: 0 !important;
    transform: none !important;
}


#programAreasAccordion .panel-collapse table tr:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}


#programAreasAccordion .panel-collapse table td {
    display: block !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}




#programAreasAccordion .panel-collapse table .programStream a {
    display: flex !important;
    align-items: center !important;
    padding: 16px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #8b2331 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    position: relative !important;
}


#programAreasAccordion .panel-collapse table .programStream a:hover {
    color: #6b1a26 !important;
}


#programAreasAccordion .panel-collapse table .programStream a::before {
    content: "" !important;
    display: block !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 8px !important;
    background-size: cover !important;
    background-position: center !important;
    margin-right: 16px !important;
    flex-shrink: 0 !important;
    transition: transform 0.3s ease !important;
}


#programAreasAccordion .panel-collapse table tr:hover .programStream a::before {
    transform: scale(1.05) !important;
}


#programAreasAccordion .panel-collapse table .programStream a.indent,
#programAreasAccordion .panel-collapse table .programStream a.indent0 {
    padding-left: 16px !important;
    margin-left: 0 !important;
}






#programAreasAccordion .card-header {
    border-bottom: none !important;
}




#programAreasAccordion .card.panel-default:nth-child(1) .card-header .card-title .row .col-10 .programArea a {
    display: inline !important;
    color: #8b2331 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    padding-right: 0 !important;
    order: 1 !important;
}


#programAreasAccordion .card.panel-default:nth-child(1) .card-header .card-title .row .col-10 .programArea a:hover {
    text-decoration: underline !important;
    text-decoration-color: #8b2331 !important;
    text-underline-offset: 3px !important;
}


#programAreasAccordion .card.panel-default:nth-child(1) .card-header .card-title .row .col-10 .programArea a::after {
    content: "\2192" !important;
    display: inline-block !important;
    position: absolute !important;
    top: 0 !important;
    left: 196px !important;
    
    font-size: 1rem !important;
    color: #8b2331 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: left 0.2s ease !important;
    
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
    -webkit-text-decoration-line: none !important;
    -webkit-text-decoration-style: none !important;
}


#programAreasAccordion .card.panel-default:nth-child(1) .card-header .card-title .row .col-10 .programArea a:hover::after {
    left: 201px !important;
    
    text-decoration: none !important;
    text-decoration-line: none !important;
}


#programAreasAccordion .card.panel-default:nth-child(1) .card-header .card-title .row .col-10 .programArea {
    display: flex !important;
    flex-direction: column !important;
}


#programAreasAccordion .card.panel-default:nth-child(1) .card-header .card-title .row .col-10 .programArea::before {
    content: "Take the next step in your professional journey and gain expert-led skills through industry-aligned programs." !important;
    display: block !important;
    font-size: 0.9rem !important;
    color: #171717 !important;
    line-height: 1.3 !important;
    margin-top: 0.25rem !important;
    order: 2 !important;
}


@media (max-width: 767px) {
    #programAreasAccordion .card.panel-default:nth-child(1) .card-header .card-title .row .col-10 .programArea::before {
        content: "Explore 15+ certificates" !important;
        font-size: 0.75rem !important;
    }
}




#programAreasAccordion .card.panel-default:nth-child(2) .card-header .card-title .row .col-10 .programArea a {
    display: inline !important;
    color: #8b2331 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    padding-right: 0.5rem !important;
}


#programAreasAccordion .card.panel-default:nth-child(2) .card-header .card-title .row .col-10 .programArea a::after {
    content: '\2192' !important;
    display: block !important;
    
    position: absolute !important;
    top: 0 !important;
    right: -1.2rem !important;
    font-size: 1rem !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: transform 0.2s ease, right 0.2s ease !important;
    
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
    text-decoration-color: transparent !important;
    -webkit-text-decoration: none !important;
    -moz-text-decoration: none !important;
    
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
    transform: translateZ(0) !important;
    will-change: transform !important;
}


#programAreasAccordion .card.panel-default:nth-child(2) .card-header .card-title .row .col-10 .programArea a:hover {
    text-decoration: underline !important;
    text-decoration-color: #8b2331 !important;
    text-underline-offset: 3px !important;
}


#programAreasAccordion .card.panel-default:nth-child(2) .card-header .card-title .row .col-10 .programArea a:hover::after {
    right: -1.5rem !important;
    transform: translateZ(0) translateX(0) !important;
    
    text-decoration: none !important;
    text-decoration-line: none !important;
}




#programAreasAccordion .card.panel-default:nth-child(3) .card-header .card-title .row .col-10 .programArea a {
    display: inline !important;
    color: #8b2331 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    padding-right: 0.5rem !important;
}


#programAreasAccordion .card.panel-default:nth-child(3) .card-header .card-title .row .col-10 .programArea a::after {
    content: '\2192' !important;
    display: block !important;
    
    position: absolute !important;
    top: 0 !important;
    right: -1.2rem !important;
    font-size: 1rem !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: transform 0.2s ease, right 0.2s ease !important;
    
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
    text-decoration-color: transparent !important;
    -webkit-text-decoration: none !important;
    -moz-text-decoration: none !important;
    
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
    transform: translateZ(0) !important;
    will-change: transform !important;
}


#programAreasAccordion .card.panel-default:nth-child(3) .card-header .card-title .row .col-10 .programArea a:hover {
    text-decoration: underline !important;
    text-decoration-color: #8b2331 !important;
    text-underline-offset: 3px !important;
}


#programAreasAccordion .card.panel-default:nth-child(3) .card-header .card-title .row .col-10 .programArea a:hover::after {
    right: -1.5rem !important;
    transform: translateZ(0) translateX(0) !important;
    
    text-decoration: none !important;
    text-decoration-line: none !important;
}




#programAreasAccordion .card.panel-default:nth-child(4) .card-header .card-title .row .col-10 .programArea a {
    display: inline !important;
    color: #8b2331 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    padding-right: 0.5rem !important;
    
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
}


#programAreasAccordion .card.panel-default:nth-child(4) .card-header .card-title .row .col-10 .programArea a::after {
    content: '\2192' !important;
    display: block !important;
    
    position: absolute !important;
    top: 0 !important;
    right: -1.2rem !important;
    font-size: 1rem !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: transform 0.2s ease, right 0.2s ease !important;
    
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
    text-decoration-color: transparent !important;
    -webkit-text-decoration: none !important;
    -moz-text-decoration: none !important;
    
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
    transform: translateZ(0) !important;
    will-change: transform !important;
}


#programAreasAccordion .card.panel-default:nth-child(4) .card-header .card-title .row .col-10 .programArea a:hover {
    text-decoration: underline !important;
    text-decoration-color: #8b2331 !important;
    text-underline-offset: 3px !important;
}


#programAreasAccordion .card.panel-default:nth-child(4) .card-header .card-title .row .col-10 .programArea a:hover::after {
    right: -1.5rem !important;
    transform: translateZ(0) translateX(0) !important;
    
    text-decoration: none !important;
    text-decoration-line: none !important;
}





:root {
    --macewan-blue-dark: #34111A;
    --macewan-accent-red: #D41F37;
    --card-min-height: 450px;
    --fast-transition: 500ms cubic-bezier(0.19, 1, 0.22, 1);
    --slow-transition: 800ms cubic-bezier(0.19, 1, 0.22, 1);
}


#programAreasAccordion .card.panel-default:nth-child(1) {
    grid-column: 1 / -1 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}


#programAreasAccordion .card.panel-default:nth-child(1):hover {
    box-shadow: none !important;
    transform: none !important;
}


#programAreasAccordion .card.panel-default:nth-child(1) .panel-collapse table tbody {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}



#programAreasAccordion .card:nth-child(1) tbody tr {
    position: relative !important;
    overflow: hidden !important;
    border: none !important;
    border-radius: 4px !important;
    min-height: var(--card-min-height) !important;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    transition: var(--fast-transition) !important;
}



#programAreasAccordion .card:nth-child(1) tbody tr::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    background: inherit !important;
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%) !important;
    opacity: 1 !important;
    z-index: 1 !important;
    border-radius: 4px !important;
    transition: var(--slow-transition) !important;
}



#programAreasAccordion .card:nth-child(1) tbody tr::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    background: linear-gradient(0deg, var(--macewan-blue-dark) 0%, rgba(52, 17, 26, 0.9) 70%, rgba(52, 17, 26, 0) 100%) !important;
    opacity: 0 !important;
    transition: opacity var(--slow-transition) !important;
    z-index: 1 !important;
    border-radius: 4px !important;
}



#programAreasAccordion .card:nth-child(1) tbody tr td {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding: 1.5rem !important;
    min-height: var(--card-min-height) !important;
    background: transparent !important;
    border: none !important;
    pointer-events: none !important;
}


#programAreasAccordion .card:nth-child(1) tbody tr td::before,
#programAreasAccordion .card:nth-child(1) tbody tr td::after,
#programAreasAccordion .card:nth-child(1) tbody tr .programStream a {
    pointer-events: auto !important;
}


#programAreasAccordion .card:nth-child(1) tbody tr td .programStream {
    display: contents !important;
}



#programAreasAccordion .card:nth-child(1) tbody tr td::before {
    content: "Certification" !important;
    background-color: var(--macewan-accent-red) !important;
    color: white !important;
    display: inline-block !important;
    align-self: flex-start !important;
    padding: 5px 10px !important;
    border-radius: 4px !important;
    font-size: 0.6rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 4px !important;
    transition: background-color 0.3s ease, transform 800ms cubic-bezier(0.19, 1, 0.22, 1) !important;
    order: -2 !important;
}


#programAreasAccordion .card:nth-child(1) tbody tr:nth-child(1) td::before {
    content: "Future-Ready Skills" !important;
}

#programAreasAccordion .card:nth-child(1) tbody tr:nth-child(2) td::before {
    content: "Industry Accredited" !important;
}

#programAreasAccordion .card:nth-child(1) tbody tr:nth-child(3) td::before {
    content: "Strategic Delivery" !important;
}



#programAreasAccordion .card:nth-child(1) tbody tr .programStream a {
    color: white !important;
    font-weight: 700 !important;
    font-size: 1.4rem !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 2 !important;
    transition: transform 800ms cubic-bezier(0.19, 1, 0.22, 1) !important;
    order: -1 !important;
}


#programAreasAccordion .card:nth-child(1) tbody tr .programStream a::before,
#programAreasAccordion .card:nth-child(1) tbody tr .programStream a::after {
    display: none !important;
    content: none !important;
}



#programAreasAccordion .card:nth-child(1) tbody tr .programStream a::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1 !important;
}


#programAreasAccordion .card:nth-child(1) tbody tr td::before,
#programAreasAccordion .card:nth-child(1) tbody tr td::after {
    position: relative !important;
    z-index: 2 !important;
}



#programAreasAccordion .card:nth-child(1) tbody tr td::after {
    content: "Explore Programs \2192 ’" !important;
    color: rgba(255, 255, 255, 0.95) !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
    margin-top: auto !important;
    padding-top: 0.5rem !important;
    transition: none !important;
    order: 999 !important;
    align-self: stretch !important;
}


#programAreasAccordion .card:nth-child(1) tbody tr:nth-child(1) td::after {
    content: "7+ Digital Transformation Certificates" !important;
}

#programAreasAccordion .card:nth-child(1) tbody tr:nth-child(2) td::after {
    content: "Professional Accounting & Analysis Credentials" !important;
}

#programAreasAccordion .card:nth-child(1) tbody tr:nth-child(3) td::after {
    content: "Strategic Project Delivery & Execution" !important;
}



#programAreasAccordion .card:nth-child(1) tbody tr:hover {
    transform: scale(0.96) !important;
    box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.3) !important;
    background-size: cover !important;
    background-position: center top !important;
    cursor: pointer !important;
}

#programAreasAccordion .card:nth-child(1) tbody tr:hover::before {
    -webkit-filter: grayscale(0%) !important;
    filter: grayscale(0%) !important;
    opacity: 1 !important;
    background: none !important;
}

#programAreasAccordion .card:nth-child(1) tbody tr:hover::after {
    opacity: 1 !important;
}

#programAreasAccordion .card:nth-child(1) tbody tr:hover td::before,
#programAreasAccordion .card:nth-child(1) tbody tr:hover .programStream a {
    transform: translateY(60px) !important;
}

#programAreasAccordion .card:nth-child(1) tbody tr:hover td::after {
    transform: none !important;
}

#programAreasAccordion .card:nth-child(1) tbody tr:hover td::before {
    background-color: #ff2a47 !important;
}



#programAreasAccordion .card:nth-child(1) tbody tr:nth-child(1) {
    background-image: url('/srs/upload/ai-innovation.jpg') !important;
}

#programAreasAccordion .card:nth-child(1) tbody tr:nth-child(2) {
    background-image: url('/srs/upload/business-financial.jpg') !important;
}

#programAreasAccordion .card:nth-child(1) tbody tr:nth-child(3) {
    background-image: url('/srs/upload/management-strategy.jpg') !important;
}



@media (min-width: 768px) and (max-width: 991px) {
    #programAreasAccordion .card.panel-default:nth-child(1) .panel-collapse table tbody {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    #programAreasAccordion .card:nth-child(1) tbody tr {
        min-height: 350px !important;
    }

    #programAreasAccordion .card:nth-child(1) tbody tr td {
        min-height: 350px !important;
        padding: 1.25rem !important;
    }

    #programAreasAccordion .card:nth-child(1) tbody tr .programStream a {
        font-size: 1.35rem !important;
    }

    #programAreasAccordion .card:nth-child(1) tbody tr td::before {
        font-size: 0.7rem !important;
    }

    #programAreasAccordion .card:nth-child(1) tbody tr td::after {
        font-size: 0.8rem !important;
    }
}



@media (max-width: 767px) {
    #programAreasAccordion .card.panel-default:nth-child(1) .panel-collapse table tbody {
        grid-template-columns: 1fr !important;
    }

    #programAreasAccordion .card:nth-child(1) tbody tr {
        min-height: 300px !important;
    }

    #programAreasAccordion .card:nth-child(1) tbody tr td {
        min-height: 300px !important;
        padding: 1rem !important;
    }

    #programAreasAccordion .card:nth-child(1) tbody tr .programStream a {
        font-size: 1.25rem !important;
    }

    #programAreasAccordion .card:nth-child(1) tbody tr td::before {
        font-size: 0.65rem !important;
        padding: 4px 8px !important;
    }

    #programAreasAccordion .card:nth-child(1) tbody tr td::after {
        font-size: 0.75rem !important;
    }

    #programAreasAccordion .card:nth-child(1) tbody tr:hover td::before,
    #programAreasAccordion .card:nth-child(1) tbody tr:hover .programStream a {
        transform: translateY(40px) !important;
    }
}



#programAreasAccordion .card:nth-child(2) tbody tr:nth-child(1) .programStream a::before {
    background-image: url('/srs/upload/technology.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
}

#programAreasAccordion .card:nth-child(2) tbody tr:nth-child(2) .programStream a::before {
    background-image: url('/srs/upload/visual-arts.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
}



#programAreasAccordion .card:nth-child(3) tbody tr:nth-child(1) .programStream a::before {
    background-image: url('/srs/upload/nursing-acute-care.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
}



#programAreasAccordion .card:nth-child(4) tbody tr:nth-child(1) .programStream a::before {
    background-image: url('/srs/upload/career-essentials.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
}

#programAreasAccordion .card:nth-child(4) tbody tr:nth-child(2) .programStream a::before {
    background-image: url('/srs/upload/leadership.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
}








#programAreasAccordion .card:nth-child(n+2) .programStream {
    display: flex !important;
    flex-direction: column !important;
    padding: 15px !important;
    background: white !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    gap: 10px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

#programAreasAccordion .card:nth-child(n+2) .programStream:hover {
    border-color: #8b2331 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}


#programAreasAccordion .card:nth-child(n+2) .programStream a {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 15px !important;
    color: #8b2331 !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
}


#programAreasAccordion .card:nth-child(n+2) .programStream a::before {
    content: '' !important;
    display: block !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 12px !important;
    background-size: cover !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}


.stream-subtitle {
    color: #666666 !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    margin-left: 95px !important;
}


.stream-rating {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-left: 95px !important;
}


.stream-stars {
    color: #fbbf24 !important;
    font-size: 0.875rem !important;
    letter-spacing: 2px !important;
}


.stream-score {
    font-weight: 600 !important;
    color: #666666 !important;
    font-size: 0.875rem !important;
}




#programAreasAccordion a:focus {
    outline: 0px solid #fff !important;
    outline-offset: 0px !important;
}


#programAreasAccordion .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}



@media (max-width: 767px) {
    #programAreasAccordion .card.panel-default {
        padding: 20px !important;
    }

    #programAreasAccordion .card-header .programArea a {
        font-size: 1.25rem !important;
    }

    #programAreasAccordion .panel-collapse table .programStream a {
        font-size: 0.95rem !important;
        padding: 12px !important;
    }
}



@media (prefers-reduced-motion: reduce) {

    #programAreasAccordion *,
    #programAreasAccordion *::before,
    #programAreasAccordion *::after {
        animation: none !important;
        transition: none !important;
    }

    #programAreasAccordion .card.panel-default:hover,
    #programAreasAccordion .panel-collapse table tr:hover {
        transform: none !important;
    }
}



@media print {
    #programAreasAccordion {
        display: block !important;
    }

    #programAreasAccordion .card.panel-default {
        page-break-inside: avoid !important;
        box-shadow: none !important;
        border: 1px solid #ddd !important;
    }
}














#programAreasAccordion .card:nth-child(n+2) .programStream a::before {
    display: none !important;
}


#programAreasAccordion .card:nth-child(n+2) .programStream {
    border: none !important;
    padding: 0 !important;
}


#programAreasAccordion .panel-collapse table .programStream a {
    padding: 0px !important;
}


.sce-thumbnail-card {
    display: flex !important;
    gap: 10px !important;
    padding: 8px !important;
    background: white !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.sce-thumbnail-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}


.sce-thumb-img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 4px !important;
    background-size: cover !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}


.sce-thumb-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    flex: 1 !important;
    margin: 1rem 0 0 0 !important;
}


.sce-thumb-title {
    color: #8b2331 !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.sce-thumb-title:hover {
    text-decoration: underline !important;
}


.sce-thumb-subtitle {
    color: #171717 !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
}












@media (max-width: 767px) {

    
    #programAreasAccordion .card.panel-default .card-header .card-title .row .col-10 .programArea a::after {
        content: none !important;
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
        width: 0 !important;
        height: 0 !important;
    }

    
    #programAreasAccordion .card.panel-default:nth-child(1) .card-header .card-title .row .col-10 .programArea a::after {
        content: none !important;
        display: none !important;
        left: -9999px !important;
        
    }

    
    #programAreasAccordion .card.panel-default .card-header .card-title .row .col-10 .programArea a {
        padding-right: 0 !important;
        margin-right: 0 !important;
    }
}






#publicCertificateSearchForm {
    background: #f0f0f0 !important;
    border-radius: 4px !important;
    padding: 40px !important;
    max-width: 65% !important;
    margin: 10vh auto !important;
}


form#publicCertificateSearchForm>.row,
form#publicCertificateSearchForm .row {
    margin-bottom: 6px !important;
}

form#publicCertificateSearchForm>.row:first-child {
    margin-bottom: 12px !important;
}

form#publicCertificateSearchForm>.row:last-child {
    margin-bottom: 0 !important;
    margin-top: 16px !important;
}



#publicCertificateSearchForm #certificateSearchKeyword .col-md-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}


body:has(#advancedSearchControl) #publicCertificateSearchForm #keyword {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="%238b2331" viewBox="0 0 16 16"%3e%3cpath d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/%3e%3c/svg%3e') !important;
    background-repeat: no-repeat !important;
    background-position: left 12px center !important;
    background-size: 18px 18px !important;
    padding-left: 42px !important;
    padding-right: 15px !important;
    height: 50px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    color: #34111A !important;
    box-shadow: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}


body:has(#advancedSearchControl) #publicCertificateSearchForm #keyword:focus {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="%238b2331" viewBox="0 0 16 16"%3e%3cpath d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/%3e%3c/svg%3e') !important;
    background-repeat: no-repeat !important;
    background-position: left 12px center !important;
    background-size: 18px 18px !important;
    padding-left: 42px !important;
    border-color: #fff !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.15) !important;
    outline: none !important;
}


#publicCertificateSearchForm #certificateSearchKeyword #keyword {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="%238b2331" viewBox="0 0 16 16"%3e%3cpath d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/%3e%3c/svg%3e') !important;
    background-repeat: no-repeat !important;
    background-position: left 12px center !important;
    background-size: 18px 18px !important;
    padding-left: 42px !important;
    height: 50px !important;
    border-color: #fff !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.15) !important;
    outline: none !important;
}

#publicCertificateSearchForm #certificateSearchKeyword #keyword:focus {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="%238b2331" viewBox="0 0 16 16"%3e%3cpath d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/%3e%3c/svg%3e') !important;
    padding-left: 42px !important;
    background-repeat: no-repeat !important;
    background-position: left 12px center !important;
    background-size: 18px 18px !important;
    padding-right: 15px !important;
    height: 50px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    color: #34111A !important;
    box-shadow: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}




#publicCertificateSearchForm #keyword::placeholder,
#publicCertificateSearchForm #keyword::-webkit-input-placeholder,
#publicCertificateSearchForm #keyword::-moz-placeholder,
#publicCertificateSearchForm #keyword:-ms-input-placeholder {
    color: #999999 !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-style: italic !important;
    font-size: 0.95rem !important;
    transition: none !important;
    
    -webkit-transition: none !important;
}


#publicCertificateSearchForm #keyword:focus::placeholder,
#publicCertificateSearchForm #keyword:focus::-webkit-input-placeholder,
#publicCertificateSearchForm #keyword:focus::-moz-placeholder,
#publicCertificateSearchForm #keyword:focus:-ms-input-placeholder {
    opacity: 1 !important;
    color: #999999 !important;
    visibility: visible !important;
}


#publicCertificateSearchForm #keyword {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}


body:has(#advancedSearchControl) #publicCertificateSearchForm #keyword::placeholder {
    color: #999999 !important;
    opacity: 1 !important;
    font-style: italic !important;
}


#publicCertificateSearchForm #keyword::-webkit-input-placeholder {
    font-style: italic !important;
}


#publicCertificateSearchForm #keyword::placeholder {
    font-style: italic !important;
}


#publicCertificateSearchForm #keyword::-moz-placeholder {
    font-style: italic !important;
}


#publicCertificateSearchForm #keyword:-ms-input-placeholder {
    font-style: italic !important;
}




form#publicCertificateSearchForm>.card {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
}


form#publicCertificateSearchForm>div.card {
    background: transparent !important;
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}


form#publicCertificateSearchForm #advancedSearchPanel.card-header {
    background: transparent !important;
    border-bottom: none !important;
    padding: 0 !important;
    margin: -35px 10px 0px 0px !important;
}


form#publicCertificateSearchForm #advancedSearchPanel .btn {
    color: #8b2331 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transition: color .3s !important;
}


form#publicCertificateSearchForm #advancedSearchPanel .btn>span {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
}


form#publicCertificateSearchForm #advancedSearchPanel .btn:hover,
form#publicCertificateSearchForm #advancedSearchPanel .btn:focus {
    color: #34111a !important;
    background: transparent !important;
}




#publicCertificateSearchForm .searchCriteriaPanelIconContainer::before {
    content: none !important;
    display: none !important;
}


#publicCertificateSearchForm .searchCriteriaPanelIconContainer {
    float: none !important;
    display: inline-block !important;
}


#publicCertificateSearchForm .searchCriteriaPanelIconContainer::after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f1de" !important;
    
    display: inline-block !important;
    margin-left: 8px !important;
    color: #58565A !important;
    font-size: 14px !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}




form#publicCertificateSearchForm #courseSearchCriteriaBody.show>.card-body {
    background: white !important;
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    width: 100% !important;
    margin: 8px 0 0 0 !important;
    padding: 20px !important;
}


form#publicCertificateSearchForm #courseSearchCriteriaBody>.card-body {
    background: white !important;
    background-color: #ffffff !important;
}


form#publicCertificateSearchForm #courseSearchCriteriaBody .card-body .card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}



form#publicCertificateSearchForm .pageHelpText {
    margin-bottom: 0 !important;
    color: #171717 !important;
    margin: 0px 0px 0px 16px !important;
    border-left: 3px solid #8b2331 !important;
    padding-left: 0.5rem !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1025rem !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: normal !important;
    line-height: 1.2 !important;
}



form#publicCertificateSearchForm label,
form#publicCertificateSearchForm .labelSpanStyle {
    font-weight: 400 !important;
    color: #171717 !important;
    font-size: 0.85rem !important;
}

form#publicCertificateSearchForm .card-body .form-control {
    border: 2px solid #e0e4e8 !important;
    border-radius: 8px !important;
    padding: 0px 16px !important;
    transition: all 0.3s ease !important;
}

form#publicCertificateSearchForm .card-body .form-control:focus {
    border-color: #0066cc !important;
    box-shadow: 0 2px 8px rgba(0, 102, 204, 0.1) !important;
    outline: none !important;
}



form#publicCertificateSearchForm .buttons {
    display: flex !important;
    gap: 12px !important;
    justify-content: flex-end !important;
}


form#publicCertificateSearchForm #buttonReset {
    background-color: #ffffff !important;
    color: #D41F37 !important;
    border: 1px solid #D41F37 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-optical-sizing: auto !important;
    font-size: .942rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
    padding: 1.25rem 1.9rem !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
}

form#publicCertificateSearchForm #buttonReset:hover {
    background-color: #D41F37 !important;
    border-color: #D41F37 !important;
    color: #ffffff !important;
}


form#publicCertificateSearchForm #buttonSearch {
    color: white !important;
    background-color: #8b2331 !important;
    border-color: #8b2331 !important;
    border-radius: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-optical-sizing: auto !important;
    font-size: .942rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
    padding: 1.25rem 1.9rem !important;
    text-transform: uppercase !important;
    transition: background-color .3s !important;
}

form#publicCertificateSearchForm #buttonSearch:hover {
    background-color: #6a1b26 !important;
    border-color: #6a1b26 !important;
}



@media (max-width: 1200px) {
    #publicCertificateSearchForm {
        max-width: 80% !important;
    }
}

@media (max-width: 768px) {
    #publicCertificateSearchForm {
        max-width: 95% !important;
        padding: 24px 16px !important;
    }

    form#publicCertificateSearchForm .buttons {
        flex-direction: column !important;
    }

    form#publicCertificateSearchForm #buttonReset,
    form#publicCertificateSearchForm #buttonSearch {
        width: 100% !important;
    }
}





#certificateSearchResult_container .nav-tabs .nav-link {
    background-color: #f0f0f0 !important;
    
    color: #555555 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.58 !important;
    text-transform: uppercase !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0 !important;
    margin-right: 2px !important;
    padding: 8px 15px !important;
    padding-left: 0.6rem !important;
    border-top: 3px solid transparent !important;
    padding-top: 6px !important;
    transition: background-color 0.3s ease, color 0.3s ease, border-top-color 0.3s ease !important;
}


#certificateSearchResult_container .nav-tabs .nav-link.active {
    background-color: #FFFFFF !important;
    color: #171717 !important;
    border-top-color: #8b2331 !important;
    
    border-bottom: 1px solid #ffffff !important;
    border-left: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
    font-weight: 700 !important;
}


#certificateSearchResult_container .nav-tabs {
    border-bottom: 1px solid #dee2e6 !important;
    margin-bottom: 15px !important;
    justify-content: flex-end !important;
    
}




#certificateSearchResult_container {
    background-color: #fff !important;
    padding: 20px !important;
    border-radius: 4px !important;
}

#certificateSearchResult_list table.table {
    width: 100% !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    color: rgb(23, 23, 23) !important;
    border: none !important;
}



#certificateSearchResult_list table.table thead th {
    background: #34111A !important;
    
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.6rem !important;
    
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 13px 18px !important;
    vertical-align: middle !important;
    border: 1px solid #34111A !important;
    border-right: 1px solid rgb(221, 221, 221) !important;
    border-bottom: none !important;
}


#certificateSearchResult_list table.table thead th.sortable a {
    color: #ffffff !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(255, 255, 255, 0.5) !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    transition: all 0.2s ease-in-out !important;
}

#certificateSearchResult_list table.table thead th.sortable a:hover {
    color: #D41F37 !important;
    text-decoration: underline !important;
    text-decoration-color: #D41F37 !important;
}


#certificateSearchResult_list table.table thead th.sortable a::after {
    content: "\f0dc" !important;
    
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    font-size: 0.8rem !important;
    margin-left: 8px !important;
    opacity: 0.6 !important;
    color: inherit !important;
}


#certificateSearchResult_list table.table thead th.sorted a::after {
    opacity: 1 !important;
}


#certificateSearchResult_list table.table thead th:last-child {
    border-right: 1px solid #34111A !important;
}



#certificateSearchResult_list table.table tbody tr.odd {
    background-color: #f0f0f0 !important;
}

#certificateSearchResult_list table.table tbody tr.even {
    background-color: #ffffff !important;
}

#certificateSearchResult_list table.table tbody tr:hover {
    background-color: #f8f8f8 !important;
}



#certificateSearchResult_list table.table tbody td {
    padding: 12px 15px !important;
    vertical-align: middle !important;
    border: 1px solid #dee2e6 !important;
    border-top: none !important;
    color: rgb(23, 23, 23) !important;
}

#certificateSearchResult_list table.table tbody td:nth-child(1) {
    display: flex !important;
    align-items: center !important;
    border: none !important;
}



#certificateSearchResult_list .certificateName,
#certificateSearchResult_list table.table tbody td a {
    color: #34111a !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin-left: 8px !important;
}

#certificateSearchResult_list .certificateCategory {
    color: #a6a6a6 !important;
    font-weight: 700 !important;
    font-size: 0.79rem !important;
    text-transform: uppercase !important;
}



#certificateSearchResult_list img.featuredImage {
    width: 100px !important;
    height: 60px !important;
    object-fit: contain !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #eee !important;
    border-radius: 4px !important;
}



@media (max-width: 767px) {

    div#certificateSearchResult_list table#certificateSearchResult tbody tr td a,
    div#certificateSearchResult_list table#certificateSearchResult tbody tr td a span.certificateName {
        font-size: 0.8rem !important;
        line-height: 1.3 !important;
    }

    #certificateSearchResult_list table.table thead {
        display: none !important;
        
    }

    #certificateSearchResult_list table.table tbody tr {
        display: block !important;
        margin-bottom: 20px !important;
        border: 1px solid #dee2e6 !important;
        border-radius: 4px !important;
    }

    #certificateSearchResult_list table.table tbody td {
        display: block !important;
        border: none !important;
    }
}





#certificateSearchResult_list img.noImage {
    display: none !important;
}


#certificateSearchResult_list table.table a:has(img.noImage) {
    display: block !important;
    position: relative !important;
    width: 100px !important;
    height: 60px !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #eee !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    
    text-decoration: none !important;
}


#certificateSearchResult_list table.table a:has(img.noImage)::before {
    content: "\f559" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;

    
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;

    
    font-size: 1.8rem !important;
    color: #ced4da !important;
    transition: color 0.3s ease, transform 0.3s ease !important;
}


#certificateSearchResult_list table.table a:has(img.noImage):hover::before {
    color: #8b2331 !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}




#certificateSearchResult_list table.table tbody td a,
#certificateSearchResult_list .certificateName {
    color: #8b2331 !important;
    
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(139, 35, 49, 0.3) !important;
    transition: color 0.3s, text-decoration-color 0.3s, opacity 0.3s !important;
}


#certificateSearchResult_list table.table tbody td a:hover,
#certificateSearchResult_list .certificateName:hover {
    color: #34111a !important;
    
    text-decoration: underline !important;
    text-decoration-color: #34111a !important;
}


#certificateSearchResult_list .certificateCategory {
    color: #171717 !important;
    font-weight: 400 !important;
    font-size: 0.9rem !important;
}






#certificateSearchResult_grid ul.grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 30px !important;
    padding: 0 !important;
    margin: 20px 0 !important;
    list-style: none !important;
}


#certificateSearchResult_grid ul.grid li {
    
    height: auto !important;
    float: none !important;
    width: auto !important;
    position: relative !important;
    

    background-color: #FFFFFF !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 4px !important;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;

    
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

#certificateSearchResult_grid ul.grid li:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12) !important;
    z-index: 10 !important;
}


#certificateSearchResult_grid .certificateCategory.hiddenOnTabPaneGrid {
    
    display: block !important;
    visibility: visible !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;

    
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 40 !important;

    background-color: #1B3768 !important;
    
    padding: 12px !important;
    text-align: center !important;

    
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 15px !important;

    box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.1) !important;
    height: auto !important;
}


#certificateSearchResult_grid .certificateCategory::before {
    content: "\f559" !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    font-size: 0.8rem !important;
    color: #00A0DD !important;
    margin-right: 6px !important;
    visibility: visible !important;
    display: inline-block !important;
    vertical-align: middle !important;
}


#certificateSearchResult_grid .certificateCategory::after {
    content: "CERTIFICATE" !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #00A0DD !important;
    visibility: visible !important;
    display: inline-block !important;
}


#certificateSearchResult_grid ul.grid li a:first-child {
    display: block !important;
    position: relative !important;
    width: 90% !important;
    height: 80px !important;
    
    background-color: #f9f9f9 !important;
    text-decoration: none !important;
    z-index: 5 !important;
    padding-top: 10px !important;
    border-radius: 8px !important;
    margin-top: 15px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

#certificateSearchResult_grid ul.grid li a:first-child img.noImage {
    display: none !important;
}


#certificateSearchResult_grid ul.grid li a:first-child:has(img.noImage)::before {
    content: "\f19d" !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 2.2rem !important;
    color: #ced4da !important;
    transition: all 0.3s ease !important;
}


#certificateSearchResult_grid .certificateName {
    display: block !important;
    color: #34111a !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    
    border-left: 3px solid #8b2331 !important;
    padding: 2px 10px !important;
    margin: 15px 15px 20px 15px !important;
}

#certificateSearchResult_grid ul.grid li a:nth-child(2) {
    text-decoration: none !important;
}


@media (max-width: 767px) {
    div#certificateSearchResult_grid ul.grid li a .certificateName {
        font-size: 0.8rem !important;
        padding: 2px 8px !important;
    }
}





#contentModule8 .sce-section-header {
    margin-bottom: 2rem !important;
    padding: 0 20px !important;
}

#contentModule8 .sce-section-title {
    color: #171717 !important;
    font-family: 'Crimson Text', serif !important;
    font-weight: 400 !important;
    font-size: 2rem !important;
    line-height: 1.3 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0.5rem !important;
    padding: 0 !important;
}

#contentModule8 .sce-title-divider {
    width: 60px !important;
    height: 1px !important;
    background-color: #d1d1d1 !important;
    margin: 0 !important;
}




@media (max-width: 767px) {
    #contentModule8 .sce-section-header {
        padding: 0 15px !important;
        margin-bottom: 1.5rem !important;
    }

    #contentModule8 .sce-section-title {
        font-size: 1.75rem !important;
        margin-top: 1rem !important;
    }
}




#contentModule8 .row>.col-lg-6:first-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

#contentModule8 .row>.col-lg-6:last-child {
    display: none !important;
}


#contentModule8 .vcb-recommendation,
#contentModule8 .variable-content {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}




#contentModule8 a.sce-card-link {
    text-decoration: none !important;
    color: inherit !important;
    display: block !important;
    pointer-events: auto !important;
    
}

#contentModule8 a.sce-card-link:focus {
    outline-offset: 4px;
}




#contentModule8 .sce-white-card {
    background: #fff !important;
    border: 1px solid #ebedf0 !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .06) !important;
    transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow .3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    width: 100% !important;
    min-height: 265px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    transform-origin: center center !important;
    pointer-events: none !important;
}

#contentModule8 .sce-white-card * {
    pointer-events: none !important;
}

#contentModule8 a.sce-card-link:hover .sce-white-card {
    transform: scale(1.04) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .08) !important;
}




#contentModule8 .card-image-area {
    position: relative !important;
    height: 50px !important;
    overflow: hidden !important;
    background-color: #34111a !important;
    background-image:
        radial-gradient(circle at 20% 30%, rgba(212, 31, 55, 0.4) 0%, transparent 40%),
        radial-gradient(circle at 80% 20%, rgba(74, 21, 59, 0.6) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 30%) !important;
    background-blend-mode: screen !important;
}


#contentModule8 .card-image-area img {
    display: none !important;
}




#contentModule8 .card-badge {
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    transform: translateY(-50%) !important;
    background: white !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    font: 800 10px/1 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
    color: #8b2331 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15) !important;
    z-index: 10 !important;
}




#contentModule8 .card-body {
    padding: 20px 18px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

#contentModule8 .card-title {
    border-left: 3px solid #8b2331 !important;
    padding-left: .7rem !important;
    font: 700 1.05rem/1.4 'Montserrat', sans-serif !important;
    color: #171717 !important;
    text-transform: none !important;
    margin: 5px 0 15px !important;
    min-height: 1.8rem !important;
}




#contentModule8 .card-metadata {
    display: none !important;
}






#contentModule8 .card-tagline {
    font-size: .8rem !important;
    color: #171717 !important;
    line-height: 1.6 !important;
    margin: 0 0 16px !important;
    flex: 1 !important;
    max-height: 4.8em !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}




#contentModule8 .imagelr-separator {
    padding-bottom: 0 !important;
    margin-top: auto !important;
    margin-bottom: -15px !important;
    width: 3.5rem !important;
    border-top: solid 1px #d51f37 !important;
}

#contentModule8 .card-link-text {
    color: #d51f37 !important;
    font-weight: 700 !important;
    font-size: .875rem !important;
    display: inline-block !important;
    text-transform: uppercase !important;
}

#contentModule8 .card-link-text::after {
    content: "\f054" !important;
    font-family: "Font Awesome 5 Free", "FontAwesome", sans-serif !important;
    display: inline-block !important;
    font-size: 0.75rem !important;
    font-weight: bold !important;
    margin-left: .25rem !important;
    transition: transform .2s ease !important;
}

#contentModule8 a.sce-card-link:hover .card-link-text::after {
    transform: translateX(4px) !important;
}




#contentModule8 .carousel {
    position: relative !important;
    padding: 10px 20px !important;
}

#contentModule8 .carousel-inner {
    min-height: 400px !important;
    padding: 0.8rem !important;
}

#contentModule8 .carousel-item .row {
    justify-content: flex-start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#contentModule8 .carousel-item [class*="col-"] {
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-bottom: 24px !important;
    display: flex !important;
    flex-direction: column !important;
}

#contentModule8 .carousel-item [class*="col-"]>a.sce-card-link {
    flex: 1 !important;
    width: 100% !important;
}




#contentModule8 .carousel-control-prev,
#contentModule8 .carousel-control-next {
    top: 40% !important;
    position: absolute !important;
    opacity: 1 !important;
    z-index: 10 !important;
    width: 44px !important;
    height: 44px !important;
    background: rgba(255, 255, 255, 0.4) !important;
    background: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(139, 35, 49, 0.2) !important;
    border-radius: 0.25rem !important;
    color: #8B2331 !important;
    font-size: 1rem !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

#contentModule8 .carousel-control-prev {
    left: -60px !important;
}

#contentModule8 .carousel-control-next {
    right: -60px !important;
}

#contentModule8 .carousel-control-prev:hover,
#contentModule8 .carousel-control-next:hover {
    background: #8B2331 !important;
    color: #ffffff !important;
    border-color: #8B2331 !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(139, 35, 49, 0.3) !important;
}


#contentModule8 .carousel-control-prev.disabled,
#contentModule8 .carousel-control-next.disabled {
    opacity: 0.3 !important;
    cursor: not-allowed !important;
    background: rgba(255, 255, 255, 0.5) !important;
}


#contentModule8 .carousel-control-prev::before,
#contentModule8 .carousel-control-next::before {
    font-family: "Font Awesome 5 Free", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    font-size: 1.1rem !important;
    color: #8B2331 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#contentModule8 .carousel-control-prev:hover::before,
#contentModule8 .carousel-control-next:hover::before {
    color: #ffffff !important;
}

#contentModule8 .carousel-control-prev::before {
    content: "\f053" !important;
    
}

#contentModule8 .carousel-control-next::before {
    content: "\f054" !important;
    
}


#contentModule8 .carousel-control-prev-icon,
#contentModule8 .carousel-control-next-icon {
    display: none !important;
}




#contentModule8 .carousel-indicators {
    bottom: 10px !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 0.75rem !important;
}

#contentModule8 .carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: rgba(139, 35, 50, 0.3) !important;
    border: none !important;
    margin: 0 !important;
    
    padding: 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

#contentModule8 .carousel-indicators li.active {
    width: 28px !important;
    height: 10px !important;
    border-radius: 5px !important;
    
    background: rgba(139, 35, 50, 1) !important;
}

#contentModule8 .carousel-indicators li:hover {
    background: rgba(139, 35, 50, 0.6) !important;
}




#contentModule8 .variable-content .carousel.single-slide .carousel-control-prev,
#contentModule8 .variable-content .carousel.single-slide .carousel-control-next,
#contentModule8 .variable-content .carousel.single-slide .carousel-indicators,
#contentModule8 #sce-recommendations-carousel.single-slide .carousel-control-prev,
#contentModule8 #sce-recommendations-carousel.single-slide .carousel-control-next,
#contentModule8 #sce-recommendations-carousel.single-slide .carousel-indicators {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}




@media (max-width: 1079px) {

    #contentModule8 .carousel-control-prev,
    #contentModule8 .carousel-control-next,
    #contentModule8 .carousel-indicators {
        display: none !important;
    }

    #contentModule8 .carousel {
        padding: 20px 15px !important;
        overflow: visible !important;
    }

    #contentModule8 .carousel-inner {
        min-height: auto !important;
        overflow: visible !important;
        display: block !important;
        position: static !important;
    }

    
    #contentModule8 .variable-content .carousel.slide .carousel-inner .carousel-item,
    #contentModule8 #sce-recommendations-carousel .carousel-item {
        float: none !important;
        clear: both !important;
        position: static !important;
        display: block !important;
        width: 100% !important;
        margin-bottom: 40px !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #contentModule8 .carousel-item .row {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
    }

    #contentModule8 .carousel-item [class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 500px !important;
        width: 100% !important;
        padding: 0 !important;
    }

    #contentModule8 .card-image-area {
        height: 50px !important;
    }
}




@media (min-width: 768px) and (max-width: 1079px) {

    #contentModule8 .carousel {
        padding: 30px 20px !important;
    }

    #contentModule8 .carousel-item [class*="col-"] {
        max-width: 600px !important;
    }

    #contentModule8 .sce-white-card {
        max-width: 600px !important;
    }
}




@media (max-width: 374px) {

    #contentModule8 .card-image-area {
        height: 50px !important;
    }

    #contentModule8 .card-body {
        padding: 16px !important;
    }

    #contentModule8 .card-title {
        font-size: 1rem !important;
    }
}








#studentMenu {
    width: 100% !important;
    background-color: #1B3768 !important;
    
    border-radius: 3px !important;
    padding: 15px 10px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 20px !important;
    z-index: 100 !important;
    
    margin-bottom: 20px !important;
}


#studentMenu .nav-pills .nav-link,
#studentMenu .nav-link {
    
    color: #EAEAEA !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: normal !important;
    font-size: 0.7rem !important;
    
    padding: 10px 15px !important;
    margin-bottom: 5px !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    white-space: normal !important;
    border-left: 5px solid transparent !important;
    
}


#studentMenu .nav-pills .nav-link:hover,
#studentMenu .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}


#studentMenu .nav-pills .nav-item.active>.nav-link,
#studentMenu .nav-link.active,
#studentMenu .nav-link[aria-current="page"] {
    background-color: #FFFFFF !important;
    color: #1B3768 !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}



#studentMenu .nav-pills .nav-item.active>.nav-link,
#studentMenu .nav-link.active,
#studentMenu .nav-link[aria-current="page"] {
    border-left: 5px solid #00A0DD !important;
    
}


#studentMenu .subMenu {
    margin-left: 10px !important;
    margin-top: 5px !important;
    border-radius: 6px !important;
    padding: 5px !important;
}

#studentMenu .subMenu .nav-link {
    font-size: 0.8rem !important;
    
    padding: 8px 4px !important;
    color: #fff !important;
    border-left: 0px !important;
    border-bottom: 1px dotted #00091b !important;
    border-radius: 0px !important;
}

#studentMenu .subMenu .nav-link.active,
#studentMenu .subMenu .nav-link[aria-current="page"] {
    background-color: transparent !important;
    color: #8B2331 !important;
    
    font-weight: 700 !important;
    border-left: 3px solid #8B2331 !important;
    
    border-radius: 0px 6px 6px 0px !important;
    
}




#contentModule1 .variable-content a {
    background-color: var(--button-color-dark-bg);
    border-radius: 0 !important;
    color: var(--button-color-fg) !important;
    font-family: Montserrat, sans-serif !important;
    font-size: 0.942rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    padding: 1.25rem 1.9rem !important;
    text-transform: uppercase !important;
    transition: background-color 0.3s !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    text-decoration: none !important;
    border: none !important;
}

#contentModule1 .variable-content a:hover {
    background-color: #34111a;
}

#contentModule1 a:visited {
    
    color: #8b2331 !important;
}





#pageStudentNews #contentModule1 .col-lg-12 {
    padding-left: 15px !important;
    padding-right: 15px !important;
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}


#pageStudentNews #contentModule1 h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.4rem !important;
    color: #171717 !important;
    margin-top: 40px !important;
    margin-bottom: 12px !important;
    position: relative !important;
    display: block !important;
}

#pageStudentNews #contentModule1 h3::before {
    content: "\f1ea" !important;
    
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    margin-right: 12px !important;
    color: #8b2331 !important;
    font-size: 1.2rem !important;
    display: inline-block !important;
}


#pageStudentNews #contentModule1 .newsItemSynopsis {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
    color: #444444 !important;
    text-align: justify !important;
    margin-bottom: 15px !important;
}


#pageStudentNews #contentModule1 .fullStoryLinkContainer {
    border-bottom: 1.5px solid #e2e2e2 !important;
    padding-bottom: 35px !important;
    margin-bottom: 35px !important;
    display: block !important;
    height: auto !important;
}


#pageStudentNews #contentModule1 .fullStoryLinkContainer:last-of-type {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}


#pageStudentNews #contentModule1 .fullStoryLinkContainer a {
    color: #8b2331 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    font-size: 1rem !important;
}

#pageStudentNews #contentModule1 .fullStoryLinkContainer a:hover {
    color: #171717 !important;
    text-decoration: none !important;
}





form[name="publicNewsForm"] #buttonBacktoHeadlines {
    color: #555 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    border-radius: 50px !important;
    background-color: #ffffff !important;
    border: 1px solid #ced4da !important;
    box-shadow: none !important;
    background-image: none !important;
    padding: 6px 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 10px !important;
    white-space: nowrap !important;
    transition: all 0.3s ease !important;
}




form[name="publicNewsForm"] #buttonBacktoHeadlines::before {
    
    
    content: "\f03a   All News" !important;

    
    font-size: 0.7rem !important;
    font-family: "Font Awesome 5 Free", 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    
}


form[name="publicNewsForm"] #buttonBacktoHeadlines:hover {
    background-color: #8b2331 !important;
    color: #ffffff !important;
    cursor: pointer !important;
}





#pageStudentNewsDetail .row>[class*="col-"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
}


#pageStudentNewsDetail .newsStoryHeadline {
    font-family: 'Crimson Text', serif !important;
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
    padding-right: 1rem !important;
    
    font-size: 2.1756rem !important;
    font-weight: 700 !important;
    color: #171717 !important;
    line-height: 1.142 !important;
    letter-spacing: -.002rem !important;
}


#pageStudentNewsDetail .newsStoryBody~p {
    text-align: justify !important;
    line-height: 1.8 !important;
    
    margin-bottom: 1.6rem !important;
    font-size: 1.05rem !important;
    color: #333333 !important;
}


#pageStudentNewsDetail .newsStoryBody~p a {
    color: #8b2331 !important;
    
    font-weight: 700 !important;
    text-decoration: underline !important;
    display: inline !important;
    background: transparent !important;
}

#pageStudentNewsDetail .newsStoryBody~p a:hover {
    color: #171717 !important;
    text-decoration: none !important;
}


#pageStudentNewsDetail .newsStoryBody~p img {
    border-radius: 4px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
    margin: 2rem 0 !important;
}




form[name="portalStudentProfileForm"] .buttons,
form[name="portalStudentProfileForm"] .row>.col-lg-12>.buttons {
    
    background-color: transparent !important;
    background: none !important;

    
    border-radius: 0 !important;
    border: none !important;

    
    padding: 0 !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;

    
    display: block !important;
    justify-content: flex-start !important;
}


#buttonSaveStudentProfile {
    margin-left: 0 !important;
}




#contentModule1>.row>.col-lg-12>.variable-content:not(:has(.sce-spotlight-wrapper)) {
    position: relative !important;
    border-radius: 0.25rem !important;
    padding: 2rem 2.5rem !important;
    margin-bottom: 2rem !important;
    overflow: hidden !important;
    background: #34111A !important;
}


#contentModule1>.row>.col-lg-12>.variable-content:not(:has(.sce-spotlight-wrapper))::before {
    content: '' !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    background: radial-gradient(circle at center,
            rgba(139, 35, 49, 0) 30%,
            rgba(139, 35, 49, 0.5) 60%,
            #8B2331 85%,
            #34111A 100%),
        linear-gradient(-45deg,
            #D41F37, #8B2331, #FF6B35, #4A153B) !important;
    background-size: 400% 100% !important;
    animation: sceLiquidFlow 30s ease infinite !important;
    background-blend-mode: overlay, normal !important;
    opacity: 1 !important;
    z-index: 0 !important;
}


#contentModule1>.row>.col-lg-12>.variable-content:not(:has(.sce-spotlight-wrapper))>* {
    position: relative !important;
    z-index: 1 !important;
}


@keyframes sceLiquidFlow {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}




body#pageStudentHome #mainContent #student-home-variableContentPG0001 .variable-content-item p {
    font-family: 'Crimson Text', serif !important;
    font-size: 1.8rem !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.3 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}


body#pageStudentHome #mainContent #student-home-variableContentPG0001 .variable-content-item p::before {
    content: "\f0a1" !important;
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro', FontAwesome, sans-serif !important;
    font-weight: 900 !important;
    display: inline-block !important;
    margin-right: 12px !important;
    font-size: 1.5rem !important;
    color: #D41F37 !important;
    animation: iconPulse 2s ease-in-out infinite !important;
}

@keyframes iconPulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}


#contentModule1 .pageHelpText .variable-content {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    animation: none !important;
}



form[name="portalStudentHomeForm"] #pageHeaderActions,
form[name="portalStudentHomeForm"] .col-lg-4#pageHeaderActions {
    padding: 10px 15px !important;
    background: linear-gradient(135deg, #f9f9f9 0%, #ffffff 100%) !important;
    border-radius: 0.25rem !important;
    margin-bottom: 1.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}


.portalHeaderRow1 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #171717 !important;
    margin-bottom: 0 !important;
    padding-left: 24px !important;
    position: relative !important;
    line-height: 1.2 !important;
}

.portalHeaderRow1::before {
    content: "\f007" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    position: absolute !important;
    left: 0 !important;
    top: 1px !important;
    transform: none !important;
    font-size: 1rem !important;
    color: #8b2331 !important;
}


.portalHeaderRow2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.65rem !important;
    color: #666 !important;
    margin-bottom: 6px !important;
    padding-left: 24px !important;
    line-height: 1.2 !important;
}


.portalHeaderRow3 {
    margin-bottom: 0 !important;
    padding-left: 24px !important;
}

#portalAccountBalanceZero {
    display: inline-flex !important;
    align-items: center !important;
    background-color: #fff9e6 !important;
    border: 1px solid #f5c518 !important;
    border-radius: 50px !important;
    padding: 2px 10px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    color: #9e7f0e !important;
    line-height: 1 !important;
    transition: transform 0.3s ease !important;
}

#portalAccountBalanceZero:hover {
    transform: scale(1.02) !important;
}

.accountBalanceStatusLabel {
    font-weight: 500 !important;
    margin-right: 4px !important;
    color: #bfa12f !important;
}



form[name="portalStudentHomeForm"] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
    margin-top: 2rem !important;
    width: 100% !important;
}


form[name="portalStudentHomeForm"]>h2 {
    grid-column: 1 / -1 !important;
}


form[name="portalStudentHomeForm"] .card.panel-default {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
    border: none !important;
    border-radius: 0.25rem !important;
    overflow: hidden !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    background: #ffffff !important;
    position: relative !important;
    margin-bottom: 0 !important;
}

form[name="portalStudentHomeForm"] .card.panel-default:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 12px 24px rgba(23, 23, 23, 0.2) !important;
}


@media (max-width: 991px) {
    form[name="portalStudentHomeForm"] {
        grid-template-columns: 1fr 1fr !important;
        gap: 20px !important;
    }

    form[name="portalStudentHomeForm"] .card.panel-default {
        max-width: 100% !important;
        width: 100% !important;
    }
}


@media (max-width: 767px) {
    form[name="portalStudentHomeForm"] {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}


form[name="portalStudentHomeForm"] .card-header {
    background: linear-gradient(135deg, rgba(139, 35, 49, 0.1) 0%, rgba(52, 17, 26, 0.1) 100%) !important;
    border-bottom: none !important;
    padding: 0 !important;
    height: 80px !important;
    position: relative !important;
    margin-bottom: 0 !important;
}

form[name="portalStudentHomeForm"] .card-header::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: repeating-linear-gradient(45deg,
            transparent, transparent 10px,
            rgba(139, 35, 49, 0.03) 10px,
            rgba(139, 35, 49, 0.03) 20px) !important;
}


form[name="portalStudentHomeForm"] .card-header .row {
    position: relative !important;
    height: 100% !important;
    margin: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    padding-left: 1.5rem !important;
}

form[name="portalStudentHomeForm"] .card-header .col-lg-6:first-child {
    display: flex !important;
    justify-content: flex-start !important;
    position: static !important;
    padding: 0 !important;
}


form[name="portalStudentHomeForm"] .card-title {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #8b2331 0%, #34111A 100%) !important;
    border: 4px solid #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    margin-bottom: -50px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    position: relative !important;
    z-index: 2 !important;
}

form[name="portalStudentHomeForm"] .card-title::before {
    content: "\f19d" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    font-size: 2.5rem !important;
    color: #ffffff !important;
}


form[name="portalStudentHomeForm"] .card-title::after {
    content: "ACTIVE" !important;
    position: absolute !important;
    bottom: -8px !important;
    right: -15px !important;
    background-color: #3EC3A4 !important;
    color: #ffffff !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    border-radius: 50px !important;
    border: 2px solid #ffffff !important;
    text-transform: uppercase !important;
    font-family: 'Montserrat', sans-serif !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}


form[name="portalStudentHomeForm"] .sectionDeliveryMethod:empty~.col-lg-6 .card-title::after {
    content: "INACTIVE" !important;
    background-color: #9E9E9E !important;
}



form[name="portalStudentHomeForm"] .card-title .courseTitle {
    position: absolute !important;
    top: 140px !important;
    left: 0 !important;
    transform: none !important;
    width: 280px !important;
    text-align: left !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #34111A !important;
    line-height: 1.4 !important;
    z-index: 1 !important;
}


form[name="portalStudentHomeForm"] .courseCode {
    display: block !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    color: #8b2331 !important;
    margin-bottom: 0.3rem !important;
    white-space: nowrap !important;
}


form[name="portalStudentHomeForm"] .title {
    display: block !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #34111A !important;
    white-space: normal !important;
    line-height: 1.3 !important;
}


form[name="portalStudentHomeForm"] .nameAndCodeSeparator,
form[name="portalStudentHomeForm"] .sectionCode {
    display: none !important;
}


form[name="portalStudentHomeForm"] .col-lg-6.sectionDeliveryMethodContainer {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: auto !important;
    z-index: 3 !important;
}

form[name="portalStudentHomeForm"] .sectionDeliveryMethod {
    display: inline-flex !important;
    align-items: center !important;
    background-color: #fff !important;
    color: #171717 !important;
    padding: 6px 12px !important;
    border-radius: 0.25rem !important;
    font-size: 0.6rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-family: 'Montserrat', sans-serif !important;
}

form[name="portalStudentHomeForm"] .sectionDeliveryMethod::before {
    content: "\f109" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    margin-right: 5px !important;
}

form[name="portalStudentHomeForm"] .sectionDeliveryMethod:empty {
    display: none !important;
}


form[name="portalStudentHomeForm"] .card-body {
    padding: 1.5rem !important;
    padding-top: 5.5rem !important;
    min-height: 160px !important;
}

form[name="portalStudentHomeForm"] .card-body .notFoundMessage {
    display: none !important;
}


form[name="portalStudentHomeForm"] .sectionDeliveryMethod[data-delivery="CLASSROOM"]::before {
    content: "\f3c5" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
}

form[name="portalStudentHomeForm"] .sectionDeliveryMethod[data-delivery="ONLINE"]::before {
    content: "\f109" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
}

form[name="portalStudentHomeForm"] .sectionDeliveryMethod[data-delivery="HYBRID"]::before {
    content: "\f51c" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
}




@media (max-width: 1080px) {
    form[name="portalStudentHomeForm"] .card-title .courseTitle .title {
        display: block !important;
        width: 180px !important;
        max-width: 180px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        position: absolute !important;
        top: 140px !important;
        left: 0 !important;
    }
}


@media (min-width: 1081px) {
    form[name="portalStudentHomeForm"] .card-title .courseTitle .title {
        width: 260px !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}



#studentHomeUpcomingEvents {
    border-radius: 0.25rem !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

#studentHomeUpcomingEvents .card-header {
    background: #f0f0f0 !important;
    border: none !important;
    padding: 1rem 1.5rem !important;
}

#studentHomeUpcomingEvents .card-title {
    color: #171717 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1025rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding-left: 0.5rem !important;
    position: relative !important;
    border-left: 3px solid #8b2331 !important;
    font-style: normal !important;
    letter-spacing: normal !important;
    line-height: 1.2 !important;
}

@media (max-width: 991px) {
    #studentHomeUpcomingEvents.card.panel-default {
        margin-top: 1rem !important;
    }
}



.card-body {
    border-bottom: 1px solid #d1d5db !important;
    padding: 16px 20px !important;
}

.card-body:last-child {
    border-bottom: none !important;
}

.card-body .upcomingItemHeadline {
    margin: 0 0 8px 0 !important;
    line-height: 1.4 !important;
}

.card-body .upcomingItemHeadline a {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #8b2331 !important;
    text-decoration: none !important;
    text-transform: none !important;
    transition: color 0.2s ease !important;
    display: block !important;
}

.card-body .upcomingItemHeadline a:hover {
    color: #34111A !important;
    text-decoration: underline !important;
}

.card-body .upcomingItemDate {
    font-size: 0.75rem !important;
    color: #6b7280 !important;
    margin: 0 !important;
    font-weight: 400 !important;
}



form[name="portalStudentHomeForm"]>h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.8rem !important;
    color: #34111A !important;
    margin-bottom: 1.5rem !important;
    border-left: 5px solid #8b2331 !important;
    padding-left: 15px !important;
}

form[name="portalStudentHomeForm"]>h2::before {
    content: "\f19d" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    margin-right: 10px !important;
    color: #8b2331 !important;
}



@media (max-width: 991px) {
    #contentModule1>.row>.col-lg-12>.variable-content .variable-content-item p {
        font-size: 1.1rem !important;
    }

    .portalHeaderRow1 {
        font-size: 1.2rem !important;
    }
}


@media (max-width: 767px) {
    form[name="portalStudentHomeForm"] .card-title .courseTitle .title {
        width: auto !important;
        max-width: calc(100vw - 80px) !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        position: static !important;
    }

    form[name="portalStudentHomeForm"] .card-title .courseTitle {
        width: calc(100vw - 60px) !important;
        top: 130px !important;
    }

    form[name="portalStudentHomeForm"] .card-body {
        padding-top: 6rem !important;
    }
}





#student_portal_update_container.profileTemplateLocationContainer {
    
    background-color: #f0f0f0 !important;
    background: #f0f0f0 !important;
    

    
    padding: 30px 15px 15px 15px !important;
    margin-bottom: 1.5rem !important;

    
    border-radius: 4px !important;
}


.profileTemplateLocationContainer {
    background-color: #f0f0f0 !important;
    padding: 30px 15px 15px 15px !important;
    border-radius: 4px !important;
    margin-bottom: 1.5rem !important;
}


#student_portal_update_container[style] {
    background: #f0f0f0 !important;
    padding: 30px 15px 15px 15px !important;
}




#studentProfileUsernamePassword,
div#studentProfileUsernamePassword,
div[id="studentProfileUsernamePassword"],
#studentProfileUsernamePassword.row,
body #studentProfileUsernamePassword {
    
    background: #fff !important;

    
    padding: 30px 15px 15px 15px !important;
    padding-top: 30px !important;
    padding-right: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 15px !important;

    margin-bottom: 1.5rem !important;
    margin-bottom: 24px !important;

    
    border-radius: 4px !important;

    
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}


#studentProfileUsernamePassword.row,
.row#studentProfileUsernamePassword {
    background-color: #f0f0f0 !important;
    padding: 30px 15px 15px 15px !important;
}


#studentProfileUsernamePassword[style] {
    background-color: #f0f0f0 !important;
    padding: 30px 15px 15px 15px !important;
}






#studentProfileUsernamePassword {
    background-color: #ffffff !important;
    padding: 30px 15px 15px 15px !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    margin: 30px !important;
    position: relative !important;
}

#studentProfileUsernamePassword::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: -30px !important;
    left: -30px !important;
    right: -30px !important;
    bottom: -30px !important;
    background-color: #f0f0f0 !important;
    border-radius: 4px !important;
    z-index: -1 !important;
}

#studentProfileUsernamePassword>.row,
#studentProfileUsernamePassword>div {
    position: relative !important;
    z-index: 1 !important;
}

#studentProfileUsernamePassword>.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}




#studentProfileUsernamePassword>.row:last-of-type,
#studentProfileUsernamePassword .col-lg-12.buttons {
    background-color: transparent !important;
    background: none !important;
    padding: 0 !important;
    margin-top: 1.5rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


#studentProfileUsernamePassword .buttons .btn {
    margin-right: 10px !important;
}

#studentProfileUsernamePassword .buttons .btn:last-child {
    margin-right: 0 !important;
}



@media (max-width: 767px) {
    #studentProfileUsernamePassword .buttons .btn {
        display: block !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }

    #studentProfileUsernamePassword .buttons .btn:last-child {
        margin-bottom: 0 !important;
    }
}





#studentProfileUsernamePassword {
    
    background-color: #ffffff !important;

    
    padding: 30px 15px 15px 15px !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;

    
    position: relative !important;

    
    margin: 30px !important;
}


#studentProfileUsernamePassword::before {
    content: "" !important;
    position: absolute !important;
    top: -30px !important;
    left: -30px !important;
    right: -30px !important;
    bottom: -30px !important;
    background-color: #f0f0f0 !important;
    border-radius: 4px !important;
    z-index: -1 !important;
}


#studentProfileUsernamePassword>* {
    position: relative !important;
    z-index: 1 !important;
}


#studentProfileUsernamePassword>.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}







form.customizableForm>.row:has(.buttons),
form.customizableForm .row .col-lg-12.buttons {
    background-color: #f0f0f0 !important;
    padding: 0px 15px !important;
    border-radius: 4px !important;
    margin-top: 0rem !important;
}


form.customizableForm>.row:last-of-type {
    background-color: #f0f0f0 !important;
    padding: 0px 15px !important;
    border-radius: 4px !important;
    margin-top: 0rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


form.customizableForm .buttons .btn {
    margin-right: 10px !important;
}

form.customizableForm .buttons .btn:last-child {
    margin-right: 0 !important;
}




form[name="portalStudentRequestWithdrawalForm"] {
    
    background-color: #f0f0f0 !important;
    padding: 30px 25px !important;
    
    border-radius: 4px !important;
    margin-top: 20px !important;
    
    max-width: 100% !important;
    
    margin-left: auto !important;
    margin-right: auto !important;
}



form[name="portalStudentRequestWithdrawalForm"]>p.pageHelpText:first-of-type {
    font-family: 'Montserrat', sans-serif !important;
    color: #171717 !important;
    font-size: 1.1rem !important;
    margin-bottom: 15px !important;
    line-height: 1.4 !important;
}



form[name="portalStudentRequestWithdrawalForm"] .courseName {
    
    --original-padding: 10px 15px;
    
    --original-margin: 10px 0 0 0;
    

    display: block !important;
    padding: var(--original-padding) !important;
    margin-top: 10px !important;
    border-radius: 0px !important;

    
    
    
    background-color: #fff !important;
    

    
    border: none !important;
    border-left: 0.4rem solid #8b2331 !important;
    

    
    color: #171717 !important;
    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.2rem !important;

    
    box-shadow: none !important;
}


form[name="portalStudentRequestWithdrawalForm"] .courseName .courseCode {
    color: #8b2331 !important;
    
    margin-right: 5px;
}



form[name="portalStudentRequestWithdrawalForm"] .variable-content-item {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.95rem !important;
    color: #555 !important;
    margin-bottom: 25px !important;
    line-height: 1.6 !important;
}


form[name="portalStudentRequestWithdrawalForm"] .form-control {
    border-radius: 4px !important;
    border: 1px solid #ced4da !important;
    height: 45px !important;
    
    background-color: #ffffff !important;
}

form[name="portalStudentRequestWithdrawalForm"] label {
    font-weight: 700 !important;
    color: #34111A !important;
    font-size: 0.9rem !important;
    padding-top: 10px !important;
    
}


form[name="portalStudentRequestWithdrawalForm"] .buttons {
    margin-top: 30px !important;
    padding-top: 20px !important;
    border-top: 1px solid #dcdcdc !important;
    

    display: flex !important;
    justify-content: flex-end !important;
    
    gap: 15px !important;
}


@media (max-width: 767px) {
    form[name="portalStudentRequestWithdrawalForm"] .buttons {
        flex-direction: column-reverse !important;
        
    }

    form[name="portalStudentRequestWithdrawalForm"] .buttons .btn {
        width: 100% !important;
    }
}





#academicHistoryCompletedCourses,
#academicHistoryWithdrawnCourses {
    width: 100% !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: rgb(23, 23, 23) !important;

    
    border: none !important;
}


#academicHistoryCompletedCourses thead th,
#academicHistoryWithdrawnCourses thead th {
    background-color: rgb(52, 17, 26) !important;
    color: white !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.6rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;

    padding: 13px 18px !important;
    vertical-align: middle !important;

    
    border: 1px solid rgb(52, 17, 26) !important;
    border-right: 1px solid rgb(221, 221, 221) !important;
    border-bottom: none !important;
}

#academicHistoryCompletedCourses thead th:last-child,
#academicHistoryWithdrawnCourses thead th:last-child {
    border-right: 1px solid rgb(52, 17, 26) !important;
}



#academicHistoryCompletedCourses tbody tr:nth-of-type(odd),
#academicHistoryWithdrawnCourses tbody tr:nth-of-type(odd) {
    background-color: #f0f0f0 !important;
}


#academicHistoryCompletedCourses tbody tr:nth-of-type(even),
#academicHistoryWithdrawnCourses tbody tr:nth-of-type(even) {
    background-color: #ffffff !important;
}


#academicHistoryCompletedCourses tbody td,
#academicHistoryWithdrawnCourses tbody td {
    padding: 12px 15px !important;
    vertical-align: middle !important;
    font-size: 0.75rem !important;
    border: 1px solid #dee2e6 !important;
    border-top: none !important;
    color: rgb(23, 23, 23) !important;
}




#academicHistoryEnrolledCourses .featuredImage,
#academicHistoryCompletedCourses .featuredImage,
#academicHistoryWithdrawnCourses .featuredImage {
    display: none !important;
}


#academicHistoryEnrolledCourses td.courseTitleImage,
#academicHistoryCompletedCourses td.courseTitleImage,
#academicHistoryWithdrawnCourses td.courseTitleImage {
    position: relative !important;
    padding-left: 120px !important;
    
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    min-height: 100px !important;
}


#academicHistoryEnrolledCourses td.courseTitleImage::before,
#academicHistoryCompletedCourses td.courseTitleImage::before,
#academicHistoryWithdrawnCourses td.courseTitleImage::before {
    content: "" !important;
    
    display: block !important;
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    
    width: 100px !important;
    height: 60px !important;

    
    background-color: #f9f9f9 !important;
    border: 1px solid #eee !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
    z-index: 1;
    
}


#academicHistoryEnrolledCourses td.courseTitleImage::after,
#academicHistoryCompletedCourses td.courseTitleImage::after,
#academicHistoryWithdrawnCourses td.courseTitleImage::after {
    content: "\f19d" !important;
    
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    position: absolute !important;

    
    left: 15px !important;
    
    width: 100px !important;
    
    height: 60px !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    top: 50% !important;
    transform: translateY(-50%) !important;

    
    font-size: 1.8rem !important;
    color: #ced4da !important;
    transition: color 0.3s ease, transform 0.3s ease !important;
    pointer-events: none !important;
    z-index: 2;
    
}


#academicHistoryEnrolledCourses tbody tr:hover td.courseTitleImage::before,
#academicHistoryCompletedCourses tbody tr:hover td.courseTitleImage::before,
#academicHistoryWithdrawnCourses tbody tr:hover td.courseTitleImage::before {
    background-color: #ffffff !important;
    border-color: #8b2331 !important;
    
}

#academicHistoryEnrolledCourses tbody tr:hover td.courseTitleImage::after,
#academicHistoryCompletedCourses tbody tr:hover td.courseTitleImage::after,
#academicHistoryWithdrawnCourses tbody tr:hover td.courseTitleImage::after {
    color: #8b2331 !important;
    transform: translateY(-50%) scale(1.1) !important;
    
}



#pageStudentAcademicHistory .variable-content a,
#personProfileMainContent .variable-content a,
#personProfileMainContent .form-text a {
    display: inline !important;
    
    background-color: transparent !important;
    
    color: #8b2331 !important;
    
    padding: 0 !important;
    
    width: auto !important;
    
    text-decoration: underline !important;
    
    text-transform: none !important;
    
    font-weight: 700 !important;
}



#academicHistoryCompletedCourses .courseCode,
#academicHistoryWithdrawnCourses .courseCode {
    font-weight: 700 !important;
    color: #8b2331 !important;
}

#academicHistoryCompletedCourses .title,
#academicHistoryWithdrawnCourses .title {
    color: #171717 !important;
    font-weight: 400 !important;
}



#academicHistoryCompletedCourses .btn {
    
    border-radius: 50px !important;
    padding: 2px 10px !important;

    
    background-color: transparent !important;
    border: 1px solid #ced4da !important;
    color: #171717 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;

    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-bottom: 5px !important;
    transition: all 0.3s ease !important;
}


#academicHistoryCompletedCourses .btn:hover {
    background-color: transparent !important;
    border-color: #8b2331 !important;
    color: #8b2331 !important;
}




button[name="linkprintCompletedCourseReportModal"]::before,
button[id*="linkprintCompletedCourseReportModal"]::before {
    content: "\f02f";
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    margin-right: 8px !important;
    font-size: 0.9rem !important;
    color: #555 !important;
}


#academicHistoryCompletedCourses .btn:hover::before {
    color: #8b2331 !important;
}



#buttonPrintTranscript {
    
    border-radius: 50px !important;
    padding: 6px 20px !important;

    
    background-color: #8b2331 !important;
    border: 1px solid #8b2331 !important;
    color: #ffffff !important;
    box-shadow: none !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;

    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    transition: all 0.3s ease !important;
}


#buttonPrintTranscript::before {
    content: "\f1c1";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    margin-right: 8px !important;
    font-size: 0.9rem !important;
    color: #ffffff !important;
}


#buttonPrintTranscript:hover {
    background-color: #34111A !important;
    border-color: #34111A !important;
    color: #ffffff !important;
}


.printTranscript {
    margin-top: 15px !important;
    margin-bottom: 20px !important;
    display: flex !important;
    justify-content: flex-end !important;
}



#academicHistoryCompletedCourses td.grade {
    font-weight: 700 !important;
    color: #8b2331 !important;
    font-size: 0.75rem !important;
}



#academicHistoryWithdrawnCourses .actions span {
    display: inline-block !important;
    padding: 4px 12px !important;
    background: #f0f0f0 !important;
    border-left: 4px solid #8b2331 !important;
    border-radius: 4px !important;
    color: #171717 !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
}



#academicHistoryCompletedCourses td.academicUnits,
#academicHistoryCompletedCourses td.ceUnits,
#academicHistoryCompletedCourses td.contactHours {
    text-align: center !important;
    color: #999999 !important;
}



#academicHistoryCompletedCourses .form-group.reviews:empty {
    display: none !important;
}



@media (max-width: 768px) {

    
    #academicHistoryCompletedCourses .btn,
    #buttonPrintTranscript {
        width: 100% !important;
        display: flex !important;
        margin-bottom: 8px !important;
        padding: 10px 20px !important;
    }

    
    #academicHistoryCompletedCourses td.courseTitleImage::before,
    #academicHistoryWithdrawnCourses td.courseTitleImage::before {
        width: 80px !important;
        height: 50px !important;
        font-size: 1.4rem !important;
        left: 10px !important;
    }

    
    #academicHistoryCompletedCourses td.courseTitleImage,
    #academicHistoryWithdrawnCourses td.courseTitleImage {
        padding-left: 100px !important;
    }

    
    .printTranscript {
        justify-content: center !important;
    }
}




#studentEnrollmentHistory .pageHelpText .variable-content a,
#studentEnrollmentHistory .pageHelpText .variable-content-item a,
#studentEnrollmentHistory .card-body .pageHelpText a {
    
    color: #8b2331 !important;

    
    text-decoration: underline !important;
    text-decoration-color: #8b2331 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;

    
    transition: color 0.3s ease, text-decoration-color 0.3s ease !important;

    
    opacity: 1 !important;
}


#studentEnrollmentHistory .pageHelpText .variable-content a:hover,
#studentEnrollmentHistory .pageHelpText .variable-content-item a:hover,
#studentEnrollmentHistory .card-body .pageHelpText a:hover {
    
    color: #34111A !important;
    text-decoration-color: #34111A !important;
}


#studentEnrollmentHistory .pageHelpText .variable-content a:focus,
#studentEnrollmentHistory .pageHelpText .variable-content-item a:focus,
#studentEnrollmentHistory .card-body .pageHelpText a:focus {
    
    outline: 2px solid #8b2331 !important;
    outline-offset: 2px !important;
}


#studentEnrollmentHistory .pageHelpText .variable-content a:visited,
#studentEnrollmentHistory .pageHelpText .variable-content-item a:visited,
#studentEnrollmentHistory .card-body .pageHelpText a:visited {
    color: #8b2331 !important;
}




#studentEnrollmentHistory>.nav-tabs>.nav-item>.nav-link {
    
    background-color: #f0f0f0 !important;

    
    color: #666666 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;

    
    border: 1px solid #dee2e6 !important;
    border-radius: 0 !important;
    margin-right: 2px !important;
    padding: 12px 20px !important;

    
    border-top: 3px solid transparent !important;
    padding-top: 10px !important;

    
    transition: background-color 0.3s ease, color 0.3s ease, border-top-color 0.3s ease !important;

    
    cursor: pointer !important;
}


#studentEnrollmentHistory>.nav-tabs>.nav-item>.nav-link.active {
    
    background-color: #ffffff !important;

    
    color: #171717 !important;

    
    border-top-color: #8b2331 !important;

    
    border-bottom: 1px solid #ffffff !important;
    border-left: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
}


#studentEnrollmentHistory>.nav-tabs>.nav-item>.nav-link:not(.active):hover {
    
    background-color: #e8e8e8 !important;
}


#studentEnrollmentHistory>.nav-tabs {
    
    border-bottom: 1px solid #dee2e6 !important;
    margin-bottom: 20px !important;

    
    padding-left: 0 !important;
}


@media (max-width: 767px) {
    #studentEnrollmentHistory>.nav-tabs>.nav-item>.nav-link {
        
        padding: 10px 15px !important;
        font-size: 0.9rem !important;

        
        margin-right: 1px !important;
    }
}


#studentEnrollmentHistory>.nav-tabs>.nav-item>.nav-link:focus {
    
    
}


#studentEnrollmentHistory .tabHeading {
    
    font-family: 'Montserrat', sans-serif !important;
    color: #171717 !important;
    margin-bottom: 20px !important;
}



body#pageStudentAcademicHistory .pageHelpText a[href^="mailto:"] {
    color: #8b2331 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    transition: color 0.2s ease, border-bottom 0.2s ease !important;
}

body#pageStudentAcademicHistory .pageHelpText a[href^="mailto:"]:hover,
body#pageStudentAcademicHistory .pageHelpText a[href^="mailto:"]:focus-visible {
    color: #34111a !important;
    text-decoration: underline !important;
}

body#pageStudentAcademicHistory .pageHelpText a[href^="mailto:"]:focus {

    color: #34111a !important;
}

body#pageStudentAcademicHistory .pageHelpText a[href^="mailto:"]:active {
    color: #8b2331 !important;
}





#studentEnrollmentHistory>.nav-tabs>.nav-item>.nav-link::before {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    display: inline-block !important;
    margin-right: 8px !important;
    font-size: 1rem !important;
    vertical-align: middle !important;

    
    color: inherit !important;

    
    transition: transform 0.3s ease !important;
}


#studentEnrollmentHistory #linkAcademicHistoryCurrent::before {
    content: "\f46d" !important;
    
}


#studentEnrollmentHistory #linkAacademicHistoryCompleted::before {
    content: "\f058" !important;
    
}


#studentEnrollmentHistory #linkAacademicHistoryDropped::before {
    content: "\f057" !important;
    
}


#studentEnrollmentHistory>.nav-tabs>.nav-item>.nav-link:hover::before {
    transform: scale(1.1) !important;
}


#studentEnrollmentHistory>.nav-tabs>.nav-item>.nav-link.active::before {
    color: inherit !important;
}








#academicHistoryEnrolledCourses,
#academicHistoryCompletedCourses,
#academicHistoryWithdrawnCourses {
    width: 100% !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: rgb(23, 23, 23) !important;

    
    border: none !important;
}


#academicHistoryEnrolledCourses thead th,
#academicHistoryCompletedCourses thead th,
#academicHistoryWithdrawnCourses thead th {
    background-color: rgb(52, 17, 26) !important;
    color: white !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.6rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;

    padding: 13px 18px !important;
    vertical-align: middle !important;

    
    border: 1px solid rgb(52, 17, 26) !important;
    border-right: 1px solid rgb(221, 221, 221) !important;
    border-bottom: none !important;
}

#academicHistoryEnrolledCourses thead th:last-child,
#academicHistoryCompletedCourses thead th:last-child,
#academicHistoryWithdrawnCourses thead th:last-child {
    border-right: 1px solid rgb(52, 17, 26) !important;
}



#academicHistoryEnrolledCourses tbody tr:nth-of-type(odd),
#academicHistoryCompletedCourses tbody tr:nth-of-type(odd),
#academicHistoryWithdrawnCourses tbody tr:nth-of-type(odd) {
    background-color: #f0f0f0 !important;
}


#academicHistoryEnrolledCourses tbody tr:nth-of-type(even),
#academicHistoryCompletedCourses tbody tr:nth-of-type(even),
#academicHistoryWithdrawnCourses tbody tr:nth-of-type(even) {
    background-color: #ffffff !important;
}


#academicHistoryEnrolledCourses tbody td,
#academicHistoryCompletedCourses tbody td,
#academicHistoryWithdrawnCourses tbody td {
    padding: 12px 15px !important;
    vertical-align: middle !important;
    font-size: 0.75rem !important;
    border: 1px solid #dee2e6 !important;
    border-top: none !important;
    color: rgb(23, 23, 23) !important;
}




#academicHistoryEnrolledCourses .featuredImage,
#academicHistoryCompletedCourses .featuredImage,
#academicHistoryWithdrawnCourses .featuredImage {
    display: none !important;
}


#academicHistoryEnrolledCourses td.courseTitleImage,
#academicHistoryCompletedCourses td.courseTitleImage,
#academicHistoryWithdrawnCourses td.courseTitleImage {
    position: relative !important;
    padding-left: 120px !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    min-height: 100px !important;
}


#academicHistoryEnrolledCourses td.courseTitleImage::before,
#academicHistoryCompletedCourses td.courseTitleImage::before,
#academicHistoryWithdrawnCourses td.courseTitleImage::before {
    
    content: "\f19d";
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;

    
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100px !important;
    height: 60px !important;

    background-color: #f9f9f9 !important;
    border: 1px solid #eee !important;
    border-radius: 4px !important;

    
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    
    font-size: 1.8rem !important;
    color: #ced4da !important;

    transition: all 0.3s ease !important;
}


#academicHistoryEnrolledCourses tbody tr:hover td.courseTitleImage::before,
#academicHistoryCompletedCourses tbody tr:hover td.courseTitleImage::before,
#academicHistoryWithdrawnCourses tbody tr:hover td.courseTitleImage::before {
    color: #8b2331 !important;
    background-color: #fff !important;
}




#academicHistoryCompletedCourses td.grade {
    padding: 12px 15px !important;
    vertical-align: middle !important;
    font-size: 0.75rem !important;
    border: 1px solid #dee2e6 !important;
    border-top: none !important;
    color: rgb(23, 23, 23) !important;
    text-align: center !important;
}


#academicHistoryCompletedCourses td.grade:not(:has(span)) {
    font-size: 0 !important;
    
}


#academicHistoryCompletedCourses td.grade:not(:has(span))::before {
    
    content: "\f252  In Progress";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", 'Montserrat', sans-serif;
    font-weight: 600;

    
    background-color: #3EC3A4 !important;
    color: white !important;

    
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 4px !important;

    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 15px 6px 12px !important;
    white-space: nowrap !important;

    
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    line-height: 1 !important;

    
    vertical-align: middle !important;
}


#academicHistoryCompletedCourses td.grade:has(span) {
    font-size: 0.75rem !important;
    
}

#academicHistoryCompletedCourses td.grade span {
    font-weight: 700 !important;
    color: #8b2331 !important;
}





#academicHistoryWithdrawnCourses td.actions {
    padding: 12px 15px !important;
    vertical-align: middle !important;
    text-align: center !important;
    border: 1px solid #dee2e6 !important;
    border-top: none !important;
}


#academicHistoryWithdrawnCourses td.actions span {
    font-size: 0 !important;
    color: transparent !important;

    
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    border-left: none !important;
    padding: 0 !important;
    margin: 0 !important;

    display: inline-block !important;
    vertical-align: middle !important;
}


#academicHistoryWithdrawnCourses td.actions span::before {
    
    content: "\f057  Dropped";
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", 'Montserrat', sans-serif;
    font-weight: 600;

    
    background-color: #dc3545 !important;
    color: white !important;

    
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 4px !important;

    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 15px 6px 12px !important;
    white-space: nowrap !important;

    
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    line-height: 1 !important;

    
    vertical-align: middle !important;
}






.certificateStreamContainer .card-header,
.certificateStreamContainer .col-12.col-sm-12,
#studentCertificatesContainer.card,
#studentCertificatesContainer .card-header,
#contentModule1 .col-lg-12,
#contentModule1 .row,
.table-responsive {
    padding-left: 0 !important;
    margin-left: 0 !important;
    border: none !important;
    background: transparent !important;
    overflow: visible !important;
}


.certificateStreamHeader,
#studentCertificatesHeader {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #34111A !important;
    padding-left: 12px !important;
    margin-bottom: 25px !important;
    display: inline-block !important;
    line-height: 1.2 !important;
}


#certificateStreamItemsTable_0,
#studentCertificatesTable {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 10px !important;
    margin-bottom: 2rem !important;
}


#certificateStreamItemsTable_0 thead th,
#studentCertificatesTable thead th {
    background-color: #34111A !important;
    color: #ffffff !important;
    text-align: left !important;
    padding: 14px 18px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}


#certificateStreamItemsTable_0 thead th.sortable a,
#studentCertificatesTable thead th.sortable a {
    color: #ffffff !important;
    text-decoration: underline !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

#certificateStreamItemsTable_0 thead th.sortable a::after,
#studentCertificatesTable thead th.sortable a::after {
    content: "\f0dc" !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    opacity: 0.6 !important;
    margin-left: 8px !important;
}

#studentCertificatesTable thead th.sortable a:hover {
    color: #D41F37 !important;
    transition: all 0.3s ease !important;
}


#certificateStreamItemsTable_0 tbody tr td,
#studentCertificatesTable tbody tr td {
    padding: 12px 15px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #dee2e6 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.75rem !important;
    color: #171717 !important;
    background-color: transparent !important;
}


.studentCertificateStatus,
.streamItemStatus {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.75rem !important;
    color: #666666 !important;
    vertical-align: middle !important;
    white-space: normal !important;
}


#studentCertificatesTable tbody td a,
#certificateStreamItemsTable_0 tbody td a {
    color: #8b2331 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}


#certificateStreamItemsTable_0 tbody tr:nth-child(odd),
#studentCertificatesTable tbody tr:nth-of-type(odd) {
    background-color: #F0F0F0 !important;
}

#certificateStreamItemsTable_0 tbody tr:nth-child(even),
#studentCertificatesTable tbody tr:nth-of-type(even) {
    background-color: #FFFFFF !important;
}


#certificateStreamItemsTable_0 tbody tr:hover,
#studentCertificatesTable tbody tr:hover {
    background-color: rgba(139, 35, 49, 0.05) !important;
    transition: background-color 0.2s ease !important;
}


#mainContent #certificateStreamItemsTable_0 .courseCode {
    color: #8b2331 !important;
    font-weight: 700 !important;
    margin-right: 5px !important;
    font-size: 0.75rem !important;
    display: inline !important;
}

#mainContent #certificateStreamItemsTable_0 .nameAndCodeSeparator {
    color: #171717 !important;
    font-weight: 400 !important;
}

#mainContent #certificateStreamItemsTable_0 .title,
.streamItemCourse .title {
    color: #171717 !important;
    font-weight: 500 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.75rem !important;
    text-transform: none !important;
}


#certificateStreamItemsTable_0 .enrolledDate {
    display: block !important;
    font-weight: 500 !important;
    color: #171717 !important;
    font-size: 0.75rem !important;
}

#certificateStreamItemsTable_0 .inEnrolledSection {
    display: block !important;
    font-size: 0.7rem !important;
    color: #6c757d !important;
    font-style: italic !important;
}

#certificateStreamItemsTable_0 .inEnrolledSection .courseTitle {
    color: #8b2331 !important;
    font-weight: 600 !important;
    font-style: normal !important;
}






#studentAccountHistoryTable {
    width: 100% !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: rgb(23, 23, 23) !important;

    
    border: none !important;
}


#studentAccountHistoryTable thead th {
    background-color: rgb(52, 17, 26) !important;
    color: white !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.6rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;

    padding: 13px 18px !important;
    vertical-align: middle !important;

    
    border: 1px solid rgb(52, 17, 26) !important;
    border-right: 1px solid rgb(221, 221, 221) !important;
    border-bottom: none !important;
}

#studentAccountHistoryTable thead th:last-child {
    border-right: 1px solid rgb(52, 17, 26) !important;
}



#studentAccountHistoryTable tbody tr:nth-of-type(odd) {
    background-color: #f0f0f0 !important;
}


#studentAccountHistoryTable tbody tr:nth-of-type(even) {
    background-color: #ffffff !important;
}


#studentAccountHistoryTable tbody td {
    padding: 12px 15px !important;
    vertical-align: middle !important;
    font-size: 0.75rem !important;
    border: 1px solid #dee2e6 !important;
    border-top: none !important;
    color: rgb(23, 23, 23) !important;
}


#studentAccountHistoryTable tbody td a {
    color: #8b2331 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-decoration-color: #8b2331 !important;
    transition: color 0.3s, text-decoration-color 0.3s !important;
}

#studentAccountHistoryTable tbody td a:hover {
    color: #34111a !important;
    text-decoration-color: #34111a !important;
}



#studentAccountHistoryTable button[name^="buttonPrintReceipt"] {
    
    border-radius: 50px !important;
    padding: 2px 10px !important;

    
    background-color: transparent !important;
    border: 1px solid #ced4da !important;
    color: #171717 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;

    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;

    transition: all 0.3s ease !important;
}


#studentAccountHistoryTable button[name^="buttonPrintReceipt"]::before {
    content: "\f02f";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    margin-right: 8px !important;
    font-size: 0.9rem !important;
    color: #555 !important;
}


#studentAccountHistoryTable button[name^="buttonPrintReceipt"]:hover {
    background-color: transparent !important;
    border-color: #8b2331 !important;
    color: #8b2331 !important;
}


#studentAccountHistoryTable button[name^="buttonPrintReceipt"]:hover::before {
    color: #8b2331 !important;
}



#studentAccountHistoryContainer .card-header {
    background-color: #fff !important;
    border-bottom: 1px solid #e0e0e0 !important;
    padding: 20px !important;
}

#studentAccountHistoryContainer .card-title {
    font-family: 'Montserrat', sans-serif !important;
    color: #34111A !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 1.2rem !important;
    margin-bottom: 0 !important;
}



#studentAccountHistoryContainer .pageHelpText {
    
    background-color: #f0f0f0 !important;

    
    border-left: 0.4rem solid #8b2331 !important;

    
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;

    
    padding: 2.1rem 2rem !important;
    margin: 1.5rem 0 2rem 0 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    color: #171717 !important;
}



@media (max-width: 768px) {

    
    #studentAccountHistoryTable button[name^="buttonPrintReceipt"] {
        width: 100% !important;
        display: flex !important;
        padding: 10px 20px !important;
    }
}




#studentAccountHistoryTable .studentAccountHistoryBasketNo a {
    
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}


#studentAccountHistoryTable .studentAccountHistoryBasketNo a::before {
    content: "\f570";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    font-size: 0.85rem !important;
    color: #8b2331 !important;
    transition: color 0.3s ease !important;
}


#studentAccountHistoryTable .studentAccountHistoryBasketNo a:hover::before {
    color: #34111a !important;
}



@media (max-width: 991px) {

    
    #studentAccountHistoryTable thead th:nth-child(3),
    #studentAccountHistoryTable tbody td:nth-child(3) {
        display: table-cell !important;
    }

    
    #studentAccountHistoryTable thead th:nth-child(6),
    #studentAccountHistoryTable tbody td:nth-child(6) {
        display: table-cell !important;
    }

    
    #studentAccountHistoryTable thead th:nth-child(7),
    #studentAccountHistoryTable tbody td:nth-child(7) {
        display: table-cell !important;
    }

    
    #studentAccountHistoryTable thead th {
        font-size: 0.55rem !important;
        padding: 10px 8px !important;
    }

    
    #studentAccountHistoryTable tbody td {
        padding: 10px 8px !important;
        font-size: 0.7rem !important;
    }

    
    #studentAccountHistoryTable .studentAccountHistoryBasketNo a {
        font-size: 0.85rem !important;
        font-weight: 700 !important;
    }

    
    #studentAccountHistoryTable button[name^="buttonPrintReceipt"] {
        width: 100% !important;
        padding: 8px 12px !important;
        font-size: 0.65rem !important;
    }
}


@media (max-width: 576px) {
    #studentAccountHistoryTable thead th {
        font-size: 0.5rem !important;
        padding: 8px 5px !important;
    }

    #studentAccountHistoryTable tbody td {
        padding: 8px 5px !important;
        font-size: 0.65rem !important;
    }

    
    #studentAccountHistoryTable .studentAccountHistoryBasketNo a::before {
        font-size: 0.7rem !important;
    }
}




#academicHistoryEnrolledCourses .courseCode,
#academicHistoryCompletedCourses .courseCode,
#academicHistoryWithdrawnCourses .courseCode {
    font-weight: 700 !important;
    color: #8b2331 !important;
}

#academicHistoryEnrolledCourses .title,
#academicHistoryCompletedCourses .title,
#academicHistoryWithdrawnCourses .title {
    color: #171717 !important;
    font-weight: 400 !important;
}



#academicHistoryEnrolledCourses .btn,
#academicHistoryCompletedCourses .btn,
#academicHistoryWithdrawnCourses .btn {
    
    border-radius: 50px !important;
    padding: 2px 10px !important;

    
    background-color: transparent !important;
    border: 1px solid #ced4da !important;
    color: #171717 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;

    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-bottom: 5px !important;
    transition: all 0.3s ease !important;
}


#academicHistoryEnrolledCourses .btn:hover,
#academicHistoryCompletedCourses .btn:hover,
#academicHistoryWithdrawnCourses .btn:hover {
    background-color: transparent !important;
    border-color: #8b2331 !important;
    color: #8b2331 !important;
}




button[name="buttonRequestDrop"]::before {
    content: "\f057";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    margin-right: 8px !important;
    font-size: 0.9rem !important;
    color: #171717 !important;
}


button[name="buttonRequestTransfer"]::before {
    content: "\f362";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    margin-right: 8px !important;
    font-size: 0.9rem !important;
    color: #555 !important;
}


button[name="linkprintCurrentCourseReportModal"]::before {
    content: "\f02f";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    margin-right: 8px !important;
    font-size: 0.9rem !important;
    color: #555 !important;
}


button[name="linkprintCompletedCourseReportModal"]::before,
button[id*="linkprintCompletedCourseReportModal"]::before {
    content: "\f02f";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    margin-right: 8px !important;
    font-size: 0.9rem !important;
    color: #555 !important;
}


#academicHistoryEnrolledCourses .btn:hover::before,
#academicHistoryCompletedCourses .btn:hover::before,
#academicHistoryWithdrawnCourses .btn:hover::before {
    color: #8b2331 !important;
}



#buttonPrintTranscript {
    
    border-radius: 50px !important;
    padding: 6px 20px !important;

    
    background-color: #8b2331 !important;
    border: 1px solid #8b2331 !important;
    color: #ffffff !important;
    box-shadow: none !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;

    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    transition: all 0.3s ease !important;
}


#buttonPrintTranscript::before {
    content: "\f1c1";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    margin-right: 8px !important;
    font-size: 0.9rem !important;
    color: #ffffff !important;
}


#buttonPrintTranscript:hover {
    background-color: #34111A !important;
    border-color: #34111A !important;
    color: #ffffff !important;
}


.printTranscript {
    margin-top: 15px !important;
    margin-bottom: 20px !important;
    display: flex !important;
    justify-content: flex-end !important;
}








body#pageStudentAcademicHistory #academicHistoryEnrolledCourses td.courseTitleImage span.courseTitle {
    display: block !important;
}


body#pageStudentAcademicHistory #academicHistoryEnrolledCourses td.courseTitleImage .sce-meskinas-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 7px !important;
    padding: 2px 18px !important;
    font-size: 0.75rem !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #fff !important;
    background-color: #D41F37 !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    letter-spacing: 0.06em !important;
    border: 1px solid transparent !important;
    transition: all 0.2s ease !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}


body#pageStudentAcademicHistory #academicHistoryEnrolledCourses td.courseTitleImage .sce-meskinas-link::after {
    content: '\f061' !important;
    font-family: 'Font Awesome 5 Free', 'FontAwesome' !important;
    font-weight: 900 !important;
    font-size: 0.6rem !important;
    transition: transform 0.2s ease !important;
}


body#pageStudentAcademicHistory #academicHistoryEnrolledCourses td.courseTitleImage .sce-meskinas-link:hover {
    background-color: transparent !important;
    color: #D41F37 !important;
    border: 1px solid #D41F37 !important;
    text-decoration: none !important;
}

body#pageStudentAcademicHistory #academicHistoryEnrolledCourses td.courseTitleImage .sce-meskinas-link:hover::after {
    color: #D41F37 !important;
    transform: translateX(3px) !important;
}


@media (max-width: 991px) {
    body#pageStudentAcademicHistory #academicHistoryEnrolledCourses td.courseTitleImage .sce-meskinas-link {
        margin-bottom: 1rem !important;
    }
}





body#pageStudentHome form[name="portalStudentHomeForm"] .card.panel-default {
    min-height: 260px !important;
}


body#pageStudentHome form[name="portalStudentHomeForm"] .card-title .sce-meskinas-home-link {
    position: absolute !important;
    top: 190px !important;
    left: 0px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 10px !important;
    font-size: 0.75rem !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #fff !important;
    background-color: #D41F37 !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    letter-spacing: 0.06em !important;
    border: 1px solid transparent !important;
    transition: all 0.2s ease !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    z-index: 3 !important;
}


body#pageStudentHome form[name="portalStudentHomeForm"] .card-title .sce-meskinas-home-link::after {
    content: '\f061' !important;
    font-family: 'Font Awesome 5 Free', 'FontAwesome' !important;
    font-weight: 900 !important;
    font-size: 0.6rem !important;
    transition: transform 0.2s ease !important;
}


body#pageStudentHome form[name="portalStudentHomeForm"] .card-title .sce-meskinas-home-link:hover {
    background-color: transparent !important;
    color: #D41F37 !important;
    border: 1px solid #D41F37 !important;
    text-decoration: none !important;
}

body#pageStudentHome form[name="portalStudentHomeForm"] .card-title .sce-meskinas-home-link:hover::after {
    color: #D41F37 !important;
    transform: translateX(3px) !important;
}


@media (min-width: 992px) {
    body#pageStudentHome form[name="portalStudentHomeForm"] .card-title span.title {
        display: block !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 15rem !important;
    }
}



#academicHistoryCompletedCourses td.grade {
    font-weight: 700 !important;
    color: #8b2331 !important;
    font-size: 0.75rem !important;
}



#academicHistoryWithdrawnCourses .actions span {
    display: inline-block !important;
    padding: 4px 12px !important;
    background: #f0f0f0 !important;
    border-left: 4px solid #8b2331 !important;
    border-radius: 4px !important;
    color: #171717 !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
}



#academicHistoryWithdrawnCourses .actions i.fa-info-circle {
    color: #8b2331 !important;
    margin-left: 8px !important;
    cursor: help !important;
    transition: transform 0.2s ease !important;
}

#academicHistoryWithdrawnCourses .actions i.fa-info-circle:hover {
    transform: scale(1.15) !important;
}



#academicHistoryCompletedCourses td.academicUnits,
#academicHistoryCompletedCourses td.ceUnits,
#academicHistoryCompletedCourses td.contactHours {
    text-align: center !important;
    color: #999999 !important;
}






#studentEnrolledCoursesContainer .pageHelpText:empty,
#studentCompletedCoursesContainer .pageHelpText:empty,
#studentDroppedCoursesContainer .pageHelpText:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    border: none !important;
    background: none !important;
    visibility: hidden !important;
}


#studentEnrolledCoursesContainer .pageHelpText:not(:has(.variable-content-item)),
#studentCompletedCoursesContainer .pageHelpText:not(:has(.variable-content-item)),
#studentDroppedCoursesContainer .pageHelpText:not(:has(.variable-content-item)) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    border: none !important;
    background: none !important;
    visibility: hidden !important;
}


#studentEnrolledCoursesContainer .pageHelpText:has(> srs\:variablecontentbyitemcodes:only-child):not(:has(.variable-content-item)),
#studentCompletedCoursesContainer .pageHelpText:has(> srs\:variablecontentbyitemcodes:only-child):not(:has(.variable-content-item)),
#studentDroppedCoursesContainer .pageHelpText:has(> srs\:variablecontentbyitemcodes:only-child):not(:has(.variable-content-item)) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    border: none !important;
    background: none !important;
    visibility: hidden !important;
}


@supports not (selector(:has(*))) {
    .pageHelpText:empty {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
    }
}




#studentEnrolledCoursesContainer .pageHelpText:has(.variable-content-item),
#studentCompletedCoursesContainer .pageHelpText:has(.variable-content-item),
#studentDroppedCoursesContainer .pageHelpText:has(.variable-content-item) {
    
    background-color: #f0f0f0 !important;

    
    border-left: 0.4rem solid #8b2331 !important;

    
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;

    
    padding: 2.1rem 2rem !important;
    margin: 1.5rem 0 2rem 0 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    color: #171717 !important;

    
    display: block !important;
    visibility: visible !important;
}


@supports not (selector(:has(*))) {

    #studentEnrolledCoursesContainer .pageHelpText:not(:empty),
    #studentCompletedCoursesContainer .pageHelpText:not(:empty),
    #studentDroppedCoursesContainer .pageHelpText:not(:empty) {
        background-color: #f0f0f0 !important;
        border-left: 0.4rem solid #8b2331 !important;
        border-top: none !important;
        border-right: none !important;
        border-bottom: none !important;
        border-radius: 0 !important;
        padding: 2.1rem 2rem !important;
        margin: 1.5rem 0 2rem 0 !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 1.05rem !important;
        line-height: 1.6 !important;
        color: #171717 !important;
        display: block !important;
    }
}



#studentEnrolledCoursesContainer .pageHelpText .highlight-title,
#studentCompletedCoursesContainer .pageHelpText .highlight-title,
#studentDroppedCoursesContainer .pageHelpText .highlight-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    font-size: 1.85rem !important;
    line-height: 1.2 !important;
    color: #8b2331 !important;
    margin: 0 0 1rem 0 !important;
    margin-top: -0.2rem !important;
}




#studentEnrolledCoursesContainer .pageHelpText p,
#studentCompletedCoursesContainer .pageHelpText p,
#studentDroppedCoursesContainer .pageHelpText p {
    margin-bottom: 1rem !important;
}


#studentEnrolledCoursesContainer .pageHelpText p:last-child,
#studentCompletedCoursesContainer .pageHelpText p:last-child,
#studentDroppedCoursesContainer .pageHelpText p:last-child {
    margin-bottom: 0 !important;
}



#studentEnrolledCoursesContainer .pageHelpText b,
#studentEnrolledCoursesContainer .pageHelpText strong,
#studentCompletedCoursesContainer .pageHelpText b,
#studentCompletedCoursesContainer .pageHelpText strong,
#studentDroppedCoursesContainer .pageHelpText b,
#studentDroppedCoursesContainer .pageHelpText strong {
    color: #8b2331 !important;
    font-weight: 600 !important;
}



#studentEnrolledCoursesContainer .pageHelpText:empty,
#studentCompletedCoursesContainer .pageHelpText:empty,
#studentDroppedCoursesContainer .pageHelpText:empty,
#studentEnrolledCoursesContainer .pageHelpText:not(:has(.variable-content-item)),
#studentCompletedCoursesContainer .pageHelpText:not(:has(.variable-content-item)),
#studentDroppedCoursesContainer .pageHelpText:not(:has(.variable-content-item)) {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
}




#academicHistoryEnrolledCourses .form-group.reviews:empty,
#academicHistoryCompletedCourses .form-group.reviews:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}




.pageHelpText:has(srs\:variablecontentbyitemcodes:only-child):not(:has(.variable-content-item)) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
}


.pageHelpText[data-mc-hidden="false"] {
    display: block !important;
    visibility: visible !important;
}





@media (max-width: 768px) {

    
    
    #academicHistoryEnrolledCourses td.courseTitleImage::before,
    #academicHistoryCompletedCourses td.courseTitleImage::before,
    #academicHistoryWithdrawnCourses td.courseTitleImage::before {
        content: "" !important;
        
        width: 80px !important;
        height: 50px !important;
        left: 10px !important;
        background-color: #f9f9f9 !important;
    }

    
    
    #academicHistoryEnrolledCourses td.courseTitleImage::after,
    #academicHistoryCompletedCourses td.courseTitleImage::after,
    #academicHistoryWithdrawnCourses td.courseTitleImage::after {
        content: "\f19d" !important;
        width: 80px !important;
        
        height: 50px !important;
        
        left: 10px !important;
        
        font-size: 1.4rem !important;
        
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    
    #academicHistoryEnrolledCourses td.courseTitleImage,
    #academicHistoryCompletedCourses td.courseTitleImage,
    #academicHistoryWithdrawnCourses td.courseTitleImage {
        padding-left: 100px !important;
        
    }

    
}




div.cartViewSavedForLater {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    color: #34111A !important;

    margin-top: 15px !important;
    margin-bottom: 20px !important;

    background: none !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}


div.cartViewSavedForLater a {
    
    position: relative !important;

    
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;

    
    background-color: #E9E5E5 !important;
    border: 1px solid #dcdcdc !important;

    
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 4px !important;

    
    
    padding: 6px 15px 6px 36px !important;
    margin-left: 8px !important;

    
    font-weight: 700 !important;
    color: #8b2331 !important;

    
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;

    transition: all 0.3s ease !important;
}


div.cartViewSavedForLater a::before {
    content: "\f02e";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;

    
    position: absolute !important;
    left: 12px !important;
    
    top: 50% !important;
    transform: translateY(-50%) !important;
    

    color: #8b2331 !important;
    font-size: 1rem !important;

    
    text-decoration: none !important;
    border: none !important;
}


div.cartViewSavedForLater a:hover {
    background-color: #8b2331 !important;
    border-color: #8b2331 !important;
    color: #ffffff !important;

    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(139, 35, 49, 0.2) !important;
}



div.cartViewSavedForLater a:hover::before {
    color: #ffffff !important;
}





.buttonEditEmail,
.buttonDeleteEmail,
.buttonEditAddress,
.buttonDeleteAddress,
.buttonEditTelephone,
.buttonDeleteTelephone {
    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    
    background-color: #ffffff !important;
    box-shadow: none !important;
    background-image: none !important;

    
    border-radius: 2rem !important;
    padding: 2px 12px !important;

    
    border: 1px solid #ced4da !important;
    color: #555 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.8rem !important;
    text-transform: none !important;
    text-decoration: none !important;

    
    margin-left: 8px !important;
    margin-bottom: 5px !important;

    
    min-width: 44px !important;
    min-height: 44px !important;
    white-space: nowrap !important;

    
    transition: all 0.3s ease !important;
}




.buttonEditEmail::before,
.buttonEditAddress::before,
.buttonEditTelephone::before,
.custom-control-label .buttonEditEmail::before,
.custom-control-label .buttonEditAddress::before,
.custom-control-label .buttonEditTelephone::before {
    content: "\f303" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    margin-right: 6px !important;
    font-size: 0.9rem !important;
    color: inherit !important;
    display: inline-block !important;
}


.buttonDeleteEmail::before,
.buttonDeleteAddress::before,
.buttonDeleteTelephone::before,
.custom-control-label .buttonDeleteEmail::before,
.custom-control-label .buttonDeleteAddress::before,
.custom-control-label .buttonDeleteTelephone::before {
    content: "\f2ed" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    margin-right: 6px !important;
    font-size: 0.9rem !important;
    color: inherit !important;
    display: inline-block !important;
}



.buttonEditEmail:hover,
.buttonEditAddress:hover,
.buttonEditTelephone:hover {
    background-color: #fff !important;
    border-color: #34111A !important;
    color: #34111A !important;
}

.buttonDeleteEmail:hover,
.buttonDeleteAddress:hover,
.buttonDeleteTelephone:hover {
    background-color: #fff !important;
    border-color: #8b2331 !important;
    color: #8b2331 !important;
}





#buttonAddEmail,
#buttonAddTelephone,
#buttonAddAddress,
#buttonChangeCredentials {
    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    
    background-color: #ffffff !important;
    box-shadow: none !important;
    background-image: none !important;

    
    border-radius: 50px !important;
    border: 1px solid #ced4da !important;

    
    color: #555 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    line-height: 1.4 !important;

    
    padding: 14px 20px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;

    
    min-height: 44px !important;
    white-space: nowrap !important;
    overflow: visible !important;

    
    transition: all 0.3s ease !important;
    cursor: pointer !important;

    
    visibility: visible !important;
    opacity: 1 !important;
}




#buttonAddEmail::before,
#buttonAddTelephone::before,
#buttonAddAddress::before {
    content: "\f067" !important;
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    margin-right: 8px !important;
    font-size: 0.9rem !important;
    color: inherit !important;
    display: inline-block !important;
}


#buttonChangeCredentials::before {
    content: "\f084" !important;
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    margin-right: 8px !important;
    font-size: 0.9rem !important;
    color: inherit !important;
    display: inline-block !important;
}




#buttonAddEmail:hover,
#buttonAddTelephone:hover,
#buttonAddAddress:hover,
#buttonChangeCredentials:hover {
    background-color: #8b2331 !important;
    border-color: #8b2331 !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
}


#buttonAddEmail:active,
#buttonAddTelephone:active,
#buttonAddAddress:active,
#buttonChangeCredentials:active {
    background-color: #8b2331 !important;
    border-color: #8b2331 !important;
    color: #fff !important;
    transform: translateY(1px) !important;
    box-shadow: none !important;
}


#buttonAddEmail:focus,
#buttonAddTelephone:focus,
#buttonAddAddress:focus,
#buttonChangeCredentials:focus {
    border: 1px solid #555 !important;
    outline-offset: 2px !important;
    z-index: 1 !important;
}




@media (min-width: 768px) and (max-width: 991px) {

    #buttonAddEmail,
    #buttonAddTelephone,
    #buttonAddAddress,
    #buttonChangeCredentials {
        padding: 12px 18px !important;
        font-size: 0.8rem !important;
        min-height: 44px !important;
    }
}


@media (min-width: 576px) and (max-width: 767px) {

    #buttonAddEmail,
    #buttonAddTelephone,
    #buttonAddAddress,
    #buttonChangeCredentials {
        padding: 12px 16px !important;
        font-size: 0.8rem !important;
        width: 100% !important;
        max-width: 350px !important;
        min-height: 44px !important;
    }
}


@media (max-width: 575px) {

    #buttonAddEmail,
    #buttonAddTelephone,
    #buttonAddAddress,
    #buttonChangeCredentials {
        
        width: 100% !important;
        max-width: 100% !important;

        
        min-height: 48px !important;
        height: auto !important;

        
        padding: 14px 16px !important;

        
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        
        font-size: 0.8rem !important;
        line-height: 1.4 !important;
        white-space: nowrap !important;

        
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;

        
        background-color: #ffffff !important;
        border: 1px solid #ced4da !important;
    }

    
    #buttonAddEmail::before,
    #buttonAddTelephone::before,
    #buttonAddAddress::before,
    #buttonChangeCredentials::before {
        display: inline-block !important;
        width: auto !important;
        height: auto !important;
        margin-right: 6px !important;
        font-size: 0.85rem !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}


@media (max-width: 399px) {

    #buttonAddEmail,
    #buttonAddTelephone,
    #buttonAddAddress,
    #buttonChangeCredentials {
        padding: 12px 14px !important;
        font-size: 0.75rem !important;
        min-height: 48px !important;
    }

    #buttonAddEmail::before,
    #buttonAddTelephone::before,
    #buttonAddAddress::before,
    #buttonChangeCredentials::before {
        font-size: 0.8rem !important;
        margin-right: 5px !important;
    }
}





.custom-control-label {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.custom-control-label .email,
.custom-control-label .address,
.custom-control-label .telephone {
    display: inline-block !important;
    margin-right: 0.75rem !important;
    flex: 0 1 auto !important;
    word-break: break-word !important;
}


.custom-control-label .buttonEditEmail,
.custom-control-label .buttonDeleteEmail,
.custom-control-label .buttonEditAddress,
.custom-control-label .buttonDeleteAddress,
.custom-control-label .buttonEditTelephone,
.custom-control-label .buttonDeleteTelephone {
    
    background-color: #ffffff !important;
    border: 1px solid #ced4da !important;
    color: #555 !important;
    border-radius: 2rem !important;
    padding: 2px 12px !important;

    
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;

    
    margin-left: 8px !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;

    
    min-width: 44px !important;
    min-height: 44px !important;
    white-space: nowrap !important;
}


.custom-control-label .buttonEditEmail,
.custom-control-label .buttonEditAddress,
.custom-control-label .buttonEditTelephone {
    margin-left: 0 !important;
}



@media (max-width: 575px) {
    .custom-control-label {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.5rem !important;
    }

    .custom-control-label .email,
    .custom-control-label .address,
    .custom-control-label .telephone {
        display: block !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 0.5rem !important;
        transition: all 0.3s ease !important;
    }

    .custom-control-label .buttonEditEmail,
    .custom-control-label .buttonDeleteEmail,
    .custom-control-label .buttonEditAddress,
    .custom-control-label .buttonDeleteAddress,
    .custom-control-label .buttonEditTelephone,
    .custom-control-label .buttonDeleteTelephone {
        
        background-color: #ffffff !important;
        border: 1px solid #ced4da !important;
        color: #555 !important;
        border-radius: 50px !important;

        
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;

        
        margin: 0 !important;

        
        justify-content: center !important;

        
        min-height: 48px !important;
        padding: 6px 20px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 700 !important;
        font-size: 0.85rem !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
    }
}



@media (min-width: 576px) and (max-width: 991px) {
    .custom-control-label {
        gap: 0.75rem !important;
    }

    .custom-control-label .buttonDeleteEmail,
    .custom-control-label .buttonDeleteAddress,
    .custom-control-label .buttonDeleteTelephone {
        margin-left: 12px !important;
    }
}



.custom-control-label .buttonEditEmail:focus,
.custom-control-label .buttonDeleteEmail:focus,
.custom-control-label .buttonEditAddress:focus,
.custom-control-label .buttonDeleteAddress:focus,
.custom-control-label .buttonEditTelephone:focus,
.custom-control-label .buttonDeleteTelephone:focus {
    color: #8B2331 !important;
    border: 2px solid #8B2331 !important;
    z-index: 1 !important;
}

.custom-control-label .buttonEditEmail:hover,
.custom-control-label .buttonDeleteEmail:hover,
.custom-control-label .buttonEditAddress:hover,
.custom-control-label .buttonDeleteAddress:hover,
.custom-control-label .buttonEditTelephone:hover,
.custom-control-label .buttonDeleteTelephone:hover {
    color: #8B2331 !important;
    border: 1px solid #8B2331 !important;
    transform: translateY(-1px) !important;
}



label.custom-control-label>span>.buttonEditEmail,
label.custom-control-label>span>.buttonDeleteEmail,
label.custom-control-label>span>.buttonEditAddress,
label.custom-control-label>span>.buttonDeleteAddress,
label.custom-control-label>span>.buttonEditTelephone,
label.custom-control-label>span>.buttonDeleteTelephone {
    background-color: #ffffff !important;
    display: inline-flex !important;
}

@media (max-width: 575px) {

    label.custom-control-label>span>.buttonEditEmail,
    label.custom-control-label>span>.buttonDeleteEmail,
    label.custom-control-label>span>.buttonEditAddress,
    label.custom-control-label>span>.buttonDeleteAddress,
    label.custom-control-label>span>.buttonEditTelephone,
    label.custom-control-label>span>.buttonDeleteTelephone {
        display: flex !important;
        width: 100% !important;
    }
}






:root {
    --icontext-color-border: #e9ecef;
    --site-color-bg: #ffffff;
    --button-color-dark-bg: #8b2331;
    --button-color-fg: #ffffff;
}


#mainContent .sce-help-support-wrapper {
    padding: 48px 20px !important;
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 20%) !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    display: block !important;
}


#mainContent .sce-help-support-wrapper .sce-help-header {
    text-align: center !important;
    margin-bottom: 48px !important;
}


#mainContent .sce-help-support-wrapper .sce-help-header h2.sce-help-title {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    color: #171717 !important;
    margin-bottom: 1rem !important;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
    line-height: 1.2 !important;
}


#mainContent .sce-help-support-wrapper .sce-help-header p.sce-help-subtitle {
    font-size: 1.125rem !important;
    color: #171717 !important;
    margin-bottom: 32px !important;
    line-height: 1.6 !important;
}


#mainContent .sce-help-support-wrapper .sce-help-header h3.sce-help-question {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: #212529 !important;
    margin-bottom: 0 !important;
    text-transform: none !important;
    line-height: 1.3 !important;
}


#mainContent .sce-help-support-wrapper .sce-cards-container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    margin-bottom: 64px !important;
    align-items: stretch !important;
}

@media (min-width: 768px) {
    #mainContent .sce-help-support-wrapper .sce-cards-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}


#mainContent .sce-help-support-wrapper .sce-icontext-card {
    width: 100% !important;
    margin-top: 50px !important;
    display: flex !important;
    flex-direction: column !important;
}

#mainContent .sce-help-support-wrapper .sce-icontext-card .sce-icontext-block {
    border: solid 0.5rem #f0f0f0 !important;
    padding: 3rem 1.5rem 1.5rem 1.5rem !important;
    background-color: #ffffff !important;
    position: relative !important;
    text-align: center !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}


#mainContent .sce-help-support-wrapper .sce-icontext-icon-holder {
    position: absolute !important;
    top: -50px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10 !important;
}

#mainContent .sce-help-support-wrapper .sce-icontext-icon-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px !important;
    background-color: #ffffff !important;
}

#mainContent .sce-help-support-wrapper .sce-icontext-icon-wrapper img,
#mainContent .sce-help-support-wrapper .sce-icontext-icon {
    height: 6.5rem !important;
    width: auto !important;
    min-height: 4rem !important;
    max-height: 8rem !important;
    display: block !important;
}


#mainContent .sce-help-support-wrapper .sce-icontext-block h4.sce-icontext-title {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #212529 !important;
    margin: 1rem 0 1.5rem 0 !important;
    text-align: center !important;
    text-transform: none !important;
    line-height: 1.3 !important;
    letter-spacing: normal !important;
}


#mainContent .sce-help-support-wrapper .sce-icontext-text {
    text-align: center !important;
    margin-bottom: 2rem !important;
    flex: 1 !important;
}

#mainContent .sce-help-support-wrapper .sce-icontext-text p.sce-icontext-intro {
    font-weight: 600 !important;
    color: #171717 !important;
    margin-bottom: 1rem !important;
    font-size: 1rem !important;
}

#mainContent .sce-help-support-wrapper .sce-icontext-text ul.sce-icontext-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    display: inline-block !important;
}

#mainContent .sce-help-support-wrapper .sce-icontext-text ul.sce-icontext-list li {
    padding-left: 20px !important;
    margin-bottom: 8px !important;
    position: relative !important;
    line-height: 1.5 !important;
    color: #171717 !important;
    font-size: 1rem !important;
}

#mainContent .sce-help-support-wrapper .sce-icontext-text ul.sce-icontext-list li:before {
    content: "\2022" !important;
    position: absolute !important;
    left: 0 !important;
    color: #8b2331 !important;
    font-weight: bold !important;
}


#mainContent .sce-help-support-wrapper .sce-icontext-block .sce-alert-warning {
    background-image: none !important;
    border: none !important;
    border-radius: 0px !important;
    background-color: #34111a !important;
    border-left: 0.4rem solid #d51f37 !important;
    padding: 1.25rem 1rem !important;
    margin: 1.5rem 0 1.5rem 0 !important;
    color: #fff !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

#mainContent .sce-help-support-wrapper .sce-alert-warning strong {
    color: #fff !important;
}

.sce-icontext-button-holder {
    position: relative !important;
    padding-bottom: 32.5px !important;
    margin-top: auto !important;
    display: block !important;
}

.sce-button-anchor {
    position: absolute !important;
    top: 18px !important;
    
    left: 0 !important;
    width: 100% !important;
    padding: 10px !important;
    z-index: 5 !important;
    background: #fff;
}



#mainContent .sce-help-support-wrapper .sce-icontext-button-holder {
    position: relative !important;
    padding-bottom: 32.5px !important;
    width: 100% !important;
    margin-top: auto !important;
    display: block !important;
}


#mainContent .sce-help-support-wrapper .sce-button-anchor {
    position: absolute !important;
    top: 18px !important;
    left: 0 !important;
    width: 100% !important;
    padding: 10px !important;
    z-index: 5 !important;
}

#mainContent .sce-help-support-wrapper .sce-icontext-button-wrapper {
    position: absolute !important;
    top: 18px !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 5 !important;
    padding: 10px !important;
    background-color: transparent !important;
}


#mainContent .sce-help-support-wrapper .sce-button-anchor a.sce-icontext-button {
    display: block !important;
    width: 100% !important;
    background-color: #8B2331 !important;
    color: #FFFFFF !important;
    text-align: center !important;
    padding: 20px 30px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif !important;
    border: none !important;
}


#mainContent .sce-help-support-wrapper .sce-icontext-button-wrapper a.sce-icontext-button.btn.dark {
    background-color: #8B2331 !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15.07px !important;
    letter-spacing: 0.75px !important;
    text-transform: uppercase !important;
    padding: 20px 30px !important;
    border-radius: 0px !important;
    display: block !important;
    width: 100% !important;
    text-decoration: none !important;
    transition: background-color 0.3s ease !important;
    border: none !important;
    cursor: pointer !important;
    text-align: center !important;
}

#mainContent .sce-help-support-wrapper .sce-icontext-button-wrapper a.sce-icontext-button.btn.dark:hover {
    background-color: #34111a !important;
    color: #ffffff !important;
}


#mainContent #contentModule1 .sce-help-support-wrapper .sce-icontext-button-wrapper a.sce-icontext-button.btn.dark {
    background-color: var(--button-color-dark-bg) !important;
    border-radius: 0 !important;
    color: var(--button-color-fg) !important;
    font-family: Montserrat, sans-serif !important;
    font-size: 0.942rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    padding: 1.25rem 1.9rem !important;
    text-transform: uppercase !important;
    transition: background-color 0.3s !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    text-decoration: none !important;
    border: none !important;
}

#mainContent #contentModule1 .sce-help-support-wrapper .sce-icontext-button-wrapper a.sce-icontext-button.btn.dark:hover {
    background-color: #34111a !important;
}


#mainContent .sce-help-support-wrapper .sce-faq-section {
    max-width: 900px !important;
    margin: 0 auto 64px auto !important;
}

#mainContent .sce-help-support-wrapper .sce-faq-section h3.sce-faq-title {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    color: #212529 !important;
    margin-bottom: 32px !important;
    text-transform: none !important;
    line-height: 1.3 !important;
}

#mainContent .sce-help-support-wrapper .sce-faq-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

#mainContent .sce-help-support-wrapper .sce-faq-item {
    background-color: #ffffff !important;
    border: 1px solid #e9ecef !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

#mainContent .sce-help-support-wrapper .sce-faq-toggle {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#mainContent .sce-help-support-wrapper .sce-faq-item label.sce-faq-label {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background-color: #8c2332 !important;
    border: 1px solid #751c29 !important;
    font-size: 1rem !important;
    padding: 1.25rem 1.5rem !important;
    text-transform: none !important;
    cursor: pointer !important;
    user-select: none !important;
    transition: background-color 0.3s ease !important;
    margin: 0 !important;
    color: #ffffff !important;
}

#mainContent .sce-help-support-wrapper .sce-faq-item label.sce-faq-label span.sce-faq-question {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    flex: 1 !important;
    margin: 0 !important;
}

#mainContent .sce-help-support-wrapper .sce-faq-item label.sce-faq-label::after {
    content: "\f078" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
    flex-shrink: 0 !important;
    transition: transform 0.3s ease !important;
    color: #ffffff !important;
    margin-left: 12px !important;
    font-size: 0.875rem !important;
}

#mainContent .sce-help-support-wrapper .sce-faq-toggle:checked+label.sce-faq-label::after {
    transform: rotate(180deg) !important;
}

#mainContent .sce-help-support-wrapper .sce-faq-toggle:checked+label.sce-faq-label {
    background-color: #751c29 !important;
}

#mainContent .sce-help-support-wrapper .sce-faq-content {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#mainContent .sce-help-support-wrapper .sce-faq-toggle:checked~.sce-faq-content {
    max-height: 500px !important;
}

#mainContent .sce-help-support-wrapper .sce-faq-content .sce-faq-answer {
    padding: 1.5rem 1.5rem !important;
    background: #fff !important;
    line-height: 1.6 !important;
    color: #171717 !important;
    font-size: 1rem !important;
}



#mainContent .sce-help-support-wrapper .sce-faq-container .sce-faq-item .sce-faq-content .sce-faq-answer a.sce-icontext-button.btn.dark {
    display: inline-flex !important;
    align-items: center !important;
    color: #8b2331 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
    font-size: 1.05rem !important;
    gap: 0.5rem !important;

    
    background-color: transparent !important;
    background-image: linear-gradient(#8b2331, #8b2331) !important;
    background-size: calc(100% - 1.5rem) 1px !important;
    background-position: left bottom !important;
    background-repeat: no-repeat !important;
    padding: 0 0 2px 0 !important;
    margin-top: 0px !important;
    width: fit-content !important;
    min-width: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    box-shadow: none !important;
}


#mainContent .sce-help-support-wrapper .sce-faq-container .sce-faq-item .sce-faq-content .sce-faq-answer a.sce-icontext-button.btn.dark:hover {
    color: #34111a !important;
    background-image: linear-gradient(#34111a, #34111a) !important;
    background-color: transparent !important;
    transform: none !important;
}


#mainContent .sce-help-support-wrapper .sce-faq-container .sce-faq-item .sce-faq-content .sce-faq-answer a.sce-icontext-button.btn.dark::after {
    content: "\f054" !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    font-size: 0.875rem !important;
    display: inline-block !important;
    transition: transform 0.2s ease !important;
    margin-left: 0.5rem !important;
}

#mainContent .sce-help-support-wrapper .sce-faq-container .sce-faq-item .sce-faq-content .sce-faq-answer a.sce-icontext-button.btn.dark:hover::after {
    transform: translateX(3px) !important;
}


#mainContent .sce-help-support-wrapper .sce-faq-container .sce-faq-item .sce-faq-content .sce-faq-answer a.sce-icontext-button.btn.dark::before {
    display: none !important;
}


#mainContent .sce-help-support-wrapper .sce-additional-content {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 32px 0 !important;
}

#mainContent .sce-help-support-wrapper .sce-additional-content p.sce-content-intro {
    font-family: 'Crimson Text', serif !important;
    color: #171717 !important;
    font-size: 1.8287rem !important;
    letter-spacing: -0.01rem !important;
    line-height: 1.25 !important;
    margin-bottom: 1.5rem !important;
}

#mainContent .sce-help-support-wrapper .sce-content-body {
    font-size: 1rem !important;
    line-height: 1.6 !important;
    color: #171717 !important;
    margin-bottom: 1.5rem !important;
}


#mainContent .sce-help-support-wrapper .sce-content-body a:not(.btn) {
    display: inline !important;
    
    background-color: transparent !important;
    
    color: #8b2331 !important;
    
    padding: 0 !important;
    
    width: auto !important;
    
    font-weight: 700 !important;
    text-decoration: underline !important;
    
    text-transform: none !important;
    
}

#mainContent .sce-help-support-wrapper .sce-content-body a:not(.btn):not(.feature-glyph) {
    color: #8b2331 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

#mainContent .sce-help-support-wrapper .sce-content-body a.feature-glyph {
    display: inline-flex !important;
    align-items: center !important;
    color: #8b2331 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    background-image: linear-gradient(#8b2331, #8b2331) !important;
    background-size: calc(100% - 1.5rem) 1px !important;
    background-position: left bottom !important;
    background-repeat: no-repeat !important;
    padding-bottom: 2px !important;
}

#mainContent .sce-help-support-wrapper .sce-content-body a.feature-glyph::after {
    content: "\f054" !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    margin-left: 0.5rem !important;
}


@media (max-width: 767px) {
    #mainContent .sce-help-support-wrapper {
        padding: 32px 16px !important;
    }

    #mainContent .sce-help-support-wrapper .sce-help-header h2.sce-help-title {
        font-size: 2rem !important;
    }
}


#mainContent #contentModule1 .sce-help-support-wrapper .sce-icontext-button-wrapper a.sce-icontext-button:focus-visible {
    outline: 3px solid #34111a !important;
    outline-offset: 2px !important;
}


#mainContent .sce-help-support-wrapper .variable-content a {
    background-color: var(--button-color-dark-bg) !important;
    color: var(--button-color-fg) !important;
    display: block !important;
    
    text-align: center !important;
    padding: 1.25rem 1.9rem !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    width: 100% !important;
    transition: background-color 0.3s !important;
}


#personProfileMainContent .variable-content a,
#personProfileMainContent .form-text a {
    display: inline !important;
    
    background-color: transparent !important;
    
    color: #8b2331 !important;
    
    text-decoration: underline !important;
    
    padding: 0 !important;
    width: auto !important;
    font-weight: 700 !important;
    text-transform: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    transition: all 0.3s ease !important;
}

#personProfileMainContent .variable-content a,
#personProfileMainContent .form-text a:hover {
    color: #34111a !important;
    text-decoration: underline !important;
}




#mainContent .sce-help-support-wrapper .sce-faq-answer a.clean,
#mainContent .sce-help-support-wrapper .sce-content-body a.clean {
    display: inline !important;
    background-color: transparent !important;
    background-image: none !important;
    padding: 0 !important;
    width: auto !important;
    border-radius: 0 !important;
    border: none !important;
    text-align: left !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-family: inherit !important;

    
    color: #8b2331 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    transition: color 0.3s ease !important;
}

#mainContent .sce-help-support-wrapper .sce-faq-answer a.clean:hover,
#mainContent .sce-help-support-wrapper .sce-content-body a.clean:hover {
    color: #34111a !important;
    text-decoration: none !important;
}


#mainContent .sce-help-support-wrapper .sce-icontext-button-wrapper a.sce-icontext-button {
    display: block !important;
    
}





#mainContent .sce-help-support-wrapper a.clean:not(.sce-icontext-button):not(.btn) {
    display: inline !important;
    background-color: transparent !important;
    background-image: none !important;
    padding: 0 !important;
    width: auto !important;
    border-radius: 0 !important;
    border: none !important;
    text-align: left !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-family: inherit !important;

    
    color: #8b2331 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    transition: color 0.3s ease !important;
}

#mainContent .sce-help-support-wrapper a.clean:not(.sce-icontext-button):not(.btn):hover {
    color: #34111a !important;
    text-decoration: none !important;
}


#mainContent .sce-help-support-wrapper a.feature-glyph.clean {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
}


#mainContent .sce-help-support-wrapper .sce-icontext-button-wrapper a.sce-icontext-button {
    display: block !important;
    
}




#instructorMenu {
    background-color: #8B2331 !important;
    
    border-radius: 3px !important;
    padding: 15px 10px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;

    
    width: auto !important;
    max-width: 100% !important;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 20px !important;
    margin-bottom: 20px !important;
    z-index: 100 !important;
}


#instructorMenu .nav-link {
    color: #EAEAEA !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: normal !important;
    font-size: 0.7rem !important;
    

    
    padding: 10px 15px !important;
    margin-bottom: 5px !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    
    white-space: normal !important;

    
    transition: all 0.3s ease !important;
    border-left: 5px solid transparent !important;
}


#instructorMenu .nav-link:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
    
    color: #FFFFFF !important;
    transform: translateX(5px);
}



#instructorMenu .nav-item.active>.nav-link,
#instructorMenu>.nav-pills>.nav-link.active,
#instructorMenu>.nav>.nav-item>.nav-link.active {
    background-color: #FFFFFF !important;
    color: #34111A !important;
    
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    border-left: 5px solid #D41F37 !important;
    
}


#instructorMenu .subMenu {
    margin-top: 5px !important;
    margin-bottom: 10px !important;
    padding-left: 0 !important;
    
    border-radius: 6px !important;
    overflow: hidden !important;
}


#instructorMenu .subMenu .nav-link {
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    padding: 8px 10px 8px 4px !important;
    
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    border-left: 0px !important;
    border-bottom: 1px dotted #34111A !important;
    
    color: #e0e0e0 !important;
}


#instructorMenu .subMenu .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    transform: none !important;
    
}



#instructorMenu .subMenu .nav-link.active,
#instructorMenu .subMenu .nav-link[href^="#"].active {
    background-color: #FFFFFF !important;
    
    color: #333 !important;
    
    font-weight: 700 !important;
    box-shadow: none !important;

    border-left: 5px solid #4A153B !important;
    
}



#instructorMenu .arrow-icon {
    display: none !important;
    font-size: 0.8em !important;
}


#instructorMenu .nav-link.active .arrow-icon {
    display: inline-block !important;
    color: inherit !important;
}




body#pageInstructorHome {
    font-family: 'Montserrat', sans-serif !important;
}

body#pageInstructorHome h1,
body#pageInstructorHome h2,
body#pageInstructorHome h3,
body#pageInstructorHome p,
body#pageInstructorHome span {
    font-family: 'Montserrat', sans-serif !important;
}





body#pageInstructorHome #contentModule3 .variable-content {
    position: relative !important;
    border-radius: 0.25rem !important;
    padding: 2rem 2.5rem !important;
    margin-bottom: 2rem !important;
    overflow: hidden !important;
    background: #34111A !important;
    
    border: none !important;
}


body#pageInstructorHome #contentModule3 .variable-content::before {
    content: '' !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    background: radial-gradient(circle at center,
            rgba(139, 35, 49, 0) 30%,
            rgba(139, 35, 49, 0.5) 60%,
            #8B2331 65%,
            #34111A 100%),
        linear-gradient(-45deg,
            #D41F37, #8B2331, #FF6B35, #4A153B) !important;
    background-size: 400% 100% !important;
    animation: sceLiquidFlow 30s ease infinite !important;
    background-blend-mode: overlay, normal !important;
    opacity: 1 !important;
    z-index: 0 !important;
}


body#pageInstructorHome #contentModule3 .variable-content>* {
    position: relative !important;
    z-index: 1 !important;
}


body#pageInstructorHome #contentModule3 .variable-content p {
    font-family: 'Crimson Text', serif !important;
    font-size: 1.8rem !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin: 0 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    display: flex !important;
    align-items: center !important;
}


body#pageInstructorHome #contentModule3 .variable-content p::before {
    content: "\f51c" !important;
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
    margin-right: 15px !important;
    font-size: 1.8rem !important;
    color: #D41F37 !important;
    opacity: 0.9 !important;
    animation: iconPulse 2s ease-in-out infinite !important;
}






body#pageInstructorHome #pageHeaderActions {
    
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    
    background: linear-gradient(135deg, #f9f9f9 0%, #ffffff 100%) !important;
    border-radius: 0.25rem !important;
    border: 1px solid #eee !important;
    
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02) !important;

    
    padding: 10px 15px !important;
    margin-bottom: 1.5rem !important;
    min-height: 80px !important;
    
}



body#pageInstructorHome .portalHeaderRow1 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1rem !important;
    
    font-weight: 700 !important;
    color: #171717 !important;

    
    margin-bottom: 0 !important;
    padding-left: 24px !important;
    
    position: relative !important;
    line-height: 1.2 !important;
}


body#pageInstructorHome .portalHeaderRow1::before {
    content: "\f007" !important;
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;

    
    position: absolute !important;
    left: 0 !important;
    top: 1px !important;
    

    
    font-size: 1rem !important;
    color: #8b2331 !important;
    
}



body#pageInstructorHome .portalHeaderRow2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.65rem !important;
    
    color: #666 !important;
    

    
    margin-bottom: 6px !important;
    padding-left: 24px !important;
    
    line-height: 1.2 !important;
    font-weight: 500 !important;
}




body#pageInstructorHome #pageHeaderActions .row {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    
}

body#pageInstructorHome #pageHeaderActions .col-lg-12 {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}


body#pageInstructorHome #instructorPortalHomeHeaderId {
    display: inline-block !important;
}





body#pageInstructorHome #instructorHomeAnnouncements {
    border-radius: 0.25rem !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    border: none !important;
    background-color: #ffffff !important;
    margin-bottom: 20px !important;
    transform: none !important;
    
}

body#pageInstructorHome #instructorHomeAnnouncements:hover {
    transform: none !important;
    
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}


body#pageInstructorHome #instructorHomeAnnouncements .card-header {
    background: #f0f0f0 !important;
    
    border: none !important;
    padding: 1rem 1.5rem !important;
    position: static !important;
}


body#pageInstructorHome #instructorHomeAnnouncements .card-header::before {
    display: none !important;
}


body#pageInstructorHome #instructorHomeAnnouncements .card-title {
    color: #171717 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1025rem !important;
    font-weight: 700 !important;

    
    margin: 0 !important;
    padding-left: 0.5rem !important;
    position: relative !important;
    border-left: 3px solid #8b2331 !important;
    

    font-style: normal !important;
    letter-spacing: normal !important;
    line-height: 1.2 !important;
    display: block !important;
}


body#pageInstructorHome #instructorHomeAnnouncements .card-title::before {
    display: none !important;
}


body#pageInstructorHome #instructorHomeAnnouncements .card-body {
    padding: 16px 20px !important;
    border-bottom: 1px solid #d1d5db !important;
    background: #ffffff !important;
    min-height: auto !important;
}


body#pageInstructorHome #instructorHomeAnnouncements .card-body:last-child {
    border-bottom: none !important;
}


body#pageInstructorHome #instructorHomeAnnouncements .notFoundMessage {
    font-size: 0.85rem !important;
    color: #6b7280 !important;
    margin: 0 !important;
    font-weight: 400 !important;
    font-style: normal !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    text-align: left !important;
}


@media (max-width: 991px) {
    body#pageInstructorHome #instructorHomeAnnouncements {
        margin-top: 1rem !important;
    }
}




#instructorHomeAnnouncements .newsItemHeader a {
    
    font-family: 'Crimson Text', serif !important;
    font-size: 1.2838rem !important;
    font-weight: 600 !important;
    text-transform: none !important;
    text-decoration: none !important;
    line-height: 1.2 !important;

    
    color: #8b2331 !important;
    
    display: block !important;
    transition: color 0.2s ease !important;

    
    margin-bottom: 5px !important;
}


#instructorHomeAnnouncements .newsItemHeader a:hover {
    color: #34111A !important;
    
    text-decoration: underline !important;
}


#instructorHomeAnnouncements .newsItemSummary {
    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    color: #333333 !important;

    
    margin-bottom: 15px !important;
    line-height: 1.5 !important;
}



#instructorHomeAnnouncements p a[id^="linkShowAll"] {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    color: #8b2331 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}





#pageInstructorNews #contentModule1 .col-lg-12 {
    padding-left: 15px !important;
    padding-right: 15px !important;
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}


#pageInstructorNews #contentModule1 h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.4rem !important;
    color: #171717 !important;
    margin-top: 40px !important;
    margin-bottom: 12px !important;
    display: block !important;
}

#pageInstructorNews #contentModule1 h3::before {
    content: "\f1ea" !important;
    
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    margin-right: 12px !important;
    color: #8b2331 !important;
    font-size: 1.2rem !important;
    display: inline-block !important;
}


#pageInstructorNews #contentModule1 .newsItemSynopsis {
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
    color: #444444 !important;
    text-align: justify !important;
    margin-bottom: 20px !important;
}


#pageInstructorNews #contentModule1 .fullStoryLinkContainer {
    border-bottom: 1.5px solid #e2e2e2 !important;
    padding-bottom: 35px !important;
    margin-bottom: 35px !important;
    display: block !important;
    height: auto !important;
}


#pageInstructorNews #contentModule1 .fullStoryLinkContainer:last-of-type {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}


#pageInstructorNews #contentModule1 .fullStoryLinkContainer a {
    color: #8b2331 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    font-size: 1rem !important;
}

#pageInstructorNews #contentModule1 .fullStoryLinkContainer a:hover {
    color: #171717 !important;
    text-decoration: none !important;
}






#personProfileMainContent .panel-group:has(#instructorProfileUsernamePasswordContainer) {
    background-color: #f0f0f0 !important;
    padding: 30px 15px 15px 15px !important;
    border-radius: 4px !important;
    margin-bottom: 2rem !important;
    border: none !important;
}



#personProfileMainContent .card.panel-default:has(#instructorProfileUsernamePasswordContainer),
#personProfileMainContent .card.panel-default:has(#instructorProfileBasicInformationContainer),
#personProfileMainContent .card.panel-default:has(#instructorProfileEmailInfoContainer),
#personProfileMainContent .card.panel-default:has(#instructorProfileTelephoneInfoContainer),
#personProfileMainContent .card.panel-default:has(#instructorProfileAddressInfoContainer),
#personProfileMainContent .card.panel-default:has(#instructorProfileBiographyContainer1),
#personProfileMainContent .card.panel-default:has(#instructorProfileEmployerInfoContainer) {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}


#personProfileMainContent .card.panel-default:has(#instructorProfileUsernamePasswordContainer) .card-header.d-lg-none,
#personProfileMainContent .card.panel-default:has(#instructorProfileBasicInformationContainer) .card-header.d-lg-none,
#personProfileMainContent .card.panel-default:has(#instructorProfileEmailInfoContainer) .card-header.d-lg-none,
#personProfileMainContent .card.panel-default:has(#instructorProfileTelephoneInfoContainer) .card-header.d-lg-none,
#personProfileMainContent .card.panel-default:has(#instructorProfileAddressInfoContainer) .card-header.d-lg-none,
#personProfileMainContent .card.panel-default:has(#instructorProfileBiographyContainer1) .card-header.d-lg-none,
#personProfileMainContent .card.panel-default:has(#instructorProfileEmployerInfoContainer) .card-header.d-lg-none {
    background-color: transparent !important;
    border: none !important;
}



#instructorProfileUsernamePasswordContainer,
#instructorProfileBasicInformationContainer,
#instructorProfileEmailInfoContainer,
#instructorProfileTelephoneInfoContainer,
#instructorProfileAddressInfoContainer,
#instructorProfileBiographyContainer1,
#instructorProfileEmployerInfoContainer {
    
    background-color: #FFFFFF !important;
    border: 1px solid #d1d5db !important;
    
    border-radius: 4px !important;

    
    padding: 25px !important;
    margin-bottom: 20px !important;

    
    display: block !important;
    overflow: visible !important;
}



.panel-group:has(#instructorProfileUsernamePasswordContainer) .btn,
.panel-group:has(#instructorProfileUsernamePasswordContainer) button[type="button"] {
    border-radius: 50px !important;
    padding: 6px 20px !important;
    background-color: #ffffff !important;
    border: 1px solid #ced4da !important;
    color: #555 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
}


.panel-group:has(#instructorProfileUsernamePasswordContainer) .btn:hover,
.panel-group:has(#instructorProfileUsernamePasswordContainer) button[type="button"]:hover {
    background-color: #8b2331 !important;
    border-color: #8b2331 !important;
    color: #ffffff !important;
}




#personProfileMainContent:has(#instructorProfileUsernamePasswordContainer) .custom-control.custom-radio {
    padding-left: 2.25rem !important;
    min-height: 2.5rem !important;
    display: flex !important;
    align-items: center !important;
    margin-bottom: 5px !important;
}


#personProfileMainContent:has(#instructorProfileUsernamePasswordContainer) .custom-control-label::before {
    top: 50% !important;
    transform: translateY(-50%) !important;
    
    width: 1.2rem !important;
    height: 1.2rem !important;
    left: -2.25rem !important;
    background-color: #ffffff !important;
    border: 2px solid #ced4da !important;
}


#personProfileMainContent:has(#instructorProfileUsernamePasswordContainer) .custom-control-label::after {
    top: 50% !important;
    transform: translateY(-50%) !important;
    
    width: 1.2rem !important;
    height: 1.2rem !important;
    left: -2.25rem !important;
    background-size: 50% !important;
}


#personProfileMainContent:has(#instructorProfileUsernamePasswordContainer) .custom-control-input:checked~.custom-control-label::before {
    background-color: #8b2331 !important;
    border-color: #8b2331 !important;
}


#personProfileMainContent:has(#instructorProfileUsernamePasswordContainer) .custom-control-label {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding-top: 0 !important;
    line-height: 1.5 !important;
}


#personProfileMainContent:has(#instructorProfileUsernamePasswordContainer) .custom-control-label>span {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}





#instructorProfileUsernamePassword {
    
    background-color: #f0f0f0 !important;

    
    
    padding: 30px 30px 0 30px !important;

    
    border-radius: 4px 4px 0 0 !important;
    

    
    margin: 30px 0 0 0 !important;
    
    overflow: visible !important;
    border: none !important;
}


#instructorProfileUsernamePassword::before {
    display: none !important;
    content: none !important;
}


#instructorProfileUsernamePassword>.row {
    
    background-color: #ffffff !important;

    
    padding: 30px 15px !important;

    
    margin: 0 !important;
    width: 100% !important;

    
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}



#instructorProfileUsernamePassword+.row {
    
    background-color: #f0f0f0 !important;

    
    margin-top: 0 !important;
    
    margin-left: 0 !important;
    margin-right: 0 !important;

    
    
    padding: 20px 30px 30px 30px !important;

    
    border-radius: 0 0 4px 4px !important;
    
}



#instructorProfileUsernamePassword+.row .col-lg-12,
#instructorProfileUsernamePassword+.row .buttons {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    
}


#instructorProfileUsernamePassword>.row label,
#instructorProfileUsernamePassword>.row .labelSpanStyle {
    font-weight: 700 !important;
    color: #171717 !important;
    margin-bottom: 5px !important;
}

#instructorProfileUsernamePassword>.row .form-text {
    margin-top: 15px !important;
    color: #555 !important;
    font-size: 0.85rem !important;
}


@media (max-width: 767px) {

    
    #instructorProfileUsernamePassword {
        padding: 20px 15px 0 15px !important;
    }

    #instructorProfileUsernamePassword+.row {
        padding: 0 15px 20px 15px !important;
    }

    
    #instructorProfileUsernamePassword+.row .btn {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
}




form[name="portalInstructorCoursesListForm"] table.table {
    width: 100% !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;
    margin-bottom: 0 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: rgb(23, 23, 23) !important;

    
    border: none !important;
}



#contentModule1 form[name="portalInstructorCoursesListForm"] thead th,
form[name="portalInstructorCoursesListForm"] thead th {
    background: #34111A !important;
    
    color: #ffffff !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.6rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;

    
    padding: 13px 18px !important;
    vertical-align: middle !important;

    
    border: 1px solid #34111A !important;
    border-right: 1px solid rgb(221, 221, 221) !important;
    
    border-bottom: none !important;
}


#contentModule1 form[name="portalInstructorCoursesListForm"] thead th:last-child,
form[name="portalInstructorCoursesListForm"] thead th:last-child {
    border-right: 1px solid rgb(52, 17, 26) !important;
}




form[name="portalInstructorCoursesListForm"] thead th.sortable {
    cursor: pointer !important;
    padding: 13px 18px !important;
}


#contentModule1 form[name="portalInstructorCoursesListForm"] thead th.sortable a,
#contentModule1 form[name="portalInstructorCoursesListForm"] thead th.sortable a:visited,
form[name="portalInstructorCoursesListForm"] thead th.sortable a {
    
    color: #ffffff !important;
    
    text-decoration: underline !important;
    text-decoration-color: rgba(255, 255, 255, 0.5) !important;

    
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    width: 100% !important;

    transition: all 0.2s ease-in-out !important;
}


#contentModule1 form[name="portalInstructorCoursesListForm"] thead th.sortable a::after,
form[name="portalInstructorCoursesListForm"] thead th.sortable a::after {
    content: "\f0dc";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
    font-size: 0.8rem !important;
    margin-left: 8px !important;
    opacity: 0.6 !important;
    color: inherit !important;
}


#contentModule1 form[name="portalInstructorCoursesListForm"] thead th.sortable:hover a,
#contentModule1 form[name="portalInstructorCoursesListForm"] thead th.sortable:hover a:visited,
form[name="portalInstructorCoursesListForm"] thead th.sortable:hover a {
    color: #D41F37 !important;
    
    text-decoration: underline !important;
    text-decoration-color: #D41F37 !important;
}

#contentModule1 form[name="portalInstructorCoursesListForm"] thead th.sortable:hover a::after,
form[name="portalInstructorCoursesListForm"] thead th.sortable:hover a::after {
    opacity: 1 !important;
    color: #D41F37 !important;
    transform: scale(1.1);
}




form[name="portalInstructorCoursesListForm"] tbody tr:nth-of-type(odd) {
    background-color: #f0f0f0 !important;
}


form[name="portalInstructorCoursesListForm"] tbody tr:nth-of-type(even) {
    background-color: #ffffff !important;
}


form[name="portalInstructorCoursesListForm"] tbody td {
    padding: 12px 15px !important;
    vertical-align: middle !important;
    font-size: 0.85rem !important;
    border: 1px solid #dee2e6 !important;
    border-top: none !important;
    color: rgb(23, 23, 23) !important;
}



form[name="portalInstructorCoursesListForm"] tbody td a {
    color: #8b2331 !important;
    
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(139, 35, 49, 0.3) !important;
    transition: all 0.3s ease !important;
}

form[name="portalInstructorCoursesListForm"] tbody td a:hover {
    color: #34111A !important;
    
    text-decoration-color: #34111A !important;
}




form[name="portalInstructorCoursesListForm"] .card.panel-default>.card-header {
    background-color: transparent !important;
    border: none !important;
    padding: 20px 0 10px 0 !important;
    border-bottom: 0px solid #e9ecef !important;
    margin-bottom: 15px !important;
}


form[name="portalInstructorCoursesListForm"] h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1025rem !important;
    font-weight: 700 !important;
    color: #34111A !important;

    
    border-left: 0 solid #8b2331 !important;
    padding-left: 0.5rem !important;
    display: inline-block !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}


form[name="portalInstructorCoursesListForm"] h2 .content {
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    color: #666 !important;
    text-transform: none !important;
    margin-top: 5px !important;
    display: block !important;
    border: none !important;
}






#contentModule1 form[name="sectionClassListForm"] table#classListItemVO {
    width: 100% !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;
    margin-bottom: 20px !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: rgb(23, 23, 23) !important;

    
    background-color: #fff !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}



#contentModule1 form[name="sectionClassListForm"] thead th {
    background: #34111A !important;
    
    color: #ffffff !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.6rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;

    
    padding: 13px 18px !important;
    vertical-align: middle !important;
    border: 1px solid #34111A !important;
    border-right: 1px solid rgb(221, 221, 221) !important;
    
    border-bottom: none !important;
}


#contentModule1 form[name="sectionClassListForm"] thead th:last-child {
    border-right: 1px solid #34111A !important;
}




#contentModule1 form[name="sectionClassListForm"] thead th.sortable {
    cursor: pointer !important;
    padding: 13px 18px !important;
}


#contentModule1 form[name="sectionClassListForm"] thead th.sortable a,
#contentModule1 form[name="sectionClassListForm"] thead th.sortable a:visited {
    color: #ffffff !important;
    
    text-decoration: underline !important;
    text-decoration-color: rgba(255, 255, 255, 0.5) !important;

    
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    width: 100% !important;
    transition: all 0.2s ease-in-out !important;
}


#contentModule1 form[name="sectionClassListForm"] thead th.sortable a::after {
    content: "\f0dc";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
    font-size: 0.8rem !important;
    margin-left: 8px !important;
    opacity: 0.6 !important;
    color: inherit !important;
}


#contentModule1 form[name="sectionClassListForm"] thead th.sortable:hover a,
#contentModule1 form[name="sectionClassListForm"] thead th.sortable:hover a:visited {
    color: #D41F37 !important;
    
    text-decoration-color: #D41F37 !important;
}

#contentModule1 form[name="sectionClassListForm"] thead th.sortable:hover a::after {
    opacity: 1 !important;
    color: #D41F37 !important;
    transform: scale(1.1);
}




#contentModule1 form[name="sectionClassListForm"] tbody tr:nth-of-type(odd) {
    background-color: #f0f0f0 !important;
}


#contentModule1 form[name="sectionClassListForm"] tbody tr:nth-of-type(even) {
    background-color: #ffffff !important;
}


#contentModule1 form[name="sectionClassListForm"] tbody td {
    padding: 12px 15px !important;
    vertical-align: middle !important;
    font-size: 0.85rem !important;
    border: 1px solid #dee2e6 !important;
    border-top: none !important;
    color: rgb(23, 23, 23) !important;
}




#contentModule1 form[name="sectionClassListForm"] tbody td:first-child {
    text-align: center !important;
    width: 50px !important;
    vertical-align: middle !important;
}


#contentModule1 form[name="sectionClassListForm"] .custom-checkbox {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
}





@media (min-width: 1080px) {

    
    #contentModule1 form[name="sectionClassListForm"] .buttons {
        margin-top: 30px !important;
        padding-top: 20px !important;
        border-top: 1px solid #eee !important;

        display: flex !important;
        flex-wrap: nowrap !important;
        
        gap: 8px !important;
        
        align-items: center !important;
        justify-content: flex-start !important;
        position: relative !important;
        
    }

    
    #contentModule1 form[name="sectionClassListForm"] .buttons::before,
    #contentModule1 form[name="sectionClassListForm"] .buttons::after {
        display: none !important;
    }

    
    #contentModule1 form[name="sectionClassListForm"] .buttons .btn {
        
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        

        
        padding: 8px 18px !important;
        margin: 0 !important;

        
        background-color: #ffffff !important;
        background-image: none !important;
        box-shadow: none !important;
        border: 2px solid #ced4da !important;
        border-radius: 2rem !important;

        
        color: transparent !important;
        font-size: 0 !important;
        line-height: 0 !important;

        
        transition: border-color 0.3s ease, background-color 0.3s ease !important;
        transform: none !important;
    }

    
    #contentModule1 form[name="sectionClassListForm"] .buttons .btn:hover {
        color: #8b2331 !important;
        background-color: #fff !important;
        border-color: #8b2331 !important;
        z-index: 10 !important;
        
    }


    

    #contentModule1 form[name="sectionClassListForm"] .buttons .btn::before {
        
        font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", 'Montserrat', sans-serif !important;
        font-weight: 700 !important;
        

        
        font-size: 0.75rem !important;
        color: #555 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    
    #contentModule1 form[name="sectionClassListForm"] .buttons .btn:hover::before {
        color: #34111A !important;
    }


    

    #contentModule1 form[name="sectionClassListForm"] .buttons .btn::after {
        
        content: attr(value) !important;

        
        opacity: 0 !important;
        visibility: hidden !important;

        
        position: absolute !important;
        bottom: 125% !important;
        
        left: 50% !important;
        transform: translateX(-50%) !important;

        
        background-color: #34111A !important;
        
        color: #ffffff !important;
        padding: 6px 12px !important;
        border-radius: 4px !important;

        
        font-family: 'Montserrat', sans-serif !important;
        font-size: 0.7rem !important;
        font-weight: 500 !important;
        white-space: nowrap !important;
        pointer-events: none !important;
        

        
        transition: opacity 0.2s ease, visibility 0.2s ease !important;
    }

    
    

    
    #contentModule1 form[name="sectionClassListForm"] .buttons .btn:hover::after {
        opacity: 1 !important;
        visibility: visible !important;
    }


    

    
    #contentModule1 form[name="sectionClassListForm"] #buttonPrintClassList::before {
        content: "\f02f   CLASS LIST";
    }

    
    #contentModule1 form[name="sectionClassListForm"] #buttonPrintAttendanceSheet::before {
        content: "\f0ca   ATTENDANCE";
    }

    
    #contentModule1 form[name="sectionClassListForm"] #buttonEmergencyContactReport::before {
        content: "\f0f9   EMERGENCY INFO";
    }

    
    #contentModule1 form[name="sectionClassListForm"] #buttonEmailSelected::before {
        content: "\f0e0   EMAIL SELECTED";
    }

    
    #contentModule1 form[name="sectionClassListForm"] #buttonEmailAll::before {
        content: "\f0a1   EMAIL ALL";
        
    }
}




body#pageInstructorTimetable #contentModule1 table.studentCourseSchedule {
    width: 100% !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;
    margin-bottom: 20px !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: rgb(23, 23, 23) !important;

    
    background-color: #fff !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}



body#pageInstructorTimetable #contentModule1 table.studentCourseSchedule thead th {
    background: #34111A !important;
    
    color: #ffffff !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.6rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;

    
    padding: 13px 18px !important;
    vertical-align: middle !important;
    border: 1px solid #34111A !important;
    border-right: 1px solid rgb(221, 221, 221) !important;
    
    border-bottom: none !important;
}


body#pageInstructorTimetable #contentModule1 table.studentCourseSchedule thead th:last-child {
    border-right: 1px solid #34111A !important;
}




body#pageInstructorTimetable #contentModule1 table.studentCourseSchedule tbody tr:nth-of-type(odd) {
    background-color: #f0f0f0 !important;
}


body#pageInstructorTimetable #contentModule1 table.studentCourseSchedule tbody tr:nth-of-type(even) {
    background-color: #ffffff !important;
}



body#pageInstructorTimetable #contentModule1 table.studentCourseSchedule tbody td,
body#pageInstructorTimetable #contentModule1 table.studentCourseSchedule tbody th {
    padding: 12px 15px !important;
    vertical-align: top !important;
    font-size: 0.75rem !important;
    border: 1px solid #dee2e6 !important;
    border-top: none !important;
    color: rgb(23, 23, 23) !important;

    
    font-weight: 400 !important;
    text-align: left !important;
}



body#pageInstructorTimetable #contentModule1 table.studentCourseSchedule .date,
body#pageInstructorTimetable #contentModule1 table.studentCourseSchedule .time,
body#pageInstructorTimetable #contentModule1 table.studentCourseSchedule .type,
body#pageInstructorTimetable #contentModule1 table.studentCourseSchedule .courseName,
body#pageInstructorTimetable #contentModule1 table.studentCourseSchedule .location {
    display: block !important;
    line-height: 1.4 !important;
}


body#pageInstructorTimetable #contentModule1 table.studentCourseSchedule .courseCode {
    font-weight: 700 !important;
    color: #34111A !important;
}



body#pageInstructorTimetable #contentModule1 table.studentCourseSchedule tbody a {
    color: #8b2331 !important;
    
    font-weight: 700 !important;
    

    
    text-decoration: underline !important;
    text-decoration-color: rgba(139, 35, 49, 0.3) !important;
    
    transition: color 0.2s ease, text-decoration-color 0.2s ease !important;
}


body#pageInstructorTimetable #contentModule1 table.studentCourseSchedule tbody a:hover {
    color: #34111a !important;
    
    text-decoration-color: #34111a !important;
    
}








form[name="portalInstructorGradingSheetForm"] {
    background-color: transparent !important;
    font-family: 'Montserrat', sans-serif !important;
}


#contentModule1 form[name="portalInstructorGradingSheetForm"] .notFoundMessage {
    background-color: #f0f0f0 !important;
    border: none !important;
    border-left: 6px solid #8b2331 !important;
    border-radius: 0px !important;
    color: #171717 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    padding: 20px !important;
    margin: 20px 0 !important;
    display: flex !important;
    align-items: center !important;
}

#contentModule1 form[name="portalInstructorGradingSheetForm"] .notFoundMessage::before {
    content: "\f05a" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
    margin-right: 15px !important;
    font-size: 1.5rem !important;
    color: #8b2331 !important;
    display: inline-block !important;
}

#contentModule1 form[name="portalInstructorGradingSheetForm"] .notFoundMessage a {
    color: #8b2331 !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
}





#contentModule1 form[name="portalInstructorGradingSheetForm"] #buttonSave {
    
    border-radius: 0px !important;
    padding: 10px 35px !important;
    background-color: #8b2331 !important;
    border: 2px solid #8b2331 !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

#contentModule1 form[name="portalInstructorGradingSheetForm"] #buttonSave:hover {
    background-color: #34111A !important;
    border-color: #34111A !important;
}

#contentModule1 form[name="portalInstructorGradingSheetForm"] #buttonSave:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5) !important;
}


#contentModule1 form[name="portalInstructorGradingSheetForm"] .sectionHeader {
    background: linear-gradient(135deg, #34111A 0%, #8b2331 100%) !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
}

#contentModule1 form[name="portalInstructorGradingSheetForm"] .sectionHeader h2 {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 1.1rem !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}


#contentModule1 form[name="portalInstructorGradingSheetForm"] #filter .panel-collapse,
#contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate .panel-collapse,
#contentModule1 form[name="portalInstructorGradingSheetForm"] #classFilterCriteria,
#contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdateCriteria {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#contentModule1 form[name="portalInstructorGradingSheetForm"] #filter .card-header,
#contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate .card-header {
    cursor: default !important;
}

#contentModule1 form[name="portalInstructorGradingSheetForm"] #filter .card-header .glyphicon,
#contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate .card-header .glyphicon {
    display: none !important;
}



@media (min-width: 992px) and (max-width: 1199px) {

    
    #contentModule1 form[name="portalInstructorGradingSheetForm"] .readOnlyFormData {
        display: flex !important;
        gap: 15px !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .readOnlyFormData .form-group {
        background: #f0f0f0 !important;
        border-radius: 0px !important;
        border-left: 6px solid #8b2331 !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
        padding: 20px !important;
        flex: 1 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .readOnlyFormData .labelSpanStyle {
        margin-bottom: 0 !important;
        flex: 1 !important;
        padding-right: 10px !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .readOnlyFormData .form-control-plaintext {
        text-align: right !important;
        font-size: 1.8rem !important;
        flex-shrink: 0 !important;
    }

    
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #filter,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate {
        display: block !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    
    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .card-header {
        background-color: #34111A !important;
        color: #ffffff !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .card-header label {
        color: #ffffff !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .col-lg-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        border-right: none !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .col-lg-6.grades {
        margin-bottom: 20px !important;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #f0f0f0 !important;
    }
}



@media (min-width: 1200px) {

    
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #buttonSave {
        border-radius: 2rem !important;
        padding: 10px 35px !important;
        background-color: #8b2331 !important;
        border: 2px solid #8b2331 !important;
        color: #ffffff !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        font-size: 0.85rem !important;
        letter-spacing: 0.5px !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
        transition: all 0.3s ease !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] #buttonSave:hover {
        background-color: #6a1b25 !important;
        border-color: #6a1b25 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
    }

    
    #contentModule1 form[name="portalInstructorGradingSheetForm"] .readOnlyFormData {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 20px !important;
        margin-bottom: 30px !important;
        padding: 0 !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .readOnlyFormData .form-group {
        background: #f0f0f0 !important;
        border-radius: 0px !important;
        border-left: 6px solid #8b2331 !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
        padding: 20px 25px !important;
        margin: 0 !important;
        flex: 1 !important;
        min-width: 240px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .readOnlyFormData .labelSpanStyle {
        font-size: 0.75rem !important;
        text-transform: uppercase !important;
        color: #666 !important;
        font-weight: 600 !important;
        margin-bottom: 0 !important;
        display: block !important;
        text-align: left !important;
        letter-spacing: 0.5px !important;
        flex: 1 !important;
        padding-right: 15px !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .readOnlyFormData .form-control-plaintext {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 2.2rem !important;
        font-weight: 700 !important;
        color: #171717 !important;
        line-height: 1 !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: right !important;
        flex-shrink: 0 !important;
        white-space: nowrap !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .readOnlyFormData .col-lg-4,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] .readOnlyFormData .col-lg-8 {
        flex: initial !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
        width: auto !important;
    }

    
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #stats {
        display: flex !important;
        gap: 20px !important;
        margin-bottom: 30px !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] #stats>div {
        flex: 1 !important;
        border: 1px solid #d0d0d0 !important;
        border-radius: 4px !important;
        padding: 15px !important;
        background: #fff !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] #stats table {
        background-color: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border: none !important;
        margin-bottom: 0 !important;
        width: 100% !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] #stats caption {
        caption-side: top !important;
        padding: 0 0 12px 0 !important;
        background: transparent !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] #stats caption h4 {
        color: #34111A !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        border-left: 4px solid #8b2331 !important;
        padding-left: 12px !important;
        margin: 0 !important;
        font-size: 0.95rem !important;
        letter-spacing: 0.5px !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] #stats table th,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #stats table td {
        padding: 10px 12px !important;
        border: none !important;
        font-size: 0.85rem !important;
    }

    
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #filter,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate {
        display: inline-flex !important;
        flex-direction: column !important;
        width: calc(49.5% - 10px) !important;
        max-width: calc(49.5% - 10px) !important;
        vertical-align: top !important;
        margin-bottom: 20px !important;
        background: #fff !important;
        border-radius: 0px !important;
        overflow: hidden !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
        border: none !important;
        float: none !important;
        min-height: 480px !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] #filter {
        margin-right: 1% !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] #filter .card-header,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate .card-header {
        background-color: #34111A !important;
        color: #ffffff !important;
        padding: 15px 20px !important;
        border: none !important;
        box-shadow: none !important;
        flex-shrink: 0 !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .card-header h4.card-title {
        color: #ffffff !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        font-size: 0.95rem !important;
        margin: 0 !important;
        letter-spacing: 0.5px !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] #filter .card-body,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate .card-body {
        padding: 15px !important;
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #filter .card-body *,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate .card-body * {
        font-size: 10px !important;
        line-height: 1.4 !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] #filter .labelSpanStyle,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate .labelSpanStyle,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #filter label,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate label {
        font-size: 10px !important;
        font-weight: 600 !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] #filter .custom-control-label,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate .custom-control-label {
        font-size: 10px !important;
        padding-left: 5px !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] #filter .form-control,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate .form-control {
        font-size: 10px !important;
        padding: 5px 10px !important;
        height: auto !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] #filter select,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate select {
        font-size: 10px !important;
        padding: 5px 10px !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] #filter .form-group,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate .form-group {
        margin-bottom: 8px !important;
    }

    
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #filter .form-group.row .col-lg-2,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate .form-group.row .col-lg-2 {
        flex: 0 0 22% !important;
        max-width: 22% !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] #filter .form-group.row>.col-lg-5:first-of-type,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate .form-group.row>.col-lg-5:first-of-type {
        flex: 0 0 39% !important;
        max-width: 39% !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] #filter .form-group.row>.col-lg-5:last-of-type,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate .form-group.row>.col-lg-5:last-of-type {
        flex: 0 0 39% !important;
        max-width: 39% !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] #filter .btn-secondary,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate .btn-secondary {
        padding: 6px 15px !important;
        font-size: 10px !important;
        white-space: nowrap !important;
        width: 100% !important;
        max-width: 95px !important;
    }

    
    #contentModule1 form[name="portalInstructorGradingSheetForm"] .buttons button:not(#buttonSave),
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #filter .btn-secondary,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate .btn-secondary {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: #ffffff !important;
        box-shadow: none !important;
        background-image: none !important;
        border-radius: 2rem !important;
        border: 2px solid #ced4da !important;
        color: #555 !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
        cursor: pointer !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .buttons button:not(#buttonSave) {
        padding: 8px 22px !important;
        font-size: 0.8rem !important;
        margin-left: 8px !important;
        margin-bottom: 8px !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .buttons button:not(#buttonSave):hover,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #filter .btn-secondary:hover,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #batchUpdate .btn-secondary:hover {
        background-color: #fff !important;
        border-color: #8b2331 !important;
        color: #8b2331 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .buttons {
        display: flex !important;
        gap: 10px !important;
        flex-wrap: wrap !important;
        margin-top: 30px !important;
        border-top: 2px solid #f0f0f0 !important;
        padding-top: 25px !important;
    }

    
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #buttonPrintGrades::before,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #buttonPrintBlankGrades::before {
        content: "\f02f" !important;
        font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
        font-weight: 900 !important;
        margin-right: 8px !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] #buttonExportGrades::before {
        content: "\f56e" !important;
        font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
        font-weight: 900 !important;
        margin-right: 8px !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .btn-secondary[value="Go"]::before {
        content: "\f0a9" !important;
        font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
        font-weight: 900 !important;
        margin-right: 6px !important;
    }

    
    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .card {
        background: #ffffff !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 4px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
        margin-bottom: 20px !important;
        overflow: hidden !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .card-header {
        background-color: #34111A !important;
        color: #ffffff !important;
        padding: 12px 20px !important;
        border-bottom: none !important;
        border-radius: 0px !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .card-header label {
        color: #ffffff !important;
        font-weight: 600 !important;
        font-size: 0.95rem !important;
        margin-bottom: 0 !important;
        text-transform: none !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .card-header .custom-control-input:checked~.custom-control-label::before {
        background-color: #8b2331 !important;
        border-color: #8b2331 !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .card-header .backToTop {
        color: #ffffff !important;
        font-size: 0.8rem !important;
        text-decoration: none !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        font-weight: 600 !important;
        transition: opacity 0.3s ease !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .card-header .backToTop:hover {
        opacity: 0.8 !important;
        text-decoration: none !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .card-body {
        padding: 20px !important;
        background: #ffffff !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .card-body .row {
        display: flex !important;
        flex-wrap: nowrap !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .col-lg-6.grades {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding-right: 20px !important;
        border-right: 2px solid #f0f0f0 !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .col-lg-6.auditInfo {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding-left: 20px !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .form-group.row {
        margin-bottom: 10px !important;
        align-items: center !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry label,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .labelSpanStyle {
        font-size: 11px !important;
        font-weight: 600 !important;
        color: #555 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.3px !important;
        margin-bottom: 0 !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .card-header label {
        text-transform: none !important;
        font-size: 0.95rem !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry input.form-control,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry select.form-control {
        font-size: 14px !important;
        padding: 6px 10px !important;
        border: 1px solid #ced4da !important;
        border-radius: 4px !important;
        line-height: 1.4 !important;
        transition: border-color 0.2s ease !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry input.form-control:focus,
    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry select.form-control:focus {
        border-color: #8b2331 !important;
        box-shadow: 0 0 0 0.2rem rgba(139, 35, 49, 0.15) !important;
        outline: none !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .input-group.date {
        border: 1px solid #ced4da !important;
        border-radius: 4px !important;
        overflow: hidden !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .input-group.date input {
        border: none !important;
        font-size: 14px !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .input-group.date .input-group-text {
        background-color: #f8f9fa !important;
        border: none !important;
        border-left: 1px solid #ced4da !important;
        color: #8b2331 !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .input-group.date:focus-within {
        border-color: #8b2331 !important;
        box-shadow: 0 0 0 0.2rem rgba(139, 35, 49, 0.15) !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .custom-control-input:checked~.custom-control-label::before {
        background-color: #8b2331 !important;
        border-color: #8b2331 !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .custom-control-label {
        font-size: 11px !important;
        font-weight: 600 !important;
        color: #555 !important;
        text-transform: uppercase !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .form-group.row .col-lg-4 {
        flex: 0 0 33% !important;
        max-width: 33% !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .form-group.row .col-lg-8 {
        flex: 0 0 67% !important;
        max-width: 67% !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry input[disabled],
    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry select[disabled] {
        background-color: #f8f9fa !important;
        color: #6c757d !important;
        cursor: not-allowed !important;
    }

    #contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry .card-body>.form-horizontal>.row {
        display: flex !important;
        flex-wrap: nowrap !important;
    }

    
    #contentModule1 form[name="portalInstructorGradingSheetForm"] #students {
        clear: both !important;
        padding-top: 20px !important;
    }
}



#contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry *:focus {
    outline: 2px solid #8b2331 !important;
    outline-offset: 2px !important;
}

#contentModule1 form[name="portalInstructorGradingSheetForm"] .studentGradeEntry *:focus:not(:focus-visible) {
    outline: none !important;
}







#courseSearchResult_list table.table {
    width: 100% !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: rgb(23, 23, 23) !important;

    
    border: none !important;
}


#courseSearchResult_list table.table thead th {
    background-color: rgb(52, 17, 26) !important;
    
    color: white !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;

    padding: 13px 18px !important;
    vertical-align: middle !important;

    
    border: 1px solid rgb(52, 17, 26) !important;
    border-right: 1px solid rgb(221, 221, 221) !important;
    
    border-bottom: none !important;
}


#courseSearchResult_list table.table thead th:last-child {
    border-right: 1px solid rgb(52, 17, 26) !important;
}


#courseSearchResult_list table.table thead th a {
    color: white !important;
    text-decoration: none !important;
}




#courseSearchResult_list table.table tbody tr:nth-of-type(odd) {
    background-color: #f0f0f0 !important;
}


#courseSearchResult_list table.table tbody tr:nth-of-type(even) {
    background-color: #ffffff !important;
}


#courseSearchResult_list table.table tbody td {
    padding: 12px 15px !important;
    vertical-align: middle !important;

    
    border: 1px solid #dee2e6 !important;
    border-top: none !important;

    color: rgb(23, 23, 23) !important;
}



#courseSearchResult_list table.table tbody td.firstColumn {
    display: flex;
    align-items: center;
    border: none !important;
    background-color: inherit !important;
    
}


#courseSearchResult_list .courseName a {
    color: #34111a !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin-left: 8px !important;
    
}




#courseSearchResult_list .courseAvailability_available {
    
    background-color: #3EC3A4 !important;
    
    color: white !important;

    
    
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 4px !important;

    
    display: inline-block !important;
    
    padding: 6px 15px 6px 12px !important;
    
    white-space: nowrap !important;
    

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    
    font-size: 0.7rem !important;
    
    text-transform: uppercase !important;
    line-height: 1 !important;
}


#courseSearchResult_list .courseAvailability_available::before {
    
    content: "\f058";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
    

    
    font-size: 1em !important;
    
    margin-right: 6px !important;
    
    vertical-align: -1px !important;
    
    color: #fff !important;
}




#courseSearchResult_list .courseAvailability_not_yet_available {
    
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;

    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-bottom-left-radius: 4px !important;

    
    padding: 6px 15px 6px 12px !important;
    height: auto !important;

    
    background-color: #F5F5F5 !important;
    
    border: 1px solid #E0E0E0 !important;
    
    text-decoration: none !important;
    white-space: nowrap !important;
}



#courseSearchResult_list .courseAvailability_not_yet_available::before {
    content: "\f073";
    

    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: lighter !important;

    
    font-size: 0.7rem !important;
    line-height: 1 !important;

    color: #757575 !important;
    margin-right: 6px !important;

    
    visibility: visible !important;
}



#courseSearchResult_list .courseAvailability_not_yet_available::after {
    content: "Check Back";

    font-family: 'Montserrat', sans-serif !important;

    
    font-size: 0.7rem !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #616161 !important;

    
    visibility: visible !important;
}


#courseSearchResult_list .courseAvailability_not_yet_available:hover {
    background-color: #EEEEEE !important;
    border-color: #BDBDBD !important;
}


#courseSearchResult_list .courseAvailability_not_yet_available:hover::before,
#courseSearchResult_list .courseAvailability_not_yet_available:hover::after {
    color: #424242 !important;
}







#courseSearchResult_list table.table tbody td.firstColumn {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    
    justify-content: flex-start !important;
    border-top: none !important;
    padding: 15px !important;
}



#courseSearchResult_list table.table tbody td.firstColumn>div {
    display: flex !important;
    flex-direction: column !important;
    
    align-items: flex-start !important;
    
    justify-content: center !important;

    
    padding-left: 20px !important;
    flex: 1 !important;
    
}




#courseSearchResult_list .courseName a {
    color: #34111a !important;
    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    line-height: 1.3 !important;
    
    text-decoration: none !important;

    
    display: block !important;
    margin-left: 0 !important;
    
}


#courseSearchResult_list table.table tbody td a {
    color: #8b2331 !important;
    
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-decoration-color: #8b2331 !important;
    transition: color .3s, text-decoration-color .3s, opacity .3s !important;
}


#courseSearchResult_list table.table tbody td a:hover,
#courseSearchResult_list .courseName a:hover {
    color: #8b2331 !important;
    
    text-decoration: underline !important;
    text-decoration-color: #8b2331 !important;
}


#courseSearchResult_list .courseCode {
    color: #a6a6a6 !important;
    
    font-family: 'Montserrat', sans-serif !important;
    font-optical-sizing: auto !important;
    font-size: .79rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: .01rem !important;
    text-transform: uppercase !important;

    
    display: block !important;
    margin-left: 0 !important;
    
    margin-top: 4px !important;
    
}




#courseSearchResult_list img.noImage {
    display: none !important;
}


#courseSearchResult_list table.table a:has(img) {
    text-decoration: none !important;
    border: none !important;
    flex-shrink: 0 !important;
    
}


#courseSearchResult_list table.table a:has(img.noImage) {
    display: block !important;
    position: relative !important;
    width: 100px !important;
    
    height: 60px !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #eee !important;
    border-radius: 4px !important;
    cursor: pointer !important;
}


#courseSearchResult_list table.table a:has(img.noImage)::before {
    content: "\f19d";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;

    
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;

    
    font-size: 1.8rem !important;
    color: #ced4da !important;
    transition: color 0.3s ease, transform 0.3s ease !important;
}


#courseSearchResult_list table.table a:has(img.noImage):hover::before {
    color: #8b2331 !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}




#courseSearchResult_container .nav-tabs .nav-link {
    
    background-color: #f0f0f0 !important;

    
    color: #555555 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.58 !important;
    text-transform: uppercase !important;

    
    border: 1px solid #dee2e6 !important;
    border-radius: 0 !important;
    margin-right: 2px !important;
    padding: 8px 15px !important;
    padding-left: 0.6rem !important;

    
    
    border-top: 3px solid transparent !important;
    
    padding-top: 6px !important;

    
    
    transition: background-color 0.3s ease, color 0.3s ease, border-top-color 0.3s ease !important;
}


#courseSearchResult_container .nav-tabs .nav-link.active {
    
    background-color: #FFFFFF !important;

    
    color: #171717 !important;

    
    border-top-color: #8b2331 !important;
    

    
    border-bottom: 1px solid #ffffff !important;
    border-left: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
}


#courseSearchResult_container .nav-link .glyphicon {
    margin-right: 5px;
    font-size: 0.9em;
}


#courseSearchResult_container .nav-tabs {
    border-bottom: 1px solid #dee2e6 !important;
    margin-bottom: 15px !important;
}




#courseSearchResult_grid ul.grid {
    display: grid !important;
    
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}


#courseSearchResult_grid ul.grid li {
    
    float: none !important;
    
    width: auto !important;
    
    padding: 0 !important;
    
    margin: 0 !important;
    
    border: none !important;
    

    
    background-color: #FFFFFF !important;
    border: 1px solid #dee2e6 !important;
    
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    border-radius: 4px !important;

    
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    height: 100% !important;

    
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}


#courseSearchResult_grid ul.grid li:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12) !important;
}


#courseSearchResult_grid ul.grid li img {
    width: 100% !important;
    height: 180px !important;
    
    object-fit: cover !important;
    
    border-bottom: 1px solid #eee !important;
}


#courseSearchResult_grid .courseName {
    display: block !important;
    padding: 15px 15px 5px 15px !important;
    
}

#courseSearchResult_grid .courseName a {
    
    border-left: 3px solid #8b2331 !important;
    padding-left: 0.5rem !important;
    display: inline-block !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1.2 !important;
    letter-spacing: normal !important;

    
    color: #34111a !important;
    text-decoration: none !important;

    margin-bottom: 5px !important;
}


#courseSearchResult_grid .courseCode {
    display: block !important;
    padding: 0 15px 10px 15px !important;
    

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.79rem !important;
    font-weight: 700 !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    letter-spacing: 0.01rem !important;

    
    color: #a6a6a6 !important;
}



#courseSearchResult_grid .courseCampuses,
#courseSearchResult_grid .courseDelivery {
    padding: 0 15px 15px 15px !important;
    font-size: 0.9rem !important;
    color: #171717 !important;

    
    flex-grow: 1 !important;
}

#courseSearchResult_grid .courseCampuses a,
#courseSearchResult_grid .courseDelivery a,
#courseSearchResult_grid a[id^="linkinstructionMethod"] {
    color: #8b2331 !important;
    
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-decoration-color: #8b2331 !important;
    transition: color .3s, text-decoration-color .3s !important;
}


#courseSearchResult_grid .courseCampuses a:hover,
#courseSearchResult_grid .courseDelivery a:hover,
#courseSearchResult_grid a[id^="linkinstructionMethod"]:hover {
    color: #34111a !important;
    
    text-decoration-color: #34111a !important;
}


#courseSearchResult_grid .courseAvailability {
    display: block !important;
    margin-top: auto !important;
    
    padding: 12px !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    border-top: 1px solid #eee !important;
    background-color: #f9f9f9 !important;
    
}


#courseSearchResult_grid .courseAvailability_available {
    color: #3EC3A4 !important;
    
    background-color: #fff !important;
    
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 15px;
    font-size: 0.7rem !important;
}




#courseSearchResult_grid .courseAvailability_not_yet_available {
    
    font-size: 0 !important;
    color: transparent !important;

    
    display: block !important;
    
    background-color: #fff !important;
    
    padding: 12px !important;
    text-align: center !important;
    border-top: 1px solid #eee !important;

    
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 4px;
    
    border-bottom-left-radius: 15px;
    

    
    line-height: 1 !important;
    height: auto !important;
    text-decoration: none !important;
}


#courseSearchResult_grid .courseAvailability_not_yet_available::before {
    content: "\f073";
    

    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
    

    font-size: 0.8rem !important;
    
    color: #9E9E9E !important;
    
    margin-right: 6px !important;

    visibility: visible !important;
    vertical-align: middle !important;
}


#courseSearchResult_grid .courseAvailability_not_yet_available::after {
    content: "Check Back";

    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #757575 !important;
    

    visibility: visible !important;
    vertical-align: middle !important;
}


#courseSearchResult_grid .courseAvailability_not_yet_available:hover {
    background-color: #e0e0e0 !important;
    
}

#courseSearchResult_grid .courseAvailability_not_yet_available:hover::after,
#courseSearchResult_grid .courseAvailability_not_yet_available:hover::before {
    color: #424242 !important;
    
}




#courseSearchResult_grid ul.grid li img.noImage {
    display: none !important;
}


#courseSearchResult_grid ul.grid li a:has(img.noImage) {
    
    display: block !important;
    position: relative !important;

    
    width: 90% !important;
    height: 80px !important;

    
    background-color: #f9f9f9 !important;
    
    
    border-radius: 8px !important;

    
    margin-top: 15px !important;
    
    margin-left: auto !important;
    
    margin-right: auto !important;
    
    margin-bottom: 0 !important;

    
    cursor: pointer !important;
    text-decoration: none !important;
}


#courseSearchResult_grid ul.grid li a:has(img.noImage)::before {
    content: "\f19d";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;

    
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    
    transform: translate(-50%, -50%) !important;

    
    font-size: 2.5rem !important;
    
    color: #ced4da !important;

    
    transition: color 0.3s ease, transform 0.3s ease !important;
}


#courseSearchResult_grid ul.grid li:hover a:has(img.noImage)::before {
    color: #8b2331 !important;

    
    
    transform: translate(-50%, -50%) scale(1.1) !important;
}



@media (max-width: 767px) {

    
    
    #courseSearchResult_list table.table tbody td.firstColumn>div {
        
        flex: 1 !important;

        
        padding-left: 15px !important;

        
        text-align: left !important;

        
        min-width: 0 !important;
    }

    
    
    #courseSearchResult_list .courseName a {
        margin-left: 0 !important;
        display: block !important;
        
    }

    #courseSearchResult_list .courseCode {
        margin-left: 0 !important;
        text-align: left !important;
    }
}



@media (min-width: 769px) {

    
    #checkoutBreadcrumb .breadcrumb {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 25px 0 !important;
        background-color: #f0f0f0 !important;
    }

    #checkoutBreadcrumb .breadcrumb-item {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 10px !important;
        font-family: Montserrat, sans-serif !important;
        font-size: 0.9rem !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
    }

    
    #checkoutBreadcrumb .breadcrumb .breadcrumb-item::before {
        content: "\2713" !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        margin-right: 8px !important;
        border-radius: 50% !important;
        font-size: 1rem !important;
        font-weight: 700 !important;
        flex-shrink: 0 !important;
    }

    
    #checkoutBreadcrumb .breadcrumb .breadcrumb-item:has(~ .active)::before {
        content: "\2713" !important;
        background-color: #8b2331 !important;
        color: #fff !important;
        border: 2px solid #8b2331 !important;
    }

    #checkoutBreadcrumb .breadcrumb .breadcrumb-item:has(~ .active) {
        color: #8b2331 !important;
    }

    
    #checkoutBreadcrumb .breadcrumb .breadcrumb-item.active::before {
        content: "\2713" !important;
        background-color: #8b2331 !important;
        color: #fff !important;
        border: 2px solid #8b2331 !important;
        transform: scale(1.3) !important;
        box-shadow: 0 0 0 4px rgba(139, 35, 49, 0.2) !important;
        margin-right: 14px !important;
    }

    #checkoutBreadcrumb .breadcrumb .breadcrumb-item.active {
        color: #8b2331 !important;
        font-weight: 900 !important;
    }

    
    #checkoutBreadcrumb .breadcrumb .active~.breadcrumb-item::before {
        content: "\2713" !important;
        background-color: #f8f9fa !important;
        border: 2px solid #ccc !important;
        color: #ccc !important;
    }

    #checkoutBreadcrumb .breadcrumb .active~.breadcrumb-item {
        color: #999 !important;
    }

    
    #checkoutBreadcrumb .breadcrumb .breadcrumb-item:not(:last-child)::after {
        content: "" !important;
        display: block !important;
        position: relative !important;
        width: 40px !important;
        height: 4px !important;
        background-color: #8b2331 !important;
        margin: 0 8px !important;
        border-radius: 2px !important;
        flex-shrink: 0 !important;
    }

    
    #checkoutBreadcrumb .breadcrumb .breadcrumb-item.active::after {
        background-color: #a6a6a6 !important;
    }

    #checkoutBreadcrumb .breadcrumb .active~.breadcrumb-item::after {
        background-color: #a6a6a6 !important;
    }
}




#pageCheckoutLogin #checkoutBreadcrumb .breadcrumb-item:first-child {
    color: #8b2331 !important;
    font-weight: 900 !important;
}

#pageCheckoutLogin #checkoutBreadcrumb .breadcrumb-item:first-child::before {
    background-color: #8b2331 !important;
    color: #fff !important;
    border: 2px solid #8b2331 !important;
    transform: scale(1.3) !important;
    box-shadow: 0 0 0 4px rgba(139, 35, 49, 0.2) !important;
    margin-right: 14px !important;
}

#pageCheckoutLogin #checkoutBreadcrumb .breadcrumb-item:first-child::after {
    background-color: #a6a6a6 !important;
}


#pageCheckoutLogin #checkoutBreadcrumb .breadcrumb-item:nth-child(n+2) {
    color: #999 !important;
    font-weight: 700 !important;
}

#pageCheckoutLogin #checkoutBreadcrumb .breadcrumb-item:nth-child(n+2)::before {
    background-color: #f8f9fa !important;
    border: 2px solid #ccc !important;
    color: #ccc !important;
}

#pageCheckoutLogin #checkoutBreadcrumb .breadcrumb-item:nth-child(2)::after {
    background-color: #a6a6a6 !important;
}






#buttonProfileUpdate {
    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    
    border-radius: 2rem !important;
    padding: 8px 20px !important;

    
    background-color: #ffffff !important;
    border: 1px solid #ced4da !important;
    color: #555 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0 !important;
    
    text-decoration: none !important;
    text-transform: none !important;

    
    transition: all 0.3s ease !important;

    
    float: none !important;
}


#buttonProfileUpdate::before {
    content: "\f044";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    

    margin-right: 8px !important;
    font-size: 1rem !important;
    color: inherit !important;
}


#buttonProfileUpdate::after {
    content: "Edit Profile";
    
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    display: inline-block !important;
    color: inherit !important;
}


#buttonProfileUpdate:hover {
    background-color: #fff !important;
    border-color: #8b2331 !important;
    color: #8b2331 !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
}


#buttonProfileUpdate:focus {
    box-shadow: 0 0 0 3px rgba(139, 35, 49, 0.1) !important;
}


@media (max-width: 767px) {

    #buttonProfileUpdate {
        width: 100% !important;
        margin-bottom: 15px !important;
        padding: 12px 20px !important;
    }

    #buttonProfileUpdate::after {
        font-size: 0.9rem !important;
    }

    #buttonProfileUpdate.float-right {
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}




.cartContainerColumnHeaders {
    
    background-color: rgb(52, 17, 26) !important;
    
    color: white !important;
    border: 1px solid rgb(52, 17, 26) !important;
    
    border-bottom: none !important;

    
    display: flex !important;
    flex-wrap: nowrap !important;
    

    
    
    align-items: stretch !important;

    
    margin-bottom: 10px !important;
    padding: 0 !important;
    width: 100% !important;
}


.cartContainerColumnHeaders>div {
    
    
    flex-basis: auto !important;

    
    display: flex !important;
    align-items: center !important;
    
    padding: 13px 18px !important;
    

    
    
    border-right: 1px solid rgb(221, 221, 221) !important;

    
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
}


.cartContainerColumnHeaders>div:last-child {
    border-right: none !important;
}



.cartContainerColumnHeaders .cartHeader,
.cartContainerColumnHeaders span {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.6rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: white !important;
}






.cartItemDescriptionContainer .cartItemName a {
    
    color: #8b2331 !important;
    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    
    font-size: 0.9rem !important;
    

    
    text-decoration: underline !important;
    text-decoration-color: #8b2331 !important;

    
    transition: color 0.3s ease, text-decoration-color 0.3s ease !important;
}


.cartItemDescriptionContainer .cartItemName a:hover {
    color: #34111a !important;
    
    text-decoration-color: #34111a !important;
}


.cartItemUpdateLinksContainerItemColumn .cartRemoveItem a {
    color: #8b2331 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    
    font-size: 0.9rem !important;

    text-decoration: underline !important;
    text-decoration-color: #8b2331 !important;

    transition: color 0.3s ease !important;
}


.cartItemUpdateLinksContainerItemColumn .cartRemoveItem a:hover {
    color: #34111a !important;
    text-decoration-color: #34111a !important;
}



.cartItemDescriptionContainer .cartItemCode {
    color: #a6a6a6 !important;
    font-family: Montserrat, sans-serif !important;
    font-optical-sizing: auto !important;
    font-size: .79rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: .01rem !important;
    text-transform: uppercase !important;
    margin-top: 5px !important;
}


.cartItemDescriptionContainer .label-courseBadge {
    background-color: #E9E5E5;
    color: #34111A;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 0.7rem;
    text-transform: uppercase;
    padding: 4px 10px 4px 10px;
    margin-bottom: 10px;
    margin-top: 15px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 50px;
}

.cartItemDescriptionContainer .label-courseBadge::before {
    content: "\f02d";
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    margin-right: 8px;
    color: #8e2736;
}




@media (max-width: 767px) {

    
    
    .cartItemUpdateLinksContainerMobile ul.list-inline,
    .cartItemUpdateLinksContainerMobile .cartItemUpdateLinksSection {
        display: flex !important;
        flex-direction: column !important;
        
        gap: 15px !important;
        
        padding-left: 0 !important;
        margin-bottom: 0 !important;
        width: 100% !important;
        align-items: center !important;
    }

    
    
    .cartItemUpdateLinksContainerMobile .cartItemUpdateLinksSection>span {
        display: contents !important;
    }

    
    .cartItemUpdateLinksContainerMobile li.list-inline-item {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    
    
    .cartItemUpdateLinksContainerMobile .btn {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;

        
        min-height: 50px !important;
        height: auto !important;

        
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 700 !important;
        font-size: 0.9rem !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05em !important;
        text-decoration: none !important;
        white-space: normal !important;

        
        background-color: #ffffff !important;
        border: 1px solid #ced4da !important;
        color: #555555 !important;
        border-radius: 50px !important;
        padding: 0 15px !important;
        transition: all 0.3s ease !important;
        box-shadow: none !important;
        margin-bottom: 0 !important;
    }

    
    .cartItemUpdateLinksContainerMobile .btn:hover {
        background-color: #fff !important;
        border-color: #8b2331 !important;
        color: #8b2331 !important;
        transform: translateY(-2px) !important;
    }

    
    .cartItemUpdateLinksContainerMobile .btn i,
    .cartItemUpdateLinksContainerMobile .btn .fa,
    .cartItemUpdateLinksContainerMobile .btn .fas,
    .cartItemUpdateLinksContainerMobile .btn .fa-icon-injected,
    .cartItemUpdateLinksContainerMobile .btn::before {
        
        font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
        font-weight: 900 !important;
        margin-right: 10px !important;
        font-size: 1.1em !important;
        line-height: 1 !important;
        color: inherit !important;
        display: inline-block !important;
        font-style: normal !important;
    }

    
    

    
    .cartItemUpdateLinksContainerMobile .cartRemoveItem .btn::before {
        content: "\f2ed" !important;
    }

    
    .cartItemUpdateLinksContainerMobile .cartSaveForLater .btn::before {
        content: "\f02e" !important;
    }

    
    .cartItemUpdateLinksContainerMobile .cartAddSavedItem .btn::before {
        content: "\f217" !important;
    }

}





@media (min-width: 992px) {

    
    body div#shoppingCartContent form div.shoppingCartButtonsTop div.col-12,
    body div#shoppingCartContent form div.shoppingCartButtonsBottom div.col-12,
    body .shoppingCartButtonsTop .col-12,
    body .shoppingCartButtonsBottom .col-12,
    body .form-row.buttons .col-12 {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 15px !important;
        flex-wrap: nowrap !important;
    }

    
    body button#buttonCheckoutTop.btn.btn-primary.cartCheckoutButton,
    body button#buttonCheckoutBottom.btn.btn-primary.cartCheckoutButton,
    body button#buttonKeepShopping.btn.btn-secondary {
        
        background-image: none !important;
        border-radius: 0 !important;
        color: #ffffff !important;
        width: auto !important;
        min-width: 180px !important;
        max-width: 250px !important;
        height: auto !important;
        padding: 1.25rem 1.9rem !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 700 !important;
        font-size: 0.942rem !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05em !important;
        text-decoration: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        flex-shrink: 0 !important;
        transition: background-color 0.3s ease !important;
    }

    
    body button#buttonCheckoutTop.btn.btn-primary.cartCheckoutButton,
    body button#buttonCheckoutBottom.btn.btn-primary.cartCheckoutButton {
        background-color: #d51f37 !important;
        border: 1px solid #d51f37 !important;
    }

    body button#buttonKeepShopping.btn.btn-secondary {
        background-color: #8b2331 !important;
        border: 1px solid #8b2331 !important;
    }

    
    body button#buttonCheckoutTop.btn.btn-primary.cartCheckoutButton:hover,
    body button#buttonCheckoutBottom.btn.btn-primary.cartCheckoutButton:hover,
    body button#buttonKeepShopping.btn.btn-secondary:hover {
        background-color: #6a1b26 !important;
        border-color: #6a1b26 !important;
    }

    
    
    #mainContent li.cartRemoveItem a,
    #mainContent li.cartSaveForLater a,
    a[onclick*="changeSectionSelection"],
    a[onclick*="doRemoveBundleFromTransactionBasket"],
    a[onclick*="saveBundleForLater"] {

        
        background-color: #ffffff !important;
        background-image: none !important;
        border: 1px solid #ced4da !important;
        border-radius: 2rem !important;
        color: #555555 !important;
        padding: 6px 16px !important;
        min-height: 32px !important;
        

        
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        width: auto !important;
        margin: 0 5px 0 0 !important;

        
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 600 !important;
        font-size: 0.75rem !important;
        
        text-decoration: none !important;
        text-transform: none !important;
        transition: all 0.3s ease !important;
    }

    
    #mainContent li.cartRemoveItem a:hover,
    #mainContent li.cartSaveForLater a:hover,
    a[onclick*="changeSectionSelection"]:hover,
    a[onclick*="doRemoveBundleFromTransactionBasket"]:hover,
    a[onclick*="saveBundleForLater"]:hover {
        border-color: #8b2331 !important;
        color: #8b2331 !important;
        text-decoration: none !important;
    }

    
    

    
    #mainContent li.cartRemoveItem a::before,
    a[onclick*="doRemoveBundleFromTransactionBasket"]::before {
        content: "\f2ed" !important;
    }

    
    #mainContent li.cartSaveForLater a::before,
    a[onclick*="saveBundleForLater"]::before {
        content: "\f02e" !important;
    }

    
    a[onclick*="changeSectionSelection"]::before {
        content: "\f1b3" !important;
    }

    
    a[onclick*="doAddSavedItemToCart"]::before {
        content: "\f217" !important;
    }

    
    #mainContent li.cartRemoveItem a::before,
    #mainContent li.cartSaveForLater a::before,
    a[onclick*="changeSectionSelection"]::before,
    a[onclick*="doRemoveBundleFromTransactionBasket"]::before,
    a[onclick*="saveBundleForLater"]::before,
    body button.cartCheckoutButton::before {
        font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
        font-weight: 900 !important;
        margin-right: 8px !important;
        font-size: 1rem !important;
        color: inherit !important;
        display: inline-block !important;
    }

    
    body button.cartCheckoutButton::before {
        content: "\f07a" !important;
        
        font-size: 1.1em !important;
    }

    
    #buttonCheckoutTop i,
    #buttonCheckoutBottom i,
    #buttonKeepShopping i,
    #mainContent li.cartRemoveItem a i,
    #mainContent li.cartSaveForLater a i,
    .cartItemUpdateLinksContainerItemColumn a i,
    #cartCheckoutLockIconTop,
    #cartCheckoutLockIconBottom,
    span.cartCheckoutLockIcon,
    .cartCheckoutLockIcon.glyphicon {
        display: none !important;
        visibility: hidden !important;
    }

}





#mainContent li .architect-pill::before,
#mainContent li a.architect-pill::before,
#mainContent .architect-pill::before,
body .architect-pill::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    margin: 0 !important;
}


#mainContent li .architect-pill i.architect-icon,
#mainContent li a.architect-pill i.architect-icon,
#mainContent .architect-pill i.architect-icon,
body .architect-pill i.architect-icon {
    display: inline-block !important;
    
    visibility: visible !important;
    opacity: 1 !important;

    
    margin-right: 6px !important;
    font-size: 1.1em !important;
    line-height: 1 !important;
    color: inherit !important;
    width: auto !important;
    height: auto !important;
    position: static !important;
}


.architect-pill .fas,
.architect-pill .fa {
    display: inline-block !important;
}






body .cartItemUpdateLinksSection a[onclick*="changeSectionSelection"],
body .cartItemUpdateLinksSection a[onclick*="doRemoveBundleFromTransactionBasket"],
body .cartItemUpdateLinksSection a[onclick*="saveBundleForLater"] {
    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    
    padding: 6px 16px !important;
    height: auto !important;
    min-height: 32px !important;

    
    border-radius: 2rem !important;
    border: 1px solid rgb(206, 212, 218) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: rgb(85, 85, 85) !important;
    text-decoration: none !important;
    line-height: 1.5 !important;
    text-transform: none !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transition: all 0.2s ease-in-out !important;
    margin: 5px 0 0 0 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}


body a[onclick*="changeSectionSelection"]::before {
    content: "\f1b3" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    margin-right: 8px !important;
    color: #555 !important;
}

body a[onclick*="doRemoveBundleFromTransactionBasket"]::before {
    content: "\f2ed" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    margin-right: 8px !important;
    color: inherit !important;
}

body a[onclick*="saveBundleForLater"]::before {
    content: "\f02e" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    margin-right: 8px !important;
    color: inherit !important;
}


body .cartItemUpdateLinksSection a:hover {
    color: #8b2331 !important;
    border-color: #8b2331 !important;
}

body .cartItemUpdateLinksSection a:hover::before {
    color: #8b2331 !important;
}



@media (max-width: 991px) {

    
    .cartItemUpdateLinksContainerMobile .cartItemUpdateLinksSection {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        margin-top: 10px !important;
    }

    .cartItemUpdateLinksContainerMobile .cartItemUpdateLinksSection>span {
        display: contents !important;
    }

    
    body .cartItemUpdateLinksSection a[onclick*="changeSectionSelection"],
    body .cartItemUpdateLinksSection a[onclick*="doRemoveBundleFromTransactionBasket"],
    body .cartItemUpdateLinksSection a[onclick*="saveBundleForLater"] {
        text-transform: uppercase !important;
        min-height: 50px !important;
        
        height: 50px !important;
        
        font-size: 14px !important;
        
        padding: 0 20px !important;
        
        flex-grow: 1 !important;
        
        margin: 0 !important;
    }
}





#savedForLaterListContent {
    background-color: #fff !important;
    
    padding: 15px 15px 5px 15px !important;
    border-radius: 4px !important;
    margin-top: 20px !important;
    border: 1px dotted #e6e6e6 !important;
    

    
    display: block !important;
    box-sizing: border-box !important;
}



#savedForLaterListHeader .shoppingCartSectionHeader::before {
    content: "\f02e" !important;
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;

    
    color: #171717 !important;
    
    font-size: 2rem !important;

    
    margin-right: 10px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    position: relative !important;
    top: -2px !important;
    line-height: 1 !important;
}




.savedForLaterListContainer>.form-row:empty {
    border-bottom: 1px dotted #cccccc !important;
    margin: 20px 8px !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    display: block !important;
    width: auto !important;
    float: none !important;
}



#savedSections .form-row {
    border-bottom: 1px dotted #cccccc !important;
    
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
}






.cartItemFeeGroup fieldset {
    display: flex !important;
    flex-direction: column !important;
    
    align-items: flex-start !important;
    
    width: 100% !important;
}


.cartItemFeeHeader {
    width: 100% !important;
    text-align: left !important;
    
    margin-bottom: 2px !important;
    
    padding: 0 !important;
}

.cartItemFeeHeader legend {
    text-align: left !important;
    font-weight: 700 !important;
    
    margin-bottom: 0 !important;
}


.cartItemFeeGroup .panelSection,
.cartItemFeeGroup .panelRow {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    
    margin: 0 !important;
    padding: 0 !important;
}


.feeDescriptionContainer {
    display: flex !important;
    flex-direction: row !important;
    
    justify-content: flex-start !important;
    
    align-items: center !important;
    flex-wrap: wrap !important;
    
}



.feeDescriptionContainer>span:first-child {
    margin-left: 0 !important;
}


.feeDescriptionContainer>span {
    margin-right: 5px !important;
}





.cartItemFeaturedImageContainer img[src*="image_not_available"] {
    display: none !important;
}



.cartItemFeaturedImageContainer:has(img[src*="image_not_available"]) {
    display: block !important;
    position: relative !important;

    
    width: 100% !important;
    height: 100px !important;
    

    
    background-color: #f9f9f9 !important;
    border: 1px solid #eee !important;
    border-radius: 4px !important;

    
    overflow: hidden !important;
}


.cartItemFeaturedImageContainer:has(img[src*="image_not_available"])::before {
    content: "\f19d";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;

    
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;

    
    font-size: 2.5rem !important;
    
    color: #ced4da !important;
    

    
    transition: color 0.3s ease, transform 0.3s ease !important;
}


.cartItemFeaturedImageContainer:has(img[src*="image_not_available"]):hover::before {
    color: #8b2331 !important;
    

    
    transform: translate(-50%, -50%) scale(1.1) !important;
}




.cartCheckoutButton .cartCheckoutLockIcon::before {
    
    content: "\f07a" !important;

    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    

    
    margin-right: 5px !important;
    
    font-size: 1.1em !important;
    
    vertical-align: middle !important;

    
    color: inherit !important;
}






.cartItemFeeGroupPriceAdjustment>fieldset {
    position: relative !important;
    background: linear-gradient(160deg, #ffacb7 0%, #8B2331 100%) !important;
    border-radius: 14px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: none !important;
    transition: all 0.3s ease !important;
    
    outline: 2px dotted rgba(255, 255, 255, 0.5) !important;
    outline-offset: -6px !important;
}

.cartItemFeeGroupPriceAdjustment>fieldset:hover {
    transform: translateY(-2px) !important;
}


.cartItemFeeGroupPriceAdjustment>fieldset::before {
    content: '' !important;
    position: absolute !important;
    left: -10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    background: #fff !important;
    border-radius: 50% !important;
    z-index: 10 !important;
}


.cartItemFeeGroupPriceAdjustment>fieldset::after {
    content: '' !important;
    position: absolute !important;
    right: -10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    background: #fff !important;
    border-radius: 50% !important;
    z-index: 10 !important;
}


.panelRow.cartItemFeeHeader:has([id$="_applyDiscount"]) {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    position: relative !important;
    z-index: 1 !important;
}


.cartItemDiscountContainer {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 20px !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}


.panelRow.cartItemFeeHeader .custom-control-input[id$="_applyDiscount"] {
    position: relative !important;
    opacity: 1 !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background: rgba(255, 255, 255, 0.3) !important;
    border: 2px solid rgba(255, 255, 255, 0.8) !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;
    z-index: 2 !important;
}

.panelRow.cartItemFeeHeader .custom-control-input[id$="_applyDiscount"]:checked {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: #fff !important;
}

.panelRow.cartItemFeeHeader .custom-control-input[id$="_applyDiscount"]:checked::after {
    content: "\2713" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #8B2331 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}


.panelRow.cartItemFeeHeader .custom-control-label {
    font: 700 0.95rem 'Montserrat', sans-serif !important;
    color: #fff !important;
    cursor: pointer !important;
    margin: 0 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
    user-select: none !important;
}


.panelRow.cartItemFeeHeader .custom-control-label::before {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.panelRow.cartItemFeeHeader .custom-control-label::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}


.panelRow.cartItemFeeHeader .desktopPopupDialog {
    margin-left: auto !important;
    z-index: 0 !important;
}

.panelRow.cartItemFeeHeader .desktopPopupDialog .glyphicon-question-sign {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 16px !important;
    cursor: help !important;
    transition: all 0.2s ease !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.panelRow.cartItemFeeHeader .desktopPopupDialog .glyphicon-question-sign:hover {
    color: rgba(255, 255, 255, 1) !important;
    transform: scale(1.05) !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}


.cartItemDiscountContainer .cartItemFeeHeader {
    display: none !important;
}


.cartItemDiscountContainer .form-check::before {
    content: "Enter your code here, then checkout to activate savings!" !important;
    display: block !important;
    font: 500 0.85rem 'Montserrat', sans-serif !important;
    color: rgba(255, 255, 255, 0.95) !important;
    text-align: center !important;
    margin-bottom: 16px !important;
    line-height: 1.4 !important;
}


.cartItemDiscountContainer .couponCode {
    display: flex !important;
    gap: 8px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    padding: 12px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    backdrop-filter: blur(10px) !important;
}

.cartItemDiscountContainer .couponCode input {
    flex: 1 !important;
    height: 40px !important;
    padding: 0 12px !important;
    border: 2px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 6px !important;
    font: 500 0.9rem 'Montserrat', sans-serif !important;
    background: #fff !important;
    color: #2c3e50 !important;
    transition: all 0.2s ease !important;
}

.cartItemDiscountContainer .couponCode input:focus {
    outline: none !important;
    border-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3) !important;
}

.cartItemDiscountContainer .couponCode input::placeholder {
    color: rgba(44, 62, 80, 0.5) !important;
}




.cartItemFeeGroupPriceAdjustment .panelRow.cartItemOptions {
    background: transparent !important;
    color: #fff !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    font-family: 'Montserrat', sans-serif !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 8px 0 !important;
    transition: all 0.3s ease !important;
    
    outline-offset: -8px !important;
}


.cartItemFeeGroupPriceAdjustment .panelRow.cartItemOptions:hover {
    transform: translateY(-2px) !important;
}


.cartItemFeeGroupPriceAdjustment .panelRow.cartItemOptions .noColonLabel {
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    background: transparent;
    padding: 4px;
    border-radius: 4px;
    border: 1px #fff solid;
}


.cartItemFeeGroupPriceAdjustment .panelRow.cartItemOptions .amountCol {
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
}

.cartItemFeeGroupPriceAdjustment .panelRow.cartItemOptions .negativeAmount {
    color: #8B2331 !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    background: #fff;
    padding: 4px;
    border-radius: 4px;
}

.cartItemFeeGroupPriceAdjustment .panelRow.cartItemOptions .negativeAmount::before {
    content: "\f02b" !important;
    
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    
    color: #8B2331 !important;
    margin-right: 6px !important;
    display: inline-block !important;
}



@media (max-width: 767px) {

    
    .panelRow.cartItemFeeHeader:has([id$="_applyDiscount"]) {
        padding: 12px 16px !important;
    }

    .cartItemDiscountContainer {
        padding: 16px !important;
    }

    .cartItemDiscountContainer .form-check::before {
        font-size: 0.8rem !important;
        padding: 0 10px !important;
    }

    .cartItemDiscountContainer .couponCode {
        flex-direction: column !important;
    }

    .cartItemDiscountContainer .couponCode input {
        width: 100% !important;
        font-size: 0.85rem !important;
    }

    
    .cartItemFeeGroupPriceAdjustment>fieldset::before,
    .cartItemFeeGroupPriceAdjustment>fieldset::after {
        width: 16px !important;
        height: 16px !important;
    }

    .cartItemFeeGroupPriceAdjustment>fieldset::before {
        left: -8px !important;
    }

    .cartItemFeeGroupPriceAdjustment>fieldset::after {
        right: -8px !important;
    }

    
    .cartItemFeeGroupPriceAdjustment .panelRow.cartItemOptions {
        padding: 10px 16px !important;
        font-size: 0.85rem !important;
        outline-offset: -6px !important;
    }

    .cartItemFeeGroupPriceAdjustment .panelRow.cartItemOptions .noColonLabel {
        font-size: 0.85rem !important;
    }

    .cartItemFeeGroupPriceAdjustment .panelRow.cartItemOptions .amountCol {
        font-size: 0.9rem !important;
    }
}






.cartContainer>.form-row:not(.cartContainerColumnHeaders),
#cart-items {
    background-color: #fff;
    border: 1px solid #e9ecef;
    border-radius: 0.25rem;
    padding: 20px 15px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


.cartContainer>.form-row:not(.cartContainerColumnHeaders):hover,
#cart-items:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    border-color: #ced4da;
}



.cartItemFeaturedImagePlaceholderText {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100px !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #eee !important;
    border-radius: 0.25rem !important;
    overflow: hidden !important;
    color: transparent !important;
    font-size: 0 !important;
}


.cartItemFeaturedImagePlaceholderText::before {
    content: "\f3d1";
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.5rem;
    color: #ced4da;
    transition: all 0.3s ease;
}


.cartItemFeaturedImagePlaceholderText:hover::before {
    color: #8b2331;
    transform: translate(-50%, -50%) scale(1.1);
}




.cartItemName {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1rem !important;
    line-height: 1.2em !important;
    margin-bottom: 5px;
    display: block;
}


.cartItemDescriptionContainer .cartItemName a[id^="courseProfile"] {
    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    
    color: #8b2331 !important;
    text-decoration: underline !important;

    
    display: inline-block !important;
    padding-bottom: 2px !important;
    margin-bottom: 5px !important;

    
    transition: color 0.2s ease, border-bottom-color 0.2s ease !important;
}


.cartItemDescriptionContainer .cartItemName a[id^="courseProfile"]:hover {
    color: #34111a !important;
    text-decoration: none !important;
}


.cartItemDescriptionContainer .cartItemName a[id^="courseProfile"]:focus {
    outline-offset: 2px !important;
    color: #8b2331 !important;
}


.cartItemDescriptionContainer .cartItemName a[id^="courseProfile"] strong {
    font-weight: inherit !important;
    color: inherit !important;
    font-size: inherit !important;
}


.cartItemName a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    line-height: 1.2em !important;
    color: #34111A !important;
    text-decoration: none !important;
    display: block;
}

.cartItemName a:hover {
    color: #8b2331 !important;
    text-decoration: underline !important;
}


.cartItemCode {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    color: #a6a6a6 !important;
    margin-bottom: 10px;
    font-weight: 500 !important;
}


.badge.label-courseBadge,
.badge.label-otherFeeBadge {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px !important;
    border-radius: 0.25rem !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
    margin-bottom: 12px !important;
}


.badge.label-courseBadge {
    background-color: #E9E5E5 !important;
    color: #34111A !important;
}

.badge.label-otherFeeBadge {
    background-color: #fcece4 !important;
    color: #8b2331 !important;
}


.badge.label-courseBadge::before {
    content: "\f02d";
    margin-right: 6px;
    font-family: "Font Awesome 5 Free", sans-serif;
}

.badge.label-otherFeeBadge::before {
    content: "\f155";
    margin-right: 6px;
    font-family: "Font Awesome 5 Free", sans-serif;
}


.cartItemDescriptionContainer .label-certificateBadge {
    background-color: #E9E5E5 !important;
    color: #34111A !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 12px !important;
    border-radius: 0.25rem !important;
    margin-bottom: 12px !important;
    margin-top: 5px !important;
}

.cartItemDescriptionContainer .label-certificateBadge::before {
    content: "\f559";
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    margin-right: 8px !important;
    color: #8e2736 !important;
    font-size: 0.9em !important;
}





#savedBundles .label-certificateBadge,
.savedForLaterListDetails .label-certificateBadge {
    background-color: #00A0DD !important;
    
    color: #fff !important;
    

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;

    
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 12px !important;
    border-radius: 0.25rem !important;
    margin-bottom: 12px !important;
    margin-top: 5px !important;

    
    border: none !important;
    line-height: normal !important;
}



#savedBundles .label-certificateBadge::before,
.savedForLaterListDetails .label-certificateBadge::before {
    content: "\f559" !important;
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;

    
    margin-right: 8px !important;
    color: #1B3768 !important;
    
    font-size: 0.9em !important;
    display: inline-block !important;
    vertical-align: middle !important;
}


.shoppingCartAmount,
.cartItemFee {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    color: #34111A !important;
    margin-bottom: 1rem;
}

.cartItemUpdateLink a {
    font-size: 0.85rem;
    color: #a6a6a6 !important;
    text-decoration: none !important;
    border-bottom: 1px dotted #999;
    transition: all 0.2s ease;
    font-weight: 500 !important;
}

.cartItemUpdateLink a:hover {
    color: #D41F37 !important;
    border-bottom: 1px solid #D41F37 !important;
}




@media (max-width: 767px) {
    .cartItemDescriptionContainer .cartItemName a[id^="courseProfile"] {
        font-size: 1rem !important;
    }
}





.cartItemDescriptionContainer .label-certificateBadge {
    
    background-color: #00A0DD !important;
    
    color: #fff !important;
    

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    
    font-size: 0.7rem !important;
    
    text-transform: uppercase !important;
    
    letter-spacing: 0.5px !important;

    
    display: inline-flex !important;
    
    align-items: center !important;
    padding: 6px 12px !important;
    
    border-radius: 0.25rem !important;
    

    
    margin-bottom: 12px !important;
    margin-top: 5px !important;
    
}


.cartItemDescriptionContainer .label-certificateBadge::before {
    
    
    content: "\f559";

    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    

    
    margin-right: 8px !important;
    
    color: #1B3768 !important;
    
    font-size: 0.9em !important;
    
}



.shoppingCartAmount,
.cartItemFee {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    color: #34111A !important;
    margin-bottom: 1rem;
}

.cartItemUpdateLink a {
    font-size: 0.85rem;
    color: #a6a6a6 !important;
    text-decoration: none !important;
    border-bottom: 1px dotted #999;
    transition: all 0.2s ease;
    font-weight: 500 !important;
}

.cartItemUpdateLink a:hover {
    color: #D41F37 !important;
    border-bottom: 1px solid #D41F37 !important;
}



@media (max-width: 767px) {

    
    .cartItemUpdateLinksContainerMobile ul.list-inline {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        padding-left: 0 !important;
        margin-bottom: 0 !important;
        width: 100% !important;
    }

    .cartItemUpdateLinksContainerMobile li.list-inline-item {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    
    .cartItemUpdateLinksContainerMobile .btn {
        
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;

        
        min-height: 50px !important;
        height: auto !important;

        
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 700 !important;
        font-size: 0.9rem !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05em !important;
        text-decoration: none !important;
        white-space: normal !important;

        
        background-color: #ffffff !important;
        border: 1px solid #ced4da !important;
        
        color: #555555 !important;
        
        border-radius: 50px !important;
        

        
        margin-bottom: 0 !important;
        padding: 0 15px !important;

        
        transition: all 0.3s ease !important;
        box-shadow: none !important;
    }

    
    
    .cartItemUpdateLinksContainerMobile .btn i,
    .cartItemUpdateLinksContainerMobile .btn .fa,
    .cartItemUpdateLinksContainerMobile .btn .fas,
    .cartItemUpdateLinksContainerMobile .btn .fa-icon-injected {

        
        font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
        font-weight: 900 !important;

        
        margin-right: 10px !important;
        font-size: 1.1em !important;
        line-height: 1 !important;

        
        color: inherit !important;

        
        display: inline-block !important;
        vertical-align: middle !important;
        font-style: normal !important;
    }

    
    .cartItemUpdateLinksContainerMobile .btn:hover {
        background-color: #fff !important;
        
        border-color: #8b2331 !important;
        color: #8b2331 !important;
        
        transform: translateY(-2px) !important;
    }

    
    .cartItemUpdateLinksContainerMobile .btn:active,
    .cartItemUpdateLinksContainerMobile .btn:focus {
        background-color: #fff !important;
        
        border-color: #8b2331 !important;
        color: #8b2331 !important;
        transform: translateY(1px) !important;
        outline: none !important;
    }
}






.form-row.buttons .col-12 {
    display: flex !important;
    flex-direction: column !important;
    
    gap: 20px !important;
    
}



#buttonCheckoutBottom {
    order: 1 !important;
}

#buttonKeepShopping {
    order: 2 !important;
}




.regPolicies {
    
    text-align: left !important;

    
    border-top: 1px solid #e9ecef !important;

    
    margin-top: 20px !important;
    padding-top: 15px !important;
    padding-bottom: 10px !important;
    width: 100% !important;

    
    overflow: visible !important;
}


.regPolicies a {
    
    position: relative !important;
    display: inline-block !important;
    

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    

    
    color: #8b2331 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(139, 35, 49, 0.3) !important;

    
    margin-right: 25px !important;

    transition: all 0.3s ease !important;
}


.regPolicies a:hover {
    color: #34111a !important;
    text-decoration-color: #34111a !important;
}


.regPolicies a::after {
    content: "\f054";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;

    
    position: absolute !important;

    
    top: 50% !important;
    transform: translateY(-50%);

    
    
    
    margin-top: 1px !important;

    
    right: -10px;
    
    opacity: 0;

    
    font-size: 0.8em !important;
    color: inherit !important;
    
    text-decoration: none !important;
    
    border: none !important;

    transition: all 0.3s ease !important;
}


.regPolicies a:hover::after {
    opacity: 1;
    
    right: -20px;
    
}


@media (max-width: 767px) {
    .regPolicies {
        text-align: center !important;
        
    }

    
    .regPolicies a {
        padding: 10px !important;
    }
}




form[name="publicPaymentInfoForm"]>.card.panel-default {
    
    background-color: #f0f0f0 !important;
    
    border-left: 0.4rem solid #8b2331 !important;
    

    
    padding: 30px 15px 15px 15px !important;
    margin-bottom: 1.5rem !important;
    border-radius: 4px !important;

    
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;

    
    box-shadow: none !important;
}



form[name="publicPaymentInfoForm"]>.card.panel-default>.card-header {
    background-color: transparent !important;
    border-bottom: 1px solid #d1d5db !important;
    
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 15px !important;
}


form[name="publicPaymentInfoForm"]>.card.panel-default .card-title {
    color: #34111A !important;
    
    font-weight: 700 !important;
    font-size: 1.2rem !important;
}



form[name="publicPaymentInfoForm"] #PersonProfileWrapper {
    background-color: #FFFFFF !important;
    border: 1px solid #e9ecef !important;
    margin-bottom: 1rem !important;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    border-radius: 8px !important;
    overflow: hidden !important;

    
    padding: 20px !important;
}



form[name="publicPaymentInfoForm"] #PersonProfileWrapper .readonlyFieldLabel {
    font-weight: 700 !important;
    
    color: #333333 !important;
    
    font-family: 'Montserrat', sans-serif !important;
    
    display: block !important;
    
    margin-bottom: 2px !important;
    
}





#paymentPolicyConfirmationContainer a#printPoliciesLink {
    color: #8b2331 !important;
    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    
    text-decoration: none !important;
    font-size: 0.9rem !important;
    display: inline-flex !important;
    
    align-items: center !important;
    margin-top: 1rem !important;
    
    transition: all 0.2s ease-in-out !important;
    border-bottom: 1px solid transparent !important;
    
}


#paymentPolicyConfirmationContainer a#printPoliciesLink:hover {
    color: #34111A !important;
    
    text-decoration: none !important;
    
    border-bottom: 1px solid #34111A !important;
    
}


#paymentPolicyConfirmationContainer a#printPoliciesLink::before {
    content: "\f02f" !important;
    
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    margin-right: 8px !important;
    font-size: 1rem !important;
    color: #8b2331 !important;
    
}


#paymentPolicyConfirmationContainer a#printPoliciesLink:hover::before {
    color: #34111A !important;
    transform: scale(1.1);
    
}



#paymentPolicyConfirmationContainer .variable-content p a,
#paymentPolicyConfirmationContainer .variable-content li a {
    display: inline !important;
    background-color: transparent !important;
    color: #8b2331 !important;
    padding: 0 !important;
    font-weight: 600 !important;
    text-transform: none !important;
    text-decoration: underline !important;
    width: auto !important;
    border: none !important;
    letter-spacing: normal !important;
    font-size: inherit !important;
}

#paymentPolicyConfirmationContainer .variable-content p a:hover,
#paymentPolicyConfirmationContainer .variable-content li a:hover {
    color: #34111a !important;
    background-color: transparent !important;
}





#errorMessageScheduleConflict {
    
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;

    
    background-color: #34111a !important;
    

    
    border-left: 0.4rem solid #d51f37 !important;
    

    
    padding: 2.1rem 2rem !important;
    margin: 1.5rem 0 2rem 0 !important;

    
    color: #ffffff !important;
    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.05rem !important;
}


#errorMessageScheduleConflict h2 {
    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    
    font-size: 1.85rem !important;
    line-height: 1.2 !important;

    
    color: #ffffff !important;
    

    
    margin: 0 0 1rem 0 !important;
    margin-top: -0.2rem !important;
    
    border: none !important;
    
    padding: 0 !important;
}


#errorMessageScheduleConflict h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 1.2rem !important;
    color: #ffffff !important;
    
    margin-top: 1.5rem !important;
    margin-bottom: 0.5rem !important;
}


#errorMessageScheduleConflict ul {
    margin-left: 20px !important;
    padding-left: 0 !important;
    margin-bottom: 1.5rem !important;
}

#errorMessageScheduleConflict li {
    font-family: 'Montserrat', sans-serif !important;
    color: #ffffff !important;
    
    margin-bottom: 5px !important;
    list-style-type: disc !important;
    
}


#errorMessageScheduleConflict p {
    color: #ffffff !important;
    
}


#errorMessageScheduleConflict p:last-child {
    font-weight: 500 !important;
    margin-top: 1rem !important;
}


#errorMessageScheduleConflict p b,
#errorMessageScheduleConflict p strong {
    color: #ffffff !important;
    
}




#errorMessage {
    
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;

    
    background-color: #34111a !important;
    border-left: 0.4rem solid #d51f37 !important;

    
    padding: 2.1rem 2rem !important;
    margin: 1.5rem 0 2rem 0 !important;

    
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.05rem !important;
    position: relative !important;
}


#errorMessage h2 {
    display: flex !important;
    align-items: center !important;
    
    gap: 15px;
    

    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    font-size: 1.85rem !important;
    line-height: 1.2 !important;
    color: #ffffff !important;
    margin: 0 0 1rem 0 !important;
    padding: 0 !important;
    border: none !important;
}


#errorMessage h2::before {
    content: "\f071" !important;
    
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    color: #d51f37 !important;
    
    font-size: 1.6rem !important;
    margin-top: -2px;
    
}


#errorMessage p {
    margin-bottom: 1rem !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    line-height: 1.6 !important;
}


#errorMessage ul,
#errorMessage .error-message-items {
    margin-left: 25px !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

#errorMessage li {
    font-family: 'Montserrat', sans-serif !important;
    color: #ffffff !important;
    margin-bottom: 8px !important;
    list-style-type: disc !important;
    line-height: 1.5 !important;
}


#errorMessage a {
    color: #ff9999 !important;
    
    text-decoration: underline !important;
    font-weight: 700 !important;
    transition: color 0.3s ease !important;
}

#errorMessage a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}




#successSaveAlert {
    
    --original-padding: .75rem 1.25rem;
    
    --original-margin: 0 0 1rem 0;

    padding: var(--original-padding) !important;
    margin: var(--original-margin) !important;
    border-radius: 0px !important;

    
    background-image: none !important;
    background-color: #34111a !important;
    
    border: none !important;
    border-left: 0.4rem solid #D41F37 !important;


    
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;

    
    display: flex !important;
    align-items: center !important;
    gap: 12px;
}


#successSaveAlert::before {
    content: "\f058" !important;
    
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    color: #D41F37 !important;

    font-size: 1.3rem !important;
    display: inline-block !important;
}







.alert.alert-warning:has(#buttonCourseInquiry),
.alert.alert-warning {
    
    background-image: none !important;
    border: none !important;
    border-radius: 0px !important;
    color: inherit !important;
    

    
    background-color: #f0f0f0 !important;
    

    
    border-left: 0.4rem solid #8b2331 !important;
    

    
    padding: 2.1rem 2rem !important;
    margin: 1.5rem 0 2rem 0 !important;

    
    color: #171717 !important;
    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.05rem !important;
}



.alert.alert-warning .variable-content-item {
    margin-bottom: 25px !important;
    
    line-height: 1.6 !important;
    font-weight: 500 !important;
    color: #171717 !important;
    
}



#buttonCourseInquiry {
    background-color: #8b2331 !important;
    border: 1px solid #8b2331 !important;
    color: #fff !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 12px 30px !important;

    
    transition: all 0.3s ease !important;
    margin-top: 0 !important;
    
}


#buttonCourseInquiry:hover {
    background-color: #34111A !important;
    
    border-color: #34111A !important;
    transform: translateY(-2px);
    
}



#confirmationMessageReservationToken {
    
    --original-padding: 1.5rem 1.25rem;
    --original-margin: 0 0 1.5rem 0;

    
    background-color: #34111a !important;
    
    border-left: 0.4rem solid #d51f37 !important;
    
    border-top: none !important;
    
    border-right: none !important;
    
    border-bottom: none !important;
    
    border-radius: 0 !important;
    
    color: #ffffff !important;
    

    
    background-image: none !important;
    
    box-shadow: none !important;
    

    
    padding: var(--original-padding) !important;
    margin: var(--original-margin) !important;
    font-family: 'Montserrat', sans-serif !important;
    
    line-height: 1.6 !important;
    
}


#confirmationMessageReservationToken h1,
#confirmationMessageReservationToken h2,
#confirmationMessageReservationToken h3,
#confirmationMessageReservationToken h4,
#confirmationMessageReservationToken h5,
#confirmationMessageReservationToken h6 {
    color: #ffffff !important;
    
    font-family: 'Montserrat', sans-serif !important;
    
    font-weight: 600 !important;
    
    font-size: 2.1756rem !important;
    
    margin: 0 0 0.75rem 0 !important;
    
}


#confirmationMessageReservationToken h2::before {
    content: "\f071" !important;
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    
    font-weight: 900 !important;
    
    margin-right: 0.5rem !important;
    
    color: #d51f37 !important;
    
}


#confirmationMessageReservationToken p,
#confirmationMessageReservationToken li,
#confirmationMessageReservationToken span,
#confirmationMessageReservationToken label {
    color: #ffffff !important;
    
    font-family: 'Montserrat', sans-serif !important;
    
}

#confirmationMessageReservationToken p {
    margin-bottom: 0 !important;
    
    font-size: 1rem !important;
    
}


#confirmationMessageReservationToken a {
    color: #ff9999 !important;
    
    text-decoration: underline !important;
    
    font-weight: 600 !important;
    
}

#confirmationMessageReservationToken a:hover {
    color: #ffcccc !important;
    
    opacity: 0.9 !important;
    
}


#confirmationMessageReservationToken b,
#confirmationMessageReservationToken strong {
    color: #ffffff !important;
    
    font-weight: 700 !important;
    
}



#confirmationMessageReservationToken #countdownClockTimer {
    
    font-family: 'Courier New', 'Consolas', monospace !important;
    
    font-weight: 700 !important;
    
    font-size: 1.4rem !important;
    
    line-height: 1.2 !important;
    

    
    color: #d51f37 !important;
    
    background-color: rgba(213, 31, 55, 0.2) !important;
    
    border: 1px solid rgba(213, 31, 55, 0.5) !important;
    

    
    border-top-left-radius: 50px !important;
    
    border-top-right-radius: 50px !important;
    
    border-bottom-right-radius: 50px !important;
    
    border-bottom-left-radius: 4px !important;
    

    
    display: inline-flex !important;
    
    align-items: center !important;
    
    padding: 0.4rem 0.8rem !important;
    
    margin: 0 0.3rem !important;
    

    
    vertical-align: middle !important;
    
}


#confirmationMessageReservationToken #countdownClockTimer::before {
    content: "\f017" !important;
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    
    font-weight: 900 !important;
    
    margin-right: 0.5rem !important;
    
    color: #d51f37 !important;
    
    font-size: 1.2rem !important;
    
}


@keyframes pulse-critical {

    0%,
    100% {
        background-color: rgba(213, 31, 55, 0.2);
        transform: scale(1);
        border-color: rgba(213, 31, 55, 0.5);
    }

    50% {
        background-color: rgba(213, 31, 55, 0.4);
        transform: scale(1.03);
        border-color: rgba(213, 31, 55, 0.8);
    }
}

#confirmationMessageReservationToken.time-critical #countdownClockTimer {
    animation: pulse-critical 1.5s ease-in-out infinite !important;
    
    color: #ff1744 !important;
    
    background-color: rgba(255, 23, 68, 0.25) !important;
    
}


#confirmationMessageReservationToken.time-critical #countdownClockTimer::before {
    animation: pulse-icon 1s ease-in-out infinite !important;
    
}

@keyframes pulse-icon {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }
}






main.col-md-12 #contentModule1>.row>.col-lg-12>.variable-content:not(form .variable-content):not(.form-row .variable-content) {
    
    background-color: #f0f0f0 !important;
    
    border-left: 0.4rem solid #8b2331 !important;
    
    padding: 2.1rem 2rem !important;
    margin: 1.5rem 0 2rem 0 !important;
    border-radius: 0px !important;
    color: #171717 !important;
    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.05rem !important;
    position: relative !important;
    animation: none !important;
    box-shadow: none !important;

}


main.col-md-12 #contentModule1>.row>.col-lg-12>.variable-content:not(form .variable-content):not(.form-row .variable-content)::before {
    display: none !important;
    content: none !important;
}


main.col-md-12 #contentModule1>.row>.col-lg-12>.variable-content:not(form .variable-content):not(.form-row .variable-content) .variable-content-item::before {
    content: "\f058" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    margin-right: 12px !important;
    font-size: 1.3rem !important;
    color: #8b2331 !important;
    
}




#contentModule1 #alertCourseProfile.alert.alert-info,
div#contentModule1 div#alertCourseProfile.alert.alert-info {
    
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    color: inherit !important;

    
    background-color: #f0f0f0 !important;
    

    
    border-left: 0.4rem solid #8b2331 !important;
    

    
    padding: 2.1rem 2rem !important;
    margin: 1.5rem 0 2rem 0 !important;

    
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;

    
    color: #171717 !important;
    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;

    
    background-position: 0 0 !important;
    padding-left: 2rem !important;
}


#contentModule1 #alertCourseProfile.alert.alert-info a,
div#contentModule1 div#alertCourseProfile.alert.alert-info a {
    
    color: #8b2331 !important;
    
    text-decoration: underline !important;

    
    font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif !important;

    
    transition: color 0.2s ease, text-decoration-color 0.2s ease !important;
}


#contentModule1 #alertCourseProfile.alert.alert-info a:hover,
div#contentModule1 div#alertCourseProfile.alert.alert-info a:hover {
    color: #34111a !important;
    
    text-decoration-color: #34111a !important;
}


#contentModule1 #alertCourseProfile.alert.alert-info::before,
div#contentModule1 div#alertCourseProfile.alert.alert-info::before {
    content: "\f07a" !important;
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;

    
    margin-right: 12px !important;
    font-size: 1.3rem !important;
    color: #8b2331 !important;
    

    
    display: inline-block !important;
    vertical-align: middle !important;

    
    animation: cart-pulse 2s infinite ease-out !important;
    transform-origin: center center !important;
}


@keyframes cart-pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.15);
        opacity: 0.8;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}





body#pageCheckoutLogin a[id^="linkcontentBlock"][data-toggle="modal"][data-target^="#contentBlock"] {
    
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;

    
    background-color: #f0f0f0 !important;
    border-left: 0.4rem solid #8b2331 !important;
    border-radius: 0 !important;

    
    padding: 1.5rem 2rem !important;
    margin: 1.5rem 0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #8b2331 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(139, 35, 49, 0.3) !important;

    
    transition: all 0.3s ease !important;

    
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}


body#pageCheckoutLogin a[id^="linkcontentBlock"][data-toggle="modal"][data-target^="#contentBlock"]:hover {
    background-color: #e9ecef !important;
    color: #34111a !important;
    text-decoration-color: #34111a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
}



body#pageCheckoutLogin a[id^="linkcontentBlock"][data-toggle="modal"][data-target^="#contentBlock"] {
    
    position: relative !important;
    
    padding-right: 3rem !important;
    
}

body#pageCheckoutLogin a[id^="linkcontentBlock"][data-toggle="modal"][data-target^="#contentBlock"]::after {
    content: "\f059" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 1.5rem !important;
    color: #8b2331 !important;

    
    position: absolute !important;
    right: 2rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    
    text-decoration: none !important;

    
    transition: transform 0.3s ease, color 0.3s ease !important;
}


body#pageCheckoutLogin a[id^="linkcontentBlock"][data-toggle="modal"][data-target^="#contentBlock"]:hover::after {
    transform: translateY(-50%) rotate(15deg) scale(1.1) !important;
    color: #34111a !important;
}


@supports not (font-family: "Font Awesome 5 Free") {
    body#pageCheckoutLogin a[id^="linkcontentBlock"][data-toggle="modal"][data-target^="#contentBlock"]::after {
        content: "?" !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 700 !important;
        font-size: 1.5rem !important;
        width: 1.5rem !important;
        height: 1.5rem !important;
        border: 2px solid #8b2331 !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-left: 15px !important;
    }
}







#confirmationMessage {
    
    background-image: none !important;
    border: none !important;
    border-radius: 0px !important;

    
    background-color: #34111a !important;
    

    
    border-left: 0.4rem solid #d51f37 !important;
    

    
    padding: 2.1rem 2rem !important;
    margin: 0.75rem 0 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.05rem !important;
    

    
    color: rgba(255, 255, 255, 0.9) !important;
    
}


#confirmationMessage h2 {
    margin-top: 0 !important;
    margin-bottom: 15px !important;

    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;

    
    color: #ffffff !important;

    border: none !important;
    padding: 0 !important;
}


#confirmationMessage p {
    margin-bottom: 0 !important;
    line-height: 1.6 !important;
    
    color: rgba(255, 255, 255, 0.5) !important;
}



#confirmationMessage b span#countdownClockTimer {
    color: #ffffff !important;
    
    font-weight: 800 !important;
    font-size: 1.2em !important;

    
    background-color: #d51f37 !important;
    padding: 2px 8px;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}





.alert.alert-danger {
    
    background-image: none !important;
    border: none !important;
    border-radius: 0px !important;
    
    text-shadow: none !important;

    
    background-color: #34111a !important;
    

    
    border-left: 0.4rem solid #d51f37 !important;

    
    
    padding: 1.5rem 1.5rem 1.5rem 3.5rem !important;
    margin: 1.5rem 0 1.5rem 0 !important;
    position: relative !important;
    
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;

    
    color: #ffffff !important;
    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    
    text-align: left !important;
}


.alert.alert-danger::before {
    
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
    

    
    position: absolute !important;
    left: 20px !important;
    top: 24px !important;
    

    
    font-size: 1.2rem !important;
    color: #d51f37 !important;
    
}


.alert.alert-danger a {
    color: #ffffff !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
}

.alert.alert-danger a:hover {
    color: #d51f37 !important;
    
    text-decoration: none !important;
}






@media (max-width: 767px) {

    
    .btn,
    .btn-primary,
    .btn-secondary,
    .btn-default,
    .cartCheckoutButton,
    button[type="submit"],
    input[type="button"] {
        
        padding: 0.9rem !important;
        font-size: 0.85rem !important;

        
        width: 100% !important;
        max-width: 100% !important;

        
        white-space: normal !important;
        height: auto !important;

        
        vertical-align: middle !important;
        line-height: 1.3 !important;

        
        margin: 0 !important;
    }

    
    .btn .glyphicon,
    .btn .fa,
    .cartCheckoutButton span {
        margin-right: 5px !important;
        font-size: 1em !important;
    }

    
    .buttons,
    .searchForm .buttons {
        display: flex !important;
        flex-direction: column !important;
        
        gap: 15px !important;
        
        width: 100% !important;
        padding: 0 !important;
        
    }

    

    
    
    .buttons .btn-primary,
    button[type="submit"],
    #buttonSearch,
    #buttonContinue,
    #buttonCheckoutTop {
        order: 1 !important;
    }

    
    
    .buttons .btn-secondary,
    .buttons .btn-default,
    #buttonReset,
    #buttonCancel,
    button[value="Reset"],
    button[value="Cancel"] {
        order: 2 !important;
    }
}





#emptyAnonymousCartMessage p {
    font-family: 'Montserrat', sans-serif !important;
    color: #333333 !important;
    
    font-size: 1rem !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
    
}


#emptyAnonymousCartMessage p a {
    
    color: #8b2331 !important;
    
    font-weight: 700 !important;
    

    
    text-decoration: underline !important;
    text-decoration-color: #8b2331 !important;
    

    
    transition: all 0.3s ease !important;
}


#emptyAnonymousCartMessage p a::before {
    content: "\f2f6";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;

    
    margin-right: 6px !important;
    font-size: 0.9em !important;
    

    
    color: inherit !important;
    text-decoration: none !important;
    
    display: inline-block !important;
    
}


#emptyAnonymousCartMessage p a:hover {
    color: #34111A !important;
    
    text-decoration-color: #34111A !important;
    cursor: pointer !important;
}


#emptyAnonymousCartMessage p a:hover::before {
    transform: translateX(2px);
    
    transition: transform 0.3s ease;
}




#studentLoginOptionsContainer {
    display: flex !important;
    flex-wrap: wrap !important;
    max-width: 900px !important;
    margin: 40px auto !important;

    
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;
}


#existingStudentDiv {
    padding: 40px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    
    background-color: #34111A !important;
    color: #ffffff !important;
    position: relative;
    z-index: 1;

    
    --c-0: rgba(212, 31, 55, 0.5);
    --c-1: rgba(74, 21, 59, 0.7);
    --c-2: hsla(320, 90%, 60%, 0.3);
    --c-3: rgba(255, 255, 255, 0.05);

    --x-0: 20%;
    --y-0: 30%;
    --x-1: 80%;
    --y-1: 20%;
    --x-2: 60%;
    --y-2: 70%;
    --x-3: 30%;
    --y-3: 80%;

    background-image:
        radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) 0%, transparent 40%),
        radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) 0%, transparent 50%),
        radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) 0%, transparent 45%),
        radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) 0%, transparent 30%) !important;

    background-blend-mode: screen, normal, normal, normal !important;
    animation: dark-mesh-flow 60s infinite ease-in-out alternate !important;
}


#newStudentDiv {
    padding: 40px !important;
    background-color: #ffffff !important;
    color: #34111A !important;
    position: relative;
    z-index: 2;

    
    background-image: none !important;
    animation: none !important;
}



#existingStudentDiv h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    font-size: 1.8rem !important;
    margin-bottom: 10px !important;
    border: none !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}


#newStudentDiv h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #171717 !important;
    font-size: 1.8rem !important;
    margin-bottom: 20px !important;
    border: none !important;
    text-shadow: none !important;
    margin-left: 15px !important;
}


#variableContentBlockPG0014 {
    color: rgba(255, 255, 255, 0.9) !important;
    margin-bottom: 20px;
}

#newStudentDiv #variableContentBlockPG0015 {
    color: #555555 !important;
}



#existingStudentDiv .form-control {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: white !important;
    backdrop-filter: blur(5px);
    height: 50px !important;
    border-radius: 4px !important;
}

#existingStudentDiv label {
    color: white !important;
}

#existingStudentDiv .form-control::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}


#newStudentDiv .form-control {
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    color: #171717 !important;
    height: 50px !important;
    border-radius: 4px !important;
}

#newStudentDiv label {
    color: #34111a !important;
}




#buttonContinueCheckoutExisting {
    width: 100% !important;
    margin-top: 15px !important;

    
    background-color: #8b2331 !important;
    border: 2px solid #8b2331 !important;
    color: #FFFFFF !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 1.25rem 1.9rem !important;
    

    transition: all 0.3s ease !important;
}

#buttonContinueCheckoutExisting:hover {
    background-color: #6a1b26 !important;
    
    border-color: #6a1b26 !important;
    color: #FFFFFF !important;
}


#buttonContinueCheckout {
    width: 100% !important;
    margin-top: 20px !important;

    
    background-color: #8b2331 !important;
    border: 2px solid #8b2331 !important;
    color: #FFFFFF !important;

    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 1.25rem 1.9rem !important;

    transition: all 0.3s ease !important;
}

#buttonContinueCheckout:hover {
    background-color: #6a1b26 !important;
    border-color: #6a1b26 !important;
    color: #FFFFFF !important;
}


.forgot-credential-container a {
    color: #ffffff !important;
    
    text-decoration: underline !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    transition: opacity 0.3s ease !important;
}

.forgot-credential-container a:hover {
    color: #D41F37 !important;
    opacity: 0.8 !important;
}


#portalNativeLoginPanel form {
    display: flex !important;
    flex-direction: column !important;
}

#portalNativeLoginPanel .form-group:has(#userName) {
    order: 1 !important;
    margin-bottom: 5px !important;
}

#portalNativeLoginPanel .forgot-credential-container:has(#forgotUserNameLink) {
    order: 2 !important;
    text-align: right !important;
    margin-bottom: 20px !important;
}

#portalNativeLoginPanel .form-group:has(#password) {
    order: 3 !important;
    margin-bottom: 5px !important;
}

#portalNativeLoginPanel .forgot-credential-container:has(#forgotPasswordLink) {
    order: 4 !important;
    text-align: right !important;
    margin-bottom: 20px !important;
}

#portalNativeLoginPanel .buttons {
    order: 5 !important;
}

#portalNativeLoginPanel>div:not(.form-group):not(.forgot-credential-container):not(.buttons) {
    order: 0 !important;
}


@media (max-width: 767px) {
    #studentLoginOptionsContainer {
        flex-direction: column !important;
        margin: 20px 10px !important;
    }

    #existingStudentDiv,
    #newStudentDiv {
        width: 100% !important;
        max-width: 100% !important;
        padding: 30px !important;
    }

    
    #existingStudentDiv {
        border-radius: 8px 8px 0 0 !important;
    }

    #newStudentDiv {
        border-radius: 0 0 8px 8px !important;
    }
}




#portalNativeLoginPanel form {
    display: flex !important;
    flex-direction: column !important;
}





#portalNativeLoginPanel .form-group:has(#userName) {
    order: 1 !important;
    margin-bottom: 5px !important;
    
}



#portalNativeLoginPanel .forgot-credential-container:has(#forgotUserNameLink) {
    order: 2 !important;
    text-align: right !important;
    
    margin-bottom: 20px !important;
    
    width: 100% !important;
}




#portalNativeLoginPanel .form-group:has(#password) {
    order: 3 !important;
    margin-bottom: 5px !important;
}


#portalNativeLoginPanel .forgot-credential-container:has(#forgotPasswordLink) {
    order: 4 !important;
    text-align: right !important;
    margin-bottom: 20px !important;
}




#portalNativeLoginPanel .buttons {
    order: 5 !important;
}


#portalNativeLoginPanel>div:not(.form-group):not(.forgot-credential-container):not(.buttons) {
    order: 0 !important;
}




#pageStudentLogin #studentLoginOptionsContainer {
    display: flex !important;
    flex-wrap: wrap !important;
    max-width: 950px !important;

    
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 60px !important;
    margin-bottom: 60px !important;
    float: none !important;

    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12) !important;
    overflow: hidden !important;
    border: none !important;
}


#pageStudentLogin #existingStudentDiv {
    padding: 60px 50px !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
}


#pageStudentLogin #newStudentDiv {
    padding: 60px 50px !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    background-color: #ffffff !important;
}








#pageStudentLogin #studentLoginOptionsContainer,
#pageCheckoutLogin #studentLoginOptionsContainer {
    display: flex !important;
    flex-wrap: wrap !important;
    max-width: 950px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 60px !important;
    margin-bottom: 60px !important;
    float: none !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12) !important;
    overflow: hidden !important;
    border: none !important;
}


#pageStudentLogin #existingStudentDiv,
#pageCheckoutLogin #existingStudentDiv {
    padding: 60px 50px !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
}


#pageStudentLogin #newStudentDiv,
#pageCheckoutLogin #newStudentDiv {
    padding: 60px 50px !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    background-color: #ffffff !important;
}


#pageStudentLogin #existingStudentDiv>.row,
#pageCheckoutLogin #existingStudentDiv>.row {
    display: flex !important;
    flex-direction: column !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}


#pageStudentLogin #portalExtAuthLoginPanel,
#pageStudentLogin #portalNativeLoginPanel,
#pageCheckoutLogin #portalExtAuthLoginPanel,
#pageCheckoutLogin #portalNativeLoginPanel {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 auto !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}


#pageStudentLogin #existingStudentDiv h2,
#pageCheckoutLogin #existingStudentDiv h2 {
    color: #8b2331 !important;
    text-shadow: none !important;
}

#pageStudentLogin #portalNativeLoginPanel h3,
#pageCheckoutLogin #portalNativeLoginPanel h3 {
    color: #ffffff !important;
}

#pageStudentLogin #portalExtAuthLoginPanel .variable-content,
#pageCheckoutLogin #portalExtAuthLoginPanel .variable-content {
    color: #171717 !important;
    text-shadow: none !important;
}


#pageStudentLogin #portalExtAuthLoginPanel h3,
#pageCheckoutLogin #portalExtAuthLoginPanel h3 {
    display: none !important;
}


#pageStudentLogin #buttonContinueExternalLogon,
#pageCheckoutLogin #buttonContinueExternalLogon {
    align-self: stretch !important;
    width: 100% !important;
    justify-content: center !important;
    position: relative !important;
    padding: 10px 40px !important;
}

#pageStudentLogin #buttonContinueExternalLogon::after,
#pageCheckoutLogin #buttonContinueExternalLogon::after {
    content: '\2192' !important;
    font-size: 1.1em !important;
    position: absolute !important;
    right: 1.2rem !important;
}


#pageStudentLogin #existingStudentDiv .sectionHeader,
#pageCheckoutLogin #existingStudentDiv .sectionHeader {
    background-image: none !important;
    border: none !important;
    border-radius: 0px !important;
    background-color: #f0f0f0 !important;
    border-left: 0.4rem solid #8b2331 !important;
    padding: 0 2rem !important;
    margin: 0 !important;
}

#pageStudentLogin #portalExtAuthLoginPanel,
#pageCheckoutLogin #portalExtAuthLoginPanel {
    background-image: none !important;
    border: none !important;
    border-radius: 0px !important;
    background-color: #f0f0f0 !important;
    border-left: 0.4rem solid #8b2331 !important;
    padding: 0 2rem 1rem 2rem !important;
    margin: 0 0 2rem 0 !important;
}


#pageStudentLogin .passwordVisibilityButton,
#pageCheckoutLogin .passwordVisibilityButton {
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
}

#pageStudentLogin .passwordVisibilityButton .fa,
#pageCheckoutLogin .passwordVisibilityButton .fa {
    color: #ffffff !important;
}


#pageStudentLogin #portalNativeLoginPanel::before,
#pageCheckoutLogin #portalNativeLoginPanel::before {
    content: '\2014\00a0 OR \00a0\2014';
    display: block !important;
    text-align: center !important;
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 1rem !important;
    letter-spacing: 0.2em !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 0 !important;
    margin: 1rem 0 0 0 !important;
}


@media (max-width: 767px) {

    #pageStudentLogin #studentLoginOptionsContainer,
    #pageCheckoutLogin #studentLoginOptionsContainer {
        margin: 20px 10px !important;
        border-radius: 8px !important;
    }

    #pageStudentLogin #existingStudentDiv,
    #pageCheckoutLogin #existingStudentDiv {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        border-radius: 8px 8px 0 0 !important;
        padding: 30px 24px !important;
    }

    #pageStudentLogin #newStudentDiv,
    #pageCheckoutLogin #newStudentDiv {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        border-radius: 0 0 8px 8px !important;
        padding: 30px 24px !important;
    }

    #pageStudentLogin #existingStudentDiv .sectionHeader,
    #pageCheckoutLogin #existingStudentDiv .sectionHeader {
        margin: 0 !important;
        padding: 0.5rem 1rem !important;
    }

    #pageStudentLogin #portalExtAuthLoginPanel,
    #pageCheckoutLogin #portalExtAuthLoginPanel {
        padding: 0 1rem 2rem 1rem !important;
        margin: 0 0 2rem 0 !important;
    }

    #pageStudentLogin #buttonContinueExternalLogon,
    #pageCheckoutLogin #buttonContinueExternalLogon {
        padding: 1.25rem 1.9rem !important;
    }
}



#portalForgotUserNameForm {
    background-color: #ffffff !important;
    padding: 40px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #e9ecef !important;
    max-width: 600px !important;
    margin: 40px auto !important;
    display: block !important;
}

#portalForgotUserNameForm .variable-content-item {
    font-family: 'Montserrat', sans-serif !important;
    color: #555555 !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin-bottom: 25px !important;
}

#portalForgotUserNameForm label {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #34111a !important;
    margin-bottom: 8px !important;
    font-size: 0.85rem !important;
}

#portalForgotUserNameForm .form-control {
    height: 50px !important;
    border-radius: 4px !important;
    border: 1px solid #e9ecef !important;
    background-color: #f8f9fa !important;
    color: #34111A !important;
    padding-left: 15px !important;
    font-size: 1rem !important;
    box-shadow: none !important;
}

#portalForgotUserNameForm .form-control:focus {
    border-color: #8b2331 !important;
    background-color: #fff !important;
}

#portalForgotUserNameForm .buttons {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 15px !important;
    margin-top: 30px !important;
    border-top: none !important;
    padding-top: 0 !important;
}

#portalForgotUserNameForm .btn-primary {
    background-color: #8b2331 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 12px 30px !important;
    min-width: 150px !important;
}

#portalForgotUserNameForm .btn-primary:hover {
    background-color: #34111a !important;
}

#portalForgotUserNameForm .btn-secondary {
    background-color: #ffffff !important;
    color: #D41F37 !important;
    border: 1px solid #D41F37 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
}

#portalForgotUserNameForm .btn-secondary:hover {
    background-color: #D41F37 !important;
    color: #fff !important;
}



#requiredFieldInstruction {
    
    text-align: left !important;
    

    
    max-width: 600px !important;
    margin: 0 auto 15px auto !important;
    

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    color: #a6a6a6666 !important;

    
}


#requiredFieldInstruction .row,
#requiredFieldInstruction .col-lg-12 {
    text-align: left !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;

    
}




#portalForgotPasswordForm,
#portalInstructorForgotPasswordForm {
    
    background-color: #ffffff !important;
    padding: 40px !important;
    border-radius: 8px !important;

    
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #e9ecef !important;

    
    max-width: 600px !important;
    margin: 40px auto !important;
    display: block !important;
}


#portalForgotPasswordForm .variable-content-item,
#portalInstructorForgotPasswordForm .variable-content-item {
    font-family: 'Montserrat', sans-serif !important;
    color: #555555 !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin-bottom: 25px !important;
}


#portalForgotPasswordForm label,
#portalInstructorForgotPasswordForm label {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #34111a !important;
    
    margin-bottom: 8px !important;
    font-size: 0.85rem !important;
}


#portalForgotPasswordForm .form-control,
#portalInstructorForgotPasswordForm .form-control {
    height: 50px !important;
    border-radius: 4px !important;
    border: 1px solid #e9ecef !important;
    background-color: #f8f9fa !important;
    color: #34111A !important;
    padding-left: 15px !important;
    font-size: 1rem !important;
    box-shadow: none !important;
}


#portalForgotPasswordForm .form-control:focus,
#portalInstructorForgotPasswordForm .form-control:focus {
    border-color: #8b2331 !important;
    
    background-color: #fff !important;
}


#portalForgotPasswordForm .buttons,
#portalInstructorForgotPasswordForm .buttons {
    display: flex !important;
    justify-content: flex-end !important;
    
    gap: 15px !important;
    margin-top: 30px !important;
    border-top: none !important;
    padding-top: 0 !important;
}


#portalForgotPasswordForm .btn-primary,
#portalInstructorForgotPasswordForm .btn-primary {
    background-color: #8b2331 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    min-width: 150px !important;
    transition: all 0.3s ease !important;
}

#portalForgotPasswordForm .btn-primary:hover,
#portalInstructorForgotPasswordForm .btn-primary:hover,
#portalForgotPasswordForm .btn-primary:focus,
#portalInstructorForgotPasswordForm .btn-primary:focus {
    
    background-color: #34111A !important;
    color: #FFFFFF !important;
}


#portalForgotPasswordForm .btn-secondary,
#portalInstructorForgotPasswordForm .btn-secondary {
    
    background-color: #FFFFFF !important;
    color: #D41F37 !important;
    
    border: 1px solid #D41F37 !important;

    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    padding: 12px 30px !important;
    min-width: 150px !important;
    transition: all 0.3s ease !important;
}

#portalForgotPasswordForm .btn-secondary:hover,
#portalInstructorForgotPasswordForm .btn-secondary:hover,
#portalForgotPasswordForm .btn-secondary:focus,
#portalInstructorForgotPasswordForm .btn-secondary:focus {
    
    background-color: #D41F37 !important;
    color: #FFFFFF !important;
    border-color: #D41F37 !important;
}




form[name="passwordResetForm"].customizableForm {
    background-color: #ffffff !important;
    padding: 40px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #ebedf0 !important;
    max-width: 600px !important;
    margin: 40px auto !important;
    display: block !important;
}


form[name="passwordResetForm"] #userResetPassword,
form[name="passwordResetForm"] #userPassword,
form[name="passwordResetForm"] .col-lg-12,
form[name="passwordResetForm"] .col-lg-6,
form[name="passwordResetForm"] .row,
form[name="passwordResetForm"] .form-group {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-color: transparent !important;
}


form[name="passwordResetForm"] label.requiredFieldLabel,
form[name="passwordResetForm"] .labelContent {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #171717 !important;
    
    display: inline-flex !important;
    
    align-items: center !important;
    white-space: nowrap !important;
    margin-bottom: 12px !important;
}


form[name="passwordResetForm"] .requiredFieldLabel:after {
    content: " *" !important;
    display: inline-block !important;
    color: #B5231D !important;
    font-size: 14px !important;
    margin-left: 4px !important;
    vertical-align: middle !important;
}


form[name="passwordResetForm"] #variableContentBlockPG0111,
form[name="passwordResetForm"] .variable-content-item {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
    color: #555555 !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin-bottom: 30px !important;
    display: block !important;
}


form[name="passwordResetForm"] .form-control {
    height: 50px !important;
    border-radius: 4px !important;
    border: 1px solid #e9ecef !important;
    background-color: #f8f9fa !important;
    color: #34111A !important;
    padding-left: 15px !important;
    font-size: 1rem !important;
    box-shadow: none !important;
    width: 100% !important;
}


form.customizableForm>.row:last-of-type,
form.customizableForm>.row:has(.buttons) {
    background-color: transparent !important;
    padding: 0 !important;
    margin-top: 25px !important;
    border: none !important;
}

form[name="passwordResetForm"] .buttons {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
    padding: 0 !important;
}


form[name="passwordResetForm"] #buttonSave {
    background-color: #8b2331 !important;
    color: #ffffff !important;
    padding: 1.25rem 2.5rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

form[name="passwordResetForm"] #buttonSave:hover,
form[name="passwordResetForm"] #buttonSave:focus {
    background-color: #54141d !important;
    text-decoration: none !important;
}








#contentModule1 .row:has(> #familyExistingProfileWrapper) {
    display: flex !important;
    flex-wrap: wrap !important;
    max-width: 900px !important;
    margin: 40px auto !important;

    
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;

    padding: 0 !important;
    border: none !important;
}




#familyExistingProfileWrapper,
#familyNewProfileWrapper {
    min-height: 100% !important;
    border: none !important;
    margin: 0 !important;

    
    
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}



#familyExistingProfileWrapper .card,
#familyExistingProfileWrapper .card-body,
#familyNewProfileWrapper .card,
#familyNewProfileWrapper .card-body,
.sectionHeader {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}


#familyExistingProfileWrapper {
    background-color: #34111A !important;
    color: #ffffff !important;
    position: relative;
    z-index: 1;

    
    --c-0: rgba(212, 31, 55, 0.5);
    --c-1: rgba(74, 21, 59, 0.7);
    --c-2: hsla(320, 90%, 60%, 0.3);
    --c-3: rgba(255, 255, 255, 0.05);

    background-image:
        radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) 0%, transparent 40%),
        radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) 0%, transparent 50%),
        radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) 0%, transparent 45%),
        radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) 0%, transparent 30%) !important;

    background-blend-mode: screen, normal, normal, normal !important;
    animation: dark-mesh-flow 60s infinite ease-in-out alternate !important;
}


#familyNewProfileWrapper {
    background-color: #ffffff !important;
    position: relative;
    z-index: 2;
}




#familyExistingProfileWrapper h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    font-size: 1.8rem !important;
    margin-bottom: 15px !important;
    padding-bottom: 0 !important;
    line-height: 1.2 !important;
}


#familyNewProfileWrapper h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #34111A !important;
    font-size: 1.8rem !important;
    margin-bottom: 20px !important;
    padding-bottom: 0 !important;
    line-height: 1.2 !important;
}


#variableContentBlockPG0171 .variable-content-item {
    color: rgba(255, 255, 255, 0.9) !important;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 25px;
}

#variableContentBlockPG0172 .variable-content-item {
    color: #555555 !important;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 25px;
}




.form-group {
    margin-bottom: 15px !important;
}


#familyExistingProfileWrapper label {
    color: white !important;
    font-weight: 700 !important;
    display: block !important;
    font-family: 'Montserrat', sans-serif !important;
    margin-bottom: 8px !important;
    font-size: 0.85rem !important;
}

#familyNewProfileWrapper label {
    display: block !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #171717 !important;
    margin-bottom: 8px !important;
    font-size: 0.85rem !important;
}


#familyExistingProfileWrapper .form-control {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: white !important;
    backdrop-filter: blur(5px);
    height: 45px !important;
    border-radius: 4px !important;
}

#familyExistingProfileWrapper .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
}


#familyNewProfileWrapper .form-control {
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    color: #34111A !important;
    height: 45px !important;
    border-radius: 4px !important;
}




#buttonContinueExistingUser {
    
    width: 100% !important;
    margin-top: 15px !important;
    padding: 1.25rem 1.9rem !important;
    

    
    background-color: #8b2331 !important;
    border: 2px solid #8b2331 !important;
    color: #FFFFFF !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    font-style: normal !important;
    font-size: .942rem !important;
    font-optical-sizing: auto !important;

    
    transition: all 0.3s ease !important;
}


#buttonContinueExistingUser:hover,
#buttonContinueExistingUser:focus {
    
    background-color: #34111A !important;
    border-color: #34111A !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
}


#buttonContinueNewUser {
    width: 100% !important;
    margin-top: 15px !important;
    background-color: #8b2331 !important;
    border: 2px solid #8b2331 !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 1.25rem 1.9rem !important;
    transition: all 0.3s ease !important;
    letter-spacing: .05em !important;
    font-style: normal !important;
    font-size: .942rem !important;
    font-optical-sizing: auto !important;
}

#buttonContinueNewUser:hover {
    background-color: #34111A !important;
    border-color: #34111A !important;
}


#familyExistingProfileWrapper a {
    color: #ffffff !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
    display: inline-block;
    margin-bottom: 5px;
}

#familyExistingProfileWrapper a:hover {
    color: #D41F37 !important;
}


@media (max-width: 767px) {
    #contentModule1 .row:has(#familyExistingProfileWrapper) {
        flex-direction: column !important;
        margin: 20px 0px !important;
        max-width: 100% !important;
    }

    #familyExistingProfileWrapper,
    #familyNewProfileWrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding: 30px !important;
        
    }
}




#familyExistingProfileForm .form-group {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
}


#familyExistingProfileForm .form-group label {
    order: 1 !important;
    width: 100% !important;
}


#familyExistingProfileForm .form-group input.form-control {
    order: 2 !important;
    width: 100% !important;
}


#familyExistingProfileForm .form-group a {
    order: 3 !important;

    
    text-align: right !important;
    
    margin-top: 8px !important;
    
    width: 100% !important;
    display: block !important;

    
    font-size: 0.85rem !important;
    font-weight: 600 !important;
}




#familyNewProfileWrapper div[class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}


#familyExistingProfileWrapper div[class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}




#instructorLoginOptionsContainer .instructorForm {
    
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 70px 40px !important;
    margin: 40px auto !important;
    max-width: 550px !important;
    

    
    border-radius: 8px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25) !important;
    overflow: hidden !important;

    
    background-color: #34111A !important;
    
    color: #ffffff !important;
    

    
    --c-0: rgba(212, 31, 55, 0.5);
    --c-1: rgba(74, 21, 59, 0.7);
    --c-2: hsla(320, 90%, 60%, 0.3);
    --c-3: rgba(255, 255, 255, 0.05);

    
    
    --x-0: 20%;
    --y-0: 30%;
    --x-1: 80%;
    --y-1: 20%;
    --x-2: 60%;
    --y-2: 70%;
    --x-3: 30%;
    --y-3: 80%;
    

    background-image:
        radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) 0%, transparent 40%),
        radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) 0%, transparent 50%),
        radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) 0%, transparent 45%),
        radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) 0%, transparent 30%) !important;

    background-blend-mode: screen, normal, normal, normal !important;
    animation: dark-mesh-flow 60s infinite ease-in-out alternate !important;

    position: relative !important;
    z-index: 1;
}




@keyframes login-mesh-flow {

    
    0% {
        --x-0: 20%;
        --y-0: 30%;
        --x-1: 80%;
        --y-1: 20%;
        --x-2: 60%;
        --y-2: 70%;
        --x-3: 30%;
        --y-3: 80%;
    }

    
    25% {
        --x-0: 70%;
        --y-0: 60%;
        --x-1: 30%;
        --y-1: 75%;
        --x-2: 85%;
        --y-2: 35%;
        --x-3: 50%;
        --y-3: 20%;
    }

    
    50% {
        --x-0: 40%;
        --y-0: 85%;
        --x-1: 75%;
        --y-1: 45%;
        --x-2: 20%;
        --y-2: 60%;
        --x-3: 90%;
        --y-3: 70%;
    }

    
    75% {
        --x-0: 85%;
        --y-0: 25%;
        --x-1: 25%;
        --y-1: 90%;
        --x-2: 65%;
        --y-2: 15%;
        --x-3: 15%;
        --y-3: 45%;
    }

    
    100% {
        --x-0: 20%;
        --y-0: 30%;
        --x-1: 80%;
        --y-1: 20%;
        --x-2: 60%;
        --y-2: 70%;
        --x-3: 30%;
        --y-3: 80%;
    }
}


#existingStudentDiv {
    padding: 40px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    
    background-color: #34111A !important;
    color: #ffffff !important;
    position: relative;
    z-index: 1;

    
    --c-0: rgba(212, 31, 55, 0.5);
    --c-1: rgba(74, 21, 59, 0.7);
    --c-2: hsla(320, 90%, 60%, 0.3);
    --c-3: rgba(255, 255, 255, 0.05);

    
    --x-0: 20%;
    --y-0: 30%;
    --x-1: 80%;
    --y-1: 20%;
    --x-2: 60%;
    --y-2: 70%;
    --x-3: 30%;
    --y-3: 80%;

    
    background-image:
        radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) 0%, transparent 40%),
        radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) 0%, transparent 50%),
        radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) 0%, transparent 45%),
        radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) 0%, transparent 30%) !important;

    background-blend-mode: screen, normal, normal, normal !important;

    
    animation: login-mesh-flow 60s infinite ease-in-out alternate !important;
}


#instructorLoginOptionsContainer .instructorForm {
    
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 70px 40px !important;
    margin: 40px auto !important;
    max-width: 550px !important;

    
    border-radius: 8px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25) !important;
    overflow: hidden !important;

    
    background-color: #34111A !important;
    color: #ffffff !important;

    
    --c-0: rgba(212, 31, 55, 0.5);
    --c-1: rgba(74, 21, 59, 0.7);
    --c-2: hsla(320, 90%, 60%, 0.3);
    --c-3: rgba(255, 255, 255, 0.05);

    
    --x-0: 20%;
    --y-0: 30%;
    --x-1: 80%;
    --y-1: 20%;
    --x-2: 60%;
    --y-2: 70%;
    --x-3: 30%;
    --y-3: 80%;

    
    background-image:
        radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) 0%, transparent 40%),
        radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) 0%, transparent 50%),
        radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) 0%, transparent 45%),
        radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) 0%, transparent 30%) !important;

    background-blend-mode: screen, normal, normal, normal !important;

    
    animation: login-mesh-flow 60s infinite ease-in-out alternate !important;

    position: relative !important;
    z-index: 1;
}



@keyframes dark-mesh-flow {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}




#instructorLoginOptionsContainer {
    justify-content: center !important;
}







@property --x-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 20%;
}

@property --y-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 30%;
}

@property --x-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 80%;
}

@property --y-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 20%;
}

@property --x-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 60%;
}

@property --y-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 70%;
}

@property --x-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 30%;
}

@property --y-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 80%;
}


@keyframes login-mesh-flow {

    
    0% {
        --x-0: 20%;
        --y-0: 30%;
        --x-1: 80%;
        --y-1: 20%;
        --x-2: 60%;
        --y-2: 70%;
        --x-3: 30%;
        --y-3: 80%;
    }

    
    25% {
        --x-0: 70%;
        --y-0: 60%;
        --x-1: 30%;
        --y-1: 75%;
        --x-2: 85%;
        --y-2: 35%;
        --x-3: 50%;
        --y-3: 20%;
    }

    
    50% {
        --x-0: 40%;
        --y-0: 85%;
        --x-1: 75%;
        --y-1: 45%;
        --x-2: 20%;
        --y-2: 60%;
        --x-3: 90%;
        --y-3: 70%;
    }

    
    75% {
        --x-0: 85%;
        --y-0: 25%;
        --x-1: 25%;
        --y-1: 90%;
        --x-2: 65%;
        --y-2: 15%;
        --x-3: 15%;
        --y-3: 45%;
    }

    
    100% {
        --x-0: 20%;
        --y-0: 30%;
        --x-1: 80%;
        --y-1: 20%;
        --x-2: 60%;
        --y-2: 70%;
        --x-3: 30%;
        --y-3: 80%;
    }
}


#existingStudentDiv {
    padding: 40px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    
    background-color: #34111A !important;
    color: #ffffff !important;
    position: relative;
    z-index: 1;

    
    --c-0: rgba(212, 31, 55, 0.5);
    --c-1: rgba(74, 21, 59, 0.7);
    --c-2: hsla(320, 90%, 60%, 0.3);
    --c-3: rgba(255, 255, 255, 0.05);

    
    --x-0: 20%;
    --y-0: 30%;
    --x-1: 80%;
    --y-1: 20%;
    --x-2: 60%;
    --y-2: 70%;
    --x-3: 30%;
    --y-3: 80%;

    
    background-image:
        radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) 0%, transparent 40%),
        radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) 0%, transparent 50%),
        radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) 0%, transparent 45%),
        radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) 0%, transparent 30%) !important;

    background-blend-mode: screen, normal, normal, normal !important;

    
    animation: login-mesh-flow 240s infinite ease-in-out alternate !important;

    
    will-change: background-image;
    transform: translateZ(0);
    
}


#instructorLoginOptionsContainer .instructorForm {
    
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 70px 40px !important;
    margin: 40px auto !important;
    max-width: 550px !important;

    
    border-radius: 8px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25) !important;
    overflow: hidden !important;

    
    background-color: #34111A !important;
    color: #ffffff !important;

    
    --c-0: rgba(212, 31, 55, 0.5);
    --c-1: rgba(74, 21, 59, 0.7);
    --c-2: hsla(320, 90%, 60%, 0.3);
    --c-3: rgba(255, 255, 255, 0.05);

    
    --x-0: 20%;
    --y-0: 30%;
    --x-1: 80%;
    --y-1: 20%;
    --x-2: 60%;
    --y-2: 70%;
    --x-3: 30%;
    --y-3: 80%;

    
    background-image:
        radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) 0%, transparent 40%),
        radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) 0%, transparent 50%),
        radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) 0%, transparent 45%),
        radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) 0%, transparent 30%) !important;

    background-blend-mode: screen, normal, normal, normal !important;

    
    animation: login-mesh-flow 60s infinite ease-in-out alternate !important;

    position: relative !important;
    z-index: 1;

    
    will-change: background-image;
    transform: translateZ(0);
    
}






@keyframes dark-mesh-flow {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}




#mainContent #instructorLoginOptionsContainer .instructorForm h2 {
    
    color: #ffffff !important;

    
    text-align: left !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    border: none !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    
    font-size: 1.8rem !important;
    font-style: normal !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
}


.instructorForm .form-group {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 20px !important;
}


.instructorForm label {
    order: 1 !important;
    color: white !important;
    font-weight: 700 !important;
    display: block !important;
    font-family: 'Montserrat', sans-serif !important;
    margin-bottom: 8px !important;
    font-size: 0.85rem !important;
}


.instructorForm .form-control {
    order: 2 !important;
    height: 50px !important;
    border-radius: 4px !important;

    
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: white !important;
    backdrop-filter: blur(5px);

    padding-left: 15px !important;
    font-size: 1rem !important;
}

.instructorForm .form-control::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

.instructorForm .form-control:focus {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-color: #ffffff !important;
}


.instructorForm a {
    order: 3 !important;
    text-align: right !important;
    margin-top: 8px !important;
    display: block !important;

    
    color: #ffffff !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    transition: opacity 0.3s ease !important;
}

.instructorForm a:hover {
    opacity: 0.8 !important;
    
}


#buttonSubmitInstructorLogin {
    
    width: 100% !important;
    margin-top: 10px !important;
    padding: 1.25rem 1.9rem !important;

    
    background-color: #8b2331 !important;
    
    border: 2px solid #8b2331 !important;
    color: #FFFFFF !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    font-style: normal !important;
    font-size: .942rem !important;

    
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
}

#buttonSubmitInstructorLogin:hover,
#buttonSubmitInstructorLogin:focus {
    
    background-color: #34111A !important;
    border-color: #34111A !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
}


.instructorForm .card,
.instructorForm .sectionHeader {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}



@media (max-width: 767px) {

    #instructorLoginOptionsContainer {
        
        
        margin: 20px 10px !important;

        
        
        width: auto !important;
        max-width: none !important;

        
        
        padding: 0 !important;
    }

    
    #instructorLoginOptionsContainer .instructorForm {
        
        padding: 30px 20px !important;
    }
}








#sce-auto-search-overlay {
    
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    

    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    
    display: none;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    

    

    
    background-color: #34111A;

    
    --c-0: rgba(212, 31, 55, 0.5);
    
    --c-1: rgba(74, 21, 59, 0.7);
    
    --c-2: hsla(320, 90%, 60%, 0.3);
    
    --c-3: rgba(255, 255, 255, 0.05);
    

    
    background-image:
        radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) 0%, transparent 40%),
        radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) 0%, transparent 50%),
        radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) 0%, transparent 45%),
        radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) 0%, transparent 30%);

    
    background-blend-mode: screen, normal, normal, normal;
    animation: dark-mesh-flow 60s infinite ease-in-out alternate;
}


.sce-loader {
    width: 60px;
    height: 60px;
    border: 4px solid rgba(255, 255, 255, 0.1);
    
    border-top: 4px solid #ffffff;
    
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 25px;

    
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
}


.sce-loading-text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #ffffff;
    font-size: 0.9rem;
    
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    
}


@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


body.is-auto-searching #sce-auto-search-overlay {
    display: flex;
    
    opacity: 1;
}




.loader-wrapper {
    position: relative;

    
    width: 68px !important;
    
    height: 68px !important;
    

    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}




.sce-spinner-ring {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    
    border-radius: 50%;
    

    
    background: conic-gradient(from 0deg,
            transparent 0%,
            #4A153B 30%,
            
            #ff3399 60%,
            
            #D41F37 100%
            
        );

    
    
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 5px), black calc(100% - 5px));
    mask: radial-gradient(farthest-side, transparent calc(100% - 5px), black calc(100% - 5px));

    
    animation: spin 1s linear infinite;

    
    filter: drop-shadow(0 0 5px rgba(212, 31, 55, 0.6));

    z-index: 1;
    border: none !important;
}


@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.sce-loader-logo {
    width: 35px;
    
    height: auto;
    position: relative;
    z-index: 2;
    
    
}


@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



body.is-auto-searching #sce-auto-search-overlay {
    display: flex;
    opacity: 1;
}




@keyframes sceNeonCross {
    0% {
        background-position:
            0% 0%,
            
            100% 100%;
        
    }

    50% {
        background-position:
            100% 100%,
            
            0% 0%;
        
    }

    100% {
        background-position:
            0% 0%,
            
            100% 100%;
    }
}


.custom-search-wrapper {
    position: relative;
    z-index: 1;
    border-radius: 8px !important;
    padding: 2px !important;
    
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    max-width: 85%;
    margin: -80px auto 35px auto;
}


.custom-search-wrapper::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;

    
    background-color: #2A0D15;

    background-image:
        
        linear-gradient(135deg,
            transparent 35%,
            #8B2332 42%,
            
            #D41F37 47%,
            
            #FFFFFF 50%,
            
            #D41F37 53%,
            #8B2332 58%,
            transparent 65%),

        
        linear-gradient(135deg,
            transparent 35%,
            #D93D4A 42%,
            
            #FF66B2 47%,
            
            #F72585 50%,
            
            #8C1B59 53%,
            
            #6A0DAD 58%,
            
            transparent 65%);

    background-size: 220% 220%, 220% 220%;
    animation: sceNeonCross 20s ease-in-out infinite;
}





.custom-search-wrapper::after {
    content: "";
    position: absolute;
    z-index: -2;
    top: -60px;
    left: -80px;
    right: -80px;
    bottom: -60px;
    border-radius: 8px;

    
    background:
        url('/images/gradient_search_box.svg') no-repeat center center,
        radial-gradient(ellipse at 30% 50%,
            rgba(139, 35, 50, 0.4),
            
            rgba(212, 31, 55, 0.3),
            
            rgba(0, 180, 216, 0.3),
            
            transparent 70%);

    background-size: 90% auto, cover;
    filter: blur(100px);
    
    opacity: 0.65;
    
}


.custom-search-wrapper .input-group {
    background: linear-gradient(90deg, #f9f9f9 0%, #ffffff 20%, #ffffff 80%, #f9f9f9 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 4px;

    
    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.04),
        
        0 4px 8px rgba(0, 0, 0, 0.06),
        
        0 16px 32px rgba(52, 17, 26, 0.12),
        
        0 32px 64px rgba(52, 17, 26, 0.08),
        
        inset 0 2px 6px rgba(0, 0, 0, 0.06);
    
}


.custom-search-wrapper .input-group:focus-within {
    box-shadow:
        0 8px 24px rgba(52, 17, 26, 0.15),
        
        0 4px 8px rgba(139, 35, 49, 0.10),
        
        0 0 0 3px rgba(212, 31, 55, 0.15),
        
        inset 0 2px 6px rgba(0, 0, 0, 0.06);
}


#injectedSearchInput {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    height: 50px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    color: #34111A !important;
    padding-left: 20px !important;
}

#injectedSearchInput::placeholder {
    color: #999 !important;
    font-style: normal;
    opacity: 0.7;
}


#btnInjectedSearch {
    height: 44px !important;
    border-radius: 6px !important;
    background-color: #34111A !important;
    
    border: none !important;
    color: #ffffff !important;
    padding: 0 25px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem !important;
    margin-right: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease !important;
}

#btnInjectedSearch:hover {
    background-color: #54141d !important;
    
    box-shadow: 0 0 15px rgba(52, 17, 26, 0.6);
    
}


.advanced-link-wrapper {
    position: absolute;
    bottom: -28px;
    right: 15px;
    text-align: right;
    width: 100%;
    margin-top: 0 !important;
}

.small-link {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #8b2331 !important;
    text-decoration: none;
    transition: color 0.3s ease !important;
    opacity: 0.8;
}

.small-link:hover {
    color: #34111a !important;
    text-decoration: underline;
    opacity: 1;
}

.custom-search-wrapper .search-label {
    display: none !important;
}



.sce-search-icon {
    width: 20px;
    
    height: 20px;
    margin-right: 8px;
    
    vertical-align: middle;
    position: relative;
    top: -2px;
    

    
    
    filter: brightness(0) invert(1);

    transition: transform 0.3s ease;
}


#btnInjectedSearch:hover .sce-search-icon {
    transform: scale(1.2);
    
}




#buttonReset,
#buttonCancel,
button[value="Reset"],
button[value="Cancel"] {
    
    background-color: #ffffff !important;
    color: #D41F37 !important;
    
    border: 1px solid #D41F37 !important;
    

    
    font-family: 'Montserrat', sans-serif !important;


    font-optical-sizing: auto !important;
    font-size: .942rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
    padding: 1.25rem 1.9rem !important;
    text-transform: uppercase !important;

    
    transition: all 0.3s ease !important;
}


#buttonReset:hover,
#buttonCancel:hover,
button[value="Reset"]:hover,
button[value="Cancel"]:hover {
    
    background-color: #D41F37 !important;
    
    border-color: #D41F37 !important;
    color: #ffffff !important;
    
    cursor: pointer !important;
}



@media (max-width: 767px) {

    #buttonReset,
    #buttonCancel,
    button[value="Reset"],
    button[value="Cancel"] {
        
        
        padding: 0.9rem !important;

        
        
        font-size: 0.85rem !important;

        
        
        width: 100% !important;


        white-space: normal !important;
        height: auto !important;
        vertical-align: middle !important;
        line-height: 1.3 !important;
    }
}


#search-layout-wrapper {
    display: flex;
    flex-wrap: wrap;
    
    align-items: flex-start;
    
    gap: 30px;
    
}


#search-layout-wrapper>.card.card-info {
    flex: 2;
    min-width: 450px;
}


#search-layout-wrapper>.sce-cards-wrapper {
    flex: 1;
    min-width: 300px;

    
    
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


#search-layout-wrapper>.sce-cards-wrapper .container {
    width: 100% !important;
    max-width: none !important;
    
    padding: 0 !important;
    
    margin: 0 !important;
    
}




body:has(#advancedSearchControl) #contentModule1>.row>.col-lg-12 {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}


body:has(#advancedSearchControl) .sce-search-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 2rem !important;
    order: 1 !important;
}


body:has(#advancedSearchControl) #formCourseSearch {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 2rem !important;
    order: 2 !important;

    
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    z-index: auto !important;
    pointer-events: auto !important;
}


body:has(#advancedSearchControl) .spotlight-grid.grid-2col {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.5rem !important;
}


body:has(#advancedSearchControl) .card.panel-default {
    position: relative !important;
    z-index: auto !important;
    pointer-events: auto !important;
}

body:has(#advancedSearchControl) #courseSearchCriteriaBody {
    position: relative !important;
    z-index: auto !important;
    pointer-events: auto !important;
}



@media (min-width: 768px) and (max-width: 991px) {

    body:has(#advancedSearchControl) .spotlight-grid.grid-3col,
    body:has(#advancedSearchControl) .spotlight-grid.grid-2col {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 767px) {

    body:has(#advancedSearchControl) .spotlight-grid.grid-3col,
    body:has(#advancedSearchControl) .spotlight-grid.grid-2col {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    body:has(#advancedSearchControl) .spotlight-card {
        min-height: 200px !important;
        padding: 1.25rem !important;
    }
}




body:has(#advancedSearchControl) .engagement-card {
    position: relative !important;
    background-image: linear-gradient(to bottom, #d51f37, #9a1426) !important;
    border-radius: .25rem !important;
    padding: 1rem !important;
    min-height: auto !important;

    
    border: none !important;

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
}

body:has(#advancedSearchControl) .engagement-card:hover {
    transform: translateY(-5px) !important;
    
}


body:has(#advancedSearchControl) .engagement-card-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    text-align: left !important;
    
}


body:has(#advancedSearchControl) .engagement-icon {
    
    display: none !important;
}

body:has(#advancedSearchControl) .engagement-icon i {
    font-size: 1.75rem !important;
    color: #ffffff !important;
}


body:has(#advancedSearchControl) .engagement-card h3 {
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-bottom: 1rem !important;
    text-align: left !important;
}


body:has(#advancedSearchControl) .engagement-card p {
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    line-height: 1.6 !important;
    margin-bottom: 1rem !important;
    text-align: left !important;
    flex-grow: 1 !important;
}




body:has(#advancedSearchControl) .imagelr-links {
    padding-bottom: 0 !important;
    margin-top: auto !important;
    
}


body:has(#advancedSearchControl) .imagelr-separator {
    margin-top: -0.35rem !important;
    margin-bottom: 0.85rem !important;
    width: 3.5rem !important;
    border-top: solid 2px #d51f37 !important;
    
}


body:has(#advancedSearchControl) .feature-glyph {
    display: block !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;

    transition: opacity 0.2s ease !important;
}

body:has(#advancedSearchControl) .feature-glyph:hover {
    color: #ffffff !important;
    text-decoration: none !important;
    opacity: 0.85 !important;
}


body:has(#advancedSearchControl) .feature-glyph:focus {
    text-decoration: none !important;
}



@media (min-width: 768px) and (max-width: 991px) {
    body:has(#advancedSearchControl) .engagement-card {
        padding: 1.75rem !important;
        min-height: 300px !important;
    }

    body:has(#advancedSearchControl) .engagement-card h3 {
        font-size: 1.25rem !important;
    }

    body:has(#advancedSearchControl) .engagement-card p {
        font-size: 0.9rem !important;
    }

    body:has(#advancedSearchControl) .feature-glyph {
        font-size: 0.8rem !important;
    }
}



@media (max-width: 767px) {
    body:has(#advancedSearchControl) .engagement-card {
        padding: 1.5rem !important;
        min-height: 280px !important;
    }

    body:has(#advancedSearchControl) .engagement-icon {
        width: 50px !important;
        height: 50px !important;
        margin-bottom: 1.25rem !important;
    }

    body:has(#advancedSearchControl) .engagement-icon i {
        font-size: 1.5rem !important;
    }

    body:has(#advancedSearchControl) .engagement-card h3 {
        font-size: 1.15rem !important;
        margin-bottom: 0.85rem !important;
    }

    body:has(#advancedSearchControl) .engagement-card p {
        font-size: 0.875rem !important;
        margin-bottom: 1.25rem !important;
    }

    body:has(#advancedSearchControl) .imagelr-separator {
        width: 3rem !important;
        margin-bottom: 0.75rem !important;
    }

    body:has(#advancedSearchControl) .feature-glyph {
        font-size: 0.75rem !important;
    }
}






body:has(#advancedSearchControl) .engagement-card:focus-within {
    outline: 3px solid rgba(255, 255, 255, 0.6) !important;
    outline-offset: 3px !important;
}


@media (prefers-reduced-motion: reduce) {

    body:has(#advancedSearchControl) .engagement-card,
    body:has(#advancedSearchControl) .feature-glyph {
        transition: none !important;
    }

    body:has(#advancedSearchControl) .engagement-card:hover {
        transform: none !important;
    }
}




body:has(#advancedSearchControl) .sce-carousel-section {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    order: -1 !important;
    
    margin-bottom: 0rem !important;
}


body:has(#advancedSearchControl) .sce-carousel-section {
    display: block !important;
    float: none !important;
}


body:has(#advancedSearchControl) .sce-carousel-section * {
    flex-basis: auto !important;
}









.sce-search-container {
    width: 100% !important;
    margin-bottom: 3rem !important;
    padding: 2rem !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
}


.sce-search-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.75rem !important;
    color: #34111A !important;
    margin-bottom: 1.5rem !important;
    text-align: left !important;
}


.sce-quick-search-box {
    position: relative !important;
}


#courseSearchKeyword {
    margin-bottom: 1rem !important;
}

#courseSearchKeyword .form-group {
    position: relative !important;
    margin-bottom: 0 !important;
}

#courseSearchKeyword label {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    color: #34111A !important;
    margin-bottom: 0.5rem !important;
}

#courseSearchKeyword #keyword {
    width: 100% !important;
    padding: 0.875rem 3.5rem 0.875rem 1rem !important;
    font-size: 1rem !important;
    border: 2px solid #e9ecef !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

#courseSearchKeyword #keyword:focus {
    border-color: #8b2331 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(139, 35, 49, 0.1) !important;
}


.sce-quick-submit-btn {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 40px !important;
    height: 40px !important;

    background: #8b2331 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.sce-quick-submit-btn:hover {
    background: #6d1c27 !important;
    transform: translateY(-50%) scale(1.05) !important;
}

.sce-quick-submit-btn i {
    font-size: 1rem !important;
}


.sce-advanced-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;

    padding: 0.5rem 0 !important;

    color: #8b2331 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    text-decoration: none !important;

    transition: all 0.2s ease !important;
}

.sce-advanced-link:hover {
    color: #6d1c27 !important;
    gap: 0.75rem !important;
}

.sce-advanced-link i {
    font-size: 0.9rem !important;
}




.search-modal-backdrop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    background: rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(4px) !important;

    z-index: 9998 !important;

    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
}

.search-modal-backdrop.active {
    opacity: 1 !important;
    visibility: visible !important;
}


.search-modal-container {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) scale(0.95) !important;

    width: 90% !important;
    max-width: 700px !important;
    max-height: 90vh !important;

    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.2) !important;

    z-index: 9999 !important;

    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;

    display: flex !important;
    flex-direction: column !important;
}

.search-modal-container.active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) scale(1) !important;
}


.search-modal-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;

    padding: 1.5rem 2rem !important;
    border-bottom: 1px solid #e9ecef !important;

    flex-shrink: 0 !important;
}

.search-modal-header h3 {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;

    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.35rem !important;
    color: #34111A !important;
    margin: 0 !important;
}

.search-modal-header h3 i {
    color: #8b2331 !important;
}

.search-modal-close {
    width: 40px !important;
    height: 40px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    border: none !important;
    border-radius: 50% !important;

    color: #a6a6a6 !important;
    font-size: 1.25rem !important;

    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.search-modal-close:hover {
    background: #f5f5f5 !important;
    color: #8b2331 !important;
    transform: rotate(90deg) !important;
}


.search-modal-body {
    padding: 2rem !important;
    overflow-y: auto !important;
    flex: 1 !important;
}


.search-modal-footer {
    padding: 1.5rem 2rem !important;
    border-top: 1px solid #e9ecef !important;
    background: #f8f9fa !important;
    border-radius: 0 0 16px 16px !important;

    flex-shrink: 0 !important;
}

.search-modal-footer .buttons {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 1rem !important;
    margin: 0 !important;
}

.search-modal-footer .btn {
    min-width: 120px !important;
    padding: 0.75rem 1.5rem !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
}


body.modal-open {
    overflow: hidden !important;
}


.search-modal-body::-webkit-scrollbar {
    width: 8px !important;
}

.search-modal-body::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 10px !important;
}

.search-modal-body::-webkit-scrollbar-thumb {
    background: #8b2331 !important;
    border-radius: 10px !important;
}

.search-modal-body::-webkit-scrollbar-thumb:hover {
    background: #6d1c27 !important;
}


.search-modal-body .card-header {
    display: none !important;
}

.search-modal-body .card {
    border: none !important;
    box-shadow: none !important;
}




@media (max-width: 991px) {
    .sce-search-container {
        padding: 1.5rem !important;
    }

    .sce-search-title {
        font-size: 1.5rem !important;
    }
}


@media (max-width: 767px) {
    .sce-search-container {
        padding: 1.25rem !important;
        margin-bottom: 2rem !important;
    }

    .sce-search-title {
        font-size: 1.35rem !important;
    }

    .search-modal-container {
        width: 95% !important;
        max-height: 95vh !important;
        border-radius: 12px !important;
    }

    .search-modal-header {
        padding: 1.25rem 1.5rem !important;
    }

    .search-modal-header h3 {
        font-size: 1.15rem !important;
    }

    .search-modal-body {
        padding: 1.5rem !important;
    }

    .search-modal-footer {
        padding: 1.25rem 1.5rem !important;
    }

    .search-modal-footer .buttons {
        flex-direction: column !important;
    }

    .search-modal-footer .btn {
        width: 100% !important;
    }
}




body:has(#advancedSearchControl) #courseSearchKeyword>.col-md-6,
body:has(#advancedSearchControl) #courseSearchKeyword>.col-sm-12,
body:has(#advancedSearchControl) #courseSearchKeyword>[class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


body:has(#advancedSearchControl) #courseSearchKeyword.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


body:has(#advancedSearchControl) #courseSearchKeyword {
    background-color: #f0f0f0 !important;
    padding: 30px 15px 15px 15px !important;
    border-radius: 4px !important;
    margin-bottom: 1.5rem !important;
}


body:has(#advancedSearchControl) #courseSearchKeyword label {
    color: #171717 !important;
    margin-bottom: 0.5rem !important;
    border-left: 3px solid #8b2331 !important;
    padding-left: 0.5rem !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1025rem !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: normal !important;
    line-height: 1.2 !important;
}




body:has(#advancedSearchControl) #keyword,
body:has(#advancedSearchControl) input[name="courseSearch.courseDescriptionKeyword"] {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="%238b2331" viewBox="0 0 16 16"%3e%3cpath d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/%3e%3c/svg%3e') !important;
    background-repeat: no-repeat !important;
    background-position: left 12px center !important;
    background-size: 18px 18px !important;
    padding-left: 42px !important;
    padding-right: 15px !important;
    height: 50px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    color: #171717 !important;
    box-shadow: none !important;
}


body:has(#advancedSearchControl) #keyword::placeholder {
    color: #34111A !important;
    font-style: italic !important;
    opacity: 0.4 !important;
}


body:has(#advancedSearchControl) #keyword:focus,
body:has(#advancedSearchControl) #courseSearchKeyword input.form-control:focus {
    border-color: #fff !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.15) !important;
    outline: none !important;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="%238e2736" viewBox="0 0 16 16"%3e%3cpath d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/%3e%3c/svg%3e') !important;
    background-position: left 12px center !important;
    padding-left: 42px !important;
}


body:has(#advancedSearchControl) #keyword {
    width: 100% !important;
    max-width: 100% !important;
}




body:has(#advancedSearchControl) #advancedSearchPanelTitle.card-title,
body:has(#advancedSearchControl) h4#advancedSearchPanelTitle {
    border-left: 3px solid #8b2331 !important;
    padding-left: 0.5rem !important;
    display: inline-block !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1025rem !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: normal !important;
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
}


body:has(#advancedSearchControl) #advancedSearchPanelTitle .btn {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1025rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}


body:has(#advancedSearchControl) #advancedSearchPanelTitle .btn>span {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #171717 !important;
}




body:has(#advancedSearchControl) #courseSearchCriteriaBody .row>[class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 0.5rem !important;
}


body:has(#advancedSearchControl) #courseSearchCriteriaBody .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


body:has(#advancedSearchControl) #courseSearchCriteriaBody .form-group {
    margin-bottom: 1rem !important;
}


body:has(#advancedSearchControl) #courseSearchCriteriaBody .row {
    border-bottom: 1px dotted #f0f0f0 !important;
    padding-bottom: 0.2rem !important;
    margin-bottom: 0.2rem !important;
}

body:has(#advancedSearchControl) #courseSearchCriteriaBody .row:last-child {
    border-bottom: none !important;
}






body:has(#advancedSearchControl) .card.panel-default,
body:has(#advancedSearchControl) .panel-default.card,
body:has(#advancedSearchControl) div.card.panel-default,
#formCourseSearch .card.panel-default {
    background-color: #f0f0f0 !important;
    padding: 0px 15px 5px 15px !important;
    border-radius: 4px !important;
    margin-top: 20px !important;
    border: none !important;
    margin-bottom: 0px !important;
    overflow: hidden !important;
    
    display: block !important;
}



.row>.col-lg-12>.buttons {
    
    background-color: #f0f0f0 !important;

    
    
    border-radius: 0 0 4px 4px !important;

    
    
    padding: 15px 20px !important;

    
    
    margin-top: -12px !important;

    
    display: flex !important;
    justify-content: flex-end !important;
    
    gap: 10px !important;
    
}



body:has(#advancedSearchControl) .card.card-info,
body:has(#advancedSearchControl) .card-info.card {
    background-color: #f0f0f0 !important;
    padding: 0px 15px 5px 15px !important;
    border-radius: 4px !important;
    margin-top: 20px !important;
    border: none !important;
    margin-bottom: 1rem !important;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    overflow: hidden !important;
}




body:has(#advancedSearchControl) .card.panel-default .card-header,
body:has(#advancedSearchControl) .card.card-info .card-header,
body:has(#advancedSearchControl) #advancedSearchControl {
    background-color: transparent !important;
    border: none !important;
    padding: 15px 0 !important;
}




body:has(#advancedSearchControl) .card.panel-default .card-header .btn,
body:has(#advancedSearchControl) .card.card-info .card-header .btn,
body:has(#advancedSearchControl) #advancedSearchControl .btn {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    font-weight: 600 !important;
    color: #34111A !important;
    text-decoration: none !important;
    box-shadow: none !important;
}


body:has(#advancedSearchControl) .card.panel-default .card-header .btn:hover,
body:has(#advancedSearchControl) .card.card-info .card-header .btn:hover,
body:has(#advancedSearchControl) #advancedSearchControl .btn:hover {
    color: #8b2331 !important;
    background: none !important;
}




body:has(#advancedSearchControl) .card.panel-default .card-body,
body:has(#advancedSearchControl) .card.card-info .card-body,
body:has(#advancedSearchControl) #courseSearchCriteriaBody .card-body,
body:has(#advancedSearchControl) .panel-collapse .card-body,
body:has(#advancedSearchControl) .panel-collapse.show .card-body {
    background-color: #ffffff !important;
    padding: 20px !important;
    margin-top: 10px !important;
    display: block !important;
    visibility: visible !important;
    border: none !important;
    margin-bottom: 1rem !important;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    font-size: 0.85rem !important;
}




body:has(#advancedSearchControl) #courseSearchCriteriaBody,
body:has(#advancedSearchControl) .panel-collapse,
body:has(#advancedSearchControl) .panel-collapse.collapse,
body:has(#advancedSearchControl) .panel-collapse.collapse.show {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
}




body:has(#advancedSearchControl) .panelHeaderIcon {
    transition: transform 0.3s ease !important;
}


body:has(#advancedSearchControl) .card-header .btn[aria-expanded="true"] .panelHeaderIcon,
body:has(#advancedSearchControl) #advancedSearchControl button[aria-expanded="true"] .panelHeaderIcon {
    transform: rotate(180deg) !important;
}






@media (min-width: 992px) {
    body:has(#advancedSearchControl) .treeViewInner {
        width: 100% !important;
        max-width: 100% !important;
    }

    body:has(#advancedSearchControl) #programStreamTree {
        width: 100% !important;
        max-width: 100% !important;
    }

    
    body:has(#advancedSearchControl) #programStream {
        width: 100% !important;
        max-width: 100% !important;
    }
}


@media (max-width: 991px) {
    .treeViewInner {
        width: 100% !important;
        max-width: 100% !important;
    }

    #programStreamTree {
        width: 100% !important;
        max-width: 100% !important;
    }

    #programStream {
        width: 100% !important;
        max-width: 100% !important;
    }
}




body:has(#advancedSearchControl) #formCourseSearch {
    overflow-x: hidden !important;
}

body:has(#advancedSearchControl) .card-body {
    overflow-x: hidden !important;
}



@media (min-width: 992px) {

    
    body:has(#advancedSearchControl) #contentModule1>.row>.col-lg-12 {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 2rem !important;
        flex-wrap: nowrap !important;
    }

    
    body:has(#advancedSearchControl) .sce-spotlight-container {
        flex: 0 0 65% !important;
        max-width: 65% !important;
        order: 2 !important;

        
        position: sticky !important;
        top: 2rem !important;
        align-self: flex-start !important;

        
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    
    body:has(#advancedSearchControl) #formCourseSearch {
        flex: 0 0 35% !important;
        max-width: 35% !important;
        order: 1 !important;
    }

    
    body:has(#advancedSearchControl) .spotlight-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}



@media (min-width: 768px) and (max-width: 991px) {

    body:has(#advancedSearchControl) #contentModule1>.row>.col-lg-12 {
        display: block !important;
    }

    body:has(#advancedSearchControl) .sce-spotlight-container {
        margin-bottom: 2rem !important;
        width: 100% !important;
        max-width: 100% !important;
        position: relative !important;
        overflow: visible !important;
    }

    body:has(#advancedSearchControl) #formCourseSearch {
        width: 100% !important;
        max-width: 100% !important;
    }

    body:has(#advancedSearchControl) .spotlight-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}



@media (max-width: 767px) {

    body:has(#advancedSearchControl) #contentModule1>.row>.col-lg-12 {
        display: flex !important;
        flex-direction: column !important;
    }

    body:has(#advancedSearchControl) .sce-spotlight-container {
        padding: 2rem 1rem !important;
        margin-bottom: 2rem !important;
        width: 100% !important;
        max-width: 100% !important;
        position: relative !important;
        overflow: visible !important;
    }

    body:has(#advancedSearchControl) #formCourseSearch {
        width: 100% !important;
        max-width: 100% !important;
    }

    body:has(#advancedSearchControl) .sce-spotlight-container h2 {
        font-size: 1.6rem !important;
    }

    body:has(#advancedSearchControl) .spotlight-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    body:has(#advancedSearchControl) .spotlight-card {
        min-height: 200px !important;
        padding: 1.25rem !important;
    }

    body:has(#advancedSearchControl) .spotlight-icon {
        width: 45px !important;
        height: 45px !important;
    }

    body:has(#advancedSearchControl) .spotlight-icon i {
        font-size: 1.3rem !important;
    }

    body:has(#advancedSearchControl) .spotlight-card h3 {
        font-size: 1rem !important;
    }

    body:has(#advancedSearchControl) .spotlight-card p {
        font-size: 0.8rem !important;
    }
}




#searchResultsFilter {
    
    background-color: #f0f0f0 !important;
    padding: 0px 15px 15px 15px !important;
    
    border-radius: 4px !important;
    margin-top: 20px !important;

    
    border: none !important;
    box-shadow: none !important;
}



#searchResultsFilter .card-header {
    background-color: transparent !important;
    border-bottom: none !important;
    padding: 15px 0 10px 0 !important;
    
}



#searchResultsFilter .card-title button>span {
    
    border-left: 3px solid #8b2331 !important;
    padding-left: 0.5rem !important;
    display: inline-block !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1025rem !important;
    font-weight: 700 !important;
    
    font-style: normal !important;
    letter-spacing: normal !important;
    line-height: 1.2 !important;

    
    color: #34111A !important;
}


#searchResultsFilter .card-title button {
    text-decoration: none !important;
    padding: 0 !important;
    width: 100%;
}


#searchResultsFilteringOptions {
    
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #e9ecef !important;

    
    border-radius: 4px !important;
    padding: 15px !important;
    
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    
}


#searchResultsFilteringOptions h3 {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    color: #a6a6a6 !important;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 5px;
}


#searchResultsFilter .card-title button>span {
    display: flex !important;
    width: 100% !important;
    justify-content: space-between !important;
    
    align-items: center !important;
    
}


#searchResultsFilter .panelHeaderIcon {
    float: none !important;
    
    margin-left: auto !important;
    
}



#searchResultsFilter .panelHeaderIcon.glyphicon-minus::before {
    content: "\f077" !important;
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
    color: #58565A !important;
    
}


#searchResultsFilter button.collapsed .panelHeaderIcon.glyphicon-minus::before {
    content: "\f078" !important;
    
    transform: rotate(0deg) !important;
}




#searchResultsFilteringOptions h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #8b2331 !important;
    
    margin-bottom: 12px !important;
    margin-top: 15px !important;
    letter-spacing: 0.05em;
    border-bottom: 2px solid #e9ecef;
    padding-bottom: 5px;
}


#searchResultsFilteringOptions ul.list-unstyled li {
    display: block;
    margin-bottom: 10px;
    background-color: white !important;
    border-radius: 4px;
    overflow: hidden;
    
    position: relative;
    z-index: 1;

    
    border: 1px solid #E9E5E5;

    
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}


#searchResultsFilteringOptions ul.list-unstyled li:hover {
    transform: translateY(-2px);
    
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    
    border-color: #8b2331;
    
}


#searchResultsFilteringOptions ul.list-unstyled li a {
    display: block !important;
    position: relative !important;

    
    padding: 12px 40px 12px 50px !important;

    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    
    font-size: 0.85rem !important;
    color: #34111a !important;
    
    text-decoration: none !important;
    background-color: transparent !important;
    line-height: 1.3 !important;
}


#searchResultsFilteringOptions ul.list-unstyled li a::before {
    content: "\f02d";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;

    
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    height: 100% !important;
    
    width: 40px !important;

    
    background-color: #E9E5E5 !important;
    
    color: #34111A !important;
    

    
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 1rem !important;

    transition: background-color 0.3s ease, color 0.3s ease;
}


#searchResultsFilteringOptions ul.list-unstyled li:hover a::before {
    background-color: #8b2331 !important;
    
    color: #ffffff !important;
    
}


#searchResultsFilteringOptions ul.list-unstyled li a::after {
    content: "\f054";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    font-size: 0.9rem;
    color: #8b2331;
    

    
    position: absolute;
    right: 15px;
    top: 50%;

    
    transform: translateY(-50%) translateX(-10px);
    opacity: 0;

    transition: opacity 0.3s ease, transform 0.3s ease;
}


#searchResultsFilteringOptions ul.list-unstyled li:hover a::after {
    opacity: 1;
    transform: translateY(-50%) translateX(0px);
    
}




#searchResultsFilteringOptions ul.list-unstyled li.active {
    background-color: #8b2331 !important;
    
    border-color: #8b2331 !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    
}


#searchResultsFilteringOptions ul.list-unstyled li.active a {
    color: #ffffff !important;
    
    font-weight: 700 !important;
    
}



#searchResultsFilteringOptions ul.list-unstyled li.active a::before {
    background-color: #ffffff !important;
    color: #8b2331 !important;
    border-right: 1px solid #8b2331 !important;
}



#searchResultsFilteringOptions ul.list-unstyled li.active a::after {
    color: #ffffff !important;
    opacity: 1 !important;
    
    transform: translateY(-50%) translateX(0px) !important;
}




.sce-active-filters-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
    
    width: 100%;
}


.sce-filter-chip {
    display: inline-flex;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 50px;
    
    padding: 6px 14px;

    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
    color: #34111A;
    
    font-weight: 600;
    transition: all 0.2s ease;
}


.sce-filter-chip:hover {
    border-color: #E9E5E5;
    
    background-color: #E9E5E5;
    
}


.sce-chip-label {
    font-size: 0.75rem;
    color: #888;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 6px;
    letter-spacing: 0.5px;
}


.sce-chip-remove {
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #e9ecef;
    color: #555;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.sce-chip-remove i {
    font-size: 10px;
    
}

.sce-chip-remove:hover {
    background-color: #8b2331;
    
    color: white;
    
}


.sce-clear-all-link {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
    color: #34111A;
    
    text-decoration: none !important;
    margin-left: 5px;
    font-weight: 600;

    
    padding: 6px 14px;
    
    border-radius: 50px;
    transition: all 0.2s ease;
    
}


.sce-clear-all-link:hover {
    background-color: #E9E5E5 !important;
    
    color: #8b2331 !important;
    
    text-decoration: underline !important;
}





form[name="publicRequestInformationForm"] #requestInformation {
    background-color: #fff !important;
    padding: 40px 30px 40px 30px !important;
    border-radius: 8px !important;
    margin: 40px auto !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    max-width: 100%;
}


form[name="publicRequestInformationForm"] #requestInformation>.row:first-child {
    padding-top: 15px !important;
}


form[name="publicRequestInformationForm"] label {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    
    font-size: 0.85rem !important;
    color: #171717 !important;
    
    margin-bottom: 8px !important;
    display: block !important;
}


form[name="publicRequestInformationForm"] .form-control {
    
    height: auto !important;
    
    padding: 12px 15px !important;
    

    
    background-color: #f8f9fa !important;
    border: 1px solid #ced4da !important;
    
    border-radius: 4px !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    color: #171717 !important;

    
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}



form[name="publicRequestInformationForm"] .form-control:focus {
    border-color: #8b2331 !important;
    
    box-shadow: 0 0 0 0.2rem rgba(139, 35, 49, 0.25) !important;
    
    outline: 0 !important;
}



form[name="publicRequestInformationForm"] textarea.form-control {
    min-height: 120px !important;
}


form[name="publicRequestInformationForm"] #buttonSubmitRequestInformation {
    margin-top: 20px !important;
    
    margin-bottom: 10px !important;
    width: 100% !important;
    

    
    background-color: #8b2331 !important;
    border-color: #8b2331 !important;
    padding: 12px 30px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

form[name="publicRequestInformationForm"] #buttonSubmitRequestInformation:hover {
    background-color: #34111A !important;
    border-color: #34111A !important;
}




.studentInquirySelection {
    
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    
    border-bottom: 1px solid #e9ecef !important;

    
    padding: 25px 0 !important;
    margin-bottom: 0 !important;

    
    position: relative !important;
    transition: all 0.3s ease !important;
}


.studentInquirySelection:last-child {
    border-bottom: none !important;
}


.studentInquirySelection h5 {
    margin: 0 0 5px 0 !important;
    
}

.studentInquirySelection h5 a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.15rem !important;
    
    font-weight: 500 !important;
    
    color: #34111A !important;
    
    text-decoration: none !important;
    display: block !important;
    padding-right: 40px !important;
    
    transition: color 0.2s ease !important;
}


.studentInquirySelection p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.9rem !important;
    color: #666 !important;
    
    margin: 0 !important;
    line-height: 1.4 !important;
    padding-right: 40px !important;
    
}



.studentInquirySelection::after {
    content: "\f061";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;

    
    position: absolute !important;
    right: 10px !important;
    
    top: 50% !important;
    transform: translateY(-50%);
    

    font-size: 1rem !important;
    color: #34111A !important;
    
    transition: all 0.3s ease !important;
}



.studentInquirySelection:hover {
    background-color: transparent !important;
    
}


.studentInquirySelection:hover h5 a {
    color: #8b2331 !important;
}


.studentInquirySelection:hover::after {
    color: #8b2331 !important;
    transform: translateY(-50%) translateX(5px) !important;
    
}



@media (min-width: 992px) {

    
    [id="footerNav"]>[class*="row"] {
        display: grid !important;
        grid-template-columns: 35% 15% 15% 35% !important;
        gap: 0 !important;
        min-height: 250px !important;
    }

    [id="footerNav"]>[class*="row"]>[class*="col-lg-3"] {
        position: static !important;
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: none !important;
        -ms-flex: none !important;
        padding: 35px 15px !important;
        grid-row: 1 !important;
    }

    [id="footerNav"]>[class*="row"]>[class*="col-lg-3"]:nth-child(1) {
        grid-column: 1 !important;
    }

    [id="footerNav"]>[class*="row"]>[class*="col-lg-3"]:nth-child(2) {
        grid-column: 2 !important;
    }

    [id="footerNav"]>[class*="row"]>[class*="col-lg-3"]:nth-child(3) {
        grid-column: 3 !important;
    }

    [id="footerNav"]>[class*="row"]>[class*="col-lg-3"]:nth-child(4) {
        grid-column: 4 !important;
    }
}








form[name="publicPaymentReceiptForm"] {
    max-width: 800px !important;
    margin: 40px auto !important;
    background: #ffffff !important;
    padding: 0 !important;

    
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    border-radius: 8px !important;
    overflow: hidden !important;

    
    border-top: 6px solid #8b2331 !important;
}




form[name="publicPaymentReceiptForm"] .pageHelpText {
    
    padding: 1rem 2rem !important;
    margin: 1rem 0 !important;

    
    background-color: transparent !important;
    border: none !important;
}


form[name="publicPaymentReceiptForm"] .pageHelpText .variable-content {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0px !important;
    padding: 0 !important;
    margin: 0 !important;
}

form[name="publicPaymentReceiptForm"] .pageHelpText .variable-content-item {
    
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
    font-size: 0.95rem !important;
    color: #666 !important;
    line-height: 1.6 !important;
    text-align: center !important;
}


form[name="publicPaymentReceiptForm"] .pageHelpText .variable-content-item::before,
form[name="publicPaymentReceiptForm"] .pageHelpText .variable-content-item::after {
    display: none !important;
    content: none !important;
}





form[name="publicPaymentReceiptForm"] #applications~.row .variable-content {
    
    background-image: none !important;
    border: none !important;
    border-radius: 0px !important;

    
    background-color: #34111a !important;
    
    border-left: 0.4rem solid #d51f37 !important;
    

    
    padding: 2.1rem 2rem !important;
    margin: 1.5rem 0 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.05rem !important;
    color: rgba(255, 255, 255, 0.9) !important;
    

    
    position: relative !important;
}


form[name="publicPaymentReceiptForm"] #applications~.row .variable-content-item {
    
    display: block !important;
    position: relative !important;

    
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    padding-right: 100px !important;
    
    margin: 0 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    font-size: 1.05rem !important;
    color: rgba(255, 255, 255, 0.9) !important;
    line-height: 1.6 !important;
    text-align: left !important;
}


form[name="publicPaymentReceiptForm"] #applications~.row .variable-content-item::after {
    content: "\f058";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;

    
    font-size: 3.5rem !important;
    color: #d51f37 !important;
    

    
    position: absolute !important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    
    z-index: 2 !important;

    
    animation: successZoom 2s ease-in-out infinite !important;
}


form[name="publicPaymentReceiptForm"] #applications~.row .variable-content-item::before {
    display: none !important;
    content: none !important;
}


@keyframes successZoom {

    0%,
    100% {
        transform: translateY(-50%) scale(1);
    }

    50% {
        transform: translateY(-50%) scale(1.1);
    }
}


form[name="publicPaymentReceiptForm"] #receiptClientInfoContainer~.row:not(:has(.pageHelpText)) .variable-content {
    
    background-image: none !important;
    border: none !important;
    border-radius: 0px !important;

    
    background-color: #34111a !important;
    border-left: 0.4rem solid #d51f37 !important;

    
    padding: 2.1rem 2rem !important;
    margin: 0 !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.05rem !important;
    color: rgba(255, 255, 255, 0.9) !important;

    
    position: relative !important;
}

form[name="publicPaymentReceiptForm"] #receiptClientInfoContainer~.row:not(:has(.pageHelpText)) .variable-content-item {
    display: block !important;
    position: relative !important;
    background: transparent !important;
    border: none !important;
    padding: 10px 150px 0px 35px !important;
    margin: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    font-size: 1.05rem !important;
    color: #171717 !important;
    line-height: 1.6 !important;
    text-align: left !important;
}

form[name="publicPaymentReceiptForm"] #receiptClientInfoContainer~.row:not(:has(.pageHelpText)) .variable-content-item::after {
    content: "\f058";
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    font-size: 3.5rem !important;
    color: #3EC3A4 !important;
    position: absolute !important;
    right: 20px !important;
    top: 50% !important;
    z-index: 2 !important;
    animation: successZoom 2s ease-in-out infinite !important;
}

form[name="publicPaymentReceiptForm"] #receiptClientInfoContainer~.row:not(:has(.pageHelpText)) .variable-content-item::before {
    display: none !important;
    content: none !important;
}


form[name="publicPaymentReceiptForm"] #receiptClientInfoContainer .shoppingCartLabel {
    color: #5a5a5a !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    display: block !important;
    padding: 0 0 2px 0 !important;
    letter-spacing: 0.05em !important;
}

form[name="publicPaymentReceiptForm"] #receiptClientInfoContainer #basketNumber,
form[name="publicPaymentReceiptForm"] #receiptClientInfoContainer #basketDate {
    color: #171717 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    display: block !important;
    margin-bottom: 12px !important;
}


#errorPanel {
    display: none !important;
}




.calendarLinkContainer {
    text-align: center !important;
    padding: 1rem 0 !important;
}


.calendarLinkText,
a.calendarLinkText {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    
    color: #8b2331 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    text-decoration: underline !important;
    text-decoration-color: #8b2331 !important;

    
    transition: color 0.3s ease, text-decoration-color 0.3s ease !important;
    cursor: pointer !important;
}


.calendarLinkText:hover,
a.calendarLinkText:hover {
    color: #34111A !important;
    text-decoration-color: #34111A !important;
}


.calendarDownload,
.calendarLinkText .calendarDownload,
.calendarLinkText i {
    color: #8b2331 !important;
    font-size: 1.1rem !important;
    transition: color 0.3s ease !important;
}


.calendarLinkText:hover .calendarDownload,
.calendarLinkText:hover i {
    color: #34111A !important;
}



#receiptClientInfoContainer {
    
    background-color: #f0f0f0 !important;
    
    border-top: 0.2rem solid #8b2331 !important;
    

    
    padding: 30px 40px !important;
    margin: 0 !important;

    
    border-bottom: none !important;
    
}


#receiptClientInfoContainer .col-lg-9 {
    font-family: 'Montserrat', sans-serif !important;
    color: #171717 !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
}


#receiptClientInfoContainer .col-lg-3,
#receiptClientInfoContainer .col-lg-12 span {
    text-align: right !important;
    display: block !important;
}


.shoppingCartLabel {
    color: #fff !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    display: block !important;
    padding: 18px;
}


#basketNumber,
#basketDate,
#studentNumber {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #34111A !important;
    font-size: 1rem !important;
    margin-bottom: 10px !important;
}




#shoppingCartItemsContainer {
    padding: 20px 40px !important;
}


.cartContainerHeader h3 {
    font-family: 'Montserrat', sans-serif !important;
    color: #8b2331 !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #8b2331 !important;
    padding-bottom: 10px !important;
    display: inline-block !important;
}


.cartItemDescriptionContainer {
    margin-bottom: 15px !important;
}

.cartItemName strong {
    font-size: 1rem !important;
    color: #171717 !important;
}

.cartItemCode {
    font-size: 0.85rem !important;
    color: #777 !important;
}


.cartItemOptionOtherFeeAmount,
.cartItemQuantity,
.shoppingCartAmount {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    color: #171717 !important;
}





.cartItemDescriptionContainer .cartItemName,
.cartItemDescriptionContainer .cartItemName strong,
.cartItemDescriptionContainer .cartItemName a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    
    font-weight: 700 !important;
    
    line-height: 1.4 !important;
    color: #171717 !important;
    
    text-decoration: none !important;
    
    margin-bottom: 5px !important;
    display: block !important;
    transition: color 0.3s ease, text-decoration 0.3s ease !important;
}



.cartItemDescriptionContainer .cartItemName a:hover {
    color: #8b2331 !important;
    
    text-decoration: underline !important;
    text-decoration-color: #8b2331 !important;
}


.cartItemDescriptionContainer .cartItemCode {
    color: #a6a6a6 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.79rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.01rem !important;
    text-transform: uppercase !important;
    margin-top: 5px !important;
}



#shoppingCartTotalContainer {
    background-color: #f0f0f0 !important;
    padding: 20px 40px !important;
    margin-top: 20px !important;
}


#shoppingCartTotalContainer .cartSubtotalContainer {
    border-bottom: 1px dotted #171717 !important;
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
}


.shoppingCartSubTotalLabel,
.shoppingCartGrandTotalLabel {
    color: #171717 !important;
    text-transform: uppercase !important;
    font-size: 0.9rem !important;
    text-align: right !important;
    display: block !important;
}


.shoppingCartSubTotalAmount,
.shoppingCartGrandTotalAmount {
    color: #171717 !important;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    text-align: right !important;
    margin: 0 !important;
}


#shoppingCartTotal {
    font-size: 1.8rem !important;
    color: #171717 !important;
}

#shoppingCartTotalLabel {
    color: #171717 !important;
    font-weight: 700 !important;
}



#paymentMethodDisplay {
    padding: 20px 40px !important;
    text-align: center !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #666 !important;
    font-size: 0.9rem !important;
    border-top: 1px dashed #e0e0e0 !important;
    background-color: #fff !important;
}



.pageHelpText:empty {
    display: none !important;
}

#applications {
    display: none !important;
}




@keyframes dark-mesh-flow {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



.modal-backdrop.show {
    opacity: 1 !important;
    

    
    background-color: #34111A !important;

    
    --c-0: rgba(212, 31, 55, 0.5);
    
    --c-1: rgba(74, 21, 59, 0.7);
    
    --c-2: hsla(320, 90%, 60%, 0.3);
    
    --c-3: rgba(255, 255, 255, 0.05);
    

    
    --x-0: 10%;
    --y-0: 20%;
    --x-1: 80%;
    --y-1: 10%;
    --x-2: 20%;
    --y-2: 80%;
    --x-3: 90%;
    --y-3: 90%;

    background-image:
        radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) 0%, transparent 40%),
        radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) 0%, transparent 50%),
        radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) 0%, transparent 45%),
        radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) 0%, transparent 30%) !important;

    background-blend-mode: screen, normal, normal, normal !important;

    
    background-size: 200% 200%;
    animation: dark-mesh-flow 15s ease infinite alternate !important;

    
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}



#ajaxLoadingModal .modal-content {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


#ajaxLoadingModal .modal-dialog {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100vh !important;
    max-width: 100% !important;
    margin: 0 !important;
}


#loadingIndicator_ajaxLoadingModal .glyphicon {
    display: none !important;
}


#loadingIndicator_ajaxLoadingModal {
    position: relative !important;
    width: 90px !important;
    
    height: 90px !important;
    margin: 0 auto 30px auto !important;
    
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}


#loadingIndicator_ajaxLoadingModal::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;

    
    background: conic-gradient(from 0deg,
            transparent 0%,
            #4A153B 30%,
            
            #ff3399 60%,
            
            #D41F37 100%
            
        );

    
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 5px), black calc(100% - 5px));
    mask: radial-gradient(farthest-side, transparent calc(100% - 5px), black calc(100% - 5px));

    
    animation: spin 1s linear infinite;

    
    filter: drop-shadow(0 0 8px rgba(212, 31, 55, 0.6));
    z-index: 1;
}


#loadingIndicator_ajaxLoadingModal::after {
    content: '';
    position: absolute;
    z-index: 2;
    
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    

    
    width: 45px;
    
    height: 45px;

    
    background-image: url('/images/logo-symbol-spinner.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


#loadingIndicatorMessage_ajaxLoadingModal {
    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    font-size: 0.9rem !important;
    letter-spacing: 0.1rem !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
    margin-top: 15px !important;
}




#personProfileMainContent .card-body a,
#personProfileMainContent .profileTemplateLocationContainer a,
#personProfileMainContent #studentProfileHelpText a,
#personProfileMainContent .variable-content a,
#personProfileMainContent .form-text a,
#personProfileMainContent #studentProfileJoinMailingListContainer a,
#personProfileMainContent #studentProfilePrivacyPolicyQuestionContainer a,
#personProfileMainContent .pageHelpText a {
    color: #8b2331 !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
    transition: color 0.2s ease !important;
}


#personProfileMainContent .card-body a:hover,
#personProfileMainContent .profileTemplateLocationContainer a:hover,
#personProfileMainContent #studentProfileHelpText a:hover,
#personProfileMainContent .variable-content a:hover,
#personProfileMainContent .form-text a:hover,
#personProfileMainContent #studentProfileJoinMailingListContainer a:hover,
#personProfileMainContent #studentProfilePrivacyPolicyQuestionContainer a:hover,
#personProfileMainContent .pageHelpText a:hover {
    color: #34111a !important;
    text-decoration: underline !important;
}


#personProfileMainContent #linkcontentBlockPG0011_2,
#personProfileMainContent a#linkcontentBlockPG0011_2 {
    color: #8b2331 !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
    transition: color 0.2s ease !important;
}

#personProfileMainContent #linkcontentBlockPG0011_2:hover,
#personProfileMainContent a#linkcontentBlockPG0011_2:hover {
    color: #34111a !important;
}


#personProfileMainContent .variable-content a:focus,
#personProfileMainContent .form-text a:focus {
    outline: 0px solid #8b2331 !important;
    outline-offset: 0px !important;
}




.modal-dialog .sce-faq-toggle {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.modal-dialog .sce-faq-item {
    margin-bottom: 0;
}

.modal-dialog .sce-faq-item label.sce-faq-label {
    display: block !important;
    padding: 1rem 2.5rem 1rem 1rem !important;
    cursor: pointer !important;
    position: relative !important;
    background: #f9f9f9 !important;
    transition: background 0.2s ease !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #171717 !important;
}

.modal-dialog .sce-faq-item label.sce-faq-label:hover {
    background: #DDDDDD !important;
}

.modal-dialog .sce-faq-item label.sce-faq-label:focus {
    color: #fff !important;
    background: #8b2331 !important;
}


.modal-dialog .sce-faq-item label.sce-faq-label::after {
    content: "\f078" !important;
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", FontAwesome !important;
    font-weight: 900 !important;
    position: absolute !important;
    right: 1rem !important;
    top: 50% !important;
    transform: translateY(-50%) rotate(0deg) !important;
    
    transition: transform 0.3s ease !important;
    color: #171717 !important;
}

.modal-dialog .sce-faq-item label.sce-faq-label:focus::after {
    color: #fff !important;
}


.modal-dialog .sce-faq-toggle:checked+label.sce-faq-label::after {
    transform: translateY(-50%) rotate(180deg) !important;
}

.modal-dialog .sce-faq-content {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.3s ease !important;
}

.modal-dialog .sce-faq-toggle:checked~.sce-faq-content {
    max-height: 1000px !important;
}

.modal-dialog .sce-faq-content .sce-faq-answer {
    padding: 1rem !important;
    background: white !important;
}





#personProfileMainContent #linkcontentBlockPG00111,
#personProfileMainContent a#linkcontentBlockPG00111 {
    position: relative !important;
    display: inline-block !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    color: #8b2331 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(139, 35, 49, 0.3) !important;
    text-decoration-thickness: 1.5px !important;
    text-underline-offset: 2px !important;
    margin-right: 25px !important;
    padding-right: 18px !important;
    transition: all 0.3s ease !important;
}


#personProfileMainContent #linkcontentBlockPG00111::after,
#personProfileMainContent a#linkcontentBlockPG00111::after {
    content: "\f054" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 1px !important;
    right: 8px !important;
    opacity: 0 !important;
    font-size: 0.8em !important;
    color: inherit !important;
    text-decoration: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
}


#personProfileMainContent #linkcontentBlockPG00111:hover,
#personProfileMainContent a#linkcontentBlockPG00111:hover {
    color: #34111a !important;
    text-decoration-color: #34111a !important;
}


#personProfileMainContent #linkcontentBlockPG00111:hover::after,
#personProfileMainContent a#linkcontentBlockPG00111:hover::after {
    opacity: 1 !important;
    right: 3px !important;
}





.modal-body .variable-content-item {
    font-family: 'Montserrat', sans-serif !important;
    color: #171717 !important;
    
    line-height: 1.6 !important;
    font-size: 1rem !important;
}

.modal-body .variable-content-item p {
    margin-bottom: 1.5rem !important;
}


.modal-body .variable-content-item h1 {
    color: #34111A !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
    font-size: 3.125rem !important;
    
    text-transform: uppercase !important;
    letter-spacing: 0.05rem !important;
    line-height: 1.1 !important;

    margin-top: 1.3rem !important;
    margin-bottom: 1.2rem !important;
    border-bottom: 1px solid #e0e0e0 !important;
    
    padding-bottom: 1rem !important;
}


.modal-body .variable-content-item h2 {
    color: #171717 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 2.1756rem !important;
    
    letter-spacing: -0.002rem !important;
    line-height: 1.142 !important;

    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
    position: relative !important;
}


.modal-body .variable-content-item h3 {
    color: #8b2331 !important;
    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    font-size: 1.7rem !important;
    
    line-height: 1.089 !important;

    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
}


.modal-body .variable-content-item h4 {
    color: #171717 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.1025rem !important;
    line-height: 1.3 !important;

    
    border-left: 3px solid #8b2331 !important;
    padding-left: 0.5rem !important;

    margin-top: 1.5rem !important;
    margin-bottom: 0.7rem !important;
}


.modal-body .variable-content-item ul {
    margin-left: 20px !important;
    margin-bottom: 1.5rem !important;
}

.modal-body .variable-content-item ul li {
    font-family: 'Montserrat', sans-serif !important;
    margin-bottom: 0.5rem !important;
    list-style-type: disc !important;
    color: #171717 !important;
}


.modal-body .variable-content-item a {
    color: #8b2331 !important;
    
    text-decoration: underline !important;
    font-weight: 700 !important;
    transition: color 0.3s ease !important;
}

.modal-body .variable-content-item a:hover {
    color: #34111A !important;
    
    text-decoration: none !important;
}



.modal-header .modal-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #34111A !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
}



.modal-footer button[value="Close"] {
    background-color: #ffffff !important;
    color: #555 !important;
    border: 1px solid #ced4da !important;
    border-radius: 50px !important;
    
    padding: 6px 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
    transition: all 0.3s ease !important;
}

.modal-footer button[value="Close"]:hover {
    background-color: #8b2331 !important;
    border-color: #8b2331 !important;
    color: #ffffff !important;
}






#personProfileMainContent #buttonContinueCheckout,
#personProfileMainContent #studentProfileHelpText #buttonContinueCheckout,
#personProfileMainContent #buttonContinueCheckoutBottom,
#personProfileMainContent #personProfilePageBottomButtons #buttonContinueCheckoutBottom {
    max-width: 300px !important;
    width: auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    display: inline-block !important;
    margin-right: 10px !important;
}


@media (max-width: 991.98px) {

    #personProfileMainContent #buttonContinueCheckout,
    #personProfileMainContent #buttonContinueCheckoutBottom {
        max-width: 250px !important;
    }
}


@media (max-width: 767.98px) {

    #personProfileMainContent #buttonContinueCheckout,
    #personProfileMainContent #studentProfileHelpText #buttonContinueCheckout,
    #personProfileMainContent #buttonContinueCheckoutBottom,
    #personProfileMainContent #personProfilePageBottomButtons #buttonContinueCheckoutBottom {
        max-width: 100% !important;
        width: 100% !important;
        display: block !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important;
        
    }
}


@media (max-width: 575.98px) {

    #personProfileMainContent #buttonContinueCheckout,
    #personProfileMainContent #buttonContinueCheckoutBottom {
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: 0.95rem !important;
        
    }
}




.buttons #buttonKeepShopping,
.buttons #buttonContinueCheckout,
.col-lg-12.buttons #buttonKeepShopping,
.col-lg-12.buttons #buttonContinueCheckout {
    max-width: 300px !important;
    width: auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    display: inline-block !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    
}


.buttons #buttonKeepShopping,
.col-lg-12.buttons #buttonKeepShopping {
    font-weight: 600 !important;
}


.buttons #buttonContinueCheckout,
.col-lg-12.buttons #buttonContinueCheckout {
    font-weight: 600 !important;
}


@media (max-width: 991.98px) {

    .buttons #buttonKeepShopping,
    .buttons #buttonContinueCheckout,
    .col-lg-12.buttons #buttonKeepShopping,
    .col-lg-12.buttons #buttonContinueCheckout {
        max-width: 250px !important;
    }
}


@media (max-width: 767.98px) {

    .buttons #buttonKeepShopping,
    .buttons #buttonContinueCheckout,
    .col-lg-12.buttons #buttonKeepShopping,
    .col-lg-12.buttons #buttonContinueCheckout {
        max-width: 100% !important;
        width: 100% !important;
        display: block !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important;
    }
}


@media (max-width: 575.98px) {

    .buttons #buttonKeepShopping,
    .buttons #buttonContinueCheckout {
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: 0.95rem !important;
    }
}





#personProfileMainContent #linkcontentBlockPG00111,
#personProfileMainContent a#linkcontentBlockPG00111 {
    position: relative !important;
    display: inline-block !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    color: #8b2331 !important;
    text-decoration: underline !important;
    margin-right: 25px !important;
    padding-right: 18px !important;
    
    transition: all 0.3s ease !important;
}


#personProfileMainContent #linkcontentBlockPG00111::after,
#personProfileMainContent a#linkcontentBlockPG00111::after {
    content: "\f054" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 1px !important;
    right: 8px !important;
    
    opacity: 0 !important;
    font-size: 0.8em !important;
    color: #8b2331 !important;
    text-decoration: none !important;
    border: none !important;
    transition: all 0.3s ease !important;
}


#personProfileMainContent #linkcontentBlockPG00111:hover,
#personProfileMainContent a#linkcontentBlockPG00111:hover {
    color: #34111a !important;
    text-decoration: underline !important;
}


#personProfileMainContent #linkcontentBlockPG00111:hover::after,
#personProfileMainContent a#linkcontentBlockPG00111:hover::after {
    color: #34111a !important;
    opacity: 1 !important;
    right: 3px !important;
    
}


#personProfileMainContent #linkcontentBlockPG00111:focus,
#personProfileMainContent a#linkcontentBlockPG00111:focus {
    outline: 0px solid #8b2331 !important;
    outline-offset: 0px !important;
}




.paginationContainer {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
    border-top: 1px solid #e9ecef !important;
    
    padding-top: 2rem !important;
}


.paginationContainer .page-item {
    margin: 0 4px !important;
    
}


.paginationContainer .page-link {
    
    border-radius: 50% !important;
    
    width: 45px !important;
    
    height: 45px !important;
    

    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    font-size: 0.85rem !important;
    color: #171717 !important;

    
    background-color: transparent !important;
    border: 2px solid #e9ecef !important;
    
    transition: all 0.3s ease !important;
    outline: none !important;
    box-shadow: none !important;
}


.paginationContainer .page-link:hover {
    border-color: #8b2331 !important;
    
    color: #8b2331 !important;
    
    background-color: #fff !important;
    transform: translateY(-2px);
    
}


.paginationContainer .page-item.active .page-link {
    background-color: #8b2331 !important;
    
    border-color: #8b2331 !important;
    color: #ffffff !important;
    
    box-shadow: 0 4px 10px rgba(139, 35, 49, 0.3) !important;
}


.paginationContainer .page-link[title="Next page"] {
    font-size: 0 !important;
    
    border-radius: 50px !important;
    
    width: auto !important;
    
    padding: 0 20px !important;
    
}


.paginationContainer .page-link[title="Next page"]::before {
    content: "Next \f054";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    
    font-size: 0.85rem !important;
    
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    gap: 8px !important;
    display: flex !important;
    align-items: center !important;
}



.paginationContainer .page-link[title="Prev. page"] {
    font-size: 0 !important;
    border-radius: 50px !important;
    width: auto !important;
    padding: 0 20px !important;
}


.paginationContainer .page-link[title="Prev. page"]::before {
    content: "\f053   Prev";
    
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", 'Montserrat', sans-serif !important;
    
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    gap: 8px !important;
    display: flex !important;
    align-items: center !important;
}


@media (max-width: 767px) {
    .paginationContainer .page-link {
        width: 40px !important;
        height: 40px !important;
        font-size: 0.9rem !important;
    }

    
    .paginationContainer .page-link[title="Next page"]::before {
        content: "\f054";
        
    }

    
    .paginationContainer .page-link[title="Prev. page"]::before {
        content: "\f053";
        
    }

    
    .paginationContainer .page-link[title="Next page"],
    .paginationContainer .page-link[title="Prev. page"] {
        width: 40px !important;
        
        padding: 0 !important;
    }
}





#errorMessage-relocated {

    color: #fff !important;
    padding: 1rem !important;
    margin-bottom: 0 !important;
    font-size: 1rem !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

#errorMessage-relocated h2 {
    font-size: 1.85rem !important;
    font-weight: 500 !important;
    color: #fff !important;
    margin: 0 0 1rem 0 !important;
    background: none !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    gap: 15px;
    font-family: 'Montserrat', sans-serif !important;
    border: none !important;
}


#errorMessage-relocated h2::before {
    content: "\f071" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    color: #d51f37 !important;
    font-size: 1.6rem !important;
    margin-top: -2px;
    margin-right: 10px;
}

#errorMessage-relocated p {
    margin-bottom: 0.25rem !important;
    font-size: 0.95rem !important;
    color: #fff !important;
}

#errorMessage-relocated ul.error-message-items {
    margin-bottom: 0 !important;
    padding-left: 1.25rem !important;
    color: #fff !important;
}

#errorMessage-relocated ul.error-message-items li {
    color: #fff !important;
    font-size: 0.95rem !important;
}




.table-responsive {
    overflow-x: auto !important;
}


#studentCertificatesContainer td.studentCertificateStatus,
.certificateStreamContainer td.streamItemStatus {
    overflow: visible !important;
    position: relative !important;
}


#programStreamCourses .table-responsive,
#programStreamCertificates .table-responsive {
    overflow-x: visible !important;
}


body:has(#advancedSearchControl) .card-body {
    overflow-x: auto !important;
}


@media (max-width: 767px) {
    #courseSearchResult_list table.table tbody td.firstColumn {
        display: table-cell !important;
        vertical-align: middle !important;
    }

    
    #courseSearchResult_list table.table tbody td.firstColumn>div {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }
}




#pageStudentAcademicHistory #footer-socialmedia .fa-stack,
#personProfileMainContent #footer-socialmedia .fa-stack {
    display: inline-block !important;
    width: 2em !important;
    height: 2em !important;
    line-height: 2em !important;
    position: relative !important;
    vertical-align: middle !important;
}


#pageStudentAcademicHistory footer .variable-content a,
#pageStudentAcademicHistory footer .variable-content-item a,
#pageStudentAcademicHistory footer .text a,
#personProfileMainContent footer .variable-content a,
#personProfileMainContent footer .variable-content-item a,
#personProfileMainContent footer .text a {
    display: inline !important;
    color: rgba(255, 255, 255, 0.75) !important;
    text-decoration: underline !important;
    padding: 0 !important;
    width: auto !important;
    background-color: transparent !important;
    text-transform: none !important;
    font-weight: 400 !important;
    font-size: inherit !important;
    letter-spacing: normal !important;
}


#pageStudentAcademicHistory footer .variable-content a:hover,
#pageStudentAcademicHistory footer .variable-content-item a:hover,
#pageStudentAcademicHistory footer .text a:hover,
#personProfileMainContent footer .variable-content a:hover,
#personProfileMainContent footer .variable-content-item a:hover,
#personProfileMainContent footer .text a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}



.sce-transcript-container {
    max-width: 800px;
    margin: 20px 0;
    font-family: 'Montserrat', sans-serif !important;
}

.sce-transcript-intro {
    font-size: 0.9rem;
    color: #666;
    font-style: italic;
    margin-bottom: 15px;
}


.sce-grade-table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
    border: 1px solid #e2e2e2 !important;
}


.sce-grade-table th {
    background-color: #8b2331 !important;
    
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.5px !important;
    padding: 12px 15px !important;
    text-align: center !important;
    border: 1px solid #7a1f2b !important;
}


.sce-grade-table td {
    padding: 10px 15px !important;
    font-size: 0.95rem !important;
    color: #333333 !important;
    border: 1px solid #e2e2e2 !important;
    text-align: center !important;
}


.sce-grade-table tbody tr:nth-child(even) {
    background-color: #f9f9f9 !important;
}


.sce-grade-table td:nth-child(1),
.sce-grade-table td:nth-child(3) {
    font-weight: 700 !important;
    color: #171717 !important;
    background-color: rgba(139, 35, 49, 0.03) !important;
}


.sce-grade-table tbody tr:hover {
    background-color: #fff4f5 !important;
    
}




#mainContent .sce-hero-scope .sce-hero-row,
div.catalog.programs .sce-hero-row {
    background: #ffffff !important;

    
    border-width: 8px !important;
    border-style: solid !important;
    border-color: #e2e2e2 !important;

    padding: 85px 24px 32px !important;
    margin: 60px auto 100px !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    width: 100% !important;
}


.sce-hero-row::before {
    content: "" !important;
    position: absolute !important;
    top: -70px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 104px !important;
    height: 104px !important;
    background: url(/images/cap-books-icon.svg) center / contain no-repeat #ffffff !important;
    padding: 10px !important;
    box-sizing: content-box !important;

    
    border: 8px solid #ffffff !important;
    z-index: 10 !important;
}


#mainContent .sce-hero-scope .sce-hero-row .buttons {
    order: 3 !important;
    position: absolute !important;
    bottom: -70px !important;
    
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    
    margin: 0 !important;
    z-index: 100 !important;
    display: block !important;
    background-color: #fff;
    padding: 10px !important;
}


#mainContent #buttonCertificateSearch.sce-btn-mri-clone {
    background-color: #8b2331 !important;
    color: #ffffff !important;
    font: 700 15.07px / 55.07px 'Montserrat', sans-serif !important;
    height: 55.07px !important;
    min-width: 320px !important;
    max-width: 400px !important;
    padding: 0 40px !important;

    
    display: inline-flex !important;
    width: auto !important;
    border: none !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.75px !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;

    
    transform: none !important;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        background-color 0.3s ease,
        box-shadow 0.3s ease !important;
}


#mainContent #buttonCertificateSearch.sce-btn-mri-clone:hover {
    background-color: #6D1B26 !important;
    color: #ffffff !important;
}


.sce-hero-column::before {
    content: "Find Your Certificate" !important;
    order: 1 !important;
    display: block !important;
    font: 700 32px / 1.1 'Montserrat', sans-serif !important;
    margin: 20px 0 16px !important;
}

.sce-hero-column::after {
    content: "Search our certificates by topic, format, schedule or instructor to start your professional development journey." !important;
    order: 2 !important;
    display: block !important;
    max-width: 550px !important;
    margin: 0 auto 45px !important;
    font: 500 1.05rem / 1.6 'Montserrat', sans-serif !important;
}









html body #mainContent #contentModule1 .row .col-lg-12 div[id*="variableContentBlock"].variable-content,
html body #mainContent #contentModule1 div[id*="variableContentBlock"].variable-content {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}





html body #sce-testimonial-root .sce-hero-banner::after {
    content: none !important;
    display: none !important;
    background: none !important;
    animation: none !important;
    visibility: hidden !important;
}


html body #mainContent #contentModule1 .variable-content-item::before,
html body #mainContent #contentModule1 .variable-content-item p::before {
    display: none !important;
    content: none !important;
    animation: none !important;
}


html body #mainContent #contentModule1 .sce-tm-wrapper :not(.sce-hero-banner):not(.crumb-link):not(.sce-tm-subheadline)::before {
    display: none !important;
    content: none !important;
    animation: none !important;
}




html body #mainContent #contentModule1 .variable-content-item p,
html body #mainContent #contentModule1 #sce-testimonial-root .sce-tm-body-copy p,
html body #sce-testimonial-root .sce-tm-body p {
    font-family: 'Montserrat', sans-serif !important;
    color: #171717 !important;
    font-optical-sizing: auto !important;
    font-size: 1rem !important;
    font-style: normal !important;
    font-weight: 420 !important;
    line-height: 1.58 !important;
    margin-bottom: 25px !important;
    text-shadow: none !important;
}




html body #sce-testimonial-root .sce-hero-banner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    min-height: 400px !important;
    padding: 60px 40px !important;
    background: #f0f0f0 !important;
    
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
    position: relative !important;
    overflow: hidden !important;
}


html body #sce-testimonial-root .sce-hero-banner .sce-hero-bg-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    z-index: 0 !important;
    display: block !important;
}


html body #sce-testimonial-root .sce-hero-banner::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(rgba(0, 0, 0, 0.65),
            rgba(0, 0, 0, 0.3)) !important;
    z-index: 1 !important;
    display: block !important;
}


html body #sce-testimonial-root .sce-hero-banner .sce-hero-container {
    position: relative !important;
    z-index: 2 !important;
}


html body #sce-testimonial-root .sce-hero-title {
    color: #ffffff !important;
    font-size: 3.5rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    margin-bottom: 10px !important;
    text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.6) !important;
}


html body #sce-testimonial-root .banner-caption {
    font-family: 'Montserrat', sans-serif !important;
    font-optical-sizing: auto !important;
    font-size: 0.873rem !important;
    font-style: italic !important;
    font-weight: 420 !important;
    letter-spacing: -0.003rem !important;
    color: #ffffff !important;
    text-align: left !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: 1px solid #ffffff !important;
    padding: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 1.3rem !important;
    margin-bottom: calc(-60px + 2rem) !important;
    max-width: 55.375rem !important;
    background: transparent !important;
    box-shadow: none !important;
}





html body #sce-testimonial-root .subnav-breadcrumbs {
    background-color: #f0f0f0 !important;
    padding: 15px 0 15px 40px !important;
    border-bottom: 1px solid #dddddd !important;
    width: 100% !important;
}


html body #sce-testimonial-root .subnav-breadcrumbs .crumbs {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}


html body #sce-testimonial-root .subnav-breadcrumbs .crumb-link {
    color: rgb(23, 23, 23) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-optical-sizing: auto !important;
    font-size: 0.77rem !important;
    font-style: normal !important;
    font-weight: 600 !important;
    letter-spacing: -0.002rem !important;
    text-decoration: none !important;
    padding: 0px 0.6rem 0px 0.7rem !important;
    background: transparent !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: color 0.4s, text-decoration 0.3s !important;
    text-transform: none !important;
}

html body #sce-testimonial-root .subnav-breadcrumbs .crumb-link:hover {
    color: rgb(139, 35, 49) !important;
    text-decoration: underline !important;
}


html body #mainContent #contentModule1 #sce-testimonial-root .subnav-breadcrumbs .crumb-home .crumb-link {
    padding: 0px 0.6rem 0px 0 !important;
}


html body #mainContent #contentModule1 #sce-testimonial-root .subnav-breadcrumbs .crumb-home .crumb-link::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f015" !important;
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    margin-right: -8px !important;
    font-size: 0.85rem !important;
    color: rgb(23, 23, 23) !important;
    animation: none !important;
}

html body #mainContent #contentModule1 #sce-testimonial-root .subnav-breadcrumbs .crumb-home .crumb-link:hover::before {
    color: rgb(139, 35, 49) !important;
}


html body #sce-testimonial-root .subnav-breadcrumbs .crumb-home .fa-home {
    display: none !important;
}


html body #sce-testimonial-root .subnav-breadcrumbs .crumb-sep {
    color: rgb(23, 23, 23) !important;
    font-size: 0.6rem !important;
    display: inline-flex !important;
    align-items: center !important;
    opacity: 0.5 !important;
}


html body #sce-testimonial-root .subnav-breadcrumbs .crumb-current {
    color: rgb(23, 23, 23) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-optical-sizing: auto !important;
    font-size: 0.77rem !important;
    font-style: normal !important;
    font-weight: 600 !important;
    letter-spacing: -0.002rem !important;
    padding: 0px 0.6rem 0px 0.7rem !important;
    opacity: 0.55 !important;
}




.sce-tm-grid-row {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 60px 0 !important;
}

.sce-tm-sidebar {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    text-align: center !important;
}

.sce-tm-avatar {
    width: 190px !important;
    height: 190px !important;
    border-radius: 50% !important;
    border: 6px solid #8B2331 !important;
    object-fit: cover !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

.sce-tm-student-name {
    color: #8B2331 !important;
    font-weight: 800 !important;
    font-size: 1.7rem !important;
    margin-top: 15px !important;
}

.sce-tm-quote {
    font-size: 1.55rem !important;
    font-style: italic !important;
    color: #171717 !important;
    border-left: 5px solid #8B2331 !important;
    padding-left: 30px !important;
    margin: 40px 0 !important;
}


html body #mainContent #sce-testimonial-root .sce-tm-article-header .sce-tm-headline {
    color: #171717 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-optical-sizing: auto !important;
    font-size: 2.1756rem !important;
    font-style: normal !important;
    font-weight: 600 !important;
    letter-spacing: -0.002rem !important;
    line-height: 1.142 !important;
    padding-bottom: 2rem !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}


html body #mainContent #sce-testimonial-root .sce-tm-article-header .sce-tm-subheadline {
    color: #171717 !important;
    font-family: 'Crimson Text', serif !important;
    font-optical-sizing: auto !important;
    font-size: 1.8287rem !important;
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: -0.01rem !important;
    line-height: 1.25 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    position: relative !important;
}


html body #mainContent #contentModule1 #sce-testimonial-root .sce-tm-article-header .sce-tm-subheadline::before {
    content: "" !important;
    position: absolute !important;
    width: 3.5rem !important;
    border-top: 1px solid #171717 !important;
    top: -20px !important;
    left: 30px !important;
    transform: translateX(-50%) !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    animation: none !important;
}




html body #mainContent .sce-tm-wrapper .sce-tm-main .sce-tm-article {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html body #mainContent .sce-tm-wrapper .sce-tm-main .sce-tm-article-header {
    margin-left: 50px !important;
    max-width: 1000px !important;
}

html body #mainContent .sce-tm-wrapper .sce-tm-main .col-md-8.offset-md-2 {
    margin-left: 40px !important;
    max-width: 1000px !important;
    flex: 0 0 1000px !important;
    width: 1000px !important;
}




#mainContent:has(#sce-testimonial-root) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#mainContent:has(#sce-testimonial-root) #contentModule1 .col-lg-12 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}




#mainContent:has(#sce-testimonial-root) #contentModule1>.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#mainContent:has(#sce-testimonial-root) .variable-content,
#mainContent:has(#sce-testimonial-root) .variable-content-item {
    width: 100% !important;
    max-width: 100% !important;
}




@media (max-width: 991px) {

    #mainContent:has(#sce-testimonial-root) {
        padding: 0 !important;
    }

    
    html body #mainContent .sce-tm-wrapper .sce-tm-main .sce-tm-article {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    html body #mainContent .sce-tm-wrapper .sce-tm-main .sce-tm-article-header {
        margin-left: 0 !important;
        max-width: 100% !important;
    }

    html body #mainContent .sce-tm-wrapper .sce-tm-main .col-md-8.offset-md-2 {
        margin-left: 0 !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        width: 100% !important;
    }

    
    .sce-tm-sidebar,
    .sce-tm-article {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
    }

    .sce-tm-sidebar {
        margin-bottom: 40px !important;
    }

    
    html body #sce-testimonial-root .sce-hero-banner {
        min-height: 320px !important;
        padding: 50px 20px 30px 20px !important;
        justify-content: flex-end !important;
    }

    
    html body #sce-testimonial-root .banner-caption {
        margin-bottom: calc(-30px + 1rem) !important;
    }

    html body #sce-testimonial-root .sce-hero-title {
        font-size: 2.5rem !important;
    }

    
    html body #mainContent #contentModule1 #sce-testimonial-root .sce-tm-article-header .sce-tm-subheadline::before {
        bottom: 17.5rem !important;
    }
}

@media (max-width: 767px) {

    
    #mainContent:has(#sce-testimonial-root) {
        margin-top: -26px !important;
    }

    
    html body #sce-testimonial-root .sce-hero-banner {
        min-height: 280px !important;
        padding: 40px 20px 30px 20px !important;
        justify-content: flex-end !important;
    }

    
    html body #sce-testimonial-root .banner-caption {
        margin-bottom: calc(-30px + 1rem) !important;
        max-width: 100% !important;
        font-size: 0.875rem !important;
    }

    html body #mainContent .sce-tm-wrapper .sce-tm-main .sce-tm-article-header {
        margin-left: 0 !important;
        max-width: 100% !important;
    }

    html body #mainContent .sce-tm-wrapper .sce-tm-main .col-md-8.offset-md-2 {
        margin-left: 0 !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        width: 100% !important;
    }

    html body #sce-testimonial-root .sce-hero-title {
        font-size: 2rem !important;
    }

    .sce-tm-quote {
        font-size: 1.2rem !important;
    }

    .sce-tm-headline {
        font-size: 1.75rem !important;
    }

    
    html body #mainContent #contentModule1 #sce-testimonial-root .sce-tm-article-header .sce-tm-subheadline::before {
        bottom: 17.5rem !important;
    }
}






#mainContent:has(#sce-faq-root) #contentModule1 .col-lg-12 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#mainContent:has(#sce-faq-root) #contentModule1>.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#mainContent:has(#sce-faq-root) .variable-content,
#mainContent:has(#sce-faq-root) .variable-content-item {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
}



#mainContent:has(#sce-faq-root) .subnav-breadcrumbs {
    background-color: #f0f0f0 !important;
    padding: 15px 0 15px 40px !important;
    border-bottom: 1px solid #dddddd !important;
    width: 100% !important;
    margin: 0 0 3rem 0 !important;
}

#mainContent:has(#sce-faq-root) .subnav-breadcrumbs .crumbs {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

#mainContent:has(#sce-faq-root) .subnav-breadcrumbs .crumb-link {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.77rem !important;
    font-weight: 600 !important;
    color: #171717 !important;
    text-decoration: none !important;
    padding: 0 0.6rem 0 0 !important;
    background: transparent !important;
    border: none !important;
    transition: color 0.3s !important;
}

#mainContent:has(#sce-faq-root) .subnav-breadcrumbs .crumb-link:hover {
    color: #8B2331 !important;
    text-decoration: underline !important;
}

#mainContent:has(#sce-faq-root) .subnav-breadcrumbs .crumb-link::before {
    content: "\f015" !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 0.85rem !important;
    color: rgb(23, 23, 23) !important;
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    margin-right: 4px !important;
    animation: none !important;
}

#mainContent:has(#sce-faq-root) .subnav-breadcrumbs .crumb-sep {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.77rem !important;
    font-weight: 600 !important;
    color: #171717 !important;
    opacity: 0.4 !important;
    padding: 0 0.4rem !important;
}

#mainContent:has(#sce-faq-root) .subnav-breadcrumbs .crumb-current {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.77rem !important;
    font-weight: 600 !important;
    color: #171717 !important;
    opacity: 0.55 !important;
    padding: 0 !important;
}



#sce-faq-root {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 3rem 0 !important;
    background: transparent !important;
    font-family: 'Montserrat', sans-serif !important;
    box-sizing: border-box !important;
}



#sce-faq-root *:not(h3):not(a):not(.crumb-link):not(.crumb-sep)::before,
#sce-faq-root *:not(h3):not(a):not(.crumb-link):not(.crumb-sep)::after {
    content: none !important;
    display: none !important;
    animation: none !important;
}




html body #mainContent #sce-faq-root p,
html body #mainContent #sce-faq-root ul li,
html body #mainContent #sce-faq-root ol li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 0 1rem 0 !important;
    line-height: 1.58 !important;
}

html body #mainContent #sce-faq-root ul,
html body #mainContent #sce-faq-root ol {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    padding: 0 2rem 0 2rem !important;
}

html body #mainContent #sce-faq-root .collapse p:last-child,
html body #mainContent #sce-faq-root .collapse ul:last-child {
    margin: 1.5rem 0px 1.5rem 0px !important;
}

html body #mainContent #sce-faq-root .collapse.show>p:first-child,
html body #mainContent #sce-faq-root .collapse.show>ul:first-child {
    margin-top: 1rem !important;
}


#sce-faq-root h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 2.1756rem !important;
    font-weight: 600 !important;
    color: #171717 !important;
    letter-spacing: -0.002rem !important;
    line-height: 1.142 !important;
    max-width: 1000px !important;
    margin: 0 0 0 50px !important;
    padding: 0 0 2rem 0 !important;
    border: none !important;
    background: transparent !important;
    text-transform: none !important;
}


#sce-faq-root h3 {
    font-family: 'Crimson Text', Georgia, serif !important;
    font-size: 1.8287rem !important;
    font-weight: 400 !important;
    color: #171717 !important;
    letter-spacing: -0.01rem !important;
    line-height: 1.4 !important;
    max-width: 1000px !important;
    margin: 0 0 3rem 50px !important;
    padding: 0 !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    position: relative !important;
    background: transparent !important;
}


#sce-faq-root h3::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    width: 3.5rem !important;
    border-top: 1px solid #171717 !important;
    top: -20px !important;
    left: 0 !important;
    bottom: auto !important;
    right: auto !important;
    animation: none !important;
}


#sce-faq-root h4 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.7rem !important;
    font-style: normal !important;
    font-weight: 420 !important;
    font-optical-sizing: auto !important;
    color: #8B2331 !important;
    letter-spacing: 0 !important;
    line-height: 1.089 !important;
    margin: 2.5rem 40px 0.6rem 40px !important;
    padding: 0 0 0.5rem 0 !important;
    border-left: none !important;
    border-right: none !important;
    background: transparent !important;
}

#sce-faq-root h4:first-of-type {
    margin-top: 1rem !important;
}



#sce-faq-root>div {
    margin-bottom: 0 !important;
    background: transparent !important;
}

#sce-faq-root>div>div {
    margin: 0 40px 6px 40px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}



#sce-faq-root>div>div>a,
#sce-faq-root>div>div>a.collapsed,
#sce-faq-root>div>div>a:not(.collapsed) {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.94rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.01em !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    padding: 13.6px 16px !important;
    margin: 0 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: background-color 0.3s ease-out, color 0.3s ease-out !important;
    user-select: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-transform: none !important;
}


#sce-faq-root>div>div>a.collapsed {
    background-color: #f0f0f0 !important;
    color: #171717 !important;
}

#sce-faq-root>div>div>a.collapsed:hover {
    background-color: #e2e2e2 !important;
    color: #171717 !important;
}


#sce-faq-root>div>div>a:not(.collapsed) {
    background-color: #8B2331 !important;
    color: #ffffff !important;
}


#sce-faq-root>div>div>a::after {
    content: "\f078" !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 0.75rem !important;
    color: inherit !important;
    display: inline-block !important;
    visibility: visible !important;
    position: static !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    margin-left: auto !important;
    padding-left: 0 !important;
    width: auto !important;
    transform-origin: center center !important;
    transition: transform 0.3s ease-out !important;
    transform: rotate(0deg) !important;
    animation: none !important;
}

#sce-faq-root>div>div>a:not(.collapsed)::after {
    transform: rotate(180deg) !important;
}



#sce-faq-root>div>div>.collapse,
#sce-faq-root>div>div>.collapsing {
    background: #ffffff !important;
    border-top: 1px solid #e0e0e0 !important;
}

#sce-faq-root>div>div>.collapse p,
#sce-faq-root>div>div>.collapsing p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.9375rem !important;
    font-weight: 420 !important;
    color: #171717 !important;
    line-height: 1.6 !important;
    padding: 16px 16px 0 16px !important;
    margin-bottom: 12px !important;
    background: transparent !important;
}

#sce-faq-root>div>div>.collapse p:last-child {
    padding-bottom: 16px !important;
    margin-bottom: 0 !important;
}


#sce-faq-root .collapse a,
#sce-faq-root .collapsing a {
    color: #8B2331 !important;
    font-weight: 600 !important;
    font-size: inherit !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(139, 35, 49, 0.35) !important;
    background: transparent !important;
    padding: 0 !important;
    display: inline !important;
    transition: text-decoration-color 0.3s !important;
    text-transform: none !important;
}

#sce-faq-root .collapse a:hover {
    text-decoration-color: #8B2331 !important;
    background: transparent !important;
    color: #8B2331 !important;
}



@media (max-width: 991px) {

    #sce-faq-root h2,
    #sce-faq-root h3 {
        margin-left: 20px !important;
        max-width: calc(100% - 20px) !important;
    }

    #sce-faq-root h4 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    #sce-faq-root>div>div {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}

@media (max-width: 767px) {
    #sce-faq-root {
        padding: 2rem 0 !important;
    }

    #sce-faq-root h2 {
        font-size: 1.6rem !important;
        margin-left: 1rem !important;
        max-width: calc(100% - 2rem) !important;
    }

    #sce-faq-root h3 {
        font-size: 1.1rem !important;
        margin-left: 1rem !important;
        margin-bottom: 2rem !important;
        max-width: calc(100% - 2rem) !important;
    }

    #sce-faq-root h4 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    #sce-faq-root>div>div {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    #sce-faq-root>div>div>a {
        font-size: 0.875rem !important;
        padding: 12px 14px !important;
    }
}





div.meskanas-onboarding-container {
    padding: 15px !important;
    color: #171717 !important;
    background-color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
}


html body h2.meskanas-onboarding-title {
    color: #171717 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 2.1756rem !important;
    font-weight: 600 !important;
    line-height: 1.142 !important;
    padding-top: 1.3rem !important;
    padding-bottom: 2rem !important;
    

    
    position: relative !important;
    display: block !important;
    height: auto !important;
}


html body h2.meskanas-onboarding-title::after {
    content: "" !important;
    position: absolute !important;
    display: block !important;

    
    bottom: 0.8rem !important;
    top: auto !important;

    
    left: 30px !important;
    transform: translateX(-50%) !important;
    width: 3.5rem !important;

    
    border-bottom: 2px solid #171717 !important;

    
    right: auto !important;
    animation: none !important;
    pointer-events: none !important;
}


div.meskanas-onboarding-container p.meskanas-onboarding-intro {
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin-bottom: 25px !important;
    color: #171717 !important;
}

div.meskanas-onboarding-container ul.meskanas-steps-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

div.meskanas-onboarding-container li.meskanas-step-item {
    margin-bottom: 18px !important;
    line-height: 1.6 !important;
    font-size: 0.95rem !important;
}

div.meskanas-onboarding-container span.meskanas-step-label {
    font-weight: 700 !important;
    color: #171717 !important;
    margin-right: 5px !important;
}


html body li.meskanas-timeline-card {
    position: relative !important;
    isolation: isolate !important;
    
    overflow: hidden !important;
    
    background-color: #f0f0f0 !important;
    border-left: 6px solid #8b2331 !important;
    padding: 22px !important;
    margin: 30px 0 !important;
    border-radius: 0 8px 8px 0 !important;
    display: block !important;
}


html body li.meskanas-timeline-card::before {
    content: "\f51c" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    position: absolute !important;
    right: 10px !important;
    bottom: -11px !important;
    font-size: 8rem !important;
    line-height: 1 !important;
    color: #e7e7e7 !important;
    z-index: -1 !important;
    transform: rotate(-10deg) !important;
    pointer-events: none !important;
    opacity: 0.8 !important;
}

div.meskanas-onboarding-container span.meskanas-timeline-header {
    display: block !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.08em !important;
    margin-bottom: 10px !important;
    color: #8b2331 !important;
}


div.meskanas-onboarding-container a.meskanas-internal-link {
    color: #8b2331 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    transition: color .3s, text-decoration-color .3s, opacity .3s !important;
}

div.meskanas-onboarding-container a.meskanas-internal-link:hover {
    color: #34111a !important;
    text-decoration: underline !important;
}




html body #mainContent h3.newsStoryHeadline,
html body .newsStoryHeadline {
    color: #171717 !important;
    font-size: 2.1756rem !important;
    font-weight: 600 !important;
    line-height: 1.142 !important;
    padding-bottom: 2rem !important;
    padding-top: 1.3rem !important;
    position: relative !important;
    display: block !important;
}


html body h3.newsStoryHeadline::after {
    content: "" !important;
    position: absolute !important;
    bottom: 1rem !important;
    left: 0 !important;
    width: 3.5rem !important;
    border-bottom: 1px solid #171717 !important;
    
}


.newsStoryBody .meskanas-onboarding-container {
    padding: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
}

.meskanas-onboarding-container .meskanas-onboarding-intro {
    font-size: 1.05rem !important;
    color: #444 !important;
    line-height: 1.6 !important;
    margin-top: 15px !important;
}


.meskanas-onboarding-container .meskanas-timeline-card {
    background-color: #f4f4f4 !important;
    border-left: 6px solid #8b2331 !important;
    padding: 22px !important;
    margin: 25px 0 !important;
    border-radius: 0 !important;
    display: block !important;
}

.meskanas-onboarding-container .meskanas-timeline-header {
    color: #8b2331 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 5px !important;
    display: block !important;
}


.meskanas-onboarding-container .meskanas-internal-link {
    color: #8b2331 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.meskanas-onboarding-container .meskanas-internal-link:hover {
    border-bottom-color: #8b2331 !important;
}


#buttonBacktoAnnouncements,
.buttons .btn-secondary {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
}


#mainContent h1,
#courseProfile h1,
#certProfile h1,
.sce-hero-title,
.modal-body .variable-content-item h1 {
    text-transform: none !important;
}

/* H2+ — Sentence case via JS */
#mainContent h4,
#certProfile h4,
#mainContent .sce-hero-banner h4,
#mainContent .sce-static-page .card-success-story h5.text-maroon,
#mainContent .sce-profile-card h2,
#searchResultsFilteringOptions h3,
#confirmationMessage h2,
.modal-header .modal-title,
#contentModule1 form[name="portalInstructorGradingSheetForm"] .sectionHeader h2,
#studentAccountHistoryContainer .card-title {
    text-transform: none !important;
}


.card-header.collapsed:hover .sectionHeaderChevronContainer a::after {
    content: "OPEN" !important;
}
.card-header:not(.collapsed):hover .sectionHeaderChevronContainer a::after {
    content: "CLOSE" !important;
}


#courseSearchResult_list .courseAvailability_not_yet_available::after,
#courseSearchResult_grid .courseAvailability_not_yet_available::after {
    content: "CHECK BACK" !important;
}


#buttonProfileUpdate::after {
    content: "EDIT PROFILE" !important;
}


#academicHistoryWithdrawnCourses td.actions span::before {
    content: "DROPPED" !important;
}


#academicHistoryCompletedCourses td.grade:not(:has(span))::before {
    content: "In progress" !important;
}


#programAreasAccordion .card:nth-child(1) tbody tr:nth-child(1) td::before {
    content: "FUTURE-READY SKILLS" !important;
}
#programAreasAccordion .card:nth-child(1) tbody tr:nth-child(2) td::before {
    content: "INDUSTRY ACCREDITED" !important;
}
#programAreasAccordion .card:nth-child(1) tbody tr:nth-child(3) td::before {
    content: "STRATEGIC DELIVERY" !important;
}


#programAreasAccordion .card:nth-child(1) tbody tr td::after {
    content: "EXPLORE PROGRAMS \2192" !important;
}


.sce-hero-column::before {
    content: "Find your certificate" !important;
}


.catalog.programs > .row:nth-child(2) > .col-12::before {
    content: "FIND YOUR COURSE" !important;
}


.buttons #buttonViewInstructors.btn.btn-secondary::after {
    content: "MEET YOUR INSTRUCTORS \00a0\f061" !important;
}