/* Fullscreen header */
.header-section {
    height: 100vh;
    background-image: url('/Images/landing page-01.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    position: relative;
}

@media (orientation: portrait) {
    .header-section {
        background-image: url('/Images/landing page-02.png');
    }
}

.ImgBtn {
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.5);
    border-radius: 30px;
    margin-bottom: 10px;
    width: 100%;
    max-width: 356px;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .ImgBtn:hover {
        transform: scale(0.95);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    }

/* Responsive button alignment */
.button-wrapper {
    margin-top: 28%;
    /*padding-top: 100px;*/
}

@media (max-width: 576px) {
    .ImgBtn {
        width: 75%;
    }

    .button-wrapper {
        margin-top: 80%;
        /*padding-top: 100px;*/
    }
}