.nav-arrow {
    width: 40px;
    height: 40px;
    background: var(--ap-text-gray);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    cursor: pointer;
    transition: transform 0.2s;
    border: none;
}

.nav-arrows {
    right: 30px;
    display: flex;
    gap: 15px;
    z-index: 10;
    transition: all 0.3s    ease 0.2s;

}
.nav-arrows svg{
    fill: #D9B673;
}

.prev-btn.swiper-button-disabled,
.next-btn.swiper-button-disabled
{
    background: #BCBCBC;
    color: white;
}

.prev-btn.swiper-button-disabled svg,
.next-btn.swiper-button-disabled svg{
    fill: white;
}