.service-item.style-5 .service-icon{
    background:#0F4C81;
}
/* ============================
   WhatsApp Floating Button
============================ */

.whatsapp-float{
    position: fixed;
    left: 45px;
    bottom: 60px;      /* 90–110px is ideal */

    width: 56px;
    height: 56px;

    display: flex;
    justify-content: center;
    align-items: center;

    background: linear-gradient(
        135deg,
        #2487F8 0%,
        #0B5EA8 60%,
        #0F4C81 100%
    );

    border-radius: 50%;
    border:3px solid #fff;

    color:#fff;
    text-decoration:none;

    box-shadow:
        0 12px 30px rgba(37,211,102,.30);

    z-index:99999;
    transition:.35s;
}

.whatsapp-float i{
    font-size:30px;
    color:#fff;
}

.whatsapp-float:hover{
    transform:translateY(-5px) scale(1.08);
    box-shadow:0 18px 40px rgba(37,211,102,.45);
}
/* =====================================
   FIXED WHATSAPP BUTTON
===================================== */

.whatsapp-float,
.whatsapp-btn,
.whatsapp-button {
    position: fixed !important;
    left: 30px !important;
    bottom: 30px !important;
    right: auto !important;
    top: auto !important;

    z-index: 99999 !important;

    margin: 0 !important;
    transform: none !important;
}


/* =====================================
   FIXED SCROLL TO TOP BUTTON
===================================== */

.back-to-top,
.scroll-to-top,
.scroll-up,
#scrollUp {
    position: fixed !important;
    right: 30px !important;
    bottom: 30px !important;
    left: auto !important;
    top: auto !important;

    z-index: 99999 !important;

    margin: 0 !important;
    transform: none !important;
}


/* MOBILE */
@media (max-width: 767px) {

    .whatsapp-float,
    .whatsapp-btn,
    .whatsapp-button {
        left: 15px !important;
        bottom: 15px !important;
    }

    .back-to-top,
    .scroll-to-top,
    .scroll-up,
    #scrollUp {
        right: 15px !important;
        bottom: 15px !important;
    }
}
body {
    outline: 10px solid red !important;
}
/* Chrome, Edge, Safari */

