/* ==================== login modal style ============================== */

.login-popup .modal-body {
    padding: 0 !important;
    border-radius: 30px;
    overflow: hidden;
    background-color: #fff;
    border: 10px solid #c2c1c1;
}

.login-popup .modal-body h2 {
    text-align: center;
    padding: 20px;
    color: #fff;
    margin-bottom: 30px;
}

.login-popup.modal .modal-dialog {
    max-width: 420px;
}

.login-popup .modal-content {
    background: transparent !important;
    border: 0;
}

.login-popup .modal-content .tab-content {
    padding: 0;
}

.login-popup .modal-content .form-box .form {
    margin-top: 0;
    background-color: #fff;
}

.login-popup .modal-content form {
    padding: 0 15px;
}

.login-popup .modal-content form .butn {
    font-size: 12px;
    margin-top: 15px;
    border: 2px solid transparent;
    color: #fff;
}

.login-popup .modal-content form .form-check {
    font-size: 12px;
}

.login-popup .modal-content form .form-group input {
    border: 1px solid #9993;
    font-size: 12px;
}

.login-popup .modal-content .nav-tabs {
    background-color: #f1f1f1;
}

.login-popup .modal-content .nav-item {
    width: 50%;
}

.login-popup .modal-content .nav-item .nav-link {
    width: 100%;
    padding: 25px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}


/* ==================== responsive style ============================== */

@media screen and (max-width: 991px) {
    .vision .items {
        margin-bottom: 50px;
    }
    .information h3 {
        font-size: 18px;
    }
}


/* ======== */

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


/* ======= */

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