:root {
            --primary: #2C5AA0;  /* Primary blue from your logo */
            --secondary: #FF6B35; /* Orange accent from your logo */
            --dark: #1A2930;     /* Dark blue from your logo */
            --light: #F5F5F5;
            --text: #333333;
        }


 .hero {
            padding:100px 0 100px;
            background-color:#e2c604;
            color: white;
            text-align: center;
            margin-top:10%;
        }
        
        .hero h2 {
            font-size: 2.8rem;
            margin-bottom: 20px;
        }
        
        .hero p {
            font-size: 1.2rem;
            max-width: 700px;
            margin: 0 auto 30px;
        }
        
        .btn {
            display: inline-block;
            padding: 12px 30px;
            background-color:#ec2447;
            color: white;
            text-decoration: none;
            border-radius: 30px;
            font-weight: 600;
            transition: all 0.3s;
            border: none;
            cursor: pointer;
        }
        
        .btn:hover {
            background-color: #e55a2b;
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
 /* Services Section */
        .services {
            padding: 80px 0;
            background-color: var(--light);
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 50px;
        }
        
        .section-title h2 {
            font-size: 2.2rem;
            color:#00b0dd;
            margin-bottom: 15px;
        }
        
        .section-title p {
            max-width: 700px;
            margin: 0 auto;
            color: #666;
        }
        
        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .service-card {
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s;
        }
        
        .service-card:hover {
            transform: translateY(-10px);
        }
        
        .service-content {
            padding: 25px;
        }
        
        .service-content h3 {
            color:#000;
            margin-bottom: 15px;
            font-size: 1.4rem;
        }
        
        /* USP Section */
        .usp {
            padding: 80px 0;
        }
        
        .usp-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .usp-item {
            text-align: center;
            padding: 30px;
        }
        
        .usp-icon {
            font-size: 2.5rem;
            color: var(--primary);
            margin-bottom: 20px;
        }
        
        .usp-item h3 {
            margin-bottom: 15px;
            color: var(--dark);
        }
        
        /* ROI Section */
        .roi {
            padding: 80px 0;
            background-color: var(--light);
        }
        
        .roi-content {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 40px;
        }
        
        .roi-text {
            flex: 1;
            min-width: 300px;
        }
        
        .roi-text h2 {
            color:#000;
            margin-bottom: 20px;
        }
        
        .roi-stats {
            flex: 1;
            min-width: 300px;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        
        .stat {
            text-align: center;
            padding: 20px;
            background: white;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
        .stat h3 {
            font-size: 2.5rem;
            color:#ec2447;
            margin-bottom: 10px;
        }
        
        /* Testimonials */
        .testimonials {
            padding: 80px 0;
        }
        
        .testimonial-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .testimonial {
            background: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
        .testimonial p {
            margin-bottom: 20px;
            font-style: italic;
        }
        
        .client {
            display: flex;
            align-items: center;
        }
        
        .client img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            margin-right: 15px;
            object-fit: cover;
        }
        
        /* Contact Form */
        .contact {
            padding: 80px 0;
            background-color: var(--light);
        }
        @media(max-width:767px) {
            .hero {
                padding:70px 0 70px;
            }
            .hero h2 {
            font-size: 32px;
            margin-bottom: 20px;
}
.usp-grid {
    gap: 0;
}
.usp-item {
    text-align: center;
    padding: 15px;
}
        }