.hcs-wrapper-7c1b3b8a {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    --hcs-img-col-width: 45%;
}

.hcs-pos-right {
    flex-direction: row-reverse;
}

.hcs-image-col-7c1b3b8a {
    width: var(--hcs-img-col-width);
    flex-shrink: 0;
    position: relative;
    display: flex;
    flex-direction: column;
}

.hcs-content-col-7c1b3b8a {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hcs-header-7c1b3b8a {
    margin-bottom: 30px;
}

.hcs-header-title-7c1b3b8a {
    margin: 0 0 10px 0;
    padding: 0;
}

.hcs-header-desc-7c1b3b8a {
    margin: 0;
}

.hcs-image-area-7c1b3b8a {
    position: relative;
    width: 100%;
    /* Let the element define its own auto height, or use the min-height control.
       This allows flex column justify-content to center it. */
    overflow: hidden;
}

/* 
  Since the image is absolutely positioned inside a potentially auto-height area, 
  if there's no fixed min-height, the area will collapse to 0 height. 
  The min-height control handles the actual height for the absolute images. 
*/

.hcs-image-7c1b3b8a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
}

.hcs-image-7c1b3b8a.is-active {
    opacity: 1;
    visibility: visible;
}

.hcs-list-7c1b3b8a {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.hcs-item-7c1b3b8a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.hcs-item-header-7c1b3b8a {
    display: flex;
    align-items: center;
    width: 100%;
}

.hcs-item-paragraph-7c1b3b8a {
    width: 100%;
}

/* Allow links to be clickable but prevent items from stealing clicks */
.hcs-item-header-7c1b3b8a,
.hcs-item-paragraph-7c1b3b8a {
    pointer-events: none;
}

/* Make sure the button stays clickable */
.hcs-btn-7c1b3b8a {
    pointer-events: auto;
    position: relative;
    z-index: 2;
}

.hcs-item-icon-7c1b3b8a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hcs-btn-7c1b3b8a {
    align-self: flex-start;
    display: inline-flex;
}

.hcs-divider-7c1b3b8a {
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .hcs-wrapper-7c1b3b8a {
        flex-direction: column;
    }
    .hcs-mobile-content_first {
        flex-direction: column-reverse;
    }
    .hcs-image-col-7c1b3b8a {
        width: 100%;
    }
    .hcs-divider-7c1b3b8a {
        display: none;
    }
}