.hover-card {
            transition: all 0.3s ease;
        }
        .hover-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
            border-color: #1d4ed8;
        }
        .hover-card:hover .icon-wrapper {
            background-color: #1d4ed8;
            color: white;
        }
        .icon-wrapper {
            transition: all 0.3s ease;
        }
        .text-indent-2 {
            text-indent: 2em;
        }
        .value-letter {
            position: absolute;
            right: 1rem;
            bottom: 0.5rem;
            font-size: 4.5rem;
            font-weight: 800;
            line-height: 1;
            color: rgba(29, 78, 216, 0.12);
            pointer-events: none;
            transform: scale(1);
            transform-origin: bottom right;
            transition: transform 0.35s ease, color 0.35s ease;
        }
        .hover-card:hover .value-letter {
            transform: scale(1.22);
            color: rgba(220, 38, 38, 0.18);
        }
        .customer-card {
            transition: all 0.3s ease;
        }
        .customer-logo {
            height: 4rem;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        .customer-logo img {
            max-height: 100%;
            max-width: 100%;
            object-fit: contain;
            transition: all 0.3s ease;
        }
        .customer-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 24px -12px rgba(15, 23, 42, 0.2);
            border-color: rgba(29, 32, 136, 0.2);
        }
        .customer-card:hover .customer-logo img {
            transform: scale(1.08);
        }
        .banner-glow {
            background-image: url('../img/about.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-color: #0f172a;
        }
        .banner-grid {
            background-image:
                linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);
            background-size: 40px 40px;
            mask-image: linear-gradient(to bottom, transparent, black 12%, black 88%, transparent);
        }
        .banner-road {
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.22), transparent);
            transform: skewX(-30deg);
        }
        .banner-mask {
            background: linear-gradient(100deg, rgba(15, 23, 42, 0.86) 0%, rgba(15, 23, 42, 0.8) 45%, rgba(29, 78, 216, 0.62) 100%);
        }
