/* This is only for the Enquiry Styling page */
.enquiry-main {
  min-height: 80vh;
  background: #f7fafc;
  display: flex;
  align-items: center;
}

.enquiry-row {
  border-radius: 30px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 7px 32px 0 rgba(50,50,90,0.14);
  align-items: stretch;
}

.enquiry-info {
  background: linear-gradient(135deg, #fcfcfc 70%, #eff3f7 100%);
  border-radius: 30px 0 0 30px;
  border-right: 1px solid #eaeaea;
  color: #222;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}

.enquiry-title {
  font-size: 2.6rem;
  font-weight: 850;
  color: #1a1b2e;
  text-shadow: 0 2px 10px rgb(90,100,180,0.03);
  letter-spacing: -1px;
  margin-bottom: 1.4rem;
}

.enquiry-desc {
  font-size: 1.22rem;
  font-weight: 500;
  color: #6c7a93;
  line-height: 1.6;
  margin-top: 0.6rem;
  margin-bottom: 0;
}

.enquiry-form-col {
  background: #fff;
  height: 100%;
  display: flex;
  align-items: center;
}

.ef-control {
  background: #fafdff;
  border: 1.7px solid #dde2ec;
  border-radius: 28px;
  padding: 0.9rem 1.15rem;
  font-size: 1.08rem;
  transition: border-color 0.3s, box-shadow 0.28s, background 0.19s;
  box-shadow: 0 1.8px 15px -10px #b8bfca;
}

.ef-control:focus {
  border-color: #1a1b2e;
  background: #fcfdff;
  box-shadow: 0 4.2px 21px -7px #546ad842;
}

.ef-control:hover {
  background: #f0f7fc;
  border-color: #b0b6cd;
}

.form-label {
  font-weight: 600;
  color: #24253a;
  font-size: 1.03rem;
  margin-bottom: 0.4rem;
}

textarea.ef-control {
  resize: vertical;
}

.ef-btn-dark {
  background: #111012;
  color: #fff;
  border: none;
  border-radius: 28px;
  font-weight: 700;
  font-size: 1.13rem;
  letter-spacing: 0.04em;
  transition: background 0.22s, box-shadow 0.24s, transform 0.14s;
  padding: 0.83rem 0;
}

.ef-btn-dark:hover,
.ef-btn-dark:focus {
  background: #30313a;
  box-shadow: 0 8px 26px 0 rgba(40,26,60,0.13);
  transform: scale(1.024);
}

.catalog-btn {
  display: inline-block;
  background: linear-gradient(135deg, #2563eb, #1e3a8a); /* Vibrant blue gradient */
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-decoration: none;
  padding: 14px 30px;
  border-radius: 50px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25);
}

.catalog-btn:hover {
  background: linear-gradient(135deg, #1d4ed8, #1e40af);
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.35);
  text-decoration: none;
}

.catalog-btn:active {
  transform: translateY(0);
  box-shadow: 0 3px 10px rgba(37, 99, 235, 0.25);
}

.catalog-btn::before {
  font-size: 1.1rem;
  vertical-align: middle;
}