.hover {
    overflow: hidden;
    position: relative;
    padding-bottom: 60%;
    height: 100%;
    box-shadow: 0 1px 35px 0 rgba(0, 0, 0, 0.3);
  }
  
  .hover-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    transition: all 0.4s;
  }
  
  .hover img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
  }
  
  .hover-content {
    position: relative;
    z-index: 99;
  }
  
  .hover-1 img {
    width: 105%;
    position: absolute;
    top: 0;
    left: -5%;
    transition: all 0.3s;
  }
  
  .hover-1-content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
    transition: all 0.4s;
  }
  
  .hover-1-description {
    transform: translateY(0.5rem);
    transition: all 0.4s;
    opacity: 0;
  }
  
  .hover-1:hover .hover-1-content {
    bottom: 2rem;
  }
  
  .hover-1:hover .hover-1-description {
    opacity: 1;
    transform: none;
  }
  
  .hover-1:hover img {
    left: 0;
    
  }
  
  .hover-1:hover .hover-overlay {
    opacity: 0;
  }
  
  .news-image  {
    box-shadow: 0px 0px 1px 1px #000000;
    animation: pulse-animation 2s infinite;
  }
  @keyframes pulse-animation {
    0% {
      box-shadow: 0 0 0 0px #ea8143;
    }
    100% {
      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
  }
  .news {
    padding: 15px;
    margin-bottom: 32px;
    border-radius: 5px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  
  .border {
    box-shadow: 0 1px 35px 0 rgba(0, 0, 0, 0.3);
  }
  
  .custom-arrows {
    text-align: end;
      margin-top: 10px;
    }
  
    .custom-arrows button {
      background-color: transparent;
      border: none;
      color: #000;
      cursor: pointer;
      font-size: large;
      transition: color 0.3s ease;
    }
  
    .custom-arrows button:hover {
      color: #ea8143;
    }
  
    .slick-prev {
      margin-right: 10px;
    }
  
    .slick-next {
      margin-left: 10px;
    }
  
    @media only screen and (max-width: 1024px) {
      .custom-arrows {
        text-align: center;
      }
      .custom-arrows button{
        font-size: x-large;
      }
    }