.hung-vuong-banner[data-v-9c58ff29] {
    position: relative
}

.hung-vuong-banner[data-v-9c58ff29] .swiper {
    aspect-ratio: 1440/465
}

.hung-vuong-banner[data-v-9c58ff29] .swiper .swiper-slide img {
    display: inline-block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.hung-vuong-banner[data-v-9c58ff29] .swiper .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    height: .5714285714rem;
    opacity: 1;
    width: .5714285714rem
}

.hung-vuong-banner[data-v-9c58ff29] .swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #ee1c26
}

.hung-vuong-banner .navigation-btn[data-v-9c58ff29] {
    background: #fff;
    color: var(--theme-primary-color);
    cursor: pointer;
    transform: translateY(-50%);
    transition: all .2s ease-in-out
}

.hung-vuong-banner .navigation-btn.swiper-button-disabled[data-v-9c58ff29] {
    background: hsla(0, 0%, 100%, .4) !important;
    color: #fff;
    opacity: 1
}

.hung-vuong-banner .navigation-btn.prev[data-v-9c58ff29] {
    left: 2.5rem;
    opacity: 0
}

.hung-vuong-banner .navigation-btn.prev svg[data-v-9c58ff29] {
    transform: rotate(180deg)
}

.hung-vuong-banner .navigation-btn.next[data-v-9c58ff29] {
    opacity: 0;
    right: 2.5rem
}

.hung-vuong-banner:hover .navigation-btn.prev[data-v-9c58ff29] {
    left: 1rem;
    opacity: 1
}

.hung-vuong-banner:hover .navigation-btn.next[data-v-9c58ff29] {
    opacity: 1;
    right: 1rem
}