/* Mobile application experience */
:root{--hms:#063b55;--accent:#e92a45;--aqua:#0fa7ad}body{padding-bottom:0}.department-card,.card,.doctor-card{transition:transform .25s,box-shadow .25s}.department-card:hover,.card:hover,.doctor-card:hover{transform:translateY(-8px);box-shadow:0 18px 32px #063b5520}.department-card i,.card i,.doctor-card i{transition:transform .25s}.department-card:hover i,.card:hover i,.doctor-card:hover i{transform:scale(1.12) rotate(-7deg)}.bottom-app-nav{display:none}.reveal{opacity:0;transform:translateY(24px);transition:.6s}.reveal.visible{opacity:1;transform:none}@media(max-width:768px){body{padding-bottom:72px}.top-bar{height:30px}.top-bar p{font-size:11px}.top-bar+header{top:30px!important;padding:9px 14px}.logo{width:42px}.logo-text{font-size:13px;margin-left:7px}.call-btn{padding:9px 11px;font-size:11px}.menu-btn{font-size:21px}.hero{height:62vh;min-height:390px}.hero-coming-soon{min-height:auto;padding:55px 16px}.glass{padding:28px 16px;border-radius:20px}.glass h1{font-size:27px}.glass h2{font-size:37px}.departments,.services,.doctors-section,.contact{padding:48px 16px}.section-title h2,.services h2,.contact h2{font-size:29px}.section-title p{font-size:13px;margin-bottom:25px}.department-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding:4px 2px 16px}.department-card{min-width:150px;padding:18px 12px;scroll-snap-align:start;border-radius:16px}.department-card i{font-size:34px;margin-bottom:12px}.department-card h3{font-size:12px}.cards{grid-template-columns:repeat(3,1fr);gap:8px}.card{padding:16px 7px;border-radius:14px}.card i{font-size:27px;margin-bottom:8px}.card h3{font-size:10px}.doctors-grid{grid-template-columns:repeat(2,1fr);gap:10px}.doctor-card{padding:22px 10px;border-radius:16px}.doctor-card i{font-size:42px}.doctor-info h3{font-size:14px}.contact-form input,.contact-form textarea{font-size:14px;padding:13px}.bottom-app-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;height:68px;background:#fff;z-index:999;border-top:1px solid #dbe7e9;box-shadow:0 -5px 20px #063b5522}.bottom-app-nav a{display:grid;place-content:center;text-align:center;color:#68808a;text-decoration:none;font:700 10px Poppins}.bottom-app-nav i{font-size:18px;color:var(--aqua);margin-bottom:4px}.bottom-app-nav .call i,.bottom-app-nav .call{color:var(--accent)}footer{padding-bottom:36px}.slider-btn{width:38px;height:38px}.prev-btn{left:8px}.next-btn{right:8px}}


#countdown{
  display:grid;
  grid-template-columns:repeat(4,minmax(72px,1fr));
  gap:12px;
  max-width:440px;
  margin:28px auto 8px;
}
#countdown>div{
  padding:13px 8px;
  border:1px solid rgba(255,255,255,.36);
  border-radius:12px;
  background:rgba(5,32,54,.33);
  display:flex;
  flex-direction:column;
  align-items:center;
}
#countdown span{
  color:#fff;
  font-size:32px;
  font-weight:800;
}
#countdown small{
  color:#baf0ed;
  text-transform:uppercase;
  font-size:9px;
  margin-top:8px;
}
@media(max-width:480px){
  #countdown{
    grid-template-columns:repeat(2,1fr);
    max-width:290px;
    gap:9px;
  }
  #countdown span{font-size:27px;}
}