.about-title{
    font-weight: 700;
    font-size: 80px;
    color: #e0c896;
    font-family: "Fjalla One", sans-serif;
}

.about-banner{
    border-left: 4px solid #ff5400;
    width: 80%;
    margin: auto;
}

.about-inside-content{
    color: #00275b;
}

.about-logo{
    width: 250px;
    height: auto;
}

.founder-img{
    width: 400px;
    height: auto;
}

.about-banner-section {
  background-image: radial-gradient(
      circle at top left,
      rgba(43, 48, 58, 0.45) 10%,
      rgba(43, 48, 58, 0.12) 100%
    ),
    url("../images/about/about-image.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 7rem 0; /* default for desktop */
  color: #fff; /* optional: for text visibility */
}

/* Tablet view */
@media (max-width: 992px) {
  .about-banner-section {
    padding: 5rem 0;
    background-position: center top;
  }
}

/* Mobile view */
@media (max-width: 768px) {
  .about-banner-section {
    padding: 3rem 1rem;
    background-position: center;
  }
}

/* Extra small devices (phones < 480px) */
@media (max-width: 480px) {
  .about-banner-section {
    padding: 2rem 1rem;
    background-position: center;
  }
}