.nc-solutions-overview .nc-solutions-widget__stage {
    overflow: hidden;
}

.nc-solutions-overview .nc-solutions-widget__hotspot-label {
    font-size: 1.2rem;
}

@media (max-width: 991.98px) {
    .nc-solutions-overview .nc-solutions-widget__hotspot-label {
        font-size: 0.8125rem;
    }
}

@media (max-width: 767.98px) {
    .nc-solutions-overview .nc-solutions-widget__stage {
        border-radius: 0.75rem;
    }

    .nc-solutions-overview .nc-solutions-widget__hotspots {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
        padding: 1rem;
        background: linear-gradient(180deg, rgba(244, 247, 251, 0) 0%, rgba(244, 247, 251, 0.94) 18%, #f4f7fb 100%);
    }

    .nc-solutions-overview .nc-solutions-widget__hotspot {
        position: static;
        transform: none;
    }

    .nc-solutions-overview .nc-solutions-widget__hotspot-button,
    .nc-solutions-overview .nc-solutions-widget__hotspot-button:hover,
    .nc-solutions-overview .nc-solutions-widget__hotspot-button:focus,
    .nc-solutions-overview .nc-solutions-widget__hotspot-button:focus-visible,
    .nc-solutions-overview .nc-solutions-widget__hotspot-button.is-peeking {
        width: 100%;
        padding-right: 0.875rem;
        box-shadow: 0 12px 24px rgba(0, 78, 132, 0.15);
    }

    .nc-solutions-overview .nc-solutions-widget__hotspot-button:focus-visible {
        outline: 2px solid #fff;
        outline-offset: 2px;
        box-shadow: 0 12px 24px rgba(0, 78, 132, 0.15), 0 0 0 5px rgba(0, 79, 132, 0.45);
    }

    .nc-solutions-overview .nc-solutions-widget__hotspot-label,
    .nc-solutions-overview .nc-solutions-widget__hotspot-button:hover .nc-solutions-widget__hotspot-label,
    .nc-solutions-overview .nc-solutions-widget__hotspot-button:focus .nc-solutions-widget__hotspot-label,
    .nc-solutions-overview .nc-solutions-widget__hotspot-button:focus-visible .nc-solutions-widget__hotspot-label,
    .nc-solutions-overview .nc-solutions-widget__hotspot-button.is-peeking .nc-solutions-widget__hotspot-label {
        max-width: none;
        opacity: 1;
        transform: none;
    }
}

@media (max-width: 575.98px) {
    .nc-solutions-overview .nc-solutions-widget__hotspots {
        grid-template-columns: minmax(0, 1fr);
    }
}
