/*
 * Dedicated 404 help CTA control surface.
 *
 * Do not define control variables on the widget wrapper here. Elementor writes
 * the live/saved values to that wrapper; defining defaults there would shadow
 * the editor values because this stylesheet loads later. Defaults therefore
 * live only inside var() fallbacks below.
 */
.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help {
    border: 1px solid var(--ac404-help-border, #e5edf7);
    border-radius: var(--ac404-help-radius, 22px);
    background: linear-gradient(105deg, var(--ac404-help-bg-start, #f8fbff) 0%, var(--ac404-help-bg-end, #edf5ff) 100%);
}

.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__inner {
    min-height: var(--ac404-help-min-height, 230px) !important;
    padding: var(--ac404-help-wrap-pt, 0px) var(--ac404-help-wrap-pr, 0px) var(--ac404-help-wrap-pb, 0px) var(--ac404-help-wrap-pl, 0px) !important;
    flex-direction: var(--ac404-help-direction, row) !important;
    align-items: stretch !important;
    border-radius: inherit;
}

/*
 * The image column is intentionally stretched by the flex row. The Elementor
 * image-height control is used as a minimum height only, so the picture always
 * reaches the top and bottom edge of the CTA even when the copy makes the card
 * taller than the chosen image height.
 */
.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__media {
    position: relative;
    align-self: stretch !important;
    flex: 0 1 var(--ac404-help-media-width, 38%) !important;
    flex-basis: var(--ac404-help-media-width, 38%) !important;
    width: var(--ac404-help-media-width, 38%) !important;
    max-width: var(--ac404-help-media-width, 38%) !important;
    min-height: var(--ac404-help-media-height, 230px) !important;
    height: auto !important;
    overflow: hidden;
}

.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__image {
    position: absolute !important;
    inset: 0;
    display: block;
    width: 100% !important;
    max-width: none !important;
    min-height: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__content {
    flex: 1 1 var(--ac404-help-content-width, auto) !important;
    flex-basis: var(--ac404-help-content-width, auto) !important;
    max-width: var(--ac404-help-content-width, none) !important;
    padding: var(--ac404-help-content-pt, 30px) var(--ac404-help-content-pr, 64px) var(--ac404-help-content-pb, 30px) var(--ac404-help-content-pl, 64px) !important;
    justify-content: var(--ac404-help-content-justify, center) !important;
    align-items: var(--ac404-help-content-cross, flex-start) !important;
    text-align: var(--ac404-help-text-align, start) !important;
    gap: var(--ac404-help-items-gap, 8px) !important;
}

/* Keep every copy element on the same selected visual edge. */
.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__eyebrow,
.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__title,
.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__description {
    max-width: 100%;
}

.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__title,
.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__description {
    margin-block: 0 !important;
}

.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__title {
    color: var(--ac404-help-title-color, #1769e0) !important;
}

.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__description {
    color: var(--ac404-help-description-color, #66738b) !important;
}

.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__actions {
    display: flex !important;
    width: 100%;
    justify-content: var(--ac404-help-actions-justify, var(--ac404-help-actions-auto, flex-start)) !important;
}

.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__button--primary {
    width: var(--ac404-help-button-width, 160px) !important;
    padding: var(--ac404-help-button-pad-top, 10px) var(--ac404-help-button-pad-right, 25px) var(--ac404-help-button-pad-bottom, 10px) var(--ac404-help-button-pad-left, 25px) !important;
    gap: var(--ac404-help-button-gap, 7px) !important;
    color: var(--ac404-help-button-color, #fff) !important;
    background: var(--ac404-help-button-bg, #1769e0) !important;
    border-color: var(--ac404-help-button-border, #1769e0) !important;
    border-radius: var(
        --ac404-help-button-radius,
        var(--ac404-help-button-radius-tl, 9px)
        var(--ac404-help-button-radius-tr, 9px)
        var(--ac404-help-button-radius-br, 9px)
        var(--ac404-help-button-radius-bl, 9px)
    ) !important;
}

.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__button-icon,
.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__button-icon svg,
.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__button-icon i {
    width: var(--ac404-help-button-icon-size, 16px) !important;
    height: var(--ac404-help-button-icon-size, 16px) !important;
    font-size: var(--ac404-help-button-icon-size, 16px) !important;
    color: var(--ac404-help-button-icon, #fff) !important;
    fill: var(--ac404-help-button-icon, #fff) !important;
}

.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__button--primary:hover,
.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__button--primary:focus-visible {
    color: var(--ac404-help-button-hover-color, #fff) !important;
    background: var(--ac404-help-button-hover-bg, #0c4fbd) !important;
    border-color: var(--ac404-help-button-hover-border, #0c4fbd) !important;
}

.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__button--primary:hover .acw-faq-contact-cta__button-icon,
.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__button--primary:hover .acw-faq-contact-cta__button-icon svg,
.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__button--primary:hover .acw-faq-contact-cta__button-icon i,
.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__button--primary:focus-visible .acw-faq-contact-cta__button-icon,
.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__button--primary:focus-visible .acw-faq-contact-cta__button-icon svg,
.elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__button--primary:focus-visible .acw-faq-contact-cta__button-icon i {
    color: var(--ac404-help-button-hover-icon, #fff) !important;
    fill: var(--ac404-help-button-hover-icon, #fff) !important;
}

@media (max-width: 767px) {
    .elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__media,
    .elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__content {
        width: 100%;
    }

    /* In stacked mobile layouts the image keeps a real block height. */
    .elementor-widget-aliclick_faq_contact_cta:has(.acw-faq-contact-cta--error-404-help) .acw-faq-contact-cta--error-404-help .acw-faq-contact-cta__media {
        height: var(--ac404-help-media-height, 180px) !important;
        min-height: var(--ac404-help-media-height, 180px) !important;
    }
}