.hooper-progress-inner {
    background-color: var(--primary)
}

.hooper-indicator:hover,
.hooper-indicator.is-active {
    background-color: var(--primary)
}

.uppercase {
    text-transform: uppercase;
}

.outline {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #3EC4F5;
    -webkit-text-fill-color: transparent;
}

.box-outlined {
    border-radius: 20px;
    min-height: fit-content;
    background-size: cover;
}

.pp-btn {
    font-size: larger;
    margin-bottom: 10px;
}

.pp-width {
    width: 90%;
}

.hooper-next,
.hooper-prev {
    cursor: pointer;
    margin-right: 20px;
    margin-top: 4rem;
}

.v-image__image--cover {
    background-size: contain;
    height: 300px;
}

.pp-hover {
    background-image: url("/images/pp-intersection.png");
    background-size:contain;
    position: absolute;
    width: 50px !important;
    top: 15%;
    left: 25%;
    height: 100%;
}

.home-btn {
    display: inline-block;
    box-shadow: 0 3px 3px rgba(255, 255, 255, 0.4);
    cursor: pointer;
}

.top {
    top: 85px;
    position: absolute;
    width: 250px !important;
    z-index: 1;
}

.hooper-progress {
    background-color: #404040 !important;
}

.text-h7 {
    font-size: 1.2rem !important;
    line-height: 1.6rem !important;
}

.video-js .vjs-play-control {
    display: none;
}

.ytp-pause-overlay .ytp-scroll-min .ytp-scroll-max {
    display: none !important;

}

.theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
    color: white;
}

.v-list-item__title {
    color: white !important;
}