/*Red line on subheaders*/

.project-carrousel-content .red-line-subtitle img {
    margin-bottom: 0.3rem;
}

/*Text content responsive*/

@media screen and (max-width: 992px) {
    .image-carrousel-content {
        flex-wrap: wrap!important;
    }
    .image-carrousel-content .wp-block-group{
        flex-basis: 100%!important;
    }
    .image-carrousel-content .wp-block-group .wp-block-group{
        width:100%;
    }
    .image-carrousel-content .wp-block-buttons{
        float: left;
    }
}

/*Slider buttons*/

.image-carrousel-buttons{
    position: absolute;
    left: 300px;
    z-index: 1;
}
@media screen and (max-width: 992px) {
    .image-carrousel-buttons{
    left:54px;
    }
}

/*Slider wrapper*/

#image-carrousel{
    position: relative;
    margin: 4rem 0rem 4rem 0rem;
}

@media screen and (max-width: 600px) {
    #image-carrousel .image-carrousel{
      margin-top: 7.5rem!important;
    }
}


.image-carrousel{
    overflow-x:hidden;
    padding-left:200px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
@media screen and (max-width: 992px) {
    .image-carrousel{
        padding-left:var(--wp--style--root--padding-left);
    }
}

@media screen and (max-width: 1400px) {
    #image-carrousel .image-carrousel-content {
        padding-right: var(--wp--style--root--padding-right)!important;
        padding-left: var(--wp--style--root--padding-left)!important;
    }
}

/*Slider content*/

.image-carrousel>div{
    padding-left:180px;
    justify-content: left!important;
    overflow-x: scroll!important;
    width: 100%!important;
    max-width: none!important;
}
@media screen and (max-width: 992px) {
    .image-carrousel>div{
        padding-left:23px;
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 992px) {
    .image-carrousel>div>div{
        border-radius: 0px 0px 4px 4px;
    }
}

.image-carrousel>div>div>figure>img{
    border-radius: 4px;
}
@media screen and (max-width: 769px) {
    .image-carrousel>div>div>figure>img{
        border-radius: 4px 4px 0px 0px;
    }
}

/*Slider text white block*/

.image-carrousel>div>div{
    width:536px!important;
    display: block;
    float: left;
    flex: none;
    margin-right: 23px;
}
@media screen and (max-width: 769px) {
    .image-carrousel>div>div{
        background-color: white;
        width: 312px!important;
    }
}

.image-carrousel>div>div>div{
    position: relative;
    width: 392px;
    left: 112px;
    top: -76px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 4px;
}
@media screen and (max-width: 769px) {
    .image-carrousel>div>div>div{
        width: 100%;
        top: 0px;
        left: 0px;
        border-radius: 0px 0px 4px 4px;
    }
}

/*Slider category picture*/

.image-carrousel>div>div>div>figure{
    position: absolute;
    top: -90px;
    background: white;
    padding: 25px 22px 25px 28px;
    border-radius: 200px;
    right: 24px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
@media screen and (max-width: 769px) {
    .image-carrousel>div>div>div>figure{
        padding: 20px 17px 20px 22px;
        top: -70px;
    }
    .image-carrousel>div>div>div>figure>img{
        width: 60px;
    }
}