.article.connected-items-wrap {
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
}

.article.connected-items-wrap > .margin {
    margin-bottom: 200px;
}

.article.connected-items-wrap > .margin > .padding {
    border-radius: 0 !important;
}

.article.connected-items-wrap > .margin > .padding > .connected-items-title {
    font-size: 40px;
    padding: 5px 0;
    margin: 0;
    font-weight: 400;
    color: #fff;
    width: 100%;
    max-width: 1190px;
    display: block;
    margin: auto auto 55px;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-blog-list,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-agenda-list,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-news-list {
    padding: 0;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-blog-list .margin,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-agenda-list .margin,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-news-list .margin {
    transition: box-shadow 0.2s;
    width: 100%;
    height: 100%;
    position: relative;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-blog-list:hover .margin,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-agenda-list:hover .margin,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-news-list:hover .margin {
    box-shadow: 0px 0px 13px #0000001f;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-blog-list .image img,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-agenda-list .image img,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-news-list .image img,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-catalogus-list .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-catalogus-list .image img {
    object-fit: contain;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-blog-list .text-wrapper,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-agenda-list .text-wrapper,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-news-list .text-wrapper {
    display: inline-block;
    padding: 10px;
    color: #000;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-blog-list .text-wrapper .item-title,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-agenda-list .text-wrapper .item-title,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-news-list .text-wrapper .item-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-blog-list .text-wrapper .item-date,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-agenda-list .text-wrapper .item-date,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-news-list .text-wrapper .item-date {
    font-size: 14px;
    height: 44px;
    line-height: 22px;
    font-weight: 300;
    margin-bottom: 7px;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-blog-list .text-wrapper .item-agenda i,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-agenda-list .text-wrapper .item-agenda i,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-news-list .text-wrapper .item-agenda i,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-blog-list .text-wrapper .item-date i,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-agenda-list .text-wrapper .item-date i,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-news-list .text-wrapper .item-date i {
    font-size: 16px;
    margin-right: 3px;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article .text-wrapper .read-more {
    font-weight: 600;
    cursor: pointer;
    color: #0065c6;
    transition: color 0.25s ease;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article .text-wrapper .read-more:hover {
    color: #003f82;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .item-agenda span {
    font-size: 12px;
    line-height: 16px;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container > .scroller-holder {
    margin-top: 0;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-catalogus-list {
    padding: 0;
    background-color: transparent;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-catalogus-list > .margin {
    border: none;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-catalogus-list .cart-amount {
    margin-bottom: 0;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-catalogus-list > .margin > .padding {
    padding-bottom: 0;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-catalogus-list > .margin > .padding > .image,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-catalogus-list > .margin > .padding > .image > .spacer {
    padding: 0;
    background-color: transparent;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-catalogus-list > .margin > .padding > .image,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-catalogus-list > .margin > .padding > .image > .spacer,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-catalogus-list > .margin > .padding > .image > .spacer > a.container {
    height: 493px;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-catalogus-list > .margin > .padding > .image > .spacer > a.container img {
    object-fit: cover;
    border-radius: 30px;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-catalogus-list > .margin > .padding > .catalogus-text-wrapper {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    padding: 35px 10px 10px;
    color: #f7ef94;
    text-decoration: none;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-catalogus-list > .margin > .padding > .catalogus-text-wrapper:hover > .title {
    text-shadow: none;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-catalogus-list > .margin > .padding > .catalogus-text-wrapper > .title > .read-more {
    display: block;
    margin-top: 10px;
    color: #fff;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-catalogus-list > .margin > .padding > .catalogus-text-wrapper > .title > .read-more > i {
    margin-left: 8px;
    position: relative;
    left: 0;
    transition: left 0.25s ease-in-out;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-catalogus-list > .margin > .padding > .catalogus-text-wrapper:hover > .title > .read-more > i {
    left: 10px;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-blog-list,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-blog-list > .margin,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-agenda-list,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-agenda-list > .margin,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-news-list,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-news-list > .margin {
    margin: 0;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-blog-list > .margin > .padding,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-agenda-list > .margin > .padding,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-news-list > .margin > .padding {
    padding: 0;
    display: block;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-blog-list > .margin > .padding > .image,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-agenda-list > .margin > .padding > .image,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-news-list > .margin > .padding > .image {
    width: 100%;
    min-width: unset;
    max-width: unset;
    padding: 0;
    margin: 0;
    min-height: unset;
    max-height: unset;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-blog-list > .margin > .padding > .image > .spacer,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-agenda-list > .margin > .padding > .image > .spacer,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-news-list > .margin > .padding > .image > .spacer {
    background-color: #fff;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-blog-list > .margin > .padding > .image > .spacer > a,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-agenda-list > .margin > .padding > .image > .spacer > a,
.article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-news-list > .margin > .padding > .image > .spacer > a {
    position: absolute;
    inset: 0;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container > .scroller-holder > .scroller-viewport {
    width: 100vw;
    padding-left: calc((100vw - 1340px) / 2);
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container > .scroller-holder > .control-nav.bullets {
    display: none !important;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container > .scroller-holder:hover > .direction-nav.prev {
    left: 55px;
}

.article.connected-items-wrap > .margin > .padding > .carrousel-container > .scroller-holder:hover > .direction-nav.next {
    right: 55px;
}

@media (max-width: 767px) {
    .article.connected-items-wrap > .margin > .padding > .carrousel-container > .scroller-holder:hover > .direction-nav.prev {
        left: 15px;
    }

    .article.connected-items-wrap > .margin > .padding > .carrousel-container > .scroller-holder:hover > .direction-nav.next {
        right: 15px;
    }

    .article.connected-items-wrap > .margin > .padding > .carrousel-container .article.item-catalogus-list > .margin > .padding > .catalogus-text-wrapper > .title {
        font-size: 16px;
        line-height: 20px;
    }
}
