.custom-cursors-collection { 
    position: fixed;
    translate: none;
    rotate: none;
    scale: none;
    left: 0;
    top: 0;
    z-index: 10001;
    pointer-events: none;
    touch-action: none;
    width: 0;
    height: 0;
    display: none;
}
/*show block only if device support hover*/
@media (hover: hover) {
    .custom-cursors-collection { 
        display: block;
    }
}

.custom-cursors-collection .cursors-list { 
    position: relative;
}

.custom-cursors-collection .cursors-list .cursor {
    position: absolute;
    opacity: 1;
    left: 20px;
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
    transition: clip-path 0.3s cubic-bezier(0.76, 0, 0.24, 1) 0s,
        opacity 0.3s cubic-bezier(0.76, 0, 0.24, 1) 0s;
}
.custom-cursors-collection .cursors-list .cursor.inactive {
    opacity: 0;
    clip-path: polygon(0 0, 0 0, 100% 0, 100% 0);
    transition: clip-path 0.3s cubic-bezier(0.76, 0, 0.24, 1) 0s,
        opacity 0.3s cubic-bezier(0.76, 0, 0.24, 1) 0s;
}


.custom-cursor-hover-js{
    /*cursor: url(/design/img/x.png), auto;*/
}
.custom-cursors-collection .cursors-list .cursor.cursor-icon-video-link,
.custom-cursors-collection .cursors-list .cursor.cursor-icon-down-white{
    position: absolute;
    opacity: 1;
    transform: scale(1);
    transition: all 0.3s ease-out;
}
.custom-cursors-collection .cursors-list .cursor.cursor-icon-video-link.inactive,
.custom-cursors-collection .cursors-list .cursor.cursor-icon-down-white.inactive{
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s ease-out;
}