.custom-block {
    margin-bottom: 10px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000;
    padding: 8px 0px 0px 0px;
    text-align: left;
}

.custom-block .info-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.custom-block .info-list .left-side,
.custom-block .info-list .right-side {
    display: flex;
    align-items: center;
    /* font-weight: 600; */
}

.custom-block .info-list .right-side {
    margin-left: auto; /* Zorgt ervoor dat de rechterkant helemaal naar rechts wordt uitgelijnd */
}

.custom-block .info-list .left-side li,
.custom-block .info-list .right-side li {
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.custom-block .info-list .left-side li .icon,
.custom-block .info-list .right-side li .icon {
    color: #46c910;
    margin-right: 5px;
    font-weight: 900;
}

.custom-block .info-list .left-side li strong,
.custom-block .info-list .right-side li strong {
    color: #0155b5;
}

.custom-block .info-list .right-side li a {
    color: #0155b5;
    text-decoration: none;
    margin-right: 20px;
    font-weight: 700;
}

.custom-block .info-list .right-side li a:hover {
    text-decoration: underline;
}





.page-wrapper>.breadcrumbs {
    padding: 0;
    background-color: #171717;
    color: #fff;
    font-size: .75rem;
    margin-bottom: 0
}

.page-wrapper>.breadcrumbs .items {
    padding: 12px 10px;
    display: flex;
    flex-wrap: wrap;
    font-size: 1em;
    color: inherit
}

.page-wrapper>.breadcrumbs .items>li {
    text-shadow: none;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin: 0
}

.page-wrapper>.breadcrumbs .items>li.home a {
    position: relative;
    width: 14px;
    text-indent: -9999px
}

.page-wrapper>.breadcrumbs .items>li.home a:after {
    font-family: porto-icons;
    content: "\e883";
    float: left;
    text-indent: 0
}

.page-wrapper>.breadcrumbs .items>li a {
    display: inline-block;
    border-color: transparent;
    background: transparent;
    color: inherit;
    padding: 0
}

.page-wrapper>.breadcrumbs .items>li:not(:last-child)::after {
    position: relative;
    content: "\e81a";
    font-family: porto-icons;
    right: -1px;
    display: block;
    float: right;
    margin: 0 4px;
    width: 20px;
    text-align: center;
    font-style: normal;
    font-size: 12px;
    line-height: inherit
}

.page-wrapper>.breadcrumbs .items>li strong {
    font-weight: inherit
}

.page-wrapper>.breadcrumbs a,.page-wrapper>.breadcrumbs a:hover,.page-wrapper>.breadcrumbs a:focus {
    color: #fff
}

.page-wrapper>.breadcrumbs .item:not(:last-child):after {
    line-height: 15px
}




.breadcrumbs {
    padding: 0;
    background-color: #f9f9f9;
    color: #000000;
    font-size: .75rem;
    margin-bottom: 10px;

}

.breadcrumbs .items {
    padding: 12px 10px;
    display: flex;
    flex-wrap: wrap;
    font-size: 1em;
    color: inherit
}

.breadcrumbs .items>li {
    text-shadow: none;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin: 0
}

.breadcrumbs .items>li.home a {
    position: relative;
    width: 14px;
    text-indent: -9999px
}

.breadcrumbs .items>li.home a:after {
    font-family: porto-icons;
    content: "\e883";
    float: left;
    text-indent: 0
}

.breadcrumbs .items>li a {
    display: inline-block;
    border-color: transparent;
    background: transparent;
    color: inherit;
    padding: 0
}

.breadcrumbs .items>li:not(:last-child)::after {
    position: relative;
    content: "\e81a";
    font-family: porto-icons;
    right: -1px;
    display: block;
    float: right;
    margin: 0 4px;
    width: 20px;
    text-align: center;
    font-style: normal;
    font-size: 12px;
    line-height: inherit
}

.breadcrumbs .items>li strong {
    font-weight: inherit
}

.breadcrumbs a,.breadcrumbs a:hover,.breadcrumbs a:focus {
    color: #fff
}

.breadcrumbs .item:not(:last-child):after {
    line-height: 15px
}



.custom-block {
    margin: 0 auto 10px auto; /* Center de container horizontaal en voeg marge onderaan toe */
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: 500;
    padding: 10px 0px 0px 0px;
    text-align: left;
    /* font-weight: 400 !important; */
    max-width: 1410px;
    width: 100%;
}

/* Voor schermen kleiner dan 1200px (bijv. laptops) */
@media (max-width: 1199px) {
    .custom-block {
        font-size: 13px; /* Pas de font-size aan naar wens */
        padding: 8px 5px 0px 5px; /* Pas de padding aan naar wens */
        max-width: 1000px; /* Pas de max-width aan naar wens */
    }
}

/* Voor schermen kleiner dan 992px (bijv. tablets) */
@media (max-width: 991px) {
    .custom-block {
        font-size: 12px; /* Pas de font-size aan naar wens */
        padding: 8px 10px 0px 10px; /* Pas de padding aan naar wens */
        max-width: 800px; /* Pas de max-width aan naar wens */
    }
}

/* Voor schermen kleiner dan 768px (bijv. smartphones in landschap) */
@media (max-width: 767px) {
    .custom-block {
        font-size: 11px; /* Pas de font-size aan naar wens */
        padding: 8px 15px 0px 15px; /* Pas de padding aan naar wens */
        max-width: 600px; /* Pas de max-width aan naar wens */
    }
}

/* Voor schermen kleiner dan 576px (bijv. smartphones in portret) */
@media (max-width: 575px) {
    .custom-block {
        font-size: 10px; /* Pas de font-size aan naar wens */
        padding: 8px 20px 0px 20px; /* Pas de padding aan naar wens */
        max-width: 100%; /* Pas de max-width aan naar wens */
    }
}