/* =========================================================================
   MYSOFT INDIA THEME  (logo blue + green)
   Idha delete panna old olive/cream theme ku thirumbi pogum.
========================================================================= */
/*change*/
:root {
    --bg-primary: #ffffff;
    --bg-secondary: #f1f6fb;
    --bg-tertiary: #e2ebf5;
    --text-main: #0a2a5e;
    --text-muted: #52627a;
    --accent-color: #3d8410;
    --accent-gradient: linear-gradient(135deg, #1e7ae0 0%, #0d47a1 100%);
    --surface-gradient: linear-gradient(180deg, #e8f1fb 0%, #ffffff 100%);
    --border-color: rgba(13, 71, 161, 0.12);
    --border-hover: rgba(13, 71, 161, 0.30);
    --dark-olive: #0a2250;
    --on-dark: #f2f7fd;
    --on-dark-muted: #b8c8e2;
    --gold-light: #8fd22a;
    --body-text: #41516b;
    --font-heading: 'Montserrat', 'Segoe UI', sans-serif;
    --shadow-sm: 0 4px 14px rgba(13, 71, 161, 0.14);
    --shadow-lg: 0 24px 48px -12px rgba(13, 71, 161, 0.28);
}

/* paragraph text = softer slate, headings = navy */
.section-subtitle, .hero-subtitle, .service-card-text, .product-text, .about-text,
.benefit-card p, .testimonial-quote, .contact-form-wrapper p, .contact-details-box p,
.form-group label, .hero-badge, .mock-tab-title, .chart-label-mock, .mini-card small,
.logo-placeholder, .tech-tag-item { color: var(--body-text); }
.nav-link { color: var(--text-main); }
.brand-tagline { color: var(--dark-olive); }

/* gradients / buttons */
.text-gradient { background: linear-gradient(90deg, #1e88e5, #5fb814); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.hero-title, .section-title { letter-spacing: -0.01em; }
.hero-title { font-size: 2.9rem; font-weight: 800; }
.section-title { font-weight: 800; }
.btn-primary:hover { box-shadow: 0 12px 24px rgba(13, 71, 161, 0.35); }
.btn-secondary { background: rgba(21, 101, 192, 0.06); }
.btn-secondary:hover { background: rgba(21, 101, 192, 0.14); }
.nav-btn { background: linear-gradient(135deg, #1e7ae0, #0d47a1); color: #fff; }
.nav-btn:hover { background: linear-gradient(135deg, #5fb814, #3d8410); }

/* header / navbar */
.top-tag { background: rgba(143, 210, 42, 0.16); color: var(--gold-light); }
.navbar { background-color: rgba(255, 255, 255, 0.92); }

/* hero */
.hero-section {
    background:
        radial-gradient(circle at 88% 12%, rgba(124, 197, 32, 0.16), transparent 38%),
        radial-gradient(circle at 6% 92%, rgba(30, 122, 224, 0.14), transparent 42%),
        var(--surface-gradient);
}
.hero-badge { background: #ffffff; }
.dashboard-header { background-color: rgba(13, 71, 161, 0.07); }
.dashboard-header .dot { background-color: rgba(13, 71, 161, 0.22); }
.mini-card { background: rgba(21, 101, 192, 0.05); }
.mock-line { background: linear-gradient(90deg, transparent, #1e7ae0, #5fb814, transparent); }

/* services / products / benefits */
.service-card { position: relative; overflow: hidden; background-color: #ffffff; }
.service-card::before { content: ''; position: absolute; left: 0; top: 0; right: 0; height: 4px; background: linear-gradient(90deg, #1e7ae0, #7cc520); }
.service-icon-wrapper { background: linear-gradient(135deg, rgba(30, 122, 224, 0.14), rgba(124, 197, 32, 0.2)); color: #0d47a1; }
.product-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: linear-gradient(180deg, #1e7ae0, #7cc520); }
.benefit-card { background: #ffffff; border-left-width: 4px; border-radius: 0 12px 12px 0; box-shadow: var(--shadow-sm); }
.tech-tag-item { background: #ffffff; }
.testimonial-card, .tech-category { background: #ffffff; }
.logos-section { background: var(--bg-secondary); }

/* stats band: blue to green (logo colours) */
.stats-section { background: linear-gradient(120deg, #0d47a1 0%, #1565c0 55%, #3d8410 100%); }

/* forms */
.form-group input:focus, .form-group textarea:focus, .form-select-element:focus { box-shadow: 0 0 0 3px rgba(30, 122, 224, 0.22); }
.contact-section { background: var(--bg-secondary); }

/* brochure popup */
.brochure-card-cta { background: linear-gradient(180deg, transparent, rgba(10, 34, 80, 0.92)); }
.brochure-lightbox { background: rgba(10, 34, 80, 0.95); }

/* footer */
.main-footer { background: linear-gradient(180deg, #0a2250 0%, #071a3d 100%); border-top: 4px solid; border-image: linear-gradient(90deg, #1e7ae0, #7cc520) 1; }
/*change*/