.bg-primary {
  background-color: hsl(197deg 81% 35%) !important;
}
.navbar-brand img {
  width: 6rem;
}
.navbar-brand p {
  display: table-cell;
    font-family: 'DM Serif Display';
    color: #354053;
    line-height: 23px;
    padding-left: 3px;
    position: relative;
    font-style: italic;
    top: -6px;
    font-size: 17px;
}

.goverlay {
  background: rgba(255, 255, 255,0.96);
}

.gslide-image img {
  width: 80vw;
}


@media (min-width:992px) and (max-width:1199px) {
    .navbar-brand img {
      width: 4rem;
    }
    .navbar-brand p {
        line-height: 21px;
        font-size: 15px;
    }
    .nav-item .nav-link {
      font-size: 0.7rem;
    }
}
@media (max-width: 991px) {
    .offcanvas-nav {
        background: #fff;
    }
    .navbar .navbar-collapse .nav-link, .navbar .navbar-collapse .dropdown-menu .dropdown-item {
      color: #343f52;
    }
    .offcanvas-header {
      padding: 0;
    }
    .nav-item .sub-arrow {
      width: 100% !important;
      text-align: right !important;
    }
    .navbar .navbar-collapse .dropdown-menu .dropdown-item {
      padding-left: 2rem;
    }
    .navbar .navbar-collapse .show>.nav-link, .navbar .navbar-collapse .nav-link.active, .navbar .navbar-collapse .nav-link:hover, .navbar .navbar-collapse .nav-link:focus {
      color: #000 !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .header-info.fs-15 {
      font-size: 0.7rem !important;
    }
}

@media (max-width:767px) {
  .navbar-brand img {
    width: 3.5rem;
  }
  .navbar-brand img {
    width: 3.5rem;
  }
  .navbar .navbar-brand {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .offcanvas-nav.open {
    width: 80vw;
    min-width: 320px !important;
  }
}