/*-------------------------TEXT--------------------------*/

.font{
	margin-top: 160px;
	font-family: Arial, Helvetica, sans-serif;
}

.font-1{
	text-align: justify;
	font-size: 12px;
}

/*----------------------------COLORS-----------------------*/

.viscom-color{
	background-color: #d6d6d6;
}

.cs{
	background: linear-gradient(to right, #43a0cb 0%, #f3f9fc 100%);
}

.cs2{
	background: linear-gradient(to right, #5877a8 0%, #f2f5f8 100%);
}

.ca{
	background-color: #97e7ff;
}

.vfx{
	background: linear-gradient(to right, #40a46b 0%, #fff 100%);
}

.vfx2{
	background-color:	#add4e0;
}
/*-----------------------------------mobile version---------------------------*/

@media screen and (max-width: 600px) {

	.font{
		margin-top: 30px;
	}

	.font-2{
		margin-top: 40px;
	}

}

/*----------------------Admission Page------------------*/

#regForm {
  width: 95%;
  min-width: 300px;

}

input {
  width: 100%;
  height: 40px;
  border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  border-color: red;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

button {
  background-color: #228fcf;
  color: #ffffff;
  border: none;
  padding: 5px 20px;
  font-size: 17px;
  cursor: pointer;
}

#nextBtn{
  margin-top: 10px;
  background-color: white; 
  color: #000; 
  border: 2px solid #0d6efd;
}

  #nextBtn:hover {
    transition-duration: 0.4s;
  background-color: #0d6efd;
  color: white;
}

}

#prevBtn {
  border-radius: 10px;
  background-color: white; 
  color: #000; 
  border: 2px solid #0d6efd;
}

#prevtBtn:hover{
  transition-duration: 0.4s;
  background-color: #0d6efd;
  color: white;
}


/* Make circles that indicate the steps of the form: */
.text {
    margin: 0 px;
  opacity: 1;
  padding: 3px; 
  background-color: #f7f8fa;
  color: #000;
  border: 2px solid #eef0f1; 
}

.text.active {
  background-color: #fff;
  color: blue;
 border: 3px solid #eef0f1;
 border-bottom: none;
  
}

/* Mark the steps that are finished and valid: */
.text.finish {
  opacity: 1;
  border-top-color: blue;
}