body {
    font-family: 'Segoe UI', Tahoma, sans-serif;
    transition: all .3s;
    margin: 0; /* Reset default margins */
    padding: 0; /* Let Bootstrap handle spacing */
}

.icon-box i {
    font-size: 2rem;
    color: #FF5C00;
}

.report-card {
    border-radius: 12px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.05);
}

footer {
    background: #f8f9fa;
    color: #212529;
}

[data-theme="dark"] footer {
    background: #0f172a;
    color: #e2e8f0;
}

[data-theme="dark"] footer a {
    color: #93c5fd;
}

.ftr_CBWTF {
    color: #003366 !important;
    font-weight: bold !important;
    font-family: Arial !important;
}

.ftr_Smart {
    color: #FF5C00 !important;
    font-weight: bold !important;
    font-family: Georgia !important;
}

.ftr_Care {
    color: #7DC607 !important;
    font-weight: bold !important;
    font-family: Georgia !important;
}

.ul-height li {
    padding-bottom: 4px;
}

.footer-link {
    text-decoration: none !important;
}

.footer-link:hover {
    text-decoration: underline !important;
}

.navbar {
    padding: 0px !important;
}


.hero {
    background: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)), url('https://images.unsplash.com/photo-1581092334651-ddf24f1b3d20?fit=crop&w=1920&q=80') center/cover no-repeat;
    color: white;
    padding: 50px 20px;
    text-align: center;
}

    .hero h1 {
        font-size: 2.8rem;
        font-weight: bold;
    }

    .hero p {
        max-width: 800px;
        margin: auto;
    }

@media (max-width:768px) {
    .hero {
        padding: 70px 15px;
    }

        .hero h1 {
            font-size: 2rem;
        }
}

@media (max-width: 576px) {
    .hero {
        padding: 50px 15px;
    }

    .navbar-brand span {
        font-size: 1.05rem; /* slightly larger for mobile readability */
    }
}

/*Hover Effects CSS*/
.feature-card {
    border: 1px solid #e6eef0;
    border-radius: 12px;
    padding: 18px;
    background: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0,0,0,.15);
}

.feature-card i {
    transition: color 0.3s ease;
}

.feature-card:hover i {
    color: #0f766e !important; /* Brand green on hover */
}
/*Hover Effects CSS*/


/* WhatsApp Button Styling */
.footer-custom .btn-success {
    background-color: #25D366; /* WhatsApp green */
    border: none;
    color: #fff;
    font-size: 0.9rem;
}

.footer-custom .btn-success:hover {
    background-color: #1ebe5d;
    color: #fff;
}

/* Dark theme variant */
[data-theme="dark"] .footer-custom .btn-success {
    background-color: #25D366;
    color: #fff;
}

[data-theme="dark"] .footer-custom .btn-success:hover {
    background-color: #1ebe5d;
}

.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #25D366;
    color: white;
    font-weight: 600;
    padding: 10px 18px;
    border-radius: 40px;
    font-size: 16px;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.2s, background-color 0.2s;
}

.whatsapp-float:hover {
    transform: scale(1.05);
    background-color: #1ebe5a;
    color: white;
}

/* Base link style */
a {
  color: #0f766e;               /* your brand green */
  text-decoration: none;        /* clean look */
  transition: color 0.2s ease, text-decoration 0.2s ease;
}

/* Hover + focus */
a:hover,
a:focus {
  color: #ff5c00;               /* brand orange for hover */
  text-decoration: underline;   /* underline only on hover for clarity */
}

/* Visited links (optional, keep subtle) */
a:visited {
  color: #6b7280;               /* muted gray */
}

/* Active state (when clicking) */
a:active {
  color: #003366;               /* dark blue (your brand) */
}

a.nounderline,
a.nounderline:hover,
a.nounderline:focus,
a.nounderline:active,
a.nounderline:visited {
    text-decoration: none !important;
}



/*Special Styling for Footer Links*/
footer a {
  color: #003366;               /* dark blue for readability */
  font-weight: 500;             /* slightly bold */
}

footer a:hover {
  color: #ff5c00;               /* orange hover */
  text-decoration: underline;
}


/*Special Styling for CTAs (like “Book a Demo”)*/
a.btn, .btn a {
  color: #fff !important;
  text-decoration: none !important;
}

a.btn:hover {
  opacity: 0.9;  /* subtle hover effect */
}


#loadingSpinner .spinner-border {
    width: 2rem;
    height: 2rem;
}

/* adjust this value to match your navbar height (in px) */
:root {
    --nav-height: 52px;
}

/* make native anchor jumps account for the sticky header */
[id] {
    scroll-margin-top: calc(var(--nav-height) + 5px); /* 12px extra gap */
}

/* optional smooth scrolling */
html {
    scroll-behavior: smooth;
    scroll-padding-top: var(--nav-height);
}

a.btn-outline-success, .btn-outline-success a {
    color: #198754 !important;
    font-weight:bold;
}

a.btn-outline-success:hover {
  color: #fff !important;
  font-weight:normal;
}

a.btn-outline-light, .btn-outline-light a {
    color: #fff !important;
}

a.btn-outline-light:hover {
    color: rgba(0,0,0,0.55) !important;
}