/*==================================================
NOBO SERVICES V2
Premium Design System
==================================================*/

/*==================================================
ENVIRONMENT
==================================================*/

/*==================================================
CONTENT LAYER
==================================================*/

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

.hero-paper{
    min-height:88vh;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    overflow:hidden;
    
}

.hero-paper h1{
    font-size:clamp(3rem,6vw,5.5rem);
    line-height:1.05;
    margin:1rem 0 2rem;
    color:#0f2f57;
}

.hero-paper p{

    max-width:700px;

    margin:0 auto;

    font-size:1.08rem;

    line-height:1.8;

}




/*==================================================
CTA
==================================================*/



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

@media (max-width:900px){
    .hero-paper{
        min-height:70vh;
        margin-top: 70px;
    }
}









.programme-categories .service-card {
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.programme-categories .service-card:hover {
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.10);
}


/* --------------------------------
   SECTION DIVIDERS
--------------------------------- */
.section-divider-chip {
    position: relative;
    width: min(1120px, calc(100% - 40px));
    height: 56px;
    margin: 0 auto;
    z-index: 2;
}

.section-divider-chip::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    transform: translateY(-50%);
    background: linear-gradient(
        to right,
        transparent 0%,
        rgba(30, 58, 138, 0.10) 18%,
        rgba(212, 175, 55, 0.45) 50%,
        rgba(30, 58, 138, 0.10) 82%,
        transparent 100%
    );
}

.section-divider-chip::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    transform: translate(-50%, -50%);
    border-radius: 999px;
    background: linear-gradient(
        135deg,
        var(--gold-accent),
        #f0cf63
    );
    box-shadow:
        0 0 0 8px rgba(255, 255, 255, 0.95),
        0 8px 20px rgba(212, 175, 55, 0.20);
}

.section-divider-chip-light::after {
    box-shadow:
        0 0 0 8px rgba(255, 255, 255, 0.95),
        0 8px 20px rgba(212, 175, 55, 0.20);
}


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

    .section-divider-chip {
        width: calc(100% - 32px);
        height: 44px;
    }

    .section-divider-chip::after {
        width: 12px;
        height: 12px;
        box-shadow:
            0 0 0 6px rgba(255, 255, 255, 0.95),
            0 6px 16px rgba(212, 175, 55, 0.18);
    }

    .section-divider-chip-light::after {
        box-shadow:
            0 0 0 6px rgba(255, 255, 255, 0.95),
            0 6px 16px rgba(212, 175, 55, 0.18);
    }
}

@media (max-width:768px){

    .section-inner{

        margin: 0 20px;

    }

}