/*==================================================
SCROLL TO TOP
==================================================*/

#scrollTopBtn{

    position:fixed;

    right:30px;

    bottom:30px;

    width:58px;

    height:58px;

    border:none;

    border-radius:50%;

    background:linear-gradient(135deg,#0F4C81,#1768B3);

    color:#fff;

    font-size:22px;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:0 15px 35px rgba(15,76,129,.30);

    opacity:0;

    visibility:hidden;

    transform:translateY(20px);

    transition:all .35s ease;

    z-index:9999;

}

#scrollTopBtn.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

#scrollTopBtn:hover{

    transform:translateY(-6px);

    background:linear-gradient(135deg,#FFC107,#FFB300);

    color:#0F4C81;

    box-shadow:0 20px 40px rgba(255,193,7,.45);

}

#scrollTopBtn:active{

    transform:scale(.95);

}

#scrollTopBtn i{

    transition:.3s;

}

#scrollTopBtn:hover i{

    transform:translateY(-2px);

}

/* Mobile */

@media(max-width:767px){

    #scrollTopBtn{

        width:50px;

        height:50px;

        right:20px;

        bottom:20px;

        font-size:18px;

    }

}