/* public/css/banner_long.css */



.banner {

    position: relative;

    width: 100%;

    height: 400px; /*Set the height based on the standard size*/

    /* max-width: 336px; Set the maximum width based on the standard size */

    max-width: 100%;

    margin: 0 auto;

    overflow: hidden;

}



.slide {

    width: 100%;

    display: block;

}



.slide img {
    width: 100%;
    height: auto;
    min-height: 220px; /* Adjust based on your desired minimum height */
}



.controls {

    position: absolute;

    top: 50%;

    width: 100%;

    display: flex;

    justify-content: space-between;

    transform: translateY(-50%);

}



.controls button {

    background: rgba(0, 0, 0, 0.5);

    color: white;

    border: none;

    padding: 10px;

    cursor: pointer;

}



.controls button:hover {

    background: rgba(0, 0, 0, 0.8);

}


/*ADDED NOVEMBER 13 2024*/

/* Adjustments for smaller screens */
@media (max-width: 600px) {
    .banner {
        height: 200px; /* Reduce height for smaller screens */
        margin-bottom: 0; /* Remove extra bottom margin */
    }

    .content-body {
        margin-top: 0; /* Adjust any top margin on content-body if necessary */
        padding-top: 0; /* Remove any padding that could add extra space */
    }
    
    
    /* Additional reset for .zero-gap if needed */
    .zero-gap {
        margin: 0;
        padding: 0;
    }

}

/* public/css/banner_long.css */
.banner {
    /* Existing styling */
}

/* Add these adjustments for smaller screens */
@media (max-width: 768px) {
    .banner {
        margin-bottom: 0; /* Remove any bottom margin on the banner */
    }

    /* Ensure the card container has no top margin */
    .card-container {
        margin-top: 0;
    }
    
    /* Additional reset for .zero-gap if needed */
    .zero-gap {
        margin: 0;
        padding: 0;
    }

}

/* Responsive adjustments */
@media (max-width: 600px) {
    .banner {
        height: auto; /* Allow height to adjust naturally */
        margin-bottom: 0;
    }
}


/*ADDED NOVEMBER 13 2024*/