.elementor-1843 .elementor-element.elementor-element-146cfc0{--display:flex;}/* Start custom CSS for html, class: .elementor-element-4f088c9 */.benefit-card.active .benefit-content {
    color: #fff;
}

/* Ring rotation */
#benefits-ring {
    --ring-rotation: 0deg;

    transform-origin: center center;
    transform: rotate(var(--ring-rotation));

    transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

#benefits-ring  {
    display: block;
    transform-box: view-box;
    /*transform-origin: center center;*/
    /* transform-origin: 268.5px 268.5px; */
    transform-origin: 46.8586% 50%;
    transform: rotate(var(--ring-rotation, 0deg));
    transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

/* Heading stays horizontal */
#benefit-heading {
    transform-origin: center center;
    transform: rotate(calc(-1 * var(--ring-rotation)));

    transition:
        transform 700ms cubic-bezier(0.22, 1, 0.36, 1),
        opacity 200ms ease,
        translate 200ms ease;

    opacity: 1;
    translate: 0 0;
}

/* Heading fade-out */
#benefit-heading.is-changing {
    opacity: 0;
    translate: 0 12px;
}

/* Card interaction */
#benefits-cards .benefit-card {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS */.custom-h2 {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    text-transform: uppercase;
}

.custom-h2 .lg-part {
    font-size: 72px;
    line-height: 0.8em;
}
.custom-h2 .sm-part {
    font-size: 38px;
    line-height: 1em;
}

@media (max-width: 1200px) {
    .custom-h2 .lg-part {
        font-size: 52px;
        line-height: 0.8em;
    }
    .custom-h2 .sm-part {
        font-size: 24px;
        line-height: 1em;
    }
}

@media (max-width: 767px) {
    .custom-h2 .lg-part {
        font-size: 40px;
        line-height: 0.8em;
    }
    .custom-h2 .sm-part {
        font-size: 20px;
        line-height: 1em;
    }
}

#process-steps > div {
    max-width: 420px !important;
}/* End custom CSS */