:root {
    --blue_principal: linear-gradient(208.18deg, #67c3f3 9.05%, #5a98f2 76.74%);
}
.bg_carousel {
    background: var(--blue_principal);
    border-radius: 10px;
}

.bg_carousel > div {
    height: 23rem;
}
.idc_carruselInicio,
.carousel-item {
    height: calc(100vh - 250px);
}
hr{
    color:#5a98f2;
    height: 4px;
}


.bg_carousel img{
    width: 75%;
}

@media (max-width: 768px) {
    /*Estilos XS-SM*/
    .bg_carousel > div {
        height: 27rem;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    .bg_carousel img{
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    /*Estilos MD*/
    .bg_carousel img{
        width: 60%;
        margin-top: -15px;
    }

    .bg_carousel > div {
        height: 25rem;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
}