/*** Services Crosslinking ***/
.x-link-wrap {
    margin-bottom: 0px;
    overflow: hidden;
}

.x-link-wrap .row-inner {
    display: flex;
}

.x-link-wrap .row-inner .f-text {
    width: 33.33%;
    min-width: 33.33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.x-link-wrap .x-links {
    width: 100%;
    padding-left: 60px;
    margin-bottom: 40px;
}

.x-link-wrap .x-link {
    width: 362px;
    padding: 0 16px;
}

.x-link a.button {
    background: none;
    color: var(--primary);
    padding: 0;
}

.x-link a {
    display: block;
    text-decoration: none;
}

.x-link a span {
    color: var(--primary);
    font-weight: 700;
    display: block;
    padding-top: 12px;
}

.x-link-wrap button.slick-arrow svg {
    fill: rgba(0, 0, 0, 0.4);
    position: absolute;
    width: 24px;
    transition: all 300ms;
}

.x-link-wrap button.slick-arrow {
    top: auto;
    padding: 0;
    height: 40px;
    width: 24px;
    display: flex;
    background: none;
    position: absolute;
}

.x-link-wrap button.slick-arrow.slick-next {
    bottom: -40px;
    left: 126px;
    right: auto;
}

.x-link-wrap button.slick-arrow.slick-prev {
    bottom: -40px;
    left: 76px;
}

.x-link-wrap button.slick-arrow:hover svg {
    fill: var(--cta);
}

.x-link.slick-slide:hover {
    transition: opacity 300ms;
}

.x-link.slick-slide:hover {
    opacity: 0.7;
}

.row.x-link-wrap.layout-simple .row-inner {
    display: block;
}

.row.x-link-wrap.layout-simple .row-inner .f-text {
    width: 100%;
    min-width: 0;
    margin-bottom: 40px;
    text-align: center;
}

.row.x-link-wrap.layout-simple .x-links {
    display: flex;
    padding: 0;
    margin: 0;
    position: relative;
    left: -16px;
    width: calc(100% + 32px);
}

.layout-simple .x-link a span {
    text-align: center;
    padding-top: 8px;
    transition: all 300ms;
}

.layout-simple .x-link img {
    border: solid 1px var(--lightborder);
    transition: all 300ms;
}

.layout-simple .x-link a:hover img {
    opacity: 0.7;
}

.layout-simple .x-link a:hover span {
    color: var(--darkdefault);
}

.x-link-wrap.layout-simple .x-link {
    padding: 0 16px;
}

.style-dark .x-link a span {
    color: #fff;
}

.style-dark .x-link a:hover span {
    color: var(--primaryalt);
}

.layout-simple.style-dark .x-link a img {
    border: solid 1px var(--primaryborder);
}

@media only screen and (max-width:1400px) {
    .x-link-wrap h2 {
        font-size: 32px;
    }

    .x-link-wrap h2 span {
        font-size: 24px;
    }

    .row.x-link-wrap.layout-simple .x-links {
        flex-wrap: wrap;
    }

    .x-link-wrap.layout-simple .x-link {
        width: 33.33%;
        margin-bottom: 40px;
    }

    .row.x-link-wrap.layout-simple {
        padding-bottom: 50px;
    }
}

@media only screen and (max-width:959px) {
    .row.x-link-wrap.layout-simple {
        padding-bottom: 10px;
    }
}

@media only screen and (max-width:850px) {
    .x-link-wrap .x-links {
        width: 48%;
        padding-left: 4%;
    }

    .x-link-wrap .row-inner .f-text {
        width: 48%;
        min-width: 48%;
    }

    .x-link-wrap button.slick-arrow.slick-prev {
        left: calc(8% + 8px);
    }

    .x-link-wrap button.slick-arrow.slick-next {
        left: calc(8% + 58px);
    }

    .x-link-wrap .x-link {
        padding: 0 8px;
    }
}

@media only screen and (max-width:650px) {
    .x-link-wrap .x-links {
        width: 100%;
        padding: 0;
    }

    .x-link-wrap .row-inner .f-text {
        width: 100%;
        margin-bottom: 40px;
    }

    .x-link-wrap .row-inner {
        display: block;
    }

    .x-link-wrap button.slick-arrow.slick-prev {
        left: 0;
        bottom: -60px;
    }

    .x-link-wrap button.slick-arrow.slick-next {
        left: 50px;
        bottom: -60px;
    }

    .x-link-wrap .x-link {
        padding: 0 16px 0 0;
    }

    .x-link-wrap {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .x-link-wrap.layout-simple .x-link {
        width: 50%;
    }
}

@media only screen and (max-width:340px) {
    .row.x-link-wrap.layout-simple .x-links {
        left: auto;
        width: 100%;
    }

    .x-link-wrap.layout-simple .x-link {
        width: 100%;
    }
}