.m8-exam-service{
  --m8-blue:#267CEB;
  --m8-blue-dark:#145fc2;
  --m8-text:#1f2937;
  --m8-muted:#6b7280;
  --m8-border:#dbe6f5;
  --m8-bg:#f6f9ff;
  --m8-white:#ffffff;
  --m8-secondary-bg:#eef5ff;
  --m8-secondary-text:#145fc2;
  margin:32px 0;
  color:var(--m8-text);
}
.m8-es-card{
  background:var(--m8-white);
  border:1px solid var(--m8-border);
  border-radius:20px;
  padding:24px;
  box-shadow:0 12px 30px rgba(38,124,235,.08);
}
.m8-es-card + .m8-es-card,
.m8-es-result{
  margin-top:20px;
}
.m8-es-topbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.m8-es-header h2,
.m8-es-result-header h2{
  margin:0 0 8px;
  font-size:32px;
  line-height:1.2;
}
.m8-es-header p,
.m8-es-result-header p,
.m8-es-exam-head p{
  margin:0;
  color:var(--m8-muted);
}
.m8-es-instruction{
  margin-top:16px;
  padding:16px 18px;
  border:1px solid var(--m8-border);
  border-radius:16px;
  background:var(--m8-bg);
}
.m8-es-instruction > *:first-child{margin-top:0;}
.m8-es-instruction > *:last-child{margin-bottom:0;}
.m8-es-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:20px;
}
.m8-es-field label{
  display:block;
  font-weight:600;
  margin-bottom:8px;
}
.m8-es-field select{
  width:100%;
  min-height:50px;
  border:1px solid var(--m8-border);
  border-radius:14px;
  padding:0 14px;
  background:#fff;
  font-size:16px;
}
.m8-es-actions{margin-top:18px;}
.m8-es-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:10px 18px;
  border-radius:14px;
  text-decoration:none !important;
  font-weight:700;
  transition:.2s ease;
  border:1px solid transparent;
  text-align:center;
}
.m8-es-btn:hover{transform:translateY(-1px);}
.m8-es-btn--primary{background:var(--m8-blue);color:#fff;}
.m8-es-btn--primary:hover{background:var(--m8-blue-dark);color:#fff;}
.m8-es-btn--secondary{background:var(--m8-secondary-bg);color:var(--m8-secondary-text);}
.m8-es-btn--outline{background:#fff;color:var(--m8-blue-dark);border-color:var(--m8-blue);}
.m8-es-exams{display:grid;gap:18px;margin-top:20px;}
.m8-es-exam{border:1px solid var(--m8-border);border-radius:18px;padding:18px;background:var(--m8-bg);}
.m8-es-exam h3{margin:0 0 8px;font-size:24px;}
.m8-es-details{margin-top:14px;border:1px solid var(--m8-border);border-radius:14px;background:#fff;overflow:hidden;}
.m8-es-details summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:700;}
.m8-es-details summary::-webkit-details-marker{display:none;}
.m8-es-details-body{padding:0 16px 16px;}
.m8-es-city-group + .m8-es-city-group{margin-top:14px;}
.m8-es-city-group-title{font-weight:700;margin-bottom:8px;}
.m8-es-city-list{margin:0;padding-left:20px;columns:2;}
.m8-es-subjects{display:grid;gap:12px;margin-top:14px;}
.m8-es-subject-card{background:#fff;border:1px solid var(--m8-border);border-radius:14px;padding:14px;}
.m8-es-subject-name{font-weight:700;}
.m8-es-cta-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px;}
.m8-es-service-item{display:flex;flex-direction:column;gap:8px;}
.m8-es-service-hint{font-size:14px;line-height:1.45;color:var(--m8-muted);padding:0 4px;}
.m8-es-final{margin-top:22px;}
.m8-es-final .m8-es-service-item{max-width:420px;}
@media (max-width: 767px){
  .m8-es-topbar{flex-direction:column;align-items:stretch;}
  .m8-es-grid{grid-template-columns:1fr;}
  .m8-es-header h2,.m8-es-result-header h2{font-size:26px;}
  .m8-es-exam h3{font-size:22px;}
  .m8-es-city-list{columns:1;}
  .m8-es-btn{width:100%;}
  .m8-es-cta-row{grid-template-columns:1fr;}
}


/* Instruction button: strict override for Elementor/theme button styles */
.m8-exam-service .m8-es-card .m8-es-topbar button.m8-es-instruction-button.m8-es-instruction-toggle,
.m8-exam-service button.m8-es-instruction-button,
.m8-exam-service .m8-es-instruction-button{
  -webkit-appearance:none !important;
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  min-height:42px !important;
  padding:9px 20px !important;
  margin:0 !important;
  border:2px solid #ef4b2a !important;
  border-radius:999px !important;
  background:#ffffff !important;
  background-color:#ffffff !important;
  color:#ef4b2a !important;
  font-family:inherit !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-decoration:none !important;
  cursor:pointer !important;
  box-shadow:0 8px 20px rgba(239,75,42,.12) !important;
  transition:background-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
.m8-exam-service .m8-es-card .m8-es-topbar button.m8-es-instruction-button.m8-es-instruction-toggle:hover,
.m8-exam-service .m8-es-card .m8-es-topbar button.m8-es-instruction-button.m8-es-instruction-toggle:focus,
.m8-exam-service button.m8-es-instruction-button:hover,
.m8-exam-service button.m8-es-instruction-button:focus,
.m8-exam-service .m8-es-instruction-button:hover,
.m8-exam-service .m8-es-instruction-button:focus,
.m8-exam-service .m8-es-instruction-button[aria-expanded="true"]{
  background:#ef4b2a !important;
  background-color:#ef4b2a !important;
  color:#ffffff !important;
  border-color:#ef4b2a !important;
  transform:translateY(-2px) !important;
  box-shadow:0 14px 28px rgba(239,75,42,.24) !important;
  outline:none !important;
}
.m8-exam-service .m8-es-instruction-button:active{
  transform:translateY(0) !important;
  box-shadow:0 6px 14px rgba(239,75,42,.18) !important;
}
@media (max-width: 767px){
  .m8-exam-service .m8-es-card .m8-es-topbar button.m8-es-instruction-button.m8-es-instruction-toggle,
  .m8-exam-service button.m8-es-instruction-button,
  .m8-exam-service .m8-es-instruction-button{
    width:100% !important;
  }
}

.m8-es-or-divider {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 14px 0 !important;
  color: var(--m8-es-primary, #e63b2e) !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-align: center !important;
}

.m8-es-or-divider::before,
.m8-es-or-divider::after {
  content: "" !important;
  flex: 1 !important;
  height: 2px !important;
  background: var(--m8-es-primary, #e63b2e) !important;
  opacity: 0.35 !important;
}

.m8-es-or-divider span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 72px !important;
  padding: 6px 16px !important;
  border: 2px solid var(--m8-es-primary, #e63b2e) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--m8-es-primary, #e63b2e) !important;
  box-shadow: 0 8px 20px rgba(230, 59, 46, 0.10) !important;
}