.disko-component-slider-crossnav {
    padding: 6% 0% 6% 8%;    
}

.disko-component-slider-crossnav .project-slider-direction,
.disko-component-slider-crossnav .article-slider-direction {
    display: flex;
    margin-top: 40px;
}

.disko-component-slider-crossnav .project-previous,
.disko-component-slider-crossnav .project-next,
.disko-component-slider-crossnav .article-previous,
.disko-component-slider-crossnav .article-next {
    width: 67px;
    height: 67px;
    border: 1px solid #00A880;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 400ms ease-in-out;
    cursor: pointer;
}

.disko-component-slider-crossnav .project-previous svg,
.disko-component-slider-crossnav .project-next svg,
.disko-component-slider-crossnav .article-previous svg,
.disko-component-slider-crossnav .article-next svg {
    fill: #00A880;
    transition: all 400ms ease-in-out;
}
        
.disko-component-slider-crossnav .project-previous:hover,
.disko-component-slider-crossnav .project-next:hover,
.disko-component-slider-crossnav .article-previous:hover,
.disko-component-slider-crossnav .article-next:hover {
    background: #00A880;
}
          
.disko-component-slider-crossnav .project-previous:hover svg,
.disko-component-slider-crossnav .project-next:hover svg,
.disko-component-slider-crossnav .article-previous:hover svg,
.disko-component-slider-crossnav .article-next:hover svg {
    fill: #FFF;
    transform: scale(1.2);
}
    
.disko-component-slider-crossnav .project-previous,
.disko-component-slider-crossnav .article-previous {
    transform: rotate(125deg);
    margin-right: 20px;
}

.disko-component-slider-crossnav .project-next,
.disko-component-slider-crossnav .article-next {
    transform: rotate(305deg);
}

.disko-component-slider-crossnav .slider-crossnav {
    width: 100%;
    margin-top: 65px;
    padding-right: 6%;
}
.disko-component-slider-crossnav.swiper .slider-crossnav {
    width: 100%;
    margin-top: 65px;
    padding-right: 0;
}


.disko-component-slider-crossnav .slider-crossnav.swiper .slide-crossnav {
    width: 100%;
    padding-right: 0;
}

.disko-component-slider-crossnav .slider-crossnav .slide-crossnav {
    width: calc( 100% / 2);
    padding-right: 5%;
}

.disko-component-slider-crossnav .slider-crossnav .slide-crossnav .slide-crossnav-content {
    display: block;
}

.disko-component-slider-crossnav .slider-crossnav .slide-crossnav .slide-crossnav-content .slide-crossnav-img-container {
    display: block;
    overflow: hidden;
    aspect-ratio: 385 / 221;
    border-radius: 50px;
    margin-bottom: 20px;
}

.disko-component-slider-crossnav .slider-crossnav .slide-crossnav .slide-crossnav-content .slide-crossnav-img-container .slide-crossnav-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 400ms ease-in-out;
    transform: scale(1);
    will-change: transform;
}

.disko-component-slider-crossnav .slider-crossnav .slide-crossnav .slide-crossnav-content:hover .slide-crossnav-img-container .slide-crossnav-img {
    transform: scale(1.1);
}

.disko-component-slider-crossnav .slider-crossnav .slide-crossnav .slide-crossnav-content .slide-crossnav-title {
    display: block;
    margin-bottom: 20px;
    line-height: 40px;    
    font-size: 30px;
}

.disko-component-slider-crossnav .slider-crossnav .slide-crossnav .slide-crossnav-content .slide-crossnav-description {
    display: block;
}

.disko-component-slider-crossnav .crossnav-pagination-project,
.disko-component-slider-crossnav .crossnav-pagination-article {
    display: flex;
    width: 100%;
    justify-content: center;
    padding-right: 8%;
    margin-top: 30px;
}

.disko-component-slider-crossnav .crossnav-pagination-project .swiper-pagination-bullet,
.disko-component-slider-crossnav .crossnav-pagination-article .swiper-pagination-bullet {
    height: 2px;
    width: 40px;
    background-color: #00A880;
    margin-right: 10px;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .disko-component-slider-crossnav {
        padding: 40px 0;    
    }
    
    .disko-component-slider-crossnav .crossnav-pagination-project,
    .disko-component-slider-crossnav .crossnav-pagination-article {
        justify-content: space-evenly;
        margin-right: 0;
        padding-right: 0;
    }

    
    .disko-component-slider-crossnav .crossnav-title {
        padding: 0 8%;
    }
    
    .disko-component-slider-crossnav .slider-crossnav {
        margin-top: 35px;
        padding-left: 8%;
    }
    
    .disko-component-slider-crossnav.swiper .slider-crossnav {
        width: 100%;
        margin-top: 65px;
        padding-right: 0;
    }


    .disko-component-slider-crossnav .slider-crossnav .swiper-wrapper {
        flex-wrap: wrap;
    }
    .disko-component-slider-crossnav .slider-crossnav.swiper .swiper-wrapper {
        flex-wrap: inherit;
    }
    
    .disko-component-slider-crossnav .project-slider-direction,
    .disko-component-slider-crossnav .article-slider-direction {
        padding-left: 8%;
        margin-top: 20px;
    }
    
    .disko-component-slider-crossnav .project-previous, 
    .disko-component-slider-crossnav .project-next, 
    .disko-component-slider-crossnav .article-previous, 
    .disko-component-slider-crossnav .article-next {
        width: 45px;
        height: 45px;
    }
    
    .disko-component-slider-crossnav .slider-crossnav.swiper .slide-crossnav {
        width: 100%;
        padding-right: 0;
        margin-bottom: 0;
    }
    
    .disko-component-slider-crossnav .slider-crossnav .slide-crossnav {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .disko-component-slider-crossnav .slider-crossnav .slide-crossnav:last-child {
        margin-bottom: 0;
    }
}
.slider-crossnav .swiper-wrapper {
    height: auto;
}