@charset "UTF-8";
@font-face{font-family:'Roboto Condensed';src:url('../fonts/rc/RobotoCondensed-Regular.eot');src:url('../fonts/rc/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/rc/RobotoCondensed-Regular.woff2') format('woff2'),url('../fonts/rc/RobotoCondensed-Regular.woff') format('woff'),url('../fonts/rc/RobotoCondensed-Regular.ttf') format('truetype'),url('../fonts/rc/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:'Roboto Condensed';src:url('../fonts/rc/RobotoCondensed-Bold.eot');src:url('../fonts/rc/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/rc/RobotoCondensed-Bold.woff2') format('woff2'),url('../fonts/rc/RobotoCondensed-Bold.woff') format('woff'),url('../fonts/rc/RobotoCondensed-Bold.ttf') format('truetype'),url('../fonts/rc/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');font-weight:bold;font-style:normal;font-display:swap;}

html,body{margin:0; padding:0; height:100vh;}
body{font-family:'Roboto Condensed', sans-serif !important; font-size:14px; color:#212529;  font-weight:normal;}
h3, p, .tel_cls{text-align:center;}
h4{text-align:left;}
a{text-decoration:none;}
.alert-dismissible{padding-right:4rem !important;}
.alert-dismissible .close{position:absolute; top:0; right:0; z-index:2; padding:0.75rem 1.25rem; color:inherit; text-decoration:none !important;}
.close{float:right; font-size:1.5rem; font-weight:700; line-height:1; color:#000; text-shadow:0 1px 0 #fff; opacity:.5;}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{opacity:.75;}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:15px; padding-left:15px; position:relative;}
.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:none;}
.table-bordered{border:1px solid #dee2e6;}
.table-bordered>:not(caption)>*{border-width:0;}
.modal-header .close{padding:1rem 1rem; margin:-1rem -1rem -1rem auto; border:none;}
label{display:inline-block; margin-bottom:0.5rem;}
.form-group{margin-bottom:1rem;}
.bg-light{background-color:#f8f9fa !important;}
.table>:not(:first-child){border-top:0;}
.table>:not(caption)>*>*{border-bottom-width:0;}
.table-responsive{display:block; width:100%;}
.table td,.table th{padding:0.75rem; vertical-align:top; border-top:1px solid #dee2e6;}
.form-select{background-position:right .30rem center;}
.alert{padding:0.75rem 1.25rem;}
.wh_auto{width:100%; position:relative;}
.logo_cls{width:300px; margin:0 auto 15px auto; display:block;}
.chat_icon{display:block; margin:20px auto;}
.chat_icon img, .chat_icon a{display:flex; align-items:center; justify-content:center;}
.login_inner_cls h3{font-weight:600; margin-bottom:15px;}
.login_inner_cls form .form-control{font-size:14px; padding:6px 15px;height:auto;}
.login_inner_cls form button, .login_inner_cls form a.btn.btn-primary{background:#0e79bf; color:#fff; padding:8px 15px; border:none; outline:0; border:1px solid #0e79bf;}
.login_inner_cls form button:focus, .login_inner_cls form a.btn.btn-primary:focus{box-shadow:none; outline:0;}
.login_inner_cls form button:hover, .login_inner_cls form a.btn.btn-primary:hover{background:#0d71b3; color:#fff;}
.tel_cls, .tel_cls:hover{font-size:28px; color:#333; font-weight:600; text-decoration:none; width:auto; margin:0 auto; display:table;}
.hyperlink_clr, .hyperlink_clr a{color:#000; font-weight:bold;}
.text_underline{text-decoration:underline;}
.text_underline:hover{text-decoration:none;}
.form-group label{font-size:14px; font-weight:600; margin-bottom:3px; color:#212529;}
span{margin-bottom:10px;}
label > span{display:inline; margin-bottom:0; font-size:auto;}
em.invalid{color:#dc3545; font-size:13px; margin-top:5px; display:block;}
label.error{color:#dc3545; font-size:13px; margin-top:5px; display:block;}
.left_header_img{max-height:fit-content; height:auto; margin:0 auto 20px auto; display:block;}
.partner_logo > img{position:absolute;top:15px; left:15px;}
img.footer-logo{max-height:150px;}
img{max-width:100%; height:auto; width:auto;}
.loader-bg{overflow:hidden; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; min-height:100vh; display:flex; justify-content:center; align-items:center; z-index:11; background-color:rgba(0,0,0,0.5);}
.loader, .loader:after{border-radius:50%; width:50px; height:50px;}
.loader{margin:0; font-size:10px; position:relative; text-indent:-9999em; border-top:3px solid rgba(255,255,255,0.2); border-right:3px solid rgba(255,255,255,0.2); border-bottom:3px solid rgba(255,255,255,0.2); border-left:3px solid #fff; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); -webkit-animation:load8 1.1s infinite linear; animation:load8 1.1s infinite linear;}

@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}

/** Modal CSS **/
#tandcModel.modal.show .modal-header{position:relative;}
#tandcModel.modal.show button.close{position:absolute; top:-5px; right:-5px; background:#444; border-radius:50%; opacity:1; display:flex; align-items:center; justify-content:center; width:48px; height:48px; text-align:center; z-index:9; padding:0;}
#tandcModel.modal.show button.close:hover{opacity:1;}
#tandcModel.modal.show button.close svg{color:#fff; text-shadow:none;}
#tandcModel.modal .modal-content{border:8px solid rgba(0,0,0,0.10); border-radius:0;}
#tandcModel.modal .modal-content label{font-size:13px; font-weight:bold; margin-bottom:1px;}
#tandcModel.modal .modal-content .form-control{height:30px; padding:0px 10px; font-size:13px;}
#tandcModel.modal .modal-content button{font-size:13px;}
#tandcModel.modal .modal-content button span{margin-bottom:0;}
#tandcModel.modal .modal-content button:focus, .modal .modal-content button:active{outline:0;}
#tandcModel.modal .modal-content *{text-align:left;}
#tandcModel .modal-body{max-height:calc(100vh - 212px); overflow:auto;}
#tandcModel.modal .modal-content ul{padding-left:15px;}
.customer-tc-cls{display:flex; max-width:100%; flex:0 0 100%; flex-wrap:wrap;}
.customer-tc-cls label.error{order:5; display:flex; max-width:100%; flex:0 0 100%; flex-wrap:wrap;}
/** End **/

#scgQrO, .live_chat{position:inherit !important; bottom:inherit !important; left:inherit !important; right:inherit !important; width:auto !important;  display:flex; align-items:center; justify-content:center; z-index:9; max-width:100%; flex:0 0 100%;}
#scgQrO img, .live_chat img{max-width:100%;}

.swal2-container .swal2-popup{width:320px !important;}
.swal2-container .swal2-popup .swal2-styled{margin:0 8px; padding:7px 20px;}
.swal2-icon-text{font-size:1.75em; align-self:center;}
.swal2-icon{margin-bottom:0 !important;}

/** Custom Captcha @M 22/10/2024 **/
.form-floating > img{max-width:232px;}
.font-13{font-size:90%; font-weight:600; color:#0e79bf; text-decoration:underline;}
.captcha-area{position:relative; max-width:520px;}
.captcha-border{border:1px solid #ced4da; border-radius:.25rem;}
.captcha-bg{background:#ced4da; width:100%; position:relative;}
.captcha-area-cls > div{transform:none; display:block; width:100%;}
.captcha-area > div.alert-danger{transform:none;}
.captcha-area > div.alert-danger em{font-style:normal; color:#721c24; font-size:14px; font-weight:bold; margin-top:0;}
.captcha-refresh-cls{width:36px; height:36px; background:#2d7ac1; border-color:#2d7ac1; border-style:solid; border-width:1px; border-radius:.25rem; position:absolute; right:16px; top:17px;}
.captcha-refresh-cls svg{width:22px; height:22px; font-weight:bold; color:#fff;}
.captcha-refresh-cls > a{width:36px; height:36px; display:flex; align-items:center; justify-content:center;}
.captcha-bg{flex-wrap:wrap;}
.captcha-bg > input{width:calc(100% - 42px); order:1; height:38px !important;}
.captcha-bg > .captcha-refresh-cls{order:2;}
.captcha-bg > label#g-recaptcha-response-error, .captcha-bg > label.error{order:3; max-width:100%; flex:0 0 100%; margin-bottom:0; font-weight:bold;}
/** End **/

@media (min-width:768px){
.login_inner_cls{padding:60px; max-width:550px; min-width:450px; position:relative; z-index:1;}
}

@media (max-width:767px){
.login_inner_cls{padding:60px 0;}	
.grey_bg{background:#efefef;}
.login_container_cls .h-100{height:auto !important;}
.grey_bg:before{width:100%;}
.login_inner_cls{position:relative; top:inherit; transform:inherit; left:0; right:0; width:calc(100% - 30px);}
#tandcModel .modal-dialog{padding:25px 20px;}
#tandcModel.modal .modal-footer > button{width:100%;}
#scgQrO, .live_chat{bottom:inherit !important; left:inherit !important; right:inherit !important;}
.live_chat .chat_icon img{width:70px; box-shadow:5px 5px 12px 0 rgba(0,0,0,0.25); border-radius:50%;}
#scgQrO > a img{display:none;}
#scgQrO > a{position:relative;}
#scgQrO > a:before{content:'';background:url(../images/chat-icon-online.png) no-repeat; width:85px; height:85px; display:block; background-size:100%; box-shadow:5px 5px 12px 0 rgba(0,0,0,0.25); border-radius:50%;}
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){
.login_inner_cls form .form-control{line-height:1; padding:10px 15px;}
.h-100{min-height:100vh; height:auto !important;}
.row.h-100 > div{min-height:100vh;}
}