body {
      background: #1f2b6c;
      min-height: 100vh;
      color: #1f2b6c;
    }

    .top-logos {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 2rem;
      padding: 20px 0;
      background-color: #ffffff;
      /* white background here */
    }

    .top-logos img {
      height: 60px;
      filter: none;
      /* logos keep original colors */
      transition: transform 0.3s ease;
    }

    .top-logos img:hover {
      transform: scale(1.1);
    }

    /* Cards and buttons remain the same */
    .card {
      background-color: #ffffff;
      border: 2px solid #f7941e;
      box-shadow: 0 4px 8px rgba(247, 148, 30, 0.3);
      border-radius: 10px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(247, 148, 30, 0.5);
    }

    .card-title,
    .card-text {
      color: #1f2b6c;
    }

    .btn-primary {
      background-color: #f7941e;
      border: none;
    }

    .btn-primary:hover {
      background-color: #d67b09;
    }

    h2 {
      color: #1f2b6c;
      font-weight: bold;
    }

    /* Reduce horizontal padding/margin for container-fluid on large screens */
    .container-fluid.py-1 {
      padding-left: 10px;
      padding-right: 10px;
    }

    @media (min-width: 992px) {

      /* large desktop screens */
      .container-fluid.py-1 {
        padding-left: 30px;
        padding-right: 30px;
      }
    }
    .banner-container {
      width: 100%;
      height: calc(100vh - 13vh);
      /* approx. 89vh */
      overflow: hidden;
      position: relative;
      padding: 0;
      margin: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .banner-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .Foundation {
      padding: 30px;
    }

    @media (max-width: 768px) {
      .banner-container {
        height: 40vh;
        /* Fill mobile screen height too */
      }

      .Foundation {
        padding: 15px;
      }

      .banner-image {
        object-fit: cover;
        /* Keep covering the container */
        height: 100%;
      }
    }