/* Hero video */
.hero-video-wrapper {
    position: relative;
    width: 100%;
    height: 900px;
    overflow: hidden;
}

.hero-video-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 98% 10%;
    display: block;
}

.hero-video-wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    pointer-events: none;
    will-change: opacity;
    transform: translateZ(0);
}

@media (max-width: 1024px) {
    .hero-video-wrapper {
        height: 100vh;
    }
}

@media (max-width: 767px) {
    .hero-video-wrapper {
        height: 95vh;
    }
}

@media (max-width: 480px) {
    .hero-video-wrapper {
        height: 90vh;
    }
}

.uffizio-hero-text {
    line-height: 1.15;
    text-transform: uppercase;
    color: var(--uffizio-text-white);
    font-family: var(--uffizio-font-heading);
}

.uffizio-line-one,
.uffizio-line-two {
    font-size: clamp(32px, 6vw, 72px);
    font-weight: 700;
}

.uffizio-line-two {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25em;
}

.uffizio-rotating-text {
    display: inline-block;
    position: relative;
    height: 1.1em;
    overflow: hidden;
    vertical-align: bottom;
    color: #00ff09;
}

.uffizio-rotating-text span {
    display: block;
    height: 1.1em;
    line-height: 1.1em;
    animation: uffizio-slide-up 6s infinite;
}

@keyframes uffizio-slide-up {

    0%,
    20% {
        transform: translateY(0);
    }

    33%,
    53% {
        transform: translateY(-1.1em);
    }

    66%,
    86% {
        transform: translateY(-2.2em);
    }

    100% {
        transform: translateY(-3.3em);
        /* move to duplicated first word */
    }
}

/* HOME page Counter section css start */
.uffizio-counter .elementor-counter-number-wrapper {
    position: relative;
}

.uffizio-counter .elementor-counter-number-wrapper::after {

    content: "";
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    width: 90%;
    height: 1px;
    margin-top: 10px;
    background: linear-gradient(to right, #6fb8ff, #00488e);
}