.pd-anchors {
    position: relative;
    margin: 0 auto;
    padding: 1.5rem .2rem 1.6rem;
    border-radius: 10rem;
    background-color: #F3F3F3;
    box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.12);
}

.pd-anchors--inline {
    width: fit-content;
    padding: 1.5rem 2.8rem 1.6rem;
}

.anchors {
    margin: 0 auto;
    width: calc(100% - 2rem);
}

.anchors:not(.swiper-container) .anchors__items {
    justify-content: center;
    gap: 4rem;
}

.anchors:not(.swiper-container) .swiper-buttons {
    display: none;
}

.anchors .anchors__items {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.anchors .anchors__items .experience-assets-anchor {
    margin: 0;
    width: auto;
}

.anchors .anchor__item {
    display: block;
}

.anchors .anchor__link {
    margin: 0;
    font-family: 'Work Sans', sans-serif;
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-weight: 400;
    color: #002E5E;
    white-space: nowrap;
}

.anchors .anchor__link.active,
.anchors .anchor__link:hover {
    text-decoration: underline;
    font-weight: 600;
    color: inherit;
}

.pd-anchors .swiper-buttons .swiper-button-next,
.pd-anchors .swiper-buttons .swiper-button-prev {
    display: flex;
    position: absolute;
    top: calc(100% / 2);
    justify-content: center;
    align-items: center;
    z-index: 1;
    width: 4rem;
    height: 4rem;
    color: #002E5E;
    font-size: 1.2rem;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #F3F3F3;
}

.pd-anchors .swiper-buttons .swiper-button-next {
    right: .5rem;
}

.pd-anchors .swiper-buttons .swiper-button-prev {
    left: .5rem;
}

.pd-anchors .swiper-buttons .swiper-button-next:hover,
.pd-anchors .swiper-buttons .swiper-button-prev:hover {
    background-color: #FFF;
}

.pd-anchors .swiper-buttons .swiper-button-next:before,
.pd-anchors .swiper-buttons .swiper-button-prev:before {
    position: absolute;
    right: 100%;
    content: '';
    width: 4rem;
    height: 1.9rem;
    background: linear-gradient(90deg, rgba(243, 243, 243, 0) 0%, #F3F3F3 59.5%);
}

.pd-anchors .swiper-buttons .swiper-button-next.swiper-button-disabled,
.pd-anchors .swiper-buttons .swiper-button-prev.swiper-button-disabled {
    display: none;
}

.pd-anchors .swiper-buttons .swiper-button-prev {
    transform: translateY(-50%) rotate(180deg);
}

.pd-anchors--inline .swiper-buttons {
    display: none;
}

@media screen and (max-width: 1023px) {
    .pd-anchors .swiper-buttons .swiper-button-next,
    .pd-anchors .swiper-buttons .swiper-button-prev,
    .pd-anchors .swiper-buttons .swiper-button-next:hover,
    .pd-anchors .swiper-buttons .swiper-button-prev:hover {
        background: transparent;
    }

    .pd-anchors .swiper-buttons .swiper-button-next:before,
    .pd-anchors .swiper-buttons .swiper-button-prev:before {
        right: 0%;
    }

    .pd-anchors .swiper-buttons .swiper-button-next i,
    .pd-anchors .swiper-buttons .swiper-button-prev i {
        display: none;
    }
}
.experience-layouts-anchors {
    opacity: 1;
    transition: all .5s;
}
.experience-layouts-anchors--hide {
    opacity: 0;
}
