/*Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap*/

.paragraph--type--dat-4-col-ico-text-back-gris.ocw-operacion-section12 {
    background-color: #2e3d43;
    display: block;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.paragraph--type--dat-4-col-ico-text-back-gris .ocw-operacion-section12__cont-info {
    width: 100%;
    padding: 2em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-width: 0;
}

.paragraph--type--dat-4-col-ico-text-back-gris .slick-list {
    min-width: 100%;
}

.paragraph--type--dat-4-col-ico-text-back-gris .ocw-operacion-section12__cont-info__icon {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.paragraph--type--dat-4-col-ico-text-back-gris .ocw-operacion-section12__cont-info__title {
    font-family: "helvetica", sans-serif;
    font-size: 16px;
    color: #fff;
}

.paragraph--type--dat-4-col-ico-text-back-gris .ocw-operacion-section12__cont-info p,
.paragraph--type--dat-4-col-ico-text-back-gris .ocw-operacion-section12__cont-info ul,
.paragraph--type--dat-4-col-ico-text-back-gris .ocw-operacion-section12__cont-info ul li {
    color: #fff;
    font-family: "roboto-regular", sans-serif;
    font-size: 15px;
    margin-top: 15px;
    margin: 0 auto;
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .paragraph--type--dat-4-col-ico-text-back-gris.ocw-operacion-section12 {
        background-color: #2e3d43;
        display: block;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .paragraph--type--dat-4-col-ico-text-back-gris .ocw-operacion-section12__cont-info {
        width: 100%;
        padding: 2em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        min-width: max-content;
    }

    .paragraph--type--dat-4-col-ico-text-back-gris .slick-list {
        min-width: 100%;
    }

    .paragraph--type--dat-4-col-ico-text-back-gris .ocw-operacion-section12__cont-info__icon {
        width: 70px;
        height: 70px;
        object-fit: contain;
    }

    .paragraph--type--dat-4-col-ico-text-back-gris .ocw-operacion-section12__cont-info__title {
        font-family: "helvetica", sans-serif;
        font-size: 16px;
        color: #fff;
    }

    .paragraph--type--dat-4-col-ico-text-back-gris .ocw-operacion-section12__cont-info p,
    .paragraph--type--dat-4-col-ico-text-back-gris .ocw-operacion-section12__cont-info ul,
    .paragraph--type--dat-4-col-ico-text-back-gris .ocw-operacion-section12__cont-info ul li {
        color: #fff;
        font-family: "roboto-regular", sans-serif;
        font-size: 15px;
        margin-top: 15px;
        margin: 0 auto;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.paragraph--type--dat-4-col-ico-text-back-gris.ocw-operacion-section12 {
        display: flex;
        width: 100%;
    }

    .paragraph--type--dat-4-col-ico-text-back-gris .ocw-operacion-section12__cont-info {
        width: 25%;
    	padding: 4em;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}

/*Extra extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) {}