main .container.slider_posts {
    width: 100%;
    height: auto;
    /* height: 600px; */
    text-align: center;
    padding: 0;
    position: relative;
  }
  .slider_posts .splide__track {
    width: 100%;
  }
  .slider_posts .news {
    display: block;
    height: auto;
    text-align: left;
    transition: all var(--transition-length) ease;
    transform: scale(0.99);
  }
  .slider_posts .news:hover {
    transform: scale(0.97);
  }
  .slider_posts .news .thumbnail {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 3rem;
    display: block;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 1px solid var(--beige);
  }
  .slider_posts .news .title {
    margin: 20px 0 0;
    font-size: var(--h5);
  }
  .slider_posts .news p {
    font-size: var(--p-big);
    margin: 20px 0 0;
    display: -webkit-box;
    /* max-width: 200px; */
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .slider_posts .news a {
    font-size: var(--p);
    color: var(--gray-light);
    line-height: 2.4;
    text-decoration: none;
  } .slider_posts .news a:hover {
    text-decoration: underline;
  }
  
  .slider_posts .splide__arrows .container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 30px;
    position: absolute;
    transform: translate(-50%, -50%);
    height: 50px;
    top: 50%;
    z-index: 9;
    left: 50%;
    
  }
  .btn-prev, .btn-next {
    display: block;
    height: 100%;
    aspect-ratio: 1;
    background: url(../../../assets/arrow-left.svg) no-repeat center; background-size: contain;
    cursor: pointer;
    filter: drop-shadow(var(--white) 0 0 2px);
    border-radius: initial;
  }
  .btn-next {
    transform: rotate(180deg);
    top:0;
  }
  .splide__pagination {
    display: none;
  }
  .slider_posts .button_container {
    margin-top: 30px;
  }
  
  @media screen and (max-width: 960px) {
    .slider_posts .splide__arrows {
      top: 14vw;
    }
  }
  @media screen and (max-width: 720px) {
    .slider_posts .splide__arrows {
      top: 27vw;
    }
  }
  @media screen and (max-width: 540px) {
    .slider_posts li {
      padding: 0 40px;
      margin-right: 0!important;
    }
    .slider_posts .news p {
      font-size: var(--small-text);
    }
    .slider_posts .splide__arrows {
      height: 30px;
      top: 43vw;
    }
  }