body {
  font-family: 'Montserrat',Arial, Helvetica, sans-serif;
  font-size: 90%;
}
.site-logo {
  height: 2.18rem;
  margin: 26px 0 10px 0;
  width: auto;
}
/* navbar */
.navbar-custom {
  background-color: #fff;
  border-bottom: 1px solid #DB242D;
  margin-bottom: 1rem;
}
.navbar-custom .navbar-nav .nav-link {
  color: #5D5B5E;
  border-radius: .25rem;
  margin: 0 0.25em;
  padding: 0.5em;
}
.navbar-custom .navbar-nav .nav-link:not(.disabled):hover, .navbar-custom .navbar-nav .nav-link:not(.disabled):focus {
  color: #fff;
  background-color: #DB242D;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.dropdown-menu {
  font-size: 100%;
}
.navbar-custom .navbar-nav .dropdown-menu {
  background-color: #fff;
  border-color: #fff;
}
.navbar-custom .navbar-nav .dropdown-menu .dropdown-item {
  color: #5D5B5E;
}
.navbar-custom .navbar-nav .dropdown-menu .dropdown-item:hover, .navbar-custom .navbar-nav .dropdown-menu .dropdown-item:focus, .navbar-custom .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #fff;
  background-color: #DB242D;
  border-radius: .25rem;
}
.navbar-custom .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #5D5B5E;
}
.navbar-custom .navbar-nav .nav-item.active .nav-link, .navbar-custom .navbar-nav .nav-item.active .nav-link:hover, .navbar-custom .navbar-nav .nav-item.active .nav-link:focus, .navbar-custom .navbar-nav .nav-item.show .nav-link, .navbar-custom .navbar-nav .nav-item.show .nav-link:hover, .navbar-custom .navbar-nav .nav-item.show .nav-link:focus {
  color: #fff;
  background-color: #DB242D;
}
.navbar-custom .navbar-toggler {
  border-color: #5D5B5E;
}
.navbar-custom .navbar-toggler:hover, .navbar-custom .navbar-toggler:focus {
  background-color: #fff;
}
.navbar-collapse.collapsing, .navbar-collapse.show {
  padding-top: 10px;
}
/* footer */
.footer {
  border-top: 1px solid #DB242D;
  margin-top: 1rem;
}
.footer-margin {
  margin-top: 1rem;
}

.award-img img{
  margin-bottom: 1rem;
  width: 54px;
}
/* ---- button ---- */
.button {
 /* display: inline-block;
  */
 /* padding: 10px 18px;
  margin-bottom: 10px;
  */
 /* background: #EEE;
  */
 /* border: none;
  border-radius: 7px;
  */
 /* background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
  */
 /* color: #222;
  */
 /* font-family: sans-serif;
  */
 /* font-size: 16px;
  */
 /* text-shadow: 0 1px white;
  */
 /* cursor: pointer;
  */
  background-color: white;
  border-color:white;
}
.button:hover {
  background-color: #DB242D;
  color: white;
}
.button:active, .button.is-checked {
  background-color: #DB242D;
}
.button.is-checked {
  color: white;
 /* text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
  */
}
.button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}
/* ---- button-group ---- */
.button-group:after {
 /* content: '';
  display: block;
  clear: both;
  */
}
.button-group .button {
 /* float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
  */
}
/* .button-group .button:first-child {
  border-radius: 0.5em 0 0 0.5em;
}
.button-group .button:last-child {
  border-radius: 0 0.5em 0.5em 0;
}
*/
/* ---- isotope ---- */
.grid {
 /* border: 1px solid #333;
  */
}
/* clear fix */
.grid:after {
  content: '';
  display: inline;
  clear: both;
}
/* ---- .element-item ---- */
.element-item {
  position: relative;
 /* float: left;
  */
 /* width: 360px;
  height: 360px;
  */
 /* margin: 1%;
  */
  margin: 1% 1% 1% 0;
  background: #333;
 ;
  color: #eee;
}
/* .element-item > img {
  width: 350px;
  height: 360px;
  object-fit:cover;
}
*/
.card-body {
  margin: 0;
  padding: 10px;
}
.img-hover-zoom {
 /* height: 300px;
  [1.1] Set it as per your need */
  overflow: hidden;
 /* [1.2] Hide the overflowing of child elements */
}
/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  width: 350px;
  height: 360px;
  object-fit:cover;
  transition: all .6s;
}
/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.2);
}
.clients {
  margin: 2% 9% 0% 9%;
}
.clients img {
  max-height: 89px;
  margin-top: 8%;
}
.leadership-summary {
  margin-bottom: 3%;
}
.leadership-img {
  margin-bottom: 2%;
}