/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

@media (max-width: 767px) {

    .elementor-sticky--active {
        z-index: 950 !important;
    }
    .sln-box--formactions {
        position: fixed;
        bottom: 0;
        left: 0;
        background: #fff; /**#f2f2f2;**/
        width: 105%;
        height: 80px;
        z-index: 5;
        padding: 10px;
    }

    .sln-box--formactions .pull-right {
        width: 45% !important;
    }


    #sln-salon .sln-total {
        position: fixed;
        bottom: 25px;
        left: 0;
        background: #fff; /**#f2f2f2;**/
        width: 105%;
        padding: 10px 30px;
        z-index: 5;
        box-shadow: 0px -4px 9px -3px rgb(129 43 224 / 50%);
    }
}


.sln-service, #sln-salon .sln-service {
    padding-top:0 !important;
    margin-bottom: 0 !important;
}

.sln-box--main .sln-service {
    top:-10px;
    margin-top: 10px !important;
    border: 1px solid rgb(150 107 246 / 40%);
}

#sln-salon.sln-salon--l .sln-attendant {
    margin-bottom: 0.5em !important;
    border: 1px solid rgb(150 107 246 / 40%);
}

.sln-attendant, #sln-salon .sln-attendant {
    padding-top: 1.1em;
    padding-bottom: 0.3em;
}

.sln-box--main .sln-service__header {
    margin-top: 15px;
}

#sln-salon h3.sln-steps-price.sln-service-price {
    font-size: 1em !important;
    font-weight: 800 !important;
}


.sln-box--main .sln-steps-description.sln-service-description {
    margin-bottom: 1.5em !important;;
}