/*==================================================
    BACK TO TOP
==================================================*/

.back-to-top{

    position:fixed;

    right:25px;

    bottom:25px;

    width:48px;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:0;

    border-radius:50%;

    background:var(--primary);

    color:#111;

    font-size:16px;

    cursor:pointer;

    opacity:0;

    visibility:hidden;

    transform:translateY(15px);

    z-index:9999;

    box-shadow:0 8px 25px rgba(0,0,0,.18);

    transition:all .3s ease;

}

.back-to-top.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.back-to-top:hover{

    background:var(--primary-dark);

    color:#fff;

    transform:translateY(-3px);

}

@media(max-width:576px){

    .back-to-top{

        right:18px;

        bottom:18px;

        width:44px;

        height:44px;

    }

}