*{
	box-sizing:border-box;
}
body{
	margin:0;
	font-family:"Noto Sans Tamil",sans-serif;
}
.container{
	marign:0 auto;
	max-width:100%;
}
.header{
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    margin:0 auto;
    max-width:100%;
    position:relative;
    padding:20px 0;
}
.header img{
	width:196px;
	cursor:pointer;
}
.inner-head{
	margin:0 auto;
	max-width:1110px;
}
.logo{
	position:absolute;
	bottom:-60px;
	right:15%;
}
.logo img{
	width:188px;
	height:148px;
	object-fit:contain;
	cursor:pointer;
}
.banner{
	margin:0 auto;
	max-width:100%;
	position:relative;
}
.banner::before{
	content:" ";
	position:absolute;
	background-image:url("../images/left.png");
	width:440px;
	background-size:100%;
    bottom:0;
    background-position:-49px 145px;
	left:0;
	background-repeat:no-repeat;
	height:526px;
}

.banner::after{
	content:" ";
	position:absolute;
	background-image:url("../images/right.png");
	width:440px;
	background-size:100%;
	top:30px;
	right:0;
	background-repeat:no-repeat;
	height:526px;
	background-position-x:70px;
}

.banner .banner-center{
	margin:0 auto;
	max-width:1115px;
	padding:10px 0 0 0;
}
.main-banner{
	margin: 0;
}
.main-banner img{
	width:100%;
	cursor:pointer;
	margin:0 auto;
	text-align:center;
}
.main-banner .ban-mob{
	display:none;
}
.content{
	margin:0 auto;
	max-width:80%;

}
.contents{
	display:grid;
	grid-template-columns:419px calc(100% - 419px);
	grid-gap:150px;
	position:relative;
}
.contents::before{
	content:" ";
	background-image:url("../images/camera.png");
	position:absolute;
	left:0;
	top:0;
	background-size:100%;
	width:496px;
	height:407px;
	background-repeat:no-repeat;
}
.contents .participate img{
	width:100%;
	cursor:pointer;
}
.banner-center .form{
	background:rgba(243,168,1, 0.3);
	padding:40px 20px;
	border-radius:10px;
}
.contents .participate{
	display:flex;
	align-self:flex-end;
}
.form form{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:20px;
	margin:0 auto;
	max-width:80%;
	position: relative;
}
.form h2{
	margin:0 auto 30px auto;
	max-width:80%;
	font-size:21px;
	color:#2e2e2e;
	font-family:"Baloo Thambi2", sans-serif;
}
.popup{
	display:none;
	position:fixed;
	top:0;
	left:0;
	height:100vh;
	z-index:999999999;
	background-color:#000;
	width:100%;
}

.popup .otp{
	width:930px;
	position:fixed;
	transform:translate(-50%, -50%);
	left:50%;
	top:50%;
	background:#fff;
	z-index:9999999;
	display:flex;
	grid-gap:20px;
	border-radius:30px;
}
.mob-image img{
	width:100%;
	padding:20px 0 20px 40px;
}
.otp-sec{
	background:#fbe3ae;
	padding:40px;
	border-radius:30px;
}
.otp-sec p{
	color:#222222;
	font-weight:600;
	font-size:15px;
	line-height:1.53;
}
.otp-inputs{
	display:flex;
	justify-content:space-between;
	grid-gap:20px;
	padding:20px 0;
}
.otp-inputs input[type=text]{
	width:51px;
	height:51px;
	box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.81);
    border: solid 1px #d6d3d3;
    background-color: #f9f9f9;
    border-radius:7px;
    outline:none;
    padding:5px;
    text-align:center;
    color:#000;
    font-weight:bold;
    font-size:16px;
}
.otp-sec ul{
	padding-left:0;
	list-style-type:none;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.otp-sec ul li a{
	text-decoration:none;
    color:#222222;
    font-size:14px;
    font-weight:500;
}
.exit{
	position:absolute;
	top:-10px;
	right:-10px;
}
.exit img{
	width:35px;
	height:35px;
}

.congrats{
	display:none;
	position:fixed;
	top:0;
	left:0;
	height:100vh;
	z-index:999999999;
	background-color:#000;
	width:100%;
}
.congrats .success{
	width:930px;
	position:fixed;
	transform:translate(-50%, -50%);
	left:50%;
	top:50%;
	background:#fff;
	z-index:9999999;
	display:flex;
	grid-gap:20px;
	border-radius:30px;

}
.success .suc-mes{
	background:#fbe3ae;
	padding:40px;
	border-radius:30px;
}
.suc-mes h2{
	color:#e92227;
	text-align:center;
	font-size:45px;
	margin:0;
}
.suc-mes p{
	color:#222222;
	text-align:center;
	font-weight:600;
	font-size:20px;
	line-height:1.48;
}
form input[type=text]{
	width:100%;
	border:none;
	height:46px;
	padding:10px;
	border-radius:8px;
	color:#000;
	font-size:16px;
	outline:none;
	font-family:'Mukta Malar',sans-serif;
}
form input[type=number]{
	width:100%;
	border:none;
	height:46px;
	padding:10px;
	border-radius:8px;
	color:#a7a7a7;
	font-size:16px;
	outline:none;
	font-family:'Mukta Malar',sans-serif;
}
form input[type=email]{
	width:100%;
	height:46px;
	border:none;
	padding:10px;
	border-radius:8px;
	color:#000;
	font-size:16px;
	outline:none;
	font-family:'Mukta Malar',sans-serif;
}
form input[type=text]::placeholder{
	color:#a7a7a7;
	font-size:16px;
}
form input[type=number]::placeholder{
	color:#a7a7a7;
	font-size:16px;
}
form input[type=email]::placeholder{
	color:#a7a7a7;
	font-size:16px;
}
textarea{
	width:100%;
	grid-column:span 2;
	padding:10px;
	border-radius:8px;
	height:69px;
	font-family:"Mukta Malar",sans-serif;
	color:#000;
	font-size:16px;
	border:none;
	outline:none;
	margin-top:30px;
}
textarea::placeholder{
	font-family:"Mukta Malar",sans-serif;
	color:#a7a7a7;
	font-size:16px;
}
form .submit{
	background:#00a140;
	padding:20px 15px;
	border-radius:30px;
	border:none;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	grid-column:span 2;
	font-family:"Noto Sans Tamil",sans-serif;
}
.form-file{
	position:relative;
}
.form-file::before{
	content:"Maximum limit upto 1MB per file ";
	position:absolute;
	bottom:-30px;
	width:100%;
	left:10px;
	height:20px;
	color:#696969;
	font-size:13px;
}
#upload-label{
            height: 46px;
            min-width: 220px;
            padding: 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            background-color: white;
            border-radius: 8px;
        }

        #upload-label p{
            font-size: 16px;
            color:#a7a7a7;
            margin-right: 10px;

        }
        

        .file-upload{
            height: 30px;
            width: 120px;
            font-family:"Mukta Malar",sans-serif;
            background-color: #00a140;
            color:white;
            padding:3px 5px;    
            border-radius: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        #file-upload{
            display: none;
        }
.head p{
	color:#1c1c1c;
	font-size:25px;
	line-height:1.37;
}
.para p{
	color:#1c1c1c;
	font-size:16px;
	line-height:1.9;
}
.terms{
	margin:40px auto;
	max-width:875px;
}
.terms h3{
	color:#1c1c1c;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
}
.terms p{
	color:#1c1c1c;
	font-size:15px;
	font-weight:600;
	line-height:1.9;
}
footer{
	box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    display:flex;
    align-items:center;
    justify-content:space-around;
    position:relative;
    z-index:99999;
    padding:10px 0;
}
footer .part{
	display:flex;
	align-items:center;
	justify-content:space-between;
	grid-gap:30px;
	list-style-type:none;
	padding-left:0;
}
footer .part li a{
	text-decoration:none;
	color:#121212;
	font-size:15px;
	font-weight:500;
}
footer p{
	color:#121212;
	font-size:15px;
	font-weight:500;
}


/*for mobile */

@media only screen and (max-width:767px){
	.header{
		padding:10px 0;
	}
	.header img{
		width:150px;
	}
	.inner-head{
		max-width:95%;
	}
	.logo{
		right:7%;
		z-index:999999;
	}
	.logo img{
		width:110px;
		height:120px;
	}
	.main-banner img{
		display:none;
	}
	.main-banner .ban-mob{
		display:block;
	}
	.banner::after{
		width:250px;
		height:250px;
		top:0;
		background-position:130px -60px;
	}
	.banner::before{
		width:270px;
		height:270px;
		background-position:-95px 38px;
	}
	.banner .banner-center{
		max-width:95%;
	}
	.para p{
		font-size:16px;
		line-height:1.67;
	}
	.banner-center .form{
		padding:20px 10px;
	}
	.form h2{
		font-size:17px;
		max-width:95%;
		line-height:1.45;
		font-family:"Baloo Thambi2",sans-serif;
	}
	.form form{
		max-width:95%;
		display:block;
	}
	.form .first{
		margin-bottom:10px;
	}
	.form-file{
		margin-bottom:20px;
	}
	textarea{
		margin-bottom:10px;
	}
	form .submit{
		width:100%;
		padding:15px;
	}
	.terms{
		max-width:95%;
	}
	footer{
		display:block;
		padding:20px 0;
	}
	footer .part{
		justify-content:space-evenly;
        margin:0;		
	}
	footer p{
		text-align:center;
		margin-bottom:0;
	}
	.popup .otp{
		width:95%;
		display:block;
	}
	.mob-image img{
		padding:20px 20px 20px 20px;
	}
	.otp-sec{
		padding:20px;
	}
	.otp-inputs{
		grid-gap:10px;
	}
	.otp-inputs input[type=text]{
		height:40px;
		width:40px;
	}
	.otp-sec ul{
		margin:0;
	}
	.otp-sec p{
		margin-bottom:0;
	}
	.congrats .success{
       width:95%;
       display:block;
	
	}
	.success .suc-mes{
		padding:20px;
	}
	.suc-mes h2{
		font-size:36px;
	}
	.suc-mes p{
		font-size:18px;
	}
}


@media only screen and (min-width:768px) and (max-width:1024px){
	.inner-head{
		max-width:90%;
	}
	.banner .banner-center{
		max-width:90%;
	}
	.para p{
		font-size:16px;
		line-height:1.9;
	}
	.terms{
		max-width:90%;
	}
	.banner::before{
		background-position:-129px 156px;
	}
	.banner::after{
		background-position:250px -112px;
	}
	.form form{
		max-width:95%;
	}
	.form h2{
		max-width:95%;
	}
	.popup .otp{
		width:95%;
	}
	.mob-image img{
		padding:20px;
	}
	.otp-sec{
		padding:20px;
	}
	.otp-inputs{
		grid-gap:15px;
	}
	.otp-inputs input[type=text]{
		width:45px;
		height:45px;
	}
	.otp-sec ul{
		margin:0;
	}
	.congrats .success{
		width:95%;
	}
	.success .suc-mes{
		padding:20px;
	}
}

@media only screen and (min-width:1025px) and (max-width:1280px){
	.inner-head{
		max-width:90%;
	}
	.banner .banner-center{
		max-width:90%;
	}
}