.bg-clip-text {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*Hành trình chuyển đổi số*/
.header-text {
    background: linear-gradient(90deg, #840000 0%, #ce181e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.service-item {
    background: url("/wp-content/uploads/2025/02/background_service.png") no-repeat center center;
    background-size: cover;
}

.service-item:hover {
    background: url("/wp-content/uploads/2025/02/background_service_hover.png") no-repeat center center;
    color: #ffffff;
}

.service-item:hover img {
    transition: opacity 0.3s ease-in-out;
    content: url("/wp-content/uploads/2025/02/arrow-right-white.png");
}


/*Giải pháp tùy chỉnh*/
.icon-button-solution:hover img {
    transition: opacity 0.3s ease-in-out;
    content: url("/wp-content/uploads/2025/02/arrow-right-red.png");
}

/*Luvina Academy*/
.btn-luvina-academy:hover img {
    transition: opacity 0.3s ease-in-out;
    content: url("/wp-content/uploads/2025/02/arrow-right-white.png");
}

/*Khách hàng*/
.read-more-button:hover img {
    transition: opacity 0.3s ease-in-out;
    content: url("/wp-content/uploads/2025/02/arrow-right-white.png");
}

.swiper-container {
    overflow-x: clip;
    position: relative;
    height: 644px;
}

.swiper-pagination-bullet {
    width: 35px;
    height: 4px;
    margin: 0 4px;
    background-color: #efeff0;
    border-radius: 50px;
    transition: background-color 0.3s ease;
}

.swiper-pagination-bullet-active {
    background-color: #ce181e;
}

.swiper-pagination {
    position: absolute;
    bottom: -30px !important;
    width: 100%;
    text-align: center;
    z-index: 5;
}

#imgCustomer {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

#imgCustomer.show {
    opacity: 1;
    transform: translateY(0);
}

/* Luvina overvew */
.swiper-pagination-overview {
    position: absolute;
    bottom: -30px !important;
    width: 100%;
    text-align: center;
    z-index: 5;
}

.swiper-container-overview {
    position: relative;
    height: 365px;
}