header {
    position: absolute;
    /* normal flow, fixed nahi */
    width: 100%;
    z-index: 1000;
    /* image ke upar */
    background: transparent;
    /* transparent so image visible behind */
}

/* Navbar container */
.navbar-lg {
    display: flex;
    justify-content: center;
    /* center align */
    align-items: center;
    padding: 20px 30px;
    list-style: none;
    margin: 0;

    /* spacing between items */
}


/* ===== HERO HEADER IMAGE ===== */
.page-header {
    background: url('../../assets/images/background.png') center center / cover no-repeat;
    width: 100%;
    height: 100%;
    /* full screen height */
    position: relative;
    text-align: center;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* vertically center text */
    align-items: center;

}

/* Header text block */
.page-header-detail {
    max-width: 800px;
    padding: 20px;
    margin: auto;
    /* center horizontally */
    z-index: 2 !important;
    text-align: center;
    margin-top: 60vh;
}

.page-header-detail h1 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 20px;
}

.page-header-detail p {
    font-size: 18px;
    line-height: 1.6;
    color: #f5f5f5;
}

@media (min-width: 1360px) {
    .page-header-detail {
        margin-top: 60vh;
        /* background image ke neeche text ko align karega */
        max-width: 800px;
    }

    .page-header-detail h1 {
        font-size: 48px;
    }

    .page-header-detail p {
        font-size: 18px;
    }
}

@media (min-width: 1199px) {
    .page-header-detail {
        margin-top: 65vh;
        /* background image ke neeche text ko align karega */
        max-width: 800px;
    }

    .page-header-detail h1 {
        font-size: 36px;
    }

    .page-header-detail p {
        font-size: 16px;
    }
}
@media (max-width: 999px) {
    .page-header{
        height: 50% !important;
    }
    .page-header-detail {
        margin-top: 45vh;
        /* background image ke neeche text ko align karega */
        max-width: 800px;
    }

    .page-header-detail h1 {
        font-size: 36px;
    }

    .page-header-detail p {
        font-size: 16px;
    }
    .about-section {
        margin-top: 20vh;
    }
   
}
@media (max-width: 500px) {
   
    .abs{
        margin-top:80vh;
    }
    .abs-page {
           margin-top: 55vh;
    }
}