.guides-header {
    text-align: center;
    font-size: 22px;
}
.blogSlides .fade ul {
    padding: 20px;
}
.blogSlides .fade .ul .li .ul .li a {
    color: #737373;
}
.blogSlides ul {
    width: 100%;
    margin: 0 !important;
    padding: 0;
    height: auto;
    list-style-type: none;
    text-decoration: none !important;
}
.blogSlides ul li {
  margin: 0 0 20px 0;
  width: 100%;
}
.blogSlides ul li a {
    color: #212121 ;
	    text-decoration: none !important;
}
.blogSlides ul li a:focus, a:hover {
    color: #c00 !important;
}
.blog-slider__container {
margin: 0 0 20px 0;
    padding: 20px;
    background: #fff;
    border: 1px solid #dfdfdf;
    position: relative;
    margin: 0 0 20px 0;
    height: 300px;
}
  .blogSlides img {
    object-fit: cover;
    width: 100%;
    height: 300px;
  }
.blog-slider__text {
  color: #000;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
.blogSlider__dots {
    position: absolute;
    top: 90%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.blogSlider__dots {
  text-align: center;
}
 .blogSlider__dots--dot {
    cursor: pointer;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
    width: 6px;
    height: 6px;
    margin: 0 6px 0 0;
    background: #efefef;
  }
.active, .blogSlider__dots--dot:hover {
  background-color: #000;
}
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {
    opacity: .4
  }
  to {
    opacity: 1
  }
}
@keyframes fade {
  from {
    opacity: .4
  }
  to {
    opacity: 1
  }
}