/* image-with-links  */
.layout-image_with_links .subcat-link * {
    color: var(--color-black);
    cursor: pointer; 
    transition: all 0.3s ease;
}
.layout-image_with_links .subcat-link:hover * {
    color: var(--color-blue); 
}
.layout-image_with_links .subcat-link:hover .btn-round-blue {
    background: var(--color-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.33 10.28'%3E%3Cpath d='m11.33,5.14l-5.17,5.14-.96-.96,3.57-3.51H0v-1.34h8.77L5.2.96l.96-.96,5.17,5.14Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center / 15px;
}
.layout-image_with_links .items-right {
    justify-items: right;
}
.layout-image_with_links .scrollable-container::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 10%;
    bottom: -1px;
    left: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
    pointer-events: none;
    user-select: none;
}
.layout-image_with_links .scrollable-container .inner-container {
    position: absolute;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
@media (max-width:1200px){
    .layout-image_with_links .scrollable-container {
        min-height: 50vh;
        max-height: 75vh;
    }
}
@media (min-width:1201px){
    .layout-image_with_links .scrollable-container {
        min-height: unset;
        max-height: unset;
    }
}
.layout-image_with_links .scrollable-container .inner-container::-webkit-scrollbar {
	width: 5px;
}
.layout-image_with_links .scrollable-container .inner-container::-webkit-scrollbar-track {
	background: transparent;
}
.layout-image_with_links .scrollable-container .inner-container::-webkit-scrollbar-thumb {
	background-color: var(--color-blue);
	border-radius: 6px;
	/* border: 1px solid var(--color-white); */
}
/* END image-with-links  */