* {
	padding: 0px;
	margin: 0px;
	box-size: border-box;
}

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

/* footer set Bottom */
html, body {
	height: 100%;
	display: flex;
	flex-direction: column;
	margin: 0px
}

.space {
	flex: 1;
}

footer {
	background-color: #224d8a;
	width: 100%;
	padding: 5px;
}

header {
	background: white;
}

footer {
	background: #0F4068;
}

.foooterText {
	color: #FFF;
	font-family: 'inter-Medium', sans-serif;
	font-size: 14px;
	line-height: 23px;
}

/* html{ height:100%; }
body { min-height:100%;  margin:0; }



article { 
  height: 2%;
}

footer {min-height: 50px; background: #0F4068;  }
.foooterText{ color: #FFF; font-family: 'inter-Medium', sans-serif; font-size: 14px; line-height: 23px; }


body { display: table;  width: 100%;  }

body > footer { display: table-row; } */

/* end bottom css */

/* font face Family */
@font-face {
	font-family: 'inter-Light';
	src: url(../fonts/Inter/static/Inter-Light.ttf);
	font-style: normal;
	font-weight: 300;
}

@font-face {
	font-family: 'inter-Regular';
	src: url(../fonts/Inter/static/Inter-Regular.ttf);
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'inter-Medium';
	src: url(../fonts/Inter/static/Inter-Medium.ttf);
	font-style: normal;
	font-weight: 500;
}

@font-face {
	font-family: 'inter-SemiBold';
	src: url(../fonts/Inter/static/Inter-SemiBold.ttf);
	font-style: normal;
	font-weight: 600;
}

@font-face {
	font-family: 'inter-SemiBold';
	src: url(../fonts/Inter/static/Inter-SemiBold.ttf);
	font-style: normal;
	font-weight: 700;
}

@font-face {
	font-family: 'inter-ExtraBold ';
	src: url(../fonts/Inter/static/Inter-ExtraBold.ttf);
	font-style: normal;
	font-weight: 800;
}

@font-face {
	font-family: 'inter-Black';
	src: url(../fonts/Inter/static/Inter-Black.ttf);
	font-style: normal;
	font-weight: 900;
}
/*End font face Family */

/*  .BodycardSet{background-color: rgba(15, 64, 105, 1)}  */
ul.BodycardSet {
	padding: 0px;
	margin-bottom: 0px;
	position: relative;
	background-image: url('../images/icon.png');
	background-repeat: no-repeat;
	background-size: 85% 80%;
	background-position: right;
	z-index: 99;
	height: 100vh;
}

ul.BodycardSet li {
	list-style: none;
	display: inline-table;
}

ul.BodycardSet li:first-child {
	width: calc(100% - 650px);
	height: calc(100vh - 128px);
	top: -99px;
	position: relative;
	z-index: 9999;
}

ul.BodycardSet li:last-child {
	background-color: white;
	width: 645px;
	border-radius: 80px 0px 0px 0px;
	height: calc(100vh - 0px);
	top: 0px;
	padding: 100px;
	position: relative;
}

.posIcon {
	position: relative;
}

.posIcon .iconSett {
	margin: -70px 0px 0px 100px;
	position: absolute;
	z-index: 9999;
}

.loginCasrds {
	padding: 50px 0px 0px 100px;
}

.stepPasddin {
	padding: 80px 25px;
}

.text-decoration-none {
	text-decoration: none;
}

.text-setColor {
	color: #D0E6F8;
}

@media ( min-width : 1250px) and (max-width: 1439px) {
	ul.BodycardSet li:last-child {
		width: 554px;
		border-radius: 80px 0px 0px 0px;
		height: calc(100vh - 0px);
		padding: 60px 40px;
	}
	ul.BodycardSet li:first-child {
		width: calc(100% - 559px);
		height: calc(100vh - 128px);
		top: -99px;
		position: relative;
		z-index: 9999;
	}
}

@media ( min-width : 1024px) and (max-width: 1249px) {
	ul.BodycardSet li:last-child {
		width: 454px;
		border-radius: 80px 0px 0px 0px;
		height: calc(100vh - 0px);
		padding: 60px 20px;
	}
	ul.BodycardSet li:first-child {
		width: calc(100% - 460px);
		height: calc(100vh - 128px);
		top: -99px;
		position: relative;
		z-index: 9999;
	}
	.posIcon .iconSett {
		margin: -127px 0px 0px 100px;
		display: grid;
	}
}

@media ( min-width : 768px) and (max-width: 1023px) {
	.loginCasrds {
		padding: 113px 0px 0px 14px;
	}
	.posIcon .iconSett {
		margin: -127px 0px 0px 20px;
		display: grid;
	}
	.udiseRegular {
		font-size: 46px !important;
		font-family: 'system-ui', sans-serif;
		font-weight: 300;
		color: white;
	}
	.udiseBold {
		font-size: 42px !important;
		font-family: 'inter-Bold', sans-serif;
		font-weight: 700;
		color: white;
	}
	ul.BodycardSet li:first-child {
		width: calc(100% - 300px);
		height: calc(100vh - 128px);
		top: -99px;
		position: relative;
		z-index: 9999;
	}
	ul.BodycardSet li:last-child {
		background-color: white;
		width: 277px;
		border-radius: 80px 0px 0px 0px;
		height: calc(100vh - 0px);
		top: -40px;
		padding: 20px;
		position: relative;
	}
}

@media only screen and (max-width: 767px) {
	ul.BodycardSet li:first-child {
		width: calc(100% - 650px) !important;
		height: auto !important;
		top: 0px !important;
		position: relative;
		z-index: 9999;
	}
	ul.BodycardSet {
		height: auto !important;
	}
	.AboutAPIsec {
		padding: 53px 0px 20px !important;
	}
	.w58 {
		width: 280px;
	}
	ul.BodycardSet {
		padding: 15px;
	}
	ul.BodycardSet li:last-child {
		background-color: white;
		width: 100% !important;
		border-radius: 5px;
		height: auto !important;
		top: 0px;
		padding: 14px;
		position: relative;
	}
	.stepPasddin {
		padding: 15px 15px !important;
	}
	.loginCasrds {
		padding: 15px !important;
	}
	.posIcon .iconSett {
		margin: 20px 0px 0px 17px !important;
		position: relative !important;
		z-index: 9999;
		display: inline-grid;
	}
	.fieldSet {
		padding: 10px 0px !important;
	}
	.udiseBold {
		font-size: 28px !important;
	}
	.udiseRegular {
		font-size: 31px !important;
	}
}

.setRigfrt {
	position: absolute;
	left: -190px;
	z-index: -1
}

ul.BodycardSet::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(15, 64, 105, 0.92);
	z-index: -9999;
}

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

.container {
	margin: 0px auto;
}

.labelSet {
	font-size: 17px;
	margin-bottom: 5px;
	font-family: 'inter-Medium', sans-serif;
	font-weight: 600;
	color: #2F2F2F;
}

.fieldSet {
	padding: 70px 0px;
}

.btn-primary {
	background-color: #1A75BC;
	border: 1px solid #1A75BC;
}

.loginSerUser {
	position: relative;
	width: 450px;
	float: right;
}

.loginSerUser .multi {
	position: absolute;
	top: 0;
	left: -150px;
	width: 250px;
	z-index: -0
}

.loginSet {
	background: white;
	z-index: 9999;
	position: absolute;
	width: 100%;
	padding: 46px;
	border-radius: 20px;
	height: 730px;
}

.UdisePlus {
	color: #2D5F87;
	font-weight: 600;
}

.newUserReg {
	font-size: 14px;
	font-family: 'inter-SemiBold', sans-serif;
	font-weight: 600;
	color: #0F4068;
	text-decoration: none;
}

.forgetUserCredentials {
	font-size: 14px;
	font-family: 'inter-Regular', sans-serif;
	font-weight: 500;
	color: #0F4068;
	text-decoration: none;
}

.udiseBold {
	font-size: 66px;
	font-family: 'inter-Bold', sans-serif;
	font-weight: 700;
	color: white;
}

.udiseRegular {
	font-size: 62px;
	font-family: 'system-ui', sans-serif;
	font-weight: 300;
	color: white;
}

.AboutAPIsec {
	padding: 240px 0px
}



/* Container to hold the toggle buttons */
.toggle-container {
  display: flex;
  justify-content: center;
  background-color: none;
  border-radius: 25px;
  align-items: center;
}

/* Style for each button */
.toggle-button {
  padding: 10px 20px;
  font-size: 12px;
  font-weight: bold;
  border: 2px solid #ccc;
  border-radius: 20px;
  cursor: pointer;
  transition: 0.3s;
  background-color: #f1f1f1; /* Default background */
  color: #333;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Active button style */
.active {
  background-color: #ffffff; 
  color: #4CAF50; 
  border-color: #4CAF50;
}
 
li.nav-item.go.active::after {
    content: "";
    display: inline-block;
    width: 21px;
    height: 23px;
    background-image: url(../images/tringle.png);
    margin-left: 20px;
    position: absolute;
    text-align:center;
}

/* .nav-item.jkActive{position:relative;}
.jkActive.active{ background-color:#06A888 !important;}
.jkActive.active::after {
  content: "";
    display: inline-block;
    width: 21px;
    height: 23px;
    background-image: url(../images/downarrow.png);
    margin-left: 20px;
    position: relative;
    text-align: center;
    bottom: 11px;
} */


li.nav-item.go > .nav-link{padding:0px 10px !important; }
/* Hover effect for buttons */
.toggle-button:hover {
  background-color: #ddd;
}

.nav-tabs{border-bottom:0px;}
/* Slider (hidden for this case, only used for state change handling) */
.switch input {
  display: none;
}