:root{
    --fn-title-size:28px;
    --fn-excerpt-size:16px;
}

/* fullpage-news-slider styles */
.fn-slider-wrapper{position:relative;width:100vw;height:100vh;overflow:hidden}
.fn-slides{height:100%;width:100%;position:relative}
.fn-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;opacity:0;transition:opacity .8s ease-in-out;display:block}
.fn-slide.active{opacity:1;z-index:2}
.fn-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
.fn-slide-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;text-decoration:none}
.fn-bottom-bar{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:6;
    width:100%;
    box-sizing:border-box;
    padding:0;
}
.fn-bar-inner{
max-width:1200px;margin:0 auto;padding:20px
    background:transparent;
}
.fn-title{margin:0 0 6px 0;color:#fff;font-size:var(--fn-title-size);line-height:1.1}
.fn-excerpt{color:#fff;font-size:var(--fn-excerpt-size);line-height:1.4;margin:0}
.fn-dots{position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:10px}
.fn-dot{width:12px;height:12px;border-radius:50%;background:#ffffff88;cursor:pointer;opacity:0.8}
.fn-dot.active{background:#ffffff}
@media (max-width:800px){
    .fn-title{font-size:20px}
    .fn-excerpt{font-size:14px}
    .fn-bar-inner{padding:12px}
}