.banner-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding: 0;
    max-width: 1440px;
    margin-bottom: 0;
}
  
.banner {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    display: flex;
    /* min-height: 320px; */
    width: 100%;
    max-width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
}
  
.banner-img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center right;
}
  
.banner-content {
    position: relative;
    background: linear-gradient(
      90deg,
      #002f6c 31.67%,
      rgba(51, 90, 141, 0.78) 52.5%,
      rgba(226, 239, 255, 0) 100%
    );
    z-index: 1;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    padding: 45px 0;
}
  
@media (max-width: 991px) {
    .banner-content {
        max-width: 100%;
        background: #002F6C;
    }
}

@media (max-width: 1024px) {
    .banner-content {
        padding: 39px 0;
    }
}
  
.banner-title {
    color: var(--BG, #fff);
    white-space: nowrap;
    margin: 0;
    font-family: "Inter, sans-serif";
    font-size: min(max(32px, calc(2.4rem + (50 - 32) * ((100vw - 430px) / (1440 - 430)))), 50px);
    min-height: 0vw;
    font-weight: 800;
    letter-spacing: 0;
}
  
@media (max-width: 991px) {
    .banner-title {
        max-width: 100%;
        font-size: 40px;
        white-space: initial;
        /* font-size: 32px; */
    }
    .banner-content {
        padding: 45px 0;
    }
}
  
.banner-description {
    color: var(--BG, #fff);
    margin: 24px 0 0;
    white-space: nowrap;
    font: 500 32px Inter, sans-serif;
    letter-spacing: 0;
}
  
@media (max-width: 991px) {
    .banner-description {
      max-width: 100%;
      white-space: initial;
      font-size: 20px;
      font-weight: 400;
      margin-top: 46px;
    }
}
  
.banner-button:hover {
    color: var(--BG, #ba0c2f);
    background-color: var(--BG, #fff);
}
.banner-button {
    color: var(--BG, #fff);
    white-space: nowrap;
    justify-content: center;
    border-radius: 45px;
    border: none;
    background-color: var(--Primary-Red, #ba0c2f);
    margin-top: 45px;
    padding: 16px 32px;
    font: 500 24px Inter, sans-serif;
    display: inline-block;
    text-decoration: none;
    letter-spacing: 0;
}
  
@media (max-width: 991px) {
    .banner-button {
      white-space: initial;
      margin-top: 45px;
      padding: 12px 32px;
    }
}