.sep-custom-cols {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
}

.sep-custom-cols .wrapper.tdin {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column; 
    justify-content: center; 
    align-items: center;
}

.sep-custom-cols .wrapper.tdin .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 2; 
}

.sep-custom-cols .image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sep-custom-cols .sep-item .image-wrapper,
.sep-custom-cols .sep-item .wrapper.tdin {
    transition: transform 1s ease, background-position 1s ease;
    transform-style: preserve-3d; 
}

.sep-custom-cols .sep-item a:hover .image-wrapper,
.sep-custom-cols .sep-item a:hover .wrapper.tdin {
    transform: scale(1.05); 
    cursor: pointer;
    background-position: center;
}

.sep-custom-cols .sep-item .wrapper.tdin .title,
.sep-custom-cols .sep-item .wrapper.tdin .description {
    transform: none; 
}

.sep-custom-cols .content.outside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}

.sep-custom-cols .wrapper.tin-dout {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sep-custom-cols .wrapper.tin-dout .title.main {
    z-index: 2; 
    text-align: center;
}

/* Descripción fuera en 'tin-dout' */
.sep-custom-cols .description.outside {
    text-align: center;
    margin-top: 10px;
    z-index: 2; 
}

.sep-custom-cols .sep-item {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.sep-custom-cols .sep-item a {
    display: block;
    width: 100%;
    height: 100%;
}

.sep-custom-cols .sep-item a:hover .cover {
    background-color: rgb(23 55 126 / 10%);
}

.sep-custom-cols .slick-prev, 
.sep-custom-cols .slick-next {
    position: absolute;
    top: auto;
    color: #000 !important;
    font-size: 20px !important;
    z-index: 999;
    background-color: transparent;
    border: 0;
    border-radius: 30px !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

/* ARROWS TOP */
.sep-custom-cols .slick-prev.top-left,
.sep-custom-cols .slick-prev.top-center{      top: 0; left: 0;         }
.sep-custom-cols .slick-next.top-left,
.sep-custom-cols .slick-next.top-center{      top: 0; left: 90px;      }
.sep-custom-cols .slick-prev.top-right{       top: 0; right: 90px;     }
.sep-custom-cols .slick-next.top-right{       top: 0; right: 0;        }

/* ARROWS VERTICAL MIDDLE */
.sep-custom-cols .slick-prev.center-left,
.sep-custom-cols .slick-prev.center-center{   top: 50%; left: 0;       }
.sep-custom-cols .slick-next.center-left,
.sep-custom-cols .slick-next.center-center{   top: 50%; left: 90px;    }
.sep-custom-cols .slick-prev.center-right{    top: 50%; right: 90px;   }
.sep-custom-cols .slick-next.center-right{    top: 50%; right: 0;      }

/* ARROWS BOTTOM */
.sep-custom-cols .slick-prev.bottom-left,
.sep-custom-cols .slick-prev.bottom-center{   top: auto; bottom: 0; left: 0;      }
.sep-custom-cols .slick-next.bottom-left,
.sep-custom-cols .slick-next.bottom-center{   top: auto; bottom: 0; left: 90px;   }
.sep-custom-cols .slick-prev.bottom-right{    top: auto; bottom: 0; right: 90px;  }
.sep-custom-cols .slick-next.bottom-right{    top: auto; bottom: 0; right: 0;     }

.sep-custom-cols .wrapper.top-left{    align-items: start; justify-content: start;	}
.sep-custom-cols .wrapper.top-center{    justify-content: start; align-items: center;	}
.sep-custom-cols .wrapper.top-right{    justify-content: start;  align-items: end;	}
.sep-custom-cols .wrapper.center-left{    justify-content: center;  align-items: start;	}
.sep-custom-cols .wrapper.center-center{    justify-content: center; align-items: center;	}
.sep-custom-cols .wrapper.center-right{    justify-content: center; align-items: end;	}
.sep-custom-cols .wrapper.bottom-left{	   justify-content: end; align-items: start;	}
.sep-custom-cols .wrapper.bottom-center{    justify-content: end; align-items: center;	}
.sep-custom-cols .wrapper.bottom-right{    justify-content: end; align-items: end;	}