/* Header logos */
.header-logo {
  max-height: 60px;
}

/* Make header title responsive */
.header-title {
  font-size: 1.5rem; /* Base size for small screens */
  color: #2E7239;
  font-weight: 800;
  margin: 0;
}

/* Medium screens (≥768px) */
@media (min-width: 768px) {
  .header-title {
    font-size: 1.05rem;
  }
}

/* Large screens (≥992px) */
@media (min-width: 992px) {
  .header-title {
    font-size: 2.25rem;
  }
}

/* Extra small screens (<576px) — optional for very small devices */
@media (max-width: 575.98px) {
  .header-title {
    font-size: 1.05rem;
  }
}

.header-address {
  color: #2E7239;
  font-weight: 300;
  font-size: 0.95rem; /* Base font size for small screens (~15px) */
  line-height: 1.4;
  margin: 0;
  text-align: center; /* Optional: center align on mobile */
}

/* Medium screens (≥768px) */
@media (min-width: 768px) {
  .header-address {
    font-size: 1rem; /* ~16px */
    text-align: left;
  }
}

/* Large screens (≥992px) */
@media (min-width: 992px) {
  .header-address {
    font-size: 1.1rem; /* ~17.5px */
  }
}


/* Carousel images */
#heroCarousel img {
  object-fit: cover;
  max-height: 360px;
}

/* News scroller (vertical) */
.news-scroller {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 8px;
  height: 180px;
  overflow: hidden;
  position: relative;
}
.news-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  animation: scrollNews 12s linear infinite;
}
.news-list li {
  padding: 8px;
  border-bottom: 1px dashed #eee;
  background: transparent;
  color: #222;
}
@keyframes scrollNews {
  0% { top: 100%; }
  100% { top: -100%; }
}
.news-scroller:hover .news-list {
  animation-play-state: paused;
}

/* Image scroller (left-right) */
.image-scroller { overflow: hidden; white-space: nowrap; }
.image-track { display: inline-block; animation: scrollLeft 20s linear infinite; }
.image-track img { height: 80px; width: auto; border-radius: 6px; }
@keyframes scrollLeft {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
.image-scroller:hover .image-track { animation-play-state: paused; }

/* Dropdown menu custom color (if you want same purple) */
.dropdown-menu {
  background-color: #361D92;
}
.dropdown-menu .dropdown-item {
  color: #fff;
}
.dropdown-menu .dropdown-item:hover {
  background-color: rgba(255,255,255,0.06);
}

/* Footer styling */
footer { background: #1a1a1a; color: #fff; }


.marquee-container {
    overflow: hidden;
    background: #361D92;
    color: #fff;
    padding: 10px 0;
    white-space: nowrap;
}

.marquee-text {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 12s linear infinite;
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

.marquee-text a {
    color: #ffc107;
    font-weight: bold;
    text-decoration: none;
}

/* Section background */
/* Section */
/* ===== SECTION ===== */
#job1 {
    background: linear-gradient(135deg, #f8fafc, #eef2ff);
    border-radius: 12px;
    padding: 20px;
}

/* ===== HEADING ===== */
#job1 h2 {
    font-weight: 600;
    font-size: 22px;
    color: #1e293b;
    margin-bottom: 15px;
}

/* ===== CARD ===== */
#job1 .card {
    border: none;
    border-radius: 12px;
    box-shadow: 0 6px 15px rgba(0,0,0,0.06);
    transition: 0.2s;
}

#job1 .card:hover {
    transform: translateY(-3px);
}

/* ===== APPLY BUTTON ===== */
#job1 .btn-primary {
    background: #4f46e5;
    border: none;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 14px;
}

/* ===== FORM CONTAINER ===== */
#applyForm {
    background: #98c4e9;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    padding: 18px;
    max-width: 100%;
    margin: 0 auto;
}

/* ===== FORM TITLE ===== */
#applyForm h4 {
    font-size: 18px;
    margin-bottom: 15px;
}

/* ===== LABEL + INPUT INLINE ===== */
#applyForm .mb-3 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

/* ===== LABEL ===== */
#applyForm label {
    width: 140px;
    font-size: 13px;
    font-weight: 500;
    color: #334155;
    margin: 0;
}

/* ===== INPUT ===== */
#applyForm .form-control {
    height: 34px;
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    font-size: 13px;
    max-width: 250px;
}

/* ===== INPUT FOCUS ===== */
#applyForm .form-control:focus {
    border-color: #6366f1;
    background: #ffffff;
    box-shadow: 0 0 0 2px rgba(99,102,241,0.15);
}

/* ===== FILE INPUT ===== */
#applyForm input[type="file"] {
    height: auto;
    padding: 5px;
}

/* ===== SUBMIT BUTTON ===== */
#submitBtn {
    display: block;
    margin-top: 10px;
    background: #16a34a;
    border: none;
    padding: 6px 14px;
    font-size: 14px;
    border-radius: 6px;
}

/* ===== BUTTON HOVER ===== */
#submitBtn:hover {
    background: #15803d;
}

/* ===== MOBILE RESPONSIVE ===== */


/* Form Container */
#applyForm {
    background: #f8f9fa;
    padding: 20px;
}

/* Card-like sections */
#applyForm .col-md-6 {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    margin-bottom: 15px;
}

/* Headings */
#applyForm h4 {
    font-weight: 600;
    margin-bottom: 20px;
    color: #333;
    border-bottom: 2px solid #28a745;
    padding-bottom: 8px;
}

/* Labels */
#applyForm label {
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    color: #555;
}

/* Inputs */
#applyForm .form-control {
    border-radius: 8px;
    padding: 10px;
    border: 1px solid #ccc;
    transition: 0.3s;
}

/* Input focus effect */
#applyForm .form-control:focus {
    border-color: #28a745;
    box-shadow: 0 0 5px rgba(40,167,69,0.4);
}

/* Submit Button */
#submitBtn {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    transition: 0.3s;
}

/* Button hover */
#submitBtn:hover {
    background-color: #218838;
}

/* Bank Details Styling */
#applyForm .col-md-6:last-child {
    background: #f1fff5;
}

#applyForm h5 {
    font-size: 16px;
    margin-bottom: 10px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    #applyForm .col-md-6 {
        margin-bottom: 20px;
    }
}