@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');
@import url('https://fonts.googleapis.com/css?family=Spartan&display=swap');

/* font-family: 'Quicksand', sherif; */
/* font-family: 'Spartan', sherif ; */

body{
    font-family: 'Quicksand', sherif;

}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #33ad6e;
}

/*.bg-light{
    background-color: #0b87a1 !important;
}*/
.navbar-light .navbar-nav .nav-link{
    /*color: #ffffff;*/
    font-weight: 500;
    color: black;
}
.nav-item{
    /*border-left: 1px solid #ffffff;*/
    padding: 7px;
}
li.nav-item:last-child{
    border-right: 1px solid #ffffff;
}
.card-title{
    font-weight: 600;
}
.card-text{
    display: block;/* or inline-block */
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 7.6em;
  line-height: 1.5em;
}
.topnav-bg{
  background-color: #f16c71;
  padding: 5px 0;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown-menu{
  background-color: #1f9f5d;
  color: #ffffff;
}
.dropdown-item{
  color: #ffffff;
}
.main-top-bg{
  padding: 30px 0;
  background-color: #e3e3e3;
  margin-bottom: 60px;
}