.banner {
  position: relative;
  height: 100vh; }
  .banner .bg {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .banner .bg::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1.0416666667vw;
      background: #043491; }
    .banner .bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }
  .banner .bg_icon {
    position: absolute;
    left: 0;
    bottom: 2.0833333333vw; }
    .banner .bg_icon img {
      max-width: 100%; }
  .banner .text {
    position: absolute;
    left: 10.3125vw;
    top: 50%;
    transform: translateY(-50%);
    color: white; }
    .banner .text p {
      text-transform: capitalize;
      font-weight: 700; }

@media screen and (max-width: 768px) {
  .banner {
    margin-top: 60px;
    height: auto; }
    .banner .bg_icon {
      display: none; }
    .banner .bg {
      height: 300px !important;
      width: 100% !important;
      right: 0  !important;
      position: static;
      transform: translateY(0) !important; }
      .banner .bg::after {
        height: 10px; }
    .banner .text {
      left: 5%;
      color: #fff !important; } }

/*# sourceMappingURL=banner.css.map */