/* Real GrandHCM product dashboard used in the homepage hero. */
.hero-product {
    width: min(820px, 100%);
    height: auto;
    aspect-ratio: 2/1;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible;
    box-shadow: none !important
}

.hero-product-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: transparent
}

.hero-product:after {
    display: none !important
}

@media(max-width:900px) {
    .hero-product {
        height: auto;
        aspect-ratio: 2/1
    }
}

@media(max-width:650px) {
    .hero-product {
        width: 560px;
        height: auto;
        aspect-ratio: 2/1;
        transform: scale(.72) !important;
        transform-origin: top left;
        margin-bottom: -94px
    }
}