/* CSS Document */
@font-face {
    font-family: 'Rochester';
    src: url('../../fonts/Rochester/Rochester-Regular.ttf');
}
html {
    height:100%;
}
:root {
    --bs-white:#FFF;
    /* === Custom Color  === */
    --main-orange: #fa7809;
    --green: #2B7A0B;
    --Light-blue: #93bfeb;
    --Lighter-blue: #bed9f3;
    --dark-blue: #143F6B;
    --main-blue: #337ab7;
    --darker-blue: #081a2b;
    --yellow: #ffcc00;
}
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    /*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
    max-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    line-height: 1.6;
}
/*Start Intro*/
.intro {
    position: absolute;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    top: 0px;
    left: 0px;
    cursor: pointer;
    background-image: url('../images/3.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
    .intro .container-intro {
        position: absolute;
        left: 50%;
        top: 35%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
    }

    .container-intro .intro-title {
        position: relative;
        /*z-index: -1;*/
    }

   .container-intro .intro-title h1 {
            width:100%;
            white-space: nowrap;
            font-size: 10rem;
            margin: 0px;
            font-weight: 900;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            background: url('../images/11.jpg') no-repeat;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-size: cover;
            background-position: center;
            font-family: 'Rochester', cursive;
        }

    .intro .intro-img img {
        position: absolute;
        height: 85vh;
        bottom: 0%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.large-header {
    position: absolute;
    width: 100vw;
    height: 100vh;
    z-index: 99;
    top: 0px;
    left: 0px;
    cursor: pointer;
    background-image: url('../images/3.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.center {
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%,-30%);
    -ms-transform: translate(-50%,-30%);
    transform: translate(-50%,-30%);
}
.logo-img {
    width: 5rem;
    height: 5rem;
}
.login-container {
    width: 100%;
    max-width: 420px;
    perspective: 1000px;
}

/* Form Group & Input Styles */
.login-form{
    display:flex;
    flex-direction:column;
}
.form-group {
    margin-bottom: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
}
    .d-flex{
        display:flex;
        flex-direction:row;
        gap:.5rem;
    }

    .form-group input,
    .form-group select {
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 9px;
        padding: 16px 16px 8px 16px;
        color: white;
        font-size: 16px;
        font-weight: 400;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        backdrop-filter: blur(10px);
        height: 1.5rem;
    }
    .form-group select {
        padding: 0rem 1rem;
        height: 3rem;
        width:100%;
    }
.form-group select option {
    background-color: gray;
    color: white;
}
        .form-group input::placeholder,
        .form-group select::placeholder {
            color: transparent;
        }

    .form-group label {
        position: absolute;
        left: 16px;
        top: 11px;
        color: rgba(255, 255, 255, 0.7);
        font-size: 16px;
        font-weight: 400;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        pointer-events: none;
        transform-origin: left top;
    }

    .form-group .input-icon {
        position: absolute;
        right: 16px;
        top: 18px;
        color: rgba(255, 255, 255, 0.7);
        font-size: 16px;
        font-weight: 400;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        pointer-events: none;
        /*transform-origin: right top;*/
    }

    .form-group input:focus,
    .form-group input:valid,
    .form-group select:focus,
    .form-group select:valid {
        border-color: var(--dark-blue);
        background: rgba(255, 255, 255, 0.15);
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(6, 182, 212, 0.2);
    }

        .form-group input:focus + label,
        .form-group input:valid + label{
            transform: translateY(-16px) scale(0.85);
            color: var(--Lighter-blue);
            font-weight: 500;
        }

.focus-border {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--dark-blue), var(--main-blue));
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(-50%);
    border-radius: 2px;
}

.form-group input:focus ~ .focus-border,
.form-group select:focus ~ .focus-border {
    width: 100%;
}



/* Button Styles */
.btn {
    border: none;
    width: 10rem;
    height: 3rem;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    gap: 1rem;
    background: var(--dark-blue);
    cursor: pointer;
    transition: all 450ms ease-in-out;
    font-weight: 600;
    color: #DDD;
    font-size: 1rem;
    transition: all 800ms ease;
}
.btn-green {
    background: darkgreen;
}
.btn-red {
    background: darkred;
}
.btn:hover {
    background: linear-gradient(0deg,var(--dark-blue),var(--main-blue));
    /*box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -4px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 4px rgba(255, 255, 255, 0.2), 0px 0px 180px 0px #9917FF;*/
    transform: translateY(-2px);
}
.btn-green:hover {
    background: linear-gradient(0deg,darkgreen,green);
}

.btn-red:hover {
    background: linear-gradient(0deg,darkred,red);
}
    .btn:hover .text {
        color: white;
        transform: scale(1.2);
    }

    .btn:hover .sparkle {
        fill: white;
        transform: scale(1.2);
    } 


/* Checkbox Styles */
.remember-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

    .remember-wrapper input[type="checkbox"] {
        display: none;
    }

.checkbox-label {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkmark {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
}

.remember-wrapper input[type="checkbox"]:checked ~ .checkbox-label .checkmark {
    background: var(--dark-blue);
    border-color: var(--dark-blue);
    transform: scale(1.1);
}

    .remember-wrapper input[type="checkbox"]:checked ~ .checkbox-label .checkmark::after {
        content: '✓';
        color: white;
        font-size: 11px;
        font-weight: bold;
        animation: checkmarkPop 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

/* Success Message */
.success-message {
    display: none;
    text-align: center;
    padding: 40px 20px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

    .success-message.show {
        display: block;
        opacity: 1;
        transform: translateY(0);
    }

.success-icon {
    width: 60px;
    height: 60px;
    background: #22c55e;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: white;
    margin: 0 auto 20px;
    animation: successPulse 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.success-message h3 {
    color: white;
    font-size: 1.5rem;
    margin-bottom: 8px;
}

.success-message p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
}

/* Animations */
@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    75% {
        transform: translateX(5px);
    }
}

@keyframes checkmarkPop {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes successPulse {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.login-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transform: translateY(0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    .login-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg, transparent, var(--Lighter-blue), transparent);
        transition: left 0.3s ease;
    }
    .login-card::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: -100%;
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg, transparent, var(--Lighter-blue), transparent);
        transition: left 0.3s ease;
    }

    .login-card:hover::before {
        left: 100%;
    }
    .login-card:hover:after {
        left: 100%;
    }

    .login-card:hover {
        /*transform: translateY(-5px);*/
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
    }

.login-header {
    text-align: center;
    margin-bottom: 32px;
}

    .login-header h2 {
        color: white;
        font-size: 2rem;
        font-weight: 700;
        margin: 0;
        background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .login-header p {
        color: rgba(255, 255, 255, 0.8);
        margin: 0;
        font-size: 1rem;
        font-weight: 400;
    }

/* Password Toggle Specific Styles */
.password-wrapper {
    position: relative;
}

    .password-wrapper input {
        padding-right: 48px;
    }

.password-toggle {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    color: rgba(255, 255, 255, 0.6);
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
}

    .password-toggle:hover {
        color: rgba(255, 255, 255, 0.9);
    }

.eye-icon {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,255,255,0.6)' stroke-width='1.5'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-image 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

    .eye-icon.show-password {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,255,255,0.6)' stroke-width='1.5'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 11-4.243-4.243m4.242 4.242L9.88 9.88'/%3e%3c/svg%3e");
    }

/* Form Options */
.form-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
    flex-wrap: wrap;
    gap: 12px;
}

.forgot-password {
    color: #06b6d4;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

    .forgot-password::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 1px;
        background: #06b6d4;
        transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .forgot-password:hover::after {
        width: 100%;
    }

    .forgot-password:hover {
        color: white;
    }

/* Login Button */
.login-btn {
    width: 100%;
    margin-bottom: 24px;
}

/* Divider */
.divider {
    text-align: center;
    margin: 24px 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .divider::before,
    .divider::after {
        content: '';
        flex: 1;
        height: 1px;
        background: rgba(255, 255, 255, 0.2);
    }

    .divider::before {
        margin-right: 16px;
    }

    .divider::after {
        margin-left: 16px;
    }

    .divider span {
        color: rgba(255, 255, 255, 0.7);
        font-size: 14px;
        white-space: nowrap;
    }

/* Social Login */
.social-login {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

.social-btn {
    flex: 1;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 12px 16px;
    color: white;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .social-btn:hover {
        background: rgba(255, 255, 255, 0.15);
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

.social-icon {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.google-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23ea4335' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z'/%3e%3cpath fill='%2334a853' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3e%3cpath fill='%23fbbc05' d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3e%3cpath fill='%23ea4335' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3e%3c/svg%3e");
}

.github-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3e%3cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3e%3c/svg%3e");
}

/* Signup Link */
.signup-link {
    text-align: center;
}

    .signup-link p {
        color: rgba(255, 255, 255, 0.8);
        font-size: 14px;
    }

    .signup-link a {
        color: #06b6d4;
        text-decoration: none;
        font-weight: 500;
        transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

        .signup-link a:hover {
            color: white;
        }

/* Mobile Responsive */
@media (max-width: 480px) {
    .login-card {
        padding: 24px;
        margin: 10px;
        border-radius: 20px;
    }

    .login-header h2 {
        font-size: 1.75rem;
    }

    .password-wrapper input {
        padding-right: 44px;
    }

    .social-login {
        flex-direction: column;
    }

    .form-options {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}
/*End Login Page*/
/*Start Messagr box*/
.modal {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.details-model {
    background-color: rgba(0,0,0,.6);
}

.modal-open {
    padding-right: 0 !important;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.4s ease;
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    height: calc(100% - 20px);
}

    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden;
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 20px);
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: var(--main-blue);
    background-clip: padding-box;
    border: 1px solid #2c2e33;
    border-radius: 0.3rem;
    outline: 0;
}

.details-model .modal-content {
    border: 1px solid var(--main-blue);
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: .25rem 1rem;
    background-color: darkred;
}

.details-model .modal-header {
    background-color: var(--main-blue);
}

.modal-header .btn-close {
    background-color: transparent;
    padding: 12.5px 13px;
    margin: -12.5px auto -12.5px -13px;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    text-transform: capitalize;
    text-align:right;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    background-color: var(--bs-white);
    color: var(--dark-blue);
    max-height: 80%;
    overflow: auto;
    font-weight: bold;
    text-align: right;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0.6875rem;
    background-color: var(--bs-white);
}

    .modal-footer .btn-danger {
        background-color: darkred;
        border-color: darkred;
    }

    .modal-footer > * {
        margin: 0.25rem;
    }
/* ----- Start Main Model -----*/
.main-modal.show {
    display: block;
}

.main-modal .modal-header {
    background-color: var(--dark-blue);
    display: flex;
    justify-content: space-between;
}

    .main-modal .modal-header .modal-title {
        color: #fff;
    }

    .main-modal .modal-header .btn-close {
        padding: 0;
        margin: 0;
    }

.main-modal .modal-dialog {
    max-width: 700px;
}
/*Start Model*/
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

    .modal.show {
        display: block;
    }

.modal-open {
    padding-left: 0 !important;
}

.modal-dialog {
    position: absolute;
    top: 30%;
    left: 30%;
    width: 47rem;
    margin: 10px;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.4s ease;
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: var(--main-blue);
    background-clip: padding-box;
    border: 1px solid #2c2e33;
    border-radius: 0.3rem;
    outline: 0;
    color: #fff;
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: .0rem 1rem;
    background-color: darkred
}

    .modal-header .btn-close {
        background-color: transparent;
        padding: 12.5px 13px;
        margin: -12.5px -13px -12.5px auto;
    }

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    background-color: #fff;
    color: #143f6b;
    max-height: 80%;
    overflow: auto;
    font-weight: bold;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0.6875rem;
    background-color: #fff
}

    .modal-footer .btn-danger {
        background-color: darkred;
        border-color: darkred;
    }

    .modal-footer > * {
        margin: 0.25rem;
    }

/* Main Model*/
.main-modal.show {
    display: block;
}

.main-modal .modal-header {
    background-color: var(--dark-blue);
    display: flex;
    justify-content: space-between;
}

    .main-modal .modal-header .modal-title {
        color: #fff;
    }

    .main-modal .modal-header .btn-close {
        padding: 0;
        margin: 0;
    }

.main-modal .modal-dialog {
    max-width: 700px;
}
/*End Model*/
/* ----- End Main Model -----*/
/*Start animation*/
.stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1984px 431px #FFF, 118px 518px #FFF, 1806px 820px #FFF, 553px 729px #FFF, 364px 1384px #FFF, 1044px 1182px #FFF, 478px 1101px #FFF, 643px 755px #FFF, 1148px 1618px #FFF, 768px 663px #FFF, 1265px 1209px #FFF, 995px 1894px #FFF, 296px 1580px #FFF, 1792px 1372px #FFF, 1536px 406px #FFF, 461px 63px #FFF, 993px 257px #FFF, 1070px 1984px #FFF, 1815px 763px #FFF, 747px 1283px #FFF, 1958px 1549px #FFF, 1575px 1689px #FFF, 1652px 1895px #FFF, 360px 663px #FFF, 430px 1249px #FFF, 1336px 672px #FFF, 1477px 98px #FFF, 134px 1613px #FFF, 1972px 1073px #FFF, 1468px 1765px #FFF, 1495px 1296px #FFF, 97px 516px #FFF, 1448px 1460px #FFF, 1992px 923px #FFF, 1923px 779px #FFF, 274px 1613px #FFF, 1532px 1173px #FFF, 882px 1535px #FFF, 875px 737px #FFF, 1833px 834px #FFF, 747px 1066px #FFF, 142px 780px #FFF, 508px 345px #FFF, 448px 2000px #FFF, 1769px 218px #FFF, 1053px 676px #FFF, 391px 307px #FFF, 890px 55px #FFF, 20px 331px #FFF, 204px 1584px #FFF, 1137px 363px #FFF, 854px 553px #FFF, 1558px 538px #FFF, 1325px 1621px #FFF, 1451px 143px #FFF, 416px 296px #FFF, 67px 1464px #FFF, 1294px 983px #FFF, 1445px 933px #FFF, 1782px 414px #FFF, 873px 1396px #FFF, 199px 1410px #FFF, 1663px 1613px #FFF, 496px 125px #FFF, 1102px 454px #FFF, 750px 645px #FFF, 1406px 1474px #FFF, 777px 1829px #FFF, 493px 146px #FFF, 1781px 307px #FFF, 282px 1129px #FFF, 665px 1777px #FFF, 1776px 864px #FFF, 258px 1955px #FFF, 1549px 568px #FFF, 1915px 1154px #FFF, 469px 1374px #FFF, 397px 450px #FFF, 1456px 351px #FFF, 279px 982px #FFF, 550px 1710px #FFF, 414px 1085px #FFF, 716px 1576px #FFF, 994px 78px #FFF, 441px 943px #FFF, 869px 893px #FFF, 674px 1930px #FFF, 1717px 1844px #FFF, 527px 178px #FFF, 330px 1945px #FFF, 151px 673px #FFF, 7px 1298px #FFF, 280px 1933px #FFF, 1616px 1643px #FFF, 407px 212px #FFF, 1823px 1322px #FFF, 1245px 1186px #FFF, 1795px 844px #FFF, 899px 1269px #FFF, 484px 1995px #FFF, 779px 148px #FFF, 1026px 1982px #FFF, 1156px 980px #FFF, 1750px 765px #FFF, 1825px 661px #FFF, 1854px 822px #FFF, 580px 473px #FFF, 638px 269px #FFF, 627px 1896px #FFF, 1040px 1809px #FFF, 1792px 1206px #FFF, 1267px 1366px #FFF, 767px 619px #FFF, 1197px 115px #FFF, 1229px 1049px #FFF, 77px 1080px #FFF, 1339px 901px #FFF, 1834px 642px #FFF, 171px 1040px #FFF, 910px 1004px #FFF, 316px 1981px #FFF, 392px 443px #FFF, 825px 562px #FFF, 1044px 904px #FFF, 1270px 299px #FFF, 678px 449px #FFF, 191px 1621px #FFF, 1813px 1880px #FFF, 414px 1005px #FFF, 58px 1623px #FFF, 1169px 182px #FFF, 1540px 1837px #FFF, 145px 361px #FFF, 376px 885px #FFF, 989px 1925px #FFF, 58px 1014px #FFF, 1418px 1495px #FFF, 360px 981px #FFF, 531px 1912px #FFF, 262px 1756px #FFF, 1684px 1571px #FFF, 1285px 646px #FFF, 900px 1960px #FFF, 1342px 1585px #FFF, 1937px 1753px #FFF, 233px 1685px #FFF, 818px 1300px #FFF, 1997px 664px #FFF, 534px 1731px #FFF, 678px 838px #FFF, 1932px 1375px #FFF, 1669px 1265px #FFF, 676px 412px #FFF, 1220px 1780px #FFF, 160px 1904px #FFF, 503px 808px #FFF, 805px 390px #FFF, 1256px 240px #FFF, 1409px 619px #FFF, 1292px 1763px #FFF, 593px 173px #FFF, 884px 1813px #FFF, 756px 131px #FFF, 861px 490px #FFF, 1187px 1060px #FFF, 187px 694px #FFF, 1439px 464px #FFF, 774px 552px #FFF, 1530px 1547px #FFF, 251px 1561px #FFF, 671px 806px #FFF, 360px 882px #FFF, 1847px 951px #FFF, 853px 1644px #FFF, 429px 264px #FFF, 793px 76px #FFF, 1674px 109px #FFF, 767px 400px #FFF, 650px 156px #FFF, 233px 666px #FFF, 1756px 1022px #FFF, 1758px 252px #FFF, 136px 1456px #FFF, 1237px 487px #FFF, 1463px 1466px #FFF, 149px 1597px #FFF, 1652px 878px #FFF, 417px 1147px #FFF, 1448px 1120px #FFF, 892px 195px #FFF, 1448px 1709px #FFF, 1852px 532px #FFF, 1890px 863px #FFF, 843px 1187px #FFF, 1152px 458px #FFF, 1372px 1951px #FFF, 1916px 1174px #FFF, 1496px 35px #FFF, 1269px 1066px #FFF, 1554px 1211px #FFF, 463px 1871px #FFF, 1802px 1753px #FFF, 972px 1203px #FFF, 750px 1952px #FFF, 1470px 84px #FFF, 1882px 90px #FFF, 969px 586px #FFF, 924px 1237px #FFF, 1213px 512px #FFF, 1304px 595px #FFF, 1334px 872px #FFF, 20px 658px #FFF, 1581px 711px #FFF, 1287px 794px #FFF, 1326px 827px #FFF, 203px 1909px #FFF, 1782px 1024px #FFF, 1046px 1394px #FFF, 392px 964px #FFF, 1840px 268px #FFF, 371px 1120px #FFF, 276px 1629px #FFF, 1252px 1418px #FFF, 1701px 1437px #FFF, 1213px 655px #FFF, 577px 766px #FFF, 1851px 452px #FFF, 1447px 759px #FFF, 1500px 445px #FFF, 1212px 1376px #FFF, 380px 840px #FFF, 1871px 673px #FFF, 1803px 1822px #FFF, 1227px 1581px #FFF, 667px 116px #FFF, 395px 989px #FFF, 1053px 1047px #FFF, 1854px 651px #FFF, 1358px 1327px #FFF, 956px 937px #FFF, 1271px 1607px #FFF, 821px 1849px #FFF, 358px 176px #FFF, 767px 835px #FFF, 281px 1852px #FFF, 1298px 439px #FFF, 77px 794px #FFF, 649px 1629px #FFF, 955px 1676px #FFF, 1221px 1951px #FFF, 535px 497px #FFF, 1345px 1360px #FFF, 752px 931px #FFF, 1621px 1455px #FFF, 1128px 555px #FFF, 1071px 1602px #FFF, 1324px 1260px #FFF, 1411px 1432px #FFF, 1600px 814px #FFF, 782px 984px #FFF, 261px 1939px #FFF, 631px 120px #FFF, 936px 1554px #FFF, 1307px 519px #FFF, 55px 1378px #FFF, 1407px 683px #FFF, 1612px 128px #FFF, 1987px 552px #FFF, 1110px 1778px #FFF, 832px 285px #FFF, 543px 238px #FFF, 1490px 259px #FFF, 1315px 1631px #FFF, 521px 1598px #FFF, 1528px 1367px #FFF, 967px 250px #FFF, 1785px 822px #FFF, 1312px 1503px #FFF, 1740px 1781px #FFF, 876px 88px #FFF, 500px 1286px #FFF, 868px 411px #FFF, 1139px 278px #FFF, 1323px 1881px #FFF, 411px 729px #FFF, 125px 989px #FFF, 324px 1527px #FFF, 760px 168px #FFF, 1516px 1396px #FFF, 803px 1495px #FFF, 1354px 504px #FFF, 102px 1589px #FFF, 694px 438px #FFF, 232px 857px #FFF, 1600px 197px #FFF, 276px 938px #FFF, 591px 450px #FFF, 363px 157px #FFF, 1645px 1039px #FFF, 1586px 936px #FFF, 786px 1689px #FFF, 1626px 1711px #FFF, 1618px 901px #FFF, 317px 958px #FFF, 245px 1301px #FFF, 1863px 66px #FFF, 1856px 911px #FFF, 514px 1247px #FFF, 1759px 1941px #FFF, 710px 1134px #FFF, 498px 715px #FFF, 1630px 1732px #FFF, 37px 803px #FFF, 389px 642px #FFF, 1413px 1347px #FFF, 48px 257px #FFF, 1717px 957px #FFF, 230px 1910px #FFF, 1914px 268px #FFF, 1889px 1370px #FFF, 625px 1497px #FFF, 1151px 207px #FFF, 1447px 1558px #FFF, 1059px 1119px #FFF, 966px 1044px #FFF, 227px 1682px #FFF, 1116px 119px #FFF, 505px 1440px #FFF, 945px 1411px #FFF, 122px 641px #FFF, 1571px 1297px #FFF, 1321px 120px #FFF, 347px 1322px #FFF, 441px 840px #FFF, 1282px 1811px #FFF, 1973px 1402px #FFF, 1073px 370px #FFF, 1215px 1980px #FFF, 1133px 384px #FFF, 1867px 703px #FFF, 1989px 439px #FFF, 367px 1445px #FFF, 105px 271px #FFF, 426px 1312px #FFF, 856px 983px #FFF, 177px 1872px #FFF, 101px 987px #FFF, 1622px 1613px #FFF, 1393px 918px #FFF, 1730px 558px #FFF, 1713px 1843px #FFF, 639px 62px #FFF, 912px 1459px #FFF, 860px 1934px #FFF, 1306px 1420px #FFF, 1646px 452px #FFF, 461px 884px #FFF, 1884px 1662px #FFF, 1597px 1410px #FFF, 633px 71px #FFF, 1792px 963px #FFF, 877px 1896px #FFF, 961px 1569px #FFF, 13px 1367px #FFF, 1390px 1799px #FFF, 188px 1416px #FFF, 983px 1227px #FFF, 1125px 963px #FFF, 738px 1422px #FFF, 939px 1206px #FFF, 1430px 1979px #FFF, 1894px 403px #FFF, 584px 1659px #FFF, 147px 1459px #FFF, 484px 554px #FFF, 1244px 546px #FFF, 1298px 1103px #FFF, 1429px 100px #FFF, 1651px 1313px #FFF, 1428px 1058px #FFF, 1463px 938px #FFF, 1666px 835px #FFF, 701px 89px #FFF, 641px 1919px #FFF, 665px 1435px #FFF, 1529px 482px #FFF, 617px 1148px #FFF, 222px 697px #FFF, 1202px 1014px #FFF, 1262px 605px #FFF, 1006px 1604px #FFF, 470px 369px #FFF, 50px 1230px #FFF, 571px 1532px #FFF, 1550px 1656px #FFF, 436px 896px #FFF, 1828px 1533px #FFF, 879px 1156px #FFF, 1728px 32px #FFF, 108px 714px #FFF, 1799px 634px #FFF, 486px 1429px #FFF, 683px 686px #FFF, 63px 258px #FFF, 1767px 40px #FFF, 1229px 1716px #FFF, 1742px 918px #FFF, 593px 1348px #FFF, 270px 516px #FFF, 163px 1818px #FFF, 589px 1617px #FFF, 998px 1432px #FFF, 431px 664px #FFF, 645px 1448px #FFF, 1576px 639px #FFF, 876px 1959px #FFF, 734px 1928px #FFF, 1188px 1023px #FFF, 373px 303px #FFF, 1962px 1900px #FFF, 918px 1732px #FFF, 1732px 1981px #FFF, 779px 1811px #FFF, 9px 727px #FFF, 561px 1087px #FFF, 431px 1112px #FFF, 976px 1696px #FFF, 806px 1140px #FFF, 473px 1515px #FFF, 1903px 935px #FFF, 1911px 1305px #FFF, 678px 748px #FFF, 761px 492px #FFF, 1717px 1793px #FFF, 1215px 830px #FFF, 221px 1363px #FFF, 449px 967px #FFF, 139px 1618px #FFF, 1770px 1968px #FFF, 958px 543px #FFF, 1323px 79px #FFF, 599px 187px #FFF, 446px 1061px #FFF, 999px 930px #FFF, 460px 713px #FFF, 1322px 694px #FFF, 914px 57px #FFF, 135px 515px #FFF, 638px 485px #FFF, 1409px 276px #FFF, 1381px 597px #FFF, 931px 1135px #FFF, 880px 9px #FFF, 957px 378px #FFF, 1257px 1463px #FFF, 1585px 427px #FFF, 1420px 1072px #FFF, 1138px 353px #FFF, 1127px 1255px #FFF, 698px 926px #FFF, 1550px 1193px #FFF, 1987px 1451px #FFF, 711px 1324px #FFF, 1283px 1755px #FFF, 726px 938px #FFF, 1888px 1302px #FFF, 520px 1429px #FFF, 1577px 880px #FFF, 781px 829px #FFF, 450px 376px #FFF, 1900px 907px #FFF, 1766px 1457px #FFF, 265px 178px #FFF, 1166px 339px #FFF, 161px 766px #FFF, 490px 838px #FFF, 104px 1327px #FFF, 54px 597px #FFF, 1239px 320px #FFF, 1321px 780px #FFF, 1738px 395px #FFF, 90px 1910px #FFF, 48px 1428px #FFF, 920px 1246px #FFF, 989px 374px #FFF, 822px 789px #FFF, 379px 1549px #FFF, 1177px 998px #FFF, 1034px 1733px #FFF, 278px 821px #FFF, 628px 157px #FFF, 1928px 1887px #FFF, 1356px 476px #FFF, 1196px 1419px #FFF, 591px 1457px #FFF, 1540px 828px #FFF, 1328px 1324px #FFF, 1514px 328px #FFF, 194px 1540px #FFF, 793px 45px #FFF, 221px 1464px #FFF, 1128px 988px #FFF, 1187px 274px #FFF, 1768px 835px #FFF, 771px 1859px #FFF, 356px 593px #FFF, 971px 1406px #FFF, 338px 1598px #FFF, 1021px 409px #FFF, 1370px 539px #FFF, 1492px 906px #FFF, 1612px 1012px #FFF, 523px 318px #FFF, 607px 206px #FFF, 1330px 688px #FFF, 1083px 1975px #FFF, 907px 672px #FFF, 1449px 162px #FFF, 682px 1771px #FFF, 737px 1329px #FFF, 1207px 734px #FFF, 1396px 1806px #FFF, 1019px 122px #FFF, 1274px 1492px #FFF, 107px 294px #FFF, 1233px 529px #FFF, 1490px 1715px #FFF, 1699px 1492px #FFF, 1444px 1486px #FFF, 1595px 1382px #FFF, 846px 844px #FFF, 1831px 1154px #FFF, 1415px 442px #FFF, 1702px 1385px #FFF, 760px 1780px #FFF, 508px 1611px #FFF, 607px 681px #FFF, 1361px 380px #FFF, 963px 1429px #FFF, 1737px 1414px #FFF, 1685px 1446px #FFF, 329px 1224px #FFF, 860px 319px #FFF, 895px 1301px #FFF, 717px 149px #FFF, 1614px 851px #FFF, 970px 1947px #FFF, 338px 939px #FFF, 525px 1223px #FFF, 85px 1040px #FFF, 125px 177px #FFF, 1804px 1841px #FFF, 1860px 520px #FFF, 361px 374px #FFF, 621px 1394px #FFF, 1343px 1981px #FFF, 4px 740px #FFF, 1294px 130px #FFF, 1068px 1407px #FFF, 188px 809px #FFF, 1527px 1508px #FFF, 87px 340px #FFF, 1809px 300px #FFF, 1562px 1175px #FFF, 92px 1366px #FFF, 1113px 455px #FFF, 506px 1646px #FFF, 900px 1083px #FFF, 129px 1711px #FFF, 345px 1761px #FFF, 688px 1814px #FFF, 1051px 534px #FFF, 1206px 221px #FFF, 1954px 1923px #FFF, 1912px 507px #FFF, 386px 1681px #FFF, 1328px 1041px #FFF, 535px 380px #FFF, 1588px 1812px #FFF, 1633px 522px #FFF, 1283px 1522px #FFF, 202px 1243px #FFF, 1779px 1462px #FFF, 39px 455px #FFF, 744px 1815px #FFF, 5px 1962px #FFF, 1130px 1109px #FFF, 1008px 1785px #FFF, 394px 530px #FFF, 1906px 1353px #FFF, 1859px 763px #FFF, 1368px 1516px #FFF, 862px 395px #FFF, 1181px 1885px #FFF, 156px 1718px #FFF, 254px 253px #FFF, 840px 1577px #FFF, 1700px 1315px #FFF, 851px 1953px #FFF, 1542px 1485px #FFF, 644px 1809px #FFF, 1518px 442px #FFF, 94px 1935px #FFF, 108px 350px #FFF, 1901px 217px #FFF, 1753px 1765px #FFF, 1332px 93px #FFF, 469px 38px #FFF, 1763px 927px #FFF, 1021px 763px #FFF, 544px 1816px #FFF, 1869px 710px #FFF, 479px 1598px #FFF, 1417px 552px #FFF, 1652px 332px #FFF, 1282px 1762px #FFF, 521px 1966px #FFF, 463px 1266px #FFF, 1344px 1844px #FFF, 337px 1347px #FFF, 450px 1594px #FFF, 1328px 248px #FFF, 488px 1636px #FFF, 1758px 623px #FFF, 1536px 72px #FFF, 144px 876px #FFF, 709px 681px #FFF, 796px 1225px #FFF, 108px 1845px #FFF, 200px 846px #FFF, 1600px 1345px #FFF, 74px 772px #FFF, 248px 1716px #FFF, 108px 1293px #FFF, 1376px 493px #FFF, 1129px 593px #FFF, 1360px 1269px #FFF, 1693px 71px #FFF, 1912px 1182px #FFF, 972px 1373px #FFF, 848px 1329px #FFF, 314px 1554px #FFF, 1146px 959px #FFF, 1726px 1450px #FFF, 957px 843px #FFF, 1621px 1996px #FFF, 785px 150px #FFF, 565px 147px #FFF, 56px 1961px #FFF, 982px 257px #FFF, 1665px 1303px #FFF, 384px 276px #FFF, 1845px 252px #FFF, 1173px 315px #FFF, 359px 811px #FFF, 1219px 392px #FFF, 1244px 696px #FFF, 973px 79px #FFF, 1504px 1944px #FFF, 1519px 369px #FFF, 887px 354px #FFF, 1720px 508px #FFF, 500px 1835px #FFF, 411px 687px #FFF, 1529px 1686px #FFF, 219px 1112px #FFF, 512px 448px #FFF, 1658px 1075px #FFF, 1503px 61px #FFF, 1782px 215px #FFF, 1240px 202px #FFF, 892px 33px #FFF, 190px 1712px #FFF, 1588px 1458px #FFF, 394px 230px #FFF, 495px 1773px #FFF, 490px 642px #FFF, 487px 774px #FFF, 1686px 1167px #FFF, 726px 1307px #FFF, 1972px 1721px #FFF, 1919px 1639px #FFF, 113px 1690px #FFF, 1675px 1629px #FFF, 1596px 982px #FFF, 533px 1555px #FFF, 477px 430px #FFF, 368px 387px #FFF, 459px 1114px #FFF, 1660px 653px #FFF, 270px 1121px #FFF, 1971px 1130px #FFF, 184px 1365px #FFF, 1059px 1884px #FFF, 995px 1705px #FFF, 1176px 1097px #FFF, 397px 1196px #FFF, 1417px 707px #FFF, 110px 636px #FFF, 1870px 279px #FFF;
    animation: animStar 50s linear infinite;
}

    .stars:after {
        content: " ";
        position: absolute;
        /*top: 2000px;*/
        width: 1px;
        height: 1px;
        background: transparent;
        box-shadow: 1984px 431px #FFF, 118px 518px #FFF, 1806px 820px #FFF, 553px 729px #FFF, 364px 1384px #FFF, 1044px 1182px #FFF, 478px 1101px #FFF, 643px 755px #FFF, 1148px 1618px #FFF, 768px 663px #FFF, 1265px 1209px #FFF, 995px 1894px #FFF, 296px 1580px #FFF, 1792px 1372px #FFF, 1536px 406px #FFF, 461px 63px #FFF, 993px 257px #FFF, 1070px 1984px #FFF, 1815px 763px #FFF, 747px 1283px #FFF, 1958px 1549px #FFF, 1575px 1689px #FFF, 1652px 1895px #FFF, 360px 663px #FFF, 430px 1249px #FFF, 1336px 672px #FFF, 1477px 98px #FFF, 134px 1613px #FFF, 1972px 1073px #FFF, 1468px 1765px #FFF, 1495px 1296px #FFF, 97px 516px #FFF, 1448px 1460px #FFF, 1992px 923px #FFF, 1923px 779px #FFF, 274px 1613px #FFF, 1532px 1173px #FFF, 882px 1535px #FFF, 875px 737px #FFF, 1833px 834px #FFF, 747px 1066px #FFF, 142px 780px #FFF, 508px 345px #FFF, 448px 2000px #FFF, 1769px 218px #FFF, 1053px 676px #FFF, 391px 307px #FFF, 890px 55px #FFF, 20px 331px #FFF, 204px 1584px #FFF, 1137px 363px #FFF, 854px 553px #FFF, 1558px 538px #FFF, 1325px 1621px #FFF, 1451px 143px #FFF, 416px 296px #FFF, 67px 1464px #FFF, 1294px 983px #FFF, 1445px 933px #FFF, 1782px 414px #FFF, 873px 1396px #FFF, 199px 1410px #FFF, 1663px 1613px #FFF, 496px 125px #FFF, 1102px 454px #FFF, 750px 645px #FFF, 1406px 1474px #FFF, 777px 1829px #FFF, 493px 146px #FFF, 1781px 307px #FFF, 282px 1129px #FFF, 665px 1777px #FFF, 1776px 864px #FFF, 258px 1955px #FFF, 1549px 568px #FFF, 1915px 1154px #FFF, 469px 1374px #FFF, 397px 450px #FFF, 1456px 351px #FFF, 279px 982px #FFF, 550px 1710px #FFF, 414px 1085px #FFF, 716px 1576px #FFF, 994px 78px #FFF, 441px 943px #FFF, 869px 893px #FFF, 674px 1930px #FFF, 1717px 1844px #FFF, 527px 178px #FFF, 330px 1945px #FFF, 151px 673px #FFF, 7px 1298px #FFF, 280px 1933px #FFF, 1616px 1643px #FFF, 407px 212px #FFF, 1823px 1322px #FFF, 1245px 1186px #FFF, 1795px 844px #FFF, 899px 1269px #FFF, 484px 1995px #FFF, 779px 148px #FFF, 1026px 1982px #FFF, 1156px 980px #FFF, 1750px 765px #FFF, 1825px 661px #FFF, 1854px 822px #FFF, 580px 473px #FFF, 638px 269px #FFF, 627px 1896px #FFF, 1040px 1809px #FFF, 1792px 1206px #FFF, 1267px 1366px #FFF, 767px 619px #FFF, 1197px 115px #FFF, 1229px 1049px #FFF, 77px 1080px #FFF, 1339px 901px #FFF, 1834px 642px #FFF, 171px 1040px #FFF, 910px 1004px #FFF, 316px 1981px #FFF, 392px 443px #FFF, 825px 562px #FFF, 1044px 904px #FFF, 1270px 299px #FFF, 678px 449px #FFF, 191px 1621px #FFF, 1813px 1880px #FFF, 414px 1005px #FFF, 58px 1623px #FFF, 1169px 182px #FFF, 1540px 1837px #FFF, 145px 361px #FFF, 376px 885px #FFF, 989px 1925px #FFF, 58px 1014px #FFF, 1418px 1495px #FFF, 360px 981px #FFF, 531px 1912px #FFF, 262px 1756px #FFF, 1684px 1571px #FFF, 1285px 646px #FFF, 900px 1960px #FFF, 1342px 1585px #FFF, 1937px 1753px #FFF, 233px 1685px #FFF, 818px 1300px #FFF, 1997px 664px #FFF, 534px 1731px #FFF, 678px 838px #FFF, 1932px 1375px #FFF, 1669px 1265px #FFF, 676px 412px #FFF, 1220px 1780px #FFF, 160px 1904px #FFF, 503px 808px #FFF, 805px 390px #FFF, 1256px 240px #FFF, 1409px 619px #FFF, 1292px 1763px #FFF, 593px 173px #FFF, 884px 1813px #FFF, 756px 131px #FFF, 861px 490px #FFF, 1187px 1060px #FFF, 187px 694px #FFF, 1439px 464px #FFF, 774px 552px #FFF, 1530px 1547px #FFF, 251px 1561px #FFF, 671px 806px #FFF, 360px 882px #FFF, 1847px 951px #FFF, 853px 1644px #FFF, 429px 264px #FFF, 793px 76px #FFF, 1674px 109px #FFF, 767px 400px #FFF, 650px 156px #FFF, 233px 666px #FFF, 1756px 1022px #FFF, 1758px 252px #FFF, 136px 1456px #FFF, 1237px 487px #FFF, 1463px 1466px #FFF, 149px 1597px #FFF, 1652px 878px #FFF, 417px 1147px #FFF, 1448px 1120px #FFF, 892px 195px #FFF, 1448px 1709px #FFF, 1852px 532px #FFF, 1890px 863px #FFF, 843px 1187px #FFF, 1152px 458px #FFF, 1372px 1951px #FFF, 1916px 1174px #FFF, 1496px 35px #FFF, 1269px 1066px #FFF, 1554px 1211px #FFF, 463px 1871px #FFF, 1802px 1753px #FFF, 972px 1203px #FFF, 750px 1952px #FFF, 1470px 84px #FFF, 1882px 90px #FFF, 969px 586px #FFF, 924px 1237px #FFF, 1213px 512px #FFF, 1304px 595px #FFF, 1334px 872px #FFF, 20px 658px #FFF, 1581px 711px #FFF, 1287px 794px #FFF, 1326px 827px #FFF, 203px 1909px #FFF, 1782px 1024px #FFF, 1046px 1394px #FFF, 392px 964px #FFF, 1840px 268px #FFF, 371px 1120px #FFF, 276px 1629px #FFF, 1252px 1418px #FFF, 1701px 1437px #FFF, 1213px 655px #FFF, 577px 766px #FFF, 1851px 452px #FFF, 1447px 759px #FFF, 1500px 445px #FFF, 1212px 1376px #FFF, 380px 840px #FFF, 1871px 673px #FFF, 1803px 1822px #FFF, 1227px 1581px #FFF, 667px 116px #FFF, 395px 989px #FFF, 1053px 1047px #FFF, 1854px 651px #FFF, 1358px 1327px #FFF, 956px 937px #FFF, 1271px 1607px #FFF, 821px 1849px #FFF, 358px 176px #FFF, 767px 835px #FFF, 281px 1852px #FFF, 1298px 439px #FFF, 77px 794px #FFF, 649px 1629px #FFF, 955px 1676px #FFF, 1221px 1951px #FFF, 535px 497px #FFF, 1345px 1360px #FFF, 752px 931px #FFF, 1621px 1455px #FFF, 1128px 555px #FFF, 1071px 1602px #FFF, 1324px 1260px #FFF, 1411px 1432px #FFF, 1600px 814px #FFF, 782px 984px #FFF, 261px 1939px #FFF, 631px 120px #FFF, 936px 1554px #FFF, 1307px 519px #FFF, 55px 1378px #FFF, 1407px 683px #FFF, 1612px 128px #FFF, 1987px 552px #FFF, 1110px 1778px #FFF, 832px 285px #FFF, 543px 238px #FFF, 1490px 259px #FFF, 1315px 1631px #FFF, 521px 1598px #FFF, 1528px 1367px #FFF, 967px 250px #FFF, 1785px 822px #FFF, 1312px 1503px #FFF, 1740px 1781px #FFF, 876px 88px #FFF, 500px 1286px #FFF, 868px 411px #FFF, 1139px 278px #FFF, 1323px 1881px #FFF, 411px 729px #FFF, 125px 989px #FFF, 324px 1527px #FFF, 760px 168px #FFF, 1516px 1396px #FFF, 803px 1495px #FFF, 1354px 504px #FFF, 102px 1589px #FFF, 694px 438px #FFF, 232px 857px #FFF, 1600px 197px #FFF, 276px 938px #FFF, 591px 450px #FFF, 363px 157px #FFF, 1645px 1039px #FFF, 1586px 936px #FFF, 786px 1689px #FFF, 1626px 1711px #FFF, 1618px 901px #FFF, 317px 958px #FFF, 245px 1301px #FFF, 1863px 66px #FFF, 1856px 911px #FFF, 514px 1247px #FFF, 1759px 1941px #FFF, 710px 1134px #FFF, 498px 715px #FFF, 1630px 1732px #FFF, 37px 803px #FFF, 389px 642px #FFF, 1413px 1347px #FFF, 48px 257px #FFF, 1717px 957px #FFF, 230px 1910px #FFF, 1914px 268px #FFF, 1889px 1370px #FFF, 625px 1497px #FFF, 1151px 207px #FFF, 1447px 1558px #FFF, 1059px 1119px #FFF, 966px 1044px #FFF, 227px 1682px #FFF, 1116px 119px #FFF, 505px 1440px #FFF, 945px 1411px #FFF, 122px 641px #FFF, 1571px 1297px #FFF, 1321px 120px #FFF, 347px 1322px #FFF, 441px 840px #FFF, 1282px 1811px #FFF, 1973px 1402px #FFF, 1073px 370px #FFF, 1215px 1980px #FFF, 1133px 384px #FFF, 1867px 703px #FFF, 1989px 439px #FFF, 367px 1445px #FFF, 105px 271px #FFF, 426px 1312px #FFF, 856px 983px #FFF, 177px 1872px #FFF, 101px 987px #FFF, 1622px 1613px #FFF, 1393px 918px #FFF, 1730px 558px #FFF, 1713px 1843px #FFF, 639px 62px #FFF, 912px 1459px #FFF, 860px 1934px #FFF, 1306px 1420px #FFF, 1646px 452px #FFF, 461px 884px #FFF, 1884px 1662px #FFF, 1597px 1410px #FFF, 633px 71px #FFF, 1792px 963px #FFF, 877px 1896px #FFF, 961px 1569px #FFF, 13px 1367px #FFF, 1390px 1799px #FFF, 188px 1416px #FFF, 983px 1227px #FFF, 1125px 963px #FFF, 738px 1422px #FFF, 939px 1206px #FFF, 1430px 1979px #FFF, 1894px 403px #FFF, 584px 1659px #FFF, 147px 1459px #FFF, 484px 554px #FFF, 1244px 546px #FFF, 1298px 1103px #FFF, 1429px 100px #FFF, 1651px 1313px #FFF, 1428px 1058px #FFF, 1463px 938px #FFF, 1666px 835px #FFF, 701px 89px #FFF, 641px 1919px #FFF, 665px 1435px #FFF, 1529px 482px #FFF, 617px 1148px #FFF, 222px 697px #FFF, 1202px 1014px #FFF, 1262px 605px #FFF, 1006px 1604px #FFF, 470px 369px #FFF, 50px 1230px #FFF, 571px 1532px #FFF, 1550px 1656px #FFF, 436px 896px #FFF, 1828px 1533px #FFF, 879px 1156px #FFF, 1728px 32px #FFF, 108px 714px #FFF, 1799px 634px #FFF, 486px 1429px #FFF, 683px 686px #FFF, 63px 258px #FFF, 1767px 40px #FFF, 1229px 1716px #FFF, 1742px 918px #FFF, 593px 1348px #FFF, 270px 516px #FFF, 163px 1818px #FFF, 589px 1617px #FFF, 998px 1432px #FFF, 431px 664px #FFF, 645px 1448px #FFF, 1576px 639px #FFF, 876px 1959px #FFF, 734px 1928px #FFF, 1188px 1023px #FFF, 373px 303px #FFF, 1962px 1900px #FFF, 918px 1732px #FFF, 1732px 1981px #FFF, 779px 1811px #FFF, 9px 727px #FFF, 561px 1087px #FFF, 431px 1112px #FFF, 976px 1696px #FFF, 806px 1140px #FFF, 473px 1515px #FFF, 1903px 935px #FFF, 1911px 1305px #FFF, 678px 748px #FFF, 761px 492px #FFF, 1717px 1793px #FFF, 1215px 830px #FFF, 221px 1363px #FFF, 449px 967px #FFF, 139px 1618px #FFF, 1770px 1968px #FFF, 958px 543px #FFF, 1323px 79px #FFF, 599px 187px #FFF, 446px 1061px #FFF, 999px 930px #FFF, 460px 713px #FFF, 1322px 694px #FFF, 914px 57px #FFF, 135px 515px #FFF, 638px 485px #FFF, 1409px 276px #FFF, 1381px 597px #FFF, 931px 1135px #FFF, 880px 9px #FFF, 957px 378px #FFF, 1257px 1463px #FFF, 1585px 427px #FFF, 1420px 1072px #FFF, 1138px 353px #FFF, 1127px 1255px #FFF, 698px 926px #FFF, 1550px 1193px #FFF, 1987px 1451px #FFF, 711px 1324px #FFF, 1283px 1755px #FFF, 726px 938px #FFF, 1888px 1302px #FFF, 520px 1429px #FFF, 1577px 880px #FFF, 781px 829px #FFF, 450px 376px #FFF, 1900px 907px #FFF, 1766px 1457px #FFF, 265px 178px #FFF, 1166px 339px #FFF, 161px 766px #FFF, 490px 838px #FFF, 104px 1327px #FFF, 54px 597px #FFF, 1239px 320px #FFF, 1321px 780px #FFF, 1738px 395px #FFF, 90px 1910px #FFF, 48px 1428px #FFF, 920px 1246px #FFF, 989px 374px #FFF, 822px 789px #FFF, 379px 1549px #FFF, 1177px 998px #FFF, 1034px 1733px #FFF, 278px 821px #FFF, 628px 157px #FFF, 1928px 1887px #FFF, 1356px 476px #FFF, 1196px 1419px #FFF, 591px 1457px #FFF, 1540px 828px #FFF, 1328px 1324px #FFF, 1514px 328px #FFF, 194px 1540px #FFF, 793px 45px #FFF, 221px 1464px #FFF, 1128px 988px #FFF, 1187px 274px #FFF, 1768px 835px #FFF, 771px 1859px #FFF, 356px 593px #FFF, 971px 1406px #FFF, 338px 1598px #FFF, 1021px 409px #FFF, 1370px 539px #FFF, 1492px 906px #FFF, 1612px 1012px #FFF, 523px 318px #FFF, 607px 206px #FFF, 1330px 688px #FFF, 1083px 1975px #FFF, 907px 672px #FFF, 1449px 162px #FFF, 682px 1771px #FFF, 737px 1329px #FFF, 1207px 734px #FFF, 1396px 1806px #FFF, 1019px 122px #FFF, 1274px 1492px #FFF, 107px 294px #FFF, 1233px 529px #FFF, 1490px 1715px #FFF, 1699px 1492px #FFF, 1444px 1486px #FFF, 1595px 1382px #FFF, 846px 844px #FFF, 1831px 1154px #FFF, 1415px 442px #FFF, 1702px 1385px #FFF, 760px 1780px #FFF, 508px 1611px #FFF, 607px 681px #FFF, 1361px 380px #FFF, 963px 1429px #FFF, 1737px 1414px #FFF, 1685px 1446px #FFF, 329px 1224px #FFF, 860px 319px #FFF, 895px 1301px #FFF, 717px 149px #FFF, 1614px 851px #FFF, 970px 1947px #FFF, 338px 939px #FFF, 525px 1223px #FFF, 85px 1040px #FFF, 125px 177px #FFF, 1804px 1841px #FFF, 1860px 520px #FFF, 361px 374px #FFF, 621px 1394px #FFF, 1343px 1981px #FFF, 4px 740px #FFF, 1294px 130px #FFF, 1068px 1407px #FFF, 188px 809px #FFF, 1527px 1508px #FFF, 87px 340px #FFF, 1809px 300px #FFF, 1562px 1175px #FFF, 92px 1366px #FFF, 1113px 455px #FFF, 506px 1646px #FFF, 900px 1083px #FFF, 129px 1711px #FFF, 345px 1761px #FFF, 688px 1814px #FFF, 1051px 534px #FFF, 1206px 221px #FFF, 1954px 1923px #FFF, 1912px 507px #FFF, 386px 1681px #FFF, 1328px 1041px #FFF, 535px 380px #FFF, 1588px 1812px #FFF, 1633px 522px #FFF, 1283px 1522px #FFF, 202px 1243px #FFF, 1779px 1462px #FFF, 39px 455px #FFF, 744px 1815px #FFF, 5px 1962px #FFF, 1130px 1109px #FFF, 1008px 1785px #FFF, 394px 530px #FFF, 1906px 1353px #FFF, 1859px 763px #FFF, 1368px 1516px #FFF, 862px 395px #FFF, 1181px 1885px #FFF, 156px 1718px #FFF, 254px 253px #FFF, 840px 1577px #FFF, 1700px 1315px #FFF, 851px 1953px #FFF, 1542px 1485px #FFF, 644px 1809px #FFF, 1518px 442px #FFF, 94px 1935px #FFF, 108px 350px #FFF, 1901px 217px #FFF, 1753px 1765px #FFF, 1332px 93px #FFF, 469px 38px #FFF, 1763px 927px #FFF, 1021px 763px #FFF, 544px 1816px #FFF, 1869px 710px #FFF, 479px 1598px #FFF, 1417px 552px #FFF, 1652px 332px #FFF, 1282px 1762px #FFF, 521px 1966px #FFF, 463px 1266px #FFF, 1344px 1844px #FFF, 337px 1347px #FFF, 450px 1594px #FFF, 1328px 248px #FFF, 488px 1636px #FFF, 1758px 623px #FFF, 1536px 72px #FFF, 144px 876px #FFF, 709px 681px #FFF, 796px 1225px #FFF, 108px 1845px #FFF, 200px 846px #FFF, 1600px 1345px #FFF, 74px 772px #FFF, 248px 1716px #FFF, 108px 1293px #FFF, 1376px 493px #FFF, 1129px 593px #FFF, 1360px 1269px #FFF, 1693px 71px #FFF, 1912px 1182px #FFF, 972px 1373px #FFF, 848px 1329px #FFF, 314px 1554px #FFF, 1146px 959px #FFF, 1726px 1450px #FFF, 957px 843px #FFF, 1621px 1996px #FFF, 785px 150px #FFF, 565px 147px #FFF, 56px 1961px #FFF, 982px 257px #FFF, 1665px 1303px #FFF, 384px 276px #FFF, 1845px 252px #FFF, 1173px 315px #FFF, 359px 811px #FFF, 1219px 392px #FFF, 1244px 696px #FFF, 973px 79px #FFF, 1504px 1944px #FFF, 1519px 369px #FFF, 887px 354px #FFF, 1720px 508px #FFF, 500px 1835px #FFF, 411px 687px #FFF, 1529px 1686px #FFF, 219px 1112px #FFF, 512px 448px #FFF, 1658px 1075px #FFF, 1503px 61px #FFF, 1782px 215px #FFF, 1240px 202px #FFF, 892px 33px #FFF, 190px 1712px #FFF, 1588px 1458px #FFF, 394px 230px #FFF, 495px 1773px #FFF, 490px 642px #FFF, 487px 774px #FFF, 1686px 1167px #FFF, 726px 1307px #FFF, 1972px 1721px #FFF, 1919px 1639px #FFF, 113px 1690px #FFF, 1675px 1629px #FFF, 1596px 982px #FFF, 533px 1555px #FFF, 477px 430px #FFF, 368px 387px #FFF, 459px 1114px #FFF, 1660px 653px #FFF, 270px 1121px #FFF, 1971px 1130px #FFF, 184px 1365px #FFF, 1059px 1884px #FFF, 995px 1705px #FFF, 1176px 1097px #FFF, 397px 1196px #FFF, 1417px 707px #FFF, 110px 636px #FFF, 1870px 279px #FFF;
    }

.stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1124px 285px #FFF, 448px 1952px #FFF, 1591px 528px #FFF, 1022px 600px #FFF, 767px 523px #FFF, 24px 208px #FFF, 1560px 1201px #FFF, 982px 22px #FFF, 931px 436px #FFF, 1511px 1125px #FFF, 61px 6px #FFF, 849px 133px #FFF, 1082px 651px #FFF, 383px 533px #FFF, 1665px 1998px #FFF, 1786px 1215px #FFF, 724px 774px #FFF, 1797px 707px #FFF, 373px 1915px #FFF, 1732px 231px #FFF, 1048px 705px #FFF, 262px 1536px #FFF, 1043px 327px #FFF, 395px 1712px #FFF, 1509px 1085px #FFF, 205px 1979px #FFF, 1330px 1314px #FFF, 539px 8px #FFF, 1322px 1187px #FFF, 1964px 109px #FFF, 792px 1358px #FFF, 1559px 761px #FFF, 85px 245px #FFF, 24px 293px #FFF, 945px 474px #FFF, 1844px 1284px #FFF, 688px 1965px #FFF, 254px 1506px #FFF, 1291px 1307px #FFF, 1992px 643px #FFF, 221px 1572px #FFF, 330px 255px #FFF, 508px 1699px #FFF, 1592px 1079px #FFF, 1238px 391px #FFF, 907px 279px #FFF, 647px 491px #FFF, 767px 846px #FFF, 172px 896px #FFF, 962px 1155px #FFF, 478px 761px #FFF, 1677px 522px #FFF, 1635px 206px #FFF, 1637px 1615px #FFF, 1497px 1336px #FFF, 45px 494px #FFF, 1494px 1577px #FFF, 1086px 1335px #FFF, 1484px 1729px #FFF, 917px 805px #FFF, 22px 79px #FFF, 1507px 37px #FFF, 1554px 1338px #FFF, 1024px 1446px #FFF, 326px 797px #FFF, 1633px 310px #FFF, 1461px 1181px #FFF, 51px 1769px #FFF, 462px 106px #FFF, 589px 1405px #FFF, 319px 1901px #FFF, 1692px 1030px #FFF, 1353px 1807px #FFF, 1461px 1388px #FFF, 1469px 856px #FFF, 1492px 1437px #FFF, 239px 454px #FFF, 1764px 1324px #FFF, 310px 1928px #FFF, 752px 1324px #FFF, 923px 1304px #FFF, 1462px 1745px #FFF, 83px 1741px #FFF, 1683px 879px #FFF, 611px 1865px #FFF, 866px 255px #FFF, 329px 171px #FFF, 134px 1915px #FFF, 420px 962px #FFF, 1954px 1588px #FFF, 1222px 1614px #FFF, 1423px 1812px #FFF, 426px 1740px #FFF, 503px 27px #FFF, 1639px 798px #FFF, 670px 1945px #FFF, 1734px 18px #FFF, 705px 1514px #FFF, 1993px 694px #FFF, 210px 1970px #FFF, 532px 105px #FFF, 1781px 106px #FFF, 285px 313px #FFF, 1978px 198px #FFF, 211px 502px #FFF, 1963px 502px #FFF, 1700px 547px #FFF, 1414px 454px #FFF, 1932px 301px #FFF, 1909px 650px #FFF, 1431px 1357px #FFF, 635px 745px #FFF, 1525px 1049px #FFF, 1945px 1381px #FFF, 1793px 613px #FFF, 393px 1065px #FFF, 417px 1312px #FFF, 1772px 1483px #FFF, 1709px 1553px #FFF, 1507px 726px #FFF, 1204px 539px #FFF, 1272px 689px #FFF, 89px 924px #FFF, 1428px 632px #FFF, 229px 157px #FFF, 966px 324px #FFF, 1763px 352px #FFF, 1235px 1545px #FFF, 1815px 1768px #FFF, 1963px 1933px #FFF, 1964px 636px #FFF, 1813px 1076px #FFF, 883px 150px #FFF, 1642px 1284px #FFF, 1098px 1093px #FFF, 1954px 1701px #FFF, 1369px 1369px #FFF, 1279px 1322px #FFF, 498px 1131px #FFF, 973px 1856px #FFF, 1068px 808px #FFF, 1233px 324px #FFF, 827px 1506px #FFF, 318px 489px #FFF, 805px 76px #FFF, 1966px 1304px #FFF, 1187px 1615px #FFF, 251px 1507px #FFF, 1149px 1882px #FFF, 1995px 1934px #FFF, 1378px 1805px #FFF, 1986px 357px #FFF, 70px 727px #FFF, 1602px 1426px #FFF, 145px 991px #FFF, 69px 292px #FFF, 973px 1354px #FFF, 1181px 1120px #FFF, 1625px 1074px #FFF, 559px 1243px #FFF, 1999px 1531px #FFF, 35px 1161px #FFF, 119px 519px #FFF, 768px 1196px #FFF, 811px 1153px #FFF, 752px 636px #FFF, 1853px 1390px #FFF, 1843px 677px #FFF, 837px 1797px #FFF, 291px 1494px #FFF, 1192px 783px #FFF, 1954px 890px #FFF, 555px 1511px #FFF, 569px 235px #FFF, 1890px 910px #FFF, 1222px 663px #FFF, 834px 111px #FFF, 387px 1496px #FFF, 449px 373px #FFF, 1561px 1884px #FFF, 1439px 1658px #FFF, 27px 795px #FFF, 1878px 744px #FFF, 1100px 1056px #FFF, 1297px 1694px #FFF, 1446px 420px #FFF, 1507px 851px #FFF, 1780px 1442px #FFF, 1743px 1680px #FFF, 841px 521px #FFF, 288px 1443px #FFF, 1048px 1371px #FFF, 210px 457px #FFF, 305px 766px #FFF, 1810px 405px #FFF, 1312px 1730px #FFF, 1469px 1216px #FFF, 39px 271px #FFF, 520px 560px #FFF, 783px 1920px #FFF;
    animation: animStar 100s linear infinite;
}

    .stars2:after {
        content: " ";
        position: absolute;
        /*top: 2000px;*/
        width: 2px;
        height: 2px;
        background: transparent;
        box-shadow: 1124px 285px #FFF, 448px 1952px #FFF, 1591px 528px #FFF, 1022px 600px #FFF, 767px 523px #FFF, 24px 208px #FFF, 1560px 1201px #FFF, 982px 22px #FFF, 931px 436px #FFF, 1511px 1125px #FFF, 61px 6px #FFF, 849px 133px #FFF, 1082px 651px #FFF, 383px 533px #FFF, 1665px 1998px #FFF, 1786px 1215px #FFF, 724px 774px #FFF, 1797px 707px #FFF, 373px 1915px #FFF, 1732px 231px #FFF, 1048px 705px #FFF, 262px 1536px #FFF, 1043px 327px #FFF, 395px 1712px #FFF, 1509px 1085px #FFF, 205px 1979px #FFF, 1330px 1314px #FFF, 539px 8px #FFF, 1322px 1187px #FFF, 1964px 109px #FFF, 792px 1358px #FFF, 1559px 761px #FFF, 85px 245px #FFF, 24px 293px #FFF, 945px 474px #FFF, 1844px 1284px #FFF, 688px 1965px #FFF, 254px 1506px #FFF, 1291px 1307px #FFF, 1992px 643px #FFF, 221px 1572px #FFF, 330px 255px #FFF, 508px 1699px #FFF, 1592px 1079px #FFF, 1238px 391px #FFF, 907px 279px #FFF, 647px 491px #FFF, 767px 846px #FFF, 172px 896px #FFF, 962px 1155px #FFF, 478px 761px #FFF, 1677px 522px #FFF, 1635px 206px #FFF, 1637px 1615px #FFF, 1497px 1336px #FFF, 45px 494px #FFF, 1494px 1577px #FFF, 1086px 1335px #FFF, 1484px 1729px #FFF, 917px 805px #FFF, 22px 79px #FFF, 1507px 37px #FFF, 1554px 1338px #FFF, 1024px 1446px #FFF, 326px 797px #FFF, 1633px 310px #FFF, 1461px 1181px #FFF, 51px 1769px #FFF, 462px 106px #FFF, 589px 1405px #FFF, 319px 1901px #FFF, 1692px 1030px #FFF, 1353px 1807px #FFF, 1461px 1388px #FFF, 1469px 856px #FFF, 1492px 1437px #FFF, 239px 454px #FFF, 1764px 1324px #FFF, 310px 1928px #FFF, 752px 1324px #FFF, 923px 1304px #FFF, 1462px 1745px #FFF, 83px 1741px #FFF, 1683px 879px #FFF, 611px 1865px #FFF, 866px 255px #FFF, 329px 171px #FFF, 134px 1915px #FFF, 420px 962px #FFF, 1954px 1588px #FFF, 1222px 1614px #FFF, 1423px 1812px #FFF, 426px 1740px #FFF, 503px 27px #FFF, 1639px 798px #FFF, 670px 1945px #FFF, 1734px 18px #FFF, 705px 1514px #FFF, 1993px 694px #FFF, 210px 1970px #FFF, 532px 105px #FFF, 1781px 106px #FFF, 285px 313px #FFF, 1978px 198px #FFF, 211px 502px #FFF, 1963px 502px #FFF, 1700px 547px #FFF, 1414px 454px #FFF, 1932px 301px #FFF, 1909px 650px #FFF, 1431px 1357px #FFF, 635px 745px #FFF, 1525px 1049px #FFF, 1945px 1381px #FFF, 1793px 613px #FFF, 393px 1065px #FFF, 417px 1312px #FFF, 1772px 1483px #FFF, 1709px 1553px #FFF, 1507px 726px #FFF, 1204px 539px #FFF, 1272px 689px #FFF, 89px 924px #FFF, 1428px 632px #FFF, 229px 157px #FFF, 966px 324px #FFF, 1763px 352px #FFF, 1235px 1545px #FFF, 1815px 1768px #FFF, 1963px 1933px #FFF, 1964px 636px #FFF, 1813px 1076px #FFF, 883px 150px #FFF, 1642px 1284px #FFF, 1098px 1093px #FFF, 1954px 1701px #FFF, 1369px 1369px #FFF, 1279px 1322px #FFF, 498px 1131px #FFF, 973px 1856px #FFF, 1068px 808px #FFF, 1233px 324px #FFF, 827px 1506px #FFF, 318px 489px #FFF, 805px 76px #FFF, 1966px 1304px #FFF, 1187px 1615px #FFF, 251px 1507px #FFF, 1149px 1882px #FFF, 1995px 1934px #FFF, 1378px 1805px #FFF, 1986px 357px #FFF, 70px 727px #FFF, 1602px 1426px #FFF, 145px 991px #FFF, 69px 292px #FFF, 973px 1354px #FFF, 1181px 1120px #FFF, 1625px 1074px #FFF, 559px 1243px #FFF, 1999px 1531px #FFF, 35px 1161px #FFF, 119px 519px #FFF, 768px 1196px #FFF, 811px 1153px #FFF, 752px 636px #FFF, 1853px 1390px #FFF, 1843px 677px #FFF, 837px 1797px #FFF, 291px 1494px #FFF, 1192px 783px #FFF, 1954px 890px #FFF, 555px 1511px #FFF, 569px 235px #FFF, 1890px 910px #FFF, 1222px 663px #FFF, 834px 111px #FFF, 387px 1496px #FFF, 449px 373px #FFF, 1561px 1884px #FFF, 1439px 1658px #FFF, 27px 795px #FFF, 1878px 744px #FFF, 1100px 1056px #FFF, 1297px 1694px #FFF, 1446px 420px #FFF, 1507px 851px #FFF, 1780px 1442px #FFF, 1743px 1680px #FFF, 841px 521px #FFF, 288px 1443px #FFF, 1048px 1371px #FFF, 210px 457px #FFF, 305px 766px #FFF, 1810px 405px #FFF, 1312px 1730px #FFF, 1469px 1216px #FFF, 39px 271px #FFF, 520px 560px #FFF, 783px 1920px #FFF;
    }

.stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1337px 262px #FFF, 754px 669px #FFF, 337px 589px #FFF, 1170px 321px #FFF, 1927px 572px #FFF, 1249px 1323px #FFF, 1382px 245px #FFF, 868px 1709px #FFF, 1398px 1905px #FFF, 1722px 918px #FFF, 750px 1858px #FFF, 1950px 1612px #FFF, 1027px 1625px #FFF, 964px 449px #FFF, 1817px 774px #FFF, 1019px 1884px #FFF, 1594px 225px #FFF, 719px 1981px #FFF, 1291px 1366px #FFF, 566px 1951px #FFF, 826px 916px #FFF, 1444px 814px #FFF, 1398px 1054px #FFF, 1790px 500px #FFF, 1895px 1958px #FFF, 174px 1833px #FFF, 1872px 174px #FFF, 294px 3px #FFF, 636px 336px #FFF, 345px 1706px #FFF, 1666px 1313px #FFF, 808px 629px #FFF, 1318px 1593px #FFF, 1678px 1209px #FFF, 1408px 1138px #FFF, 1869px 1471px #FFF, 1021px 957px #FFF, 325px 1582px #FFF, 1589px 1699px #FFF, 389px 1760px #FFF, 972px 1562px #FFF, 1505px 562px #FFF, 868px 565px #FFF, 948px 486px #FFF, 467px 1080px #FFF, 517px 16px #FFF, 1556px 604px #FFF, 1709px 1568px #FFF, 1155px 89px #FFF, 182px 366px #FFF, 231px 516px #FFF, 492px 1039px #FFF, 1307px 175px #FFF, 1993px 170px #FFF, 876px 1465px #FFF, 1123px 1300px #FFF, 1726px 1230px #FFF, 177px 335px #FFF, 916px 990px #FFF, 178px 57px #FFF, 405px 439px #FFF, 681px 223px #FFF, 1273px 1390px #FFF, 469px 1141px #FFF, 1989px 606px #FFF, 390px 2px #FFF, 1922px 871px #FFF, 65px 1652px #FFF, 1450px 286px #FFF, 661px 295px #FFF, 316px 1555px #FFF, 1697px 543px #FFF, 255px 1874px #FFF, 1514px 1895px #FFF, 1562px 496px #FFF, 819px 365px #FFF, 615px 1055px #FFF, 519px 422px #FFF, 989px 1311px #FFF, 737px 1239px #FFF, 913px 705px #FFF, 210px 286px #FFF, 444px 1123px #FFF, 825px 866px #FFF, 195px 1531px #FFF, 491px 923px #FFF, 1942px 138px #FFF, 1288px 1293px #FFF, 503px 659px #FFF, 587px 717px #FFF, 1131px 443px #FFF, 411px 1740px #FFF, 1504px 1052px #FFF, 1447px 1899px #FFF, 1914px 1350px #FFF, 935px 497px #FFF, 484px 618px #FFF, 1349px 158px #FFF, 1052px 136px #FFF, 1404px 1373px #FFF;
    animation: animStar 150s linear infinite;
}

    .stars3:after {
        content: " ";
        position: absolute;
        /*top: 2000px;*/
        width: 3px;
        height: 3px;
        background: transparent;
        box-shadow: 1337px 262px #FFF, 754px 669px #FFF, 337px 589px #FFF, 1170px 321px #FFF, 1927px 572px #FFF, 1249px 1323px #FFF, 1382px 245px #FFF, 868px 1709px #FFF, 1398px 1905px #FFF, 1722px 918px #FFF, 750px 1858px #FFF, 1950px 1612px #FFF, 1027px 1625px #FFF, 964px 449px #FFF, 1817px 774px #FFF, 1019px 1884px #FFF, 1594px 225px #FFF, 719px 1981px #FFF, 1291px 1366px #FFF, 566px 1951px #FFF, 826px 916px #FFF, 1444px 814px #FFF, 1398px 1054px #FFF, 1790px 500px #FFF, 1895px 1958px #FFF, 174px 1833px #FFF, 1872px 174px #FFF, 294px 3px #FFF, 636px 336px #FFF, 345px 1706px #FFF, 1666px 1313px #FFF, 808px 629px #FFF, 1318px 1593px #FFF, 1678px 1209px #FFF, 1408px 1138px #FFF, 1869px 1471px #FFF, 1021px 957px #FFF, 325px 1582px #FFF, 1589px 1699px #FFF, 389px 1760px #FFF, 972px 1562px #FFF, 1505px 562px #FFF, 868px 565px #FFF, 948px 486px #FFF, 467px 1080px #FFF, 517px 16px #FFF, 1556px 604px #FFF, 1709px 1568px #FFF, 1155px 89px #FFF, 182px 366px #FFF, 231px 516px #FFF, 492px 1039px #FFF, 1307px 175px #FFF, 1993px 170px #FFF, 876px 1465px #FFF, 1123px 1300px #FFF, 1726px 1230px #FFF, 177px 335px #FFF, 916px 990px #FFF, 178px 57px #FFF, 405px 439px #FFF, 681px 223px #FFF, 1273px 1390px #FFF, 469px 1141px #FFF, 1989px 606px #FFF, 390px 2px #FFF, 1922px 871px #FFF, 65px 1652px #FFF, 1450px 286px #FFF, 661px 295px #FFF, 316px 1555px #FFF, 1697px 543px #FFF, 255px 1874px #FFF, 1514px 1895px #FFF, 1562px 496px #FFF, 819px 365px #FFF, 615px 1055px #FFF, 519px 422px #FFF, 989px 1311px #FFF, 737px 1239px #FFF, 913px 705px #FFF, 210px 286px #FFF, 444px 1123px #FFF, 825px 866px #FFF, 195px 1531px #FFF, 491px 923px #FFF, 1942px 138px #FFF, 1288px 1293px #FFF, 503px 659px #FFF, 587px 717px #FFF, 1131px 443px #FFF, 411px 1740px #FFF, 1504px 1052px #FFF, 1447px 1899px #FFF, 1914px 1350px #FFF, 935px 497px #FFF, 484px 618px #FFF, 1349px 158px #FFF, 1052px 136px #FFF, 1404px 1373px #FFF;
    }

@keyframes animStar {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-2000px);
    }
}

/*End animation*/
/* Start SSL */
.ssl-img {
    width: 80px;
    margin-bottom: 10px;
}

.ssl-logo {
    width: 150px;
    cursor: pointer;
    position: fixed;
    bottom: 20px; /* تحت الشاشة */
    left: 20px; /* على اليسار */
    z-index: 100;
}

#sslPopup {
    display: none;
    position: fixed;
    left: 4%;
    top: 60%;
    z-index: 9999;
    background: white;
    border-radius: 12px;
    padding: 20px;
    width: 250px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.25);
    background-color: var(--bs-white);
    color: var(--dark-blue);
}
/* End SSL */
/*Start Media*/
@media only screen and (max-width: 767px) {
    .container-intro .intro-title {
        height: 142px;
    }

        .container-intro .intro-title h1 {
            font-size: 80px;
            top: 35%;
        }
}
@media (min-width:500px) and (max-width:700px) {
    .center {
        left: 60%;
    }
}
@media (min-width:299px) and (max-width:570px) {
    .container_login {
        width: 310px;
    }
    .center {
        left: 50%;
    }
    .login-title h1, .login-title span {
        font-size: 1.5rem;
        padding: 0.5rem;
    }
        .logo-img {
        display: none;
    }

    .content_login {
        width: 100%;
    }
    .login_input, select {
        width: 95%;
    }

    .check-container {
        align-self: flex-start;
        padding-left: 1rem;
    }
    .div-content {
        width: 95%;
    }
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 30px auto;
    }

    .modal-dialog-scrollable {
        height: calc(100% - 60px);
    }

    .modal-dialog-centered {
        min-height: calc(100% - 60px);
    }

    .details-model .modal-dialog {
        max-width: 80%;
    }

    .modal-sm {
        max-width: 300px;
    }
}
@media (min-width:200px) and (max-width:300px) {
    .container_login {
        width: 215px;
    }

    .center {
        left: 50%;
    }

    .login-title h1, .login-title span {
        font-size: 1.5rem;
        padding: 0.5rem;
    }

    .logo-img {
        display: none;
    }

    .content_login {
        width: 100%;
        text-align: left;
    }

    .login_input, select {
        width: 95%;
    }

    .check-container {
        align-self: flex-start;
        padding-left: 1rem;
    }

    .div-content {
        width: 95%;
    }

    label {
        margin-right: 0px;
    }
}
/*End Media*/