body{ font-family:'Poppins',sans-serif; background:#f5f8fb; } /* Navbar styling (background, links, dropdowns, live-widgets, responsive wrapping, etc.) lives in css/style.css, loaded globally by the layout. It used to be duplicated here with an incomplete/stale copy that overrode the global rules (loaded later in the ) and broke the navbar on this page — removed so this page always matches the global navbar. */ .dropdown-item.active-service{ background:#eaf8fa; color:#087d87; font-weight:600; } /* Hero */ .service-hero{ background:linear-gradient(135deg,#05285d,#0d8b96); color:#fff; padding:70px 0; border-radius:0 0 30px 30px; position:relative; overflow:hidden; } .service-hero .hero-icon{ width:90px; height:90px; border-radius:22px; background:rgba(255,255,255,.15); display:flex; align-items:center; justify-content:center; font-size:40px; margin-bottom:20px; } .service-hero h1{ font-size:44px; font-weight:800; } .service-hero p.lead-text{ font-size:18px; opacity:.92; max-width:600px; } .breadcrumb-custom a{ color:#ffc107; text-decoration:none; } .breadcrumb-custom span{ color:#fff; opacity:.85; } @media(max-width:768px){ .service-hero h1{ font-size:30px; } } /* Sections */ .section-tag{ color:#087d87; font-weight:600; letter-spacing:2px; text-transform:uppercase; font-size:13px; } .section-title{ font-size:32px; font-weight:800; color:#09235c; margin-top:6px; } .section-title span{ color:#1499a3; } .content-block{ padding:70px 0; } .overview-card{ background:#fff; border-radius:20px; padding:35px; box-shadow:0 8px 25px rgba(0,0,0,.06); } .feature-list{ list-style:none; padding:0; margin:0; } .feature-list li{ display:flex; align-items:flex-start; gap:14px; margin-bottom:20px; font-size:15px; color:#333; } .feature-list li .tick{ min-width:34px; height:34px; border-radius:50%; background:#eaf8fa; color:#0b8b96; display:flex; align-items:center; justify-content:center; font-size:16px; } .stats-row{ margin-top:10px; } .stat-box{ background:#fff; border-radius:16px; padding:25px 15px; text-align:center; box-shadow:0 5px 18px rgba(0,0,0,.06); height:100%; } .stat-box h3{ font-weight:800; color:#087d87; font-size:32px; margin-bottom:5px; } .stat-box p{ margin:0; color:#555; font-size:14px; } /* How it works */ .steps-section{ background:#fff; padding:70px 0; } .step-card{ text-align:center; padding:20px; position:relative; } .step-number{ width:60px; height:60px; border-radius:50%; background:linear-gradient(135deg,#0d8b96,#05285d); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:22px; margin:0 auto 18px; } .step-card h5{ font-weight:700; color:#0c1d4f; } .step-card p{ font-size:14px; color:#555; } /* Related Services */ .related-card{ background:#fff; border-radius:16px; padding:25px; text-align:center; box-shadow:0 5px 18px rgba(0,0,0,.06); transition:.3s; height:100%; text-decoration:none; display:block; } .related-card:hover{ transform:translateY(-6px); box-shadow:0 12px 30px rgba(0,0,0,.1); } .related-card .icon{ width:55px; height:55px; border-radius:14px; background:#eaf8fa; color:#087d87; display:flex; align-items:center; justify-content:center; font-size:24px; margin:0 auto 15px; } .related-card h6{ color:#0c1d4f; font-weight:600; margin:0; } /* CTA */ .cta-banner{ margin:0 auto 70px; max-width:1140px; background:linear-gradient(90deg,#08245d,#0d8b96); color:#fff; border-radius:20px; padding:45px 40px; } .cta-banner h3{ font-weight:700; margin-bottom:8px; } .btn-custom{ background:#fff; color:#0b6d83; font-weight:600; border-radius:50px; padding:12px 35px; border:none; } .btn-custom:hover{ background:#ffc107; color:#05285d; } /* Footer */ .footer{ background:#0d1b2a; } .footer h5{ margin-bottom:20px; font-weight:600; } .footer-links{ padding-left:0; } .footer-links li{ list-style:none; margin-bottom:10px; } .footer-links a{ color:#d8d8d8; text-decoration:none; transition:.3s; } .footer-links a:hover{ color:#ffc107; padding-left:8px; } .footer p{ color:#d0d0d0; line-height:1.8; } .footer i{ margin-right:6px; } .footer .fs-4{ transition:.3s; } .footer .fs-4:hover{ color:#ffc107 !important; transform:translateY(-4px); } .footer hr{ opacity:.2; }