/*=========================================
Floating Buttons
=========================================*/

.floating-buttons{

    position:fixed;

    right:25px;

    bottom:25px;

    display:flex;

    flex-direction:column;

    gap:18px;

    z-index:9999;

}

.float-btn{

    width:62px;

    height:62px;

    border:none;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    position:relative;

    text-decoration:none;

    transition:.35s;

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

}

.float-btn:hover{

    transform:translateY(-8px) scale(1.08);

}

/* WhatsApp */

.whatsapp-btn{

    background:#25D366;

    color:#fff;

    animation:whatsPulse 2s infinite;

}

.whatsapp-btn i{

    font-size:32px;

}

/* Call */

.call-btn-fixed{

    background:linear-gradient(135deg,#A00000,#F04F4E);

    color:#fff;

}

.call-btn-fixed i{

    font-size:24px;

}

/* Scroll */

.scroll-top{

    background:#fff;

    color:var(--primary-color);

    overflow:hidden;

}

.scroll-top i{

    position:absolute;

    font-size:18px;

}

.scroll-top svg{

    width:62px;

    height:62px;

    transform:rotate(-90deg);

}

.progress-bg{

    fill:none;

    stroke:#ddd;

    stroke-width:5;

}

.progress-bar{

    fill:none;

    stroke:var(--primary-color);

    stroke-width:5;

    stroke-linecap:round;

    stroke-dasharray:283;

    stroke-dashoffset:283;

}

/* Pulse */

@keyframes whatsPulse{

    0%{

        box-shadow:0 0 0 0 rgba(37,211,102,.6);

    }

    70%{

        box-shadow:0 0 0 18px rgba(37,211,102,0);

    }

    100%{

        box-shadow:0 0 0 0 rgba(37,211,102,0);

    }

}

/* Mobile */

@media(max-width:768px){

.floating-buttons{

    right:15px;

    bottom:15px;

}

.float-btn{

    width:56px;

    height:56px;

}

}

.scroll-top{

    opacity:0;

    visibility:hidden;

    transform:translateY(30px);

    transition:.35s;

}

.scroll-top.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}