[data-custom-block="tile-slider"] { margin:75px 0px 100px; } 
[data-custom-block="tile-slider"] .heading { font-family: var(--secondaryFont); font-size:2.5rem; font-weight:400; text-align:center; margin-bottom:50px; } 

[data-custom-block="tile-slider"] .tile { display:flex; align-items:center; justify-content:center; height:100%; min-height:100px; position: relative; overflow: hidden;} 
[data-custom-block="tile-slider"] .tile .text { position: absolute; z-index:2;display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; top: 0; left: 0; color: #FFFFFF; font-size: 2.5rem; font-weight: 400; font-family:var(--secondaryFont); background-color: rgba(0, 0, 0, 0.4); text-align: center; padding: 30px; } 
[data-custom-block="tile-slider"] .tile img { display:block; max-width:100%; max-height:100%; width: 100%; aspect-ratio: 16/18; object-fit: cover; transition:all .25s ease-in-out;} 
[data-custom-block="tile-slider"] .tile:hover img {transform:scale(1.05);}

[data-custom-block="tile-slider"] .tile-slider-slider { padding-bottom: 60px; } 
[data-custom-block="tile-slider"] .splide__track { margin-left:-20px; margin-right:-20px; -webkit-mask-image: linear-gradient(to right, transparent 0px, black 20px, black calc(100% - 20px), transparent 100%); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-image: linear-gradient(to right, transparent 0px, black 20px, black calc(100% - 20px), transparent 100%); mask-repeat: no-repeat; mask-size: 100% 100%; } 
[data-custom-block="tile-slider"] .splide__arrow { top: calc(100% - (30px + 60px)); border:1px solid #fff; background-color: transparent; padding:4px; } 
[data-custom-block="tile-slider"] .splide__arrow img { filter: invert(1); } 
[data-custom-block="tile-slider"] .splide__arrow.splide__arrow--prev img { transform: scaleX(-1); } 
[data-custom-block="tile-slider"] .splide__pagination__page { height:15px; width: 15px; border: 1px solid #000; background:#fff } 
[data-custom-block="tile-slider"] .splide__pagination__page.is-active, [data-custom-block="tile-slider"] .splide__pagination__page:hover { background-color: #000; transform: unset; } 

@media screen and (max-width: 768px) 
 {
[data-custom-block="tile-slider"] .heading { font-size: 1.75rem; } 
[data-custom-block="tile-slider"] .tile .text { font-size: 1.75rem; padding: 15px; } 
 }