.card {
        background: #0f0f0f;
        padding: 40px;
        border-radius: 18px;
    }

    .contact-grid {
        display: grid;
        gap: 20px;
        margin-top: 30px;
    }

    .item {
        background: var(--glass);
        padding: 15px;
        border-radius: 10px;
        transition: transform 0.3s ease;
    }

    .item:hover {
        transform: translateX(10px);
        background: rgba(255, 255, 255, 0.08);
    }

    .title {
        font-size: 0.75rem;
        text-transform: uppercase;
        color: var(--neon-blue);
        letter-spacing: 1.5px;
        display: block;
        margin-bottom: 5px;
    }

    .text {
        font-size: 1rem;
        line-height: 1.5;
    }

    .hours-pill {
        display: inline-block;
        margin-top: 20px;
        padding: 8px 20px;
        border: 1px solid var(--neon-blue);
        border-radius: 50px;
        color: var(--neon-blue);
        font-size: 0.9rem;
        animation: pulse 2s infinite;
    }

    @keyframes pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(0, 212, 255, 0.4);
        }

        70% {
            box-shadow: 0 0 0 10px rgba(0, 212, 255, 0);
        }

        100% {
            box-shadow: 0 0 0 0 rgba(0, 212, 255, 0);
        }
    }

    a {
        color: inherit;
        text-decoration: none;
    }

.expectation-card:hover {
        transform: translateY(-10px) scale(1.02);
        box-shadow: 0 25px 50px rgba(212, 175, 55, 0.4) !important;
    }

    .expectation-card:hover>div:first-child {
        opacity: 1;
        animation: shine 0.6s ease-in-out;
    }

    @keyframes shine {
        0% {
            transform: translateX(-100%) translateY(-100%) rotate(45deg);
        }

        100% {
            transform: translateX(100%) translateY(100%) rotate(45deg);
        }
    }

    .expectation-card:hover h5 {
        color: #000 !important;
    }

    .pl-0 {
        padding-left: 0 !important;
    }

    .AboutHTag h3 {
        font-size: 29px !important;
    }