/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6.1769228925
Updated: 2026-01-24 04:28:45

*/
/*
Theme Name: Hello Elementor Child
Description: Brissa Auto Group Custom Premium Styles 2026
Author: Amit Nandi
Version: 1.0
*/

/* --- UI/UX EXPERT STYLES 2025 --- */
        :root {
            --primary-blue: #003399; /* Strong Trust Blue */
            --secondary-blue: #0056b3; /* Hover Blue */
            --accent-light: #f0f8ff; /* Alice Blue background */
            --white: #ffffff;
            --text-dark: #1a1a1a;
            --text-gray: #555555;
            --shadow-card: 0 10px 30px rgba(0,0,0,0.08);
            --radius: 12px;
            --transition: all 0.3s ease-in-out;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; }
        body { background-color: var(--white); color: var(--text-dark); line-height: 1.6; }
        img { max-width: 100%; height: auto; display: block; border-radius: var(--radius); }
        a { text-decoration: none; color: inherit; }

        /* --- LAYOUT UTILITIES --- */
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        .section-padding { padding: 80px 0; }
        .text-center { text-align: center; }
        .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
        .grid-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
        .flex-split { display: flex; align-items: center; gap: 50px; flex-wrap: wrap; }
        .flex-split > * { flex: 1; min-width: 300px; }

        /* --- TYPOGRAPHY --- */
        h1 { font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800; line-height: 1.1; color: var(--primary-blue); margin-bottom: 20px; }
        h2 { font-size: 2.5rem; color: var(--primary-blue); margin-bottom: 15px; font-weight: 700; }
        h3 { font-size: 1.25rem; font-weight: 600; margin-bottom: 10px; color: var(--text-dark); }
        p { margin-bottom: 20px; color: var(--text-gray); font-size: 1.1rem; }

        /* --- BUTTONS --- */
        .btn-main {
            display: inline-block;
            background: var(--primary-blue);
            color: var(--white);
            padding: 15px 40px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 1.1rem;
            transition: var(--transition);
            border: none;
            cursor: pointer;
            box-shadow: 0 5px 15px rgba(0, 51, 153, 0.3);
        }
        .btn-main:hover { background: var(--secondary-blue); transform: translateY(-3px); }

        /* --- HEADER & TOP BAR --- */
        .top-bar { background: var(--primary-blue); color: white; padding: 10px 0; font-size: 0.9rem; }
        .top-bar-content { display: flex; justify-content: space-between; align-items: center; }
        .top-bar i { margin-right: 8px; }
        
        .header-main { padding: 20px 0; position: sticky; top: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); z-index: 100; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
        .logo { font-size: 1.8rem; font-weight: 800; color: var(--primary-blue); display: flex; align-items: center; gap: 10px; }

        /* --- HERO SECTION --- */
        .hero { background: linear-gradient(135deg, #f5faff 0%, #ffffff 100%); padding: 100px 0; }
        .hero-content h5 { color: var(--secondary-blue); font-weight: 600; letter-spacing: 1px; margin-bottom: 10px; text-transform: uppercase; }

        /* --- FEATURES ICONS (FIMART STYLE) --- */
        .features-section { margin-top: -50px; position: relative; z-index: 2; }
        .feature-box { background: white; padding: 40px 30px; border-radius: var(--radius); box-shadow: var(--shadow-card); text-align: center; transition: var(--transition); border-bottom: 4px solid var(--primary-blue); }
        .feature-box:hover { transform: translateY(-10px); }
        .feature-icon { font-size: 2.5rem; color: var(--primary-blue); margin-bottom: 20px; }

        /* --- CONTENT SPLIT (FLEXIBLE PAYMENTS) --- */
        .content-split { background: var(--white); }
        .check-list { list-style: none; }
        .check-list li { margin-bottom: 15px; display: flex; align-items: center; gap: 10px; font-weight: 500; }
        .check-list i { color: var(--primary-blue); font-size: 1.2rem; }

        /* --- SERVICES GRID --- */
        .services { background: var(--accent-light); }
        .service-card { background: white; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-card); transition: var(--transition); }
        .service-img { height: 200px; width: 100%; object-fit: cover; }
        .service-body { padding: 25px; }
        .service-card:hover { transform: translateY(-5px); }

        /* --- PROCESS STEPS --- */
        .steps-section { counter-reset: step; }
        .step-item { text-align: center; position: relative; padding: 20px; }
        .step-number { font-size: 3rem; font-weight: 900; color: rgba(0, 51, 153, 0.1); margin-bottom: 10px; display: block; }
        .step-icon { color: var(--primary-blue); font-size: 2rem; margin-bottom: 15px; }

        /* --- LEAD FORM SECTION (CRITICAL) --- */
        .form-section { background: var(--primary-blue); color: white; }
        .form-wrapper { background: white; padding: 40px; border-radius: var(--radius); color: var(--text-dark); box-shadow: 0 20px 50px rgba(0,0,0,0.2); max-width: 700px; margin: 0 auto; }
        .form-group { margin-bottom: 20px; text-align: left; }
        .form-label { display: block; font-weight: 600; margin-bottom: 8px; font-size: 0.9rem; }
        .form-input, .form-select { width: 100%; padding: 15px; border: 2px solid #e1e1e1; border-radius: 8px; font-size: 1rem; transition: var(--transition); }
        .form-input:focus, .form-select:focus { border-color: var(--primary-blue); outline: none; }
        
        /* Floating Whatsapp */
        .whatsapp-float { position: fixed; bottom: 30px; right: 30px; background: #25D366; color: white; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; box-shadow: 0 4px 10px rgba(0,0,0,0.3); z-index: 1000; transition: var(--transition); }
        .whatsapp-float:hover { transform: scale(1.1); background: #20ba5a; }

        @media (max-width: 768px) {
            .flex-split { flex-direction: column; }
            .hero { text-align: center; padding: 60px 0; }
            h1 { font-size: 2.5rem; }
        }