.fss-slider-main-wrapper{
    position:absolute!important;
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    padding:0!important;
    top:0!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    z-index:0!important;
    overflow:visible!important;
    box-sizing:border-box!important
}

.content .fss-slider-main-wrapper,
.sidebar .fss-slider-main-wrapper,
.container .fss-slider-main-wrapper,
.avia-section .fss-slider-main-wrapper,
.main-content .fss-slider-main-wrapper,
.responsive .container .fss-slider-main-wrapper{
    position:absolute!important;
    top:0!important;
    margin-top:0!important;
    padding-top:0!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:100vw!important;
    max-width:100vw!important;
    padding:0!important;
    margin:0!important
}

.container .fss-slider-main-wrapper{
    padding:0!important;
    margin:0!important;
    max-width:100vw!important;
    width:100vw!important
}

.responsive .container .fss-slider-main-wrapper{
    max-width:100vw!important;
    width:100vw!important
}

.fss-slider-inner-wrapper{
    position:relative;
    width:100%;
    height:100vh;
    margin:0!important;
    padding:0!important;
    top:0!important;
    left:0!important;
    overflow:hidden;
    box-sizing:border-box!important
}

.fss-slider{
    position:relative;
    width:100%!important;
    max-width:100%!important;
    height:100%;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important
}

.fss-slide{
    position:absolute;
    top:0;
    left:0;
    width:100%!important;
    max-width:100%!important;
    height:100%;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    opacity:0;
    transform:scale(1);
    transition:opacity 1.5s ease-in-out;
    z-index:1;
    will-change:opacity,
transform;
    box-sizing:border-box!important
}

.fss-slide.active{
    opacity:1;
    z-index:2
}

.fss-effect-fade .fss-slide{
    animation:none
}

.fss-effect-fade .fss-slide.active{
    animation:fss-fade-in 1.5s ease-in-out forwards
}

@keyframes fss-fade-in{
    from{
    opacity:0
}

to{
    opacity:1
}


}

.fss-effect-kenburns .fss-slide.active{
    animation:fss-kenburns-pro var(--fss-duration) linear forwards
}

@keyframes fss-kenburns-pro{
    0%{
    transform:scale(1) translate(0,
0)
}

100%{
    transform:scale(1.2) translate(-2%,
-2%)
}


}

.fss-prev,
.fss-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:10;
    background:rgb(0 0 0 / .5);
    color:#fff;
    border:none;
    padding:15px 18px;
    cursor:pointer;
    font-size:24px;
    line-height:1;
    border-radius:50%;
    transition:all 0.3s ease;
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
    box-shadow:0 4px 12px rgb(0 0 0 / .2)
}

.fss-prev:hover,
.fss-next:hover{
    background:rgb(0 0 0 / .8);
    transform:translateY(-50%) scale(1.1)
}

.fss-prev:active,
.fss-next:active{
    transform:translateY(-50%) scale(.95)
}

.fss-prev{
    left:30px
}

.fss-next{
    right:30px
}

.fss-dots{
    position:absolute;
    bottom:30px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:12px;
    z-index:10;
    padding:10px;
    border-radius:20px;
    background:rgb(0 0 0 / .2);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px)
}

.fss-dot{
    width:14px;
    height:14px;
    border-radius:50%;
    background:rgb(255 255 255 / .5);
    cursor:pointer;
    transition:all 0.3s ease;
    border:2px solid #fff0
}

.fss-dot:hover{
    background:rgb(255 255 255 / .8);
    transform:scale(1.2)
}

.fss-dot.active{
    background:#fff;
    transform:scale(1.3);
    box-shadow:0 0 10px rgb(255 255 255 / .5)
}

.fss-spacer{
    position:relative;
    width:100%;
    z-index:1;
    pointer-events:none;
    visibility:hidden;
    box-sizing:border-box!important
}

@media (max-width:767px){
    .fss-slider-inner-wrapper{
    height:85vh!important;
    top:0!important;
    margin-top:0!important;
    padding-top:0!important
}

.fss-prev,
.fss-next{
    padding:10px 13px;
    font-size:18px
}

.fss-prev{
    left:15px
}

.fss-next{
    right:15px
}

.fss-dots{
    bottom:20px;
    gap:8px;
    padding:8px
}

.fss-dot{
    width:10px;
    height:10px
}

.fss-spacer{
    height:85vh!important
}

.fss-effect-kenburns .fss-slide.active{
    animation:fss-fade-in 1.5s ease-in-out forwards
}


}

@media (min-width:768px) and (max-width:1024px){
    .fss-slider-inner-wrapper{
    height:90vh
}

.fss-prev,
.fss-next{
    padding:12px 15px;
    font-size:20px
}

.fss-prev{
    left:20px
}

.fss-next{
    right:20px
}

.fss-spacer{
    height:90vh
}


}

.fss-slider.rtl .fss-prev{
    left:auto!important;
    right:30px!important
}

.fss-slider.rtl .fss-next{
    right:auto!important;
    left:30px!important
}

@media (max-width:767px){
    .fss-slider.rtl .fss-prev{
    right:15px!important
}

.fss-slider.rtl .fss-next{
    left:15px!important
}


}

.fss-no-images-notice{
    text-align:center;
    padding:40px 20px;
    background:#f8f9fa;
    border:2px dashed #dee2e6;
    border-radius:8px;
    color:#6c757d;
    font-size:16px;
    margin:20px 0
}

.responsive .container .fss-slider-main-wrapper{
    max-width:100vw!important;
    width:100vw!important
}

.container .fss-slider-main-wrapper,
.container .fss-slider-inner-wrapper,
.container .fss-slider{
    padding:0!important;
    margin:0!important
}