.slider-nav .slick-prev,
 .slider-nav .slick-next {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 30px;
            height: 30px;
            border: 1px solid #ccc;
            z-index: 15;
            background-color: #eceef0;
        }

        .slider-nav .slick-prev {
            left: -6%;
        }

        .slider-nav .slick-next {
            right: -5%;
        }

        .slider-nav .slick-prev::before,
        .slider-nav .slick-next::before {
            content: "";
            display: inline-block;
            position: absolute;
            left: 50%;
            top: 50%;
            width: 5px;
            height: 8px;
            background-repeat: no-repeat;
            background-position: center center;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
        }

        .slider-nav .slick-prev::before {
            background-image: url(images/index5_btnL1.png);
        }

        .slider-nav .slick-next::before {
            background-image: url(images/index5_btnR1.png);
        }

        .slider-nav .slick-prev:hover,
        .slider-nav .slick-next:hover {
            background-color: #cc3333;
            border-color: #cc3333;
        }

        .slider-nav .slick-prev:hover::before {
            background-image: url(images/index5_btnL2.png);
        }

        .slider-nav .slick-next:hover::before {
            background-image: url(images/index5_btnR2.png);
        }

        @media(max-width: 768px) {
            .slider-for {
                padding: 0;
            }

            .slider-nav .img img {
                width: 80px;
                height: 80px;
            }

            .slider-nav .slick-prev {
                left: 0;
            }

            .slider-nav .slick-next {
                right: 0;
            }

        }