:root {
  --lpu-orange: #f36f21;
  --lpu-dark-blue: #003366;
  --lpu-light-blue: #0056b3;
}

/* Hero Section Enhancement */
#hero {
  width: 100%;
  height: 90vh;
  background: linear-gradient(rgba(0, 32, 64, 0.7), rgba(0, 32, 64, 0.7)), 
              url('https://www.lpu.in/images/slider/campus-view.jpg') center center no-repeat;
  background-size: cover;
  position: relative;
  color: #fff;
}

.hero-title {
  font-size: 52px;
  font-weight: 700;
  line-height: 1.2;
}

.hero-title span {
  color: var(--lpu-orange);
}

.hero-subtitle {
  font-size: 20px;
  font-weight: 300;
  margin-top: 15px;
  color: #ddd;
}

/* Professional Enquiry Box */
.enquiry-box {
  background: #ffffff;
  padding: 35px;
  border-radius: 15px;
  color: #333;
  border-top: 6px solid var(--lpu-orange);
}

.enquiry-header h4 {
  font-weight: 700;
  color: var(--lpu-dark-blue);
  text-transform: uppercase;
  margin-bottom: 5px;
}

.enquiry-header p {
  font-size: 14px;
  color: #777;
  margin-bottom: 25px;
}

/* Form Styling */
.form-control, .form-select {
  border: 1px solid #ced4da;
  padding: 12px 15px;
  font-size: 14px;
  border-radius: 8px;
}

.btn-enquiry {
  background: var(--lpu-orange);
  color: white;
  border: none;
  padding: 12px;
  font-weight: 600;
  border-radius: 8px;
  transition: 0.3s;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.btn-enquiry:hover {
  background: #d35400;
  box-shadow: 0 5px 15px rgba(243, 111, 33, 0.3);
}

/* Topbar & Header */
#topbar {
  background: var(--lpu-dark-blue);
  height: 40px;
  font-size: 14px;
}

#header {
  background: #fff;
  height: 80px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.navbar .getstarted {
  background: var(--lpu-orange);
  padding: 8px 25px;
  margin-left: 30px;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
}