.main-nav .logo img {
      height: 80px;
      margin-top: 10px;
      transition: all 0.3s ease; 
    }
    .background-header .main-nav .logo img {
      height: 70px;
      margin-top: 0; 
    }  
    .background-header .main-nav .logo {
      line-height: 80px;  
      display: flex;
      align-items: center;  
    }
    @media (max-width: 768px) {
     .main-nav .logo img {
      height: 60px;
      margin-top: 0; 
       max-width: 300px;
    }
    .background-header .main-nav .logo img {
      height: 60px;
      margin-top: 9px; 
    }

    }
/* About Us section styling */
.about-section p {
  text-align: justify;   /* neat edges */
  line-height: 1.8;      /* better readability */
  font-size: 16px;
  margin-bottom: 15px;   /* spacing between paragraphs */
}

/* Default desktop colors */
.about-us p,
.about-us ul,
.about-us li {
  color: #fff !important;
}

.about-us h2 {
  color: #fff !important;
}

/* Vision / Mission cards */
.about-us .card,
.about-us .card h3,
.about-us .card p,
.about-us .card ul,
.about-us .card li {
  color: #222 !important;  /* keep cards text dark */
  text-align: justify;     /* align inside cards too */
  line-height: 1.6;
}

/* Responsive fixes for mobile */
@media (max-width: 768px) {
  .about-us .col-lg-5,
  .about-us .col-lg-7 {
    text-align: justify;
  }
  .about-us img {
    margin-bottom: 20px;
  }
  .about-us p,
  .about-us ul,
  .about-us li,
  .about-us h2,
  .about-us h3 {
    color: #000 !important; /* force black text on white background */
  }
}