body,
html {
	font-family: "Poppins", serif;
}

body.indexpage {
	background: url('../images/elehomeimg.webp');
	height: 100vh;
	display: block;
	background-size: cover;
	background-position: center center;
}
h3.tamilfont {
    font-size: 18px !important;
    margin: 5px 0 0;
    line-height: 27px;
    font-family: "Noto Sans Tamil", serif !important;
}
.welcomehe{
    font-size:21px !important;
    margin: 5px 0 5px !important; 
    font-family: "Noto Sans Tamil", serif !important;
}
h1.welcomehe span {
    font-size: 21px !important;
     font-family: "Noto Sans Tamil", serif !important;
    font-weight:bold;
}
.ftamilarea{
    font-size: 18px !important;
     font-family: "Noto Sans Tamil", serif !important;
    font-weight:bold;
}
body.loginpage {
	background: url('../images/insidepage.webp');
	height: 100vh;
	display: block;
	background-size: cover;
	background-position: center center;
}
.headerlogo {
	width: 75%;
	margin: 40px auto 0;
}

header.header {
	position: absolute;
	margin: 0 auto;
	text-align: center;
	left: 0;
	right: 0;
	width: 75%;
	z-index:9999;
}

.headerlogo img {
	width: 100%;
}

.Mainbody {
	position: absolute;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	top: 0;
}

.mainbodytitletag {
	background: rgb(36 90 39 / 35%);
	border: #558b5e 3.5px solid;
	backdrop-filter: blur(2px);
	padding: 50px 40px;
	width: 38%;
	border-radius: 20px;
}

.mainbodytitletag h1 {
	font-family: "Poppins", serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 43px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 18px;
}
.mainbodytitletag a{
    color:#fff;
}
.mainbodytitletag a:hover{
  text-decoration:none;
}
.mainbodytitletag h3 {
	font-family: "Poppins", serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 28px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: rgba(255, 255, 255, 1);
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 1);
	margin-bottom: 0;
}

footer.footer {
	position: absolute;
	margin: 0 auto;
	text-align: center;
	left: 0;
	right: 0;
	bottom: 20px;
	width: 91%;
}

.loginbody {
	position: absolute;
	background: rgba(76, 175, 80, 0.35);
	border-radius: 20px;
top:22%;
	border: #558b5e 3.5px solid;
	backdrop-filter: blur(2px);
	padding: 25px 5rem;
	width: 38%;
	border-radius: 20px;
}

.loginbody h1 {
	font-family: "Poppins", serif;
	font-size: 28px;
	font-weight: 500;
	line-height: 32px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 18px;
}

.loginbody h1 span {
	display: block;
	font-weight: 700;
}

.signup {
	text-align: center;
	color: #fff;
	font-size: 15px;
}

.otpverfitext {
	text-align: center;
	color: #fff;
	font-size: 15px;
	margin-bottom: 18px;
}

.otpverfitext a {
	text-decoration: underline;
	color: #fff;
	font-size: 15px;

}

.otp-inputs {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    gap: 13px;
}
.otp-inputs.fieldgroup input {
    flex: 0 0 40px;
    margin-bottom: 10px;
}

.signup a {
	text-align: center;
	color: #fff;
text-decoration: underline;
}

.fieldgroup input {
    background: #fff;
    width: 100%;
    outline: none !important;
    padding: 6px;
    border: 0px !important;
    font-family: "Poppins", serif;
    border-radius: 5px;
    font-size: 14px;
}

.fieldsub input {
    width: 34%;
    background: #000;
    border-radius: 25px;
    border: none;
    padding: 8px 0;
    color: #fff !important;
    text-transform: uppercase;
}

.fieldgroup {
	margin-bottom: 10px;
}

.fieldsub {
	margin: 20px auto 20px;
	text-align: center;
}

.formarea {
	margin: 0 auto 0px;
	text-align: left;
}

.frpassword {
	color: #fff;
	text-decoration: underline;
}

.copyright,
.copyright a {
	color: #fff;
	font-family: "Poppins", serif;
	font-size: 15px;
	text-align: left;
}

.formarea a:hover {
		text-decoration: none;
}

ul.footermenu {
	list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
	padding:0;
	margin:0;
}

ul.footermenu li {
	list-style-type: none;
	position: relative;
}

ul.footermenu li:last-child:after {
	content: none;
}

ul.footermenu li:after {
	list-style-type: none;
	position: absolute;
	content: '';
	background: #fff;
	height: 15px;
	width: 1.5px;
	right: -10px;
	top: 6px;
}

ul.footermenu li a {
	color: #fff;
	font-family: "Poppins", serif;
	font-size: 15px;
	text-decoration: none;
}

ul.footermenu li:hover a {
	color: #3eae45;
}

ul.footermenu li:hover:after {
	background: #3eae45;
}


@media(max-width:1300px) {

	.mainbodytitletag h1 {
		font-family: "Poppins", serif;
		font-size: 30px;
		font-weight: 700;
		line-height: 36px;
		text-align: center;
		text-underline-position: from-font;
		text-decoration-skip-ink: none;
		color: rgba(255, 255, 255, 1);
		margin-bottom: 18px;
	}

	.mainbodytitletag h3 {
		font-family: "Poppins", serif;
		font-size: 18px;
		font-weight: 400;
		line-height: 24px;
		text-align: center;
		text-underline-position: from-font;
		text-decoration-skip-ink: none;
		color: rgba(255, 255, 255, 1);
		text-shadow: 3px 3px 6px rgba(0, 0, 0, 1);
		margin-bottom: 0;
	}

	.mainbodytitletag {
		background: rgb(36 90 39 / 35%);
		border: #558b5e 3.5px solid;
		backdrop-filter: blur(2px);
		padding: 40px 40px;
		width: 41%;
		border-radius: 20px;
	}

	.copyright,
	.copyright a {
		color: #fff;
		font-family: "Poppins", serif;
		font-size: 12px;
		text-align: left;
	}

	ul.footermenu li a {
		color: #fff;
		font-family: "Poppins", serif;
		font-size: 12px;
		text-decoration: none;
	}
}

@media(min-width:1100px){
   .loginbody {
    position: absolute;
    background: rgba(76, 175, 80, 0.35);
    border-radius: 20px;
    top: 22%;
    border: #558b5e 3.5px solid;
    backdrop-filter: blur(2px);
    padding: 30px 3rem;
    width: 47%;
    border-radius: 20px;
}
}
@media(min-width:1200px){
   .loginbody {
    position: absolute;
    background: rgba(76, 175, 80, 0.35);
    border-radius: 20px;
    top: 22%;
    border: #558b5e 3.5px solid;
    backdrop-filter: blur(2px);
    padding: 20px 2.5rem;
    width: 37%;
    border-radius: 20px;
}
.fieldsub {
    margin: 20px auto 10px;
    text-align: center;
}
}
@media(max-width:1200px){
   .loginbody {
    position: absolute;
    background: rgba(76, 175, 80, 0.35);
    border-radius: 20px;
    top: 22%;
    border: #558b5e 3.5px solid;
    backdrop-filter: blur(2px);
    padding: 30px 3rem;
    width: 47%;
    border-radius: 20px;
}
}
@media(max-width:992px) {
	.loginbody {
		position: absolute;
		background: rgba(76, 175, 80, 0.35);
		border-radius: 20px;
		border: #558b5e 3.5px solid;
		backdrop-filter: blur(2px);
		padding: 25px 3rem;
		width: 66%;
		border-radius: 20px;
	}
	.Mainbody {
        position: absolute;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        height: 100vh;
        top: 0%;
    }
.mainbodytitletag {
    background: rgb(36 90 39 / 35%);
    border: #558b5e 3.5px solid;
    backdrop-filter: blur(2px);
    padding: 40px 40px;
    width: 58%;
    border-radius: 20px;
}
	header.header {
		position: absolute;
		margin: 0 auto;
		text-align: center;
		left: 0;
		right: 0;
		width: 74%;
		z-index:9999;
	}

	.headerlogo {
		width: 74%;
		margin: 40px auto 0;
	}

	.loginbody h1 {
		font-family: "Poppins", serif;
		font-size: 28px;
		font-weight: 500;
		line-height: 32px;
		text-align: center;
		text-underline-position: from-font;
		text-decoration-skip-ink: none;
		color: rgba(255, 255, 255, 1);
		margin-bottom: 18px;
	}

	.copyright,
	.copyright a {
		color: #fff;
		font-family: "Poppins", serif;
		font-size: 12px;
		text-align: center;
		margin: 10px 0 2px;
		display: block;
	}
ul.footermenu {
   margin-bottom:10px;
}
footer.footer {
    position: absolute;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #0000008f;
    padding: 15px;
}
	ul.footermenu {
		list-style-type: none;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 20px;
	}

	.fieldgroup input {
		background: #fff;
		width: 100%;
		outline: none !important;
		padding: 9px;
		border: 0px !important;
		font-family: "Poppins", serif;
		border-radius: 5px;
		font-size: 14px;
	}

	.fieldsub input {
		width: 100%;
		background: #000;
		border-radius: 25px;
		border: none;
		padding: 4px 0;
		color: #fff !important;
		text-transform: uppercase;
	}
	.mainbodytitletag h1 {
    font-family: "Poppins", serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 18px;
}
.mainbodytitletag h3 {
    font-family: "Poppins", serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(255, 255, 255, 1);
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 1);
    margin-bottom: 0;
}
.Mainbody {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    top: 0%;
}
}

@media(max-width:768px) {
    .fieldsub input {
    width: 95%;
    background: #000;
    border-radius: 25px;
    border: none;
    padding: 8px 0;
    color: #fff !important;
    text-transform: uppercase;
}
    .headerlogo {
    width: 93%;
    margin: 40px auto 0;
}
    .mainbodytitletag {
    background: rgb(36 90 39 / 35%);
    border: #558b5e 3.5px solid;
    backdrop-filter: blur(2px);
    padding: 40px 40px;
    width: 94%;
    border-radius: 20px;
}
	header.header {
		position: absolute;
		margin: 0 auto;
		text-align: center;
		left: 0;
		right: 0;
		z-index:9999;
		width: 100%;
	}

	.fieldgroup input {
		background: #fff;
		width: 100%;
		outline: none !important;
		padding: 6px;
		border: 0px !important;
		font-family: "Poppins", serif;
		border-radius: 5px;
		font-size: 14px;
	}

	.loginbody {
		position: absolute;
		background: rgba(76, 175, 80, 0.35);
		border-radius: 20px;
		border: #558b5e 3.5px solid;
		backdrop-filter: blur(2px);
		padding: 25px 3rem;
		width: 98%;
		border-radius: 20px;
	}

	.signup {
		text-align: center;
		color: #fff;
		font-size: 11px;
	}

	.frpassword {
		color: #fff;
		text-decoration: none;
		font-size: 14px;
	}

	.signup {
		text-align: center;
		color: #fff;
		font-size: 13px;
	}
}

@media(max-width:680px) {
    ul.footermenu {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-wrap: wrap;
}
ul.footermenu li {
    list-style-type: none;
    position: relative;
    flex: 0 0 50%;
}
    ul.footermenu li:after{
        content:none !important;
    }
	.loginbody h1 {
		font-family: "Poppins", serif;
		font-size: 20px;
		font-weight: 500;
		line-height: 26px;
		text-align: center;
		text-underline-position: from-font;
		text-decoration-skip-ink: none;
		color: rgba(255, 255, 255, 1);
		margin-bottom: 10px;
	}

	.loginbody {
		position: absolute;
		background: rgba(76, 175, 80, 0.35);
		border-radius: 20px;
		border: #558b5e 3.5px solid;
		backdrop-filter: blur(2px);
		padding: 25px 1rem;
		width: 98%;
		border-radius: 20px;
	}
}span.ftamilarea {
    font-size: 13px !important;
}