#mod_slideshow {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    display: none;
    width: 100%;
}

.carousel-item.active {
    display: block;
}

.carousel-inner img {
    width: 100%;
    height: 657px;
    /* Adjust height as needed */
    margin-top: 4.2%;
    /* Adjust margin as needed */
    object-fit: cover;
    /* Ensures the image covers the area without distortion */
}

.carousel-caption {
    position: absolute;
    bottom: 20px;
    left: 15%;
    right: 15%;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption h5 {
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.carousel-caption .btn {
    background-color: #007bff;
    border-color: #007bff;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
}

.carousel-controls {
    position: absolute;
    top: 50% !important;
    width: 100%;
    transform: translateY(-50%);
    z-index: 10;
}

.carousel-control-prev {
    justify-content: start !important;
    width: 3% !important;
    height: 60px;
    /* Full height */
    background-color: #00000050 !important;
    /* Red background */
    border-radius: 0 5px 5px 0 !important;
    /* Rounded corners */
}

.carousel-control-next {
    justify-content: end !important;
    width: 3% !important;
    height: 60px;
    /* Full height */
    background-color: #00000050 !important;
    /* Red background */
    border-radius: 5px 0 0 5px !important;
    /* Rounded corners */
}

.carousel-control-prev-icon {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"%3E%3Cpath d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6z"/%3E%3C/svg%3E');
    margin-left: 10px;
}

.carousel-control-next-icon {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"%3E%3Cpath d="M8.59 16.59L13.17 12l-4.58-4.59L10 6l6 6-6 6z"/%3E%3C/svg%3E');
    margin-right: 10px;
}

@media (max-width: 1366px) {
    .carousel-inner img {
        margin-top: 6%;
    }

    .carousel-control-prev {
        width: 4.5% !important;
    }

    .carousel-control-next {
        width: 4.5% !important;
    }

}