.widget.mb-hero-boards {
  position: relative;
}
.widget.mb-hero-boards .board-read-more {
  color: #fff;
  display: none;
  font-size: 40px;
  position: absolute;
  top: 25px;
  right: 25px;
}
.widget.mb-hero-boards .owl-theme .owl-dots .owl-dot span {
  background-color: #869791;
}
.widget.mb-hero-boards .owl-theme .owl-dots .owl-dot.active span {
  background-color: #fff;
}
.widget.mb-hero-boards .owl-nav {
  color: #869791;
  font-size: 35px;
}
.widget.mb-hero-boards .owl-prev:hover,
.widget.mb-hero-boards .owl-prev:active,
.widget.mb-hero-boards .owl-prev:focus,
.widget.mb-hero-boards .owl-next:hover,
.widget.mb-hero-boards .owl-next:active,
.widget.mb-hero-boards .owl-next:focus {
  color: #fff;
}
.widget.mb-hero-boards .owl-nav .disabled {
  display: none;
}
.widget.mb-hero-boards .owl-prev {
  position: absolute;
  left: -26px;
  top: 40%;
}
.widget.mb-hero-boards .owl-next {
  position: absolute;
  right: -26px;
  top: 40%;
}
.widget.mb-hero-boards .hero-boards-list a {
  color: #fff;
}
.widget.mb-hero-boards.vertical-layout .post-thumbnail {
  padding: 0 25px;
  margin-bottom: 2rem;
}
.widget.mb-hero-boards.vertical-layout .post-thumbnail img {
  max-height: 150px;
  width: auto;
}
.widget.mb-hero-boards .board-item:hover {
  background-color: #4F545E;
  cursor: pointer;
}
.widget.mb-hero-boards {
  background-color: #3B404C;
}
.widget.mb-hero-boards .hero-boards-list {
  list-style-type: none;
  margin-bottom: 0;
}
.widget.mb-hero-boards .hero-boards-list .n2 {
  background-color: #136A86;
}
.widget.mb-hero-boards .hero-boards-list .n3 {
  background-color: #73C4DE;
}
.widget.mb-hero-boards .board-item {
  padding: 25px;
}
.widget.mb-hero-boards .btn {
  background-color: transparent;
  border-color: #fff !important;
  color: #fff;
  margin-top: 25px;
}
.widget.mb-hero-boards .btn:hover {
  background-color: #1b6985 !important;
  border-color: #1b6985 !important;
  color: #fff;
}

.widget.mb-hero-boards p {
  margin: 0;
}

.widget.mb-hero-boards .board-title {
  margin-bottom: 10px;
}
.widget.mb-hero-boards .container {
  padding: 0 25px;
}

@media screen and (min-width: 992px) {
  .widget.mb-hero-boards .board-item:hover .board-read-more {
    display: block;
  }
}