/* Basic styling */
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f4f4f4;
}

.content {
  padding: 20px;
  height: 1500px; /* Just for scrolling effect */
}

/* Sticky button container */
.sticky-buttons {
  position: fixed;
  bottom: 20px;
  left: 20px;
  display: flex;
  gap: 10px;
  z-index: 1000;
}

/* Common button styles */
.btn {
  padding: 15px 15px;
  border: none;
  border-radius: 5px;
  color: white;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s;
}

/* Call Now button */
.call-now {
    display: none;
}

/* Show the button only on mobile devices */
@media (max-width: 768px) {
    .call-now {
        display: inline-block;
    }
}


.call-now {
  background-color: #28a745;
}

.call-now:hover {
  background-color: #218838;
}

/* Apply Now button */
.apply-now {
  background-color: #d4202d;
}

.apply-now:hover {
  background-color: #821723;
}

/* Popup styles */
.popup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 1001;
}

.popup-content {
  background-color: white;
  padding: 30px;
  border-radius: 8px;
  width: 300px;
  text-align: left;
}

.popup h2 {
  margin: 0 0 20px 0;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px;
  color: #aaa;
  cursor: pointer;
}

.close-btn:hover {
  color: #000;
}

/* ===== EduRoute360 compliance patches (from Implementation Memo) ===== */
/* Karm AEP Identity Strip */
.karm-aep-strip { background:#ffffff; border-bottom:1px solid rgba(0,0,0,.08); }
.karm-aep-strip__inner{
  max-width:1200px; margin:0 auto; padding:10px 16px;
  font-size:14px; line-height:1.4; color:#111; text-align:center;
}
.karm-aep-strip__link{ color:#0b57d0; text-decoration:underline; }
.karm-aep-strip__sep{ margin:0 8px; opacity:.6; }

.karm-form-top-actions{ display:flex; gap:10px; justify-content:center; margin:0 0 10px 0; flex-wrap:wrap; }
.karm-call-btn, .karm-wa-btn{
  display:inline-block; padding:8px 12px; border-radius:6px;
  font-weight:600; font-size:13px; text-decoration:none;
}
.karm-call-btn{ background:#1e8e3e; color:#fff; }
.karm-wa-btn{ background:#0b57d0; color:#fff; }

.karm-form-disclosure{
  margin:6px 0 12px 0; font-size:12px; line-height:1.4; color:#333;
}

.karm-consent{ margin-top:10px; font-size:11px; line-height:1.4; color:#333; }
.karm-consent__label input{ margin-right:6px; transform:translateY(1px); }
.karm-consent a{ color:#0b57d0; text-decoration:underline; }
/* Important: Ensure /privacy-policy exists on your domain and is accessible. */

.karm-hero-disclosure{
  margin-top:10px;
  font-size:13px;
  line-height:1.45;
  color:#ffffff;
  max-width:520px;
  opacity:0.95;
}

.karm-footnote{ font-size:11px; line-height:1.4; color:#444; margin-top:10px; }

.karm-legal-footer{ font-size:12px; line-height:1.5; color:#222; margin-top:10px; }
.karm-legal-footer a{ color:#0b57d0; text-decoration:underline; }
.karm-legal-footer__disclaimer{ margin-top:8px; }
.karm-legal-footer__links{ margin-top:8px; }
.karm-legal-footer__sep{ margin:0 8px; opacity:.6; }

/* Ensure anchor buttons render consistently */
.sticky-buttons a.btn{ display:inline-block; }

/* Anti-spam honeypot: keep hidden from humans */
.karm-hp{position:absolute!important;left:-9999px!important;top:-9999px!important;height:0!important;width:0!important;opacity:0!important;pointer-events:none!important;}
/* Inline form status messages */
.form-status{margin-top:10px;font-size:14px;line-height:1.4;}
.form-status.error{color:#b00020;}
.form-status.success{color:#1b5e20;}