.heroContainer{
    width: 100%;
    /* height: 92vh; */
    background-image:
        linear-gradient(to bottom, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.93)),
        url('./Assist/heroimage.jpg');
    /* background-position: center; */
    /* background-position: center; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* background-color: #edf5f8; */
}

.mobileNavlinkContainer {
    transition: all .5s ease;
}

.mobileNavlinkContainer.active {
    /* display: block; */
    right: 0;
    transition: all .5s ease;
}

.bottomBannerContainer{
    width: 100%;
    height: 50vh;
    background-image:
        linear-gradient(to bottom, #1fabe269, rgba(35, 180, 247, 0.93)),
        url('./Assist/bottombanner.webp');
    /* background-position: center; */
    /* background-position: center; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.scrollBarContainer::-webkit-scrollbar {
    display: none;
}

.scroll-wrapper {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.scroll-content {
    display: flex;
    gap: 1rem;
    min-width: 100%;
}

/* ========= Others Page css */

.pageheroContainer{
    width: 100%;
    /* height: 60vh; */
    background-image:
        linear-gradient(to bottom, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.93)),
        url('./Assist/pagebanner.webp');
    /* background-position: center; */
    /* background-position: center; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* background-color: #edf5f8; */
}