@font-face {
    font-family: 'AnastasiaScriptC';
    src: url(../../../templates/helix_novisa/fonts/anastasiascriptc.otf) format('otf');
    font-weight: 400;
}

#sp-slider {
    --point-size: 16px;
    
    margin-bottom: 2rem;
}

#sp-slider .slide-desc-in .slide-desc-text .slide-text {
    font-size: 4rem;
}

#sp-slider .slide-desc-in .slide-desc-text .slide-text .desc_text {
    margin-inline-start: 55vw;
    margin-bottom: 0;
    font-size: clamp(2rem, 5vw + 1rem, 7rem);
}

#sp-slider .slide-desc-in .slide-desc-text .slide-text .desc_subtext {
    margin-bottom: clamp(2px, 1vw, calc(var(--point-size)/2));
    font-size: clamp(0.9rem, 4vw, 4.5rem);
    text-align: center;
}

#sp-slider .djslider-default .navigation-container-custom,
#sp-slider .djslider-default .navigation-numbers {
    position: absolute;
    top: auto;
    bottom: 0px;
    right: calc(50vw - 33px);
    line-height: 0;
}

#sp-slider .djslider-default .navigation-container-custom .load-button,
#sp-slider .djslider-default .navigation-numbers .load-button {
    width: clamp(12px, 1.5vw, var(--point-size));
    height: clamp(12px, 1.5vw, var(--point-size));
}


/* #sp-slider {
    --point-size: 16px;

    margin-bottom: 2rem;

    & .slide-desc-in .slide-desc-text .slide-text {
        font-size: 4rem;

        & .desc_text {
            margin-inline-start: 55vw;
            margin-bottom: 0;
            font-size: clamp(2rem, 5vw + 1rem, 7rem);
        }

        & .desc_subtext {
            margin-bottom: clamp(2px, 1vw, calc(var(--point-size)/2));
            font-size: clamp(0.9rem, 4vw, 4.5rem);
            text-align: center;
        }
    }

    & .djslider-default .navigation-container-custom,
    .djslider-default .navigation-numbers {
        position: absolute;
        top: auto;
        bottom: 0px;
        right: calc(50vw - 33px);
        line-height: 0;

        & .load-button {
            width: clamp(12px, 1.5vw, var(--point-size));
            height: clamp(12px, 1.5vw, var(--point-size));
        }
    }
} */