.feature-area {
    padding: 100px 0;
  }
  
  .feature-wpr.grid-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
    /* margin-top: 0px; */
  }
  
  .feature-box {
    flex: 1;
    min-width: calc(25% - 30px);
    background: #fff;
    border-radius: 10px;
    padding: 40px 30px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  
  .feature-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  }
  
  .feature-icon-no {
    position: relative;
    margin-bottom: 25px;
  }
  
  .feature-p-1,
  .feature-p-2 {
    position: absolute;
    z-index: -1;
    opacity: 0.1;
  }
  
  .feature-p-1 {
    top: -20px;
    left: -20px;
  }
  
  .feature-p-2 {
    bottom: -20px;
    right: -20px;
  }
  
  .feature-icon {
    width: 80px;
    height: 80px;
    background: #f7f7f7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }
  
  .feature-icon img {
    max-width: 40px;
    height: auto;
  }
  
  .feature-no {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    font-weight: 700;
    color: #EA1E00;
  }
  
  .feature-desc {
    text-align: center;
  }
  
  .feature-desc h4 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #232323;
  }
  
  .feature-desc p {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
  }
  
  .feature-btn {
    display: inline-flex;
    width: 40px;
    height: 40px;
    background: #EA1E00;
    color: #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
  }
  
  .feature-btn:hover {
    background: #000671;
    transform: rotate(90deg);
  }
  
  /* Responsive adjustments */
  @media (max-width: 1200px) {
    .feature-box {
      min-width: calc(50% - 30px);
      margin-bottom: 30px;
    }
  }
  
  @media (max-width: 768px) {
    .feature-box {
      min-width: 100%;
    }
  }

  /* Testing */
  
 
  /* our loaction */
  .location_div{
    background-color: #f8f9fa;
    color: #333;
    line-height: 1.6;
    padding: 20px;
}

.State_container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
}

.state_header{
    text-align: center;
    margin-bottom: 30px;
}

h1 {
  color: var(--clr-heading);
  margin: 0 0 1.5rem 0;
  font-weight: 800;
  font-family: var(--font-2);
  line-height: 1.2; 
}

.presence-map {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.state-card {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    width: 100%;
    max-width: 450px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.state-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

.state-header {
    background-color: #01054C;
    color: #EA1E00;
    padding: 15px 20px;
    margin-bottom: 2rem;
    font-weight: 600;
}

.cities-list {
    padding: 15px 20px;
}

.cities-list ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cities-list li {
    background-color: #f1f8fe;
    color: #060606;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 1.5rem;
    font-weight: 500;
}

.stats-bar {
    display: flex;
    justify-content: space-around;
    background: #EA1E00;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 30px;
    box-shadow: 0 2px 4px rgba(255, 4, 4, 0.1);
    flex-wrap: wrap;
    gap: 15px;
}

.stat-item {
    text-align: center;
    padding: 0 15px;
}

.stat-number {
    font-size: 3rem;
    font-weight: 700;
    color: #ffffff;
}

.stat-label {
    font-size: 2rem;
    color: #ffffff;
}

@media (max-width: 768px) {
    .presence-map {
        flex-direction: column;
        align-items: center;
    }
    
    .state-card {
        width: 100%;
    }
    
    h1 {
        font-size: 1.8rem;
    }
}
/* our client */
 .logo-marquee-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 40px 20px;
            background-color: var(--clr-bg);
        }

        .logo-marquee-title {
            text-align: center;
            margin-bottom: 30px;
            color: var(--clr-heading);
            font-size: 28px;
            font-weight: 600;
        }

        .logo-marquee-wrapper {
            overflow: hidden;
            position: relative;
            padding: 30px 0;
            background-color: var(--clr-bg-2);
            border-radius: 8px;
        }

        .logo-marquee {
            display: flex;
            width: 100%;
            animation: scroll 30s linear infinite;
        }

        .logo-item {
            flex-shrink: 0;
            margin: 0 40px;
            transition: transform 0.3s ease;
        }

        .logo-item:hover {
            transform: scale(1.1);
        }

        .logo-img {
            height: 60px;
            width: auto;
            object-fit: contain;
            /* filter: grayscale(100%); */
            /* opacity: 0.7; */
            transition: all 0.3s ease;
        }

        .logo-img:hover {
            filter: grayscale(0%);
            opacity: 1;
        }

        @keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }

        .logo-marquee-wrapper:hover .logo-marquee {
            animation-play-state: paused;
        }

        /* Gradient fade effect */
        .logo-marquee-wrapper::before,
        .logo-marquee-wrapper::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100px;
            z-index: 2;
        }

        .logo-marquee-wrapper::before {
            left: 0;
            background: linear-gradient(90deg, var(--clr-bg-2) 0%, rgba(247,247,247,0) 100%);
        }

        .logo-marquee-wrapper::after {
            right: 0;
            background: linear-gradient(270deg, var(--clr-bg-2) 0%, rgba(247,247,247,0) 100%);
        }

        @media (max-width: 768px) {
            .logo-img {
                height: 40px;
            }
            .logo-item {
                margin: 0 20px;
            }
            .logo-marquee-title {
                font-size: 24px;
            }
            .logo-marquee-wrapper::before,
            .logo-marquee-wrapper::after {
                width: 50px;
            }
        }

        /* footer */
        .footer{
          display: flex;
            flex-direction: column;
             flex: 1;
             padding: 2.5rem 2rem 1.5rem;
        }
           .footer-container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .footer-top {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 2rem;
            padding-bottom: 2rem;
            border-bottom: 1px solid var(--clr-def-2);
        }

        .footer-column {
            flex: 1;
            min-width: 200px;
        }

        .footer-logo {
            font-size: 1.5rem;
            font-weight: bold;
            color: var(--clr-white);
            margin-bottom: 1rem;
            display: inline-block;
        }

        .footer-about {
            color: var(--clr-body-2);
            line-height: 1.6;
            margin-bottom: 1.5rem;
        }

        .footer-heading {
            color: var(--clr-white);
            font-size: 1.2rem;
            margin-bottom: 1.5rem;
            position: relative;
            padding-bottom: 0.5rem;
        }

        .footer-heading::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 40px;
            height: 2px;
            background: var(--clr-menu);
        }

        .footer-links {
            list-style: none;
        }

        .footer-links li {
            margin-bottom: 0.75rem;
        }

        .footer-links a {
            color: var(--clr-body-2);
            text-decoration: none;
            transition: color 0.3s;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .footer-links a:hover {
            color: var(--clr-menu);
        }

        .footer-contact p {
            color: var(--clr-body-2);
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        .contact-icon {
            color: var(--clr-menu);
            min-width: 20px;
            text-align: center;
        }

        .newsletter-form {
            display: flex;
            gap: 0.5rem;
            margin-top: 1.5rem;
        }

        .newsletter-input {
            flex: 1;
            padding: 0.5rem 1rem;
            border: none;
            border-radius: 4px;
            background: var(--clr-white);
        }

        .newsletter-btn {
            background: var(--clr-menu);
            color: var(--clr-white);
            border: none;
            padding: 0 1.5rem;
            border-radius: 4px;
            cursor: pointer;
            transition: background 0.3s;
        }

        .newsletter-btn:hover {
            background: var(--clr-def);
        }

        .footer-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            padding-top: 1.5rem;
        }

        .copyright {
            color: var(--clr-body-2);
            font-size: 0.9rem;
        }

        .legal-links {
            display: flex;
            gap: 1.5rem;
        }

        .legal-links a {
            color: var(--clr-body-2);
            text-decoration: none;
            font-size: 0.9rem;
            transition: color 0.3s;
        }

        .legal-links a:hover {
            color: var(--clr-menu);
        }

        @media (max-width: 768px) {
            .footer-top {
                flex-direction: column;
                gap: 2.5rem;
            }
            
            .footer-bottom {
                flex-direction: column;
                text-align: center;
            }
            
            .legal-links {
                justify-content: center;
                flex-wrap: wrap;
            }
        }
        /* Contact us */
        .contact-container {
            display: flex;
            min-height: 100vh;
              background-color: var(--clr-bg);
            color: var(--clr-heading);
           
        }

        .contact-content {
            flex: 1;
            padding: 4rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            background-color: var(--clr-white);
        }

        .contact-image {
            flex: 1;
            background-image: url('https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
            background-size: cover;
            background-position: center;
        }

        h1 {
            font-size: 2.5rem;
            margin-bottom: 1.5rem;
            color: var(--clr-def-3);
            position: relative;
            padding-bottom: 1rem;
        }

        h1::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 60px;
            height: 3px;
            background: var(--clr-menu);
        }

        .contact-intro {
            color: var(--clr-body);
            margin-bottom: 3rem;
            line-height: 1.6;
            max-width: 500px;
            font-size: 1.1rem;
        }

        .contact-details {
            display: grid;
            gap: 2rem;
        }

        .contact-card {
            display: flex;
            align-items: flex-start;
            gap: 1.5rem;
            padding: 1.5rem;
            border-radius: 8px;
            transition: all 0.3s ease;
            background-color: var(--clr-bg);
        }

        .contact-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }

        .contact-icon {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: var(--clr-menu);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--clr-white);
            font-size: 1.2rem;
            flex-shrink: 0;
        }

        .contact-text h3 {
            color: var(--clr-def-3);
            margin-bottom: 0.5rem;
            font-size: 1.2rem;
        }

        .contact-text p, .contact-text a {
            color: var(--clr-body);
            text-decoration: none;
            line-height: 1.6;
        }

        .contact-text a:hover {
            color: var(--clr-menu);
        }

        .business-hours {
            margin-top: 3rem;
        }

        .hours-title {
            color: var(--clr-def-3);
            margin-bottom: 1rem;
            font-size: 1.2rem;
        }

        .hours-list {
            list-style: none;
        }

        .hours-list li {
            display: flex;
            justify-content: space-between;
            padding: 0.5rem 0;
            border-bottom: 1px dashed var(--clr-body-2);
            color: var(--clr-body);
        }

        @media (max-width: 768px) {
            .contact-container {
                flex-direction: column;
            }

            .contact-content {
                padding: 2rem;
            }

            .contact-image {
                min-height: 300px;
            }
        }
        /* About us */
         .about-container {
            max-width: 1200px;
            margin: 0  auto;
            padding: 6rem 2rem;
            display: flex;
            align-items: center;
            gap: 4rem;
            min-height: 100vh;
        }

        .about-content {
            flex: 1;
        }

        .about-image {
            flex: 1;
            height: 500px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        }

        .about-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .section-title {
            font-size: 4rem;
            color: var(--clr-def-3);
            /* margin-bottom: 1.5rem; */
            margin-top: 20px;
            position: relative;
            display: inline-block;
        }

        .section-title::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -10px;
            width: 60px;
            height: 4px;
            background: var(--clr-menu);
        }

        .about-text {
            color: var(--clr-body);
            margin-bottom: 2rem;
            font-size: 1.5rem;
        }

        .about-text p {
            margin-bottom: 1.5rem;
        }

        .highlight {
            color: var(--clr-menu);
            font-weight: bold;
        }

        .stats {
            display: flex;
            gap: 2rem;
            margin-top: 2rem;
        }

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

        .stat-number {
            font-size: 2.5rem;
            color: #ffffff;
            font-weight: bold;
            margin-bottom: 1.5rem;
        }

        .stat-label {
            color: #ffffff;
            font-size: 1rem;
        }

        @media (max-width: 768px) {
            .about-container {
                flex-direction: column;
                padding: 4rem 2rem;
            }

            .about-image {
                width: 100%;
                height: 300px;
                order: -1;
            }

            .stats {
                flex-direction: column;
                gap: 1.5rem;
            }
        }