.elementor-464 .elementor-element.elementor-element-7e7306e8{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-464 .elementor-element.elementor-element-2f2188b0{right:30px;}body.rtl .elementor-464 .elementor-element.elementor-element-2f2188b0{left:30px;}.elementor-464 .elementor-element.elementor-element-2f2188b0{bottom:30px;z-index:999;}/* Start custom CSS for html, class: .elementor-element-2f2188b0 */.back-to-top{

    width:70px;

    height:70px;

    border-radius:50%;

    background:#07111d;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    opacity:0;

    visibility:hidden;

    transform:translateY(30px);

    transition:.4s;

    z-index:9999;

    box-shadow:

        0 0 20px rgba(0,212,255,.15);

}

.back-to-top.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.progress-ring{

    position:absolute;

    transform:rotate(-90deg);

}

.progress-bg{

    fill:none;

    stroke:#162338;

    stroke-width:3;

}

.progress-bar{

    fill:none;

    stroke:url(#gradient);

    stroke-width:4;

    stroke-linecap:round;

    stroke-dasharray:188.5;

    stroke-dashoffset:188.5;

    transition:stroke-dashoffset .2s linear;

}

.arrow{
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.arrow svg{
    width: 26px;
    height: 26px;
    transition: all .35s ease;
}

.back-to-top:hover .arrow svg{
    transform: translateY(-4px) scale(1.08);

    filter:
        drop-shadow(0 0 8px #00d4ff)
        drop-shadow(0 0 15px #ff2ebd);
}/* End custom CSS */