.hero {
    height: fit-content !important;
    position: sticky;
    top: 0;
    left: 0;
    padding: 15px 40px !important;
    margin-bottom: 300px !important;
    z-index: 80;
    box-shadow: 0 0 10px black;
}

.hero .body {
    gap: 8px;
}

.hero h1 {
    font-size: 50px;
}

.hero .wrap {
    gap: 8px;
}

.hero::before {
    background-image: radial-gradient(circle at center, #ffe98d, #fab209);
    transition: opacity 0.5s ease;
}

.hero.scrolled::before {
    opacity: 1;
}

html {
    padding-top: 300px;
}

.background {
    width: 100vw;
    height: 100svh;
    inset: 0;
    background-image: url("https://blog.italotreno.com/wp-content/uploads/2016/09/quanto-dista-roma-termini-dal-centro.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.box.v2 {
    background-color: var(--color-bg);
}

.features {
    margin-top: 80px !important;
}

.features .col .content {
    background-color: var(--color-layer);
}

.reviews.v4 h2 {
    text-shadow: 0 0 5px white;
}

.reviews.v4 .item {
    box-shadow: 0 0 6px 0 #000000cc;
}

footer img {
    height: 20px;
    scale: 1.5;
    margin-left: 10px;
}

#Contact {
    scroll-margin-top: 170px;
}

.marquee.animating .content {
    animation-duration: 20s !important;
}