:root {
            --primary-color: #caebea;
            --secondary-color: #caebea;
            --accent-color: #23BABF;
            --light-bg: #f8f9fa;
            --text-dark: #49515B;
            --text-light: #6c757d;
            --bs-dark: #072c46;
        }

        body {
            font-family: 'Inter', sans-serif;
            color: var(--text-dark);
            overflow-x: hidden;
        }
        /* Hero Section */
        .hero-section {
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
            padding: 120px 0 80px;
            color: var(--text-dark);
            position: relative;
            overflow: hidden;
        }
        .hero-title {
            font-size: 45px;      
            line-height: 60px;    
            margin-bottom: 16px;  
            letter-spacing: -1px; 
            font-weight: 600; 
               
        }
       
.hero-subtitle {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    font-family: 'Axiforma Medium';
    margin-bottom: 30px;
    opacity: 0.9;
}

/* For white text sections */
.text-white .hero-subtitle {
    opacity: 0.8;
    color: var(--text-dark);
}

/* For center aligned sections */
.text-center .hero-subtitle {
    margin: auto;
    max-width: 610px;
}


.heading_focus_text
        {
            color: var(--text-dark);
        }

 .hero-stats {
            display: flex;
            gap: 40px;
            margin-top: 40px;
            flex-wrap: wrap;
        }

        .stat-item {
            text-align: center;
        }

        .stat-number {
            font-size: 2.5rem;
            font-weight: 700;
            display: block;
            color: var(--accent-color);
        }

        .stat-label {
            font-size: 0.9rem;
            opacity: 0.8;
            color: var(--text-dark);
        }

      @media (max-width: 576px) {
    .stat-number {
        font-size: 2.1rem;
    }
    
    .stat-label {
        font-size: 0.6rem;
        line-height: 1;
    }
}


       .hero-image {
            position: relative;
            animation: float 3s ease-in-out infinite;
            
        }

        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
        }

        .section-title {
            font-size: 2.5rem;
            font-weight: 700;
            text-align: center;
            margin-bottom: 15px;
            color: var(--bs-dark); 
            
        }

        .section-subtitle {
            text-align: center;
            color: var(--text-light);
            margin-bottom: 60px;
            font-size: 1.1rem;
        }
        /* Feature Cards */
        .feature-card {
            padding: 40px; border-radius: 15px; border: 1px solid #e9ecef; transition: .3s; height: 100%;
        }
        .feature-card:hover { box-shadow: 0 10px 35px rgba(0,0,0,0.12); transform: translateY(-8px); }
        .feature-icon {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 25px;
            font-size: 2rem;
            color: (--bs-dark);
        }

        .feature-title {
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: 15px;
            color: var(--bs-dark);
        }

        .feature-description {
            color: var(--text-light);
            line-height: 1.7;
        }

        /* Benefits */
        .benefit-item {
            display: flex; background: white; padding: 25px; border-radius: 12px; margin-bottom: 30px; border: 1px solid #D3D3D3; color: var(--text-dark);
            transition: .3s;
        }
        .benefit-item:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transform: translateX(10px); }
        .benefit-icon {
            width: 50px; height: 50px; border-radius: 10px; background: var(--accent-color);
            color: white; display: flex; justify-content: center; align-items: center; margin-right: 20px;
        }

        /* Use Cases */
        .use-case-card {
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            padding: 40px; border-radius: 20px; color: var(--text-dark); height: 100%; transition: .3s;
        }
        .use-case-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(7,44,70,0.3); }

        /* CTA */
        .cta-section {
            padding: 90px 0; background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: white; text-align: center;
        }
        .cta-title { font-size: 2.7rem; font-weight: 700; }

        @media (max-width:768px) {
            .hero-title { font-size: 2.2rem; }
        }

        @media (max-width: 768px) {
    .hero-section .row {
        display: flex;
        flex-direction: column-reverse;
    }
}