.v-object-fit-cover {
    object-fit: cover;
}
.tickets-container > a > h3,
.magic-experience-container > div:nth-child(1) > h3 {
    font-family: din-condBold;
    color: #000000;
}
.magic-experience-container > div:nth-child(1) > p {
    font-family: din-condMed;
    color: #000000;
}
@media (max-width: 576px) {
    .mb-25 {
        margin-bottom: 25% !important;
    }
    .v-object-fit-cover {
        height: calc(100vh - 24vw);
    }
    .lineup-img {
        width: 90%;
    }
    .plants-img {
        margin-top: -5%;
        width: 90%;
    }
    .tickets-container {
        width: 90%;
        margin: 0 auto;
    }
    .tickets-container > div {
        max-width: 100%;
    }
    .img-tickets {
        width: 80vw;
        margin-bottom: 7.2vw;
    }
    .tickets-container > a > h3,
    .magic-experience-container > div:nth-child(1) > h3 {
        font-size: 13.02vw;
        margin-bottom: 5.2vw;
    }
    .magic-experience-container > div:nth-child(1) > p {
        font-size: 5.55vw;
    }
    .magic-experience-container {
        width: 90%;
        margin: 0 auto;
    }
    .magic-experience-container > div {
        width: 100%;
    }
    .magic-experience-container > div:nth-child(1) > div > img  {
        width: 40%;
        margin-bottom: 10%;
    }
    .carousel-indicators {
        left: unset !important;
        margin-right: 0 !important;
        bottom: -15% !important;
    }
    .carousel-indicators [data-bs-target] {
        background-color: transparent !important;
        width: 2.5vw !important;
        height: 2.5vw !important;
        border: 0.1vw solid black !important;
        border-radius: 5vw;
    }
    .carousel-indicators [data-bs-target].active {
        background-color: black !important;
        border: 0.1vw solid transparent !important;
    }
    .me-more {
        margin-top: 2.35vw;
        margin-bottom: 5.2vw;
        width: 31.25vw;
    }
}
@media (min-width: 576px) and (max-width: 992px) {
    .mb-10 {
        margin-bottom: 10% !important;
    }
    .v-object-fit-cover {
        height: calc(100vh - 16.5vw);
    }
    .lineup-img {
        width: 40%;
    }
    .plants-img {
        margin-top: -5%;
        width: 80%;
    }
    .tickets-container {
        width: 70%;
        margin: 0 auto;
    }
    .tickets-container > div {
        max-width: 100%;
    }
    .img-tickets {
        width: 20vw;
        margin: 2%;
    }
    .tickets-container > a > h3,
    .magic-experience-container > div:nth-child(1) > h3 {
        font-size: 3.9vw;
    }
    .magic-experience-container {
        width: 80%;
        margin: 0 auto;
    }
    .magic-experience-container > div:nth-child(1) {
        width: 45%;
    }
    .magic-experience-container > div:nth-child(1) > p {
        font-size: 1.66vw;
    }
    .magic-experience-container > div:nth-child(1) > div > img {
        width: 35%;
    }
    .magic-experience-container > div:nth-child(2) {
        width: 80%;
        padding: 0 0 0 5%;
    }
    .carousel-indicators {
        left: unset !important;
        margin-right: 0 !important;
        margin-bottom: -1.61vw !important;
    }
    .carousel-indicators [data-bs-target] {
        background-color: transparent !important;
        width: 0.78125vw !important;
        height: 0.78125vw !important;
        border: 0.1vw solid black !important;
        border-radius: 2.083vw;
    }
    .carousel-indicators [data-bs-target].active {
        background-color: black !important;
        border: 0.1vw solid transparent !important;
    }
    .me-more {
        margin-top: 1.51vw;
        width: 12.12vw;
    }
}
@media (min-width: 991px) {
    .mb-10 {
        margin-bottom: 10% !important;
    }
    .v-object-fit-cover {
        height: calc(100vh - (1.04vw * 3));
    }
    .lineup-img {
        width: 50%;
    }
    .plants-img {
        margin-top: -5%;
        width: 80%;
    }
    .tickets-container {
        width: 70%;
        margin: 0 auto;
    }
    .tickets-container > div {
        width: 100%;
    }
    .img-tickets {
        width: 20vw;
        margin: 2%;
    }
    .tickets-container > a > h3,
    .magic-experience-container > div:nth-child(1) > h3 {
        font-size: 3.9vw;
    }
    .magic-experience-container {
        width: 80%;
        margin: 0 auto;
    }
    .magic-experience-container > div:nth-child(1) {
        width: 45%;
    }
    .magic-experience-container > div:nth-child(1) > p {
        font-size: 1.66vw;
    }
    .magic-experience-container > div:nth-child(1) > div > img {
        width: 35%;
    }
    .magic-experience-container > div:nth-child(2) {
        width: 80%;
        padding: 0 0 0 5%;
    }
    .carousel-indicators {
        left: unset !important;
        margin-right: 0 !important;
        margin-bottom: -1.66vw !important;

    }
    .carousel-indicators [data-bs-target] {
        background-color: transparent !important;
        width: 0.78125vw !important;
        height: 0.78125vw !important;
        border: 0.1vw solid black !important;
        border-radius: 2.083vw;
    }
    .carousel-indicators [data-bs-target].active {
        background-color: black !important;
        border: 0.1vw solid transparent !important;
    }
    .me-more {
        margin-top: 1.042vw;
        width: 9.375vw;
    }
    
}
@media (min-width: 1920px) {
    .v-object-fit-cover {
        height: calc(100vh - (20px * 3));
    }
}

.menu-ticket-video {
    width: 75%;
}

@media (max-width: 576px) {
    .menu-ticket-video {
        width: 55%;
    }
    .container-logos {
        width: 80vw;
    }
    .prov-logo-landing {
        width: 90%;
    }
    .pre-register-button {
        width: 60%;
        margin: 0 auto;
        margin-top: 7.06vw;
    }
}
@media (min-width: 576px) and (max-width: 992px) {
    .menu-ticket-video {
        width: 45%;
    }
    .container-logos {
        width: 50vw;
    }
    .prov-logo-landing {
        width: 90%;
        margin: 0 auto;
    }
    .pre-register-button {
        width: 60%;
        margin: 0 auto;
        margin-top: 7.06vw;
    }
}
@media (min-width: 992px) {
    .menu-ticket-video {
        width: 40%;
    }
    .container-logos {
        width: 45vw;
    }
    .prov-logo-landing  {
        width: 70%;
        margin: 0 auto;
    }
    .pre-register-button {
        width: 45%;
        margin: 0 auto;
        margin-top: 3.64vw;
    }
}

.banner-wrapper-text {
    height: 45px;
    position: relative;
    display: block;
    /* For modern browsers */
    background: linear-gradient(0deg, #FF6EA9 0%, #E9FFBA);
    /* For older browsers */
    background: -webkit-linear-gradient(0deg, #FF6EA9 0%, #E9FFBA);
    background: -moz-linear-gradient(0deg, #FF6EA9 0%, #E9FFBA);
    background: -o-linear-gradient(0deg, #FF6EA9 0%, #E9FFBA);
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    overflow: hidden;
}
.banner-text {
    display: block;
    width: 200%;
    overflow: hidden;
    height: 45px;
    animation: move-letters 25s linear infinite;
    position: absolute;
}
.banner-text > h2 > a {
    font-family: din-condBold;
    color: #000000;
}
.banner-wrapper-text:hover {
    background: black;
}
.banner-wrapper-text:hover > .banner-text {
    animation-play-state: paused;
}
.banner-wrapper-text:hover > .banner-text > h2 > a {
    /* For modern browsers */
    background: linear-gradient(0deg, #FF6EA9 0%, #E9FFBA);
    /* For older browsers */
    background: -webkit-linear-gradient(0deg, #FF6EA9 0%, #E9FFBA);
    background: -moz-linear-gradient(0deg, #FF6EA9 0%, #E9FFBA);
    background: -o-linear-gradient(0deg, #FF6EA9 0%, #E9FFBA);
     -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
@media (max-width: 576px) {
    .banner-text {
        animation: move-letters 15s linear infinite;
    }
    .banner-wrapper-text,
    .banner-text {
        height: 7.8125vw;
        margin-top: -1.86vw;
    }
    .banner-text > h2 {
        margin-top:1.86vw;
    }
    .banner-text > h2 > a {
        font-size: 4.86vw;
        line-height: 7.8125vw;
    }
}
@media (min-width: 576px) {
    .banner-wrapper-text,
    .banner-text {
        height: 4.0625vw;
    }
    .banner-text > h2 > a {
        font-size: 2.19vw;
        line-height: 4.0625vw;
    }
}
@media (min-width: 1920px) {
    .banner-wrapper-text,
    .banner-text {
        height: 78px;
    }
    .banner-text > h2 > a {
        font-size: 42px;
        line-height: 78px;
    }
}