/* Keep the original layout, typography, graphics and colour palette. */
/* The original widget has one photo; its mobile CSS expects a second one. */
@media (max-width: 585px) {
    .hero-empowerment-area .hero-empowerment-right-content .top-content > img.desktop,
    .hero-empowerment-area .hero-empowerment-right-content .top-content > picture.d4y-hero-delivery > img.desktop {
        display: block;
    }
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .service2-card,
    .service3-card,
    .portfolio-card {
        transition: translate 250ms ease;
    }

    .service2-card:hover,
    .service3-card:hover,
    .portfolio-card:hover,
    .service2-card:focus-within,
    .service3-card:focus-within,
    .portfolio-card:focus-within {
        translate: 0 -4px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto !important; }
    .slide-left,
    .slide-right,
    .fade-in,
    .bounce-in,
    .pop-in,
    .testimonial2-lists,
    .testimonial2-lists-two,
    .slide-btn {
        animation: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .slide-left,
    .slide-right,
    .bounce-in,
    .pop-in {
        transform: none !important;
    }

    .card-h img,
    .card-h .theme-btn,
    .theme-btn,
    .theme-btn2,
    .theme-btn i,
    .theme-btn2 i,
    .card-h .theme-btn i,
    .card-h2 .theme-btn i {
        transition: none !important;
    }
}