.fx-icon-links-container {
    margin-top: 20px;
    padding-bottom: 80px;
}

.fx-icon-link-item{
    position: relative;
}

.fx-icon-links-slider {
    background: #F5F5F5;
}

.fx-icon-links-wrap {
    padding: 10px;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
    max-width: calc(100% - 50px);
    position: relative;
    margin: 20px 10px;
    box-shadow: -8px 8px 0 #EDEDED;
}

.fx-icon-links-wrap::before,
.fx-icon-links-wrap h4::after {
    content: " ";
    position: absolute;
}

.fx-icon-links-wrap::before{
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background: #fff;
    transform-origin: bottom left;transform: skew(-25deg, 0deg);
}

.fx-icon-links-wrap h4::after {
    background: currentColor;    
    height: 15px;
    width: 15px;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
}

.fx-icon-links-wrap img {
    max-width: 30px;
    max-height: 30px;
    object-fit: contain;
    text-align: center;
}

.fx-icon-links-wrap h4 {
    width: calc(100% - 70px);
    line-height: 26px;
    padding: 0;
}

.fx-icon-links-container .slick-arrow {
    box-shadow: -6px 6px 0 #EDEDED;
    border-radius: 0;
    bottom: 0;
    left: 52%;
}

.fx-icon-links-container .slick-arrow::before {
    width: 23px;
    height: 15px;
    background: #C70000;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.fx-icon-links-wrap h4::after,
.fx-icon-links-container .slick-arrow::before {    
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='15' viewBox='0 0 24 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.2118 6.79946L16.7004 0.287898C16.5145 0.102025 16.2668 0 16.0026 0C15.7382 0 15.4906 0.102171 15.3047 0.287898L14.7136 0.879232C14.5278 1.06481 14.4255 1.31269 14.4255 1.57699C14.4255 1.84114 14.5278 2.09737 14.7136 2.28295L18.5122 6.08998H1.44368C0.899545 6.08998 0.469604 6.51596 0.469604 7.06024V7.89623C0.469604 8.44051 0.899545 8.90944 1.44368 8.90944H18.5553L14.7137 12.7377C14.528 12.9236 14.4257 13.1647 14.4257 13.429C14.4257 13.693 14.528 13.9377 14.7137 14.1234L15.3049 14.7128C15.4908 14.8987 15.7383 15 16.0028 15C16.2669 15 16.5147 14.8974 16.7005 14.7115L23.212 8.2001C23.3983 8.01364 23.5007 7.76474 23.5 7.50015C23.5006 7.23468 23.3983 6.98563 23.2118 6.79946Z' fill='black'/%3E%3C/svg%3E%0A");
    mask-repeat: no-repeat;
    mask-size: contain;
}


.fx-icon-links-container .slick-track {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.fx-icon-links-container .slick-prev::before {
    transform: scaleX(-1);
    left: 15px;
}

.fx-icon-links-container .slick-prev {
    left: 51%;
}

.fx-icon-links-container .slick-arrow:hover {
        background: linear-gradient(to bottom, #c70000 0%, #640000 100%);
}
.fx-icon-links-container .slick-arrow:hover::before {
    background: #fff;
}

.fx-icon-links-pair:not(:first-child) {
    display: none;
}

.slick-slider .fx-icon-links-pair {
    display: block;
}

/* Media Queries */

@media (min-width: 992px) {
    .fx-icon-links-wrap {
        padding: 20px 30px 20px 20px;;
        max-width: calc(100% - 100px);
    }
    .fx-icon-links-wrap img {
        max-width: 50px;
        max-height: 50px;
    }

    .fx-icon-links-wrap h4::after {
        background: currentColor;    
        height: 15px;
        width: 23px;
        right: -20px;
        top: 50%;
        transform: translateY(-50%);
    }
    
}
@media (min-width: 1200px) {
    .fx-icon-link-item:hover img {
        filter: brightness(0) invert(1);
    }
    .fx-icon-link-item:hover .fx-icon-links-wrap h4 {
        color: #fff; 
    }
    
    .fx-icon-link-item:hover .fx-icon-links-wrap {
        box-shadow: -8px 8px 0 #C70000;
    }
    .fx-icon-link-item:hover .fx-icon-links-wrap,
    .fx-icon-link-item:hover .fx-icon-links-wrap::before {
        background: linear-gradient(to bottom, #c70000 0%, #640000 100%);
    } 
}