/* Theme override for Basic Ambulance (Blue/Green theme instead of ICU Red) */
        :root {
            --primary-color: #007bff;
            --secondary-color: #28a745;
        }


        * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
        body { background: var(--light-bg); color: var(--dark-text); }

        /* Navbar */
        .navbar { display: flex; justify-content: space-between; align-items: center; padding: 1rem 5%; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.1); position: sticky; top: 0; z-index: 1000; }
        .logo { font-size: 1.8rem; font-weight: 800; color: var(--primary); }
        .logo span { color: var(--secondary); }
		.logo:hover{color:black;}
        .navbar ul { display: flex; list-style: none; gap: 20px; }
        .navbar a { text-decoration: none; font-weight: 600; color: var(--dark-text); transition: 0.3s; padding:0px 14px;}
        .navbar a:hover { color: var(--primary); }
		
		

        /* Hero Section */
        .hero { 
            padding: 120px 5%; 
            background: linear-gradient(rgba(13, 71, 161, 0.85), rgba(21, 101, 192, 0.85)), 
              url('https://www.freezerambulance.com/assets/images/Clean-CarImages/4-ICU-image.png');
 
			background-size: cover; background-position: center; background-attachment: fixed; color: #fff; text-align: center;
        }
        .hero h1 { font-size: 3rem; margin-bottom: 20px; }
        .dynamic-status { background: rgba(255,255,255,0.2); padding: 10px 20px; border-radius: 30px; display: inline-block; margin-bottom: 30px; }
        .btn { padding: 12px 25px; border-radius: 8px; text-decoration: none; color: #fff; font-weight: bold; margin: 5px; display: inline-block; transition: 0.3s; }
        .btn-book { background: var(--primary); }
        .btn-wa { background: var(--wa-green); }
        .btn-call { background: #ff9800; }

       

        
        
   
        /* Hamburger Menu */
        .menu-toggle { display: none; font-size: 2.2rem; cursor: pointer; color: var(--secondary); }

        @media (max-width: 768px) {
            .menu-toggle { display: block; }
            .navbar ul { display: none; flex-direction: column; position: absolute; top: 75px; left: 0; width: 100%; background: #fff; padding: 20px; box-shadow: 0 10px 10px rgba(0,0,0,0.1); }
            .navbar ul.active { display: flex; }
            .form-grid { grid-template-columns: 1fr; }
            .hero h1 { font-size: 2rem; }
        }

:root{
  --primary:#e53935;
  --secondary:#0d47a1;
  --bg:#f4f7f6;
  --text:#2c3e50;
  --wa:#25D366;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Segoe UI',Tahoma,Verdana,sans-serif;
}

body{
  background:var(--bg);
  color:var(--text);
}

/* SECTION */
.grid-section{
  padding:60px 5%;
}

.section-title-res{
  text-align:center;
  font-size:2rem;
  margin-bottom:45px;
  color:var(--secondary);
}

/* GRID */
.grid-layout{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:24px;
  max-width:1300px;
  margin:auto;
}

/* CARD */
.loop-card{
  background:#fff;
  border-radius:14px;
  padding:24px;
  box-shadow:0 8px 18px rgba(0,0,0,0.08);
  border-bottom:4px solid var(--secondary);
  transition:.3s;
}

.loop-card:hover{
  transform:translateY(-6px);
}

/* ICON */
.loop-icon{
  font-size:2.6rem;
  margin-bottom:14px;
}

/* AUTO COLOR */
.loop-card:nth-child(6n+1) .loop-icon{color:#e53935;}
.loop-card:nth-child(6n+2) .loop-icon{color:#0d47a1;}
.loop-card:nth-child(6n+3) .loop-icon{color:#2e7d32;}
.loop-card:nth-child(6n+4) .loop-icon{color:#ff6f00;}
.loop-card:nth-child(6n+5) .loop-icon{color:#6a1b9a;}
.loop-card:nth-child(6n)   .loop-icon{color:#00838f;}

.loop-card h3{
  font-size:1.15rem;
  margin-bottom:8px;
}

.ingress{
  font-size:.9rem;
  font-weight:600;
  color:#444;
  margin-bottom:10px;
}

.details{
  font-size:.88rem;
  line-height:1.65;
  color:#555;
  margin-bottom:16px;
}

/* LINKS */
.article-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.article-links a{
  font-size:.78rem;
  padding:6px 12px;
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid var(--secondary);
  color:var(--secondary);
  transition:.25s;
}

.article-links a.read{
  border-color:var(--primary);
  color:var(--primary);
}

.article-links a.read:hover{
  background:var(--primary);
  color:#fff;
}

.article-links a:hover{
  background:var(--secondary);
  color:#fff;
}

.article-links a.wa{
  border-color:var(--wa);
  color:var(--wa);
}

.article-links a.wa:hover{
  background:var(--wa);
  color:#fff;
}

@media(max-width:480px){
  .section-title-res{font-size:1.6rem;}
}