.admissionForm_wrapper{padding:2rem; background:var(--gradient2); border-top:0.6rem solid var(--bgSecondary); border-radius:1rem 1rem 0 0; border-bottom:0.6rem solid var(--bgSecondary);}
h1, h2{font-size:1.8rem; font-weight:500; margin-bottom:2rem; color:var(--bgPrimary)}
h2{font-size:1.6rem}
.mrgb_2{margin-bottom:2rem}
.mrgb_5{margin-bottom:5rem}
.grid_1, .grid_2, .grid_3_col, .grid_2_col, .grid_5{display:grid; grid-template-columns:1fr; grid-gap:1rem}
.flex_col, .flex_2_col{display:flex; flex-direction:column; gap:0.5rem}
.flex_row{display:flex; gap:1rem; align-items:center;}
.note_content{font-size:1.2rem; font-weight:500; color:var(--grey); margin-bottom:2rem}

.note_content ol ::marker{font-size:1.2rem}
.input_style, .input_box_style{border:1px solid var(--lightgrey); background:transparent;outline:none; padding:0.8rem 1rem; color:var(--darkbg); transition:all 0.3s ease}
.input_box_style{height:10rem}
.input_style:focus, .input_box_style:focus{border:1px solid var(--bgSecondary); background:var(--white);}
.flex_label, .label{font-weight:500; position:relative;}
.institute_details{display:grid; margin-bottom:2rem}

.toggle{--width: 5rem;--height: calc(var(--width) / 2);--border-radius: calc(var(--height) / 2);display: inline-block;cursor: pointer;}
.toggle__input{display: none;}
.toggle__fill{position:relative;width:var(--width);height: var(--height);border-radius: var(--border-radius);background:var(--lightgrey);transition: background 0.2s;}
.toggle__input:checked ~ .toggle__fill{background:var(--bgSecondary);}
.toggle__fill::after{content:"";position:absolute;top:0;left:0;height:var(--height);width:var(--height);background:var(--white);box-shadow:var(--lightshadow);border-radius: var(--border-radius);transition: transform 0.2s;}
.toggle__input:checked ~ .toggle__fill::after{transform:translateX(var(--height));}

.academic_table{padding:0 0 3rem; overflow:hidden; overflow-x:auto; }
.academic_table table{width:70rem; border:1px solid var(--bgSecondary); border-collapse:collapse; border-spacing:0}
.academic_table table th, .academic_table table td{padding:0.5rem 1rem; white-space:nowrap; border:1px solid var(--bgSecondary);}
.academic_table table th{background:var(--bgSecondary); color:var(--white); font-weight:500}
.academic_table table td .input_style{padding:0.2rem 1rem;}

/*[type=file] {height:0;overflow:hidden;width:0;}
[type=file] + label {background:var(--light);border:none;border-radius:0.5rem;color:var(--accentCol);cursor:pointer;display:inline-block;font-size: inherit;font-weight:500;outline:none;padding:0.5rem 4rem;position:relative;transition: all 0.3s;vertical-align:middle; box-shadow:var(--lightshadow)}
[type=file] + label:hover{background-color:var(--darkbg); color:var(--white);}
[type=file] + label.upload_btn{overflow: hidden; border-radius:2rem;}
[type=file] + label.upload_btn::before{color: var(--white);content:"\f093"; font:var(--fa-font-solid); font-size:100%;height:100%;right:130%; position:absolute;top:0.9rem;transition:all 0.3s;}
[type=file] + label.upload_btn:hover::before{right:75%;}*/

.upload_btn{background:var(--light);border:none;border-radius:0.5rem;color:var(--accentCol);cursor:pointer;display:inline-block;font-size: inherit;font-weight:500;outline:none;padding:0.5rem 4rem;position:relative;transition: all 0.3s;vertical-align:middle; box-shadow:var(--lightshadow); overflow: hidden; border-radius:2rem; width:15rem;}
.upload_btn:hover{background-color:var(--darkbg); color:var(--white);}
.upload_btn::before{color: var(--white);content:"\f093"; font:var(--fa-font-solid); font-size:100%;height:100%;right:130%; position:absolute;top:0.9rem;transition:all 0.3s;}
.upload_btn:hover::before{right:75%;}


.note_txt{color:#c00; font-size:1.3rem; padding-left:1.5rem; position:relative;}
.note_txt sup{top:-0.3rem; left:0}
.doc_preview{width:10rem; height:10rem; border:1px solid var(--lightgrey); overflow:hidden; display:flex; justify-content:center; align-items:center;}
.doc_preview img{width:10rem; height:10rem;}
.doc_preview i{font-size:8rem; color:var(--darkbg)}
.doc_buttons a{color:var(--accentCol)}
.doc_buttons a:hover{color:var(--darkbg)}


.action_button{display:flex; justify-content:center; align-items:center; gap:2rem;}
.submit_btn{background:var(--bgSecondary); color:var(--white); border:none; font-size:1.6rem; font-weight:500; padding:0.5rem 4rem; width:auto; border-radius:1rem; cursor:pointer}

@media only screen and (min-width:768px)
	{
		h1{font-size:2.2rem; text-align:center}
		h2{font-size:1.8rem}
		.flex_2_col{flex-direction:row; gap:2rem;}
		.flex_label{width:13em;}
		.flex_heading{color:var(--bgSecondary); text-transform:uppercase}
		.flex_1{flex:1}
		.grid_3_col, .grid_5{grid-template-columns:1fr 1fr 1fr; grid-gap:2rem}
		.grid_2{grid-template-columns:1fr 1fr; grid-gap:1rem 5rem;}
		.grid_2_col{grid-template-columns:2.06fr 1fr; grid-gap:2rem;}
		.academic_table table{width:100%} 
		.doc_table{border:1px solid var(--bgSecondary); padding:2rem}
	}
@media only screen and (min-width:1024px)
	{	
		h1{font-size:2.5rem;}
		h2{font-size:2rem; font-weight:400; margin-bottom:1rem;}		
		.flex_label, .label{font-size:1.5rem}
		.input_box_style{height:21.5rem}
		.academic_table table td{padding:1rem;}
		.grid_5{grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
	}
@media only screen and (min-width:1280px)
	{
		main{padding-top:15rem;}
		.admissionForm_wrapper{padding:2rem 5rem;}
		.note_content ol li{padding-left:0}
		.grid_5{grid-template-columns:1.45fr 0.5fr 2.2fr 0.8fr auto;}
		.flex_row .label{width:15rem}
		/*[type=file] + label {padding:1rem 5rem;}
		[type=file] + label.upload_btn::before{top:1.6rem;}*/
		
		.upload_btn{padding:0.3rem 0rem 0.3rem 5rem;}
		.upload_btn::before{top:0.8rem;}

		.academic_table table th:first-child, .academic_table table td:first-child{text-align:left; font-weight:500;width:auto;}
		.academic_table table th:nth-child(2n){width:45%; }
		.academic_table table th:nth-child(3n){width:12%}
		.academic_table table th:nth-child(4n){width:12%}
		.academic_table table th:last-child{width:12%}
	}


body {
}