body {
    background: #000;
}

@media (max-width: 576px) {
    div#navbarSupportedContent {
        background-color: #000 !important;
    }
}

#pointer-dot {
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border: 2.5px solid white;
    position: fixed;
    border-radius: 4px;
    z-index: 101;
    pointer-events: none;
    transition: border-color 0.5s;
}

#pointer-ring {
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    padding: 15px;
    border: 2px solid #fff;
    position: fixed;
    border-radius: 100px;
    z-index: 102;
    pointer-events: none;
}

html {
    cursor: none !important;
}

a {
    cursor: none !important;
}

.swiper-pagination {
    right: -150px;
    left: inherit !important;
    bottom: inherit !important;
    width: auto !important;
    top: 50%;
    transform: rotate(90deg) !important;
}
.swiper-pagination .form-check-input[type="radio"] {
    background: #d9d9d9;
    border-color: #d9d9d9;
    width: 0.8em;
    height: 0.8em;
}
.swiper-pagination .form-check-input[type="radio"]:focus {
    box-shadow: none;
}
.swiper-pagination .form-check-input:checked[type="radio"] {
    background: #000;
    border-color: #000;
}
span.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
.swiper-pagination-bullet-active {
    background-color: #000;
}
@-webkit-keyframes animateThis {
    0% {
        width: 0px;
    }
    100% {
        width: 100%;
    }
}