.custom-slider{max-width:100%;margin:0 auto;position:relative}.slider-track{overflow:hidden}.slider-fc-container{display:flex;transition:transform .3s ease}.slide{text-align:left;flex:0 0 33.333%;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.slider-prev,.slider-next{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;height:60px;background-color:#1e3059;width:30px;border-radius:3px;font-size:inherit;color:#fff;z-index:1;opacity:0;border:none;box-shadow:2px 2px 6px rgba(30,48,89,.2);transition:opacity .3s ease,transform .3s ease}.slider-prev i,.slider-next i{font-size:20px;color:#fff}.slider-next{right:-25px;transform:translateX(10px) translateY(-50%)}.slider-prev{left:-25px;transform:translateX(-10px) translateY(-50%)}.slider-prev:before,.slider-next:before{display:none}.custom-slider:hover .slider-next,.custom-slider:hover .slider-prev{opacity:.75;transform:translateX(0) translateY(-50%)}.custom-slider:hover .slider-next:hover,.custom-slider:hover .slider-prev:hover{opacity:1}.slider-dots{text-align:center;margin-top:10px;display:none}.slider-dot{display:inline-block;width:12px;height:12px;background:#999;border-radius:50%;margin:0 5px;cursor:pointer}.slider-dot.active{background:#1e3059}@media(max-width: 992px){.slide{flex:0 0 50%}.slider-prev,.slider-next{width:28px;height:28px}.slider-prev i,.slider-next i{font-size:18px}.slider-prev{left:-15px}.slider-next{right:-15px}}@media(max-width: 768px){.custom-slider .slider-fc-container{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;transform:translateX(0) !important}.custom-slider .slider-prev,.custom-slider .slider-next{display:none}.custom-slider .slide{flex:none}.custom-slider .slider-prev,.custom-slider .slider-next,.custom-slider .slider-dots{display:none}}@media(max-width: 576px){.custom-slider .custom-slider,.custom-slider .slider-track,.custom-slider .slider-fc-container{grid-template-columns:1fr}}.stories-list{margin:0 -10px !important;max-width:calc(100% + 20px) !important}.stories-list .slider-dots{margin:10px;display:flex}@media(max-width: 768px){.stories-list .slide{flex:0 0 50%}.stories-list .slider-prev{left:15px}.stories-list .slider-next{right:15px}}/*# sourceMappingURL=slider.css.map */
