/** Reset **/

/* html {
    font-size: 62.5%;
} */

/** Helpers **/
.remove-padding-mobile{
    padding: 0px;
}

.alert{
    font-size: 15px;
}

/** Login / Register **/
.login-area{
    min-height: 100vh;
}

.login-area .form-logo{
    display: block;
    margin: 30px 0;
}

.login-area .form-logo img{
    width: 180px;
}

.login-area,
.login-area a {
    font-size: 1.3rem;
}

.login-area,
.login-area h1,
.login-area h2 {
    color: #092638;
    font-family: 'Poppins', sans-serif;
}

.login-area h3{
    font-size: 1rem;
}

.login-area,
.login-area h1 {
    font-weight: bold;
    font-size: 2.3rem;
}

.login-area,
.login-area h2 {
    font-weight: 300;
    font-size: 1.3rem;
    padding-bottom: 12px;
}

.login-area input[type="text"],
.login-area input[type="password"],
.login-area input[type="email"] {
    border: 1px solid #092638;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    font-size: 1rem;
    height: 3rem;
    padding-left: 10px;
    background-size: cover;
}

.login-area select {
    border: 1px solid #092638;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    font-size: 1rem;
    height: 3rem;
    padding-left: 10px;
    background-size: cover;
}

.login-area label[for="remember"] {
    position: absolute;
    top: 0px;
    left: 20px;
    font-size: 1rem;
}

.login-area button[type="submit"] {
    background: none;
    border: none;
}

.login-area button[type="submit"]>img {
    width: 44px;
}

.login-area .btn-link {
    /* font-size: 21px; */
    font-weight: 300;
    padding: 0;
    color: #092638;
    border-bottom: 1px solid #d6d6d6 !important;
}

.login-area .input-element {
    position: relative;
}

.login-area .input-element img {
    position: absolute;
    top: 50%;
    right: 10px;
    height: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.login-area .footer {
    font-weight: 200;
}

.login-area .footer a {
    font-size: 1.3rem;
    color: #092638;
}

.login-area .login-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 40%;
    display: block;
    height: 100vh;
    background-image: url('../images/login-bg.jpg');
    background-size: cover;
}

.login-area .circle {
    position: absolute;
    top: 50%;
    right: -75px;
    width: 150px;
    height: 150px;
    background: #f8fafc;
    border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.login-area .invalid-feedback {
    display: block;
    font-size: 14px;
}

.register-area label {
    font-size: 25px;
}

/** Terms **/
.terms-items{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.terms-items a{
    font-size: 16px;
    color: #17125a;
}

/** Register **/
.custom-label{
    font-size: 16px!important;
    font-weight: 500;
    text-align: justify;
    padding: 0 10px;
}

.multiselect__container{
    padding-top: 5px!important;
    padding-bottom: 5px!important;
    padding-left: 25px!important;
    -webkit-border-radius: 40px;
    border-radius: 40px!important;
    border: 1px solid #092638;
}

.multiselect__selected{
    font-size: 14px!important;
}

/** Fixes **/
.was-validated .form-control:invalid,
.form-control.is-invalid {
    background-image: none!important;
}

/** 2025 ::: BRO **/
.bg-orange{
    background-color: #ff5000 !important;
    border-color: #ff5000 !important;
}

@media screen and (max-width: 770px) {

    /** Helpers **/
    .remove-padding-mobile{
        padding: 0px;
    }

    .login-area .login-bg {
        display: block;
        width: 100%;
        max-height: 350px;
        position: relative;
        background-position: center;
        background-image: url('../images/register-bg-mobile.jpg');
    }

    .login-area .circle{
        height: 100px;
        width: 100px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 92%;
    }
}