/*
* Navigation
*/
.full-screen-nav {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom right, rgba(0, 93, 170, 0.1), #fff);
  background-color: #fff;
  z-index: 998;

  /* animation-name: fadeInNav;
  nimation-duration: 2s;
  animation-fill-mode: both; */
}

/* @keyframes fadeInNav {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
} */

.full-screen-nav .border,
.full-screen-nav .border-left,
.full-screen-nav .border-right,
.full-screen-nav .border-top,
.full-screen-nav .border-bottom {
  border-color: #707070 !important;
}

h5.nav-heading {
  font-family: var(--sub-heading-font);
  font-size: 2.4vw;
  color: var(--para-text-color);
}

h5.nav-heading:hover {
  color: #01285f
}

.nav-underline::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--secondary-color);
  margin-right: 1rem;
  margin-top: 0.5rem;
}

.nav-item-sub {
  display: block;
  font-family: var(--sub-heading-font);
  font-size: 1.3vw;
  color: var(--para-text-color);
  margin-bottom: 0.5rem;
}

.nav-item-sub:hover {
  color: var(--primary-color);
}

.col-1-row-1,
.col-1-row-2,
.col-1-row-3,
.col-1-row-4,
.col-2-row-1,
.col-2-row-2,
.col-2-row-3,
.col-2-row-4,
.col-3-row-1,
.col-3-row-2,
.col-3-row-3,
.col-3-row-4,
.col-4-row-1,
.col-4-row-2,
.col-4-row-3,
.col-4-row-4,
.col-4-row-5,
.col-4-row-6 {
  padding-top: 3%;
  padding-bottom: 3%;
}

a:hover {
  text-decoration: none;
}
a:link {
  color: #4c5d77;
}
a {
  color: #4c5d77;
}
a:hover {
  color: #1d375f;
}

@media (max-width: 768px) {
  h5.nav-heading {
    font-size: 28px;
  }
  .nav-item-sub {
    font-size: 18px;
  }
}