.topServicios {
    margin-top: 20%;
}

.iconSegmento {
    width: 25%;
}

.widthCarousel {
    width: 80%;
}

.sectionRows{
    margin-top:-3.5%;
    margin-left: 20%;
}

.overlay-box {
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 99;
    margin-left: 20%;
    font-size: 50px;
}


.tituloSegmento {
    color: blue;
}

.containerMovil {
    width: 80%;
}

.topCarusel {
    margin-top: 30%;
}

.paddingCarousel {
    padding: 50px;
}

.titleProyect{
    font-size:50px; 
    padding:5% 25% 0% 10%;
}

.textProyect{
    padding: 0% 30% 0% 10%;
}

* {
    box-sizing: border-box;
}

.carousel {
    margin: 0 60px;
}

.marginCarousel {
    width: 110%;
    margin-left: -10%;
}

.carousel-cell {
    width: 33%;
    height: 600px;
    margin-right: 10px;
    background: #e7e7e7;
    border-radius: 5px;
    counter-increment: gallery-cell;
}

.carousel-cell:before {
    display: block;
    text-align: center;
    line-height: 200px;
    font-size: 80px;
    color: white;
}

.flickity-button {
    background-color: inherit;
    border-color:white;
}

.flickity-button:hover {
    background: white;
}

.flickity-prev-next-button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.flickity-button-icon {
    fill: white;
}

.flickity-prev-next-button.previous {
    left: -9%;
    width: 2%;
    height: 4%;
    z-index: 10000;
    border: 2px solid white; 
}

.flickity-prev-next-button.next {
    right: 103%;
    width: 3%;
    height: 6%;
    z-index: 10000;
    border: 2px solid white; 
}

.carousel-cell.is-selected {
    background-color: #01225f;
    color: white;
    z-index: 9999;
    position: absolute;
}

.anteriorSeleccionada {
    background-color: black;
    color: white;
}

.seccionGradiente {
    background: rgb(241, 59, 81);
    background: linear-gradient(90deg, rgba(241, 59, 81, 1) 18%, rgba(12, 34, 93, 1) 77%);
}

.recuadroGradiente {
    width: 11%;
    height: 600PX;
    position: absolute;
    z-index: 999;
    margin-left: 2%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

@media (max-width:1000px) {
    .sectionRows{
        margin-top:-10%;
        margin-left: 50%;
    }

    .overlay-box {
        position: absolute;
        transform: translate(-50%, -50%);
        z-index: 99;
        margin-left: 45%;
        font-size: 50px;
    }

    .widthCarousel {
        width: 90%;
    }

    .containerMovil {
        width: 100%;
    }

    .carousel {
        background: #FAFAFA;
        margin: 0;
    }

    .marginCarousel {
        width: 100%;
        margin-left: -0%;
    }

    .carousel-cell {
        width: 95%;
        height: 500px;
        margin-right: 10px;
        background: #e7e7e7;
        border-radius: 5px;
        counter-increment: gallery-cell;
    }

    .topCarusel {
        margin-top: 0%;
    }

    .topServicios {
        margin-top: 30%;
    }

    .flickity-prev-next-button.previous {
        z-index: 10000;
        display: none;
    }

    .flickity-prev-next-button.next {
        z-index: 10000;
        display: none;
    }

    .paddingCarousel {
        padding: 0px;
        padding-top: 50px;
    }

    .seccionGradiente {
        background: rgb(241, 59, 81);
        background: linear-gradient(90deg, rgba(241, 59, 81, 1) 18%, rgba(12, 34, 93, 1) 77%);
        display: none;
    }

    .carousel-cell.is-selected {
        background-color: #01225f;
        color: white;
    }

    .titleProyect{
        font-size:50px; 
        padding:0% 0% 0% 0%;
    }
    
    .textProyect{
        padding: 0% 0% 0% 0%;
    }
}

@media (max-width:575px) {
    .sectionRows{
        margin-top:-10%;
        margin-left: 50%;
    }

    .overlay-box {
        position: absolute;
        transform: translate(-50%, -50%);
        z-index: 99;
        margin-left: 45%;
        font-size: 50px;
    }

    .widthCarousel {
        width: 90%;
    }

    .containerMovil {
        width: 100%;
    }

    .carousel {
        background: #FAFAFA;
        margin: 0;
    }

    .marginCarousel {
        width: 100%;
        margin-left: -0%;
    }

    .carousel-cell {
        width: 95%;
        height: 500px;
        margin-right: 10px;
        background: #e7e7e7;
        border-radius: 5px;
        counter-increment: gallery-cell;
    }

    .topCarusel {
        margin-top: 0%;
    }

    .topServicios {
        margin-top: 30%;
    }

    .flickity-prev-next-button.previous {
        z-index: 10000;
        display: none;
    }

    .flickity-prev-next-button.next {
        z-index: 10000;
        display: none;
    }

    .paddingCarousel {
        padding: 0px;
        padding-top: 50px;
    }

    .seccionGradiente {
        background: rgb(241, 59, 81);
        background: linear-gradient(90deg, rgba(241, 59, 81, 1) 18%, rgba(12, 34, 93, 1) 77%);
        display: none;
    }

    .carousel-cell.is-selected {
        background-color: #01225f;
        color: white;
    }

    .titleProyect{
        font-size:50px; 
        padding:0% 0% 0% 0%;
    }
    
    .textProyect{
        padding: 0% 0% 0% 0%;
    }
}