/*Created by MNI Noyon @2022-08-28*/
body{
    font-family: 'Montserrat', sans-serif;
    background: #e9ecef;
    color: #000000;
}
.header-wrapper{
    background: linear-gradient(0deg,  rgba(0, 0, 0, .2), rgba(0, 95, 155, 0.9)), url("../images/header-bg.jpg");
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center;
    /*box-shadow: inset 0 0 0 2000px rgb(34, 34, 35);*/
}
.header-content {
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
.btn-get-early-access, .btn-submit,
.btn-get-early-access:active, .btn-submit:active,
.btn-get-early-access:focus, .btn-submit:focus {
    text-decoration: none;
    color: #fff;
    background: #0083da;
    font-size: 24px;
    padding: 16px 32px;
    line-height: 24px;
    border-radius: 0;
}
@media screen and (min-width: 768px){
    li.nav-item + .nav-item {
        margin-left: 32px;
    }
}

.form-wrapper {
    max-width: 480px;
    margin: auto;
}
.footer-wrapper{
    background: #1c1c1c;
    color: #fff;
}
#term-privacy-modal{
    color: #0083da;
    text-decoration: underline;
}
#term-privacy-modal:hover{
    cursor: pointer;
    color: var(--bs-link-hover-color);
}
a {
    color: #0083da;
}
.hidden{
    display: none;
}

/*Loading button css start*/
.btn-loading {
    color: transparent !important;
    pointer-events: none;
    position: relative;
}

.btn-loading:after {
    content: '';
    -webkit-animation: loader 500ms infinite linear;
    animation: loader 500ms infinite linear;
    border: 2px solid #fff;
    border-radius: 50%;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    display: block;
    height: 1.4em;
    width: 1.4em;
    left: calc(50% - (1.4em / 2));
    top: calc(50% - (1.4em / 2));
    -webkit-transform-origin: center;
    transform-origin: center;
    position: absolute !important;
}

.btn-loading.btn-sm:after, .btn-group-sm > .btn-loading.btn:after, .dataTables_wrapper .dataTables_paginate .btn-group-sm > .btn-loading.paginate_button:after {
    height: 1em;
    width: 1em;
    left: calc(50% - (1em / 2));
    top: calc(50% - (1em / 2));
}

.btn-loading.btn-secondary:after, .dataTables_wrapper .dataTables_paginate .btn-loading.paginate_button:after {
    border-color: #495057;
}

@-webkit-keyframes loader {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*Loading button css end */