.barcon {
	width: 100%;
  padding: 25px;
  margin: auto;
  line-height: 2;
  font-size: 19px;
  background: #f8f9fa; 
  border-radius: 10px; 
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); 
}

.barcon p {
  padding: 0;
  margin-bottom: 10px;
  font-weight: bold;
}

.barcon select,
.barcon input {
  font-size: 19px;
  padding: 8px;
  width: 100%; 
  border: 1px solid #ccc;
  border-radius: 5px;
  transition: border-color 0.3s ease-in-out;
}

.barcon select:focus,
.barcon input:focus {
  border-color: #0282fa;
  outline: none;
  box-shadow: 0 0 5px rgba(2, 130, 250, 0.5);
}

.barcon button {
  padding: 10px;
  font-size: 19px;
  background: #0056a7;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: transform 0.1s ease-in-out, background 0.3s ease-in-out;
  width: 100%;
  font-weight: bold;
}

.barcon button:hover {
  background: #0282fa;
  transform: translateY(-4px);
}

.barcon button:active {
  transform: translateY(0);
  background: #004080;
}