.related-posts-carousel-wrapper {
  padding: 0 3.34%;
  a{
    text-decoration: none !important;
  }

  .section-central-heading {
    margin-bottom: 2.7% !important;
    h2{
        margin:0;
    }
  }
  .related-item {
    position: relative;
    img{
      aspect-ratio: 72/43;
      border-radius: 20px;
    }
  }
  .post-type-label {
    position: absolute;
    top: 5.5%;
    left: 4.2%;
    z-index: 10;
    font-weight: 500;
    width: 43.1%;
  }

  .post-title-with-icon {
    width: 81.3%;
    margin-bottom: 7%;
    margin-top:0%;
  }
  .related-item .post-title-with-icon:hover {
    color: var(--adro-electric-blue);
  }
  .reading-time {
    color: var(--adro-yellow);
    margin: 1.4% 0 1.4% 0;
    width: 81.3%;
  }
  .title-icon {
    vertical-align: text-top;
    margin-left: 1%;
  }
  .carousel-controls {
   margin-bottom: 2.7%;
  }
  @media screen and (min-width: 768px) and (max-width: 1024px)and (orientation:portrait) {
    padding:0;
    .section-central-heading {
        margin-bottom: 4.8% !important;
        h2 {
            margin: 0 6.2%;
        }
      }
    .post-type-label {
      top: 5.5%;
      left: 4.8%;
      width: 78.3%;
    }
    .post-title-with-icon {
      width: 100%;
      margin-bottom: 11%;
    }
    .reading-time {
      width: 100%;
      margin: 4.4% 0 2.3% 0;
    }
    .carousel-controls {
     margin-bottom: 8.7%;
    }
  }

  @media screen and (max-width: 767.5px) {
    padding:0;
    .section-central-heading {
        margin-bottom: 10.3% !important;
        h2 {
            margin: 0 6.32%;
        }
      }         
    .post-type-label {
      top: 4.5%;
      left: 4.5%;
      width: 67.5%;
    }
    .post-title-with-icon {
      width: 100%;
      margin-bottom: 15%;
    }
    .reading-time {
      width: 100%;
      margin: 6% 0 2.1% 0;
    }
     .carousel-controls {
     margin-bottom:14.5%;
    }
  }


}
.carousel-static .carousel-controls #playPauseBtn{
    display: none !important;
  }