.elementor-12102 .elementor-element.elementor-element-5e19c73{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-12102 .elementor-element.elementor-element-8650afe{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12102 .elementor-element.elementor-element-c004433{text-align:start;}.elementor-12102 .elementor-element.elementor-element-c004433 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:48px;font-weight:bold;color:var( --e-global-color-c2029d7 );}.elementor-12102 .elementor-element.elementor-element-9524f75{text-align:start;}.elementor-12102 .elementor-element.elementor-element-9524f75 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:200;color:var( --e-global-color-c2029d7 );}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-status{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-bar span{color:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .step-nav button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-12102 .elementor-element.elementor-element-223f972 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#00000033 !important;color:#ffffff !important;}.elementor-12102 .elementor-element.elementor-element-223f972 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit:hover{background-color:#00000066 !important;}#elementor-popup-modal-12102 .dialog-widget-content{animation-duration:0.5s;background-color:transparent;background-image:linear-gradient(120deg, var( --e-global-color-491f477 ) 0%, var( --e-global-color-12f5da1 ) 100%);border-radius:15px 15px 15px 15px;margin:10px 0px 10px 0px;}#elementor-popup-modal-12102{background-color:#00000080;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-12102 .dialog-message{width:1140px;height:auto;}#elementor-popup-modal-12102 .dialog-close-button{display:flex;font-size:18px;}#elementor-popup-modal-12102 .dialog-close-button i{color:var( --e-global-color-c2029d7 );}#elementor-popup-modal-12102 .dialog-close-button svg{fill:var( --e-global-color-c2029d7 );}#elementor-popup-modal-12102 .dialog-close-button:hover i{color:var( --e-global-color-267f8cf );}/* Start custom CSS */.elementor-popup-modal {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.elementor-popup-modal {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
/* =========================
   ALAP INPUT PADDING / PLACEHOLDER
========================= */
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea,
.ff-el-form-control {
    padding: 1rem !important;
}

input::placeholder,
textarea::placeholder,
.ff-el-form-control::placeholder {
    opacity: 1 !important;
    color: #171b31 !important;
}

/* =========================
   HTML / LABEL BLOKKOK
========================= */
.fluentform .ff-el-group .ff-el-input--label {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.fluentform .ff-el-group .ff-el-input--label label {
    margin-bottom: 5px;
}

/* =========================
   SZOLGÁLTATÁS LABEL
========================= */
.fluentform .ff_list_inline > .ff-el-input--label {
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    left: auto !important;
    margin-bottom: 10px !important;
}

.fluentform .ff_list_inline > .ff-el-input--label label {
    display: block;
    font-family: "Avenir", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
}

/* =========================
   INPUT / SELECT / TEXTAREA ALAP
========================= */
.fluentform .ff-el-form-control {
    border: 0 !important;
    border-radius: 5px !important;
    background: #ffffff !important;
    color: #171b31 !important;
    box-shadow: none !important;
    font-family: "Avenir", Sans-serif;
    font-size: 16px;
    min-height: 54px;
}

.fluentform textarea.ff-el-form-control {
    min-height: 98px;
    resize: vertical;
}

.fluentform .ff-el-form-control:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* =========================
   CHECKBOXOK - SZOLGÁLTATÁSOK + GDPR EGYSÉGESEN
========================= */

/* szolgáltatások container */
.fluentform .ff_list_inline .ff-el-input--content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px 20px;
}

/* egy sor */
.fluentform .ff_list_inline .ff-el-form-check,
.fluentform .ff-el-tc .ff-el-form-check {
    display: inline-flex !important;
    align-items: flex-start !important;
    margin: 0 !important;
    vertical-align: top;
}

/* közös label */
.fluentform .ff_list_inline .ff-el-form-check-label,
.fluentform .ff-el-tc .ff-el-form-check-label {
    display: inline-flex !important;
    align-items: flex-start !important;
    gap: 5px !important;
    margin: 0 !important;
    line-height: 1.3;
    color: #ffffff !important;
    font-family: "Avenir", Sans-serif;
    font-size: 16px;
}

/* szolgáltatások checkbox input */
.fluentform .ff_list_inline .ff-el-form-check-input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}


/* szolgáltatások saját négyzet */
.fluentform .ff_list_inline .ff-el-form-check-label::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-top: 1px;
    border-radius: 5px;
    border: 2px solid #ffffff;
    background: #ffffff;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    flex: 0 0 20px;
}


/* checked állapot - szolgáltatások */
.fluentform .ff_list_inline .ff-el-form-check-label:has(.ff-el-form-check-input[type="checkbox"]:checked)::before {
    background-image: url('https://www.hsagroup.hu/wp-content/uploads/2025/04/check-solid-green.svg');
}

/* szolgáltatások szöveg */
.fluentform .ff_list_inline .ff-el-form-check-label > span {
    display: block;
}

.fluentform .ff-el-tc .ff_t_c a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* =========================
   GDPR CHECKBOX - STABIL VERZIÓ
========================= */
.fluentform .ff-el-tc,
.fluentform .ff-el-tc .ff-el-form-check {
    margin: 0 !important;
}

.fluentform .ff-el-tc .ff-el-form-check-label {
    display: inline-flex !important;
    align-items: flex-start !important;
    margin: 0 !important;
    color: #ffffff !important;
    line-height: 1.35;
    cursor: pointer !important;
}

.fluentform .ff-el-tc .ff_tc_checkbox {
    display: inline-flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    margin: 1px 0 0 0 !important;
}

html body .fluentform .ff-el-tc label.ff_tc_label > span {
    padding-top: 0px !important;
}

/* ITT NEM REJTJÜK EL AZ INPUTOT */
.fluentform .ff-el-tc .ff_gdpr_field[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 2px solid #ffffff !important;
    border-radius: 5px !important;
    background: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
    position: relative !important;
}

/* checked */
.fluentform .ff-el-tc .ff_gdpr_field[type="checkbox"]:checked {
    background-image: url('https://www.hsagroup.hu/wp-content/uploads/2025/04/check-solid-green.svg') !important;
}

/* focus */
.fluentform .ff-el-tc .ff_gdpr_field[type="checkbox"]:focus {
    box-shadow: none !important;
    outline: none !important;
}

.fluentform .ff-el-tc .ff_t_c {
    display: block;
    flex: 1 1 auto;
    color: #ffffff !important;
    line-height: 1.3;
}

.fluentform .ff-el-tc .ff_t_c a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* =========================
   GOMB - EREDETI ALSÓ CSÍK ANIMÁCIÓ
========================= */
.fluentform .ff_submit_btn_wrapper .ff-btn-submit,
.fluentform .ff_submit_btn_wrapper .ff-btn.ff-btn-submit,
.fluentform .ff_submit_btn_wrapper button.ff-btn-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px;
    min-height: 54px;
    padding: 10px 15px !important;
    border: none !important;
    border-radius: 5px !important;
    font-family: "Avenir", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #ffffff !important;
    box-shadow: none !important;
    background:
        linear-gradient(90deg, rgba(78,188,138,1) 30%, rgba(90,183,196,1) 60%, rgba(137,108,171,1) 100%)
        no-repeat calc(200% - var(--p, 0%)) 100% / 200% var(--v, 0.3em) !important;
    background-color: rgba(0,0,0,0.2) !important;
    transition:
        0.3s var(--t, 0s),
        background-position 0.3s calc(0.3s - var(--t, 0s)) !important;
}

.fluentform .ff_submit_btn_wrapper .ff-btn-submit::after,
.fluentform .ff_submit_btn_wrapper .ff-btn.ff-btn-submit::after,
.fluentform .ff_submit_btn_wrapper button.ff-btn-submit::after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml;utf8,<svg aria-hidden='true' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'><path fill='%230cac86' d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/></svg>");
    transition: filter .3s ease;
}

.fluentform .ff_submit_btn_wrapper .ff-btn-submit:hover,
.fluentform .ff_submit_btn_wrapper .ff-btn.ff-btn-submit:hover,
.fluentform .ff_submit_btn_wrapper button.ff-btn-submit:hover {
    --p: 100%;
    --t: 0.3s;
    --v: 0.3em;
    color: #ffffff !important;
    background-color: rgba(0,0,0,0.4) !important;
}

.fluentform .ff_submit_btn_wrapper .ff-btn-submit:hover::after,
.fluentform .ff_submit_btn_wrapper .ff-btn.ff-btn-submit:hover::after,
.fluentform .ff_submit_btn_wrapper button.ff-btn-submit:hover::after {
    filter: brightness(0) invert(1);
}

/* =========================
   ÁLTALÁNOS TÁVOLSÁGOK
========================= */
.fluentform .ff-el-group {
    margin-bottom: 20px;
}

.fluentform .ff_submit_btn_wrapper {
    margin-top: 0;
}

.fluentform .ff_list_inline .ff-el-form-check {
    display: inline-flex;
    margin-right: 18px;
    margin-bottom: 10px;
}

/* =========================
   HIBA / VALIDÁCIÓ
========================= */
.fluentform .text-danger,
.fluentform .ff-el-is-error .error,
.fluentform .ff-message-error {
    color: #ffffff !important;
}

/* =========================
   MOBIL
========================= */
@media (max-width: 767px) {
    .fluentform .ff_list_inline .ff-el-form-check {
        display: flex;
        width: 100%;
        margin-right: 0;
    }

    .fluentform .ff-btn-submit {
        width: auto;
    }
}/* End custom CSS */