/* Adds font-display: swap to the slick icon font (overrides slick-theme.css @font-face). */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('../../../etc.clientlibs/sisalsans/clientlibs/clientlib-vendor/resources/fonts/slick.woff') format('woff'),
         url('../../../etc.clientlibs/sisalsans/clientlibs/clientlib-vendor/resources/fonts/slick.ttf') format('truetype');
}

.breadcrumb {
    background: transparent !important;
    width: 100%;
    margin-top: 21px;
    margin-bottom: 17px;
    padding: 0;
}

.breadcrumb li {
    margin-right: 20px;
}

.breadcrumb li a, .breadcrumb li {
    color: #169AD6;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
}

.breadcrumb li a:hover {
    text-decoration: none;
}

.breadcrumb li:first-child a {
    color: #A1A1A1;
}

.breadcrumb li a:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: -4px;
    margin-left: -2px;
}

.breadcrumb li:first-child a:after {
    background-image: url(../../../etc.clientlibs/sisalsans/clientlibs/clientlib-breadcrumb/resources/Arrow-Small-Right-Light_Grey.svg);
}
.breadcrumb li:nth-child(2) a:after {
    background-image: url(../../../etc.clientlibs/sisalsans/clientlibs/clientlib-breadcrumb/resources/Arrow-Small-Right-Light_Grey.svg);
}

.breadcrumb li a:after {
    background-image: url(../../../etc.clientlibs/sisalsans/clientlibs/clientlib-breadcrumb/resources/icons/Arrow-Small-Right-Light_Blue.svg);
}

.breadcrumb li:last-child a {
    color: #169AD6;
}

.breadcrumb li:last-child a:after {
    background-image: none;
}

.title1visiblecomponent .title-component{
    margin-top: 23px;
    margin-bottom: 34px;
    font-size: 35px;
    line-height: 24.36px;
}
.title-invisible {
    margin-top: 23px;
}
@media (max-width: 767.98px) {
    .breadcrumb {
        margin-top: 6px;
        margin-left: 5px;
    }
    .title1visiblecomponent .title-component {
       margin-top: 13px !important;
       margin-bottom: 15px !important;
       font-size: 26px !important;
       line-height: 24.36px !important;
    }
    .breadcrumb li a, .breadcrumb li {
        font-size: 11px;
    }
}

