@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Raleway:wght@700&display=swap');

    :root {
      --primary: #0078ff;
      --secondary: #00c6ff;
      --gradient: linear-gradient(135deg, #0078ff 0%, #00c6ff 100%);
      --bg-light: #f8fbff;
      --text-dark: #0a1f44;
      --muted: #6b7280;
    }

    body { font-family: 'Poppins', sans-serif; color: var(--text-dark);  overflow-x: hidden; }
    .navbar-brand { font-weight: 800; font-size: 1.9rem; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    header.hero { background: var(--gradient); color: #fff; text-align: center; padding: 160px 0 120px; position: relative; overflow: hidden; }
    .hero h1 { font-family: 'Raleway', sans-serif; font-size: 3.5rem; animation: fadeInDown 1.2s ease; }
    .hero p { max-width: 700px; margin: 20px auto; font-size: 1.15rem; opacity: 0.9; }
    @keyframes fadeInDown { from {opacity:0; transform:translateY(-30px);} to {opacity:1; transform:translateY(0);} }

    section { padding: 100px 0; }
    .section-title h2 { color: var(--primary); font-weight: 700; margin-bottom: 15px; }

    .service-box { background: #fff; border-radius: 16px; padding: 40px 25px; box-shadow: 0 6px 20px rgba(0,0,0,0.05); transition: all 0.4s; }
    .service-box:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }

    .why-choose { background: #fff; border-radius: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); padding: 60px; }

    .pricing-card { border: none; border-radius: 20px; background: #fff; transition: all 0.3s ease; box-shadow: 0 6px 20px rgba(0,0,0,0.05); }
    .pricing-card:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(0,0,0,0.1); }
    .pricing-card .price { font-size: 2.7rem; color: var(--secondary); font-weight: 800; }

    footer { background: #0a1f44; color: #fff; padding: 100px 0; }
    footer a { color: #b3d4ff; text-decoration: none; }
    footer a:hover { color: #fff; }

    .cta-btn { background: var(--gradient); border: none; color: #fff !important; border-radius: 50px; padding: 12px 35px; font-weight: 600; transition: all 0.3s ease; }
    .cta-btn:hover { opacity: 0.9; transform: scale(1.05); }

 /* Fixed WhatsApp Button */
.fixed-buttons {
    position: fixed;
    bottom: 85px;
    right: 20px;
    z-index: 9999;
}

.whatsapp-btn {
    background-color: #25D366;  /* WhatsApp green color */
    color: white;
    padding: 6px 15px;
    ;
    border-radius: 50%;
    font-size: 30px;
    text-decoration: none;
}

.whatsapp-btn i {
    font-size: 30px;
}

/* Fixed Call Button */
.fixed-buttons2 {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}

.call-btn {
    background-color: #007bff;  /* Blue color */
    color: white;
    padding: 11px 15px;
    ;
    border-radius: 50%;
    font-size: 24px;
    text-decoration: none;
}

.call-btn i {
    font-size: 24px;
}