.circle {
    height: 22vh;
    background-color: #043268;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
}

@media (max-width: 768px) { /* Adjust 768px as needed */
    .circle {
        height: 14vh;
    }
}

.navy-bg {
    background-color: #043268;
}

/* Center the banner */
.banner {
    width: 100%;
    max-width: 100%; /* Ensure it doesn't exceed the viewport */
    text-align: center;
    margin-top: 20px; /* Adjust as needed */
    overflow: hidden; /* Hide overflow for larger images */
  }

  .banner img {
    width: 100%;
    max-height: 350px;
    object-fit: contain; /* Maintain aspect ratio and cover the area */
  }

.card {
    background-color: transparent !important;
    /* padding: 14px; */
    border: none !important;
}

.card-body {
    padding: 0.3rem 0.3rem 0.2rem
}