.jobs_promises_swiper-layout {
    padding-block: max(2rem, calc(6.25 * var(--su)));
}

.jobs_promises_swiper-layout .jobs_promises_swiper-top {
    align-items: center;
    margin-bottom: max(1.5rem, calc(3 * var(--su)));
}

.jobs_promises_swiper-layout .jobs_promises_swiper-top .pk-heading {
    margin-bottom: 0;
}

.jobs_promises_swiper-layout .jobs_promises_swiper-controls {
    display: flex;
    justify-content: flex-end;
}


.jobs_promises_swiper-layout .pk-slider-nav {
    background: transparent;
    padding: 0;
}

.jobs_promises_swiper-layout .pk-slider-nav .pk-slider-nav-btn,
.jobs_promises_swiper-layout .pk-slider-nav .pk-slider-nav-btn:not(.swiper-button-disabled) {
    background: var(--avoord-dark-blue);
    border-color: var(--avoord-dark-blue);
    color: var(--avoord-white);
    width: max(2.5rem, calc(2.5 * var(--su)));
    height: max(2.5rem, calc(2.5 * var(--su)));
}

.jobs_promises_swiper-layout .pk-slider-nav .pk-slider-nav-btn:not(.swiper-button-disabled):hover {
    background: var(--avoord-blue);
    border-color: var(--avoord-blue);
}

.jobs_promises_swiper-layout .pk-slider-nav .pk-slider-nav-btn.swiper-button-disabled {
    opacity: 0.75;
}

.jobs_promises_swiper-layout .jobs_promises_swiper-swiper {
    overflow: visible;
}

.jobs_promises_swiper-layout .jobs_promises_swiper-slide {
    height: auto;
}

/* Card */
.jobs_promises_swiper-layout .jobs_promises_swiper-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: max(1rem, calc(1 * var(--su)));
    height: 100%;
    min-height: max(16rem, calc(20.5 * var(--su)));
    border-radius: var(--border-radius);
    padding: max(1.5rem, calc(2 * var(--su)));
    background: linear-gradient(hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.1)), var(--avoord-dark-purple);
    color: var(--avoord-white);
}

.jobs_promises_swiper-layout .jobs_promises_swiper-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 0;
    pointer-events: none;
    z-index: 0;
    color: var(--avoord-dark-purple);
}

.jobs_promises_swiper-layout .jobs_promises_swiper-shape svg {
    width: 100%;
    height: auto;
    display: block;
}

.jobs_promises_swiper-layout .jobs_promises_swiper-icon {
    position: relative;
    z-index: 1;
    width: max(5.4rem, calc(5.4 * var(--su)));
    aspect-ratio: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    left: calc(-1 * var(--su));
    margin-top: max(2rem, calc(2.5 * var(--su)));
}

.jobs_promises_swiper-layout .jobs_promises_swiper-icon svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.jobs_promises_swiper-layout .jobs_promises_swiper-icon-glyph {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: max(1.5rem, calc(1.5 * var(--su)));
    color: var(--avoord-dark-blue);
}

.jobs_promises_swiper-layout .jobs_promises_swiper-card-body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: max(0.75rem, calc(1 * var(--su)));
}

.jobs_promises_swiper-layout .jobs_promises_swiper-card-title {
    color: var(--avoord-white);
    margin: 0;
}

.jobs_promises_swiper-layout .jobs_promises_swiper-card-text {
    font-size: var(--desktop-body-xs);
    color: var(--avoord-white);
    margin: 0;
}

@media screen and (max-width: 767px) {
    .jobs_promises_swiper-layout .jobs_promises_swiper-controls {
        justify-content: flex-start;
    }

    .jobs_promises_swiper-layout .jobs_promises_swiper-top {
        gap: 1.5rem;
    }
}