.my-carousel-wrapper{position:relative;display:flex;align-items:center;gap:1em;width:100%;box-sizing:border-box}.carousel-viewport{overflow:hidden;flex:1 1 auto;outline:none}.carousel-track{display:flex;gap:2em;column-gap:2em;transition:transform 1s cubic-bezier(0.25, 0.75, 0.5, 1);will-change:transform;padding:1em 0;position:relative}.carousel-item{width:31%;height:500px;box-sizing:border-box;flex:0 0 auto;position:relative !important;transition:all 1s linear !important;scale:1;overflow:visible !important}.carousel-item:hover{scale:1.1}.carousel-item .image{z-index:0;width:100%;height:500px;background-size:cover;background-position:bottom center}.carousel-item .ribbon{position:absolute;top:23px;right:-25px;z-index:9999;background:#399;color:#fff;padding:5px 10px;font-weight:400;font-size:14px;transform:rotate(45deg);text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.2);white-space:nowrap}.carousel-item .title{height:7em;font-size:16px;line-height:1.2;background:rgba(23,34,80,.8);z-index:200;position:absolute;bottom:0;width:100%;color:#fff !important;font-weight:200 !important;transition:all 1s linear !important}.carousel-item .title:hover{background:rgba(51,153,153,.8)}.carousel-item .title h3{color:#fff !important;text-transform:uppercase;margin-bottom:0 !important}.carousel-btn{padding:8px 10px;background:none;cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center}.carousel-btn img{width:1em;transition:all .5s linear !important;scale:1}.carousel-btn img:hover{scale:2}.carousel-btn:disabled{opacity:.3;cursor:default}@media(max-width: 800px){.carousel-item{min-width:200px}}@media(max-width: 480px){.carousel-item{min-width:160px}.carousel-item__title{font-size:14px}}/*# sourceMappingURL=my-carousel.css.map */