/*** Spinner Start ***/

/*
 * Keep the loading layer inert whenever JavaScript removes its `show` class.
 * The previous stylesheet lost these rules, leaving a transparent fixed layer
 * over the full viewport and preventing every link underneath from receiving
 * mouse or touch events.
 */
#spinner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .35s ease-out, visibility 0s linear .35s;
    z-index: 99999;
}

#spinner.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity .35s ease-out, visibility 0s linear 0s;
}

/*** Spinner End ***/


/*** Button Start ***/
.btn {
    font-weight: 600;
    transition: .5s;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-md-square {
    width: 46px;
    height: 46px;
}

.btn-lg-square {
    width: 58px;
    height: 58px;
}

.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.back-to-top {
    position: fixed;
    width: 50px;
    height: 50px;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}

/*** Button End ***/


/*** Topbar Start ***/

.topbar .top-info {
    letter-spacing: 1px;
}

.topbar .top-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.topbar .top-link a {
    margin-right: 10px;
}

#note {
    width: 500px;
    overflow: hidden;
}

#note small {
    position: relative;
    display: inline-block;
    animation: mymove 5s infinite;
    animation-timing-function: all;
}

@keyframes mymove {
    from {left: -100%;}
    to {left: 100%;}
}

/*** Topbar End ***/


/*** Navbar Start ***/
.sbc-site-logo {
    display: block;
    width: 225px;
    max-width: 48vw;
    height: auto;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(0, 1, 3, .16);
}

.sbc-footer-logo {
    display: block;
    width: 245px;
    max-width: 100%;
    height: auto;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
}

.services-item[id] {
    scroll-margin-top: 110px;
}

@media (max-width: 575.98px) {
    .sbc-site-logo {
        width: 184px;
        max-width: 60vw;
    }

    .sbc-footer-logo {
        width: 220px;
    }
}

.navbar .navbar-nav {
    padding: 15px 0;
}

.navbar .navbar-nav .nav-link {
    padding: 10px;
    color: var(--bs-white);
    font-size: 18px;
    outline: none;
    
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--bs-secondary) !important;
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "font awesome 5 free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        transition: .5s;
        opacity: 0;
    }
}

.navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    transition: .5s;
    opacity: 1;
}

/*** Navbar End ***/


/*** Carousel Start ***/

.carousel-item {
    position: relative;
}

.carousel-item::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
}

.carousel-caption {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.carousel-item p {
    max-width: 700px;
    margin: 0 auto 35px auto;
}

.carousel-control-prev {
    width: 90px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 0;
    background: var(--bs-primary);
    border-radius: 0 50px 50px 0;
    opacity: 1;
}

.carousel-control-prev:hover {
    background: var(--bs-secondary);
    transition: .8s;
}

.carousel-control-next {
    width: 90px;
    height: 60px;
    position: absolute;
    top: 50%;
    right: 0;
    background: var(--bs-primary);
    border-radius: 50px 0 0 50px;
    opacity: 1;
}

.carousel-control-next:hover {
    background: var(--bs-secondary);
    transition: .8s;
}

.carousel-caption .carousel-content a button.carousel-content-btn1 {
    background: var(--bs-secondary);
    color: var(--bs-dark);
    opacity: 1;
    border: 0;
    border-radius: 20px;
}

.carousel-caption .carousel-content a button.carousel-content-btn1:hover {
    background: var(--bs-primary);
    color: #ffffff;
    border: 0;
    opacity: 1;
    transition: 1s;
    border-radius: 20px;
}

.carousel-caption .carousel-content a button.carousel-content-btn2 {
    background: var(--bs-primary);
    color: var(--bs-white);
    opacity: 1;
    border: 0;
    border-radius: 20px;
}

.carousel-caption .carousel-content a button.carousel-content-btn2:hover {
    background: var(--bs-secondary);
    color: var(--bs-dark);
    border: 0;
    opacity: 1;
    transition: 1s;
    border-radius: 20px;
}

#carouselId .carousel-indicators li {
    width: 30px;
    height: 10px;
    background: var(--bs-primary);
    margin: 10px;
    border-radius: 30px;
    opacity: 1;
}

#carouselId .carousel-indicators li:hover {
    background: var(--bs-secondary);
    opacity: 1;
}

@media (max-width: 992px) {
    .carousel-item {
        min-height: 500px;
    }
    
    .carousel-item img {
        min-height: 500px;
        object-fit: cover;
    }

    .carousel-item h1 {
        font-size: 40px !important;
    }

    .carousel-item p {
        font-size: 16px !important;
    }
}

@media (max-width: 768px) {
    .carousel-item {
        min-height: 400px;
    }
    
    .carousel-item img {
        min-height: 400px;
        object-fit: cover;
    }

    .carousel-item h1 {
        font-size: 28px !important;
    }

    .carousel-item p {
        font-size: 14px !important;
    }
}

.page-header {
    background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.page-header .breadcrumb-item+.breadcrumb-item::before {
    color: var(--bs-white);
}

.page-header .breadcrumb-item,
.page-header .breadcrumb-item a {
    font-size: 18px;
    color: var(--bs-white);
}

/*** Carousel End ***/


/*** Services Start ***/

.services .services-item {
    box-shadow: 0 0 60px rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    border-radius: 10px;
    padding: 10px 0;
    position: relative;
}


.services-content::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    border-radius: 10px 10px 0 0;
    background: rgba(3, 43, 243, 0.8);
    transition: .5s;
}

.services-content::after {
    top: 0;
    bottom: auto;
    border-radius: 10px 10px 10px 10px;
}

.services-item:hover .services-content::after {
    height: 100%;
    opacity: 1;
    transition: .5s;
}

.services-item:hover .services-content-icon {
    position: relative;
    z-index: 2;
}

.services-item .services-content-icon i,
.services-item .services-content-icon p {
    transition: .5s;
}

.services-item:hover .services-content-icon i {
    color: var(--bs-secondary) !important;
}

.services-item:hover .services-content-icon p {
    color: var(--bs-white);
}

/*** Services End ***/


/*** Blog Start ***/
.blog-item .blog-btn {
    z-index: 2;
}

.blog-btn .blog-btn-icon {
    height: 50px;
    position: relative;
    overflow: hidden;
}

.blog-btn-icon .blog-icon-2 {
    display: flex;
    position: absolute;
    top: 6px;
    left: -140px;
    
}

.blog-btn-icon:hover .blog-icon-2 {
    transition: 1s;
    left: 5px;
    top: 6px;
    padding-bottom: 5px;
}
.blog-icon-1 {
    position: relative;
    top: -4px;
}
.blog-btn-icon:hover .blog-icon-1 {
    top: 0;
    right: -140px;
    transition: 1s;
}
/*** Blog End ***/


/*** Contact Start ***/
.contact-detail::before {
    position: absolute;
    content: "";
    height: 50%;
    width: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(rgb(210, 243, 235, 1), rgba(230, 250, 245, .3)), url(../img/background.jpg) center center no-repeat;
    background-size: cover;
    border-radius: 10px;
    z-index: -1;
}

.contact-map {
    background: #26d48c;
}

.contact-form {
    background: #26d48c;
}

/*** Contact End ***/


/*** Footer Start ***/

.footer .short-link a,
.footer .help-link a,
.footer .contact-link a {
    transition: .5s;
}

.footer .short-link a:hover,
.footer .help-link a:hover,
.footer .contact-link a:hover {
    letter-spacing: 1px;
}

.footer .hightech-link a:hover {
    background: var(--bs-secondary);
    border: 0;
}

/*** Footer End ***/

/* Keep footer navigation above decorative/fixed layers and fully interactive. */
.footer {
    position: relative;
    z-index: 1;
}

.footer .footer-link,
.footer .short-link,
.footer .help-link,
.footer .contact-link {
    position: relative;
    z-index: 2;
}

.footer a {
    position: relative;
    z-index: 3;
    pointer-events: auto !important;
    cursor: pointer;
}
/* Floating Call & WhatsApp Buttons */
.floating-icons {
    position: fixed;
    left: 20px;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 9999;
}

.floating-icons a {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    font-size: 24px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.25);
    transition: 0.3s ease;
}

.floating-icons a:hover {
    transform: scale(1.08);
}

.call-btn {
    background: #0d6efd;
}

.whatsapp-btn {
    background: #25d366;
}

/* Mobile Fix */
@media (max-width: 768px) {
    .floating-icons {
        left: 12px;
        bottom: 80px;
    }

    .floating-icons a {
        width: 50px;
        height: 50px;
        font-size: 22px;
    }
}

/* ==========================================================
   SBC SAP Course Page – Modern visual refresh (2026)
   Scoped to .sbc-course-page so other website pages remain safe.
   ========================================================== */
.sbc-course-page {
    --sbc-navy: #071a3a;
    --sbc-navy-2: #0d2d5a;
    --sbc-primary: #155eef;
    --sbc-primary-dark: #0b46bd;
    --sbc-accent: #24c07a;
    --sbc-accent-dark: #15945b;
    --sbc-ink: #17233c;
    --sbc-copy: #52627a;
    --sbc-muted: #718096;
    --sbc-line: #dfe7f2;
    --sbc-soft: #f4f7fc;
    --sbc-soft-blue: #edf4ff;
    --sbc-white: #ffffff;
    --sbc-radius-sm: 12px;
    --sbc-radius: 18px;
    --sbc-radius-lg: 26px;
    --sbc-shadow-sm: 0 8px 24px rgba(22, 41, 78, .07);
    --sbc-shadow: 0 16px 42px rgba(22, 41, 78, .11);
    --sbc-shadow-lg: 0 26px 70px rgba(7, 26, 58, .18);
    background: var(--sbc-white);
    color: var(--sbc-copy);
    font-family: "Inter", sans-serif;
    line-height: 1.75;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.sbc-course-page h1,
.sbc-course-page h2,
.sbc-course-page h3,
.sbc-course-page h4,
.sbc-course-page h5,
.sbc-course-page h6,
.sbc-course-page .h1,
.sbc-course-page .h2,
.sbc-course-page .h3,
.sbc-course-page .h4,
.sbc-course-page .h5,
.sbc-course-page .h6 {
    color: var(--sbc-ink);
    letter-spacing: -.025em;
}

.sbc-course-page p,
.sbc-course-page li,
.sbc-course-page td,
.sbc-course-page label,
.sbc-course-page select,
.sbc-course-page input,
.sbc-course-page button {
    font-size: 1rem;
}

.sbc-course-page a {
    text-underline-offset: 3px;
}

.sbc-course-page main > .container-fluid:not(.page-header):not(.highlight-section):not(.sbc-advantage) {
    position: relative;
}

.sbc-course-page main > .container-fluid.bg-light,
.sbc-course-page .sbc-authority-section,
.sbc-course-page .sbc-lab {
    background-color: var(--sbc-soft) !important;
    background-image:
        radial-gradient(circle at 8% 16%, rgba(21, 94, 239, .055), transparent 30%),
        radial-gradient(circle at 92% 84%, rgba(36, 192, 122, .05), transparent 28%);
}

.sbc-course-page main > .container-fluid.bg-white {
    background: var(--sbc-white) !important;
}

/* Main navigation */
.sbc-course-page > .container-fluid.bg-primary {
    position: relative;
    z-index: 1000;
    background: linear-gradient(110deg, var(--sbc-navy) 0%, var(--sbc-navy-2) 60%, #124493 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 10px 30px rgba(4, 18, 41, .22);
}

.sbc-course-page .navbar {
    min-height: 82px;
}

.sbc-course-page .navbar-brand {
    padding: 8px 0;
}

.sbc-course-page .navbar-brand .big-title {
    font-family: "Saira", sans-serif;
    font-size: clamp(1.45rem, 2.3vw, 2rem);
    letter-spacing: -.04em;
    line-height: 1;
}

.sbc-course-page .navbar-brand .text-secondary {
    color: #55e2a2 !important;
}

.sbc-course-page .navbar .navbar-nav {
    gap: 4px;
    padding: 12px 0;
}

.sbc-course-page .navbar .navbar-nav .nav-link {
    position: relative;
    padding: 10px 14px;
    border-radius: 10px;
    color: rgba(255, 255, 255, .9);
    font-size: .97rem;
    font-weight: 650;
    letter-spacing: 0;
}

.sbc-course-page .navbar .navbar-nav .nav-link:hover,
.sbc-course-page .navbar .navbar-nav .nav-link:focus,
.sbc-course-page .navbar .navbar-nav .nav-link.active {
    color: #fff !important;
    background: rgba(255, 255, 255, .11);
}

.sbc-course-page .sbc-navbar-phone {
    color: #fff !important;
    font-weight: 700;
}

.sbc-course-page .sbc-navbar-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 18px;
    background: linear-gradient(135deg, #2bd477, #19a95b);
    color: #fff;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    box-shadow: 0 8px 22px rgba(17, 171, 91, .28);
    font-weight: 750;
    transition: transform .25s ease, box-shadow .25s ease;
}

.sbc-course-page .sbc-navbar-whatsapp:hover,
.sbc-course-page .sbc-navbar-whatsapp:focus {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(17, 171, 91, .36);
}

/* Hero */
.sbc-course-page .page-header {
    position: relative;
    isolation: isolate;
    min-height: 640px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 24%, rgba(45, 124, 255, .33), transparent 34%),
        radial-gradient(circle at 84% 72%, rgba(36, 192, 122, .22), transparent 30%),
        linear-gradient(112deg, rgba(3, 15, 36, .94), rgba(7, 32, 70, .88) 58%, rgba(8, 45, 89, .84)),
        url('https://www.softbraincomputech.com/img/sap-training-banner.webp') center/cover no-repeat;
}

.sbc-course-page .page-header::before,
.sbc-course-page .page-header::after {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    filter: blur(2px);
    pointer-events: none;
}

.sbc-course-page .page-header::before {
    width: 390px;
    height: 390px;
    right: -110px;
    top: -120px;
    border: 1px solid rgba(255, 255, 255, .15);
    box-shadow: 0 0 0 55px rgba(255, 255, 255, .025), 0 0 0 110px rgba(255, 255, 255, .018);
}

.sbc-course-page .page-header::after {
    width: 240px;
    height: 240px;
    left: -95px;
    bottom: -100px;
    background: rgba(36, 192, 122, .12);
}

.sbc-course-page .page-header .sbc-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 1040px;
}

.sbc-course-page .page-header .breadcrumb {
    display: inline-flex;
    padding: 8px 15px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(8px);
}

.sbc-course-page .page-header .breadcrumb-item,
.sbc-course-page .page-header .breadcrumb-item a {
    font-size: .9rem;
}

.sbc-course-page .page-header h1 {
    max-width: 980px;
    margin: 18px auto 20px;
    color: #fff;
    font-size: clamp(2.35rem, 5.3vw, 4.85rem);
    font-weight: 750;
    line-height: 1.08;
    text-wrap: balance;
    text-shadow: 0 8px 32px rgba(0, 0, 0, .28);
}

.sbc-course-page .page-header p {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    color: rgba(255, 255, 255, .86) !important;
    line-height: 1.6;
}

.sbc-course-page .sbc-hero-proof {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 24px auto 28px;
}

.sbc-course-page .sbc-hero-proof span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    color: #fff;
    font-size: .88rem;
    font-weight: 650;
    backdrop-filter: blur(9px);
}

.sbc-course-page .sbc-hero-proof i {
    color: #63e6ad;
}

.sbc-course-page .sbc-hero-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}

.sbc-course-page .sbc-hero-actions .btn {
    min-width: 178px;
    margin: 0 !important;
}

/* Buttons */
.sbc-course-page .btn,
.sbc-course-page .sbc-lab-btn,
.sbc-course-page .sbc-adv-btn {
    border-radius: 999px;
    font-weight: 750;
    letter-spacing: -.01em;
    transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease, border-color .25s ease;
}

.sbc-course-page .btn-primary,
.sbc-course-page .sbc-lab-btn,
.sbc-course-page .sbc-adv-btn {
    border-color: var(--sbc-primary);
    background: linear-gradient(135deg, var(--sbc-primary), var(--sbc-primary-dark));
    box-shadow: 0 10px 24px rgba(21, 94, 239, .22);
}

.sbc-course-page .btn-primary:hover,
.sbc-course-page .btn-primary:focus,
.sbc-course-page .sbc-lab-btn:hover,
.sbc-course-page .sbc-lab-btn:focus,
.sbc-course-page .sbc-adv-btn:hover,
.sbc-course-page .sbc-adv-btn:focus {
    border-color: var(--sbc-primary-dark);
    background: linear-gradient(135deg, #0e4fda, #083c9f);
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(21, 94, 239, .3);
}

.sbc-course-page .btn-outline-light:hover,
.sbc-course-page .btn-outline-light:focus {
    color: var(--sbc-navy);
    transform: translateY(-2px);
}

/* Sticky page-navigation chips */
.sbc-course-page .sbc-page-nav {
    background: rgba(255, 255, 255, .94);
    border-bottom: 1px solid rgba(187, 202, 224, .72);
    box-shadow: 0 9px 25px rgba(7, 26, 58, .07);
}

.sbc-course-page .sbc-page-nav .container {
    gap: 9px;
    padding-top: 11px;
    padding-bottom: 11px;
}

.sbc-course-page .sbc-page-nav a {
    border-color: #d8e3f2;
    background: #fff;
    color: #24456f;
    font-size: .84rem;
    box-shadow: 0 2px 7px rgba(7, 26, 58, .035);
}

.sbc-course-page .sbc-page-nav a:hover,
.sbc-course-page .sbc-page-nav a:focus {
    background: var(--sbc-primary);
    border-color: var(--sbc-primary);
    color: #fff;
    transform: translateY(-1px);
}

/* Section typography and rhythm */
.sbc-course-page main > .container-fluid:not(.page-header) > .container,
.sbc-course-page main > section.container-fluid > .container {
    position: relative;
}

.sbc-course-page main h2 {
    font-size: clamp(1.85rem, 3.2vw, 2.7rem);
    font-weight: 720;
    line-height: 1.2;
    text-wrap: balance;
}

.sbc-course-page main h3 {
    line-height: 1.3;
}

.sbc-course-page .text-center.mx-auto > h2,
.sbc-course-page .text-center > h2:first-child {
    margin-bottom: 14px;
}

.sbc-course-page .text-center.mx-auto > h2::after,
.sbc-course-page .text-center > h2:first-child::after {
    content: "";
    display: block;
    width: 64px;
    height: 4px;
    margin: 16px auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--sbc-primary), var(--sbc-accent));
}

.sbc-course-page main p,
.sbc-course-page main li {
    color: var(--sbc-copy);
}

.sbc-course-page .text-muted {
    color: var(--sbc-muted) !important;
}

/* Intro image and checklist */
.sbc-course-page .about-img {
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: var(--sbc-radius-lg);
    box-shadow: var(--sbc-shadow-lg);
    background: linear-gradient(145deg, #eef4ff, #fff);
    aspect-ratio: 7 / 5;
    object-fit: cover;
}

.sbc-course-page .sap-points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
    margin-top: 22px;
}

.sbc-course-page .sap-points li {
    margin: 0;
    padding: 11px 13px;
    border: 1px solid #dce7f5;
    border-radius: 12px;
    background: #f8fbff;
    color: var(--sbc-ink);
    font-weight: 600;
}

/* Counter band */
.sbc-course-page main > .container-fluid.bg-dark {
    background:
        radial-gradient(circle at 15% 20%, rgba(51, 122, 255, .28), transparent 28%),
        radial-gradient(circle at 88% 72%, rgba(36, 192, 122, .16), transparent 25%),
        linear-gradient(115deg, #06142d, #0c2d59 62%, #0f3c70) !important;
}

.sbc-course-page .counter-box {
    position: relative;
    overflow: hidden;
    padding: 34px 20px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: var(--sbc-radius);
    background: rgba(255, 255, 255, .075);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .14);
    backdrop-filter: blur(9px);
}

.sbc-course-page .counter-box::before {
    content: "";
    position: absolute;
    width: 92px;
    height: 92px;
    right: -34px;
    top: -38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
}

.sbc-course-page .counter-box:hover {
    transform: translateY(-6px);
    border-color: rgba(99, 230, 173, .52);
}

.sbc-course-page .counter-box .display-4 {
    font-size: clamp(2.1rem, 4vw, 3.15rem);
    letter-spacing: -.04em;
}

/* Module cards */
.sbc-course-page .module-box {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 27px 20px;
    border: 1px solid #dce6f2;
    border-radius: var(--sbc-radius);
    background: #fff;
    box-shadow: var(--sbc-shadow-sm);
}

.sbc-course-page .module-box::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: auto -25% -70% -25%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--sbc-primary), #0b3f9d);
    transition: transform .35s ease;
    transform: scale(.15);
}

.sbc-course-page .module-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 22px;
    width: 46px;
    height: 3px;
    border-radius: 0 0 99px 99px;
    background: linear-gradient(90deg, var(--sbc-primary), var(--sbc-accent));
}

.sbc-course-page .module-box:hover {
    transform: translateY(-7px);
    border-color: transparent;
    background: #fff;
    color: #fff;
    box-shadow: 0 18px 38px rgba(21, 94, 239, .22);
}

.sbc-course-page .module-box:hover::before {
    transform: scale(2.25);
}

.sbc-course-page .module-box i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    margin-bottom: 18px;
    border-radius: 18px;
    background: var(--sbc-soft-blue);
    color: var(--sbc-primary);
    font-size: 1.9rem;
    transition: transform .3s ease, background-color .3s ease, color .3s ease;
}

.sbc-course-page .module-box:hover i {
    color: #fff;
    background: rgba(255, 255, 255, .16);
    transform: rotate(-4deg) scale(1.05);
}

.sbc-course-page .module-box .h4 {
    font-size: 1.18rem;
    font-weight: 750;
}

.sbc-course-page .module-box p:last-child {
    font-size: .93rem;
    line-height: 1.55;
}

.sbc-course-page #all-sap-modules summary {
    padding: 11px 18px;
    border: 1px solid #ccdcf2;
    border-radius: 999px;
    background: #fff;
    color: var(--sbc-primary-dark);
    box-shadow: var(--sbc-shadow-sm);
}

/* Dark feature section */
.sbc-course-page .highlight-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 10%, rgba(21, 94, 239, .24), transparent 27%),
        radial-gradient(circle at 90% 80%, rgba(36, 192, 122, .14), transparent 25%),
        linear-gradient(135deg, #06152e, #0b2449 62%, #092f50) !important;
}

.sbc-course-page .highlight-section h2,
.sbc-course-page .highlight-section .text-center p {
    color: #fff !important;
}

.sbc-course-page .highlight-card {
    position: relative;
    overflow: hidden;
    padding: 30px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: var(--sbc-radius);
    background: rgba(255, 255, 255, .065);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .14);
    backdrop-filter: blur(8px);
}

.sbc-course-page .highlight-card::after {
    content: "";
    position: absolute;
    width: 95px;
    height: 95px;
    right: -42px;
    bottom: -48px;
    border-radius: 50%;
    background: rgba(36, 192, 122, .11);
}

.sbc-course-page .highlight-card:hover {
    transform: translateY(-7px);
    border-color: rgba(86, 208, 153, .5);
    background: rgba(255, 255, 255, .1);
}

.sbc-course-page .highlight-card i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 17px;
    background: linear-gradient(135deg, var(--sbc-primary), #3f83ff);
    color: #fff;
    font-size: 1.75rem;
    box-shadow: 0 10px 25px rgba(21, 94, 239, .28);
}

.sbc-course-page .highlight-card .h4,
.sbc-course-page .highlight-card p {
    color: rgba(255, 255, 255, .82) !important;
}

.sbc-course-page .highlight-card .h4 {
    color: #fff !important;
}

/* Industry, authority and generic content cards */
.sbc-course-page .mission-box,
.sbc-course-page .sbc-authority-card,
.sbc-course-page .sbc-step,
.sbc-course-page .sbc-lab-card,
.sbc-course-page .sbc-adv-card,
.sbc-course-page .sbc-interview-item,
.sbc-course-page .sbc-proof-item,
.sbc-course-page main .bg-white.rounded.shadow,
.sbc-course-page main .bg-white.rounded.shadow-sm,
.sbc-course-page main .p-4.bg-white.shadow,
.sbc-course-page main .p-4.bg-white.shadow-sm {
    border: 1px solid var(--sbc-line) !important;
    border-radius: var(--sbc-radius) !important;
    box-shadow: var(--sbc-shadow-sm) !important;
}

.sbc-course-page .mission-box {
    position: relative;
    overflow: hidden;
    padding: 30px;
    background: #fff;
}

.sbc-course-page .mission-box::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, var(--sbc-primary), var(--sbc-accent));
}

.sbc-course-page .mission-box:hover,
.sbc-course-page .sbc-authority-card:hover,
.sbc-course-page .sbc-step:hover {
    transform: translateY(-4px);
    box-shadow: var(--sbc-shadow) !important;
}

.sbc-course-page .sbc-authority-card {
    border-top: 1px solid var(--sbc-line) !important;
    padding: 26px;
}

.sbc-course-page .sbc-authority-card::before {
    content: "";
    display: block;
    width: 46px;
    height: 4px;
    margin-bottom: 18px;
    border-radius: 99px;
    background: linear-gradient(90deg, var(--sbc-primary), var(--sbc-accent));
}

.sbc-course-page .sbc-step {
    border-left: 1px solid var(--sbc-line) !important;
    padding: 24px;
}

.sbc-course-page .sbc-step strong {
    display: inline-flex;
    padding: 5px 10px;
    border-radius: 999px;
    background: var(--sbc-soft-blue);
    color: var(--sbc-primary);
    font-size: .82rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.sbc-course-page .sbc-pill,
.sbc-course-page .sbc-badge {
    border: 1px solid #d7e5fa;
    background: #f2f7ff;
    color: var(--sbc-primary-dark);
}

/* Tables */
.sbc-course-page .table-responsive {
    overflow: hidden;
    border: 1px solid var(--sbc-line);
    border-radius: var(--sbc-radius);
    background: #fff;
    box-shadow: var(--sbc-shadow-sm);
}

.sbc-course-page .table-responsive .table {
    margin-bottom: 0;
}

.sbc-course-page .table th,
.sbc-course-page .table td {
    padding: 14px 16px;
    border-color: #e3eaf3;
    line-height: 1.55;
}

.sbc-course-page .table-dark,
.sbc-course-page .table thead.table-dark,
.sbc-course-page .table > .table-dark {
    --bs-table-bg: var(--sbc-navy);
    --bs-table-striped-bg: #0c2b58;
    --bs-table-hover-bg: #11376d;
}

.sbc-course-page .table-primary {
    --bs-table-bg: #eaf2ff;
    --bs-table-striped-bg: #e1edff;
    --bs-table-color: #163b72;
}

.sbc-course-page .sbc-comparison-highlight {
    background: #eef6ff !important;
    color: #174d99;
}

/* FAQ */
.sbc-course-page .accordion {
    display: grid;
    gap: 12px;
}

.sbc-course-page .accordion-item {
    overflow: hidden;
    border: 1px solid var(--sbc-line);
    border-radius: 14px !important;
    background: #fff;
    box-shadow: 0 5px 18px rgba(22, 41, 78, .055);
}

.sbc-course-page .accordion-button {
    padding: 18px 20px;
    color: var(--sbc-ink);
    font-weight: 700;
    line-height: 1.4;
}

.sbc-course-page .accordion-button:not(.collapsed) {
    color: var(--sbc-primary-dark);
    background: #eef5ff;
    box-shadow: none;
}

.sbc-course-page .accordion-body {
    padding: 18px 20px 22px;
    color: var(--sbc-copy);
}

/* Interactive labs */
.sbc-course-page .sbc-lab-shell,
.sbc-course-page .sbc-advantage-shell {
    border: 1px solid rgba(216, 228, 244, .85);
    border-radius: var(--sbc-radius-lg);
    box-shadow: var(--sbc-shadow-lg);
}

.sbc-course-page .sbc-lab-tabs,
.sbc-course-page .sbc-adv-tabs {
    gap: 10px;
    padding: 18px;
    background: linear-gradient(105deg, var(--sbc-navy), var(--sbc-navy-2));
}

.sbc-course-page .sbc-lab-tab,
.sbc-course-page .sbc-adv-tab {
    min-height: 43px;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .07);
    transition: transform .2s ease, background-color .2s ease;
}

.sbc-course-page .sbc-lab-tab:hover,
.sbc-course-page .sbc-lab-tab:focus,
.sbc-course-page .sbc-lab-tab[aria-selected="true"],
.sbc-course-page .sbc-adv-tab:hover,
.sbc-course-page .sbc-adv-tab:focus,
.sbc-course-page .sbc-adv-tab[aria-selected="true"] {
    color: var(--sbc-primary-dark);
    background: #fff;
    transform: translateY(-1px);
}

.sbc-course-page .sbc-field select,
.sbc-course-page .sbc-field input[type="text"],
.sbc-course-page .sbc-field input[type="number"],
.sbc-course-page .sbc-adv-control,
.sbc-course-page textarea {
    min-height: 46px;
    border: 1px solid #c8d6e8;
    border-radius: 11px;
    color: var(--sbc-ink);
    background: #fff;
    box-shadow: inset 0 1px 2px rgba(7, 26, 58, .025);
}

.sbc-course-page .sbc-field select:focus,
.sbc-course-page .sbc-field input:focus,
.sbc-course-page .sbc-adv-control:focus,
.sbc-course-page textarea:focus {
    border-color: var(--sbc-primary);
    outline: 0;
    box-shadow: 0 0 0 4px rgba(21, 94, 239, .12);
}

.sbc-course-page .sbc-check,
.sbc-course-page .sbc-proof-item {
    background: #f8fbff;
}

.sbc-course-page .sbc-check:hover,
.sbc-course-page .sbc-proof-item:hover {
    border-color: #b9d0f3 !important;
    background: #f1f7ff;
}

.sbc-course-page .sbc-output,
.sbc-course-page .sbc-result-box {
    border-left-color: var(--sbc-primary);
    background: #edf5ff;
}

.sbc-course-page .sbc-progress > span {
    background: linear-gradient(90deg, var(--sbc-primary), var(--sbc-accent));
}

.sbc-course-page .sbc-advantage {
    background:
        radial-gradient(circle at 8% 12%, rgba(21, 94, 239, .26), transparent 27%),
        radial-gradient(circle at 92% 86%, rgba(36, 192, 122, .14), transparent 24%),
        linear-gradient(140deg, #06152e, #0b2b54 62%, #0b385b) !important;
}

.sbc-course-page .sbc-link-card {
    position: relative;
    overflow: hidden;
    border-color: var(--sbc-line);
    color: var(--sbc-primary-dark);
    box-shadow: var(--sbc-shadow-sm);
}

.sbc-course-page .sbc-link-card:hover,
.sbc-course-page .sbc-link-card:focus {
    border-color: #bed2f1;
    background: #eef6ff;
    transform: translateY(-2px);
}

/* CTA */
.sbc-course-page .sbc-dark-cta {
    position: relative;
    overflow: hidden;
    padding: clamp(34px, 6vw, 60px);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: var(--sbc-radius-lg);
    background:
        radial-gradient(circle at 12% 15%, rgba(75, 137, 255, .34), transparent 30%),
        radial-gradient(circle at 88% 82%, rgba(36, 192, 122, .24), transparent 28%),
        linear-gradient(125deg, var(--sbc-navy), #0d4aa0) !important;
    box-shadow: var(--sbc-shadow-lg);
}

.sbc-course-page .sbc-dark-cta::after {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    right: -95px;
    top: -100px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
}

/* Footer */
.sbc-course-page .footer {
    position: relative;
    background:
        radial-gradient(circle at 12% 12%, rgba(21, 94, 239, .16), transparent 28%),
        linear-gradient(130deg, #041127, #071b38 68%, #09294d) !important;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.sbc-course-page .footer h4,
.sbc-course-page .footer h5,
.sbc-course-page .footer .h4,
.sbc-course-page .footer .h5 {
    color: #fff;
}

.sbc-course-page .footer a {
    color: rgba(255, 255, 255, .74);
}

.sbc-course-page .footer a:hover,
.sbc-course-page .footer a:focus {
    color: #63e6ad;
    letter-spacing: 0;
}

/* Floating actions */
.sbc-course-page .floating-icons a {
    width: 56px;
    height: 56px;
    border: 2px solid rgba(255, 255, 255, .8);
    box-shadow: 0 11px 28px rgba(7, 26, 58, .24);
}

.sbc-course-page .floating-icons a:hover {
    transform: translateY(-3px) scale(1.04);
}

.sbc-course-page .back-to-top {
    border-radius: 50%;
    box-shadow: 0 9px 24px rgba(7, 26, 58, .2);
}

/* Responsive */
@media (max-width: 1199.98px) {
    .sbc-course-page .navbar {
        min-height: 74px;
    }

    .sbc-course-page .page-header {
        min-height: 590px;
    }
}

@media (max-width: 991.98px) {
    .sbc-course-page .navbar-collapse {
        margin: 10px 0 16px;
        padding: 12px;
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 14px;
        background: rgba(255, 255, 255, .07) !important;
    }

    .sbc-course-page .navbar .navbar-nav .nav-link {
        padding: 11px 13px;
    }

    .sbc-course-page .page-header {
        min-height: 560px;
    }

    .sbc-course-page .page-header h1 {
        font-size: clamp(2.2rem, 7vw, 3.7rem);
    }

    .sbc-course-page .sap-points {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .sbc-course-page {
        line-height: 1.65;
    }

    .sbc-course-page main h2 {
        font-size: clamp(1.65rem, 7vw, 2.15rem);
    }

    .sbc-course-page .page-header {
        min-height: 590px;
        padding-top: 48px !important;
        padding-bottom: 58px !important;
    }

    .sbc-course-page .page-header .container {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }

    .sbc-course-page .page-header h1 {
        margin-top: 14px;
        font-size: clamp(2rem, 10vw, 3rem);
    }

    .sbc-course-page .page-header p.fs-5 {
        font-size: 1rem !important;
    }

    .sbc-course-page .sbc-hero-proof {
        gap: 8px;
        margin: 19px auto 24px;
    }

    .sbc-course-page .sbc-hero-proof span {
        width: calc(50% - 4px);
        justify-content: center;
        padding: 8px 9px;
        font-size: .78rem;
    }

    .sbc-course-page .sbc-hero-actions {
        flex-direction: column;
        align-items: stretch;
        max-width: 340px;
        margin: 0 auto;
    }

    .sbc-course-page .sbc-hero-actions .btn {
        width: 100%;
    }

    .sbc-course-page .module-box,
    .sbc-course-page .mission-box,
    .sbc-course-page .highlight-card,
    .sbc-course-page .sbc-authority-card {
        padding: 23px;
    }

    .sbc-course-page .sbc-lab-panel,
    .sbc-course-page .sbc-adv-panel {
        padding: 18px;
    }

    .sbc-course-page .table-responsive {
        border-radius: 14px;
    }

    .sbc-course-page .mobile-fixed-cta a {
        padding-top: 13px;
        padding-bottom: calc(13px + env(safe-area-inset-bottom));
        font-size: .91rem;
    }
}

@media (max-width: 420px) {
    .sbc-course-page .sbc-hero-proof span {
        width: 100%;
    }

    .sbc-course-page .navbar-brand .big-title {
        font-size: 1.3rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sbc-course-page .module-box::before,
    .sbc-course-page .btn,
    .sbc-course-page .sbc-navbar-whatsapp,
    .sbc-course-page .mission-box,
    .sbc-course-page .highlight-card,
    .sbc-course-page .counter-box {
        transition: none !important;
    }
}

/* Horizontal overflow and touch-scrolling safeguards */
.sbc-course-page .table-responsive {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.sbc-course-page .sbc-lab-shell,
.sbc-course-page .sbc-advantage-shell,
.sbc-course-page .sbc-lab-panel,
.sbc-course-page .sbc-adv-panel,
.sbc-course-page .sbc-lab-grid,
.sbc-course-page .sbc-adv-grid,
.sbc-course-page .sbc-lab-panel .row > *,
.sbc-course-page .sbc-adv-panel .row > * {
    min-width: 0;
    max-width: 100%;
}

@media (max-width: 767.98px) {
    .sbc-course-page .sbc-adv-table {
        min-width: 640px;
    }
}

/* ===== Consolidated page-specific styles (moved from HTML) ===== */

body{
            font-family: 'Inter', sans-serif;
            overflow-x: hidden;
        }

        .page-header{
            background:
            linear-gradient(rgba(0,0,0,.75), rgba(0,0,0,.75)),
            url('https://www.softbraincomputech.com/img/sap-training-banner.webp');

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

        .about-img{
            border-radius:20px;
            overflow:hidden;
            box-shadow:0 15px 40px rgba(0,0,0,0.15);
        }

        .feature-box{
            background:#fff;
            border-radius:20px;
            padding:35px 30px;
            transition:0.4s;
            height:100%;
            box-shadow:0 10px 35px rgba(0,0,0,0.08);
            border:1px solid #f1f1f1;
        }

        .feature-box:hover{
            transform:translateY(-10px);
        }

        .feature-icon{
            width:85px;
            height:85px;
            border-radius:50%;
            background:linear-gradient(135deg,#0d6efd,#0047b3);
            display:flex;
            align-items:center;
            justify-content:center;
            margin-bottom:25px;
        }

        .feature-icon i{
            font-size:35px;
            color:#fff;
        }

        .counter-box{
            border-radius:20px;
            padding:40px 20px;
            background:#0d6efd;
            transition:0.4s;
        }

        .counter-box:hover{
            transform:translateY(-10px);
        }

        .counter-box h1{
            font-size:50px;
            font-weight:700;
        }

        .module-box{
            background:#ffffff;
            border-radius:18px;
            padding:25px;
            text-align:center;
            transition:0.4s;
            box-shadow:0 8px 25px rgba(0,0,0,0.06);
            height:100%;
        }

        .module-box:hover{
            transform:translateY(-8px);
            background:#0d6efd;
            color:#fff;
        }

        .module-box:hover h4,
        .module-box:hover p{
            color:#fff;
        }

        .module-box i{
            font-size:45px;
            margin-bottom:20px;
            color:#0d6efd;
        }

        .module-box:hover i{
            color:#fff;
        }

        .mission-box{
            background:#f8f9fa;
            border-radius:20px;
            padding:40px;
            height:100%;
        }

        .highlight-section{
            background:#0b1120;
        }

        .highlight-card{
            background:#111827;
            border-radius:20px;
            padding:30px;
            height:100%;
            transition:0.4s;
        }

        .highlight-card:hover{
            transform:translateY(-8px);
        }

        .highlight-card i{
            font-size:42px;
            color:#0d6efd;
            margin-bottom:20px;
        }

        .floating-icons {
            position: fixed;
            bottom: 20px;
            left: 20px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            z-index: 9999;
        }

        .floating-icons a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 58px;
            height: 58px;
            border-radius: 50%;
            text-decoration: none;
            color: #fff;
            box-shadow: 0 4px 12px rgba(0,0,0,0.25);
            transition: 0.3s;
        }

        .call-btn {
            background-color: #007BFF;
        }

        .whatsapp-btn {
            background-color: #25D366;
        }

        .floating-icons a:hover {
            transform: scale(1.1);
        }

        .sap-points li{
            margin-bottom:12px;
        }
.big-title {
    font-size: 2em;
  }
  .mobile-fixed-cta{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    display:flex;
    z-index:9999;
}

.mobile-fixed-cta a{
    flex:1;
    text-align:center;
    padding:14px;
    color:#fff;
    font-weight:700;
    text-decoration:none;
}

.call-now{
    background:#0d6efd;
}

.whatsapp-now{
    background:#25D366;
}

.sbc-authority-section{background:#f8fbff}.sbc-authority-card{background:#fff;border-radius:18px;padding:24px;height:100%;box-shadow:0 10px 30px rgba(0,0,0,.07);border-top:4px solid #0d6efd}.sbc-authority-card h3{color:#0b5ed7}.sbc-roadmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.sbc-step{background:#fff;border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(0,0,0,.07);height:100%;border-left:5px solid #0d6efd}.sbc-step strong{display:block;color:#0d6efd;font-size:22px;margin-bottom:8px}.sbc-pill{display:inline-block;background:#eef6ff;color:#0d6efd;border-radius:30px;padding:9px 14px;margin:5px;font-weight:600}.sbc-dark-cta{background:linear-gradient(135deg,#0b1120,#0d6efd);color:#fff;border-radius:22px;padding:38px}.sbc-dark-cta h2,.sbc-dark-cta p{color:#fff}.sbc-table td:first-child{font-weight:700}.sbc-proof-note{font-size:14px;color:#667085}.sbc-comparison-highlight{background:#eef6ff;font-weight:700;color:#0b5ed7}

#all-sap-modules summary{cursor:pointer;display:inline-block;list-style:none}#all-sap-modules summary::-webkit-details-marker{display:none}


@media (max-width: 991.98px){
    body{padding-bottom:64px;}
    .floating-icons{display:none;}
    .back-to-top{bottom:78px;}
    .page-header .btn{margin-bottom:12px;}
}

/* Production fixes: contrast, spinner fallback and proof-image stability */
.highlight-section h2,
.highlight-section .text-center p{color:#fff;}

body.loaded 
#sbc-visual-proof-row img[src*="logo"]{object-fit:contain;background:#fff;padding:20px;}

/* Production refinements: semantic heading sizing, noscript notice and placement disclaimer */
.sbc-heading-h3-size{font-size:1.75rem;line-height:1.2;}
.sbc-noscript-notice{background:#fff3cd;color:#664d03;padding:12px 16px;text-align:center;font-size:15px;border-bottom:1px solid #ffecb5;}
.sbc-placement-note{font-size:14px;color:#667085;}


/* SBC Career Decision Lab and accessibility enhancements */
.sbc-skip-link{position:fixed;left:12px;top:-60px;z-index:100000;background:#111827;color:#fff;padding:10px 16px;border-radius:0 0 8px 8px;text-decoration:none;font-weight:700}.sbc-skip-link:focus{top:0;color:#fff}
.sbc-page-nav{position:sticky;top:0;z-index:998;background:rgba(255,255,255,.97);border-bottom:1px solid #dbe6f3;box-shadow:0 6px 18px rgba(15,23,42,.06);backdrop-filter:blur(8px)}
.sbc-page-nav .container{display:flex;gap:8px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:thin}.sbc-page-nav a{white-space:nowrap;border:1px solid #cfe0f5;border-radius:999px;padding:8px 14px;color:#0b5ed7;text-decoration:none;font-weight:700;font-size:14px}.sbc-page-nav a:hover,.sbc-page-nav a:focus{background:#0d6efd;color:#fff;border-color:#0d6efd}
.sbc-lab{background:linear-gradient(180deg,#f3f8ff 0%,#fff 100%)}.sbc-lab-shell{background:#fff;border:1px solid #d9e7f7;border-radius:24px;box-shadow:0 18px 50px rgba(15,23,42,.09);overflow:hidden}.sbc-lab-tabs{display:flex;gap:8px;overflow-x:auto;padding:16px;background:#0b1120;scrollbar-width:thin}.sbc-lab-tab{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:10px 15px;white-space:nowrap;font-weight:700}.sbc-lab-tab:hover,.sbc-lab-tab:focus,.sbc-lab-tab[aria-selected="true"]{background:#fff;color:#0b5ed7}.sbc-lab-panel{padding:30px}.sbc-lab-panel[hidden]{display:none}.sbc-lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sbc-lab-card{border:1px solid #dce8f5;border-radius:18px;padding:20px;background:#fff;height:100%}.sbc-lab-card h3{font-size:1.2rem;color:#0b5ed7}.sbc-field{margin-bottom:16px}.sbc-field label,.sbc-field legend{display:block;font-weight:700;margin-bottom:7px;color:#172033}.sbc-field select,.sbc-field input[type="text"],.sbc-field input[type="number"]{width:100%;border:1px solid #b8c9dc;border-radius:10px;padding:11px 12px;background:#fff}.sbc-fieldset{border:0;padding:0;margin:0 0 16px}.sbc-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sbc-check{display:flex;gap:9px;align-items:flex-start;border:1px solid #d9e5f1;border-radius:12px;padding:11px;background:#f9fbfe}.sbc-check input{margin-top:4px}.sbc-lab-btn{border:0;border-radius:999px;background:#0d6efd;color:#fff;padding:11px 18px;font-weight:800}.sbc-lab-btn:hover,.sbc-lab-btn:focus{background:#084dbf}.sbc-lab-btn-secondary{background:#172033}.sbc-lab-btn-light{background:#eaf3ff;color:#0b5ed7}.sbc-lab-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.sbc-output{margin-top:18px;background:#eef6ff;border-left:5px solid #0d6efd;border-radius:12px;padding:18px;min-height:76px}.sbc-output:empty:before{content:'Your personalised result will appear here.';color:#667085}.sbc-output h3{font-size:1.25rem;margin-bottom:10px}.sbc-output ul,.sbc-output ol{margin-bottom:0}.sbc-score{display:inline-flex;align-items:center;justify-content:center;width:86px;height:86px;border-radius:50%;background:#0d6efd;color:#fff;font-size:1.45rem;font-weight:800;margin-right:14px}.sbc-process-buttons{display:flex;flex-wrap:wrap;gap:8px}.sbc-process-buttons button{border:1px solid #b8cbe2;background:#fff;color:#0b5ed7;border-radius:999px;padding:9px 13px;font-weight:700}.sbc-process-buttons button[aria-pressed="true"]{background:#0d6efd;color:#fff}.sbc-compare-table th,.sbc-compare-table td{vertical-align:top}.sbc-quiz-option{display:block;width:100%;text-align:left;border:1px solid #c8d7e8;background:#fff;border-radius:12px;padding:11px 13px;margin:9px 0}.sbc-quiz-option:hover,.sbc-quiz-option:focus{border-color:#0d6efd;background:#f3f8ff}.sbc-quiz-option.correct{background:#e8f7ee;border-color:#198754}.sbc-quiz-option.wrong{background:#fff0f1;border-color:#dc3545}.sbc-progress{height:8px;background:#dce8f5;border-radius:999px;overflow:hidden;margin:12px 0 18px}.sbc-progress>span{display:block;height:100%;background:#0d6efd;width:0;transition:width .25s}.sbc-study-week{border-left:4px solid #0d6efd;padding:10px 14px;margin:12px 0;background:#f8fbff;border-radius:0 10px 10px 0}.sbc-small-note{font-size:13px;color:#667085}.sbc-brand-disclaimer{font-size:13px;line-height:1.55;color:#cbd5e1;border-top:1px solid rgba(255,255,255,.16);padding-top:16px;margin-top:18px}.sbc-live-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:767.98px){.sbc-lab-panel{padding:20px}.sbc-lab-grid,.sbc-check-grid{grid-template-columns:1fr}.sbc-page-nav{top:0}.sbc-score{width:72px;height:72px;font-size:1.2rem}}
@media print{body.sbc-print-study *{visibility:hidden!important}body.sbc-print-study #sbcStudyOutput,body.sbc-print-study #sbcStudyOutput *{visibility:visible!important}body.sbc-print-study #sbcStudyOutput{position:absolute;left:0;top:0;width:100%;background:#fff;border:0;color:#000;padding:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Final production audit refinements */
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #ffbf47;outline-offset:3px}
main :where([id]){scroll-margin-top:86px}
.breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.72)}
footer address{font-style:normal}
.sbc-authority-card article{height:100%}
@media(max-width:991.98px){main :where([id]){scroll-margin-top:76px}}


/* SBC competitive-advantage centre */
.sbc-advantage{background:linear-gradient(180deg,#071426 0%,#0b2442 100%);color:#fff}.sbc-advantage h2,.sbc-advantage h3,.sbc-advantage p{color:inherit}.sbc-advantage-shell{background:#fff;color:#172033;border-radius:24px;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.25)}.sbc-adv-tabs{display:flex;gap:8px;overflow-x:auto;padding:16px;background:#071426}.sbc-adv-tab{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:10px 15px;font-weight:800;white-space:nowrap}.sbc-adv-tab:hover,.sbc-adv-tab:focus,.sbc-adv-tab[aria-selected="true"]{background:#fff;color:#0b5ed7}.sbc-adv-panel{padding:30px}.sbc-adv-panel[hidden]{display:none}.sbc-adv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sbc-adv-card{border:1px solid #dce8f5;border-radius:18px;padding:20px;background:#fff}.sbc-adv-card h3{color:#0b5ed7}.sbc-adv-table select,.sbc-adv-control{width:100%;border:1px solid #b8c9dc;border-radius:10px;padding:10px 12px;background:#fff}.sbc-adv-table th,.sbc-adv-table td{vertical-align:middle}.sbc-weight{font-size:12px;color:#667085;display:block}.sbc-result-box{background:#eef6ff;border-left:5px solid #0d6efd;border-radius:12px;padding:18px;margin-top:16px}.sbc-result-score{font-size:2rem;font-weight:900;color:#0b5ed7}.sbc-interview-toolbar{display:grid;grid-template-columns:1.3fr .8fr .8fr auto;gap:10px;margin-bottom:16px}.sbc-interview-list{display:grid;gap:12px;max-height:650px;overflow:auto;padding-right:4px}.sbc-interview-item{border:1px solid #dce8f5;border-radius:14px;padding:16px;background:#fff}.sbc-interview-item summary{cursor:pointer;font-weight:800;color:#172033}.sbc-interview-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.sbc-badge{display:inline-block;background:#eef6ff;color:#0b5ed7;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.sbc-bookmark{border:1px solid #b8c9dc;background:#fff;border-radius:999px;padding:6px 10px;font-weight:700}.sbc-bookmark[aria-pressed="true"]{background:#fff3cd;border-color:#ffc107}.sbc-proof-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sbc-proof-item{display:flex;gap:10px;align-items:flex-start;border:1px solid #dce8f5;border-radius:12px;padding:12px;background:#f9fbfe}.sbc-proof-item input{margin-top:4px}.sbc-honesty{border:1px solid #f4c2c7;background:#fff5f6;border-radius:14px;padding:18px}.sbc-link-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sbc-link-card{display:block;border:1px solid #dce8f5;border-radius:14px;padding:14px;text-decoration:none;font-weight:800;color:#0b5ed7;background:#fff}.sbc-link-card:hover,.sbc-link-card:focus{background:#eef6ff}.sbc-question-count{font-weight:800;color:#0b5ed7}.sbc-adv-note{font-size:13px;color:#667085}.sbc-adv-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.sbc-adv-btn{border:0;border-radius:999px;background:#0d6efd;color:#fff;padding:11px 18px;font-weight:800}.sbc-adv-btn:hover,.sbc-adv-btn:focus{background:#084dbf}.sbc-adv-btn-secondary{background:#172033}.sbc-adv-btn-light{background:#eaf3ff;color:#0b5ed7}.sbc-access-output ul{margin-bottom:0}.sbc-score-note{font-size:13px;color:#667085;margin-top:8px}
@media(max-width:991.98px){.sbc-interview-toolbar{grid-template-columns:1fr 1fr}.sbc-link-cards{grid-template-columns:1fr 1fr}}
@media(max-width:767.98px){.sbc-adv-panel{padding:20px}.sbc-adv-grid,.sbc-proof-list,.sbc-link-cards,.sbc-interview-toolbar{grid-template-columns:1fr}.sbc-adv-table{min-width:720px}}
@media print{body.sbc-print-proof *{visibility:hidden!important}body.sbc-print-proof #sbc-admissions-verification,body.sbc-print-proof #sbc-admissions-verification *{visibility:visible!important}body.sbc-print-proof #sbc-admissions-verification{position:absolute;left:0;top:0;width:100%;background:#fff;color:#000;padding:20px}}


/* ===== Generated utility classes replacing inline style attributes ===== */
.sbc-icon-38{font-size:38px}
.sbc-icon-42{font-size:42px}
.sbc-icon-45{font-size:45px}
.sbc-icon-48{font-size:48px}
.sbc-avatar-60{width:60px;height:60px}
.sbc-maxw-750{max-width:750px}
.sbc-maxw-800{max-width:800px}
.sbc-maxw-850{max-width:850px}
.sbc-maxw-900{max-width:900px}
.sbc-object-contain-padded{object-fit:contain;background:#fff;padding:20px}
.sbc-style-01{width:90px;height:90px;background:linear-gradient(135deg,#0d6efd,#0047b3)}
.sbc-style-02{width:90px;height:90px;background:linear-gradient(135deg,#6610f2,#3d087b)}
.sbc-style-03{width:90px;height:90px;background:linear-gradient(135deg,#198754,#0f5132)}
.sbc-style-04{width:90px;height:90px;background:linear-gradient(135deg,#fd7e14,#c45500)}
.sbc-style-05{width:90px;height:90px;background:linear-gradient(135deg,#dc3545,#8b1e2d)}
.sbc-style-06{width:90px;height:90px;background:linear-gradient(135deg,#20c997,#0f766e)}
.sbc-style-07{width:90px;height:90px;background:linear-gradient(135deg,#6f42c1,#432874)}
.sbc-style-08{width:90px;height:90px;background:linear-gradient(135deg,#0dcaf0,#055160)}
.sbc-style-09{width:90px;height:90px;background:linear-gradient(135deg,#198754,#14532d)}
.sbc-style-10{width:90px;height:90px;background:linear-gradient(135deg,#fd7e14,#7c2d12)}
.sbc-style-11{width:90px;height:90px;background:linear-gradient(135deg,#e83e8c,#9d174d)}
.sbc-style-12{width:90px;height:90px;background:linear-gradient(135deg,#ffc107,#b45309)}
.sbc-style-13{width:90px;height:90px;background:linear-gradient(135deg,#198754,#166534)}
.sbc-style-14{width:90px;height:90px;background:linear-gradient(135deg,#dc3545,#991b1b)}
.sbc-style-15{width:90px;height:90px;background:linear-gradient(135deg,#fd7e14,#9a3412)}
.sbc-style-16{width:90px;height:90px;background:linear-gradient(135deg,#6610f2,#4c1d95)}
.sbc-style-17{width:90px;height:90px;background:linear-gradient(135deg,#20c997,#115e59)}
.sbc-style-18{width:90px;height:90px;background:linear-gradient(135deg,#0dcaf0,#0c4a6e)}
.sbc-style-19{width:90px;height:90px;background:linear-gradient(135deg,#e83e8c,#831843)}
.sbc-style-20{width:90px;height:90px;background:linear-gradient(135deg,#ffc107,#92400e)}
.sbc-style-21{width:110px;height:110px;background:linear-gradient(135deg,#0d6efd,#0047b3)}
.sbc-style-22{width:110px;height:110px;background:linear-gradient(135deg,#198754,#0f5132)}
.sbc-style-23{width:110px;height:110px;background:linear-gradient(135deg,#fd7e14,#c45500)}
.sbc-style-24{width:110px;height:110px;background:linear-gradient(135deg,#6f42c1,#432874)}
.sbc-style-25{width:110px;height:110px;background:linear-gradient(135deg,#dc3545,#842029)}
.sbc-style-26{width:110px;height:110px;background:linear-gradient(135deg,#0dcaf0,#055160)}
.sbc-style-27{width:110px;height:110px;background:linear-gradient(135deg,#20c997,#146c43)}
.sbc-style-28{width:110px;height:110px;background:linear-gradient(135deg,#fd7e14,#9a4600)}
.sbc-style-29{width:110px;height:110px;background:linear-gradient(135deg,#212529,#000000)}
.sbc-style-30{width:110px;height:110px;background:linear-gradient(135deg,#6610f2,#3d0a91)}
.sbc-style-31{width:110px;height:110px;background:linear-gradient(135deg,#198754,#0b3d2e)}
.sbc-style-32{width:110px;height:110px;background:linear-gradient(135deg,#0d6efd,#052c65)}
.sbc-style-33{width:110px;height:110px;background:linear-gradient(135deg,#dc3545,#58151c)}
.sbc-style-34{width:110px;height:110px;background:linear-gradient(135deg,#6f42c1,#301934)}
.sbc-style-35{width:110px;height:110px;background:linear-gradient(135deg,#fd7e14,#7c2d12)}
.sbc-style-36{width:100px;height:100px;background:linear-gradient(135deg,#0d6efd,#0047b3)}
.sbc-style-37{width:100px;height:100px;background:linear-gradient(135deg,#198754,#0f5132)}
.sbc-style-38{width:100px;height:100px;background:linear-gradient(135deg,#fd7e14,#c45500)}
.sbc-style-39{width:100px;height:100px;background:linear-gradient(135deg,#6f42c1,#432874)}
.sbc-style-40{width:100px;height:100px;background:linear-gradient(135deg,#dc3545,#842029)}
.sbc-style-41{width:100px;height:100px;background:linear-gradient(135deg,#20c997,#0f766e)}
.sbc-style-42{width:100px;height:100px;background:linear-gradient(135deg,#0dcaf0,#055160)}
.sbc-style-43{width:100px;height:100px;background:linear-gradient(135deg,#ffc107,#b45309)}
.sbc-style-44{width:110px;height:110px;background:linear-gradient(135deg,#20c997,#0f766e)}
.sbc-style-45{width:110px;height:110px;background:linear-gradient(135deg,#ffc107,#b45309)}

/* ===== 10/10 production refinements ===== */
.sbc-course-page main > .container-fluid:not(.page-header){
    content-visibility:auto;
    contain-intrinsic-size:1px 900px;
}
.sbc-company-disclaimer,
.sbc-feedback-disclaimer{
    max-width:900px;
    margin:0 auto 1.5rem;
    padding:14px 16px;
    border:1px solid #d8e5f2;
    border-left:4px solid #0d6efd;
    border-radius:12px;
    background:#f8fbff;
    color:#475467;
    font-size:.92rem;
    line-height:1.6;
}
.sbc-course-page .back-to-top{
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:opacity .2s ease, transform .2s ease, visibility .2s;
}
.sbc-course-page .back-to-top.is-visible{
    opacity:1;
    visibility:visible;
    transform:none;
}
.sbc-course-page .table-responsive{
    scrollbar-width:thin;
}
.sbc-course-page .table-responsive:focus{
    outline:3px solid #ffbf47;
    outline-offset:3px;
}
.sbc-course-page img{
    height:auto;
}
.sbc-course-page .sbc-authority-card,
.sbc-course-page .module-box,
.sbc-course-page .feature-box,
.sbc-course-page .highlight-card{
    overflow-wrap:anywhere;
}
@media(max-width:991.98px){
    .sbc-course-page{padding-bottom:78px}
    .sbc-course-page .back-to-top{right:16px;bottom:92px}
    .sbc-course-page .page-header{padding-bottom:120px!important}
    .sbc-course-page .sbc-hero-actions{margin-bottom:20px}
}
@media(max-width:575.98px){
    .sbc-course-page .sbc-hero-actions .btn{
        width:100%;
        margin:0 0 10px!important;
    }
    .sbc-course-page .page-header h1{
        font-size:clamp(2rem,10vw,2.65rem);
    }
}

/* Compact mobile hero proof grid */
@media(max-width:575.98px){
    .sbc-course-page .sbc-hero-proof{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        width:100%;
    }
    .sbc-course-page .sbc-hero-proof span{
        justify-content:center;
        min-width:0;
        padding:9px 7px;
        font-size:.75rem;
        line-height:1.25;
        text-align:center;
    }
    .sbc-course-page .page-header .fs-5{
        font-size:1rem!important;
        line-height:1.55;
    }
    .sbc-course-page .page-header .fs-6{
        font-size:.92rem!important;
    }
}