.navbar {
  background-color: #5aa6b8 !important;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid var(--text-color-level3, rgba(26, 26, 26, 0.1));
}

#intro .intro-img img {
  width: 100%;
  height: auto;
  margin: 30px 0 -100px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1199px) {
  #intro .intro-img img {
    margin-bottom: -150px;
  }
}
@media (max-width: 991px) {
  #intro .intro-img img {
    margin-bottom: -80px;
  }
}
@media (max-width: 575px) {
  #intro .intro-img img {
    margin-bottom: -90px;
  }
}
@media (min-width: 425px) and (max-width: 575px) {
  #intro .intro-img img {
    padding: 0 30px;
  }
}
#intro .intro-img .img-1,
#intro .intro-img .img-2,
#intro .intro-img .img-3 {
  display: none;
}
@media (min-width: 992px) {
  #intro .intro-img .img-1 {
    display: block;
  }
}
@media (min-width: 500px) and (max-width: 767px) {
  #intro .intro-img .img-1 {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #intro .intro-img .img-2 {
    display: block;
  }
}
@media (max-width: 575px) {
  #intro .intro-img .img-3 {
    display: block;
  }
}
#intro .arrow img {
  position: absolute;
  width: 130px;
  height: auto;
  transform: translateY(-50px) translateX(15px);
}
@media (max-width: 1199px) {
  #intro .arrow img {
    width: 115px;
    transform: translateY(-30px) translateX(5px);
  }
}
@media (max-width: 991px) {
  #intro .arrow img {
    width: 100px;
    transform: translateY(-5px) translateX(-45px);
  }
}
@media (max-width: 767px) {
  #intro .arrow img {
    width: 100px;
    transform: translateY(-5px) translateX(0px);
  }
}
@media (max-width: 575px) {
  #intro .arrow img {
    display: none;
  }
}

@media (min-width: 301px) and (max-width: 575px) {
  #list .row {
    margin-left: 90px;
    margin-right: 90px;
  }
}
@media (min-width: 300px) and (max-width: 450px) {
  #list .row {
    margin-left: 40px;
    margin-right: 40px;
  }
}
#list .probox {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #fff;
  color: #fff;
  padding: 1rem;
  font-size: 100%;
}
#list .probox p {
  margin-bottom: 0;
  min-height: 48px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #list .probox p {
    min-height: 72px;
  }
}
#list .probox i {
  font-size: 2.8rem;
  font-weight: 300;
  margin-bottom: 7px;
}

#box-group .resource-card .text p {
  min-height: 85px;
}/*# sourceMappingURL=case-studies.css.map */