.btn-primary{background:var(--second-color) !important;border:var(--second-color) !important}.btn-success{background:var(--second-color) !important;border:var(--second-color) !important}.connection-signin{height:100vh;width:100%;background:#f1f5fb}.connection-signin .wrap-conection{border-radius:24px;display:flex;width:50%;background:#fff}.connection-signin .wrap-conection .left-conection{position:relative;width:50%;border-top-left-radius:24px;border-bottom-left-radius:24px}.connection-signin .wrap-conection .left-conection .img-bg{width:100%;height:100%}.connection-signin .wrap-conection .left-conection .img-bg img{border-top-left-radius:24px;border-bottom-left-radius:24px;width:100%;height:100%;object-fit:cover;display:block;margin:auto}.connection-signin .wrap-conection .left-conection .text{position:absolute;top:50px;left:0;right:0;font-size:1.2em;color:#fff}.connection-signin .wrap-conection .right-conection{border-top-right-radius:24px;border-bottom-right-radius:24px;width:50%;margin:0 auto;background:#fff}.connection-signin .wrap-conection .right-conection form img{width:110px;object-fit:cover;display:block;margin:10px auto}.connection-signin .wrap-conection .right-conection form .head{font-size:1.3em;margin:5px 0;font-weight:600;color:var(--first-color)}.connection-signin .wrap-conection .right-conection form .input .form-label{font-size:.7em;font-weight:600;color:#333}.connection-signin .wrap-conection .right-conection form .input .form-control{font-size:.9em;padding:10px 14px !important}.connection-signin .wrap-conection .right-conection form .forgot-pass{text-align:right}.connection-signin .wrap-conection .right-conection form .forgot-pass a{text-decoration:none;color:var(--first-color);font-size:.7em !important;font-weight:600}.connection-signin .wrap-conection .right-conection form .send{margin:6px 0 0 0;font-size:1em}.connection-signin .wrap-conection .right-conection form .send .btn-primary{font-size:1em;border-radius:12px;padding:8px 14px;-webkit-box-shadow:0 18px 26px 0 rgba(28,83,244,0.1);-moz-box-shadow:0 18px 26px 0 rgba(28,83,244,0.1);box-shadow:0 18px 26px 0 rgba(28,83,244,0.1);background:#1c53f4}.connection-signin .wrap-conection .right-conection form .send .btn-primary:hover{background:var(--first-color)}.connection-signin .wrap-conection .right-conection form .account{margin-top:16px;margin-bottom:10px;font-size:.8em !important;text-align:center}.connection-signin .wrap-conection .right-conection form .account .one{color:#333}.connection-signin .wrap-conection .right-conection form .account .two{color:var(--first-color);font-weight:600}@media (max-width:500px){.my-bottom-nav{display:block;height:56px;z-index:99;position:fixed !important;bottom:0 !important;width:100% !important;margin:auto !important;background:#fff !important;box-shadow:none}.my-bottom-nav .row{height:100%}.my-bottom-nav .row .menu-column{height:100%}.my-bottom-nav .row .menu-column a i{color:#000;font-size:2.2em}.my-bottom-nav .row .menu-column a img{width:32px;height:32px;object-fit:cover;display:block;margin:auto;border-radius:50%}.my-bottom-nav .row .menu-column .active{background:var(--first-color);width:100%;height:100%;display:flex;justify-content:center}.my-bottom-nav .row .menu-column .active i{color:#fff;font-size:2.2em}.connection-signin{height:100vh;width:100%;background:#fff;border-radius:14px}.connection-signin .wrap-conection{box-shadow:none !important;border-radius:14px;display:flex;width:100%;background:#fff}.connection-signin .wrap-conection .left-conection{display:none}.connection-signin .wrap-conection .right-conection{border-top-right-radius:14px;border-bottom-right-radius:14px;width:100%;position:relative;margin:0 auto;background:#fff}.connection-signin .wrap-conection .right-conection form img{width:110px;object-fit:cover;display:block;margin:0 auto 48px auto}.connection-signin .wrap-conection .right-conection form .head{margin:15px 0;font-size:1.7em;color:var(--first-color)}.connection-signin .wrap-conection .right-conection form .input .form-label{font-size:.8em;font-weight:600;color:#333}.connection-signin .wrap-conection .right-conection form .input .form-control{font-size:1em;padding:12px 18px !important}}