.calculator-bar{border-radius: 10px;
  max-width: 700px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding:10px;}
 
 
 .form-select{ padding: 5px;
  font-size: 14px;
 box-sizing: border-box;
  border: 3px solid #ccc;
  transition: 0.5s;
  outline: 1px;}
 
 .solar-form {
	border-radius: 10px;
  max-width: 700px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding:10px;
}

.form-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  margin-bottom: 15px;
}

.form-group {
  display: flex;
  flex-direction: column;
  
}

input, select, textarea {
  padding: 5px;
  font-size: 14px;
 box-sizing: border-box;
  border: 3px solid #ccc;
  transition: 0.5s;
  outline: 1px;
}

/* Mobile Responsive */
@media (max-width: 600px) {
  .form-row {
    grid-template-columns: 1fr;
  }
}
    button {
        width: 100%;
        background: #28a745;
        color: #fff;
        padding: 12px;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        
    }
    button:hover {
        background: #f6911f;
    }
    .error {
        color: red;
        font-size: 13px;
        margin-top: -10px;
        margin-bottom: 10px;
    }


select {
  width: 200px;
  padding: 10px;
  background-color: #f1f1f1;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}
label{ padding-bottom:10px;}

.button-group {
  display: flex;
  gap: 10px;
}

.button-group input[type="radio"] {
  display: none;
}

.button-group label {
  padding: 10px 20px;
  border: 1px solid #016938;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s;
}

.button-group input[type="radio"]:checked + label {
  background-color: #016938;
  color: white;
}