.banner {
  position: relative;
}

.banner-wrap {
  background-color: #0e3158;
  background-image: url("/banner.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--white);
  height: 240px;
  margin-bottom: 25px;
  position: relative;
}

@media (min-width: 1200px) {
  .banner-wrap {
    height: 323px;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .banner .header {
    padding-bottom: 100px;
  }
}

.banner-bottom {
  border-radius: 50px;
}

@media (min-width: 1200px) {
  .banner-bottom {
    bottom: -32px;
    /*box-shadow: 8px 8px 20px #afafbf66;*/
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 70%;
  }
}

@media (max-width: 1200px) {
    .banner .banner-wrap {
        height: auto;
        padding-bottom: 10px;
    }

    .banner .banner-wrap .header-wrap {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        /* gap: 7px; */
    }

    .banner .banner-wrap .header-wrap .lh-10 {
        display: block;
    }

    .banner .banner-wrap .header-wrap nav li:not(:first-child) {
     /*   display: none;*/
    }
    .banner .banner-wrap .header-wrap nav.dropdown {
        width: 100%;
    }

    .banner-wrap {
      margin-bottom: 10px;
    }

    .banner-bottom {
      height: 50px !important;
    }
}