* {
    margin: 0;
    padding: 0;
}


.sticky-header {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000; /* Ensures it stays above other elements */
    background-color: white; /* Ensures background color remains */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Smooth shadow effect */
}

.nav-link:hover {
    text-decoration: underline;
    color: #198754 !important;
}

.selected {
    text-decoration: underline;
    color: #198754 !important;
}

.section {
    background-color: #00573C;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
}

    .section:hover {
        background-color: #00573C;
        text-decoration: underline;
    }


.section-one {
    background-image: url('/images/Quran-BKWDhGg7.jpg');
    background-size: cover;
    background-position: center;
    height: 80vh; /* Adjust as needed */
}

.section {
    background-color: #00573C;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
}

    .section:hover {
        background-color: #00573C;
        text-decoration: underline;
    }
    



.section1{
    position: relative;
    background-image: url('/images/3OkCJpjnTcq7AsZ6ZhazPQ.webp'); /* Replace with your image URL */
    background-size: cover;
    background-position: center;
    height: 80vh; /* Adjust as needed */
}

    .section1::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1;
    }

    .section1 > div {
        position: relative;
        z-index: 2;
    }

.section2 {
    position: relative;
    background-image: url('/images/Praying-BkwE46l-.jpg'); /* Replace with your image URL */
    background-size: cover;
    background-position: center;
    height: 80vh; /* Adjust as needed */
}

    .section2::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1;
    }

    .section2 > div {
        position: relative;
        z-index: 2;
    }

.section3 {
    position: relative;
    background-image: url('/images/holy-al-quran-written-arabic-600nw-2145394919.webp'); /* Replace with your image URL */
    background-size: cover;
    background-position: center;
    height: 80vh; /* Adjust as needed */
}

.section4 {
    position: relative;
    background-image: url('/images/contact-C_l3q01u.jpg'); /* Replace with your image URL */
    background-size: cover;
    background-position: center;
    height: 80vh; /* Adjust as needed */
}

.section5 {
    position: relative;
    background-image: url('/images/39c447fcd2d01387e5544d0bdb213a5d.jpg'); /* Replace with your image URL */
    background-size: cover;
    background-position: center;
    height: 80vh; /* Adjust as needed */
}

.uu {
    background-color: #cfece3;
    background-image: url('/images/39c447fcd2d01387e5544d0bdb213a5d.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
}

.section6 {
    position: relative;
    background-image: url('/images/dua-category-banner.jpg'); /* Replace with your image URL */
    background-size: cover;
    background-position: center;
    height: 80vh; /* Adjust as needed */
}

    .section6::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1;
    }

    .section6 > div {
        position: relative;
        z-index: 2;
    }

@media (max-width: 768px) {
    .section-two {
        height: 30vh; /* Smaller height for mobile devices */
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .section-two {
        height: 35vh; /* Medium height for tablets */
    }
}

@media (min-width: 1025px) {
    .section-two {
        height: 50vh; /* Full height for larger screens */
    }
}