.relocation-family-swiper .swiper-relocation-family-prev,
.relocation-family-swiper .swiper-relocation-family-next {
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 63%;
    transform: translateY(-50%);
    z-index: 9999 !important;

    /* Tampilan tombol */
    background-color: transparent;
    /* Transparan saat tidak di-hover */
    color: #000;
    border: 1px solid #fff;
    /* Border putih */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    margin: 0 !important;
    /* Hilangkan margin default Swiper */
    transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s,
        border-color 0.3s;
}

.relocation-family-swiper .swiper-relocation-family-prev::after,
.relocation-family-swiper .swiper-relocation-family-next::after {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.relocation-family-swiper .swiper-relocation-family-prev:hover,
.relocation-family-swiper .swiper-relocation-family-next:hover {
    background-color: #026aab;
    color: #fff;
    border-color: #026aab;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    transform: translateY(-50%) scale(1.05);
}

@media (max-width: 768px) {

    .relocation-family-swiper .swiper-relocation-family-prev,
    .relocation-family-swiper .swiper-relocation-family-next {
        display: none !important;
    }
}

.relocation-family-swiper-2 .swiper-relocation-family-prev-2,
.relocation-family-swiper-2 .swiper-relocation-family-next-2 {
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 63%;
    transform: translateY(-50%);
    z-index: 9999 !important;

    /* Tampilan tombol */
    background-color: transparent;
    /* Transparan saat tidak di-hover */
    color: #000;
    border: 1px solid #fff;
    /* Border putih */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    margin: 0 !important;
    /* Hilangkan margin default Swiper */
    transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s,
        border-color 0.3s;
}

.relocation-family-swiper-2 .swiper-relocation-family-prev-2::after,
.relocation-family-swiper-2 .swiper-relocation-family-next-2::after {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.relocation-family-swiper-2 .swiper-relocation-family-prev-2:hover,
.relocation-family-swiper-2 .swiper-relocation-family-next-2:hover {
    background-color: #026aab;
    color: #fff;
    border-color: #026aab;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    transform: translateY(-50%) scale(1.05);
}

@media (max-width: 768px) {

    .relocation-family-swiper-2 .swiper-relocation-family-prev-2,
    .relocation-family-swiper-2 .swiper-relocation-family-next-2 {
        display: none !important;
    }
}