:root{ --primary:#014871; --mint:#A0EBCF; --text:#243038; --muted:#6c7a86; }

/* Hero */
.hero { background: linear-gradient(135deg, rgba(1,72,113,0.95), rgba(160,235,207,0.9)); color: #fff; padding: 4.5rem 0; }
.hero h1, .hero h2 { color: #fff; text-shadow: 0 6px 20px rgba(1,72,113,0.25); }
.hero .btn-get-started { display:inline-block; background: linear-gradient(135deg,var(--primary),var(--mint)); color:#fff; border-radius:12px; padding:0.75rem 1.25rem; font-weight:800; box-shadow:0 14px 40px rgba(1,72,113,0.18); border:0; transition:transform .18s ease, box-shadow .18s ease; }
.hero .btn-get-started:hover { transform: translateY(-4px); box-shadow:0 20px 50px rgba(1,72,113,0.22); }

.hero-img img { max-width:90%; border-radius:16px; box-shadow: 0 20px 60px rgba(1,72,113,0.18); }

/* Glass cards throughout the page */
.box, .service-box, .count-box, .feature-box { background: rgba(255,255,255,0.06); border-radius:14px; padding:1.25rem; border:1px solid rgba(255,255,255,0.06); backdrop-filter: blur(8px); box-shadow: 0 10px 30px rgba(1,72,113,0.08); color:var(--text); }

/* Section headers */
.section-header h2 { color: var(--primary); font-weight:800; }
.section-header p { color: var(--muted); }

/* Services */
.service-box .icon { font-size:36px; color:var(--mint); display:block; margin-bottom:8px; }
.service-box h4 { color:var(--primary); font-weight:800; }
.service-box p { color:var(--muted); }

/* Counts */
.count-box { text-align:center; transition:transform .18s ease; }
.count-box:hover { transform: translateY(-6px); }
.count-box i { font-size:36px; color:var(--mint); margin-bottom:8px; }
.count-box p { color:var(--muted); }

/* Features/values images */
.values .box img, .features img { border-radius:10px; box-shadow: 0 12px 36px rgba(1,72,113,0.08); }

/* Responsive tweaks */
@media (max-width: 767px){
    .hero { padding: 3rem 0; }
    .hero h1 { font-size:1.6rem; }
    .hero-img img { max-width:100%; }
    .service-box { padding: .9rem; }
}

/* Page background */
body {
    background: linear-gradient(180deg, rgba(160,235,207,0.06), rgba(255,255,255,1));
    background-color: #f6fffb;
    color: var(--text);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background-attachment: fixed;
}

/* Header transparency to blend with themed background */
.header { background: rgba(255,255,255,0.02); backdrop-filter: blur(6px); transition: background .18s ease, box-shadow .18s ease; }
.header.fixed-top { box-shadow: 0 6px 20px rgba(1,72,113,0.04); }

/* Content and headings */
.content h3, .box h3, .service-box h4, .feature-box h3 { color: var(--primary); font-weight:700; }
.content p, .box p, .service-box p, .feature-box p, .section-header p { color: var(--muted); }

/* Icon treatments */
.icon, .feature-box i, .count-box i { color: var(--mint); }

/* Ensure CTA contrasts on light sections */
.btn-get-started { color: #fff !important; }

/* Small utility */
.text-theme { color: var(--primary); }

/* Header logo & nav */
.logo .logo-text { margin-left: .5rem; color: var(--primary); font-weight:800; font-size:1.05rem; }
.header .navbar .nav-link { color: var(--text); font-weight:600; }
.header .navbar .nav-link:hover, .header .navbar .nav-link.active { color: var(--mint); }

/* Footer styles */
.footer { background: linear-gradient(180deg, var(--primary) 0%, var(--mint) 100%); color: var(--text); padding-top: 2.5rem; }
.footer .footer-newsletter { padding: 2rem 0; }
.footer .footer-newsletter h4 { color: var(--text); font-weight:800; }
.footer .footer-newsletter p { color: var(--text); }
.footer .ques { font-size:36px; color: var(--mint); }
.footer .footer-top { padding: 2rem 0; }
.footer .footer-info .logo img { max-width:140px; }
.footer .footer-info p { color: var(--text); }
.footer .footer-links h4, .footer .footer-contact h4 { color: var(--text); font-weight:800; }
.footer .footer-links ul li a { color: var(--text); }
.footer .footer-links ul li a:hover { color: var(--mint); }
.footer .social-links a { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:8px; background: rgba(255,255,255,0.06); color:var(--text); margin-right:.35rem; }
.footer .social-links a i { color: var(--mint); }
.footer .footer-contact p { color: var(--text); }
.footer .copyright { color: var(--text); padding: 1rem 0; }
.footer .copyright strong span { color: var(--mint); }

@media (max-width:767px){
    .footer .footer-newsletter { text-align:center; }
}

/* Breadcrumb / page strip */
.breadcrumbs { background: linear-gradient(90deg, rgba(1,72,113,0.06), rgba(160,235,207,0.04)); border-bottom:1px solid rgba(1,72,113,0.06); padding: 1.15rem 0; }
.breadcrumbs h2 { color: var(--primary); font-weight:800; margin:0; }
.breadcrumbs ol { margin:0; padding:0; list-style:none; display:flex; gap:.5rem; align-items:center; }
.breadcrumbs ol li { color: var(--muted); font-weight:600; }
.breadcrumbs ol li a { color: var(--text); text-decoration:none; }
.breadcrumbs ol li+li:before { content: ">"; color: rgba(36,48,56,0.35); margin: 0 .5rem; }
