jQuery(document).ready(function($) {
    
    $(".devops_tech_box").on('click', function(e){
      e.preventDefault();
      return false;
    });   

    var owlblockchaincarousel1 = $(".blockchain-carousel1");
    owlblockchaincarousel1.owlCarousel({
        nav: false,
        dots: true,
        items: 5,
        loop:false,
       //autoplay: true,
        autoplayHoverPause: true,
          itemsDesktop : [1499,4],
          itemsDesktopSmall : [1199,3],
          itemsTablet : [899,2],
          itemsMobile : [599,1],
    
          navigation : false,
         // navigationText : ['<span class="fa-stack"><i class="fa fa-circle fa-stack-1x"></i><i class="fa fa-chevron-circle-left fa-stack-1x fa-inverse"></i></span>','<span class="fa-stack"><i class="fa fa-circle fa-stack-1x"></i><i class="fa fa-chevron-circle-right fa-stack-1x fa-inverse"></i></span>'],
          responsive:{
            0:{
                items:2,
                margin:15
            },
            991:{
              items:4,
            },
            600:{
                items:2
            },
            1000:{
                items:5
            }
        }
    });


    var owlblockchaintrendcarousel = $(".blockchain-trend-carousel");
    owlblockchaintrendcarousel.owlCarousel({
        nav: true,
    items: 3,
    loop:true,
   // autoplay: true,
    autoplayHoverPause: true,
      itemsDesktop : [1499,4],
      itemsDesktopSmall : [1199,3],
      itemsTablet : [899,2],
      itemsMobile : [599,1],

      navigation : true,
      navigationText : ['<span class="fa-stack"><i class="fa fa-circle fa-stack-1x"></i><i class="fa fa-chevron-circle-left fa-stack-1x fa-inverse"></i></span>','<span class="fa-stack"><i class="fa fa-circle fa-stack-1x"></i><i class="fa fa-chevron-circle-right fa-stack-1x fa-inverse"></i></span>'],
      responsive:{
        0:{
            items:1,
            margin:15,
            nav:false,
            dots:true,
        },
        991:{
          items:4,
        },
        600:{
            items:2,
            nav:false,
            dots:true,
        },
        1000:{
            items:3
        }
    }
    });


    // $('.devops_tech_box').each(function(){
            let allVar = $('.devops_tech_box h3');
            for(let i of allVar)
            {
                if(i.innerText.length > 22)
                {
                    $(i).addClass('small-letter')
                }
            }
            // if($(this).length > 10){
            //     $(this).addClass('small-letter')
            // }
        // })
    // Tab javascript

$(".devops_tech_list:nth-child(1)").css("color","#3080c2");
$(".devops_tech_list:nth-child(1)").addClass("item_active");

$(".devops_tech_list").on('click',function(){
        var id = $(this).attr("id");
        $(".devops_tech_list").css("color","#5c5c5c");
        $(".devops_tech_list").removeClass("item_active");
        $(this).addClass("item_active");
        $(this).css("color","#3080c2");
        
       
      //  setTimeout(function(){  
            $(".div_tab").hide();
            $("#"+id+"_section").show();
            initilizeCourselDevopstechStack()
   // })
});

initilizeCourselDevopstechStack();
$(".div_tab").hide();
$(".div_tab:nth-child(1)").show();

function initilizeCourselDevopstechStack()
{$('.carousedevpos-carousel1l').owlCarousel('destroy'); 
    var owl = $(".devpos-carousel1");
    owl.owlCarousel({
        nav: false,
        dots: true,
        items: 5,
        loop:false,
        lazyLoad : false,
       //autoplay: true,
        autoplayHoverPause: true,
          itemsDesktop : [1499,4],
          itemsDesktopSmall : [1199,3],
          itemsTablet : [899,2],
          itemsMobile : [599,1],
    
          navigation : false,
         // navigationText : ['<span class="fa-stack"><i class="fa fa-circle fa-stack-1x"></i><i class="fa fa-chevron-circle-left fa-stack-1x fa-inverse"></i></span>','<span class="fa-stack"><i class="fa fa-circle fa-stack-1x"></i><i class="fa fa-chevron-circle-right fa-stack-1x fa-inverse"></i></span>'],
          responsive:{
            0:{
                items:2,
                margin:15
            },
            991:{
              items:4,
            },
            600:{
                items:2
            },
            1000:{
                items:5
            }
        }
    });
    
}


})