@charset "UTF-8";

@font-face{
font-family:'Gilroy';
src:url('../fonts/Gilroy-Heavy.eot');
src:url('../fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Heavy.woff2') format('woff2'),
url('../fonts/Gilroy-Heavy.woff') format('woff'),
url('../fonts/Gilroy-Heavy.ttf') format('truetype'),
url('../fonts/Gilroy-Heavy.svg#Gilroy-Heavy') format('svg');
font-weight:900;
font-style:normal;
font-display:swap;
}

@font-face{
font-family:'Gilroy';
src:url('../fonts/Gilroy-Bold.eot');
src:url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Bold.woff2') format('woff2'),
url('../fonts/Gilroy-Bold.woff') format('woff'),
url('../fonts/Gilroy-Bold.ttf') format('truetype'),
url('../fonts/Gilroy-Bold.svg#Gilroy-Bold') format('svg');
font-weight:bold;
font-style:normal;
font-display:swap;
}

@font-face{
font-family:'Gilroy';
src:url('../fonts/Gilroy-Light.eot');
src:url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Light.woff2') format('woff2'),
url('../fonts/Gilroy-Light.woff') format('woff'),
url('../fonts/Gilroy-Light.ttf') format('truetype'),
url('../fonts/Gilroy-Light.svg#Gilroy-Light') format('svg');
font-weight:300;
font-style:normal;
font-display:swap;
}

@font-face{
font-family:'Gilroy';
src:url('../fonts/Gilroy-Medium.eot');
src:url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Medium.woff2') format('woff2'),
url('../fonts/Gilroy-Medium.woff') format('woff'),
url('../fonts/Gilroy-Medium.ttf') format('truetype'),
url('../fonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg');
font-weight:500;
font-style:normal;
font-display:swap;
}

@font-face{
font-family:'Gilroy';
src:url('../fonts/Gilroy-Thin.eot');
src:url('../fonts/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Thin.woff2') format('woff2'),
url('../fonts/Gilroy-Thin.woff') format('woff'),
url('../fonts/Gilroy-Thin.ttf') format('truetype'),
url('../fonts/Gilroy-Thin.svg#Gilroy-Thin') format('svg');
font-weight:100;
font-style:normal;
font-display:swap;
}

@font-face{
font-family:'Gilroy';
src:url('../fonts/Gilroy-Regular.eot');
src:url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Regular.woff2') format('woff2'),
url('../fonts/Gilroy-Regular.woff') format('woff'),
url('../fonts/Gilroy-Regular.ttf') format('truetype'),
url('../fonts/Gilroy-Regular.svg#Gilroy-Regular') format('svg');
font-weight:normal;
font-style:normal;
font-display:swap;
}

@font-face{font-family:'Roboto Condensed'; src:url('../fonts/RobotoCondensed-Regular.eot'); src:url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/RobotoCondensed-Regular.woff2') format('woff2'),url('../fonts/RobotoCondensed-Regular.woff') format('woff'),url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'),url('../fonts/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/RobotoCondensed-Bold.eot'); src:url('../fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/RobotoCondensed-Bold.woff2') format('woff2'),url('../fonts/RobotoCondensed-Bold.woff') format('woff'),url('../fonts/RobotoCondensed-Bold.ttf') format('truetype'),url('../fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');font-weight:bold;font-style:normal;font-display:swap;}

html,body{min-height:100vh; margin:0; padding:0;}
body{background:linear-gradient(144deg, rgba(0,96,172,1) 33%, rgba(4,53,94,1) 100%); font-family:'Roboto Condensed',sans-serif !important; color:#313131;}
img{max-width:100%; height:auto;}
a:focus, a:focus-visible{outline:0;}
.container{max-width:1800px;}

.header_heading{font-family:'Gilroy',sans-serif !important;}
.left-box{color:#07335a; border-radius:30px;}	
.left-box ul li{margin-bottom:15px; color:#07335a; font-weight:600;}
.right-area{background-color:#fff; background-image:url(../images/bg-img.png); background-repeat:no-repeat; background-position:top center; background-size:cover; border-radius:30px;}

.badge-shadow{box-shadow:0 0 20px 5px rgba(0,0,0,0.15); border-radius:15px;}
.bg-light-brown{background:#e6e1dd;}

form#grievanceForm{background:rgba(0,0,0,0.35); border-radius:30px;}
form#grievanceForm .bg-light-brown{border-radius:30px;}
form#grievanceForm .bg-light-brown div.row{margin-bottom:5px;}
form#grievanceForm label{color:#07335a; font-weight:600; font-size:13px;}
input.form-control, .form-select{height:36px;}
::placeholder, textarea, input.form-control, form#grievanceForm, .form-select{font-size:14px !important;}
.mx-780{max-width:650px; margin:0 auto;}
input.form-control, textarea.form-control, .form-select, .login_inner_cls .alert, #grievanceForm .alert, .glb-btn, .reverse-glb-btn{border-radius:10px;}

/** Button CLS **/
.glb-btn{height:40px; min-width:150px; background:#0060ac; font-weight:bold; border:1px solid #0060ac; color:#fff;}
.glb-btn:hover,.glb-btn:focus{background:rgba(0,96,172,0.7); border-color:rgba(0,96,172,0.7); color:#fff;}
.reverse-glb-btn{height:40px; min-width:150px; padding:0 15px; background:#313131; font-weight:bold; border:1px solid #313131; color:#ffffff;}
.reverse-glb-btn:hover,.reverse-glb-btn:focus,.reverse-glb-btn.active{background:rgba(49,49,49,0.7); border-color:rgba(49,49,49,0.7); color:#fff;}
/** End **/

form#grievanceForm .position-relative > label.error, form#grievanceForm .select-error label.error{color:#842029; font-size:13px; font-weight:normal;}
form#grievanceForm .select-error label.error{position:absolute; width:calc(100% - 15px); left:15px; bottom:-4px;}

/** Login CLS **/
.login_container_cls{background-image:url(../images/bg-img.png); background-repeat:no-repeat; background-position:top center; background-size:cover; font-size:14px;}
.login_inner_cls{background:rgba(255,255,255,0.76); border:3px solid rgba(0,0,0,0.35); min-width:420px; display:block; padding:30px; border-radius:15px;}
.login_inner_cls .form-group{margin-bottom:12px;}
.login_inner_cls .form-group .form-control{height:36px;}
.login_inner_cls .form-group label{margin-bottom:3px; font-weight:500;}
.login_inner_cls h5{font-weight:700; margin-bottom:15px;}
.login_inner_cls .alert, #grievanceForm .alert{padding:8.5px 15px;}
.login_inner_cls .form-group label.error{color:#842029; font-size:13px; margin-top:3px;}
/** End **/

.form-check-inline{margin-right:0;}

@media (min-width:1325px){
.right-area{margin-left:50px; padding:18px 80px;}
form#grievanceForm .bg-light-brown{padding:25px 30px;}
.left-box{padding:80px 50px;}
form#grievanceForm{padding:20px 40px;}
}

@media (max-width:1324px){
.right-area{margin-left:50px; padding:18px 60px;}
form#grievanceForm .bg-light-brown{padding:25px 30px;}
.left-box{padding:40px;}
form#grievanceForm{padding:20px 40px;}
}

@media (max-width:1024px){
.bg-light-brown.w-50{width:80% !important;}
.right-area{margin-left:0;}
.left-box{margin-top:50px;}
form#grievanceForm .bg-light-brown, .right-area, .left-box, form#grievanceForm{padding:30px;}
.reverse-glb-btn, .glb-btn{min-width:110px;}
}

@media (min-width:992px){
.prefix_area > .contact_prefix{position:absolute; left:0; top:1px; height:34px; display:flex; justify-content:center; align-items:center; background:#efefef; border-top-left-radius:10px; border-bottom-left-radius:10px; padding:5px 10px; font-weight:500; border-right:1px solid #ced4da; line-height:14px; opacity:0.8;}
.prefix_area > input{padding-left:50px;}
.prefix_area > input[name="grievance_uid"]{padding-left:60px;}	
}

@media (max-width:991px){
.prefix_area > .contact_prefix{position:absolute; left:13px; top:1px; height:34px; display:flex; justify-content:center; align-items:center; background:#efefef; border-top-left-radius:10px; border-bottom-left-radius:10px; padding:5px 10px; font-weight:500; border-right:1px solid #ced4da; line-height:14px; opacity:0.8;}
.prefix_area > input{padding-left:50px;}
.prefix_area > input[name="grievance_uid"]{padding-left:61px;}
}

@media (max-width:480px){
.login_inner_cls{min-width:inherit; width:100%;}
form#grievanceForm .bg-light-brown, .right-area, .left-box, form#grievanceForm{padding:15px;}
.right-area, form#grievanceForm, form#grievanceForm .bg-light-brown{border-radius:10px;}
}