/* Custom Color Scheme - Professional Blue/Teal Theme */
:root {
    --thm-primary: #2563eb;
    --thm-primary-rgb: 37, 99, 235;
    --thm-primary-dark: #1e40af;
    --thm-primary-light: #3b82f6;
    --thm-secondary: #0ea5e9;
    --thm-secondary-rgb: 14, 165, 233;
    --thm-accent: #06b6d4;
    --thm-accent-rgb: 6, 182, 212;
    --thm-white: #ffffff;
    --thm-white-rgb: 255, 255, 255;
    --thm-black: #0f172a;
    --thm-black-rgb: 15, 23, 42;
    --thm-gray: #64748b;
    --thm-gray-rgb: 100, 116, 139;
    --thm-gray-bg: #f1f5f9;
    --thm-gray-bg-rgb: 241, 245, 249;
    --thm-black-bg: #020617;
    --thm-black-bg-rgb: 2, 6, 23;
    --thm-success: #10b981;
    --thm-warning: #f59e0b;
    --thm-error: #ef4444;
}

/* Override primary colors */
a, button, .thm-btn {
    color: var(--thm-primary);
}

a:hover, .thm-btn:hover {
    color: var(--thm-primary-dark);
}

.thm-btn {
    background-color: var(--thm-primary);
    color: var(--thm-white) !important;
}

.thm-btn:hover {
    background-color: var(--thm-primary-dark);
}

/* Update header styles */
.main-header-one {
    background-color: rgba(255, 255, 255, 0.98);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* Update banner gradient */
.banner-one__content {
    background: linear-gradient(135deg, var(--thm-primary) 0%, var(--thm-secondary) 100%);
}

/* Feature boxes */
.feauture-one__single {
    background: var(--thm-white);
    border-left: 4px solid var(--thm-primary);
}

.feauture-one__single:hover {
    box-shadow: 0 10px 30px rgba(37, 99, 235, 0.15);
    transform: translateY(-5px);
}

/* Services section */
.services-one__bg {
    background: linear-gradient(135deg, var(--thm-gray-bg) 0%, var(--thm-white) 100%);
}

/* Form styling */
.testimonials-one__form {
    background: linear-gradient(135deg, var(--thm-primary) 0%, var(--thm-secondary) 100%);
}

/* CTA section */
.cta-one__bg {
    background: linear-gradient(135deg, var(--thm-primary-dark) 0%, var(--thm-primary) 100%);
}

/* Counter boxes */
.counter-one__single {
    border-top: 3px solid var(--thm-primary);
}

/* Footer */
.footer-one {
    background-color: var(--thm-black);
}

.footer-bottom {
    background-color: var(--thm-black-bg);
}