h1,
h2,
h3,
h4 {
  /* font-family: 'Ubuntu', sans-serif;*/
  font-family: "Fira Sans Extra Condensed", sans-serif;
  font-weight: 700;
}
p,
a,
li,
h5,
h6 {
  /* font-family: 'Ubuntu', sans-serif; */
  font-family: "Fira Sans Extra Condensed", sans-serif;
  font-weight: 300;
}
p,
a,
li {
  font-size: 18px;
}
.carousel-slider {
  min-height: 60vh;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
.itm{
  max-width: 30vw;
  padding: 20px;
}
.slider-text-area {
  position: absolute;
  background: linear-gradient(to right, #21212100, #11768f00);
  height: 90vh;
  margin-top: 35%;
  transform: translateY(-50%);
  z-index: 2;
}
.banner-img {
  margin-right: 0;
  z-index: 1;
  /* width: 100%; */
  min-height: 60vh;
  /* margin-left: 50%;
    transform: translateX(-50%); */
}
.carousel-item .row .col {
  padding: 0;
}
.carousel-item .row {
  height: 90vh;
  overflow: hidden;
}
.side-nav {
  margin-top: 60px;
  margin-bottom: 60px;
  margin-left: 100px;
}
.side-nav-2 {
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 10px;
}
.side-nav-2 li {
  line-height: 50px;
  margin-left: 20px;
  margin-right: 20px;
}
.side-nav li {
  line-height: 50px;
}
.side-nav li a,
.side-nav-2 li a {
  color: white;
}
.overview-text {
  padding: 5%;
}
.news-card {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  margin: 10px;
}
.news-img {
  position: absolute;
  z-index: 1;
  height: 100%;
  transition: 1s;
}
.news-text {
  position: absolute;
  padding: 4%;
  z-index: 2;
  color: white;
}
.read-more-btn {
  transition: 1s;
  float: right;
  color: rgba(255, 255, 255, 0);
  z-index: 3;
}
.news-overlay {
  position: absolute;
  width: 600px;
  height: 600px;
  background: rgba(0, 0, 0, 0.26);
  z-index: 2;
  transition: 0.5s;
}
.news-card:hover .news-overlay {
  background: linear-gradient(to right, #183750, rgba(0, 0, 0, 0.602));
  transition: 0.5s;
}
.news-card:hover .news-img {
  transition: 1s;
  transform: scale(1.1);
}
.news-card:hover .read-more-btn {
  color: white;
}
.read-more-btn:hover {
  color: #feac3e;
  transition: 0.5s;
  transform: rotateY(180);
}
.wrapper {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: repeat(3, 1fr);
}
.dropdown-content {
  top: 64px !important;
  min-width: 300px
}
.header-row {
  height: 30vh;
  background-color: #183750;
  color: white;
  padding-top: 10vh;
  text-align: center;
}
@media screen and (max-width: 980px) {
  .wrapper {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}

.third-level-menu {
  position: absolute;
  top: 0;
  right: -150px;
  width: 150px;
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
}

.third-level-menu > li {
  height: 30px;
  /* background: #999999; */
}
.third-level-menu > li:hover {
  background: #cccccc;
}

.second-level-menu {
  position: absolute;
  top: 30px;
  left: 0;
  width: 150px;
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
}

.second-level-menu > li {
  position: relative;
  height: 30px;
  background: #999999;
}
.second-level-menu > li:hover {
  background: #cccccc;
}

.top-level-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.top-level-menu > li {
  position: relative;
  float: left;
  height: 30px;
  width: 150px;
  background: #999999;
}
.top-level-menu > li:hover {
  background: #cccccc;
}

.top-level-menu li:hover > ul {
  /* On hover, display the next level's menu */
  display: inline;
}

/* Menu Link Styles */

.top-level-menu a /* Apply to all links inside the multi-level menu */ {
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  padding: 0 0 0 10px;

  /* Make the link cover the entire list item-container */
  display: block;
  line-height: 30px;
}
.top-level-menu a:hover {
  color: #000000;
}
.vission_mission {
  padding-left: 350px;
}