.featured-post-block .featured-post-slider {
  position: relative;
  padding: 79px 0;
  border-bottom: 1px solid black;
}
.featured-post-block {
  position: relative;
}
.featured-post-block .slide {
  display: none;
  flex-wrap: nowrap;
}
.featured-post-block .slide.active {
  display: flex;
}
.featured-post-block .slide-left { 
  flex: 2; 
  padding: 0px; 
  display: flex;
}
.featured-post-block .slide-left .text {
  width: 36%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.featured-post-block .slide-left .text h2 {
  margin: 67px 0 0;
  font-size: 50px;
  letter-spacing: -1px;
}
.featured-post-block .slide-left .text .button:hover {
  background:#E4C9B1;
  opacity:1;
}
.featured-post-block .slide-left .text .button {
 margin-top: 67px;
 display: block;
 height: 24px;
 padding: 1px 10px;
}
.featured-post-block .slide-left .text .button img {
 margin: 5px 0 -1px 7px;
}
.featured-post-block .slide-left img.main-image {
  
  width:100%;
  height: 720px;
  object-fit: cover;
  object-position: center;
}
.featured-post-block .slide-left .image-reveal {
  width: 60.3%;
  margin: 0 25px 0 0;
}
.featured-post-block .slide-left .small-title {
  margin: -1px 0 0;
}
.featured-post-block .slide-right {
    width: 245px;
}
.featured-post-block .next-image { 
 max-width: 100%;
 height: 320px!important;
 object-fit: cover;
 object-position: center;  
}

/* Dots with progress ring */
.featured-post-block .slider-dots {
  display: flex;
  gap: 3px;
  justify-content: flex-start;
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 404px;
  width: 245px;
}
.featured-post-block .dot {
 background: none;
 border: none;
 cursor: pointer;
 width: 12px;
 height: 12px;
 padding: 0;
 position:relative;
 margin: 6px 2px 0 0;
}
.featured-post-block .dot:before {
 content: "";
 display: block;
 width: 4px;
 height: 4px;
 background: black;
 border-radius: 50%;
 position: absolute;
 top: 4px;
 left: 4px;
 opacity: 0.4;
}
.featured-post-block .progress-ring__bg {
  fill: none;
  stroke: #b6b6b6;
  stroke-width: 4;
}
.featured-post-block .progress-ring__progress {
  fill: none;
  stroke: #000;
  stroke-width: 4;
  stroke-dasharray: 100 100;
  stroke-dashoffset: 100;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transition: stroke-dashoffset 0.1s linear;
}
@media all and (max-width:950px) {
  .featured-post-block .slide-left {
    display: block;
  }
  .featured-post-block .slide-left .image-reveal {
      width: 98%;
      margin: 0 25px 0 0;
  }
  .featured-post-block .featured-post-slider {
      padding: 50px 20px;
  }
  .featured-post-block .slide-left .text {
    width:100%;
  }
  .featured-post-block .slider-dots {
      top: 380px;
  }
  .featured-post-block .slide-left .small-title {
    margin:20px 0 0 0;
  }
  .featured-post-block .slide-left .text h2 {
    margin: 20px 0 10px;
    font-size: 36px;
  }
}
@media all and (max-width:768px) {
  .featured-post-block .slide-left img.main-image {
      width: 100%;
      height: 525px;
      object-fit: cover;
      object-position: center;
  }
  .featured-post-block .slide-left .text .button {
    margin-top:25px;
  }
  .featured-post-block .next-image {
    height:275px!important;
  }
  .featured-post-block .slider-dots {
      top: 335px;
      width: 39%;
  }
  .featured-post-block .slide-left .text {
      width: 140%;
  }
}
@media all and (max-width:580px) {
  .featured-post-block .slide-left img.main-image {
    height:350px;
  }
  .featured-post-block .next-image {
      height: 225px !important;
  }
  .featured-post-block .slider-dots {
      top: 285px;
      width: 39%;
  }
  .featured-post-block .slide-right {
      width: 39%;
  }
}
@media all and (max-width:480px) {
  .featured-post-block .next-image {
      height: 170px !important;
  }
  .featured-post-block .slide-left img.main-image {
      height: 270px;
  }
  .featured-post-block .slider-dots {
      top: 225px;
      width: 39%;
  }
  .featured-post-block .featured-post-slider {
      padding: 50px 20px;
      height: 820px;
  }
}