/* Inner-page additions. Loaded after custom.css. */

/* Original banner photos are not in web-assets; reuse the home banner under the navy overlay. */
section.abt-banner {
  background: url("../../storage/images/banner/1785823047.png") center center / cover no-repeat;
}
section.abt-banner::before {
  background: rgba(4, 18, 40, 0.88);
}
section.abt-banner.careers-banner-main::before {
  background: rgba(4, 18, 40, 0.84);
}

/* Contact page */
section.contact-main-banner { height: auto; min-height: 160px; display: flex; align-items: center; }
.contact-main-banner h1.abt-banner-title { margin: 0; }
section.contact-us { padding: 60px 0; }
.contact-us h2 { font-size: 30px; font-weight: 600; color: #13205a; text-transform: uppercase; }
.contact-us .contact-intro { color: #000; margin-bottom: 30px; }
.contact-us .detai-s { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 24px; }
.contact-us .detai-s i {
  flex: 0 0 52px; width: 52px; height: 52px; border-radius: 50%;
  background: #123d83; color: #fff; display: flex; align-items: center; justify-content: center;
}
.contact-us .detai-s h3 { font-size: 16px; color: #13205a; margin: 0 0 2px; text-transform: uppercase; }
.contact-us .detai-s a { color: #000; font-size: 15px; }
.contact-us .detai-s a:hover { color: #1540b8; }
.Leave-wrap {
  background: #fff; border: 1px solid #b7b7b7; border-radius: 10px;
  box-shadow: 0 8px 40px rgba(26, 46, 110, 0.10); padding: 32px 30px;
}
.Leave-wrap h3 { font-size: 22px; color: #101b82; text-transform: uppercase; margin-bottom: 20px; }
.Leave-wrap label { font-size: 13px; font-weight: 600; color: #101b82; margin-bottom: 4px; }
.Leave-wrap input,
.Leave-wrap textarea {
  width: 100%; border: 1.5px solid #cdd5ea; border-radius: 8px; padding: 11px 14px;
  font: 500 13px 'Poppins', sans-serif; color: #000; margin-bottom: 14px; outline: none;
}
.Leave-wrap input:focus,
.Leave-wrap textarea:focus { border-color: #3a5bd4; }
.Leave-wrap textarea { min-height: 130px; resize: vertical; }
.Leave-wrap button {
  width: 100%; height: 46px; border: 0; border-radius: 6px; background: #1540b8; color: #fff;
  font: 500 16px 'Poppins', sans-serif; letter-spacing: .8px; text-transform: uppercase; cursor: pointer;
}
.Leave-wrap button:hover { background: #253f99; }
.form-status { margin-top: 12px; font-size: 14px; color: #1540b8; min-height: 21px; }

/* Career listing (job detail) page */
.job-detail { padding: 50px 0; background: #f6f7f8; }
.job-card {
  background: #fff; border: 1px solid #dde3f0; border-radius: 10px; padding: 28px 32px; margin-bottom: 24px;
  box-shadow: 0 8px 40px rgba(26, 46, 110, 0.06);
}
.job-card h2 {
  font-size: 22px; font-weight: 600; color: #101b82; text-transform: uppercase;
  border-left: 5px solid #3a65af; padding-left: 16px; margin-bottom: 16px;
}
.job-card h3 { font-size: 17px; color: #123d83; margin: 18px 0 4px; }
.job-card p, .job-card li { color: #000; font-size: 15px; }
.job-card ul, .job-card ol { padding-left: 22px; margin: 0; }
.job-card li { padding: 3px 0; }
.job-meta { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-top: 18px; color: #fff; }
.job-meta span i { color: #2c80f1; margin-right: 8px; }
.pay-figure { font-size: 34px; font-weight: 600; color: #1540b8; margin: 0; }
.job-cta { background: #031831; padding: 40px 0; text-align: center; }
.job-cta h2 { color: #fff; font-size: 28px; text-transform: uppercase; }

/* Hiring steps reuse the expansion markup */
.hiring-main-sec .expansion-flow { gap: 20px; }
section.abt-banner.growth-banner-main .container { padding-left: 40px; padding-right: 40px; }

/* Mobile: custom.css only partly stacks the careers form and the growth rows */
@media (max-width: 767px) {
  .application-main-form-sec .container form { grid-template-columns: 1fr; gap: 20px; }
  .application-main-form-sec .right { margin: 0; }
  .application-main-form-sec .row.two,
  .application-main-form-sec .row.three { grid-template-columns: 1fr; }
  .expansion-flow { flex-wrap: wrap; padding: 0; }
  .expansion-step { flex: 0 0 50%; margin-bottom: 24px; }
  .expansion-arrow { display: none; }
  .commitment-values { flex-wrap: wrap; border-left: 0; justify-content: center; }
  .diff-grid, .pillars-grid { grid-template-columns: 1fr; padding: 0; }
  .doc-item { flex-wrap: wrap; }
  .cta-buttons { flex-wrap: wrap; justify-content: center; }
  section.abt-banner.growth-banner-main .container { padding-left: 15px; padding-right: 15px; }
}