.ws-widget-hero {
    display: flex;
    align-items: center;
    gap: 72px;

    @media (max-width: 850px) {
        flex-direction: column;
    }
}

.ws-widget-hero__content {
    flex: 1.15 1 0%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ws-widget-hero__head-tag::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: var(--orange);
    border-radius: 50%;
    margin-right: 10px;
}

.ws-widget-hero__title > * {
    color: var(--black);
}

.ws-widget-hero__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ws-widget-hero__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.ws-widget-hero__image-section {
    width: 100%;
    flex: 0.75 0 0;
    padding-right: 24px;
}

.ws-widget-hero__image-wrapper {
    position: relative;
    max-width: 438px;
    height: 548px;

    & .ws-widget-hero__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
        user-select: none;
        -webkit-user-drag: none;
    }

    & .swiper,
    & .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
}

.ws-widget-hero__image-shadow {
    position: absolute;
    top: 24px;
    left: 24px;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-color: var(--light-orange);
    z-index: -1;
}

.ws-widget-hero__card {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 24px;
    border-radius: 8px;
    background-color: white;
    box-shadow: 6px 6px 0 0 rgba(28, 28, 26, 0.08);
    z-index: 10;
}

.ws-widget-hero__upper-card {
    top: -27px;
    left: -27px;
}

.ws-widget-hero__lower-card {
    bottom: -40px;
    right: -40px;
}

.ws-widget-hero__card-image {
    height: 30px;

    & img {
        height: 100%;
        width: auto;
    }
}

.ws-widget-hero__card-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ws-widget-hero__card-data {
    font-family: "Google Sans Flex";
    font-size: 30px;
    font-weight: 600;
    color: var(--dark-orange);
}

.ws-widget-hero__card-title {
    color: var(--black);
}

.ws-widget-hero__card-description {
    color: var(--dark-grey);
}