@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300&display=swap");
.header-main {
    position: relative;
  padding-top: 7px;
  padding-bottom: 7px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+62,207cca+62,ca381d+62,ca381d+62,ca381d+100,7db9e8+100,2989d8+100 */
  background: rgb(255, 255, 255); /* Old browsers */
  background: -moz-linear-gradient(
    45deg,
    rgb(255, 255, 255) 62%,
    rgb(32, 124, 202) 62%,
    rgb(202, 56, 29) 62%,
    rgb(202, 56, 29) 62%,
    rgb(202, 56, 29) 100%,
    rgb(125, 185, 232) 100%,
    rgb(41, 137, 216) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    45deg,
    rgb(255, 255, 255) 62%,
    rgb(32, 124, 202) 62%,
    rgb(202, 56, 29) 62%,
    rgb(202, 56, 29) 62%,
    rgb(202, 56, 29) 100%,
    rgb(125, 185, 232) 100%,
    rgb(41, 137, 216) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    45deg,
    rgb(255, 255, 255) 62%,
    rgb(32, 124, 202) 62%,
    rgb(202, 56, 29) 62%,
    rgb(202, 56, 29) 62%,
    rgb(202, 56, 29) 100%,
    rgb(125, 185, 232) 100%,
    rgb(41, 137, 216) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2989d8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.logo {
  color: #fff;
  font-size: 25px;
  font-weight: 600;
}

.brand-wrap {
  text-decoration: none !important;
}

.icon-sm {
  width: 48px;
  height: 48px;
  line-height: 48px !important;
  font-size: 20px;
}

.widget-header {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.widget-header .notify {
  position: absolute;
  top: -3px;
  right: -10px;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.search-form {
  border: 1px solid #abb2b9 !important;
}

.search-button {
  color: #ffffff;
  background-color: #0335be;
}

.navbar-main {
  background-color: #255297;
  border: none;
}
.navbar-main a {
  color: #fff;
  font-family: "Titillium Web", sans-serif;
  font-size: 80.5%;
}

.navbar-toggler {
  color: #fff;
  color: #fff;
  border-color: #fff !important;
}

.navbar-toggler {
  padding: 4px;
  font-size: 1.25rem;
  line-height: 1;
  background-color: #fff;
  border: 3px solid transparent;
  border-radius: 0.37rem;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.5rem 7px 0px;
  font-size: 1rem;
  color: #fff;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.45rem 1.2rem;
  clear: both;
  font-weight: 100;
  color: #000;
  text-align: inherit;
  white-space: nowrap;
  background-color: #d63226;
  border: 0;
}
.dropdown-item a {
  font-family: "Titillium Web", sans-serif;
}

.navbar-toggler-icon {
  background-image: url(https://img.icons8.com/ios/50/000000/menu.png);
}

.nav-link {
  text-transform: uppercase;
  font-weight: 400;
}

.vl {
  border-left: 1px solid #fff;
  height: 100%;
}

.fas {
  color: #fff;
}