.template-slider1,
.template-slider2,
.template-slider3 {
    /* Không lặp lại hình nền */
    background-size: cover;
    height: 395px;
    /* Căng hình nền để bao phủ toàn bộ màn hình */
    width: 105%;
}

.template-slider1 {
    background-image: url('../../images/templates/bg-aji.jpg');
}

.template-slider2 {
    background-image: url('../../images/templates/bg-ao.jpg');
}

.template-slider3 {
    background-image: url('../../images/templates/bg-mia.jpg');
}

.contact-bg {
    background-image: url('../../images/home/bg-contact.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 64px;
    background-position: center;
}

.tab-nav li {
    cursor: pointer;
    padding: 10px 20px;
    color: #000;
    font-size: 16px;
    font-weight: normal !important;
    border-bottom: 1px solid var(--default-border-color);
}

.tab-nav li:hover {
    border-bottom: 1px solid var(--default-color);
}

.tab-nav li.active {
        color: #f8c509;
    border-bottom: 1px solid #f8c509;
}

#templateDetail .row.shadow-lg,
#templateDetail .img-fluid {
    border-radius: 15px;
    transition: transform 3s ease-in-out;
}

#templateDetail .img-fluid.shadow-lg:hover {
    transform: translateY(-70%);
}