.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 3rem;
    height: 60rem; /* Default height for larger screens */
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}

@media (max-width: 412px) {
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        height: 15rem; 
    }
}

@media (max-width: 767px) {
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        height: 25rem; /* Adjusted height for screens up to 767px width */
    }
}

@media (max-width: 375px) {
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        height: 20rem; 
    }
}
@media (min-width: 1024px) and (max-width: 1400px) {
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        height: 39rem; /* Adjusted height for screens between 1024px and 1400px width */
    }
}