.slider {
  position: relative;
  overflow: hidden;
  padding: 110px 0 89px 0;
  
  .tag {
    font-weight: 400;
    line-height: 36.672px; 
    text-transform: uppercase;
  }
  
  h2 {
    font-weight: 500;
    line-height: 62px;
    width: 80%;
    margin-bottom: 55px;
  }
   
  .own-carousel-container { 
    position: relative;
    
    .item {
          width: 100%;
          
          h4 {
            text-align: center;
            font-weight: 600;   
            line-height: 32px;
            margin: 30px 0 16px;
          }
          
          p span{
            text-align: center;
            font-weight: 400;
            line-height: 26px;
            display: inline-block;
          }
          
          .card-image {
                height: 500px;
            img {
              max-width: 100%;
                height: 100%!important;
                object-fit: cover;
                border-radius: 16px;
            }
          }
      
      p {
        margin-bottom: 0;
      }
        }
  }
          
        
  
  .owl-carousel-buttons {
    position: absolute;
        top: -17%;
        right: 0;
        display: flex;
        gap: 8px;
        z-index: 999;
    
    .custom-prev svg, .custom-next svg { 
       transition: all .6s;
    }
    
    .custom-next svg {
      transform: rotate(180deg)
    }
   
    
    .custom-prev svg:hover, .custom-next svg:hover {
        fill: #5B4F47;
    
      circle {
        stroke: #5B4F47;
      }
      
     path {
        fill: #fff; 
      }
    }
  }
  
  .bottom-button {
    display: flex;
    justify-content: center;
    margin-top: 70px;
    
    a.hs-inline-web-interactive-186103953253.show-all-categories {
        background: #bd9479;
        border-radius: 5px;
        color: #fff;
        display: block;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        padding: 12.5px 39px;
        text-align: center;
        transition: all .3s;
      
      &:hover {
         background-color: #9f7960;
      }
    }
  }

}


@media (max-width: 768px) {
  .slider {
    padding: 50px 0;
    
      .bottom-button {
    margin-top: 24px;
    
    a.btn.btn-secondary {
      padding: 14px 32px;
      font-size: 14px;
        
        &:hover {
          background-color: #9f7960;
        }
  }
  }
    
      .own-carousel-container {
        
        .item {
          .card-image {
                height: 450px;
          }
        }
    
  }
}