:root {
  --mj-ink: #172238;
  --mj-navy: #0d2640;
  --mj-blue: #1d5876;
  --mj-sky: #eaf4f7;
  --mj-orange: #e7763c;
  --mj-orange-dark: #c95722;
  --mj-paper: #f5f7f9;
  --mj-line: #dce5ea;
  --mj-muted: #647487;
  --mj-shadow: 0 18px 45px rgba(20, 45, 68, .09);
}

html { scroll-behavior: smooth; }

body {
  background: var(--mj-paper);
  color: var(--mj-ink);
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}

a { color: var(--mj-blue); transition: color .2s ease, opacity .2s ease; }
a:hover { color: var(--mj-orange-dark); }

#header {
  background: rgba(13, 38, 64, .97);
  box-shadow: 0 8px 26px rgba(13, 38, 64, .14);
  min-height: 74px;
  padding: 12px 0;
  position: relative;
  z-index: 10;
}

#header #logo img { height: auto; max-width: min(300px, 72vw); }
#nav-menu-container .nav-menu > li > a { color: #f8fbfc; font-weight: 500; letter-spacing: .01em; }
#nav-menu-container .nav-menu > li > a:hover,
#nav-menu-container .nav-menu > li.menu-active > a { color: #ffc39f; }

.banner-area {
  background-color: var(--mj-navy);
  background-position: center;
  background-size: cover;
}

.banner-area .overlay { background: linear-gradient(110deg, rgba(13, 38, 64, .94), rgba(29, 88, 118, .72)); }
.banner-content h1, .about-content h1 { letter-spacing: -.035em; font-weight: 600; }
.banner-content p, .about-content p { color: rgba(255, 255, 255, .82) !important; }

.serach-form-area {
  background: #a998f6 !important;
  border: 0 !important;
  border-radius: 14px;
  box-shadow: none !important;
  margin-top: -54px;
  padding: 18px;
  position: relative;
  z-index: 2;
}

.serach-form-area .form-wrap {
  background-color: #a998f6;
  border-color: #a998f6;
}

.serach-form-area .form-cols { margin-bottom: 0; }
.serach-form-area .form-control,
.serach-form-area .nice-select { background: #f8fafb; border: 1px solid var(--mj-line); border-radius: 8px; color: var(--mj-ink); min-height: 48px; }
.serach-form-area .primary-btn,
.primary-btn { background: var(--mj-orange); border: 0; border-radius: 8px; box-shadow: none; color: #fff !important; font-weight: 600; min-height: 48px; padding: 0 22px; }
.serach-form-area .primary-btn:hover,
.primary-btn:hover { background: var(--mj-orange-dark); color: #fff !important; transform: translateY(-1px); }

.post-area, .sample-text-area, .contact-page-area { background: var(--mj-paper); }
.single-post, .sample-text-area .container, .contact-page-area .container { border-radius: 14px; }
.single-post { background: #fff; border: 1px solid var(--mj-line); box-shadow: 0 10px 28px rgba(20, 45, 68, .05); padding: 24px; }
.single-post + .single-post { margin-top: 18px; }
.single-post .title h4, .single-post .title h2 { color: var(--mj-ink); font-weight: 600; }
.single-post .meta span, .single-post .meta li { color: var(--mj-muted); }
.single-post .btns, .single-post .details .btns { color: var(--mj-orange-dark); font-weight: 600; }
.single-post .thumb img { border-radius: 10px; }

.job-details { padding: clamp(22px, 4vw, 42px); }
.job-meta { background: var(--mj-sky) !important; border-left: 4px solid var(--mj-orange); }
.job-description h4 { border-color: var(--mj-orange) !important; color: var(--mj-blue) !important; }
.application-form { background: #fbfcfd; border: 1px solid var(--mj-line); border-radius: 12px; padding: 24px; }
.application-form .form-control, .form-area .form-control { border-color: var(--mj-line); border-radius: 8px; min-height: 46px; }
.application-form textarea, .form-area textarea { min-height: 140px; }
.application-form .form-control:focus, .form-area .form-control:focus { border-color: var(--mj-blue); box-shadow: 0 0 0 3px rgba(29, 88, 118, .12); }

.footer-area { background: var(--mj-navy); padding-top: 54px; }
.footer-area h6 { color: #fff; letter-spacing: .04em; }
.footer-area, .footer-area p, .footer-area li, .footer-area .footer-text { color: rgba(255, 255, 255, .72) !important; }
.footer-area a { color: #fff; }
.footer-area a:hover { color: #ffc39f; }
.footer-area .newsletter { background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .12); border-radius: 12px; padding: 22px; width: auto !important; }
.footer-area .newsletter input[type="email"] { border: 0; border-radius: 8px; min-height: 46px; }
.footer-area .newsletter .primary-btn { min-height: 46px; }

.link-nav a { color: #ffd0b7 !important; }
.alert-msg, .error-message { border-radius: 8px; font-weight: 500; }

@media (max-width: 991px) {
  .serach-form-area { margin: 24px 15px 0; }
  .serach-form-area .form-cols { margin-bottom: 10px; }
  .footer-area .newsletter { margin-top: 24px; }
}

@media (max-width: 575px) {
  #header #logo img { max-width: 220px; }
  .banner-content h1, .about-content h1 { font-size: 30px; }
  .single-post { padding: 18px; }
  .application-form { padding: 17px; }
  .footer-area .newsletter form .col-lg-8,
  .footer-area .newsletter form .col-lg-4 { padding: 0; }
  .footer-area .newsletter button { margin-top: 12px; width: 100%; }
}