*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}




 
        .features-section {
            padding: 5rem 0;
        }
        
        .section-header {
            text-align: center;
            margin-bottom: 4rem;
        }
        
        .section-title {
            font-size: 2.5rem;
            font-weight: 500;
            margin-bottom: 1rem;
            background-color: black !important;
           
            background-clip: text;
            color: black !important;
            
        }


        .hero11{
            padding: 180px 0 100px;
                background: linear-gradient(135deg, #0c0d0e 0%, #0049e8 80%);
        }
        
        .feature-card {
            background: white;
            border-radius: 1rem;
            padding: 2.5rem;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
            height: 100%;
            transition: all 0.3s ease;
            border: 1px solid rgba(0, 0, 0, 0.05);
        }
        
        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px -3px rgba(79, 70, 229, 0.1), 0 4px 6px -2px rgba(79, 70, 229, 0.05);
            border-color: rgba(79, 70, 229, 0.2);
        }
        
        .feature-icon {
            font-size: 2.5rem;
            color: var(--primary);
            margin-bottom: 1.5rem;
            transition: all 0.3s ease;
        }
        
        .feature-card:hover .feature-icon {
            transform: scale(1.1);
            color: var(--primary-dark);
        }
        
        .feature-title {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 1rem;
        }
        
        .feature-text {
            color: var(--gray);
            margin-bottom: 0;
        }




        /* dashbord-section */
         .faq-section {
            padding: 5rem 0;
        }
        
        .section-header {
            text-align: center;
            margin-bottom: 3rem;
        }
        
        .section-title {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 1rem;
            background: linear-gradient(to right, var(--primary), var(--primary-dark));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        
        .section-subtitle {
            color: var(--gray);
            max-width: 700px;
            margin: 0 auto;
        }
        
        .accordion {
            max-width: 800px;
            margin: 0 auto;
        }
        
        .accordion-item {
            border: 1px solid rgba(0, 0, 0, 0.08);
            border-radius: 0.5rem !important;
            margin-bottom: 1rem;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        
        .accordion-item:hover {
            border-color: rgba(79, 70, 229, 0.3);
        }
        
        .accordion-button {
            font-weight: 600;
            padding: 1.25rem 1.5rem;
            box-shadow: none !important;
        }
        
        .accordion-button:not(.collapsed) {
            background-color: white;
            color: var(--primary);
        }
        
        .accordion-button::after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234f46e5'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        }
        
        .accordion-body {
            padding: 1rem 1.5rem 1.5rem;
            color: var(--gray);
        }
        
        /* Animations */
        .animate-fade-in {
            animation: fadeIn 0.5s ease-in-out;
        }
        
        .animate-slide-up {
            animation: slideUp 0.5s ease-in-out;
        }


           .btn99 button{
            background: yellow;
            color: white;
            box-shadow: var(--shadow);
        }

        .btn99:hover {
            transform: translateY(-3px);
            box-shadow: var(--shadow-hover);
            background-color: white;
            color: black;
        }


          .logo-img1{
            height: 40px !important;
        }











        /* faq-question and answere */
        
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        @keyframes slideUp {
            from { 
                opacity: 0;
                transform: translateY(20px);
            }
            to { 
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        @media (max-width: 768px) {
            .section-title {
                font-size: 2rem;
            }
            
            .faq-section {
                padding: 3rem 0;
            }
        }
        
        @media (max-width: 576px) {
            .section-title {
                font-size: 1.75rem;
            }
            
            .accordion-button, .accordion-body {
                padding: 1rem;
            }
        }





        
        @media (max-width: 992px) {
            .section-title {
                font-size: 2rem;
            }
            
            .feature-card {
                padding: 2rem;
            }
        }
        
        @media (max-width: 768px) {
            .section-title {
                font-size: 1.75rem;
            }
            
            .features-section {
                padding: 3rem 0;
            }
            
            .section-header {
                margin-bottom: 2.5rem;
            }
        }
        
        /* Animation classes */
        .animate-fade-in {
            animation: fadeIn 0.5s ease-in-out;
        }
        
        .animate-slide-up {
            animation: slideUp 0.5s ease-in-out;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        @keyframes slideUp {
            from { 
                opacity: 0;
                transform: translateY(20px);
            }
            to { 
                opacity: 1;
                transform: translateY(0);
            }
        }