/* site.css - small theme tweaks */
body { font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }
.site-header .topbar { font-size: 14px; }
.card { border-radius: 12px; }
.carousel-caption { background: rgba(0,0,0,0.45); padding: 10px 12px; border-radius: 6px; }
.custom-navbar {
    background-color: #2b2b72 !important;   /* Example: blue */
}
.navbar .nav-link {
    color: white !important;
}
.navbar-brand span {
    color: white !important;
}
.custom-bg1 {
    background-color: #2b2b72; /* your color */
}
.custom-btn {
    background-color: #e62d27 !important;  /* your custom color */
    border-color: #ffffff !important;
    color: white !important;
}
.about-img {
    width: 100%;
    max-width: 500px;
    height: 500px;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}
.home-img {
    width: 100%;
    max-width: 700px;
    height: 500px;
    object-fit: cover;
    border-radius: 16px;
    /* box-shadow: 0 12px 30px rgba(0,0,0,0.15); */
}
.ps-img {
    width: 100%;
    max-width: 500px;
    height: 500px;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}

.info-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 columns */
  gap: 20px;
}

.info-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-radius: 8px;
  background: #f7f7f7;
}

.info-item i {
  color: #e74c3c;
  font-size: 18px;
}

.info-item p {
  margin: 0;
  font-weight: 500;
}