/* Hero */

.device-xl #slider .emphasis-title h1 {
    font-size: 52px;
}

.device-lg #slider .emphasis-title h1 {
    font-size: 44px;
}

.block-hero-6 .font-secondary {
    font-family: 'Grand Hotel', cursive;
}

.block-hero-6 {
    --color: 34, 46, 43;
}

.block-hero-6 .hero-img {
    border: 16px solid #FFF;
}

@media (min-width: 576px) {
    .block-hero-6 .hero-img {
        max-height: 100vh;
    }

    .block-hero-6 {
        max-height: 100vh;
    }
}

@media (min-width: 768px) {
    .block-hero-6 .hero-img {
        max-height: 100vh;
    }

    .block-hero-6 {
        max-height: 100vh;
    }

}

@media (min-width: 992px) {
    .block-hero-6 .hero-img {
        max-height: 100vh;
    }

    .block-hero-6 {
        max-height: 100vh;
    }

}

@media (min-width: 1200px) {
    .block-hero-6 .hero-img {
        max-height: 60vh;
    }

    .block-hero-6 {
        height: 60% !important;
    }

}

/* ----- Tab ----- */

.block-tab-2 .nav-tabs {
    --bs-nav-tabs-border-width: 0px;
    --bs-nav-link-color: #111;
    --bs-nav-link-hover-color: var(--bs-danger);
}

.block-tab-2 .nav-tabs .nav-item .nav-link {
    position: relative;
    font-size: 15px;
    font-weight: 400;
    padding: 0 0 20px 0;
}

.block-tab-2 .nav-tabs .nav-item .nav-link i {
    display: block;
    font-size: 38px;
    margin: 0 0 10px 0;
}

.block-tab-2 .nav-tabs .nav-item .nav-link.active {
    top: 0;
}

.block-tab-2 .nav-tabs .nav-item .nav-link.active i {
    color: var(--bs-danger);
}

.block-tab-2 .nav-tabs .nav-item .nav-link.active::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    border-radius: 50%;
    background: var(--bs-danger);
}

/* Carousel */

.carousel-item {
    display: none;
    position: relative;
    transition: transform 0.6s ease;
}

.carousel-item.active {
    display: block;
}

.responsive-video {
    width: 100%;
    height: auto;
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}