/* Custom padding class */
        .py-7 {
            padding-top: 7rem;
            padding-bottom: 7rem;
        }

        /* Banner Styles */
        .technologies-banner {
            position: relative;
            height: 450px;
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #fff;
        }
        .technologies-banner::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.65);
        }
        .banner-content {
            position: relative;
            z-index: 1;
        }
        /* Content Styles */
        .hero-section {
            background: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSnoa8OqbiFBVbEw5CAv56Cu46TRoE3o8LGjA&s') no-repeat center center;
            background-size: cover;
            position: relative;
        }
        .hero-section::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
        }
        .hero-content {
            position: relative;
            z-index: 1;
        }
        .tech-card {
            border: 1px solid #e9ecef;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .tech-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
        }
        .service-image {
            height: auto;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .service-image:hover {
            transform: scale(1.05);
        }
        .btn-primary, .btn-outline-primary {
            transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
        }
        .btn-primary {
            background-color: var(--primary);
            border-color: var(--primary);
        }
        .btn-primary:hover {
            background-color: var(--accent);
            border-color: var(--accent);
            transform: scale(1.05);
        }
        .btn-outline-primary {
            border-color: var(--primary);
            color: var(--primary);
        }
        .btn-outline-primary:hover {
            background-color: var(--accent);
            border-color: var(--accent);
            color: #fff;
            transform: scale(1.05);
        }
        .section-subtitle {
            font-size: 0.9rem;
            letter-spacing: 1px;
            color: var(--accent);
        }
        /* Definition list styling */
        dl dt {
            font-weight: lighter;
            color: var(--primary);
            margin-bottom: 0.5rem;
            font-size: 20px;
        }
        dl dd {
            margin-bottom: 1.5rem;
        }
        /* Animation adjustments */
        .animate__animated[data-animate-delay="0.2s"] {
            animation-delay: 0.2s;
        }
        .animate__animated[data-animate-delay="0.4s"] {
            animation-delay: 0.4s;
        }
        .animate__animated {
            --animate-duration: 0.8s;
        }
      
        @media (max-width: 768px) {
            .technologies-banner {
                height: 350px;
            }
            .technologies-banner h1 {
                font-size: 2rem;
            }
            .technologies-banner p {
                font-size: 1rem;
            }
            .hero-section h2 {
                font-size: 2rem;
            }
            .service-image {
                height: 250px;
            }
            .py-7 {
                padding-top: 5rem;
                padding-bottom: 5rem;
            }
        }
        @media (max-width: 576px) {
            .technologies-banner {
                height: 250px;
            }
            .technologies-banner h1 {
                font-size: 1.5rem;
            }
            .technologies-banner p {
                font-size: 0.9rem;
            }
            .hero-section h2 {
                font-size: 1.5rem;
            }
            .hero-section p {
                font-size: 0.875rem;
            }
            .btn-primary, .btn-outline-primary {
                font-size: 0.9rem;
                padding: 8px 16px;
            }
            .service-image {
                height: auto;
            }
            .section-subtitle {
                font-size: 0.8rem;
            }
            /* Disable animations on mobile */
            .animate__animated {
                animation: none !important;
            }
        }
        /* Reduced motion preference */
        @media (prefers-reduced-motion: reduce) {
            .tech-card, .service-image, .btn-primary, .btn-outline-primary {
                transition: none;
            }
            .animate__animated {
                animation: none !important;
            }
        }

        .our-technology{
            background-color: #003f6c;
            color:#fff;
        }
        .our-technology i{ color:#d08400;}
         .our-technology h3{ font-size: 25px;}