@charset "UTF-8";
/* @font-face{font-family:"Open_Sans"; src:url('../fonts/poppins.regular.ttf');}
@font-face{font-family:"Open_Sans_b"; src:url('../fonts/poppins.semibold.ttf');}
 */
/* @font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.ttf') format('truetype'),url('../fonts/Poppins-Light.ttf') format('truetype'),url('../fonts/Poppins-Medium.ttf') format('truetype')
} */

@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v22-latin-regular.woff2') format('woff2'); 
}
*{margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6,figure{margin:0px;}
img{border:none;}
input:focus,a:focus{outline:none;}
a{text-decoration:none;}
body{font-family: 'Poppins', sans-serif; font-size: 15px; background:#fff7f3; word-spacing: 2px;}

/*-----------------------------------indexpage------------------------------------*/
/*--------------------header--------------------*/
select::before,
select::after {
  position: relative;
  content: '';
  display: block;
  width: 10px;
  height: 1px;
  background: white;
  transition: 0.3s ease-in-out;
}

.topheader{
    width:100%;
    background:#f2f2f2;
    padding:5px 0;
	letter-spacing:.3px;
    font-size: 13px;
    color: #000;
}
.topheader img{
	margin-right:8px;
}
.main-header{padding:5px 0; background:#fff;}
.main-header h3 {
    background: url(../images/emblem.png) no-repeat;
    font-size: 15px;
    min-height: 74px;
    padding: 5px 0 0 56px;
    color: #888;
    /* letter-spacing: 3.8px;	 */
    font-family: "Open_Sans", sans-serif;
}
.main-header span {
    font-size: 32px;
    color: #24659d;
    letter-spacing: 0;
    font-weight: bold;
}
.search-bar{position: relative; float: left; width: 50%; margin-top: 18px;}
.search-bar i {
    position: absolute;
    right: 12px;
    top: 10px;
    font-size: 18px;
    color: #b9dfff;
}
.search-bar input:focus {
    border-color: #24659d;
    outline: 0;
	box-shadow:none;
}
.search-bar .form-control{
	font-size:13px;
	padding:8px 10px;}

/*--------------------navbar--------------------*/
.navbar{background:#24659d; padding: 0; border:0; border-radius:0; margin-bottom:0;background: url(../../images/bg2.jpg);}
.navbar .navbar-brand{color:#ffffff;}
.navbar-nav .nav-link{color:#fff; /* font-size:15px; */ padding:14px 14px !important; font-size: 15px;}
.navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover{background:#b9dfff; color:#000;}
.navbar-nav>.active>a, .navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover{background:#b9dfff; color:#fff;}
.dropdown-menu {
    background-color: #f0fcff;
    border-radius: 0;
    border: 0;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    padding: 0;
    margin: 0;
}
.dropdown-menu>li>a{padding:8px 20px; color:#000; font-size: 15px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color: #24659d; color:#fff;}
/* li.dropdown:hover ul.dropdown-menu {display: block;} */
/*--------------------about--------------------*/
.aboutus{
    padding:20px 0 10px;
}
.aboutus .left-part h2{
    position: relative;
    color: #24659d;
    font-weight: 700;
	font-size:28px;
}
.aboutus .left-part h2 span{
    display: block;
    color: #3f3f3f;
    font-size: 15px;
     font-weight: 400;
}
.aboutus .left-part h2::after{
    position: absolute;
    content:'';
    bottom:-13px;
    left:0px;
    background:#24659d;
    width:150px;
    height: 4px;
}
.aboutus .left-part p{
    color: #000000;
    margin: 25px 0 20px;
    text-align: justify;
    line-height: 24px;
}

.aboutus .right-part{
    padding-left: 0px;
	margin-top:50px;
}
.aboutus .right-part .box{
    box-shadow: 0px 0px 2px #555;
    padding: 31px 0 20px;
    margin:0 0 10px 20px;
    min-height: 158px;
    text-align:center;
    background:#f7f7f7;
    cursor:pointer;
}
.aboutus .right-part .box h5{
    color: #3a3b3c;
    margin:12px 0;
}

/*--------------------registration--------------------*/
section.registration{
    width: 100%;
    background: url(../images/regist-enquiry-bg.png) no-repeat center fixed;
    background-size: cover;
    padding: 30px 0;
    position: relative;
	color:#fff;
}
.enquiry{background:#fff; width:330px; border:1px solid #24659d; margin:0 auto;}
.enquiry h2{
    font-size: 21px;
    color: #ffffff;
    text-align: center;
    background: url(../images/regis-heading-bg.png) no-repeat center center;
    padding: 6px 0 28px 0;
    letter-spacing: 1px;
}
.enquiry p{
    /* font-size: 16px; */
	text-align:justify;
    color: #4b4b4b;
    padding:20px;
	margin:0;
    line-height: 22px;
	height:250px;}
.enquiry ul{
	overflow:auto; height:250px; line-height:23px; list-style:decimal; padding:10px 0 10px 20px; margin:5px;
	}
.enquiry .regis-btn{
    background: #b9dfff;
    text-align: center;
    font-size: 18px;
    padding: 5px 0;
    text-decoration: none;
}
.enquiry .regis-btn>a{color:#000;}


/*--------------------process flow--------------------*/
.process-flow .container{padding:0;}

h2.sub-heading{color: #24659d;
    font-size: 28px;
    position: relative;
    padding: 0;
    font-family: "Open_Sans", sans-serif;
}
h2.sub-heading::after {
    background: url(../images/benefit-heading-after.png) no-repeat right center;
    content: "";
    position: absolute;
    top: 7px;
    width: 78px;
    height: 22px;
}
.registration h2.sub-heading{color: #fff;
    font-size: 28px;
    position: relative;
    padding: 0;
    font-family: "Open_Sans", sans-serif;
}
.registration h2.sub-heading::after {
    background: url(../images/benefit-heading-after_w.png) no-repeat right center;
    content: "";
    position: absolute;
    top: 8px;
    width: 74px;
    height: 20px;
}

/*--------------------Benefits--------------------*/
section.benefits{
    width:100%;
    background:url(../images/benefits-bg.jpg) no-repeat center fixed;
    background-size: cover;
    min-height: 400px;
    padding: 30px 0;
    float: left;
}
section.registration ul li{
    line-height:28px;
    padding:0px;
}
section.registration p{margin-bottom:5px; line-height:26px; letter-spacing: .5px;}
section.benefits ul, section.registration ul{
    margin-bottom:5px; padding-left:20px;
}
section.benefits ul li{
    list-style: decimal;
    color: #000000;
    line-height:30px;
    padding:0px;
}
section.benefits p{margin-bottom: 5px;
    line-height: 30px;}

/*--------------------Faqs_Accordian--------------------*/
section.faqs{padding:20px 0;}
.read-btn{
    background: #24659d;
    padding: 5px 12px;
    border-radius: 3px;
    color: #fff;
    margin: 10px 0 0 0;
    display:inline-block;
    text-align: center;
    font-size: 15px;
    transition: all ease-in 0.3s;
    text-decoration: none;
    background: url(../../images/bg2.jpg);
}
.read-btn:hover{
    background: #b9dfff;
    color:#000;
}
.accordion{margin-top:30px;}
.accordion-item{border:0; margin-bottom:5px; border-radius:0;}
.accordion-button{padding: 8px 10px; 
	/* font-size: 16px; */
    color: #fff;
    border-radius: 0;
    background-color: #84addd;
    cursor: pointer;
    background: url(../../images/bg2.jpg);}
.accordion-button:not(.collapsed){color: #fff; background-color: #24659d;}
.accordion-button:focus{box-shadow:none;}
.accordion-body{border:1px solid #ccc; color:#000; padding:8px 15px; line-height:26px; text-align:justify;}
.accordion-btn-icon{background:#ccc;}

/*--------------------contact--------------------*/
section.contact{background:url(../images/contact.jpg) no-repeat center fixed; background-size:cover;  padding-top: 20px; margin-bottom: 60px;}
.contact ul{margin-top: 30px;}
.contact ul li{
    width:100%;
    float: left;
    margin-bottom:12px;
    /* font-size: 15px; */
}

/*--------------------footer--------------------*/
.footer-logos {box-shadow: 0 -1px 2px #a2a2a2; position:relative; background:#fff;}
.footer-logos .item {
	float:left;
	width:20%;
	text-align:center;
}
footer{
    background:#24659d;
    padding: 5px 0;
    background: url(../../images/bg2.jpg);
}
footer p{
    font-size: 13px;
    color:#ffffff;
    text-align: center;
    margin:5px 0;
	letter-spacing:.5px;
	line-height: 20px;
} 
.footer{position:fixed; bottom:0; width:100%;background: url(../../images/bg2.jpg);}


/*--------------------RegistrationPage Tab--------------------*/
.bg {background:#fff7f3;}
.register{margin-bottom: 60px;}
.register .col-sm-3{padding-right:0;}
.register .col-sm-9{padding-left:5px;}
.tab{margin-top:10px;}
.register h3{text-align:center; margin:20px 0 12px; color:#24659d; font-family: "Open_Sans", sans-serif;}
.register h4 {
    text-align: center;
    margin: 5px 0;
    background-color: #24659d;
    color: #fff;
    font-family: "Open_Sans", sans-serif;
    font-weight: 400;
    box-shadow: 0 2px 5px 0px #ccc;
}
.alert>h4{box-shadow: 0 0px 0px 0px #ccc;}
.tab button {display: block;background-color: #24659d;	color: #fff;padding: 12px;width: 100%;	border: none;outline: none;	text-align: left;cursor: pointer;transition: 0.3s;
	font-size: 15px;margin-bottom:3px;border-radius:5px;}
.tab i{margin-top:3px; font-size:13px;}
.tab button:hover {background-color: #b9dfff; color:#000;}
.tab button.active {background-color: #b9dfff; color:#000;}
.tab a {display: block;background-color: #24659d;	color: #fff;padding: 12px;width: 100%;	border: none;outline: none;	text-align: left;cursor: pointer;transition: 0.3s;
	font-size: 13px;margin-bottom:3px;border-radius:5px;}
.tab i{margin-top:3px; font-size:13px;}
.tab a:hover {background-color: #b9dfff; color:#000;}
.tab a .active {background-color: #b9dfff; color:#000;}
.tabcontent{/* margin:10px 0 20px 5px; */}
.tabcontent .instructionList {
    background: #fff;
    box-shadow: 0 0 10px #ccc;
    margin-bottom: 65px;
    overflow: auto;
    font-size: 15px;
    padding: 15px 31px 15px 31px;
    letter-spacing: .4px;
    line-height: 25px;
    text-align: justify;
}
.tab-content{ border-top:0; /* font-family: "Open_Sans_b"; */}
.tabcontent .main-box{background:#fff; box-shadow:0 5px 5px 0px #ccc; min-height:370px; letter-spacing:.5px;}
/* .instructionList ol{font-size: 16px; padding:30px 50px; list-style:none;} */
.instructionList ul li i{font-size: 15px; color:#24659d; margin-right:2px;}
.tab-pane ul{font-size: 15px; padding:30px 50px; list-style:none;}
.tab-pane ul li{line-height:26px; text-align:justify;}
.extra-data ul{padding:30px 60px;}
.tab-pane ul li i{font-size:16px; color:#24659d; margin-right:8px;}
.tab-pane ul ul{padding:0 40px 20px;}
.tabbs>li{width:50% !important;}
.actionerror{margin-bottom: 0rem; list-style-type: none;}
.actionmessage{list-style-type: none; margin-bottom: 0px !important; margin-top:0px;}
.actionMessage li span{color: #0f603b}
.errorMessage{margin-bottom: 0rem; padding: 5px 10px;}
.nav-tabs{border:0;}
.nav-tabs>li{width:33.33%; border-right:2px solid #f3f3f3; font-size:18px;}
.nav-tabs-50>li{width:50%;}
.nav-tabs>li:last-child{border-right:0;}
.nav-tabs .nav-link{background:#24659d; color:#fff; border-radius:0; text-align:center;margin:0; border:0; border-top:4px solid #fff7f3; padding:2px 15px;}
.nav-tabs .nav-link.active {
    color: #24659d;
    border: 0;
    border-top: 4px solid #24659d;
}
.nav-tabs>li a:hover{background-color: #b9dfff; color:#000;}
.nav-tabs span{font-size:30px; font-family: "Open_Sans", sans-serif; margin-right:2px;}
#proceedButton {text-align: center; margin: 20px 0;}
#proceedButton a {color: #fff; background: #24659d; padding: 10px 20px; text-decoration: none; font-size:15px;border-radius: 4px;}
#proceedButton button {
    color: #fff;
    width: 100%;
    background: #24659d;
    padding: 8px;
    text-decoration: none;
    font-size: 15px;
    border-radius: 5px;
    border: 2px solid #24659d;
}
.proceedButton {
	color: #fff; 
	background: #24659d; 
	padding: 5px 10px; 
	text-decoration: none; 
	font-size:13px;
	border-radius: 5px;
    border: 2px solid #24659d;
}
.activeMenu {
    background-color: #b9dfff !important;
    color: #000 !important;
}
/*--------------------backtotop--------------------*/
#back-top {
    position: fixed;
    bottom: 7%;
    right:2%;}
#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	margin-bottom: 2px;
	background: #24659d url(../images/up-arrow.png) no-repeat center center;
	-webkit-border-radius: 15px;
	/* -moz-border-radius: 15px; */
	border-radius: 15px;
	/* -webkit-transition: 1s;
	-moz-transition: 1s; */
	transition: 1s;
}
#back-top a:hover span {
	background-color: #b9dfff;
}
#back-top a {
	width: 40px;
	display: block;
	text-align: center;
	font: 10px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #24659d;
	/* -webkit-transition: 1s;
	-moz-transition: 1s; */
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
.popuponload .modal-dialog{max-width:1200px; margin:10% auto;}
.popuponload .modal-header{padding:5px 10px;}
.frrocentres th{background:#24659d; color:#fff; font-family: "Open_Sans", sans-serif;}


/*--------------------media query--------------------*/
@media only screen and (max-width: 1200px) {
.tabcontent .main-box{height:auto;}
.footer{position:inherit;}
}
@media (min-width: 992px) and (max-width: 1200px) {
.enquiry{width:300px;}
.tab-pane ul{padding:20px;}
.tab-pane ul ul{padding:20px;}
}
@media (min-width: 768px) and (max-width: 992px) {
.aboutus .right-part .box{margin:0;}
.aboutus .right-part .box h5{font-size: 15px;}
.aboutus .left-part h2{font-size:20px;}
.navbar-nav .nav-link{font-size: 13px; padding: 8px !important;}
.tab-pane ul{padding:15px;}
.tab-pane ul ul{padding:15px;}
}
@media only screen and (max-width: 768px) {
.main-header h3{font-size:12px; letter-spacing:2.5px; padding-top:15px;}
.main-header span{font-size:26px;}
.m_center{text-align:center !important;}
.search-bar{float: inherit; width: 100%; margin-top: 6px;}
.tab-pane ul{padding:10px;}
.tab-pane ul ul{padding:10px;}
.enquiry{margin:10px auto;}
h2.sub-heading{font-size:20px;}
h2.sub-heading::after{top:-10px; height:40px;}
footer .col-sm-4{text-align:center !important;}
.footer-logos .item img {width:80%;}
}
@media only screen and (max-width: 576px) {
footer img{width:50%;}
.nav-tabs .nav-link{font-size:15px;}
#proceedButton a{font-size:13px;}
.register h3 {font-size:20px;}
}
select{
	background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 15px) calc(1em + 0px), calc(100% - 10px) calc(1em + 0px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 0px 1.5em;
    background-repeat: no-repeat;
}
label>span{color: red;font-weight: 900;font-size: 15px;}

#foo {
    float: right;
    width: 200px;
    background: #fff;
    margin: 0px 0px 0px 0px;
    display: none;
    position: absolute;
    right: 305px;
    top: 30px;
    box-shadow: 0px 0px 5px #7A7777;
    /* -webkit-box-shadow: 0px 0px 5px #7A7777;
    -moz-box-shadow: 0px 0px 5px #7A7777; */
    z-index: 9999;
}
#foo span {
    position: absolute;
    top: -9px;
    right: 7px;
}
#foo ul {
    list-style: none;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding-left: 10px;
}
img {
    vertical-align: middle;
    border: 0;
}
#foo li {
    list-style: none;
    width: 100%;
    margin: 5px 0px;
    background: #fff;
}
#foo li a {
    background: #fff;
    display: block;
    padding: 5px 8px;
    text-decoration: none;
    line-height: 22px;
    font-family: "Open_Sans", sans-serif;
    color: #303030;
    font-size: 12px;
    text-align: left;
}
#foo li a img {
    vertical-align: middle;
    margin: 0px 5px 0px 0px;
    width: 16px;
}
.titleHeading{
	background-color: #fff;
    padding: 5px 10px;
    text-align: left !important;
    margin-bottom: 5px;
}
.form-control {
    display: block;
    width: 100%;
    padding: 3px 5px;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-family: "Open_Sans", sans-serif;
    font-size: 15px;
    margin: 3px 0px;
    font-weight: normal;
    /* text-transform: uppercase; */
}
label {
    display: inline-block;
    margin-bottom: 0.1rem;
    font-family: "Open_Sans", sans-serif;
    font-size: 15px;
    margin-top: 10px;
}
.containerBody{
	background-color: white;
	margin-top: 10px;
}
.btn{
	width: auto;
    background-color: #24659d;
    color: #fff;
    margin-top: 10px;
}
.btn:hover{
	width: auto;
    background-color: #54a1e3;
    color: #fff;
    /* margin-top: 10px; */
}
.h6, h6 {
    font-size: 15px;
    background: #c4e3ff;
    padding: 3px 10px;
    margin: 5px 0px;
}
.red-text{
	color: red;
	font-size: 13px;
}
.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #d5969c;
    outline: 0;
    box-shadow: 0 0 0 0.25rem #dc354542;
}


.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 90%;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    color: #ffffff;
}
.label-P {
    background-color: #999;
}
.label-U {
    background-color: #999;
}
.label-H {
    background-color: #f0ad4e;
}
.label-O {
    background-color: #ffbfd5;
}
.label-D {
    background-color: #d9534f;
}
.label-G {
    background-color: #70afc4;
}
.label-C {
    background-color: #a8bc7b;
}
.label-X {
    background-color: #d9534f;
}
.label-S {
    background-color: #008000;
}
#about{
	background: #ffffff;
}
#faq{
	background-color: #ffffff;
}
.process-flow{
	background-color: #24659d;
	background: url(../../images/bg2.jpg);
	text-align: center;
}
.img-fluid {
    margin: 20px;
    width: 80%;
}
.fontrisizespan{
	padding: 0px 5px;
	cursor: pointer;
}
.fontrisizespan a{color: #000;}
/* .carousel {
  box-shadow: 0px 1px 10px #555;
} */
table{
	font-size: 15px;
}
/* input[type="text"], input[type="password"], select {
  text-transform: uppercase;
} */
::placeholder {
	color: #d9d4d4;
}
#progressbar {
    margin-bottom: 10px;
    overflow: hidden;
    color: #455A64;
    padding-left: 0px;
    margin-top: 20px;
}
#progressbar li {
    list-style-type: none;
    width: 14.25%;
    float: left;
    position: relative;
    font-weight: 400;
}
#progressbar #step1:before {
    content: "1";
}
#progressbar #step2:before {
    content: "2";
}
#progressbar #step3:before {
    content: "3";
}
#progressbar #step4:before {
    content: "4";
}
#progressbar #step5:before {
    content: "5";
}
#progressbar #step6:before {
    content: "6";
}
#progressbar #step7:before {
    content: "7";
}
#progressbar li:before {
    width: 40px;
    height: 40px;
    line-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    background: #8d8d8d;
    border-radius: 50%;
    margin: auto;
    color: #fff;
}
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #8d8d8d;
    position: absolute;
    left: 0;
    top: 21px;
    z-index: -1;
}
#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: -50%;
}
#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    left: 50%;
}
#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#progressbar li.active:before,
#progressbar li.active:after {
    background: green;
}
#progressbar li.visit:before,
#progressbar li.visit:after {
    background: #98cb98;
}
#progressbar li.visit{
	font-weight: bold;
}
.lblHeading{
	background: #c4e3ff;
    padding: 6px 15px;
    margin: 10px 0px;
    font-weight: 600;
    font-size: 15px;
}
.right-part{text-align: right;}
.alreadyReg{padding: 21px 68px;
    margin: 13px 20px 40px 0px;}

/* Mobile View */
@media only screen and (max-width: 768px){
.m_center{
	display: none;
}
.goi{
	display: none;
}
#foo{
	right: 5px;
}
.dataTables_info{
	display: none;
}
.dataTables_length{
	display: none;
}
#datatable2_wrapper{
	overflow-y: scroll;
}
.datatable2_wrapper{
	overflow-y: scroll !important;
}
#datatable1_wrapper{
	overflow-y: scroll !important;
}
#statusModel>div>div>div.modal-body{
	overflow-y: scroll !important;
}
#docModalUS>div>div.modal-content{
	width: 100%;
}
h2.sub-heading::after {
    display: none;
}
.sideimg1{
	width: 100% !important;
    margin-left: 0px !important;
}
.right-part{margin-top: -20px;}
.wrapper1 {
    width: 100% !important;
    padding: 0rem 1rem 2rem 1rem !important;
    border: 1px solid #f4eded !important;
    margin: 1rem 0rem 1rem 0rem !important;
    border-radius: 10px !important;
}
.wrapper2 {
    width: 100% !important;
    padding: 0rem 1rem 2rem 1rem !important;
    border: 1px solid #f4eded !important;
    margin: 1rem 0rem 1rem 0rem !important;
    border-radius: 10px !important;
}
.captchaimg{margin-top: 15px !important;}
.captchaimg img{margin-top: 0px !important;}
.captchaimg1{margin-top: 15px !important; float: left !important;}
.captchaimg1 img{margin-top: 0px !important; margin-left: 10px !important;}
.captchatxt{padding-right: 25px !important;}
.sideimg{margin-bottom: 20px !important;}
.sideimg1{margin-bottom: 20px !important;}
.alreadyReg{padding: 0px 0px !important; margin: 0px 4px 0px 0px !important;}
.underlineHover{margin-bottom: 20px !important;}
.tabcontent .main-box{min-height: 240px;}
}
/* .alert li{color: #0f603b;} */
.alert {opacity: 1 !important; --bs-alert-padding-x: 0rem; --bs-alert-padding-y: 0rem;}
.alert ul li{list-style-type: none;}
.rightTick {
	border-color: #198754 !important;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url('images/sign.svg');
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
  #scrollButton {
    position: fixed;
    bottom: 70px;
    right: 20px;
    padding: 20px 10px;
    background: #24659d url(../images/up-arrow.png) no-repeat center center;
    background-position: top;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    display: none;
}
#loading-screen {
    display:    none;
    position:   fixed;
    z-index:    10000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgb(0 0 0 / 58%)
                url('../../assets/images/loading.gif') 
                50% 50% 
                no-repeat;
               
}
.closeBtn {
    padding: 0px 7px;
    font-size: 22px !important;
    background: #c90000;
    border-radius: 0px;
    margin-left: 5px;
    color: #fff;
    font-weight: 600;
}
.pptCenter{
	text-align: center;
}
.dobRight{
	text-align: right;
}
@media only screen and (max-width: 1200px) {
.pptCenter{text-align: left;}
.dobRight{text-align: left;}
}
@media (min-width: 992px) and (max-width: 1200px) {
.pptCenter{text-align: left;}
.dobRight{text-align: left;}
}
@media (min-width: 768px) and (max-width: 992px) {
.pptCenter{text-align: left;}
.dobRight{text-align: left;}
.d-step{display: block !important;}
}
@media only screen and (max-width: 768px) {
.pptCenter{text-align: left;}
.dobRight{text-align: left;}
.d-step{display: block !important;}
}
@media only screen and (max-width: 576px) {
.pptCenter{text-align: left;}
.dobRight{text-align: left;}
.d-step{display: block !important;}
}
.logo{font-weight: bold;}

/* //...Shivam CSS start..../// */


select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

div.dataTables_wrapper div.dataTables_length select {
    width: 50px !important;
    display: inline-block;
    padding: 3px !important;
    
}

.viewsts a{
	
	background: #24659d;
	color: #fff;
	padding: 5px;
	
}

.viewsts{
	
	background: #24659d;
	color: #fff;
	padding: 5px;
	
}

.viewsts1{
	
	background: #008CBA !important;
	color: #fff !important;
	padding: 5px !important;
	
}


.viewsts1:hover{
	
	background: #0479a0 !important;
	color: #fff !important;
	padding: 5px !important;
	
}

.viewsts a:hover{
	
	background: #0479a0;
	color: #fff;
	padding: 5px;
	
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    margin-bottom: 10px !important;
}

.theadback{
	
	background: #c0ebff;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: .5em;
    display: inline-block;
    width: auto;
    padding: 3px;
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -.1875em;
    color: #24659d;
}

#myModalLabel{
	
	background: #24659d;
	padding: 5px 10px;
	color: #fff;
}

.btn-danger{
	
	background: #c90000 !important;
	color: #fff !important;
}
.modal-title{
	background: #24659d;
    padding: 5px 10px;
    color: #fff;
}
.accordion-button::before {
	padding-right: 5px;
	/* content:"+"; */
	content: "\2795";
}
.accordion-button:not(.collapsed)::before {
	padding-right: 5px;
	/* content:"-"; */
	 content: "\2796";
}
@media (min-width: 576px){
.modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    /* background: url(images/ui-bg.png) !important; */
}
}
@media (min-width: 576px){
	.modal {
	    --bs-modal-margin: 1.75rem;
	    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	    /* background: url(images/ui-bg.png) !important; */
	}
}
.modal {
    --bs-modal-width: 85%;
 }
 
 .carousel-control-prev-icon {
   	background-color: #979797;
}
.carousel-control-next-icon{
	background-color: #979797;
}
.carousel-control-prev,
.carousel-control-next {
  outline: none;
  box-shadow: none;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
  outline: none;
  box-shadow: none;
}
#ratingComments{
	width: 50%;
}
#OCI_Process_Flow_Mobile{display: none;}
#OCI_Process_Flow{display: block;}

#misc_flow{display: block;}
#misc_flow_mobile{display: none;}

@media (max-width: 576px) {
.alert{
	opacity: 1;
	padding: 10px;
	float: left;
	
    width: 100% !important;
    }
    .navbar .dropdown:hover .dropdown-menu {
	    display: block;
	}
  
  	.rate {
	    padding: 0 2px !important;
	}

	.form-check {
	    padding-left: 0px;
	}
	#rateIssue{
		width: 335px;
	}
	#ratingComments{
		width: 100% !important;
	}
	.text-start{
		text-align: center !important;
	}
	.text-end {
	    text-align: center !important;
	}
	.modal-content {
	    width: 100% !important;
	    margin: 0px auto;
	}
	.cr-boundary{
		width: 100% !important;
	}
	.register {
	    margin-bottom: 0px !important;
	}
	
	#OCI_Process_Flow_Mobile{display: block;}
	#OCI_Process_Flow{display: none;}
	
	#misc_flow{display: none;}
	#misc_flow_mobile{display: block;}
	
}


@media (max-width: 768px) {
.alert{
	opacity: 1;
	padding: 10px;
	float: left;
	
    width: 100% !important;
    }
    .navbar .dropdown:hover .dropdown-menu {
	    display: block;
	  }
  
	.rate {
	     padding: 0 2px !important;
	}

	.form-check {
	    padding-left: 0px;
	}
	#rateIssue{
		width: 335px;
	}
	#ratingComments{
		width: 100% !important;
	}
	.text-start{
		text-align: center !important;
	}
	.text-end {
	    text-align: center !important;
	}
	.modal-content {
	    width: 100% !important;
	    margin: 0px auto;
	}
	.cr-boundary{
		width: 100% !important;
	}
	.register {
	    margin-bottom: 0px !important;
	}
	#OCI_Process_Flow_Mobile{display: block;}
	#OCI_Process_Flow{display: none;}
	
	#misc_flow{display: none;}
	#misc_flow_mobile{display: block;}
}

@media (max-width: 992px) {

.alert{
	opacity: 1;
	padding: 10px;
	float: left; 
    width: 100% !important;
    }
    
    .navbar .dropdown:hover .dropdown-menu {
    display: block;
  }
  
  .rate {
	     padding: 0 2px !important;
	}

	.form-check {
	    padding-left: 0px;
	}
	#rateIssue{
		width: 335px;
	}
	
	#ratingComments{
		width: 100% !important;
	}
    .text-start{
		text-align: center !important;
	}
	.text-end {
	    text-align: center !important;
	}
	.modal-content {
	    width: 100% !important;
	    margin: 0px auto;
	}
	.cr-boundary{
		width: 100% !important;
	}
	.register {
	    margin-bottom: 0px !important;
	}
	#OCI_Process_Flow_Mobile{display: block;}
	#OCI_Process_Flow{display: none;}
	
	#misc_flow{display: none;}
	#misc_flow_mobile{display: block;}
}	
.text-start{
	text-align: left;
}
.text-end {
    text-align: right;
}
 .alert-success {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    word-break: break-word;
}
h4 {
    display: flex;
    align-items: center;
    gap: 8px;
}
.actionMessage {
    padding-left: 1rem;
}


@keyframes blink {
  0%, 100% {background-color:#8B0000;}
  50% {background-color: #8EDDBE;}
}
#blinking-button {
  background-color: #8EDDBE;
  color: white;
  animation: blink 1s linear infinite;
}

#bank_options{

    font-weight: bold;
    font-size: 1rem;
    color: #000;
    line-height: 1;
}

.bordered-box {
  border: 1px dashed #24659d;
  padding: 1rem;
  margin-top: 1rem;
  background-color: #e9f5f9;
}
   .btn-custom {
  width: 150px;
}

.texth5 h5{
  color: #24659d;
}