/* Page animations - works on all devices including mobile */

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Services page animations */
.about-info-section-grid {
    animation: fadeInUp 0.8s ease-out 0.2s both;
}

.service-section-wrapper {
    animation: fadeInUp 0.8s ease-out 0.4s both;
}

/* Portfolio page animations */
.portfolio-section-wrapper {
    animation: fadeInUp 0.8s ease-out 0.2s both;
}

/* Team section centering on tablet */
@media (max-width: 991px) {
    .team-section-grid1 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    .team-section-title {
        text-align: center !important;
        width: 100% !important;
    }

    .team-section-content {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }

    .team-item-box {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }

    .team-list-grid {
        display: flex !important;
        justify-content: center !important;
    }

    .team-link-block {
        display: flex !important;
        justify-content: center !important;
    }

    .section-big-title {
        text-align: center !important;
    }
}

/* Mobile menu - show Contact Now link */
@media (max-width: 991px) {
    .nav-menu .mobile-contact-link {
        display: block !important;
        padding: 10px 20px;
        color: white;
        text-decoration: none;
        font-weight: 600;
        background-color: var(--main-color, #0066cc);
        border-radius: 5px;
        margin: 10px 20px;
        text-align: center;
    }

    .nav-menu .mobile-contact-link:hover {
        opacity: 0.9;
    }
}

/* Hide mobile contact link on desktop */
@media (min-width: 992px) {
    .nav-menu .mobile-contact-link {
        display: none !important;
    }
}