@charset "utf-8";
/* ==========================================================================
   Hospital Management Software landing page — visual refresh (CSS only)
   Loaded after sc_landing_css.css on /hospital-management-software/ only.
   No HTML, IDs, classes, or JS behaviour are changed — presentation only.
   ========================================================================== */

:root{
  --sc-navy:#06305c;
  --sc-blue:#0b63ce;
  --sc-blue-dark:#003366;
  --sc-sky:#eef6ff;
  --sc-text:#26374a;
  --sc-muted:#5c6b7c;
  --sc-white:#ffffff;
  --sc-border:#e3ebf3;
  --sc-radius-lg:16px;
  --sc-radius:12px;
  --sc-radius-sm:8px;
  --sc-shadow:0 16px 40px rgba(6,48,92,.10);
  --sc-shadow-sm:0 6px 18px rgba(6,48,92,.08);
  --sc-ease:all .25s ease;
}

/* ---------- Base type ---------- */
body{ color:var(--sc-text); }
.justfy-tx{ line-height:1.85; color:var(--sc-muted); font-size:16px; }
h1, h2, h3{ color:var(--sc-navy); font-weight:700; letter-spacing:.2px; }
h2{ margin-bottom:14px; }
h3{ text-align:left; margin-bottom:12px; }

/* ---------- Hero banner + floating title bar ---------- */
.hm-banner{ line-height:0; }
.title_box{
  opacity:1;
  background:linear-gradient(135deg, var(--sc-blue) 0%, var(--sc-navy) 100%);
  box-shadow:var(--sc-shadow);
  border-radius:var(--sc-radius) var(--sc-radius) 0 0;
}
.title_box h1, .title_box h2{
  font-size:26px;
  letter-spacing:.3px;
  text-shadow:0 1px 2px rgba(0,0,0,.15);
}

.title_box_form{
  opacity:1;
  background:linear-gradient(135deg, var(--sc-blue) 0%, var(--sc-navy) 100%);
  box-shadow:var(--sc-shadow);
  border-radius:var(--sc-radius) var(--sc-radius) 0 0;
}
.title_box_form h1, .title_box_form h2{
  font-size:24px;
  letter-spacing:.3px;
}

/* ---------- Feature module grid (icon cards) ---------- */
.feature_img{ padding-top:10px; padding-bottom:10px; }
.feature_img h2{ max-width:900px; margin:0 auto 30px; line-height:1.5; font-size:22px; }

.feature_img .row{ row-gap:20px; margin-bottom:0; }
.feature_img .col-sm-3{
  background:var(--sc-white);
  border:1px solid var(--sc-border);
  border-radius:var(--sc-radius);
  padding:22px 14px 18px;
  box-shadow:var(--sc-shadow-sm);
  transition:var(--sc-ease);
}
.feature_img .col-sm-3:hover{
  transform:translateY(-4px);
  box-shadow:var(--sc-shadow);
  border-color:var(--sc-blue);
}
.feature_img .col-sm-3 img{
  filter:drop-shadow(0 4px 8px rgba(6,48,92,.12));
  transition:var(--sc-ease);
}
.feature_img .col-sm-3:hover img{ transform:scale(1.06); }
.feature_img .col-sm-3 p strong{
  display:inline-block;
  margin-top:6px;
  font-size:13.5px;
  letter-spacing:.4px;
  color:var(--sc-navy);
}

/* ---------- Request-a-demo card ---------- */
.contact_main.schedule_demo{ margin-bottom:0 !important; }
#contact_r_form{
  border-radius:var(--sc-radius);
  box-shadow:var(--sc-shadow);
  border:1px solid var(--sc-border);
}
.cont_field{ margin-bottom:12px; }
#contact_r_form input[type="text"],
#contact_r_form input[type="email"],
#contact_r_form input[type="tel"],
#contact_r_form select{
  border-radius:var(--sc-radius-sm);
  border:1px solid #d5dee7;
  padding:11px 12px;
  transition:var(--sc-ease);
}
#contact_r_form input[type="text"]:focus,
#contact_r_form input[type="email"]:focus,
#contact_r_form input[type="tel"]:focus,
#contact_r_form select:focus{
  border-color:var(--sc-blue);
  box-shadow:0 0 0 3px rgba(11,99,206,.15);
  outline:0;
}
.signup_btn{
  border-radius:var(--sc-radius-sm) !important;
  letter-spacing:.5px;
  text-transform:uppercase;
  font-size:15px !important;
  box-shadow:var(--sc-shadow-sm);
  transition:var(--sc-ease);
}
.signup_btn:hover{
  background:var(--sc-blue-dark);
  transform:translateY(-1px);
  box-shadow:var(--sc-shadow);
}

/* ---------- Section divider strip ---------- */
.section-three{
  background:linear-gradient(135deg, var(--sc-navy) 0%, var(--sc-blue) 100%);
  padding:36px 20px;
}
.sec-three-txt{ letter-spacing:1px; font-size:24px; }

/* ---------- Body copy / FAQ columns ---------- */
.container ul{ margin:14px 0 0 20px; padding:0; }
.container ul li{
  margin-bottom:10px;
  line-height:1.6;
  color:var(--sc-text);
}
.container ul li::marker{ color:var(--sc-blue); }
.justfy-tx a, .container p a{ color:var(--sc-blue); font-weight:600; text-decoration:none; }
.justfy-tx a:hover, .container p a:hover{ text-decoration:underline; }

/* ---------- FAQ accordion ("What is hospital management software?" etc.) ---------- */
.faq-section{
  width:100%;
  float:none;
}
.faq-item{ border-top:1px solid var(--sc-border); }
.faq-item:first-child{ border-top:none; }

.faq-question{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:none;
  border:none;
  cursor:pointer;
  text-align:left;
  padding:22px 4px;
  font-family:inherit;
  font-size:18px;
  font-weight:700;
  color:var(--sc-navy);
  transition:var(--sc-ease);
}
.faq-question:hover{ color:var(--sc-blue); }
.faq-question span{ flex:1; }

.faq-icon{
  position:relative;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border-radius:50%;
  border:2px solid var(--sc-blue);
  transition:var(--sc-ease);
}
.faq-icon::before, .faq-icon::after{
  content:"";
  position:absolute;
  top:50%; left:50%;
  background:var(--sc-blue);
  transition:var(--sc-ease);
}
.faq-icon::before{ width:12px; height:2px; transform:translate(-50%,-50%); }
.faq-icon::after{ width:2px; height:12px; transform:translate(-50%,-50%); }

.faq-item.is-open .faq-question{ color:var(--sc-blue); }
.faq-item.is-open .faq-icon{
  background:linear-gradient(135deg, var(--sc-blue) 0%, var(--sc-navy) 100%);
  border-color:var(--sc-navy);
}
.faq-item.is-open .faq-icon::before, .faq-item.is-open .faq-icon::after{ background:var(--sc-white); }
.faq-item.is-open .faq-icon::after{ transform:translate(-50%,-50%) scaleY(0); }

.faq-answer{
  max-height:0;
  overflow:hidden;
  opacity:0;
  transition:max-height .35s ease, opacity .3s ease;
}
.faq-item.is-open .faq-answer{
  max-height:2000px;
  opacity:1;
}
.faq-answer p.justfy-tx{
  margin:0;
  padding:0 34px 24px 4px;
  text-align:left;
  font-size:15.5px;
  line-height:1.85;
}
.faq-answer p.justfy-tx strong{ color:var(--sc-navy); }

@media only screen and (max-width: 768px){
  .faq-question{ font-size:16px; padding:18px 2px; }
  .faq-icon{ flex-basis:26px; width:26px; height:26px; }
  .faq-answer p.justfy-tx{ padding-right:20px; padding-bottom:18px; }
}

/* "Related pages" — always visible, not part of the collapsible accordion */
.faq-static{
  border-top:1px solid var(--sc-border);
  padding:26px 4px 6px;
}
.faq-static h3{
  text-align:left;
  color:var(--sc-navy);
  font-size:18px;
  margin-bottom:10px;
}
.faq-static p.justfy-tx{ margin:0; }

/* ---------- Stats band ---------- */
.feature_img_fig{
  background-blend-mode:multiply;
  background:linear-gradient(rgba(2,20,45,.82), rgba(2,20,45,.82)),
             url(https://www.softclinicsoftware.com/wp-content/uploads/2020/09/softclinic-img-2-min.jpg) !important;
  background-repeat:no-repeat !important;
  background-position:top !important;
  background-size:cover !important;
}
.feature_img_fig .bill{
  font-size:38px;
  color:var(--sc-white) !important;
  margin:10px 0 0 !important;
}
.feature_img_fig hr{
  max-width:60px;
  margin:14px auto !important;
  border-top:2px solid rgba(255,255,255,.35);
}
.feature_img_fig .high{ opacity:.9; }

/* ---------- CTA buttons ---------- */
a.button7, a.button-mob{
  background:linear-gradient(135deg, var(--sc-blue) 0%, var(--sc-blue-dark) 100%) !important;
  color:#ffffff !important;
  box-shadow:var(--sc-shadow-sm);
  letter-spacing:.5px;
  transition:var(--sc-ease);
}
a.button7:hover, a.button-mob:hover{
  transform:translateY(-2px);
  box-shadow:var(--sc-shadow);
}

/* ---------- Testimonials ---------- */
.testimonial{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.15);
  border-radius:var(--sc-radius-lg);
  padding:28px 24px 22px;
}
.testimonial .pic{
  border:3px solid rgba(255,255,255,.55);
  box-shadow:0 6px 16px rgba(0,0,0,.25);
}
.testimonial .description{ opacity:.95; }

/* ---------- Footer ---------- */
.footer_copy p{ opacity:.9; }
.footer_copy a{ text-decoration:none; }
.footer_copy a:hover{ text-decoration:underline; }

/* ---------- Responsive ---------- */
@media only screen and (max-width: 768px){
  .title_box h1, .title_box h2{ font-size:20px; }
  .feature_img .col-sm-3{ margin-bottom:0; }
  .feature_img_fig .bill{ font-size:30px; }
}