/* style.css */
:root{
  --blue:#1e73be;
  --orange:#ff6a00;
  --blue-700:#155a97;
  --orange-700:#cc5700;
}

.text-orange{ color: var(--orange); }

.bg-gradient-blue-orange{
  background: linear-gradient(90deg, var(--blue) 0%, var(--orange) 100%);
}
.hero-logo img {
  max-width: 300px;
  border-radius: 20px;
}

#categories h3 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
#categories .btn {
  margin-top: 15px;   
  
  /* adds space above the button */
}
#categories img { width: 100%; /* fills the column width */ height: 220px; 
  /* fixed height for all images */ object-fit: cover; /* crops/scales without distortion */ 
  border-radius: 12px; /* rounded corners */ margin-bottom: 15px; /* spacing below image */ }

#categories img {
  margin-bottom: 15px; /* adds space below the image */
}
@media (max-width: 767px) {
  .btn {
    width: 100%;
    margin-top: 15px;
  }
}

#categories img {
  transition: transform 0.3s ease;
}
#categories img:hover {
  transform: scale(1.05);
}

.btn-orange{
  background: var(--orange);
  color: #fff;
  border: none;
}
.btn-orange:hover{ background: var(--orange-700); color:#fff; }

.card-link{
  text-decoration: none;
  border: 1px solid #eee;
  border-radius: .75rem;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.card-link:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  border-color: var(--orange);
}

.nav-link.active{ color: var(--blue)!important; font-weight: 600; }

.logo svg{ display:block; }
.brand-text .text-primary{ color: var(--blue)!important; }
.brand-text .text-orange{ color: var(--orange)!important; }

.hero-logo{ border: 2px dashed rgba(255,106,0,.25); }
.footer a{ color: var(--blue); text-decoration: none; }
.footer a:hover{ text-decoration: underline; }
/* style.css */
body {
  font-family: 'Poppins', sans-serif;
}

.card img {
  transition: transform 0.3s ease;
}
.card:hover img {
  transform: scale(1.05);
}

.btn-orange {
  background: #ff6a00;
  color: #fff;
}
.btn-orange:hover {
  background: #cc5700;
}

.navbar {
  border-bottom: 3px solid #ff6a00;
}
.card-img-top {
  width: 100%;              /* full width of card */
  height: 200px;            /* fixed height for all images */
  object-fit: cover;        /* crop/scale to fill without distortion */
}