*{
    font-family: "Poppins", sans-serif; 
}

/* ================================
   SAP QUICK FACTS
================================ */

.sap-quick-facts {
    padding-top: 40px !important;
    padding-bottom: 60px !important;
}
/* SAP Intro Top Spacing */
.sap-intro-section {
    padding-top: 35px;
   font-family: "Montserrat", sans-serif;
     font-weight: 400;
}
.sap-cta-buttons {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.sap-main-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    background: #ff6b00;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    transition: .3s;
}

.sap-main-cta:hover {
    background: #111827;
    color: #fff;
}
.sap-intro-section .sec-title__tagline {
    margin-top: 10px;
     font-family: "Montserrat", sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

.sap-intro-section .sec-title__title {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    letter-spacing: -0.5px;
}


.sap-intro-section p {
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9;
    letter-spacing: 0.1px;
    color: #5f6b7a;
}
.sap-intro-section .sap-main-cta {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}
.sap-fact-card {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 25px 20px;
    margin-bottom: 25px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    height: calc(100% - 25px);
}

.sap-fact-icon {
    min-width: 55px;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0d1028;
    border-radius: 50%;
    color: #fff;
    font-size: 22px;
}

.sap-fact-card h4 {
    margin: 0 0 7px;
    font-size: 18px;
}

.sap-fact-card p {
    margin: 0;
    line-height: 1.6;
    font-size: 14px;
}


/* ================================
   MOBILE
================================ */
/* =========================================================
   SAP QUICK FACTS
   DESKTOP = EXISTING DESIGN
   MOBILE = COMPLETELY DIFFERENT TIMELINE DESIGN
========================================================= */


/* =========================================================
   MOBILE TIMELINE
========================================================= */

@media (max-width: 575px) {

    /* SECTION */

    .sap-quick-facts {
        position: relative;
        padding: 45px 0 55px !important;
        background: #f7f9fc;
        overflow: hidden;
    }


    /* CONTAINER */

    .sap-quick-facts .container {
        width: 100%;
        max-width: 100%;
        padding-left: 14px;
        padding-right: 14px;
    }


    /* ROW */

    .sap-quick-facts .row {
        position: relative;

        display: flex;
        flex-direction: column;

        gap: 18px;

        margin: 0;
        padding: 5px 0;
    }


    /* =====================================================
       CENTRAL TIMELINE
    ===================================================== */

    .sap-quick-facts .row::before {
        content: "";

        position: absolute;

        top: 5px;
        bottom: 5px;
        left: 50%;

        width: 2px;

        background:
            linear-gradient(
                to bottom,
                #1677d2,
                #ff7a18,
                #12a150,
                #7f56d9,
                #e11d48,
                #1683e8
            );

        transform: translateX(-50%);

        opacity: .35;

        z-index: 0;
    }


    /* =====================================================
       BOOTSTRAP COLUMN
    ===================================================== */

    .sap-quick-facts .row > div {
        position: relative;

        width: 100%;
        max-width: 100%;

        padding: 0 !important;
        margin: 0;

        z-index: 2;
    }


    /* =====================================================
       CARD
    ===================================================== */

    .sap-fact-card {
        position: relative;

        display: flex;
        align-items: center;

        width: 82%;
        min-height: 92px;
        height: auto;

        margin: 0 !important;
        padding: 14px 16px;

        gap: 13px;

        background: #ffffff;

        border: 1px solid #e8edf3;
        border-radius: 22px;

        box-sizing: border-box;

        box-shadow:
            0 8px 25px rgba(15, 23, 42, .07);

        transition:
            transform .25s ease,
            box-shadow .25s ease;
    }


    /* =====================================================
       ALTERNATING LEFT / RIGHT
    ===================================================== */

    .sap-quick-facts .row > div:nth-child(odd) .sap-fact-card {
        margin-right: auto !important;
        border-top-left-radius: 6px;
    }

    .sap-quick-facts .row > div:nth-child(even) .sap-fact-card {
        margin-left: auto !important;
        border-top-right-radius: 6px;
    }


    /* =====================================================
       NUMBER
    ===================================================== */

    .sap-fact-card::before {
        content: "";

        position: absolute;

        top: -9px;

        width: 30px;
        height: 30px;

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

        border-radius: 50%;

        background: #ffffff;

        border: 3px solid #1677d2;

        color: #1677d2;

        font-family: "Poppins", sans-serif;
        font-size: 10px;
        font-weight: 800;

        line-height: 1;

        z-index: 5;
    }


    .sap-quick-facts .row > div:nth-child(odd)
    .sap-fact-card::before {
        right: -15px;
    }


    .sap-quick-facts .row > div:nth-child(even)
    .sap-fact-card::before {
        left: -15px;
    }


    /* NUMBER VALUES */

    .sap-quick-facts .row > div:nth-child(1)
    .sap-fact-card::before {
        content: "01";
    }

    .sap-quick-facts .row > div:nth-child(2)
    .sap-fact-card::before {
        content: "02";
    }

    .sap-quick-facts .row > div:nth-child(3)
    .sap-fact-card::before {
        content: "03";
    }

    .sap-quick-facts .row > div:nth-child(4)
    .sap-fact-card::before {
        content: "04";
    }

    .sap-quick-facts .row > div:nth-child(5)
    .sap-fact-card::before {
        content: "05";
    }

    .sap-quick-facts .row > div:nth-child(6)
    .sap-fact-card::before {
        content: "06";
    }

    .sap-quick-facts .row > div:nth-child(7)
    .sap-fact-card::before {
        content: "07";
    }

    .sap-quick-facts .row > div:nth-child(8)
    .sap-fact-card::before {
        content: "08";
    }

    .sap-quick-facts .row > div:nth-child(9)
    .sap-fact-card::before {
        content: "09";
    }


    /* =====================================================
       ICON
    ===================================================== */

    .sap-fact-icon {
        position: relative;

        flex: 0 0 52px;

        width: 52px;
        min-width: 52px;
        height: 52px;

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

        margin: 0;

        border-radius: 50%;

        background: #0d1028;

        color: #ffffff;

        font-size: 19px;

        box-shadow:
            0 5px 15px rgba(13, 16, 40, .16);
    }


    /* =====================================================
       TEXT AREA
    ===================================================== */

    .sap-fact-card > div:last-child {
        min-width: 0;
        flex: 1;
    }


    /* TITLE */

    .sap-fact-card h4 {
        margin: 0 0 4px;

        color: #172033;

        font-family: "Poppins", sans-serif;

        font-size: 15px;
        font-weight: 700;

        line-height: 1.3;
    }


    /* DESCRIPTION */

    .sap-fact-card p {
        margin: 0;

        color: #687386;

        font-family: "Poppins", sans-serif;

        font-size: 11.5px;

        line-height: 1.5;

        overflow-wrap: break-word;
    }


    /* =====================================================
       DIFFERENT CARD COLORS
    ===================================================== */

    /* 01 - BLUE */

    .sap-quick-facts .row > div:nth-child(1)
    .sap-fact-card::before {
        border-color: #1677d2;
        color: #1677d2;
    }

    .sap-quick-facts .row > div:nth-child(1)
    .sap-fact-icon {
        background: #1677d2;
    }


    /* 02 - ORANGE */

    .sap-quick-facts .row > div:nth-child(2)
    .sap-fact-card::before {
        border-color: #ff7a18;
        color: #ff7a18;
    }

    .sap-quick-facts .row > div:nth-child(2)
    .sap-fact-icon {
        background: #ff7a18;
    }


    /* 03 - GREEN */

    .sap-quick-facts .row > div:nth-child(3)
    .sap-fact-card::before {
        border-color: #12a150;
        color: #12a150;
    }

    .sap-quick-facts .row > div:nth-child(3)
    .sap-fact-icon {
        background: #12a150;
    }


    /* 04 - PURPLE */

    .sap-quick-facts .row > div:nth-child(4)
    .sap-fact-card::before {
        border-color: #7f56d9;
        color: #7f56d9;
    }

    .sap-quick-facts .row > div:nth-child(4)
    .sap-fact-icon {
        background: #7f56d9;
    }


    /* 05 - RED */

    .sap-quick-facts .row > div:nth-child(5)
    .sap-fact-card::before {
        border-color: #e11d48;
        color: #e11d48;
    }

    .sap-quick-facts .row > div:nth-child(5)
    .sap-fact-icon {
        background: #e11d48;
    }


    /* 06 - BLUE */

    .sap-quick-facts .row > div:nth-child(6)
    .sap-fact-card::before {
        border-color: #1683e8;
        color: #1683e8;
    }

    .sap-quick-facts .row > div:nth-child(6)
    .sap-fact-icon {
        background: #1683e8;
    }


    /* 07 - YELLOW */

    .sap-quick-facts .row > div:nth-child(7)
    .sap-fact-card::before {
        border-color: #d99a00;
        color: #d99a00;
    }

    .sap-quick-facts .row > div:nth-child(7)
    .sap-fact-icon {
        background: #d99a00;
    }


    /* 08 - GREEN */

    .sap-quick-facts .row > div:nth-child(8)
    .sap-fact-card::before {
        border-color: #16a85f;
        color: #16a85f;
    }

    .sap-quick-facts .row > div:nth-child(8)
    .sap-fact-icon {
        background: #16a85f;
    }


    /* 09 - PURPLE */

    .sap-quick-facts .row > div:nth-child(9)
    .sap-fact-card::before {
        border-color: #6d4bc3;
        color: #6d4bc3;
    }

    .sap-quick-facts .row > div:nth-child(9)
    .sap-fact-icon {
        background: #6d4bc3;
    }


    /* =====================================================
       HOVER
    ===================================================== */

    .sap-fact-card:hover {
        transform: translateY(-3px);

        box-shadow:
            0 12px 30px rgba(15, 23, 42, .11);
    }

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 380px) {

    .sap-quick-facts {
        padding-top: 35px !important;
        padding-bottom: 45px !important;
    }

    .sap-quick-facts .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sap-quick-facts .row {
        gap: 16px;
    }

    .sap-fact-card {
        width: 84%;
        min-height: 88px;
        padding: 12px 13px;
        gap: 11px;
    }

    .sap-fact-icon {
        flex: 0 0 46px;

        width: 46px;
        min-width: 46px;
        height: 46px;

        font-size: 17px;
    }

    .sap-fact-card h4 {
        font-size: 14px;
    }

    .sap-fact-card p {
        font-size: 10.5px;
        line-height: 1.45;
    }

    .sap-fact-card::before {
        width: 27px;
        height: 27px;

        font-size: 9px;
    }

}
/* =================================
   WHAT IS SAP
================================= */

.sap-info-section {
    padding: 70px 0;
    background-color: #bbc4cf;
    font-weight: 400;
}

.sap-info-content {
    background: #bbc4cf ;
    padding: 35px;
    border-radius: 8px;
}

.sap-info-content p {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 20px;
}

.sap-info-content p:last-child {
    margin-bottom: 0;
}


/* =================================
   MOBILE
================================= */

/* =========================================================
   WHAT IS SAP
   MODERN MOBILE DESIGN
   DESKTOP REMAINS UNCHANGED
========================================================= */

@media (max-width: 575px) {

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

    .sap-info-section {
        position: relative;

        padding: 48px 0 50px !important;

        background:
            linear-gradient(
                180deg,
                #f8fbff 0%,
                #ffffff 100%
            );

        overflow: hidden;
    }


    /* =========================================
       CONTAINER
    ========================================= */

    .sap-info-section .container {
        width: 100%;
        max-width: 100%;

        padding-left: 16px;
        padding-right: 16px;
    }


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

    .sap-info-section .sec-title {
        margin: 0 0 26px !important;

        text-align: left !important;
    }


    /* SMALL BADGE */

    .sap-info-section .sec-title__tagline {
        display: inline-flex;

        align-items: center;
        gap: 7px;

        margin: 0 0 12px !important;
        padding: 7px 12px;

        border: 1px solid #dceaff;
        border-radius: 30px;

        background: #eef6ff;

        color: #1677d2;

        font-size: 10px;

        font-weight: 700;

        letter-spacing: .7px;

        text-transform: uppercase;
    }


    .sap-info-section .sec-title__tagline::before {
        content: "";

        width: 6px;
        height: 6px;

        flex: 0 0 6px;

        border-radius: 50%;

        background: #1677d2;
    }


    /* MAIN TITLE */

    .sap-info-section .sec-title__title {
        margin: 0 !important;

        max-width: 340px;

        color: #101828 !important;

        font-size: 27px !important;

        font-weight: 800;

        line-height: 1.25 !important;

        letter-spacing: -.5px;
    }


    /* =========================================
       ROW
    ========================================= */

    .sap-info-section .row {
        margin: 0;
    }


    .sap-info-section .col-lg-12 {
        width: 100%;

        padding: 0;
    }


    /* =========================================
       CONTENT WRAPPER
    ========================================= */

    .sap-info-content {
        position: relative;

        display: flex;

        flex-direction: column;

        gap: 14px;

        padding: 0 !important;

        background: transparent !important;
    }


    /* =========================================
       CONTENT ITEM
    ========================================= */

    .sap-info-content p {
        position: relative;

        margin: 0 !important;

        padding: 20px 18px 20px 58px !important;

        background: #ffffff !important;

        border: 1px solid #e7edf5 !important;

        border-radius: 16px !important;

        color: #667085;

        font-size: 14px !important;

        line-height: 1.75 !important;

        box-shadow:
            0 6px 20px rgba(16, 24, 40, .055);

        box-sizing: border-box;

        overflow: hidden;
    }


    /* =========================================
       NUMBER CIRCLE
    ========================================= */

    .sap-info-content p::before {
        content: "01";

        position: absolute;

        top: 20px;
        left: 17px;

        width: 28px;
        height: 28px;

        display: flex;

        align-items: center;
        justify-content: center;

        border-radius: 50%;

        background: #eef6ff;

        color: #1677d2;

        font-size: 10px;

        font-weight: 800;

        line-height: 1;
    }


    /* =========================================
       FIRST CARD LABEL
    ========================================= */

    .sap-info-content p:first-child::after {
        content: "SAP BASICS";

        position: absolute;

        top: 25px;
        right: 17px;

        color: #98a2b3;

        font-size: 9px;

        font-weight: 700;

        letter-spacing: .8px;
    }


    /* =========================================
       FIRST CARD
    ========================================= */

    .sap-info-content p:first-child {
        padding-top: 58px !important;
    }


    /* =========================================
       SECOND CARD
    ========================================= */

    .sap-info-content p:nth-child(2) {
        padding-top: 58px !important;
    }


    .sap-info-content p:nth-child(2)::before {
        content: "02";

        background: #ecfdf3;

        color: #12a150;
    }


    .sap-info-content p:nth-child(2)::after {
        content: "CAREER VALUE";

        position: absolute;

        top: 25px;
        right: 17px;

        color: #98a2b3;

        font-size: 9px;

        font-weight: 700;

        letter-spacing: .8px;
    }


    /* =========================================
       STRONG TEXT
    ========================================= */

    .sap-info-content p strong {
        color: #101828;

        font-weight: 700;
    }


    /* =========================================
       HIGHLIGHT FIRST STRONG
    ========================================= */

    .sap-info-content p:first-child strong {
        color: #1677d2;
    }


    /* =========================================
       HIGHLIGHT SECOND STRONG
    ========================================= */

    .sap-info-content p:nth-child(2) strong {
        color: #12a150;
    }


    /* =========================================
       TOP ACCENT
    ========================================= */

    .sap-info-content p:first-child {
        border-top: 3px solid #1677d2 !important;
    }


    .sap-info-content p:nth-child(2) {
        border-top: 3px solid #12a150 !important;
    }


    /* =========================================
       TOUCH EFFECT
    ========================================= */

    .sap-info-content p {
        transition:
            transform .2s ease,
            box-shadow .2s ease;
    }

    .sap-info-content p:active {
        transform: scale(.985);

        box-shadow:
            0 4px 14px rgba(16, 24, 40, .08);
    }

}


/* =========================================================
   EXTRA SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .sap-info-section {
        padding: 42px 0 45px !important;
    }

    .sap-info-section .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .sap-info-section .sec-title__title {
        font-size: 24px !important;
    }

    .sap-info-content p {
        padding-left: 52px !important;
        padding-right: 14px !important;

        font-size: 13px !important;

        line-height: 1.7 !important;
    }

    .sap-info-content p:first-child,
    .sap-info-content p:nth-child(2) {
        padding-top: 54px !important;
    }

    .sap-info-content p::before {
        left: 14px;
        top: 18px;

        width: 26px;
        height: 26px;

        font-size: 9px;
    }

    .sap-info-content p:first-child::after,
    .sap-info-content p:nth-child(2)::after {
        top: 23px;
        right: 14px;

        font-size: 8px;
    }

}
@media (max-width: 575px) {
    .sap-info-section .sec-title__tagline {
        display: none !important;
    }
}
/* ==================== SAP CAREER PATHS ==================== */

.sap-career-section{
    padding:65px 0 85px;
    background:
        radial-gradient(circle at 8% 20%,rgba(220,234,255,.55),transparent 24%),
        radial-gradient(circle at 94% 82%,rgba(224,240,255,.50),transparent 25%),
        #f5f9ff;
    overflow:hidden;
}

.sap-career-heading{
    margin-bottom:38px!important;
}

.sap-career-heading .sec-title__tagline{
    margin-bottom:8px!important;
    
}

.sap-career-heading .sec-title__title{
    margin-bottom:12px!important;
}

.sap-career-subtitle{
    max-width:780px;
    margin:0 auto;
    color:#718096;
    font-size:15px;
    line-height:1.7;
}

/* MAIN VISUAL */

.sap-career-visual{
    width:100%;
    max-width:1200px;
    height:430px;
    margin:0 auto;
    position:relative;
}

/* CONNECTORS */

.sap-career-connectors{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:1;
    pointer-events:none;
}

/* COMMON CARD */

.sap-career-card{
    position:absolute;
    width:320px;
    min-height:235px;
    background:#fff;
    border-radius:18px;
    z-index:5;
    box-shadow:0 15px 40px rgba(30,52,82,.08);
    transition:transform .3s ease,box-shadow .3s ease;
}

.sap-career-card:hover{
    transform:translateY(-5px);
    box-shadow:0 22px 50px rgba(30,52,82,.12);
}

/* CARD POSITIONS */

.sap-functional-card{
    left:0;
    top:68px;
    border:1px solid #ffd1ac;
}

.sap-technical-card{
    right:0;
    top:68px;
    border:1px solid #c7e1ff;
}

/* NUMBER */

.sap-card-number{
    position:absolute;
    left:50%;
    top:-16px;
    transform:translateX(-50%);
    min-width:78px;
    height:44px;
    padding:0 20px;
    border-radius:24px;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:800;
    box-shadow:0 8px 20px rgba(30,52,82,.12);
    z-index:10;
}

.sap-orange-bg{
    background:#ff7a18;
}

.sap-blue-bg{
    background:#1683e8;
}

/* CARD CONTENT */

.sap-card-content{
    padding:31px 25px 24px;
}

.sap-card-header{
    display:flex;
    align-items:center;
    gap:13px;
}

.sap-card-icon{
    width:51px;
    height:51px;
    flex-shrink:0;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.sap-orange-light{
    background:#fff0e3;
    color:#f46d00;
}

.sap-orange-text{
    color:#f46d00;
}

.sap-blue-light{
    background:#eaf4ff;
    color:#1677d2;
}

.sap-blue-text{
    color:#1677d2;
}

.sap-green-light{
    background:#e9faef;
    color:#12a150;
}

.sap-green-text{
    color:#12a150;
}

/* KICKER */

.sap-card-kicker{
    display:block;
    font-size:10px;
    font-weight:800;
    letter-spacing:.4px;
    margin-bottom:4px;
}

/* HEADING */

.sap-card-header h3{
    margin:0;
    color:#172033;
    font-size:21px;
    line-height:1.2;
    font-weight:800;
}

/* DESCRIPTION */

.sap-card-description{
    margin:19px 0 0;
    color:#6e7d94;
    font-size:14px;
    line-height:1.75;
}

/* DIVIDER */

.sap-card-divider{
    width:100%;
    height:1px;
    background:#edf1f5;
    margin:19px 0;
}

/* META */

.sap-card-meta{
    display:grid;
    grid-template-columns:90px 1fr;
    gap:15px;
}

.sap-card-meta span,
.sap-cloud-meta span{
    display:block;
    color:#9aa5b5;
    font-size:10px;
    font-weight:600;
    margin-bottom:5px;
}

.sap-card-meta strong,
.sap-cloud-meta strong{
    display:block;
    color:#344054;
    font-size:13px;
    line-height:1.55;
    font-weight:600;
}

/* PIE */

.sap-pie-area{
    position:absolute;
    left:50%;
    top:27px;
    transform:translateX(-50%);
    width:365px;
    height:365px;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:4;
}

.sap-pie-chart{
    width:325px;
    height:325px;
    position:relative;
    border-radius:50%;
    background:conic-gradient(
        from -90deg,
        #ff7a18 0deg 116deg,
        #fff 116deg 120deg,
        #167fe8 120deg 236deg,
        #fff 236deg 240deg,
        #18aa64 240deg 356deg,
        #fff 356deg 360deg
    );
    box-shadow:0 22px 55px rgba(30,77,130,.15);
}

.sap-pie-chart:before{
    content:"";
    position:absolute;
    inset:13px;
    border-radius:50%;
    background:#fff;
}

/* PIE CENTER */

.sap-pie-center{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:116px;
    height:116px;
    border-radius:50%;
    background:#fff;
    z-index:10;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    box-shadow:0 12px 30px rgba(20,43,70,.15);
}

.sap-logo-text{
    color:#1677d2;
    font-size:23px;
    line-height:1;
    font-weight:900;
    letter-spacing:-1px;
    margin-bottom:5px;
}

.sap-pie-center strong{
    color:#172033;
    font-size:17px;
    line-height:1.1;
}

.sap-pie-center span{
    color:#768399;
    font-size:10px;
    margin-top:3px;
}

/* PIE LABELS */

.sap-pie-content{
    position:absolute;
    z-index:8;
    color:#fff;
    text-align:center;
    font-weight:800;
    text-shadow:0 2px 8px rgba(0,0,0,.20);
}

.sap-pie-content i{
    display:block;
    font-size:21px;
    margin-bottom:6px;
}

.sap-pie-content span{
    display:block;
    font-size:12px;
    line-height:1.2;
}

.sap-pie-content small{
    display:block;
    font-size:10px;
    margin-top:3px;
}

.sap-pie-functional{
    left:43px;
    top:69px;
}

.sap-pie-technical{
    right:42px;
    top:69px;
}

.sap-pie-cloud{
    left:50%;
    bottom:38px;
    transform:translateX(-50%);
}

/* CLOUD */

.sap-cloud-area{
    width:720px;
    max-width:100%;
    margin:25px auto 0;
    position:relative;
    z-index:5;
}

.sap-cloud-card{
    position:relative;
    width:100%;
    background:#fff;
    border:1px solid #c7ecd7;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(30,52,82,.08);
    transition:transform .3s ease,box-shadow .3s ease;
}

.sap-cloud-card:hover{
    transform:translateY(-5px);
    box-shadow:0 22px 50px rgba(30,52,82,.12);
}

/* CLOUD NUMBER */

.sap-cloud-number{
    position:absolute;
    left:50%;
    top:-23px;
    transform:translateX(-50%);
    width:80px;
    height:46px;
    border-radius:25px;
    background:#16a85f;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:800;
    z-index:10;
    box-shadow:0 9px 22px rgba(18,161,80,.17);
}

/* CLOUD CONNECTOR */

.sap-cloud-connector{
    position:absolute;
    left:50%;
    top:-67px;
    width:2px;
    height:44px;
    transform:translateX(-50%);
    z-index:2;
    border-left:2px dashed #12a150;
}

.cloud-top-dot,
.cloud-bottom-dot{
    position:absolute;
    left:50%;
    width:11px;
    height:11px;
    transform:translateX(-50%);
    background:#12a150;
    border-radius:50%;
    box-shadow:0 0 0 3px #fff;
}

.cloud-top-dot{
    top:-6px;
}

.cloud-bottom-dot{
    bottom:-6px;
}

/* CLOUD CONTENT */

.sap-cloud-content{
    padding:32px 30px 25px;
}

/* CLOUD META */

.sap-cloud-meta{
    display:grid;
    grid-template-columns:120px 1px 1fr;
    gap:24px;
    align-items:center;
}

.sap-cloud-divider{
    width:1px;
    height:45px;
    background:#e6edf0;
}

/* TABLET */

@media(max-width:1100px){

    .sap-career-visual{
        height:auto;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:28px;
    }

    .sap-career-connectors{
        display:none;
    }

    .sap-pie-area{
        position:relative;
        left:auto;
        top:auto;
        transform:none;
        order:1;
        margin-bottom:20px;
    }

    .sap-functional-card,
    .sap-technical-card{
        position:relative;
        left:auto;
        right:auto;
        top:auto;
        order:2;
        width:100%;
        max-width:650px;
    }

    .sap-cloud-area{
        width:100%;
        max-width:650px;
        margin:28px auto 0;
    }

    .sap-cloud-connector{
        display:none;
    }
}

/* MOBILE */
/* =========================================================
   SAP CAREER PATHS
   MOBILE - NEW EXPLORER DESIGN
   DESKTOP 100% UNCHANGED
========================================================= */

@media (max-width: 575px) {

    /* SECTION */
    .sap-career-section {
        padding: 48px 0 55px !important;
        background: #f5f7fa !important;
        overflow: hidden;
    }

    .sap-career-section .container {
        width: 100%;
        max-width: 100%;
        padding: 0 15px;
    }


    /* =====================================================
       HEADING
    ===================================================== */

    .sap-career-heading {
        margin: 0 0 27px !important;
        text-align: left !important;
    }

    /* Hide small heading */
    .sap-career-heading .sec-title__tagline {
        display: none !important;
    }

    .sap-career-heading .sec-title__title {
        margin: 0 !important;

        max-width: 350px;

        color: #101828 !important;

        font-size: 26px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;

        letter-spacing: -.6px;
    }

    .sap-career-subtitle {
        margin: 11px 0 0 !important;

        max-width: 350px;

        color: #667085;

        font-size: 13px !important;
        line-height: 1.65 !important;
    }


    /* =====================================================
       VISUAL CONTAINER
    ===================================================== */

    .sap-career-visual {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        gap: 14px !important;
    }


    /* =====================================================
       REMOVE DESKTOP DIAGRAM
    ===================================================== */

    .sap-career-connectors,
    .sap-pie-area {
        display: none !important;
    }


    /* =====================================================
       ALL CAREER CARDS
    ===================================================== */

    .sap-career-card,
    .sap-cloud-card {

        position: relative !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        transform: none !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;

        border: 0 !important;

        border-radius: 20px !important;

        background: #ffffff !important;

        box-shadow:
            0 5px 22px rgba(16, 24, 40, .055);

        overflow: hidden !important;
    }


    /* =====================================================
       CARD TOP ACCENT
    ===================================================== */

    .sap-career-card::before,
    .sap-cloud-card::before {

        content: "";

        position: absolute;

        top: 0;
        left: 0;

        width: 100%;
        height: 4px;

        border-radius: 20px 20px 0 0;
    }


    .sap-functional-card::before {
        background: #ff6b00;
    }

    .sap-technical-card::before {
        background: #1677d2;
    }

    .sap-cloud-card::before {
        background: #12a150;
    }


    /* =====================================================
       CARD CONTENT
    ===================================================== */

    .sap-card-content,
    .sap-cloud-content {

        padding: 23px 19px 20px !important;
    }


    /* =====================================================
       NUMBER + ICON ROW
    ===================================================== */

    .sap-card-header {

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

        gap: 12px !important;

        margin: 0 0 19px !important;

        padding: 0 !important;
    }


    /* NUMBER */

    .sap-card-number,
    .sap-cloud-number {

        position: static !important;

        order: -1;

        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;

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

        border-radius: 11px !important;

        font-size: 10px !important;
        font-weight: 800 !important;

        background: #f2f4f7 !important;
        color: #667085 !important;
    }


    .sap-functional-card .sap-card-number {
        background: #fff2e8 !important;
        color: #ff6b00 !important;
    }

    .sap-technical-card .sap-card-number {
        background: #edf5ff !important;
        color: #1677d2 !important;
    }

    .sap-cloud-card .sap-cloud-number {
        background: #ecfdf3 !important;
        color: #12a150 !important;
    }


    /* ICON */

    .sap-card-icon {

        width: 44px !important;
        height: 44px !important;

        min-width: 44px !important;

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

        border-radius: 13px !important;
    }

    .sap-card-icon i {
        font-size: 17px !important;
    }


    /* =====================================================
       TITLE AREA
    ===================================================== */

    .sap-card-kicker {

        display: block;

        margin-bottom: 3px !important;

        font-size: 8px !important;

        line-height: 1;

        font-weight: 800;

        letter-spacing: 1px;

        text-transform: uppercase;
    }


    .sap-card-header h3 {

        margin: 0 !important;

        color: #101828 !important;

        font-size: 18px !important;

        line-height: 1.25 !important;

        font-weight: 800 !important;
    }


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

    .sap-card-description {

        margin: 0 0 19px !important;

        padding: 0 !important;

        color: #667085 !important;

        font-size: 13px !important;

        line-height: 1.7 !important;
    }


    /* =====================================================
       DIVIDER
    ===================================================== */

    .sap-card-divider {

        height: 1px !important;

        margin: 0 0 17px !important;

        background: #edf0f4 !important;
    }


    /* =====================================================
       INFORMATION GRID
    ===================================================== */

    .sap-card-meta,
    .sap-cloud-meta {

        display: grid !important;

        grid-template-columns: 1fr 1.7fr !important;

        gap: 10px !important;

        margin: 0 !important;
    }


    .sap-card-meta > div,
    .sap-cloud-meta > div {

        min-width: 0;
    }


    .sap-card-meta span,
    .sap-cloud-meta span {

        display: block;

        margin-bottom: 5px !important;

        color: #98a2b3 !important;

        font-size: 8px !important;

        line-height: 1.2;

        font-weight: 800;

        text-transform: uppercase;

        letter-spacing: .6px;
    }


    .sap-card-meta strong,
    .sap-cloud-meta strong {

        display: block;

        color: #344054 !important;

        font-size: 11px !important;

        line-height: 1.5 !important;

        font-weight: 700 !important;

        word-break: normal;
    }


    /* =====================================================
       CLOUD
    ===================================================== */

    .sap-cloud-area {

        width: 100% !important;

        height: auto !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    .sap-cloud-connector {
        display: none !important;
    }


    .sap-cloud-card {
        position: relative !important;
    }


    .sap-cloud-meta {

        grid-template-columns: 1fr 1.7fr !important;
    }


    .sap-cloud-divider {
        display: none !important;
    }


    /* =====================================================
       HOVER / TOUCH
    ===================================================== */

    .sap-career-card:active,
    .sap-cloud-card:active {

        transform: translateY(1px) !important;

        box-shadow:
            0 3px 14px rgba(16, 24, 40, .08);
    }
}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 380px) {

    .sap-career-section {
        padding: 40px 0 48px !important;
    }

    .sap-career-section .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .sap-career-heading .sec-title__title {
        font-size: 24px !important;
    }

    .sap-career-subtitle {
        font-size: 12px !important;
    }

    .sap-card-content,
    .sap-cloud-content {
        padding: 20px 16px 18px !important;
    }

    .sap-card-header h3 {
        font-size: 16px !important;
    }

    .sap-card-description {
        font-size: 12px !important;
    }

    .sap-card-meta,
    .sap-cloud-meta {
        grid-template-columns: 85px 1fr !important;
    }
}
/* =========================================
   SAP MODULE CHOOSER
========================================= */

.sap-module-chooser{
    padding:60px 0;
    background-color: #ffffff;
}

.sap-module-grid{
    margin-top:35px;
}

.sap-module-col{
    margin-bottom:24px;
}

.sap-module-card{
    height:100%;
    display:flex;
    align-items:center;
    gap:20px;
    padding:22px 18px;
    border:1px solid #e6e6e6;
    border-radius:6px;
    background:#fff;
}

.sap-module-icon-box{
    min-width:115px;
    width:115px;
    height:150px;
    border-radius:5px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.sap-module-blue{
    background:#eef7ff;
}

.sap-module-orange{
    background:#fff4ec;
}

.sap-module-green{
    background:#effaf1;
}

.sap-module-pink{
    background:#fff0f5;
}

.sap-module-purple{
    background:#f6efff;
}

.sap-module-yellow{
    background:#fff9e8;
}

.sap-module-number{
    font-size:20px;
    color:#0d1028;
}

.sap-module-icon{
    font-size:38px;
    margin-top:18px;
}

.sap-module-orange .sap-module-number,
.sap-module-orange .sap-module-icon{
    color:#c84a12;
}

.sap-module-green .sap-module-number,
.sap-module-green .sap-module-icon{
    color:#15803d;
}

.sap-module-pink .sap-module-number,
.sap-module-pink .sap-module-icon{
    color:#c2185b;
}

.sap-module-purple .sap-module-number,
.sap-module-purple .sap-module-icon{
    color:#7b2cbf;
}

.sap-module-blue .sap-module-number,
.sap-module-blue .sap-module-icon{
    color:#1473e6;
}

.sap-module-yellow .sap-module-number,
.sap-module-yellow .sap-module-icon{
    color:#c98200;
}

.sap-module-title{
    font-size:18px;
    line-height:1.35;
    margin:0 0 14px;
}

.sap-module-text{
    margin:0;
    font-size:14px;
    line-height:1.6;
}

.sap-module-start{
    margin-bottom:8px;
}

.sap-module-start-text{
    font-weight:600;
}

.sap-module-counselling{
    text-align:center;
    margin-top:15px;
}

@media (max-width: 575px) {

    .sap-module-card {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 15px;
        margin-bottom: 14px;
    }

    .sap-module-icon-box {
        flex: 0 0 68px;
        width: 68px;
        min-width: 68px;
        height: 82px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .sap-module-number {
        font-size: 10px;
        margin-bottom: 5px;
    }

    .sap-module-icon {
        font-size: 23px;
    }

    .sap-module-title {
        font-size: 15px;
        line-height: 1.3;
        margin: 0 0 7px;
    }

    .sap-module-text {
        font-size: 12px;
        line-height: 1.45;
        margin: 0 0 5px;
    }

    .sap-module-start-text {
        font-size: 12px;
    }

}

/* ==============================
   SAP COURSE FEES
============================== */

#sap-fees{
    padding:70px 0;
    background:#080808;
}

#sap-fees .sec-title{
    margin-bottom:35px;
}

#sap-fees .sec-sub-title span{
    color:#e85d04;
}

#sap-fees .sec-title h2{
    margin-bottom:15px;
}

#sap-fees .fees-intro{
    max-width:850px;
    margin:0 auto;
    color:#666;
    line-height:1.8;
}

/* TABLE */

.sap-fees-table{
    width:100%;
    overflow-x:auto;
    border:1px solid #e8e8e8;
    border-radius:8px;
    background:#030303;
}

.sap-fees-table table{
    width:100%;
    min-width:950px;
    border-collapse:collapse;
    margin:0;
    
}

/* SAP FEES SECTION */
#sap-fees {
    background: #050505;
    color: #ffffff;
}

/* Section subtitle */
#sap-fees .sec-sub-title span {
    color: #ff6b00;
    font-weight: 700;
}

/* Main heading */
#sap-fees .sec-title h2 {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

/* Intro paragraph */
#sap-fees .fees-intro {
    color: #ff6b00 ;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

/* Table */
#sap-fees table {
    color: #d0d0d0;
}

/* Table heading */
#sap-fees thead th {
    color: #222222;
    background: #f5f6f8;
}

/* Table normal text */
#sap-fees tbody td {
    color: #bdbdbd;
}

/* Course names */
#sap-fees tbody td strong {
    color: #ff6b00;
    font-weight: 700;
}

/* Combo fee */
#sap-fees tbody td strong:last-child {
    color: #ff6b00;
}

/* Table borders */
#sap-fees tbody tr {
    border-bottom: 1px solid #777;
}

/* EMI note */
#sap-fees .sap-fees-note {
    color: #555555;
    background: #ffffff;
}

#sap-fees .sap-fees-note strong {
    color: #222222;
}

/* Button */
#sap-fees .header-button {
    color: #ffffff;
}
.sap-fees-table th{
    padding:18px 20px;
    text-align:left;
    font-size:15px;
    font-weight:600;
    color:#bdbcbc;
    background:#f7f8fa;
    border-bottom:1px solid #e5e5e5;
}

.sap-fees-table td{
    padding:18px 20px;
    border-bottom:1px solid #eee;
    color:#555;
    line-height:1.6;
}

.sap-fees-table tbody tr:last-child td{
    border-bottom:0;
}

.sap-fees-table td strong{
    color:#222;
}

.sap-fees-table td strong:last-child{
    display:inline-block;
    margin-top:4px;
    color:#e85d04;
}

/* EMI NOTE */

.sap-fees-note{
    margin-top:22px;
    padding:18px 20px;
    border-left:3px solid #e85d04;
    background:#fafafa;
    color:#555;
    line-height:1.7;
}

.sap-fees-note strong{
    color:#222;
}

/* CTA */

.sap-fees-cta{
    margin-top:30px;
}

/* MOBILE */

@media(max-width:767px){

    #sap-fees{
        padding:50px 0;
    }

    #sap-fees .sec-title h2{
        font-size:26px;
    }

    #sap-fees .fees-intro{
        font-size:14px;
    }

    .sap-fees-table{
        border-radius:6px;
    }

    .sap-fees-table th,
    .sap-fees-table td{
        padding:14px 15px;
        font-size:14px;
    }

    .sap-fees-note{
        font-size:14px;
    }

}

/* ==============================
   SAP CERTIFICATION
============================== */

#sap-certification{
    padding:80px 0;
    background:#fff;
}

/* SECTION HEADING */

.sap-cert-heading{
    margin-bottom:50px;
}

.sap-cert-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 15px;
    margin-bottom:15px;
    background:#fff4ec;
    color:#e85d04;
    border-radius:30px;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.sap-cert-heading h2{
    margin:0 0 15px;
    color:#101828;
    font-size:38px;
    font-weight:700;
}

.sap-cert-heading p{
    max-width:850px;
    margin:0 auto;
    color:#667085;
    font-size:16px;
    line-height:1.8;
}

/* CERTIFICATE CARDS */

.sap-cert-card{
    height:100%;
    padding:35px;
    border-radius:18px;
}

.sap-cert-course{
    background:#f0f8ff;
    border:1px solid #d8eaff;
}

.sap-cert-official{
    background:#fff7ed;
    border:1px solid #fed7aa;
}

.sap-cert-icon{
    width:55px;
    height:55px;
    margin-bottom:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    color:#fff;
    font-size:22px;
}

.sap-cert-course .sap-cert-icon{
    background:#1473e6;
}

.sap-cert-official .sap-cert-icon{
    background:#e85d04;
}

.sap-cert-label{
    margin-bottom:8px;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.sap-cert-course .sap-cert-label{
    color:#1473e6;
}

.sap-cert-official .sap-cert-label{
    color:#e85d04;
}

.sap-cert-card h3{
    margin:0 0 15px;
    color:#101828;
    font-size:24px;
}

.sap-cert-card p{
    margin:0;
    color:#667085;
    line-height:1.8;
}

.sap-cert-note{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:25px;
    padding-top:20px;
    font-weight:600;
}

.sap-cert-course .sap-cert-note{
    border-top:1px solid #d8eaff;
    color:#1473e6;
}

.sap-cert-official .sap-cert-note{
    border-top:1px solid #fed7aa;
    color:#e85d04;
}

/* EXAM INFORMATION */

.sap-exam-info{
    margin-top:30px;
    padding:30px 35px;
    background:#101828;
    border-radius:18px;
}

.sap-exam-content{
    display:flex;
    align-items:flex-start;
    gap:18px;
}

.sap-exam-icon{
    width:48px;
    height:48px;
    min-width:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:rgba(245,158,11,.15);
    color:#f59e0b;
    font-size:19px;
}

.sap-exam-content h4{
    margin:0 0 8px;
    color:#fff;
    font-size:20px;
}

.sap-exam-content p{
    margin:0;
    color:#cbd5e1;
    line-height:1.8;
}

/* EXAM FEE */

.sap-exam-fee{
    padding:20px 25px;
    text-align:center;
    background:#182235;
    border:1px solid #344054;
    border-radius:14px;
}

.sap-exam-fee-label{
    margin-bottom:6px;
    color:#98a2b3;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
}

.sap-exam-fee-price{
    color:#f59e0b;
    font-size:25px;
    font-weight:700;
}

.sap-exam-fee-note{
    margin-top:5px;
    color:#98a2b3;
    font-size:13px;
}

/* MOBILE */

@media(max-width:767px){

    #sap-certification{
        padding:55px 0;
    }

    .sap-cert-heading{
        margin-bottom:35px;
    }

    .sap-cert-heading h2{
        font-size:28px;
    }

    .sap-cert-heading p{
        font-size:14px;
    }

    .sap-cert-card{
        padding:25px;
    }

    .sap-cert-card h3{
        font-size:21px;
    }

    .sap-exam-info{
        padding:25px 20px;
    }

    .sap-exam-content{
        margin-bottom:25px;
    }

    .sap-exam-content h4{
        font-size:18px;
    }

}
/* ==============================
   SAP PROCESS
============================== */

#sap-process{
    padding:90px 0;
    background:#fff;
    overflow:hidden;
}

/* HEADER */

.sap-process-header{
    max-width:720px;
    margin:0 auto 65px;
    text-align:center;
}

.sap-process-badge{
    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    background:#f3f4f6;
    color:#4f46e5;
    font-size:12px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.sap-process-header h2{
    margin:18px 0 12px;
    color:#111827;
    font-size:42px;
    font-weight:800;
    line-height:1.2;
}

.sap-process-header p{
    margin:0;
    color:#64748b;
    font-size:16px;
    line-height:1.8;
}

/* PROCESS */

.sap-process-wrapper{
    position:relative;
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:18px;
    max-width:1200px;
    margin:auto;
}

/* CONNECTING LINE */

.sap-process-line{
    position:absolute;
    top:34px;
    left:6%;
    right:6%;
    height:3px;
    background:#111;
    z-index:0;
}

/* STEP */

.sap-process-step{
    position:relative;
    z-index:2;
    text-align:center;
}

/* NUMBER CIRCLE */

.sap-process-circle{
    position:relative;
    width:68px;
    height:68px;
    margin:0 auto 25px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:16px;
    font-weight:800;
    background:#fff;
    border:5px solid #fff;
    box-shadow:
        0 0 0 2px currentColor,
        0 10px 25px rgba(15,23,42,.08);
    transition:all .3s ease;
}

.sap-process-step:hover .sap-process-circle{
    transform:translateY(-7px) scale(1.05);
}

/* COLORS */

.step-blue{
    color:#2563eb;
    background:#eff6ff;
}

.step-orange{
    color:#ea580c;
    background:#fff7ed;
}

.step-green{
    color:#16a34a;
    background:#f0fdf4;
}

.step-pink{
    color:#db2777;
    background:#fdf2f8;
}

.step-purple{
    color:#9333ea;
    background:#faf5ff;
}

.step-yellow{
    color:#ca8a04;
    background:#fffbeb;
}

.step-dark{
    color:#475569;
    background:#f1f5f9;
}

/* CONTENT */

.sap-process-info{
    padding:0 5px;
}

.sap-process-info small{
    display:block;
    margin-bottom:8px;
    color:#94a3b8;
    font-size:9px;
    font-weight:800;
    letter-spacing:1.2px;
}

.sap-process-info h3{
    margin:0 0 10px;
    color:#111827;
    font-size:17px;
    font-weight:800;
    line-height:1.3;
}

.sap-process-info p{
    margin:0;
    color:#64748b;
    font-size:12px;
    line-height:1.65;
}

/* CTA */

.sap-process-cta{
    margin-top:55px;
    text-align:center;
}

.sap-process-cta a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 25px;
    background:#111827;
    color:#fff;
    border-radius:10px;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    transition:.3s;
}

.sap-process-cta a span{
    font-size:18px;
}

.sap-process-cta a:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(15,23,42,.12);
}

/* TABLET */

@media(max-width:991px){

    .sap-process-wrapper{
        grid-template-columns:repeat(4,1fr);
        row-gap:50px;
    }

    .sap-process-line{
        display:none;
    }

}

/* MOBILE */

@media(max-width:767px){

    #sap-process{
        padding:65px 15px;
    }

    .sap-process-header h2{
        font-size:30px;
    }

    .sap-process-wrapper{
        display:flex;
        flex-direction:column;
        gap:0;
    }

    .sap-process-step{
        display:flex;
        align-items:flex-start;
        text-align:left;
        gap:18px;
        padding:0 0 35px;
    }

    .sap-process-circle{
        flex-shrink:0;
        width:58px;
        height:58px;
        margin:0;
        font-size:14px;
    }

    .sap-process-info{
        padding-top:5px;
    }

    .sap-process-info h3{
        font-size:18px;
    }

    .sap-process-info p{
        max-width:450px;
        font-size:13px;
    }

}

/* SMALL MOBILE */

@media(max-width:480px){

    #sap-process{
        padding:55px 12px;
    }

    .sap-process-header h2{
        font-size:26px;
    }

    .sap-process-header p{
        font-size:14px;
    }

    .sap-process-step{
        gap:14px;
        padding-bottom:28px;
    }

    .sap-process-circle{
        width:52px;
        height:52px;
        font-size:13px;
    }

    .sap-process-info h3{
        font-size:17px;
    }

    .sap-process-info p{
        font-size:12px;
    }

    .sap-process-cta a{
        padding:13px 20px;
    }

}
/* ==============================
   WHY REFINEMENT
============================== */

#why-refinement{
    padding:90px 0;
    background:#fff;
    overflow:hidden;
}

/* HEADER */

.why-refinement-header{
    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
}

.why-refinement-header > span{
    display:inline-block;
    padding:8px 18px;
    margin-bottom:16px;
    border-radius:30px;
    background:#eef4ff;
    color:#2563eb;
    font-size:12px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.why-refinement-header h2{
    margin:0 0 16px;
    color:#111827;
    font-size:40px;
    line-height:1.2;
    font-weight:800;
}

.why-refinement-header p{
    margin:0;
    color:#64748b;
    font-size:16px;
    line-height:1.8;
}

/* GRID */

.why-refinement-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    max-width:1150px;
    margin:0 auto;
}

/* CARD */

.why-refinement-card{
    position:relative;
    min-height:270px;
    padding:30px;
    border-radius:20px;
    border:1px solid;
    overflow:hidden;
    transition:transform .3s ease,box-shadow .3s ease;
}

.why-refinement-card:hover{
    transform:translateY(-7px);
    box-shadow:0 18px 45px rgba(15,23,42,.09);
}

/* ICON */

.why-icon{
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
    border-radius:15px;
    font-size:21px;
}

/* NUMBER */

.why-number{
    position:absolute;
    top:25px;
    right:25px;
    font-size:12px;
    font-weight:800;
    opacity:.45;
}

/* TITLE */

.why-refinement-card h3{
    margin:0 0 12px;
    color:#111827;
    font-size:20px;
    line-height:1.35;
    font-weight:800;
}

/* TEXT */

.why-refinement-card p{
    margin:0;
    color:#64748b;
    font-size:14px;
    line-height:1.75;
}

/* BLUE */

.card-blue{
    background:#f5f9ff;
    border-color:#dbeafe;
    color:#2563eb;
}

.card-blue .why-icon{
    background:#dbeafe;
    color:#2563eb;
}

/* ORANGE */

.card-orange{
    background:#fff8f2;
    border-color:#fed7aa;
    color:#ea580c;
}

.card-orange .why-icon{
    background:#ffedd5;
    color:#ea580c;
}

/* GREEN */

.card-green{
    background:#f4fcf6;
    border-color:#bbf7d0;
    color:#16a34a;
}

.card-green .why-icon{
    background:#dcfce7;
    color:#16a34a;
}

/* PURPLE */

.card-purple{
    background:#faf7ff;
    border-color:#e9d5ff;
    color:#9333ea;
}

.card-purple .why-icon{
    background:#f3e8ff;
    color:#9333ea;
}

/* PINK */

.card-pink{
    background:#fff7fb;
    border-color:#fbcfe8;
    color:#db2777;
}

.card-pink .why-icon{
    background:#fce7f3;
    color:#db2777;
}

/* YELLOW */

.card-yellow{
    background:#fffdf3;
    border-color:#fde68a;
    color:#ca8a04;
}

.card-yellow .why-icon{
    background:#fef3c7;
    color:#ca8a04;
}

/* BOTTOM HIGHLIGHT */

.why-refinement-bottom{
    max-width:1150px;
    margin:30px auto 0;
    padding:22px 25px;
    display:flex;
    align-items:center;
    gap:16px;
    border:1px solid #e2e8f0;
    border-radius:16px;
    background:#f8fafc;
}

.why-bottom-icon{
    flex-shrink:0;
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#dcfce7;
    color:#16a34a;
    font-size:18px;
}

.why-refinement-bottom strong{
    display:block;
    margin-bottom:3px;
    color:#111827;
    font-size:15px;
    font-weight:800;
}

.why-refinement-bottom span{
    display:block;
    color:#64748b;
    font-size:13px;
    line-height:1.6;
}

/* TABLET */

@media(max-width:991px){

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

}

/* MOBILE */

@media(max-width:767px){

    #why-refinement{
        padding:65px 15px;
    }

    .why-refinement-header h2{
        font-size:30px;
    }

    .why-refinement-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .why-refinement-card{
        min-height:auto;
        padding:25px;
    }

    .why-refinement-card h3{
        font-size:18px;
    }

    .why-refinement-bottom{
        align-items:flex-start;
        padding:20px;
    }

}

/* SMALL MOBILE */

@media(max-width:480px){

    .why-refinement-header h2{
        font-size:26px;
    }

    .why-refinement-card{
        border-radius:16px;
    }

    .why-icon{
        width:48px;
        height:48px;
        margin-bottom:20px;
    }

}

/* ==================== SAP STUDENT REVIEWS ==================== */

#sap-reviews {
    padding: 90px 0;
    background: #f7f9fc;
}

.sap-reviews-header {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.sap-reviews-badge {
    display: inline-block;
    padding: 8px 16px;
    margin-bottom: 15px;
    border-radius: 30px;
    background: #eef6ff;
    color: #1677d2;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
}

.sap-reviews-header h2 {
    margin: 0 0 15px;
    color: #101828;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 800;
}

.sap-reviews-header p {
    margin: 0;
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

.sap-reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.sap-review-card {
    padding: 28px;
    background: #fff;
    border: 1px solid #e6eaf0;
    border-radius: 18px;
    box-shadow: 0 8px 30px rgba(16,24,40,.05);
}

.sap-review-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.sap-rating {
    color: #f5a623;
    font-size: 18px;
    letter-spacing: 2px;
}

.sap-quote {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 15px;
}

.sap-blue {
    background: #eef6ff;
    color: #1677d2;
}

.sap-orange {
    background: #fff4ed;
    color: #f97316;
}

.sap-green {
    background: #ecfdf3;
    color: #12b76a;
}

.sap-purple {
    background: #f5f3ff;
    color: #7f56d9;
}

.sap-red {
    background: #fff1f3;
    color: #e11d48;
}

.sap-yellow {
    background: #fff8e7;
    color: #d99a00;
}

.sap-review-text {
    margin: 0 0 25px;
    color: #344054;
    font-size: 15px;
    line-height: 1.8;
}

.sap-student-info {
    padding-top: 18px;
    border-top: 1px solid #edf0f4;
}

.sap-student-info strong,
.sap-student-info span {
    display: block;
}

.sap-student-info strong {
    margin-bottom: 5px;
    color: #101828;
    font-size: 16px;
}

.sap-student-info > span:not(.sap-role) {
    margin-bottom: 4px;
    color: #667085;
    font-size: 13px;
}

.sap-role {
    font-size: 13px;
    font-weight: 600;
}

.sap-blue-text {
    color: #1677d2;
}

.sap-orange-text {
    color: #f97316;
}

.sap-green-text {
    color: #12b76a;
}

.sap-purple-text {
    color: #7f56d9;
}

.sap-red-text {
    color: #e11d48;
}

.sap-yellow-text {
    color: #d99a00;
}

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

@media (max-width: 991px) {
    .sap-reviews-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    #sap-reviews {
        padding: 65px 0;
    }

    .sap-reviews-header h2 {
        font-size: 30px;
    }

    .sap-reviews-grid {
        grid-template-columns: 1fr;
    }

    .sap-review-card {
        padding: 24px;
    }
}

/* ==================== SAP LOCATION ==================== */

#sap-location {
    padding: 90px 0;
    background: #080d18;
}

.sap-location-grid {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 55px;
    align-items: center;
}

.sap-location-badge {
    display: inline-block;
    padding: 8px 16px;
    margin-bottom: 18px;
    border: 1px solid #263957;
    border-radius: 30px;
    color: #65b5ff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
}

#sap-location h2 {
    margin: 0 0 20px;
    color: #fff;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 800;
}

.sap-location-text {
    margin: 0 0 30px;
    color: #aab7ca;
    font-size: 16px;
    line-height: 1.85;
}

.sap-location-text strong {
    color: #fff;
}

.sap-location-info {
    display: flex;
    gap: 15px;
    padding: 18px;
    margin-bottom: 14px;
    background: #101827;
    border: 1px solid #1d2b40;
    border-radius: 14px;
}

.sap-location-icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.sap-address-icon {
    background: #142b46;
    color: #4da3ff;
}

.sap-time-icon {
    background: #193126;
    color: #43d17a;
}

.sap-location-info strong,
.sap-location-info span {
    display: block;
}

.sap-location-info strong {
    margin-bottom: 5px;
    color: #fff;
    font-size: 15px;
}

.sap-location-info span {
    color: #91a0b5;
    font-size: 14px;
    line-height: 1.7;
}

.sap-online-note {
    margin-top: 20px;
    padding: 16px 18px;
    border-left: 3px solid #b875ff;
    border-radius: 0 10px 10px 0;
    background: #151126;
    color: #c8bde0;
    font-size: 14px;
    line-height: 1.7;
}

.sap-online-note i {
    margin-right: 8px;
    color: #b875ff;
}

.sap-online-note strong {
    color: #fff;
}

.sap-map {
    padding: 10px;
    overflow: hidden;
    background: #101827;
    border: 1px solid #263957;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0,0,0,.25);
}

.sap-map iframe {
    display: block;
    width: 100%;
    height: 480px;
    border: 0;
    border-radius: 14px;
}

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

@media (max-width: 991px) {
    #sap-location {
        padding: 70px 0;
    }

    .sap-location-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }
}

@media (max-width: 575px) {
    #sap-location {
        padding: 60px 0;
    }

    #sap-location h2 {
        font-size: 30px;
    }

    .sap-map iframe {
        height: 380px;
    }
}

/* ==================== FINAL SAP CTA ==================== */

#sap-final-cta {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background: #f3f8fd;
}

.sap-cta-bg {
    position: absolute;
    border-radius: 50%;
    filter: blur(30px);
    pointer-events: none;
}

.sap-cta-bg-1 {
    width: 400px;
    height: 400px;
    top: -220px;
    left: -150px;
    background: rgba(77,163,255,.10);
}

.sap-cta-bg-2 {
    width: 350px;
    height: 350px;
    right: -100px;
    bottom: -220px;
    background: rgba(184,117,255,.08);
}

.sap-final-box {
    position: relative;
    max-width: 950px;
    margin: auto;
    padding: 60px 45px;
    text-align: center;
    background: #fff;
    border: 1px solid #dce8f3;
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(16,24,40,.08);
}

.sap-final-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    margin-bottom: 20px;
    border: 1px solid #d5eaff;
    border-radius: 30px;
    background: #eef6ff;
    color: #1677d2;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
}

.sap-final-box h2 {
    margin: 0 0 18px;
    color: #101828;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 800;
}

.sap-final-text {
    max-width: 720px;
    margin: 0 auto 32px;
    color: #667085;
    font-size: 16px;
    line-height: 1.85;
}

.sap-final-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.sap-final-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 14px 22px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: .3s;
}

.sap-final-btn:hover {
    transform: translateY(-2px);
    opacity: .92;
}

.sap-btn-primary {
    background: #1677d2;
    color: #fff;
    border: 1px solid #1677d2;
}

.sap-btn-call {
    background: #fff;
    color: #1677d2;
    border: 1px solid #b9d5ed;
}

.sap-btn-whatsapp {
    background: #ecfdf3;
    color: #16834b;
    border: 1px solid #b7e8cc;
}

.sap-final-reassurance {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 25px;
    color: #667085;
    font-size: 13px;
    flex-wrap: wrap;
}

.sap-final-reassurance i {
    margin-right: 5px;
    color: #12b76a;
}

.sap-final-reassurance b {
    color: #c5cbd3;
    font-weight: 400;
}

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

@media (max-width: 767px) {
    #sap-final-cta {
        padding: 65px 0;
    }

    .sap-final-box {
        padding: 40px 22px;
    }

    .sap-final-box h2 {
        font-size: 30px;
    }

    .sap-final-text {
        font-size: 15px;
    }

    .sap-final-btn {
        width: 100%;
    }

    .sap-final-buttons {
        flex-direction: column;
    }
}

/* ==================== SAP FAQ ==================== */

#sap-faq {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background: linear-gradient(135deg,#f3f0ff 0%,#eef6ff 48%,#f8f9ff 100%);
}

.sap-faq-bg {
    position: absolute;
    border-radius: 50%;
    filter: blur(35px);
    pointer-events: none;
}

.sap-faq-bg-1 {
    width: 320px;
    height: 320px;
    top: -160px;
    left: -100px;
    background: rgba(126,87,194,.08);
}

.sap-faq-bg-2 {
    width: 300px;
    height: 300px;
    right: -100px;
    bottom: -150px;
    background: rgba(22,119,210,.07);
}

#sap-faq .container {
    position: relative;
    z-index: 2;
}

.sap-faq-header {
    max-width: 780px;
    margin: 0 auto 50px;
    text-align: center;
}

.sap-faq-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 17px;
    margin-bottom: 17px;
    border: 1px solid #ded4fa;
    border-radius: 30px;
    background: #fff;
    color: #6d4bc3;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
    box-shadow: 0 5px 20px rgba(80,60,140,.06);
}

.sap-faq-header h2 {
    margin: 0 0 16px;
    color: #15152b;
    font-size: 40px;
    line-height: 1.25;
    font-weight: 800;
}

.sap-faq-header p {
    max-width: 700px;
    margin: auto;
    color: #667085;
    font-size: 16px;
    line-height: 1.8;
}

.sap-faq-list {
    max-width: 900px;
    margin: auto;
}

.sap-faq-list details {
    margin-bottom: 14px;
    overflow: hidden;
    border: 1px solid #e2dcf5;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 7px 25px rgba(71,55,120,.05);
}

.sap-faq-list details:last-child {
    margin-bottom: 0;
}

.sap-faq-list summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 24px;
    cursor: pointer;
    list-style: none;
    transition: .25s ease;
}

.sap-faq-list summary::-webkit-details-marker {
    display: none;
}

.sap-faq-list summary:hover {
    background: #faf9ff;
}

.sap-faq-list summary h3 {
    margin: 0;
    color: #17172b;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 700;
}

.faq-icon {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f0ebff;
    color: #6d4bc3;
    font-size: 13px;
}

.faq-icon i {
    transition: transform .25s ease;
}

.faq-answer {
    padding: 0 24px 24px;
    color: #667085;
    font-size: 15px;
    line-height: 1.85;
}

.faq-answer strong {
    color: #17172b;
}

.sap-faq-list details[open] {
    border-color: #cfc2f2;
    box-shadow: 0 12px 30px rgba(109,75,195,.09);
}

.sap-faq-list details[open] summary {
    background: #fcfbff;
}

.sap-faq-list details[open] .faq-icon {
    background: #6d4bc3;
    color: #fff;
}

.sap-faq-list details[open] .faq-icon i {
    transform: rotate(45deg);
}
/* SAP PAGE - MOBILE PERFORMANCE OPTIMIZATION */

@media (max-width: 767px) {

    /* Disable animations on mobile */
    .wow,
    .wow.fadeIn,
    .wow.fadeInUp,
    .wow.fadeInDown,
    .wow.fadeInLeft,
    .wow.fadeInRight {
        visibility: visible !important;
        opacity: 1 !important;
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }

    /* Reduce rendering work below the first screen */
    .sap-quick-facts,
    .sap-info-section,
    .sap-career-section,
    .sap-module-chooser {
        content-visibility: auto;
        contain-intrinsic-size: auto 800px;
    }
}
/* ==================== RESPONSIVE ==================== */

@media (max-width: 767px) {
    #sap-faq {
        padding: 65px 0;
    }

    .sap-faq-header h2 {
        font-size: 30px;
    }

    .sap-faq-list summary {
        padding: 18px;
    }

    .sap-faq-list summary h3 {
        font-size: 15px;
    }

    .faq-answer {
        padding: 0 18px 20px;
        font-size: 14px;
    }
}
/* LCP optimization: SAP page header on mobile */
@media (max-width: 767px) {
    .page-header__shape-1 {
        animation: none !important;
        -webkit-animation: none !important;
        transform: none !important;
    }
}