document.addEventListener('DOMContentLoaded', function()
{
$(document).ready(function(){

    function stepfour(){
    $(".stepsliderfour").slick({
        dots: false,
        arrows: true,
        slidesToShow: 4,
        slidesToScroll: 1,
        infinite: false,
        draggable: true,
        autoplay: false,
        autoplaySpeed: 5000,
        speed: 800,
         responsive: [
            {
                breakpoint: 1700,
                settings: {
                    slidesToShow: 3
                }
                },
                 {
                breakpoint: 680,
                settings: {
                    slidesToShow: 3
                }
                },
                 {
                breakpoint: 666,
                settings: {
                    slidesToShow: 2
                }
                },
                {  
                breakpoint: 481,
                settings: {
                     slidesToShow: 1
                }
            }
        ]
    });


 var stepsliderfour = document.getElementsByClassName('stepsliderfour');
 stepsliderfour[0].setAttribute("data-wow-duration", "1.5s" );

        var stepitem = document.getElementsByClassName('stepslidecontfour');
        var s = 0.3;
         for (var i = 0; i <  stepitem.length; i++) {
                stepitem[i].setAttribute('data-wow-delay', s+"s");
                s = s+0.4;
            }


           var bgcolor = $('.stepcontfour').css('background-color');
           $('.stepsliderfour .kraytslickarrow').css({'border-color':bgcolor});
           var border = $('.stepslidecontphotofour').css('background-color');
           $('.stepsliderfour .slick-arrow').css({'background-color': border});
           var color = $('.stepslideconttexttopfour').css('color');
           $('.steparrowlinefour').css({'background-color': color});
           $('.steparrowarrowfour').css({'border-color': color});
           




        } stepfour();
});
});