* {
	box-sizing: border-box;
	margin: 0;
	padding: 7;
	/*border-color: #0081c3 !important;*/
}

*::-webkit-scrollbar {
	width: 0.375rem;
	height: 0.375rem;
}

*::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

*::-webkit-scrollbar-thumb {
	border-radius: 1em;
	background-color: darkgrey;
}

p {
	margin: 0;
	padding: 0;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Roboto', sans-serif;
}

a {
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
	cursor: pointer;
	color: inherit;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 22px;
}

.maindiv {
	padding-bottom: 0px;
	overflow: hidden;
}

.pleft {
	width: 40%;
	float: left;
	border-right: 10px;
}

.pmiddle {
	width: 30%;
	float: left;
}

.pright {
	width: 30%;
	float: right;
}

.contentbg {
	background-image: url(/kyc/img/backnew25-419682bea702e19006e918f668ae1269.jpg);
	padding: 10px 0;
	background-size: cover;
	background-position: top center;
	width: 100%;
	height: 100vh;
}

.inputClass {
	pointer-events: none;
}

#createAuthorisedSignatory {
	display: none;
}

#createMinorParentIURN {
	display: none;
}

#minorParentDetails {
	display: none;
}

#createBenefeciaryOwner {
	display: none;
}

.fontawesomeicon::before {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.Copy::before {
	font: var(- -fa-font-solid);
	content: ' \f0c5';
}

.camblk {
	width: 400px;
	margin: 0 auto;
}

.modal.swtwidth .modal-dialog {
	max-width: 600px;
}

.upllink {
	position: absolute;
	z-index: 2;
	right: 4px;
	background: #0081c3;
	top: 10px;
	padding: 2px 5px;
	font-size: 12px;
	border-radius: 4px;
	line-height: 12px;
	text-align: center;
	cursor: pointer;
}

.upllink span.poplinktxt {
	color: #fff;
}

.head {
	font-size: 16px;
	font-weight: 700;
	color: #6288ac;
}

.loginwid {
	width: 500px;
	border-radius: 10px;
	padding: 0px 0 20px 0;
	margin: 100px auto;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.maincontainer {
	width: 1200px;
	margin: 0 auto;
}

@media ( min-width : 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1230px;
	}
}

ul.frmlist {
	padding: 20px;
	margin: 0;
}

ul.frmlist li {
	margin: 0 0 10px 0;
	list-style: none;
}

.inputbox {
	border: 1px solid #dfdfdf;
	width: 100%;
	height: 40px;
	font-size: 16px;
	padding: 0 10px;
}

.imgblk {
	width: 400px;
	float: left;
}

.imgblk img {
	width: 100%;
}

.heading {
	background: #0081c3;
	padding: 10px;
	color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 18px;
	text-align: center;
}

ul.frmlist li:placeholder-shown {
	color: #000 !important;
}

ul.frmlist li .inputbox::placeholder {
	color: #000 !important;
	opacity: 1;
	font-size: 15px;
}

.btn {
	text-align: center;
	margin: 0 auto 10px;
	width: 130px;
	background: #00a959;
	font-size: 18px;
	color: #fff;
	border: none;
	display: block;
	padding: 7px 10px;
	border-radius: 5px;
}

.logblk {
	float: left;
	width: 130px;
}

.topmenus {
	float: left;
	width: 40px;
	color: #00a959;
	font-size: 28px;
	padding-top: 20px;
	font-weight: 800;
}

.logblk img {
	width: 100%;
}

.header {
	overflow: hidden;
	padding: 10px 0;
	margin-bottom: 0px;
}

.lobtn {
	text-align: center;
	width: 85px;
	background: #00a959;
	font-size: 14px;
	color: #fff;
	border: none;
	display: block;
	padding: 5px 10px;
	border-radius: 5px;
}

.rightb {
	float: right;
	text-align: right;
	padding-top: 10px;
}

.menubar {
	background: #00a959;
	padding: 0px 0;
	overflow: hidden;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

ul.menulist {
	text-align: left;
	padding: 0;
	margin: 0;
}

ul.menulist li {
	font-size: 15px;
	color: #fff;
	line-height: 25px;
	list-style: none;
	display: inline-block;
	margin: 0 10px;
}

ul.menulist li a {
	color: #fff;
}

ul.sollist {
	text-align: right;
	padding: 0;
	margin: 0;
}

ul.sollist li {
	padding-left: 7px;
	display: inline-block;
	list-style: none;
}

ul.sollist li a {
	color: #000;
}

.ftrbar {
	border-top: 1px solid #dfdfdf;
	clear: both;
	overflow: hidden;
	width: 100%;
}

.ftrbar2 {
	margin-top: 200px;
}

.nbtn {
	box-shadow: none;
	outline: none;
	border: 1px solid #dfdfdf;
	margin: -2px 0 0 0;
}

.fttxt {
	font-size: 16px;
	text-align: center;
	padding: 20px;
}

.contentblk {
	margin-top: 40px;
}

h1 {
	font-size: 30px;
	color: #0081c3;
	line-height: 30px;
	text-align: center;
}

.pupblk {
	padding: 20px;
	width: 70%;
	border: 1px solid #dfdfdf;
	margin: 10px auto;
	border-radius: 10px;
}

.filbl {
	width: 300px;
	margin: 0 auto;
}

.phead {
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
}

.filebx {
	width: 100%;
	border: 1px solid #dfdfdf;
	padding: 10px;
	font-size: 16px;
	outline: none;
}

.uplbtn {
	text-align: center;
	margin: 0 auto 10px;
	width: 170px;
	background: #0081c3;
	font-size: 18px;
	color: #fff;
	border: none;
	display: block;
	padding: 7px 10px;
	border-radius: 5px;
	margin-top: 10px;
}

.pheadnew {
	font-size: 16px;
	color: #666;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
}

.tableblk {
	margin-top: 10px;
}

.tableblk table {
	border: 1px solid #ccc;
	border-collapse: initial;
	margin: 0;
	padding: 0;
	width: 100%;
	/* table-layout: fixed; */
}

.tableblk table caption {
	font-size: 1.5em;
	margin: .5em 0 .75em;
}

.tableblk table tr {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	padding: .35em;
}

.tableblk table tr:nth-child(2n) {
	background-color: #f1f1f1;
}

.tableblk table th, .tableblk table td {
	padding: 5px;
	word-break: break-all;
}

.tableblk table th {
	font-size: .85em;
	letter-spacing: .1em;
	text-transform: uppercase;
	background: #0081c3;
	color: #fff;
}

.tableblk table th.vwidth, .tableblk table th.vwidth {
	width: 200px;
}

@media screen and (max-width: 600px) {
	.tableblk {
		overflow: inherit;
	}
	.tableblk table th.vwidth, .tableblk table th.vwidth {
		width: auto;
	}
	.tableblk table th, .tableblk table td {
		word-break: inherit;
	}
	.tableblk table {
		border: 0;
	}
	.tableblk table caption {
		font-size: 1.3em;
	}
	.showrec {
		font-size: 11px;
	}
	.tableblk table thead {
		border: none;
		clip: rect(0, 0, 0, 0);
		height: 1px;
		margin: -1px;
		/* overflow: hidden; */
		padding: 0;
		/* position: absolute; */
		width: 1px;
	}
	.tableblk table tr {
		border-bottom: 3px solid #ddd;
		/* display: block; */
		margin-bottom: .625em;
	}
	.tableblk table td {
		border-bottom: 1px solid #ddd;
		/* display: block; */
		font-size: .8em;
		text-align: left;
		word-break: inherit;
	}

	/* .tableblk table td::before {
   
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  } */

	/* .tableblk table td:last-child {
    border-bottom: 0;
  } */
}

.rec {
	font-size: 20px;
	text-align: center;
	color: #000;
}

.topmenu {
	border-bottom: 1px solid #dfdfdf;
	overflow: hidden;
	width: 100%;
	padding: 5px 0;
}

.logoutbtn {
	float: right;
}

.topleft {
	float: left;
	padding-top: 2px;
	color: #000;
}

.topright {
	float: right;
	text-align: right;
}

.topleft span {
	padding-right: 10px;
}

.topleft span a {
	color: #0081c3;
}

.topright span {
	display: inline-block;
	padding-left: 10px;
}

.iconsm {
	position: relative;
	top: 2px;
	padding: 4px 8px !important;
	cursor: pointer;
	border-radius: 4px;
	margin-left: 10px;
	display: inline-block;
	background: #00a959;
	color: #fff;
	font-size: 17px;
}

.ltopuser {
	font-size: 16px;
	margin-bottom: 4px;
}

.ltopuser span {
	font-weight: 800;
}

#menu {
	margin: 3px;
	float: left;
}

#menu>li {
	/* Top Level */
	float: left;
	margin-right: 3px;
	list-style: none;
}

#menu li {
	list-style: none;
}

#menu li span {
	color: #fff;
	padding: 7px 13px;
	font-size: 14px;
}

#menu li span a {
	color: #fff;
}

#menu>li>span {
	display: block;
}

#menu>li:hover>span {
	color: #fff;
	list-style: none;
}

#menu>li>ul {
	/* Second Level */
	display: none;
	background: #0081c3;
}

#menu>li:hover>ul {
	display: block;
	position: absolute;
	padding-top: 10px;
	padding-bottom: 10px;
	min-width: 115px;
}

#menu>li>ul>li {
	/* border-bottom: 1px solid #dfdfdf;
  */
	
}

#menu>li>ul>li>span {
	display: block;
	font-size: 14px;
	border-top: solid 0px #fff;
}

#menu>li>ul>li:hover>span {
	color: #dfdfdf;
	font-size: 14px;
}

#menu>li>ul li>ul {
	/* Third Level & beyond */
	display: none;
	background: #0081c3;
}

#menu>li>ul li:hover>ul {
	display: block;
	position: absolute;
	left: 100%;
	border-left: solid 0px #fff;
	top: 10px;
	width: auto;
	background: #00a959;
}

#menu>li>ul>li ul>li {
	display: block;
	padding: 10px;
	white-space: nowrap;
}

#menu>li>ul>li ul>li span {
	font-size: 14px;
	color: #f9f9f9;
}

#menu>li>ul>li ul>li:hover>span {
	color: #fff;
}

#menu li img {
	fill: #fff;
}

#menu li img {
	filter: invert(2.5);
	position: relative;
	top: 2px;
}

.showblk {
	width: 100%;
	clear: both;
	margin-top: 30px;
}

.showleft {
	width: 20%;
	float: left;
	vertical-align: top;
	border-radius: 4px;
	background-color: #f7f7f7;
	margin-right: 15px;
	border: 1px solid #00bceb;
}

.showmiddle {
	width: 60%;
	background: #f1f1f1;
	float: left;
	border: 1px solid #dfdfdf;
}

.showright {
	width: 18.5%;
	float: left;
	padding-left: 15px;
}

ul.productlist {
	padding: 0;
	margin: 0;
}

ul.productlist li {
	list-style: none;
	margin-bottom: 15.6px;
}

ul.productlist li a {
	font-size: 16px;
	line-height: 20px;
	color: #00a959;
	border-radius: 4px;
	padding: 9px 10px;
	display: block;
	border: 1px solid #00a959;
}

ul.productlist li a:hover {
	background: #00a959;
	color: #fff;
}

ul.productlist li span {
	width: 20px;
	text-align: left;
	padding-right: 10px;
}

ul.productlistnew {
	padding: 0;
	margin: 0;
}

ul.productlistnew li {
	list-style: none;
	margin-bottom: 0px;
}

ul.productlistnew li a {
	font-size: 16px;
	line-height: 20px;
	color: #00a959;
	padding: 15px 10px;
	display: block;
	border-bottom: 1px solid #00a959;
}

ul.productlistnew li a:hover {
	background: #00a959;
	color: #fff;
}

ul.productlistnew li span {
	width: 20px;
	text-align: left;
	padding-right: 10px;
}

ul.ciscolist {
	padding: 0;
	margin: 0;
}

ul.ciscolist li {
	list-style: none;
	margin-bottom: 0px;
	border-bottom: 1px solid #dfdfdf;
}

ul.ciscolist li a {
	font-size: 16px;
	line-height: 20px;
	color: #000;
	padding: 8px 10px;
	display: block;
}

ul.ciscolist li a:hover {
	color: #333;
}

ul.ciscolist li span {
	width: 20px;
	text-align: left;
	padding-right: 10px;
}

.showmiddle .carousel-control-next, .showmiddle .carousel-control-prev {
	opacity: 1;
	background: #00a959;
	width: 30px;
	height: 30px;
	top: 45%;
}

/*.carousel-control-prev-icon{
  opacity: 1;
  filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}*/
.showblk .carousel-indicators li {
	background: #000;
	height: 10px;
	border: none;
}

.showblk .carousel-indicators .active {
	background: #00a959;
}

.showmiddle .carousel-item {
	/*float: none; margin: 0; width: 100%;*/
	
}

.showmiddle .carousel-item img {
	width: 100%;
}

.panelh {
	background: #00bceb;
	color: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 10px;
	font-size: 20px;
}

.fidiv {
	display: table;
	width: 100%;
}

.fidiv .fidivinner {
	width: 25%;
	display: table-cell;
	border-right: 1px solid #ccc175;
	padding: 20px;
	text-align: center;
	position: relative;
	height: 220px;
}

.fidiv .fidivinner:last-child {
	border-right: 0;
}

.helpyou {
	margin-top: 20px;
	background: url('../img/footerbg2.jpg');
	/* background: #f9f9f9;*/
	padding: 20px 0;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.subhead {
	font-size: 22px;
	line-height: 22px;
	text-align: center;
	color: #000;
	margin-bottom: 20px;
}

.iconblk {
	text-align: center;
}

.iconblk i {
	font-size: 27px;
	color: #00a959;
}

.hhead {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 10px;
	color: #000;
	font-weight: 500;
}

.contxt {
	font-size: 15px;
	line-height: 22px;
	padding: 10px;
	color: #000;
	font-weight: 500;
}

.fixbtm {
	position: absolute;
	bottom: 10px;
	width: 90%;
	text-align: center;
	font-weight: 600;
}

.fixbtm a {
	color: #00a959;
	;
}

/*ss*/

/* The sidepanel menu */
.sidepanel {
	height: 100%;
	/* Specify a height */
	width: 0;
	/* 0 width - change this with JavaScript */
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Stay on top */
	top: 0;
	left: 0;
	background-color: #f7f7f7;
	/* Black*/
	overflow-x: hidden;
	/* Disable horizontal scroll */
	padding-top: 60px;
	/* Place content 60px from the top */
	transition: 0.5s;
	/* 0.5 second transition effect to slide in the sidepanel */
	box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 4px, rgba(0, 0, 0, 0.11) 0px 5px
		5px;
}

/* The sidepanel links */
.sidepanel a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidepanel a:hover {
	color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidepanel .closebtn {
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 36px;
	margin-left: 50px;
}

.sidepanel a.closebtn:hover {
	color: #000;
}

/* Style the button that is used to open the sidepanel */
.openbtn {
	font-size: 20px;
	cursor: pointer;
	background-color: #111;
	color: white;
	padding: 10px 15px;
	border: none;
}

.openbtn:hover {
	background-color: #444;
}

.showlistbycat {
	width: 78.7%;
	float: left;
	min-height: 378px;
	border-radius: 4px;
	background-color: #f7f7f7;
	padding: 10px;
}

h2.headsub {
	font-size: 25px;
	line-height: 27px;
	margin-left: 10px;
	margin-bottom: 30px;
}

ul.worklist {
	padding: 0;
	margin: 0;
	text-align: left;
}

ul.worklist li {
	list-style: none;
	width: 22.5%;
	display: inline-block;
	margin: 0 10px 20px;
	padding: 10px;
	text-align: center;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
	height: 120px;
	vertical-align: top;
}

ul.worklist li a {
	font-size: 16px;
	line-height: 20px;
	color: #333;
	border-radius: 4px;
	padding: 9px 10px;
	display: block;
	height: 100px;
}

ul.worklist li a:hover {
	background: #00bceb;
	color: #fff;
}

ul.worklist li span {
	width: 100%;
	text-align: center;
	display: inline-block;
	overflow: hidden;
	height: 40px;
}

ul.worklist li span i {
	text-align: center;
	margin: 10px auto 0;
	font-size: 30px;
}

.callbg {
	
}

.mainblock {
	margin-top: 25px;
}

.imgset {
	width: 150px;
	display: inline-block;
}

@media screen and (min-width:360px) and (max-width:767px) {
	.animated {
		margin: 0px auto 20px;
	}
}

.callsection {
	padding: 20px 0;
	overflow: hidden;
}

.sect1 {
	width: 20.2%;
	border-radius: 4px;
	border: 1px solid #dfdfdf;
	float: left;
	margin-right: 10px;
}

.sect2 {
	width: 78%;
	border-radius: 4px;
	border: 1px solid #dfdfdf;
	float: right;
	background: #f7f7f7;
	padding: 30px 20px;
	font-size: 16px;
	line-height: 22px;
}

.callsection .carousel-item {
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	padding: 20px;
}

.callsection .carousel-indicators {
	bottom: -20px;
}

.callsection .carousel-indicators li {
	width: 10px;
	background-color: #000;
}

.callsection .carousel-indicators .active {
	background-color: #00bceb !important;
}

.counterbg {
	padding: 20px 0;
	overflow: hidden;
}

ul.counterlist {
	background: #f7f7f7;
	border-radius: 4px;
	padding: 30px 0;
	margin: 0;
}

ul.counterlist li {
	text-align: center;
	display: inline-block;
	margin: 0 10px;
	width: 18%;
}

ul.counterlist li span.heatxt {
	font-size: 15px;
	text-align: center;
	display: inline-block;
}

.count {
	color: white;
	font-size: 25px;
	line-height: 25px;
	font-weight: 700;
}

#talkbubble {
	width: 120px;
	height: 50px;
	padding-top: 10px;
	margin: 0 auto 25px;
	background: #00bceb;
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#talkbubble:before {
	content: "";
	position: absolute;
	right: 42%;
	bottom: -30px;
	width: 0;
	height: 0;
	border-top: 20px solid #00bceb;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
}

#talkbubble i {
	font-size: 27px;
	color: #fff;
	font-weight: 700;
}

.linker {
	font-size: 20px;
	font-color: black;
}

/* new code start */
.bannerbg {
	background: #fff;
	/* background: #f9f9f9;*/
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 600px;
	position: relative;
}

.showblk {
	width: 900px;
	margin: 0 auto;
	border-radius: 10px;
	padding: 0px 0 20px 0;
	margin: 100px auto;
	/*  background: rgba(255,255,255, 1);
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
}

.tabblk {
	padding: 25px 15px;
}

ul.setfrm {
	text-align: center;
	padding: 20px;
	margin: 20px 0 20px 0;
}

ul.setfrm li {
	display: inline-block;
	margin-right: 5px;
	width: 24.1%;
}

.heading {
	background: #00a959;
	padding: 10px;
	color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 18px;
	text-align: center;
}

/*mediamobile #00a959*/
.showblk .nav-tabs .nav-link {
	border: 1px solid #dfdfdf;
	padding: 7px 45px;
	font-size: 16px;
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 700;
	background: #f7f7f7;
	color: #000;
}

.showblk .nav-tabs .nav-item.show .nav-link, .showblk .nav-tabs .nav-link.active
	{
	background: #0081c3;
	color: #fff;
	border: 1px solid #0081c3;
}

.showblk .nav-tabs {
	border-bottom: 0;
	padding-bottom: 0px;
}

.showblk .tab-content {
	border: 1px solid #dfdfdf;
	backdrop-filter: blur(2px);
	padding: 15px 0px 0px;
}

.franfrmblk {
	position: relative;
}

.showfrmt {
	position: absolute;
	top: -12px;
	font-size: 13px;
	font-weight: 400;
	color: #535353;
	left: 14px;
	padding: 2px 4px;
	background: #fff;
	display: none;
}

.showfrmtnew {
	position: absolute;
	top: -13px;
	font-size: 13px;
	font-weight: 400;
	color: #535353;
	left: 14px;
	padding: 2px 4px;
	background: #fff;
	display: block;
}

.showfrmtmdfy {
	position: absolute;
	top: -13px;
	font-size: 13px;
	font-weight: 400;
	color: #535353;
	left: 14px;
	padding: -1px 4px;
	background: #fff;
	display: block;
}

.showfrmt.backdis {
	background-color: #e9ecef;
}

.mainfrmblk {
	padding: 0 10px 0px;
}

.franfrmblk .form-control:focus+span.showfrmt {
	transform: translate(0, 0) scale(0.9);
	cursor: pointer;
	font-weight: 400;
	display: block;
	/*   text-transform: uppercase; */
}

.franfrmblk .form-control:focus::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #333;
	opacity: 0;
	/* Firefox */
}

.franfrmblk .form-control:focus:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #333;
	opacity: 0;
	/* Firefox */
}

.franfrmblk .form-control:focus::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #333;
	opacity: 0;
	/* Firefox */
}

/* .franfrmblk .form-control:placeholder-shown+span.showfrmt {} */
.franfrmblk .form-control:not(:placeholder-shown)+span.showfrmt,
	.franfrmblk .form-control:focus+span.showfrmt {
	transform: translate(0, 0) scale(0.9);
	cursor: pointer;
	font-weight: 400;
	display: block;
	/*   text-transform: uppercase; */
}

.btncent {
	text-align: center;
	margin-top: 10px;
}

.btncomman {
	display: inline-block;
	padding: 10px 35px;
	color: #fff;
	border-radius: 4px;
	background-color: #00a959;
	border: none;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.policyinfo {
	background: #f7f7f7;
	width: 100%;
	padding: 10px;
	margin-top: 20px;
}

.policyinfo .policyinfoinner {
	color: #000;
	display: inline-block;
	margin-right: 10px;
	font-size: 16px;
	font-weight: 600;
}

.policyinfo .policyinfoinner a {
	color: #000;
	font-weight: 400;
}

.form-control {
	font-size: 14px;
	padding: 10px 10px;
	height: 45px;
}

.slider {
	max-width: 100%;
	height: 600px;
	margin: 0px auto;
	position: relative;
}

.slide1, .slide2, .slide3, .slide4, .slide5 {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: top center;
}

.slide1 {
	background: url('../img/back1.jpg') no-repeat center;
	animation: fade 8s infinite;
	-webkit-animation: fade 8s infinite;
}

.slide2 {
	background: url('../img/back2.jpg') no-repeat center;
	background-size: cover;
	animation: fade2 8s infinite;
	-webkit-animation: fade2 8s infinite;
}

.slide3 {
	background: url('../img/back3.jpg') no-repeat center;
	background-size: cover;
	animation: fade3 8s infinite;
	-webkit-animation: fade3 8s infinite;
}

@keyframes fade {
  0% {
    opacity: 1
  }

  33.333% {
    opacity: 0
  }

  66.666% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes fade2 {
  0% {
    opacity: 0
  }

  33.333% {
    opacity: 1
  }

  66.666% {
    opacity: 0
  }

  100% {
    opacity: 0
  }
}

@keyframes fade3 {
  0% {
    opacity: 0
  }

  33.333% {
    opacity: 0
  }

  66.666% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}
.blk2 {
	background-color: #fff;
	padding: 20px 10px 26px;
	clear: both;
	width: 100%;
}

.mainblk {
	max-width: 1100px;
	width: 100%;
	margin: 40px auto;
	box-shadow: 0 0 14px 0px #ccc;
	position: relative;
}

.setstick {
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 2;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px
		0px 1px 0px;
}

.regblkfull {
	width: 100%;
	text-align: center;
}

.setstick .container {
	max-width: 1140px;
	padding: 0;
}

.regblk {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	padding: 0 5px 0px;
}

.regblk fieldset {
	border: 1px solid #dfdfdf;
	width: 100%;
	margin: 0 auto;
	padding: 5px;
	border-radius: 4px;
}

.regblk legend {
	text-align: left;
	font-size: 15px;
	padding: 0 5px;
	width: auto;
	margin: 0;
	font-weight: 800;
	text-transform: uppercase;
}

.regblk legend em {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
}

ul.regblklist {
	padding: 7px 0 0px;
	margin: 0;
}

ul.regblklist li {
	width: 24.7%;
	display: inline-block;
	padding: 0 5px;
	margin-bottom: 30px;
	vertical-align: top;
}

ul.regblklist.modfy li {
	width: 33%;
}

ul.regblklist.modfy.extend li {
	width: 24.5%;
}

ul.regblklist.modfy.col4 li {
	width: 22%;
}

ul.regblklist.modfy.col4 li.lastc {
	width: 9%;
	float: right;
}

ul.regblklist.modfy.col4 li.lastc button:disabled, ul.regblklist.modfy.col4 li.lastc button[disabled]
	{
	font-size: 11px;
	margin: 0 0 6px 0;
}

ul.regblklist.modfy.col4 li.lastc .finalbtnadd {
	font-size: 11px;
	margin: 0 0 6px 0;
}

ul.regblklist li .form-control {
	text-align: left;
	height: 48px !important;
}

ul.regblklist.col5 li {
	width: 19.7%;
}

ul.regblklist.modfy li label.showtxt {
	width: 66%;
}

a.arrowset {
	font-size: 20px;
	color: #fff;
}

.switchblk.borset.high4 {
	height: 52px;
}

ul.regblklist li.doublewidth {
	width: 66%;
}

.buttonHomeMenu {
	display: block;
	width: auto;
	height: auto;
	background: white;
/* 	opacity: 0.7; */
	padding: 10px 14px;
	text-align: center;
	border-radius: 5px;
	color: black ! important;
	font-weight: bold;
	line-height: 17px;
	cursor: pointer;
	transition: all 0.3s ease;
	background-color: #7bfe9c !important;
/*   	border: 2px solid white; */
}

span.mandatory:after {
	content: "*";
	top: -4px;
	margin-right: 0px;
	padding-left: 0px;
	position: relative;
	color: red;
	font-size: 14px;
	font-weight: 800;
}

.regblk .invalid-input {
	padding-left: 5px;
}

.radio-toolbar {
	width: 76%;
	float: left;
}

.insuredblk {
	width: 24%;
	float: left;
}

.insuredblk .form-control {
	padding: 5px 10px 0;
	height: 31px;
	font-size: 14px;
}

ul.regblklist.part5 li {
	width: 19.5%;
}

.float_right {
	float: right !important;
}

.fieldsetnew {
	border: none !important;
}

.widthnew {
	width: 1.7%;
}

.switchblk {
	min-height: 47px;
}

.switchblk.sethight {
	min-height: 60px;
}

.switch-label {
	width: 70%;
	padding-top: 0px;
	font-size: 16px;
	line-height: 17px;
}

.switch-label i {
	margin-right: 5px;
}

.switch-toggle {
	height: 40px;
	text-align: right;
	width: 89px;
	display: inline-block;
	padding-top: 0px;
	margin-right: 0px;
	float: right;
	vertical-align: top;
}

.switch-toggle.modfy {
	width: 86px;
}

label.showtxt {
	width: 60%;
}

.switch-toggle input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	z-index: -2;
}

.switch-toggle input[type="checkbox"]+label {
	position: relative;
	display: inline-block;
	width: 80px;
	height: 34px;
	border-radius: 20px;
	margin: 0;
	cursor: pointer;
	background: #dfdfdf;
	/*box-shadow: inset -8px -8px 15px rgba(255,255,255,.6),
  inset 10px 10px 10px rgba(0,0,0, .25);*/
}

.switch-toggle input[type="checkbox"]:focus+label {
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 5px 2px rgba(128, 189, 255, 0.8);
	background: #efefef;
}

.ng-select.ng-select-focused {
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 2px rgba(128, 189, 255, .5);
}

.switch-toggle input[type="checkbox"]+label::before {
	position: absolute;
	content: 'NO';
	font-size: 13px;
	text-align: center;
	line-height: 21px;
	top: 7px;
	left: 8px;
	width: 40px;
	height: 21px;
	border-radius: 20px;
	background-color: #fff;
	/*box-shadow: -3px -3px 5px rgba(255, 255, 255, .5), 3px 3px 5px rgba(0, 0, 0, .25);*/
	transition: .3s ease-in-out;
}

.switch-toggle input[type="checkbox"]:checked+label::before {
	left: 42%;
	content: 'YES';
	color: #fff;
	background-color: #00b33c;
	/* box-shadow: -3px -3px 5px rgba(255, 255, 255, .5), 3px 3px 5px #00b33c;*/
}

.switchblk.borset {
	border: 1px solid #dfdfdf;
	padding: 6px 5px 0;
	border-radius: 4px;
}

.mainupperblk {
	margin-bottom: 20px;
	position: relative;
}

.headblk {
	background: #0081c3;
	border-radius: 4px 4px 0 0;
	padding: 10px 5px;
	overflow: hidden;
	opacity: 0.7;
	margin: 16px 0px 0;
}

.headblknew {
	background: #CD0000;
	border-radius: 4px 4px 0 0;
	padding: 10px 5px;
	overflow: hidden;
	opacity: 0.7;
	margin: 16px 0px 0;
}

.headblkleft {
	font-size: 20px;
	color: #fff;
	float: left;
}

.headblkright {
	float: right;
	color: #fff;
}

.fullmainblk {
	border: 1px solid #dfdfdf;
	padding: 10px 10px;
}

.inbx {
	margin-top: 5px;
}

.labelblk {
	padding: 10px 5px;
}

.onesetb.setmodfy {
	border: 1px solid #dfdfdf;
	padding: 10px;
	border-radius: 4px;
	position: relative;
	margin-top: 4px;
}

.labelblk .radio-toolbar input[type="radio"] {
	display: none;
}

.labelblk .radio-toolbar label {
	display: inline-block;
	background-color: transparent;
	padding: 4px 20px;
	font-family: Arial;
	font-size: 16px;
	cursor: pointer;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
	margin-right: 7px;
}

.labelblk .radio-toolbar input[type="radio"]:checked+label {
	background-color: #0081c3;
	border: 1px solid #0081c3;
	color: #fff;
}

.setvale {
	border: 1px solid #dfdfdf;
	border-radius: 4px;
	padding: 10px 8px 0;
	margin: 0 5px 20px;
}

.kdetail {
	font-size: 15px;
	line-height: 22px;
	color: #000;
	font-weight: 500;
	margin-left: 5px;
}

.mainblkhead {
	background: #00a959;
	color: #fff;
	font-size: 25px;
	text-align: center;
	letter-spacing: 1px;
	font-weight: 800;
	padding: 10px 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	border-radius: 4px 4px 0 0;
}

.topbg {
	padding: 0px 0 20px 0;
	overflow: hidden;
	width: 100%;
	background-color: #f7f7f7;
	/*background: url('../img/searchbg.jpg') #f7f7f7 no-repeat top center;
background-size: cover;*/
}

.topbgnew {
	padding: 0px 0 5px 0;
	overflow: hidden;
	width: 100%;
	background: url('../img/bboy.jpg') #fff;
	background-repeat: no-repeat;
	background-position: -23px -11px;
}

.headty {
	text-align: left;
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	text-decoration: underline;
	margin-bottom: 10px;
	padding-top: 10px;
}

.mainbg {
	width: 100%;
	background: url('../img/searchbg.jpg') no-repeat top center;
	background-size: cover;
	height: 100%;
}

.tb {
	text-align: center;
}

.fbtn {
	display: inline-block;
	color: #fff;
	background: #fb5d5d;
	padding: 10px 25px;
	font-size: 15px;
	border-radius: 4px;
	border: none;
	margin: 10px 0;
	text-transform: uppercase;
	font-weight: 700;
}

.btmfixed {
	position: fixed;
	width: 100%;
	bottom: 0px;
	box-shadow: rgb(153, 153, 153) 4px 4px 12px 7px;
	border-top: 4px solid #0081c3;
	background: #fff;
	padding: 15px 20px 10px;
	z-index: 9;
	text-align: center;
	/*    background-color: #fff;
    color: #000;
    padding: 10px;
    width: 100%;
    z-index: 2;
    bottom: 0px;

    border-top: 4px solid #0081c3;*/
}

.mainbtmbox {
	width: 1100px;
	margin: 0 auto;
	background: #fff;
}

.mainupperblk {
	/* background: url('../img/searchbg.jpg') #fff no-repeat top center;
background-size: cover;
*/
	background: #fff;
}

.pheadv {
	width: 100%;
}

.pheadv span {
	
}

.btnalign {
	text-align: center;
	margin-bottom: 5px;
}

.finalbtn {
  min-width: 160px;
  padding: 10px 20px;
  background: linear-gradient(135deg, #00a96e, #007f5f);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  border: none;
  outline: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
  margin: 6px 0 12px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
  transition: background 0.3s ease, transform 0.2s ease;
}

.finalbtn:hover {
  background: linear-gradient(135deg, #009e64, #006d4f);
  transform: translateY(-2px);
}

.finalbtn:active {
  transform: scale(0.98);
}


.finalbtnreject {
	min-width: 140px;
	padding: 8px 18px;
	background: #fb8200;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: none;
	outline: none;
	border-radius: 4px;
	font-weight: 600;
	cursor: pointer;
	text-align: center;
	font-size: 15px;
	color: #fff;
	margin: 4px 0px 10px;
}

.vrfyLgnbtn {
	min-width: 140px;
	padding: 8px 18px;
	background: #00a959;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: none;
	outline: none;
	border-radius: 4px;
	font-weight: 600;
	cursor: pointer;
	text-align: center;
	font-size: 15px;
	color: #fff;
	margin: 12px 0px 10px;
}

.clrLgnbtn {
	min-width: 140px;
	padding: 8px 18px;
	background: #fb8200;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: none;
	outline: none;
	border-radius: 4px;
	font-weight: 600;
	cursor: pointer;
	text-align: center;
	font-size: 15px;
	color: #fff;
	margin: 12px 0px 10px;
}

.btnonsearch {
	min-width: 148px;
	padding: 3px -51px;
	background: #fb8200;
	letter-spacing: 3px;
	text-transform: uppercase;
	border: none;
	outline: none;
	border-radius: 35px;
	font-weight: 600;
	cursor: pointer;
	text-align: center;
	font-size: 15px;
	color: #fff;
	margin: 10px 1px 5px;
}

.finalbtnadd {
	min-width: 68px;
	padding: -1px 18px;
	background: #fb8200;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: none;
	outline: none;
	border-radius: 4px;
	font-weight: 600;
	cursor: pointer;
	text-align: center;
	font-size: 15px;
	color: #fff;
	margin: 12px 0px 10px;
}

.df1 {
	float: left;
	width: 47%;
	font-size: 15px;
	font-weight: 700;
}

.df2 {
	float: right;
	width: 53%;
	font-weight: 500;
	text-align: left;
	padding-right: 20px;
}

.btmleft {
	float: left;
	width: 50%;
	text-align: left;
}

.btmright {
	float: right;
	width: 30%;
	text-align: right;
}

.btmmiddle {
	float: left;
	width: 20%;
	text-align: right;
}

.tbtext {
	font-size: 20px;
	line-height: 22px;
	font-weight: 700;
	margin-bottom: 5px;
}

.tbtext span {
	font-size: 17px;
	font-weight: 400;
}

.btmright .finalbtn {
	min-width: 140px;
	padding: 8px 18px;
	background: #fb8200;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: none;
	outline: none;
	border-radius: 4px;
	font-weight: 600;
	cursor: pointer;
	text-align: center;
	font-size: 15px;
	color: #fff;
}

.btmright .finalbtn.dis {
	background: grey;
	color: #fff;
	cursor: crosshair;
}

.topfullheader {
	background: #0081c3;
	padding: 15px 20px;
	width: 100%;
	overflow: hidden;
}

.topfullheader .tfleft {
	float: left;
	width: 80%;
	font-size: 22px;
	line-height: 22px;
	color: #fff;
	font-weight: 700;
}

.topfullheader .trleft {
	width: 18%;
	float: right;
	text-align: right;
}

.topfullheader .trleft a.editlink {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
}

.tfleft span {
	font-size: 13px;
	display: block;
	color: #dfdfdf;
}

.topfullheader .tfleftnew {
	float: left;
	width: 80%;
	font-size: 20px;
	line-height: 22px;
	color: #fff;
	font-weight: 700;
}

.topfullheader .tfleftnew span {
	font-weight: 500;
}

.showfull {
	width: 100%;
	clear: both;
	padding: 0px 20px 20px 159px;
}

ul.listv {
	padding: 0;
	margin: 0;
	width: 70%;
	float: left;
}

ul.listv li {
	display: inline-block;
	width: 49%;
	margin-bottom: 0px;
}

.prcolright {
	float: right;
	width: 22%;
}

.prebox {
	border: 1px solid #dfdfdf;
	width: 100%;
	background: #fff;
	text-align: center;
	height: 120px;
	position: relative;
}

.pheadv {
	font-weight: 700;
	font-size: 14px;
	line-height: 16p;
}

.pheadv span {
	font-weight: 400;
}

.boret {
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
}

.chkblk {
	text-align: left;
	font-size: 14px;
}

.pheadv span em {
	font-weight: 800;
	font-size: 20px;
	font-style: normal;
}

.shareblk {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #00a959;
	color: #fff;
	font-size: 18px;
	padding: 5px;
}

.shareblk a {
	color: #fff;
}

.chkblk .form-check-label input[type=checkbox] {
	position: relative;
	left: -5px;
	top: 2px;
	width: 22px;
	height: 14px;
}

.setboc {
	border: 1px solid #0081c3;
	text-align: center;
	font-size: 15px;
}

a.shatxt {
	display: block;
	padding: 3px 5px;
}

a.shatxt:hover {
	color: #007bff;
}

.settpnw {
	background: #0081c3;
	color: #fff;
	padding: 3px 5px;
	margin-bottom: 2px;
}

.slideshow {
	position: absolute;
	width: 100vw;
	height: 514px;
	overflow: hidden;
}

.slideshow-image {
	position: absolute;
	width: 100%;
	height: 100%;
	background: no-repeat 50% 50%;
	background-size: cover;
	-webkit-animation-name: kenburns;
	animation-name: kenburns;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 16s;
	animation-duration: 16s;
	opacity: 1;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.slideshow-image:nth-child(1) {
	-webkit-animation-name: kenburns-1;
	animation-name: kenburns-1;
	z-index: 3;
}

.slideshow-image:nth-child(2) {
	-webkit-animation-name: kenburns-2;
	animation-name: kenburns-2;
	z-index: 2;
}

.slideshow-image:nth-child(3) {
	-webkit-animation-name: kenburns-3;
	animation-name: kenburns-3;
	z-index: 1;
}

.slideshow-image:nth-child(4) {
	-webkit-animation-name: kenburns-4;
	animation-name: kenburns-4;
	z-index: 0;
}

@-webkit-keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  1.5625% {
    opacity: 1;
  }

  23.4375% {
    opacity: 1;
  }

  26.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  98.4375% {
    opacity: 0;
    -webkit-transform: scale(1.21176);
    transform: scale(1.21176);
  }

  100% {
    opacity: 1;
  }
}

@keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  1.5625% {
    opacity: 1;
  }

  23.4375% {
    opacity: 1;
  }

  26.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  98.4375% {
    opacity: 0;
    -webkit-transform: scale(1.21176);
    transform: scale(1.21176);
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kenburns-2 {
  23.4375% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  26.5625% {
    opacity: 1;
  }

  48.4375% {
    opacity: 1;
  }

  51.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes kenburns-2 {
  23.4375% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  26.5625% {
    opacity: 1;
  }

  48.4375% {
    opacity: 1;
  }

  51.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@-webkit-keyframes kenburns-3 {
  48.4375% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  51.5625% {
    opacity: 1;
  }

  73.4375% {
    opacity: 1;
  }

  76.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes kenburns-3 {
  48.4375% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  51.5625% {
    opacity: 1;
  }

  73.4375% {
    opacity: 1;
  }

  76.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@-webkit-keyframes kenburns-4 {
  73.4375% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  76.5625% {
    opacity: 1;
  }

  98.4375% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes kenburns-4 {
  73.4375% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  76.5625% {
    opacity: 1;
  }

  98.4375% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.slidertop {
	position: absolute;
	width: 100%;
	background: rgba(0, 0, 0, 0.2);
	z-index: 6;
}

.mainchkblk {
	width: 48%;
	margin: 0 auto;
}

.stys {
	padding: 0 0 0 5px;
	font-weight: 600;
}

.stys input[type=checkbox] {
	position: relative;
	top: 1px
}

/* 
.franfrmblk datalist {
  position: absolute;
  max-height: 20em;
  border: 0 none;
  overflow-x: hidden;
  overflow-y: auto;
  width: 300px !important;

}

.franfrmblk datalist option {
  font-size: 0.8em;
  padding: 0.3em 1em;
  background-color: #ccc;
  cursor: pointer;
  width: 300px !important;
}


.franfrmblk datalist option:hover,
.franfrmblk datalist option:focus {
  color: #fff;
  background-color: #036;
  outline: 0 none;
}

.franfrmblk option {
  font-size: 1.8em;
  padding: 0.3em 1em;
  background-color: #ccc;
  cursor: pointer;
  width: 100%;
} */
.autocomplete-items {
	position: absolute;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	top: 100%;
	left: 0;
	right: 0;
}

.autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
	background-color: #e9e9e9;
}

.autocomplete-active {
	background-color: DodgerBlue !important;
	color: #ffffff;
}

.franfrmblk input {
	font-size: 14px;

	/*   border-bottom: none; */
}

.franfrmblk datalist {
	position: absolute;
	background-color: white;
	font-size: 14px;
	border-radius: 0 0 5px 5px;
	z-index: 2;
	width: 100%;
	max-height: 10rem;
	overflow-y: auto;
	border: 1px solid #dfdfdf;
	border-top: none;
}

.franfrmblk option {
	background-color: white;
	padding: 4px;
	margin-bottom: 1px;
	font-size: 14px;
	cursor: pointer;
}

.franfrmblk option:hover, .franfrmblk .active {
	background-color: lightblue;
}

.dropshadow {
	background: rgba(255, 255, 255, 0.1);
	width: 100%;
	height: 100%;
	z-index: 1;
	position: absolute;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}

.custom-combobox {
	position: relative;
	display: inline-block;
}

.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}

.custom-combobox-input {
	margin: 0;
	padding: 5px 10px;
}

.ui-button .ui-icon {
	background-image:
		url(https://code.jquery.com/ui/1.13.2/themes/base/images/ui-icons_777777_256x240.png);
}

ul.regblklist li .ui-widget {
	height: 47px;
	top: -1px;
	border-color: #dfdfdf;
}

ul.regblklist li .custom-combobox {
	width: 100%;
	height: 45px;
}

ul.regblklist li .ui-widget.ui-widget-content {
	background-color: #fff;
	width: 91%;
	border-color: #dfdfdf;
	height: 46px;
}

.error {
	font-size: 12px;
	color: red;
	line-height: 20px;
	padding: 2px 0 0 0;
	text-align: left;
}

.error2 {
	color: Red;
	visibility: hidden;
	text-align: left;
}

.toggleblk {
	padding-right: 5px;
	cursor: pointer;
}

.toggleblk i {
	border: solid #fff;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 5px;
	-webkit-transition-duration: 1s;
	/* Safari */
	transition-duration: 1s;
}

.toggleblk .up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.toggleblk .down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.form-control.dob {
	content: "";
	background-image: url(/kyc/img/calendar-eea3a16bed6f8d38d9a3ac4a765fe8ed.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 20px;
}

.ui-datepicker {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

.ui-widget-header {
	background: #0081c3;
}

.ui-widget.ui-widget-content {
	border: 1px solid #0081c3;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 3px;
	border-radius: 4px;
	padding: 3px;
}

.ui-datepicker td {
	text-align: center;
}

.ui-datepicker td span, .ui-datepicker td a {
	text-align: center;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight,
	.ui-widget-header .ui-state-highlight {
	background: #ccc;
}

.ui-widget-header .ui-icon {
	background-image: url(/kyc/img/ui-icons_ffffff_256x240-e33c878c8e1b176d439484ca0a094ec4.png);
}

.txtsh {
	font-size: 16px;
	padding-top: 15px;
}

a.linkb {
	font-weight: 600;
	font-size: 15px;
	background: #fb8200;
	padding: 2px 5px;
	color: #fff !important;
	border-radius: 4px;
	display: inline-block;
}

.fullblkbt {
	width: 100%;
	clear: both;
	overflow: hidden;
	padding: 0 7px;
}

.contentleft {
	float: left;
	width: 50%;
}

.btnalignright {
	float: right;
	width: 50%;
	text-align: right;
}

.btnalignleft {
	float: left;
	width: 50%;
	text-align: left;
}

.btnalignright .finalbtn {
	padding: 5px 11px;
	margin: 4px 0px;
}

#popshow .modal-dialog {
	max-width: 700px;
	text-align: center;
}

#popshow .modal-dialog .modal-body img {
	width: 100%;
}

.regblk:last-child {
	margin-bottom: 0;
}

.regblk.marbtm fieldset {
	margin-bottom: 15px;
}

.regblk.marbtm2 {
	margin-bottom: 15px;
}

a.tnewlink {
  font-weight: 600;
  font-size: 15px;
  background-color: #2e3d4b;
  color: #fff !important;
  padding: 10px 16px;
  border-radius: 6px;
  display: inline-block;
  margin: 3px 22px 0 0;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

a.tnewlink:hover,
a.tnewlink:focus {
  background-color: #3f60c9; /* Slightly deeper tone on hover */
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
}

a.tnewlink:active {
  transform: scale(0.98);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


.imgblkicon {
	cursor: pointer;
	display: inline-block;
	width: 22px;
}

.imgblkicon img {
	width: 100%;
}

.modfullblk {
	width: 100%;
}

.franfrmblk.mod1 {
	width: 30%;
	float: left;
}

.franfrmblk.mod2 {
	width: 70%;
	float: left;
}

.franfrmblk.mod3 {
	width: 30%;
	float: left;
}

ul.regblklist li .franfrmblk.mod1 .form-control {
	border-right: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	height: 47px !important;
}

ul.regblklist li .franfrmblk.mod2 .form-control {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.noteb {
	font-size: 11px;
	text-align: left;
	line-height: 14px;
	margin-top: 3px;
}

.notepr {
	font-size: 13px;
	text-align: left;
	line-height: 14px;
	margin-top: 3px;
	color: blue;
}

.checkboxblk {
	margin-top: 20px;
	margin-bottom: 7px;
	text-align: center;
}

.notep {
	font-size: 14px;
	font-style: italic;
}

.notep a {
	
}

.checkboxblk .error {
	text-align: center;
}

.profilephoto {
	width: 200px;
	margin: 10px auto;
}

.profilephoto img {
	border-radius: 10px;
	border: 1px solid #dfdfdf;
	width: 100%;
}

.posrel {
	position: relative;
}

.sbtn {
	right: 0px;
	background: #00a959;
	padding: 10px 9px 11px;
	position: absolute;
	outline: none;
	color: #fff;
	border: 1px solid #00a959;
	font-size: 14px;
	border-radius: 0;
	font-weight: bold;
	letter-spacing: 2px
}

.settxt {
	font-size: 12px;
	color: black;
}

.settxt.success {
	color: #00a959;
}

.settxt.error {
	color: red;
}

ul.optlist {
	text-align: center;
}

ul.optlist li {
	display: inline-block;
	width: 13%;
	margin: 0 5px;
	list-style: none;
}

.codemainblk {
	padding: 20px 10px;
}

.codemainblk .regblk {
	margin-bottom: 5px;
}

.codemainblk .regblk legend {
	font-size: 13px;
}

.settxt2 {
	font-size: 15px;
	margin-top: 5px;
}

.stxt {
	font-size: 15px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 20px;
}

.stxt a {
	color: blue;
}

.stclock {
	display: inline-block !important;
}

.txtr {
	text-align: center;
}

.txtr a {
	color: blue;
}

#partitioned {
	padding-left: 15px;
	letter-spacing: 42px;
	border: 0;
	background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0)
		0%);
	background-position: bottom;
	background-size: 50px 1px;
	background-repeat: repeat-x;
	background-position-x: 35px;
	width: 474px;
	outline: none;
}

.form-control-otp {
	-webkit-transition: none;
	transition: none;
	width: 32px;
	height: 32px;
	text-align: center
}

.form-control:focus {
	color: #3F4254;
	background-color: #ffffff;
	border-color: #884377;
	outline: 0;
}

.form-control.form-control-solid {
	background-color: #F3F6F9;
	border-color: #F3F6F9;
	color: #3F4254;
	transition: color 0.15s ease, background-color 0.15s ease, border-color
		0.15s ease, box-shadow 0.15s ease;
}

.form-control.form-control-solid:active, .form-control.form-control-solid.active,
	.form-control.form-control-solid:focus, .form-control.form-control-solid.focus
	{
	background-color: #EBEDF3;
	border-color: #EBEDF3;
	color: #3F4254;
	transition: color 0.15s ease, background-color 0.15s ease, border-color
		0.15s ease, box-shadow 0.15s ease;
}

.setwb {
	width: 468px;
	margin: 0 auto;
}

ul.optlist li .form-control {
	text-align: center;
	font-size: 20px;
}

div.optlist {
	text-align: center;
}

div.optlist .form-control.inputs {
	display: inline-block;
	width: 15%;
	font-size: 20px;
	text-align: center;
}

.profilephoto.modfy {
	width: 100%;
	text-align: right;
	margin-top: 5px;
	padding-right: 8px;
}

.headblkright.mdy .toggleblk button {
	border: none;
	background: transparent;
	box-shadow: none;
	color: #fff;
	border-radius: 0;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
}

.headblkright.mdy .toggleblk i {
	border: none;
}

.profilephoto.modfy img {
	width: 281px;
}

.tableblk.tscroll .finalbtn {
	margin: 0;
	display: block;
}

.hhead {
	font-size: 22px;
	line-height: 22px;
	text-align: left;
	font-weight: 800;
}

.pagination {
	display: inline-block;
}

.pagination a {
	color: black;
	padding: 5px 10px;
	text-decoration: none;
	border-radius: 10px;
}

.pagination a.active {
	background-color: #4CAF50;
	color: white;
}

.pset {
	display: inline-block;
	vertical-align: top;
}

ul.listpagi {
	padding: 0;
	margin: 0;
}

ul.listpagi li {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}

.pagination a:hover:not(.active) {
	background-color: #ddd;
}

.fullblk {
	margin-top: 20px;
}

.fleft {
	width: 49%;
	float: left;
}

.fright {
	width: 49%;
	float: right;
	text-align: right;
	line-height: 3;
}

.showrec {
	font-size: 16px;
	font-weight: 700;
	/*  line-height: 32px;*/
	margin-bottom: 7px;
}

.showrec span {
	font-weight: 400;
}

.uploadbtn {
	min-width: 100%;
	padding: 12px 15px;
	background: green;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: none;
	outline: none;
	border-radius: 4px;
	font-weight: 600;
	cursor: pointer;
	text-align: center;
	font-size: 15px;
	color: #fff;
	margin: 0px 0px 10px;
	font-size: 14px;
}

.topheading {
	background-color: #0081c3;
	color: #fff;
	font-size: 17px;
	padding: 7px 7px;
	text-align: center;
	width: 100%;
}

.modal.setmod .modal-header {
	padding: 0px;
}

.modal.setmod .close {
	position: absolute;
	color: #212529;
	opacity: 1;
	right: 5px;
	font-size: 30px;
	top: -25px;
}

.modal.setmod .modal-body {
	padding: 0 15px 20px 15px;
}

.setmarg {
	margin: 20px 0 10px;
}

.btnalignrightnew .finalbtn {
	padding: 11px 16px;
	min-width: 190px;
}

ul.regblklist.modfycenter {
	text-align: center;
	width: 100%;
	clear: both;
}

.form-control-new {
	padding: 5px 48px;
	height: 46px;
}

ul.stys {
	padding: 0;
	margin: 0;
	text-align: center;
}

ul.stys li {
	display: inline-block;
	margin: 0 auto;
	list-style: none;
}

.btnblk {
	text-align: center;
}

.btnblk .button {
	float: none;
	margin: 0 5px 0 0;
	width: 100px;
	/* height: 40px; */
	position: relative;
	display: inline-block;
}

.btnblk .button label, .btnblk .button input {
	display: block;
	/* position: absolute; */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.btnblk .button input[type="radio"] {
	opacity: 0.011;
	z-index: 100;
}

.btnblk .button input[type="radio"]:checked+label {
	background: #20b8be;
	border-radius: 4px;
}

.btnblk .button label {
	cursor: pointer;
	z-index: 90;
	line-height: 1.8em;
}

.btnblk .btn {
	width: inherit;
	padding: 2px 10px;
}

.btnblk .button.modfy .btn {
	background-color: red;
}

.fblk {
	width: 100%;
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}

.flft {
	width: 70%;
	float: left;
}

.frght {
	width: 30%;
	float: right;
}

ul.btnlist {
	padding: 0;
	margin: 0;
}

ul.btnlist li {
	list-style: none;
	display: inline-block;
	margin: 0 10px 0 0;
}

.bsetright {
	width: 485px;
	float: right;
	position: relative;
	margin-top: -64px;
}

.bsetright .finalbtn {
	position: absolute;
	right: 2px;
	top: 2px;
	padding: 10px 15px 9px;
	border-radius: 0px 4px 4px 0;
	background: #0081c3;
}

.hhead.mdfy {
	margin-top: 70px;
}
/*mediamobile */
@media only screen and (min-width : 1px) and (max-width: 767px) {
	.profilephoto.modfy {
		margin-top: 0px;
		text-align: center;
		padding-right: 0px;
		margin-bottom: 22px;
	}
	#popshow .modal-dialog {
		max-width: 100%;
	}
	ul.regblklist li .custom-combobox {
		width: 100%;
		text-align: left;
	}
	ul.counterlist li {
		display: block;
		width: 90%;
		margin: 0 auto 20px;
	}
	.maincontainer {
		width: 100%;
		padding: 10px;
	}
	ul.menulist li {
		font-size: 14px;
		margin: 0 6px;
	}
	.dropbtn {
		font-size: 14px;
	}
	h1 {
		line-height: 26px;
		font-size: 26px;
		text-align: center;
	}
	.loginwid {
		width: 96%;
		margin: 40px auto 0;
	}
	.pupblk {
		width: 100%;
	}
	.phead {
		font-size: 16px;
	}
	.filbl {
		width: 100%;
	}
	.pheadnew {
		font-size: 13px;
	}
	.logblk {
		width: 130px;
	}
	#menu li span {
		font-size: 11px;
	}
	.rightb {
		padding-right: 20px;
	}
	.topleft span {
		display: block;
	}
	.topright span {
		display: block;
	}
	.lobtn {
		display: inline-block;
	}
	.showleft {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.showlistbycat {
		float: none;
		width: 100%;
		margin: 10px auto;
	}
	.showright {
		float: none;
		width: 100%;
		margin: 10px auto 0;
		padding: 0;
	}
	.showmiddle {
		float: none;
		width: 100%;
		margin: 10px auto 0;
	}
	.sect1 {
		float: none;
		width: 100%;
		margin: 0 auto 10px;
	}
	.sect2 {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.fidiv .fidivinner {
		float: none;
		width: 100%;
		margin: 0 auto 10px;
		border-right: none;
		border-bottom: 1px solid #dfdfdf;
		padding-bottom: 10px;
		display: block;
		height: auto;
	}
	.topright span.iconsm {
		width: 31px;
		float: right;
	}
	ul.worklist li {
		width: 70%;
		margin: 0 auto 10px;
		display: block;
	}
	h2.headsub {
		text-align: center;
	}
	.fixbtm {
		position: static;
		width: auto;
	}
	.callsection {
		padding: 0 0 10px;
	}
	#menu {
		float: none;
		width: 100%;
		overflow: hidden;
	}
	ul.regblklist.modfy li {
		width: 100%;
	}
	.animated {
		clear: both;
		margin: 10px auto;
		width: 156px;
		float: none;
		overflow: hidden;
	}
	ul.regblklist {
		text-align: center;
	}
	ul.setfrm li {
		width: 96%;
		margin: 0 auto 30px;
	}
	ul.regblklist li {
		width: 100%;
		margin: 0 auto 30px;
	}
	ul.regblklist.col5 li {
		width: 100%;
	}
	.radio-toolbar {
		float: none;
		width: 100%;
		text-align: center;
	}
	.insuredblk {
		float: none;
		width: 100%;
	}
	ul.regblklist.part5 li {
		width: 96%;
		margin: 0 auto 30px;
	}
	.mainchkblk {
		width: 100%;
		text-align: center;
		padding: 0 10px;
	}
	.chkblk {
		text-align: center;
	}
	.labelblk .radio-toolbar label {
		padding: 4px 11px;
		font-size: 15px;
	}
	.contentleft {
		float: none;
		width: 100%;
		text-align: center;
	}
	.txtsh {
		font-size: 14px;
		padding: 10px 0;
	}
	.btnalignright {
		float: none;
		width: 100%;
		text-align: center;
	}
	.showfrmt {
		font-size: 11px;
	}
	.showfrmtnew {
		font-size: 11px;
	}
	.bsetright {
		width: 100%;
		float: none;
		margin-top: 10px;
	}
	.bsetright .finalbtn {
		min-width: 92px;
		padding: 10px 1px 9px;
		font-size: 8px
	}
	.flft {
		float: none;
		width: 100%;
	}
	ul.btnlist {
		text-align: center;
	}
	ul.btnlist .finalbtn {
		min-width: 118px;
		padding: 8px 5px;
		font-size: 13px;
	}
	.fleft {
		width: 100%;
		float: none;
	}
	.fright {
		width: 100%;
		float: none;
	}
	.hhead.mdfy {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#menu li span {
		padding: 7px 5px;
		font-size: 11px;
	}
	#menu>li {
		margin-right: 1px;
	}
	.buttonHomeMenu {
		padding: 10px 6px;
	}
	ul.regblklist.modfy.extend li {
		width: 100%;
	}
}

#hoverHide {
	display: none;
}

#hoverPep:hover+#hoverHide {
	display: block;
	color: red;
	background-color: white;
}

@media only screen and (min-width :320px) and (max-width: 359px) {
	ul.menulist li {
		font-size: 13px;
		margin: 0 5px;
	}
	.logblk {
		width: 130px;
	}
	.dropbtn {
		font-size: 13px;
	}
	.lobtn {
		width: 100px;
		font-size: 14px;
		margin-top: 19px;
		padding: 7px 10px
	}
	.showfrmt {
		font-size: 11px;
	}
	.showfrmtnew {
		font-size: 11px;
	}
	ul.regblklist.modfy.col4 li {
		width: 100%;
	}
	.regblk legend {
		font-size: 13px;
	}
}

@media only screen and (min-width :768px) and (max-width: 1199px) {
	.maincontainer {
		width: 100%;
		padding: 10px;
	}
	ul.regblklist li {
		width: 47.7%;
	}
	.showfrmt {
		font-size: 11px;
	}
	ul.regblklist.modfy li {
		width: 49%;
	}
	.showfrmtnew {
		font-size: 12px;
	}
}

@media only screen and (min-width :1px) and (max-width: 359px) {
	.showfrmtnew {
		top: -16px;
		font-size: 9px;
	}
	.regblk legend {
		font-size: 13px;
	}
}

button:disabled, button[disabled] {
	border: 1px solid #999999;
	background-color: #cccccc;
	color: #666666;
}

.captcha-heading {
	font-size: 14px;
	margin-bottom: 15px;
}

.captcha-question {
	font-size: 20px;
	color: #00008B;
	font-weight: bold;
	margin-bottom: 15px;
	text-shadow: 0 0 15px #2980b9, 0 0 30px #3498db;
}

.captcha-container {
	background-color: light-green;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 20px;
	text-align: center;
	width: 300px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	margin: auto;
}


.form-group input[type="radio"] {
	display: none;
}

.form-group label {
	min-width: 250px;
	margin: 10px;
	padding: 10px;
	cursor: pointer;
	border: ridge;
	border-color: #55c4ff;
	border-radius: 9px;
	border-width: 0.09rem;
	background-color: #55c4ff;
	color: white;
}

.form-group label:hover {
	box-shadow: 0 0 12px rgba(1, 1, 1, .5);
}

.form-group input[type="radio"]:checked ~ label {
	background-color: #01a801;
	color: white;
	border: none;
	box-shadow: none;
	border: ridge;
	border-color: green;
	border-radius: 9px;
	border-width: 0.09rem;
}

@media ( max-width : 767px) {
	.form-group label {
		width: 90%;
		min-width: 0px;
	}
	.labeldiv {
		width: 100%;
	}
}

@media ( min-width : 767px) and (max-width:984px) {
	.form-group label {
		width: 95%;
	}
	.labeldiv {
		width: 45%;
	}
}

.checkboxo {
	display: ruby;
}

.nav-links ul {
  list-style: none;
  display: flex;
}

.nav-links li {
  margin: 0 20px;
}

.nav-links a {
  text-decoration: none;
  color: white;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 500;
  transition: color 0.3s ease;
}

.nav-links a:hover {
  color: #ffeb3b;
}

.flow-selection-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Make options appear side by side on larger screens */
@media (min-width: 600px) {
    .flow-selection-wrapper {
        flex-direction: row;
        justify-content: center;
    }
}

.flow-option {
    display: flex;
    align-items: center;
    gap: 15px;
    /* padding: 15px 20px; */
    background: white;
    border: 2px solid #ddd;
    border-radius: 6px;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Highlight selected checkbox */
.flow-radio:checked + .flow-label {
    border-color: #007bff;
    background: #eef6ff;
    color: #007bff;
    font-weight: bold;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}

.flow-radio {
    display: none;
}

.flow-label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    padding: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
	margin-bottom: 0 !important;
}

.flow-label:hover {
    color: #007bff;
}

.flow-icon {
    width: 40px;
    height: auto;
}

select.form-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20,50 70,100 120,50' stroke='black' stroke-width='15' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
  padding-right: 30px; /* leave space for arrow */
}

.flash-message-photograph {
	padding: 15px 20px;
	margin: 20px 0;
	border-radius: 5px;
	font-size: 16px;
	color: #fff;
	display: none;
	background-color: #f44336; /* Red for error */
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {from { opacity:0;
	transform: translateY(10px);
}

to {
	opacity: 1;
	transform: translateY(0);
}
}

#spinner-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.8); /* semi-transparent white */
  z-index: 9999;
  display: flex;
  flex-direction: column; /* stack spinner and text vertically */
  justify-content: center;
  align-items: center;
  font-family: Arial, sans-serif;
}

.spinner {
  width: 60px;
  height: 60px;
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 15px; /* spacing between spinner and text */
}

.spinner-text {
  font-size: 18px;
  color: #333;
}

/* Spinner animation */
@keyframes spin {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}

@media (max-width: 600px) {
  .spinner {
    width: 40px;
    height: 40px;
    border-width: 6px;
  }

  .spinner-text {
    font-size: 16px;
  }
}

.blur {
	filter: blur(4px);
	pointer-events: none;
	user-select: none;
}

.ticker-wrapper {
  width: 100%;
  background: #f9f9f9;
  border-top: 2px solid #007bff;
  border-bottom: 2px solid #007bff;
  padding: 10px;
  font-family: 'Segoe UI', sans-serif;
  position: relative;
}

.ticker-hover {
  position: relative;
  display: inline-block;
}

.ticker-highlight {
  background-color: #fff3cd;
  border-left: 4px solid #ffc107;
  padding: 10px 14px;
  color: #856404;
  font-weight: 600;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease;
}

.ticker-highlight:hover {
  background-color: #ffe8a1;
  cursor: pointer;
}

.ticker-dropdown {
  display: none;
  position: absolute;
  top: 110%;
  left: 0;
  width: 480px;
  background: #ffffff;
  border: 1px solid #ccc;
  padding: 14px;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 10;
}

.ticker-dropdown p {
  margin: 0 0 10px;
  color: #333;
  font-size: 14px;
}

.ticker-hover:hover .ticker-dropdown {
  display: block;
}


/* Fix for preventing modal content from being blurred */
/* Only blur the content, not the modal itself */
.blurred {
    filter: blur(5px);
    pointer-events: none;
}


#sessionExtendModal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: none;  /* Start with modal hidden */
    background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black background */
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

/* Content of session extend modal */
#sessionExtendModal .modal-content {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    text-align: center;
    max-width: 400px;
    width: 100%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

#sessionExtendModal button {
    margin-top: 15px;
    padding: 10px 20px;
    font-weight: bold;
    border: none;
    background: #00a859;
    color: white;
    border-radius: 5px;
    cursor: pointer;
}

/* Session expired modal styles */
#sessionExpiredModal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

#sessionExpiredModal .modal-content {
    background-color: #ff4d4d;
    color: white;
    text-align: center;
}

/* Button styling */
.sessionbtn {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.sessionbtn:hover {
    background-color: #0056b3;
}


.custom-upload-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: linear-gradient(135deg, #007bff, #0056b3);
	color: #fff;
	font-weight: 600;
	border: none;
	border-radius: 8px;
	padding: 12px 20px;
	font-size: 15px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
	transition: background 0.3s ease, transform 0.2s ease;
	white-space: nowrap;
	max-width: 100%;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
}

.custom-upload-btn:hover {
	background: linear-gradient(135deg, #0056b3, #003f7f);
	transform: translateY(-1px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.custom-upload-btn:active {
	transform: scale(0.98);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

.custom-upload-btn:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
}

.btn-icon {
	font-size: 18px;
	line-height: 1;
}

.btn-text {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.regblklist li {
    list-style: none;
    padding: 0.5rem;
}

.card img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    .regblklist li {
        width: 100% !important;
    }
}


.modfycenter-new {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh; /* full screen height */
}