:root {
    --light: #ffff;
    --primary: #6E7EE4;
    --dark-light: #4A4A4A;
    --sencondary: #F15E5F;
    --bg-gray-light: #F8F8FC;
}

.modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.bootstrap .modal {
    background-color: rgba(10, 10, 10, 0.86) !important;
}

.bootstrap .img-mw-40 {
    max-width: 40px;
}

.bootstrap .login label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    color: var(--dark-light);
}

.bootstrap .login .signup-card {
    border: 1px solid rgb(0 0 0 / 4%) !important;
}

.bootstrap .br-radius-30 {
    border-radius: 30px;
}

.bootstrap .text-danger {
    color: var(--sencondary) !important;
}

.bootstrap .fw-600 {
    font-weight: 600;
}

.bootstrap .fb-color {
    color: #3B5998;
}

.bootstrap .google-color {
    color: #F14336;
}

.bootstrap .linkedin-color {
    color: #0077B5;
}

.bootstrap .btn-outline-light,
.bootstrap .btn-danger,
.btn-outline-danger {
    border-radius: 23px;
}

.btn-outline-danger:hover {
    color: var(--sencondary);
    background-color: white;
}

.bootstrap .signup-card .btn-outline-light {
    border: solid 1px #6E7EE4;
}

.bootstrap .signup-card .btn-outline-light:hover {
    border: solid 1px #6E7EE4;
    background-color: #6E7EE4;
    color: #F8F8FC;
}

.bootstrap .btn-danger {
    background-color: var(--sencondary) !important;
    border: none !important;
}

.bootstrap .signup-form label {
    color: var(--dark-light) !important;
    font-weight: 600;
}

.bootstrap .signup-form input[type='text'],
.bootstrap .signup-form input[type='email'],
.bootstrap .signup-form input[type='password'],
.bootstrap .signup-form select {
    border-radius: 23px;
}

.bootstrap .signup-form .form-check-input:checked {
    background-color: var(--sencondary);
    border-color: var(--sencondary);
}

.bootstrap .underline {
    text-decoration: underline !important;
}

.bootstrap .card-body a {
    font-size: 14px;
    line-height: 20px;
}


.bootstrap .alert-danger {
    background-color: var(--sencondary) !important;
}

.bootstrap .login-signup .card-body .btn-outline-primary {
    color: #6E7EE4;
    border-color: #6E7EE4;
    padding-top: 2px;
    padding-bottom: 2px;
}

.bootstrap .login-signup .card-body .btn-outline-primary:hover {
    background-color: #6E7EE4;
    color: white;
}

@media only screen and (max-width: 500px) {
    .bootstrap .login .signup-card {
        border: none !important;
        box-shadow: 0 2px 6px 0 rgb(0 0 0 / 0%) !important;
        border-radius: 0px !important;
        padding: .5rem !important;
        margin: 0px !important;
    }
    .bootstrap .card-body {
        flex: 1 1 auto;
        padding: 0.6rem 0.6rem;
    }
    .bootstrap .mbile-br {
        display: block;
    }
}