.gallery-slider {
    padding: 46px 0 50px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.gallery-slider::before {
    content: '';
    position: absolute;
    top: 0;
    left: -52px;
    width: 75px;
    height: 95px;
    background-color: #F5F5F5;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    z-index: -1;
}

.gallery-slider::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -52px;
    width: 75px;
    height: 95px;
    background-color: #F5F5F5;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    z-index: -1;
}

.gallery-slider-box {
    width: 330px !important;
    height: 222px !important;
    margin-right: 16px;
    position: relative;
    overflow: hidden;
}

.gallery-slider-wrapper .slick-track {
    display: flex;
    padding-bottom: 60px;
}

.gallery-slider-wrapper .slick-prev {
    left: 0;
    margin: 0 0;
}

.gallery-slider-wrapper .slick-arrow {
    width: 84px;
    height: 52px;
}

.gallery-slider-wrapper .slick-next {
    right: unset;
    left: 91px;
}

.slick-arrow::before {
    font-size: 40px;
    line-height: 1.3em;
}

.gallery-slider-wrapper .video-image::before {
    background: transparent;
}

.gallery-slider-heading {
    padding: 0 0 15px;
}

.bdr {
    position: relative;
}

.bdr::before {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 211px;
    height: 5px;
    background-color: #000000;
}

.video-image {
    text-decoration: none;
    width: 100%;
    display: inline-block;
}

.video-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(150,18,43,0.8015406846332283) 0%, rgba(210,36,41,0.8015406846332283) 100%); 
}

.video-image::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: -7px;
    width: 220px;
    height: 158px;
    background-color: #292929;
    clip-path: polygon(100% 38%, 100% 38%, 66% 100%, 0 100%, 0 0);
    z-index: -1;
}

.play-btn {
    position: relative;
    width: 88px;
    height: 87px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle, rgba(150,18,43,0.5998600123643207) 0%, rgba(210,36,41,0.5998600123643207) 100%); 
    z-index: 1;
    border-radius: 50%;
    box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.42);
}

.play-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    width: 117%;
    height: 117%;
    border-radius: 50%;
    border: 2px solid #D22429;
}

.play-btn-icon {
    width: 35px;
}

.gallery-slider-box .video-image::after {
    content: none !important;
}

.gallery-slider-box img {
    width: 100%;
    height: 100%;
}

@media(min-width: 768px) {

    .play-btn {
        width: 120px;
        height: 120px;
    }

    .gallery-slider-wrapper {
        width: 2000px;
    }

    .gallery-slider-wrapper .slick-track {
        margin-left: -16px;
    }

    .gallery-slider-wrapper .slick-track {
        padding-bottom: 0;
    }

    .gallery-slider-box {
        width: 314px !important;
        height: 173px !important;
        margin: 0 16px;
    }    

    .gallery-slider-box .video-image {
        height: inherit;
    }

    .gallery-slider-heading {
        padding: 0 0 11px;
    }

    .gallery-slider {
        padding: 97px 0 100px;
    }

    .gallery-slider-wrapper .slick-next {
        right: 5px;
        left: unset;
    }

    .gallery-slider-wrapper .slick-prev {
        left: unset;
        right: 100px;
      }

    .gallery-slider-wrapper .slick-arrow {
        width: 84px;
        height: 67px;
        bottom: unset;
        top: -110px;
      }

    .gallery-slider-wrapper {
        width: 100%;
    }

    .slick-arrow::before {
        font-size: 24px;
        line-height: 67px;
    }

    .bdr::before {
        bottom: -2px;
        width: 420px;
    }  
    
    .gallery-slider::before {
        left: -350px;
        width: 386px;
        height: 492px;
    }

    .gallery-slider::after {
        right: -350px;
        width: 386px;
        height: 492px;
    }
}

@media(min-width: 1200px) {

    .gallery-slider-box {
        width: 420px !important;
        height: 283px !important;
        margin: 0 16px;
    } 

    .gallery-slider-wrapper {
        width: 100%;
    }   

    .gallery-slider-wrapper .gallery-slider-box:hover .video-image:before {
        background: linear-gradient(180deg, rgba(150,18,43,0.8015406846332283) 0%, rgba(210,36,41,0.8015406846332283) 100%);
    }

    .gallery-slider-box:hover .play-btn {
        opacity: 1;
    }
    
    .gallery-slider-wrapper .play-btn {
        width: 126px;
        height: 126px;
    }

    .gallery-slider-wrapper .play-btn-icon {
        width: 48px;
    }

    .gallery-slider {
        padding: 100px 0;
    }

    .gallery-slider-heading {
        padding: 0 0 35px;
    }

    .bdr::before {
        bottom: -5px;
        width: 420px;
    }  

    .gallery-slider::before {
        left: -180px;
        width: 474px;
        height: 100%;
        clip-path: polygon(25% 0%, 100% 0%, 70% 100%, 0% 100%);
    }

    .gallery-slider::after {
        right: -180px;
        width: 474px;
        height: 100%;
        clip-path: polygon(34% 0, 100% 0%, 70% 100%, 0% 100%);
    }

}

@media(min-width: 1400px) {
    .gallery-slider-wrapper {
        width: 100%;
    }

    .gallery-slider-wrapper .slick-prev {
        right: 100px;
      }

    .gallery-slider-wrapper .slick-next {
        right: 0;
    }
}

.video-image:hover .play-btn {
    -webkit-animation: breathing 5s ease-out infinite normal;
    animation: breathing 5s ease-out infinite normal;
}

.breath-wrapper__play {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

@-webkit-keyframes breathing {
    0% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    25% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    60% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    100% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
  }
  
  @keyframes breathing {
    0% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    25% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  
    60% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    100% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
  }