h1, h2, h3, h4, h5, h6 {
    font-family: "Stratum2Light", sans-serif !important;
    text-transform: uppercase !important;
}

body, p {
    font-family: "Titillium Web", sans-serif, Nunito, sans-serif !important;
}

.video-container {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    transition: all .2s ease-out;
    display: none;
    opacity: 0;
    z-index: 1500;
}

.background-video {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 1;
    overflow: hidden;
    transition: .5s ease-in-out;
}

.myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

.background-video .inner {
    text-align: center;
}

/**

 */

.stellaron-gradient {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
}

@media (min-width: 768px) {
    .stellaron-gradient {
        min-height: 500px;
    }
}


.footer {
    background: #000 !important;
    border: 0px solid #0bb3b3 !important;
    border-radius: 0 !important;
    border-width: 1px 0 !important;
}

.navbar-stuck {
    background: #000 !important;
    border: 0px solid #0bb3b3;
    border-radius: 0;
    border-width: 1px 0;
}

.card {
    background: linear-gradient(to bottom, rgba(170, 255, 252, 0.02) 0%, rgba(170, 255, 252, 0.09) 100%);
    border: 0px solid rgba(170, 255, 252, 0.2);
    border-radius: 0;
    border-width: 1px 0;
    margin-bottom: 1rem;
}

.card-header {
    background: linear-gradient(to right, rgba(170, 255, 252, 0.1) 0%, rgba(6, 22, 35, 1) 100%) 0;
    border: 0px solid rgba(170, 255, 252, 1);
    border-bottom-width: 2px;
    padding: .75rem 1.25rem;
}

/*
.card-body {
    background: linear-gradient(to bottom, rgba(250, 247, 247, 0.02) 0%, rgba(6, 22, 35, 1) 100%);
    border: 0px solid rgba(170, 255, 252, 0.2);
    border-radius: 0;
    border-width: 1px;
}
 */


.card-body {
    background: linear-gradient(to right, rgba(170, 255, 252, 0.02) 0%, rgba(6, 22, 35, 1) 100%), url('../../theme/backgrounds/bkgpattern.png');
    border: 0px solid rgba(170, 255, 252, 0.2);
    border-radius: 0;
    border-width: 1px;
}

.corner-border-top::before, .corner-border-top::after, .corner-border-bottom::before, .corner-border-bottom::after {
    border: 0px solid #0bb3b3;
    border-top-width: 0px;
    border-left-width: 0px;
    content: '';
    height: 5px;
    position: absolute;
    width: 5px;
}


.corner-border-top::before {
    border-left-width: 1px;
    border-top-width: 1px;
    left: 0;
    top: -1px;
}

.corner-border-top::after {
    border-right-width: 1px;
    border-top-width: 1px;
    right: 0;
    top: -1px;
}

.corner-border-bottom::before {
    border-bottom-width: 1px;
    border-left-width: 1px;
    bottom: -1px;
    left: 0;
}

.corner-border-bottom::after {
    border-bottom-width: 1px;
    border-right-width: 1px;
    bottom: -1px;
    right: 0;
}

/**
###################
###################
###################
 */

.si-buttons-scifi__style-6__button-4 {
    /* == BUTTON SETTINGS == */
    --font-size: 16px;
    --color: white;
    --background-color: #0d0a11;
    --border-color: #0bb3b3;
    --border-width: 1px;
    --border-cut: 15px;
    --button-shape: polygon(0 0%, calc(100% - var(--border-cut)) 0%, 100% var(--border-cut), 100% 100%, 100% 100%, var(--border-cut) 100%, 0% calc(100% - var(--border-cut)), 0% 0);
}

.si-buttons-scifi__style-6__button-4 {
    font-size: var(--font-size);
    color: var(--color) !important;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    align-self: center;
    vertical-align: middle;
    appearance: none;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    word-spacing: 3px;
    letter-spacing: 0.4px;
    cursor: pointer;
    transition: 0.3s;
    line-height: initial;
    min-height: 30px;
    min-width: 70px;
    white-space: nowrap;
    z-index: 1;
    user-select: none;
    outline: 0;
    padding: 15px 30px;
    background-color: transparent;
    filter: drop-shadow(-4px 0px 0px var(--border-color)) drop-shadow(4px 0px 0px var(--border-color));
}

.si-buttons-scifi__style-6__button-4:before,
.si-buttons-scifi__style-6__button-4:after {
    content: '';
    inset: 0;
    background: var(--border-color);
    position: absolute;
    z-index: -1;
    clip-path: var(--button-shape);
    box-shadow: inset 0 0 25px -10px var(--border-color);
    transform: skewX(-30deg);
}

.si-buttons-scifi__style-6__button-4:after {
    inset: var(--border-width);
    background: var(--background-color);
}

.si-buttons-scifi__style-6__button-4 ripple,
.si-buttons-scifi__style-6__button-4 shine {
    transform: skewX(-30deg);
}

[class*='si-buttons-scifi'].disabled,
[class*='si-buttons-scifi']:disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: default;
}


/* Ripple Animation */
[class*='si-buttons-scifi'] ripple {
    inset: 0;
    position: absolute;
    overflow: hidden;
    -webkit-clip-path: var(--button-shape);
    clip-path: var(--button-shape);
}

[class*='si-buttons-scifi'].disabled ripple,
[class*='si-buttons-scifi']:disabled ripple {
    display: none
}

[class*='si-buttons-scifi'] ripple:after {
    content: '';
    --ripple-gradient: rgb(255, 255, 255);
    position: absolute;
    inset: 0 auto 0 -200%;
    width: 200%;
    transform: skewX(-20deg);
    opacity: 0.5;
    background-image: linear-gradient(to right, transparent, var(--ripple-gradient), transparent);
}

[mode*='light'] ripple:after {
    --ripple-gradient: var(--border-color);
}

[class*='si-buttons-scifi']:hover ripple:after {
    left: 200%;
    transition: 1.6s ease;
}

[class*='si-buttons-scifi'] ripple:before {
    content: '';
    --ripple-color: rgb(255, 255, 255);
    position: absolute;
    inset: 50%;
    transform: skewX(-10deg);
    border-radius: 100vh;
}

[mode*='light'] ripple:before {
    --ripple-color: var(--border-color);
}

[class*='si-buttons-scifi']:focus ripple:before {
    animation: ripple-animation 0.7s ease-in-out forwards;
}

[class*='si-buttons-scifi']:active ripple:before {
    animation: unset;
}

@keyframes ripple-animation {
    0% {
        box-shadow: 0 0 0 0 var(--ripple-color);
        opacity: 0.6
    }
    100% {
        box-shadow: 0 0 0 150px var(--ripple-color);
        opacity: 0
    }
}


/* Shine Animation */
[class*='si-buttons-scifi'] shine {
    position: absolute;
    inset: 0;
    overflow: hidden;
    -webkit-clip-path: var(--button-shape);
    clip-path: var(--button-shape);
}

[class*='si-buttons-scifi'].disabled shine,
[class*='si-buttons-scifi']:disabled shine {
    display: none;
}

[class*='si-buttons-scifi'] shine:after {
    content: '';
    position: absolute;
    inset: 0 auto 0 -70px;
    width: 30px;
    opacity: 0.8;
    background: rgb(255, 255, 255);
    transition: all .3s linear;
    transform: skewX(-15deg) translateX(0);
    animation: shine 3.5s ease-in-out infinite;
}

[mode*='light'] shine:after {
    opacity: 0.5;
    background: var(--border-color);
}

[class*='si-buttons-scifi']:hover shine:after {
    animation: unset;
}

@keyframes shine {
    70% {
        left: -70px
    }
    100% {
        left: calc(100% + 70px)
    }
}

/**
###################
###################
###################
 */

.si-buttons-scifi__style-8__button-2 {
    /* == BUTTON SETTINGS == */
    --font-size: 16px;
    --color: white;
    --background-color: #0d0a11;
    --border-color: #0bb3b3;
    --border-width: 1px;
    --border-cut: 22px;
    --button-shape: polygon(100% 0, 100% 100%, var(--border-cut) 100%, 0 calc(100% - var(--border-cut)), 0 0);
}

.si-buttons-scifi__style-8__button-2 {
    font-size: var(--font-size);
    color: var(--color) !important;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    align-self: center;
    vertical-align: middle;
    appearance: none;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    word-spacing: 3px;
    letter-spacing: 0.4px;
    cursor: pointer;
    transition: 0.3s;
    line-height: initial;
    min-height: 30px;
    min-width: 70px;
    white-space: nowrap;
    z-index: 1;
    user-select: none;
    outline: 0;
    padding: 15px 30px;
    background-color: transparent;
}

.si-buttons-scifi__style-8__button-2:before {
    content: '';
    position: absolute;
    inset: 0 -10px 0 auto;
    width: 5px;
    background: var(--border-color);
}

.si-buttons-scifi__style-8__button-2:after {
    content: '';
    position: absolute;
    height: 6px;
    width: 22px;
    background: var(--border-color);
    clip-path: polygon(5px 0%, calc(100% - 5px) 0%, 100% 100%, 0% 100%);
    transform: rotate(-135deg);
    bottom: 3px;
    left: -5px;
}

.si-buttons-scifi__style-8__button-2 helper-1:after,
.si-buttons-scifi__style-8__button-2 helper-1:before {
    content: '';
    position: absolute;
    inset: var(--border-width);
    background: var(--background-color);
    z-index: -1;
    clip-path: var(--button-shape);
    box-shadow: inset 0 0 25px -10px var(--border-color);
}

.si-buttons-scifi__style-8__button-2 helper-1:before {
    inset: 0;
    background: var(--border-color);
}

[class*='si-buttons-scifi'].disabled,
[class*='si-buttons-scifi']:disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: default;
}


/* Ripple Animation */
[class*='si-buttons-scifi'] ripple {
    inset: 0;
    position: absolute;
    overflow: hidden;
    -webkit-clip-path: var(--button-shape);
    clip-path: var(--button-shape);
}

[class*='si-buttons-scifi'].disabled ripple,
[class*='si-buttons-scifi']:disabled ripple {
    display: none
}

[class*='si-buttons-scifi'] ripple:after {
    content: '';
    --ripple-gradient: rgb(255, 255, 255);
    position: absolute;
    inset: 0 auto 0 -200%;
    width: 200%;
    transform: skewX(-20deg);
    opacity: 0.5;
    background-image: linear-gradient(to right, transparent, var(--ripple-gradient), transparent);
}

[mode*='light'] ripple:after {
    --ripple-gradient: var(--border-color);
}

[class*='si-buttons-scifi']:hover ripple:after {
    left: 200%;
    transition: 1.6s ease;
}

[class*='si-buttons-scifi'] ripple:before {
    content: '';
    --ripple-color: rgb(255, 255, 255);
    position: absolute;
    inset: 50%;
    transform: skewX(-10deg);
    border-radius: 100vh;
}

[mode*='light'] ripple:before {
    --ripple-color: var(--border-color);
}

[class*='si-buttons-scifi']:focus ripple:before {
    animation: ripple-animation 0.7s ease-in-out forwards;
}

[class*='si-buttons-scifi']:active ripple:before {
    animation: unset;
}

@keyframes ripple-animation {
    0% {
        box-shadow: 0 0 0 0 var(--ripple-color);
        opacity: 0.6
    }
    100% {
        box-shadow: 0 0 0 150px var(--ripple-color);
        opacity: 0
    }
}


/* Shine Animation */
[class*='si-buttons-scifi'] shine {
    position: absolute;
    inset: 0;
    overflow: hidden;
    -webkit-clip-path: var(--button-shape);
    clip-path: var(--button-shape);
}

[class*='si-buttons-scifi'].disabled shine,
[class*='si-buttons-scifi']:disabled shine {
    display: none;
}

[class*='si-buttons-scifi'] shine:after {
    content: '';
    position: absolute;
    inset: 0 auto 0 -70px;
    width: 30px;
    opacity: 0.8;
    background: rgb(255, 255, 255);
    transition: all .3s linear;
    transform: skewX(-15deg) translateX(0);
    animation: shine 3.5s ease-in-out infinite;
}

[mode*='light'] shine:after {
    opacity: 0.5;
    background: var(--border-color);
}

[class*='si-buttons-scifi']:hover shine:after {
    animation: unset;
}

@keyframes shine {
    70% {
        left: -70px
    }
    100% {
        left: calc(100% + 70px)
    }
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: transparent;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 10px;
}

*::-webkit-scrollbar-track {
    background-color: transparent;
}

*::-webkit-scrollbar-thumb {
    background-color: #464347;
    border-radius: 10px;
    border: 3px solid transparent;
}