.preloader,.related-articles .owl-stage{
    display:flex
}
.owl-carousel .owl-dots,.top-button{
    text-align:center
}
html{
    --main-color:#f3961f;
    --light-main:#d7ecf1;
    --lighter-main:#edf7f9;
    --secondary-color:#f7c419
}
body{
    overflow-x:hidden
}
@keyframes preloader{
    0%{
        box-shadow:0 0 0 rgba(0,0,0,.5);
        opacity:0;
        transform:translateX(-50px) scale(1)
    }
    50%{
        box-shadow:0 20px 50px rgba(0,0,0,.5);
        opacity:1;
        transform:translateX(0) scale(1.2)
    }
    100%{
        box-shadow:0 0 0 rgba(0,0,0,.5);
        opacity:0;
        transform:translateX(50px) scale(1)
    }
}
.owl-carousel.header .owl-stage-outer{
    border-radius:20px;
    overflow:hidden
}
.owl-carousel.header .playpause{
    display:none;
    font-size:4rem
}
.defs-tabs .tabs-body>div.active,.owl-carousel.header .playpause.shown{
    display:block
}
.owl-carousel .owl-dots .owl-dot{
    background-color:#c5d5df;
    width:65px;
    height:8px;
    margin:0 10px;
    border-radius:8px
}
.owl-carousel .owl-dots .owl-dot.active{
    background-color:var(--main-color);
    box-shadow:rgba(4,92,131,.4) 0 5px 15px
}

@media (max-width:1400px){

    .clients-carousel .owl-stage .active:not(.active + .active)+.active:not(.center),.clients-carousel .owl-stage .center+.active{
        transform:scale(1)!important
    }
    .clients-carousel .owl-stage .center{
        transform:scale(1.2)!important
    }
    .clients-carousel .owl-stage .active:not(.active + .active){
        margin:0 60px 0 10px!important
    }
  
}


@media (max-width:768px){
   
    .clients-carousel .owl-stage .center{
        transform:scale(1)!important
    }
    .clients-carousel .owl-stage .active:not(.active + .active){
        margin:0 60px 0 0!important
    }
    .clients-carousel .owl-item{
        padding:10px
    }

}