section.carousel {

    width: 100% !important;
    margin-bottom: 0!important;

}

.block.carousel .content {

    padding-top: 5vw;
    padding-bottom: 5vw;

}

.block.carousel .text {

    font-size: 1.5vw;
    text-align: center;
    margin-bottom: 2vw;

}

.block.carousel h1 {

    font-family: "Singolare", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 2.75vw;
    letter-spacing: 0.025em;
    line-height: 3vw;
    margin-bottom: 2vw;
    text-align: center;

}

.block.carousel .owl-carousel {

    width:80vw;
    margin:0 auto 0 auto;
    height:18vw;

}

.block.carousel .owl-item > div {

    height:18vw;
    overflow: hidden;

}

.block.carousel .image,
.block.carousel .icon {

    height:14vw;
    overflow: hidden;

}

.block.carousel .image,
.block.carousel .icon {

    align-items: center;
    display: table-cell;
    vertical-align: middle;

}

.block.carousel .image img,
.block.carousel .icon svg {

    object-fit:unset;
    width:75%;
    height:auto;
    margin-left: auto;
    margin-right: auto;

}

.block.carousel .owl-nav {

    width:100vw;

}

.block.carousel .owl-dots {

    display: none;

}

.block.carousel .owl-next {

    width: 24px;
    height: 24px;
    position: absolute;
    top: 40%;
    margin-left: -5vw;
    display: block;
    opacity: 1;

}

.block.carousel .owl-prev {

    width: 24px;
    height: 24px;
    position: absolute;
    top: 40%;
    right: -5vw;
    display: block;
    opacity: 1;

}

.block.carousel .owl-next:hover,
.block.carousel .owl-prev:hover {

    opacity: 0.8;

}

section.carousel.breakPointMobile .content {

    padding-top: 10vw;
    padding-bottom: 10vw;

}

section.carousel.breakPointMobile .owl-carousel {

    width:66vw;
    height:54vw;

}

section.carousel.breakPointMobile .owl-item > div {

    width:66vw;
    height:54vw;

}

section.carousel.breakPointMobile .image,
section.carousel.breakPointMobile  .icon {

    width:66vw;
    height:46vw;

}

section.carousel.breakPointMobile .image img,
section.carousel.breakPointMobile .icon svg {

    width:90%;

}

section.carousel.breakPointMobile .block.carousel .owl-next {

    margin-left: -15vw;

}

section.carousel.breakPointMobile .block.carousel .owl-prev {

    right: -15vw;

}

section.carousel.breakPointMobile h1 {

    font-size: 8vw;
    line-height: 9vw;
    width:90vw;
    margin:0 auto 8vw auto;

}

section.carousel.breakPointMobile .text {

    font-size: 5vw;
    margin:0 auto 4vw auto;
    width:66vw;

}





