/* image banner section  */
    .image-banner-section {
        width: 100%;
        height: 400px;
        background-image: url('https://static.vecteezy.com/system/resources/previews/027/183/857/large_2x/college-student-walking-to-university-campus-education-banner-concept-free-photo.jpg');
        background-size: cover;
        background-position: center;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: white;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
        padding: 0 20px; /* For small screen spacing */
        box-sizing: border-box;
    }

    .image-banner-section h1 {
        font-size: 48px;
        margin: 0;
        /* color: brown; */
        text-align: center;
        color: rgb(232, 209, 180);
    }

    .breadcrumb {
        font-size: 18px;
        margin-top: 10px;
        text-align: center;
        /* color: #090909; */
    }

    .breadcrumb a {
        text-decoration: none;
        color: rgb(254, 35, 6);
    }
    .breadcrumb span{
      color:rgb(251, 249, 249);
    }

    /* Responsive styles */
    @media (max-width: 768px) {
        .image-banner-section {
            height: 300px;
        }

        .image-banner-section h1 {
            font-size: 36px;
        }

        .breadcrumb {
            font-size: 16px;
        }
    }

    @media (max-width: 480px) {
        .image-banner-section {
            height: 200px;
        }

        .image-banner-section h1 {
            font-size: 28px;
        }

        .breadcrumb {
            font-size: 14px;
        }
    }