/* Extracted from home.php to reduce rendered HTML weight. */
@keyframes heroFadeInUp {
    from { opacity: 0; transform: translateY(40px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
.hero-css-reveal {
    opacity: 0;
    animation: heroFadeInUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.hero-css-reveal.delay-1 { animation-delay: 0.10s; }
.hero-css-reveal.delay-2 { animation-delay: 0.28s; }
.hero-css-reveal.delay-3 { animation-delay: 0.46s; }
.hero-css-reveal.delay-4 { animation-delay: 0.64s; }

@media (max-width: 767px) {
    .globe-capability-work {
        padding-top: 48px !important;
        padding-bottom: 24px !important;
    }

    .globe-capability-work-header {
        padding: 0 18px;
        margin-bottom: 24px;
    }

    .globe-capability-work-header h2 {
        max-width: 280px;
        margin: 0 auto 12px !important;
        font-size: 20px !important;
        line-height: 28px !important;
        letter-spacing: 0 !important;
    }

    .globe-capability-work-header p {
        max-width: 285px;
        margin: 0 auto !important;
        font-size: 13px !important;
        line-height: 19px !important;
        letter-spacing: 0 !important;
    }

    .globe-capability-work-wrapper.mobileshow {
        margin-top: 8px;
    }

    .homepage-stats {
        padding-bottom: 64px !important;
    }

    .homepage-stats .container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .homepage-stats .bgcustomer {
        padding: 34px 14px 30px !important;
    }

    .homepage-stats .customersformat {
        max-width: 230px;
        margin: 0 auto 24px !important;
        font-size: 22px !important;
        line-height: 30px !important;
    }

    .homepage-stats .mytexx {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 22px 12px !important;
        margin-top: 0 !important;
        font-size: inherit !important;
    }

    .homepage-stats .mytexx > div {
        min-width: 0;
        padding: 0 !important;
        gap: 6px !important;
        justify-content: flex-start;
    }

    .homepage-stats .counter,
    .homepage-stats .countss {
        width: 100%;
        min-height: 34px;
        padding-bottom: 0 !important;
        font-size: 30px !important;
        line-height: 34px !important;
        letter-spacing: 0 !important;
        white-space: normal;
    }

    .homepage-stats .counterpara {
        width: 100%;
        max-width: 112px;
        margin: 0 auto !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
    }
}

@media (max-width: 360px) {
    .homepage-stats .counter,
    .homepage-stats .countss {
        font-size: 27px !important;
        line-height: 32px !important;
    }

    .homepage-stats .counterpara {
        max-width: 104px;
        font-size: 11px !important;
        line-height: 15px !important;
    }
}