@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap);
body{background:#fff}#video_city{height:99vh;left:50%;position:absolute;width:50%}#lang_selector{align-items:center;display:inline-flex;gap:8px;justify-content:flex-end;padding:10px 20px;position:absolute;top:0;width:100%}#lang_selector a{opacity:.5;transition:opacity .3s ease}#lang_selector a.active_lang,#lang_selector a:hover{opacity:1}#care{left:15%;width:30%}#care,#twoflow{position:absolute}#twoflow{bottom:5%;right:1%;width:10%}.valid-feedback{font-weight:600}.container-fluid{left:-20%;position:absolute;top:50%;width:100%}.container-fluid .card-body{margin-top:10%}.container-fluid .card-body .form-group{margin-bottom:0!important}.container-fluid .card-body .custom_input{background:#fff;font-size:15px;margin:2% auto!important;padding:.5rem 1.5rem;width:80%}.container-fluid .buttons{margin:auto;width:55%}.container-fluid .buttons button{margin-top:2%}.auth_container input{background-color:#fff;border:2px solid #186af6;font-size:calc(.75rem + 1vw);padding:.25rem;text-align:center}.auth_container input.auth_number::-webkit-inner-spin-button,.auth_container input.auth_number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.auth_container input.auth_number[type=number]{-moz-appearance:textfield}.login_spinner{height:1rem;width:1rem}#login_modal_qrcode .modal-content{padding:.5rem}#login_modal_qrcode .modal-content img{height:200px;width:200px}#login_modal_qrcode .modal-content .timer_wrapper{background:#707070;border-radius:25px;height:10px;margin:auto auto 10px;position:relative;width:30%}#login_modal_qrcode .modal-content .timer_wrapper .shrinking{animation:timer-wrapper 30s ease-in infinite;background:linear-gradient(90deg,#0e3d8f,#186af6);border-radius:25px;height:10px;width:100%}@media screen and (max-width:1080px){.container-fluid .card-body{margin-top:0!important}.container-fluid .card-body .buttons{width:80%!important}#care{left:12%;top:5%;width:35%}#twoflow{width:20%}}@media screen and (max-width:768px){.container-fluid{left:0;top:40%}#video_city{display:none}#care{left:17.5%;top:5%;width:65%}#twoflow{right:27.5%;width:45%}}
