.elementor-543 .elementor-element.elementor-element-052f802{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:24px;--padding-right:24px;}.elementor-543 .elementor-element.elementor-element-052f802:not(.elementor-motion-effects-element-type-background), .elementor-543 .elementor-element.elementor-element-052f802 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #034DCF 0%, #3074F9 100%);}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-543 .elementor-element.elementor-element-3f32db0 > .elementor-widget-container{margin:0px 0px 80px 0px;}.elementor-543 .elementor-element.elementor-element-3f32db0 .elementor-image-box-wrapper{text-align:start;}.elementor-543 .elementor-element.elementor-element-3f32db0 .elementor-image-box-title{margin-bottom:8px;font-family:"gilroy", Sans-serif;font-size:20px;font-weight:600;line-height:1em;color:var( --e-global-color-22224e9 );}.elementor-543 .elementor-element.elementor-element-3f32db0:has(:hover) .elementor-image-box-title,
					 .elementor-543 .elementor-element.elementor-element-3f32db0:has(:focus) .elementor-image-box-title{color:var( --e-global-color-22224e9 );}.elementor-543 .elementor-element.elementor-element-3f32db0 .elementor-image-box-description{font-family:"gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:var( --e-global-color-22224e9 );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-543 .elementor-element.elementor-element-1335c4a .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-543 .elementor-element.elementor-element-1335c4a .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-543 .elementor-element.elementor-element-1335c4a .elementor-field-group.recaptcha_v3-bottomleft, .elementor-543 .elementor-element.elementor-element-1335c4a .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-543 .elementor-element.elementor-element-1335c4a .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-543 .elementor-element.elementor-element-1335c4a .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-543 .elementor-element.elementor-element-1335c4a .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-543 .elementor-element.elementor-element-1335c4a .elementor-field-type-html{padding-bottom:0px;}.elementor-543 .elementor-element.elementor-element-1335c4a .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-543 .elementor-element.elementor-element-1335c4a .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-543 .elementor-element.elementor-element-1335c4a .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-543 .elementor-element.elementor-element-1335c4a .elementor-button[type="submit"]{color:#ffffff;}.elementor-543 .elementor-element.elementor-element-1335c4a .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-543 .elementor-element.elementor-element-1335c4a .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-543 .elementor-element.elementor-element-1335c4a .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-543 .elementor-element.elementor-element-1335c4a .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-543 .elementor-element.elementor-element-1335c4a .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-543 .elementor-element.elementor-element-1335c4a .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-543 .elementor-element.elementor-element-1335c4a{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:1024px){.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-543 .elementor-element.elementor-element-3f32db0 .elementor-image-box-title{font-size:20px;line-height:1em;}.elementor-543 .elementor-element.elementor-element-3f32db0 .elementor-image-box-description{font-size:16px;line-height:24px;}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-543 .elementor-element.elementor-element-3f32db0 > .elementor-widget-container{margin:0px 0px 24px 0px;}.elementor-543 .elementor-element.elementor-element-3f32db0 .elementor-image-box-title{margin-bottom:8px;font-size:20px;line-height:1em;}.elementor-543 .elementor-element.elementor-element-3f32db0 .elementor-image-box-description{font-size:16px;line-height:22px;}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for form, class: .elementor-element-1335c4a *//* =========================================================
   .form-tel-nummer — компактна форма "телефон + кнопка"
   Дизайн: pill контейнер Blue-100, кнопка Neutral-900 всередині.
   Mobile: кнопка ховає текст, показує SVG-стрілку.
   ========================================================= */

/* Скидаємо padding самого віджета — форма сама тримає padding */
.form-tel-nummer.elementor-widget-form .elementor-widget-container {
    padding: 0 !important;
    background: transparent !important;
}

/* Обгортка форми */
.form-tel-nummer .elementor-form {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* ---- Wrapper полів: pill-контейнер ---- */
.form-tel-nummer .elementor-form-fields-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    width: 100% !important;
    padding: 8px 8px 8px 24px !important;
    background: var(--e-global-color-bg-card, #EAF3FF) !important;
    border-radius: 18px !important;
    position: relative !important;
    box-sizing: border-box !important;
    /* прибираємо border/outline навіть у error-стані */
    border: 0 !important;
    outline: 0 !important;
}

/* ---- Поле телефону (елементарний контейнер) ---- */
.form-tel-nummer .elementor-field-type-tel {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    display: block !important;
}

/* Ховаємо label над полем — плейсхолдер вже описує поле */
.form-tel-nummer .elementor-field-label {
    display: none !important;
}

/* Сам input телефону */
.form-tel-nummer input[type="tel"],
.form-tel-nummer .elementor-field-textual {
    width: 100% !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    color: var(--e-global-color-text, #415170) !important;
    font-family: "Gilroy", "Inter", system-ui, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.form-tel-nummer input[type="tel"]::placeholder {
    color: var(--e-global-color-text, #415170) !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}

.form-tel-nummer input[type="tel"]:focus,
.form-tel-nummer input[type="tel"]:focus-visible {
    outline: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
    background: transparent !important;
}

/* ---- Автозаповнення (Chrome ставить жовтий фон) ---- */
.form-tel-nummer input[type="tel"]:-webkit-autofill,
.form-tel-nummer input[type="tel"]:-webkit-autofill:hover,
.form-tel-nummer input[type="tel"]:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--e-global-color-text, #415170) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--e-global-color-bg-card, #EAF3FF) inset !important;
    box-shadow: 0 0 0 1000px var(--e-global-color-bg-card, #EAF3FF) inset !important;
    transition: background-color 5000s ease-in-out 0s !important;
    font-family: "Gilroy", "Inter", system-ui, sans-serif !important;
}

/* ---- Обгортка кнопки submit ---- */
.form-tel-nummer .elementor-field-type-submit,
.form-tel-nummer .e-form__buttons {
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* ---- Кнопка "Замовити дзвінок" ---- */
.form-tel-nummer button.elementor-button,
.form-tel-nummer .elementor-button[type="submit"] {
    height: 56px !important;
    min-height: 56px !important;
    padding: 12px 24px !important;
    background: var(--e-global-color-accent, #1E1E1E) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: background-color .18s ease, transform .12s ease !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    font-family: "Gilroy", "Inter", system-ui, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: none !important;
    text-decoration: none !important;
    letter-spacing: 0 !important;
}

.form-tel-nummer button.elementor-button:hover {
    background: #000 !important;
    transform: none !important;
}
.form-tel-nummer button.elementor-button:active {
    transform: translateY(1px) !important;
}
.form-tel-nummer button.elementor-button:focus,
.form-tel-nummer button.elementor-button:focus-visible {
    outline: 2px solid rgba(31,101,233,.4) !important;
    outline-offset: 2px !important;
}

.form-tel-nummer .elementor-button-content-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
}

.form-tel-nummer .elementor-button-text {
    color: #fff !important;
    font-family: "Gilroy", "Inter", system-ui, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* ---- Приховуємо повідомлення про помилку валідації (щоб не ламало pill) ---- */
.form-tel-nummer .elementor-message,
.form-tel-nummer .elementor-message-danger,
.form-tel-nummer .elementor-help-inline,
.form-tel-nummer .elementor-form-help-inline {
    display: none !important;
}

/* Стан .elementor-error на групі поля — прибираємо червону рамку/фон */
.form-tel-nummer .elementor-field-group.elementor-error,
.form-tel-nummer .elementor-field-group.elementor-error input {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Замість цього — тонка червона рамка на pill-контейнері при помилці (опційно) */
.form-tel-nummer .elementor-form:has(.elementor-error) .elementor-form-fields-wrapper {
    box-shadow: inset 0 0 0 1px rgba(220, 53, 69, .35) !important;
}

/* ---- SVG-стрілка для мобільної кнопки (data URL) ---- */
/* Використовуємо ::before щоб не залежати від DOM Elementor */
.form-tel-nummer button.elementor-button::before {
    content: "";
    display: none;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'><path d='M6.667 16h18.666M17.334 24l8-8-8-8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    flex: 0 0 auto;
}

/* =========================================================
   MOBILE — кнопка стає квадратом 56×56 з іконкою замість тексту
   ========================================================= */
@media (max-width: 767px) {
    .form-tel-nummer .elementor-form-fields-wrapper {
        padding: 8px 8px 8px 20px !important;
        border-radius: 18px !important;
    }

    /* input телефону — трохи компактніший */
    .form-tel-nummer input[type="tel"] {
        font-size: 15px !important;
    }

    /* Кнопка — квадрат 56×56, без тексту, тільки іконка */
    .form-tel-nummer button.elementor-button,
    .form-tel-nummer .elementor-button[type="submit"] {
        width: 56px !important;
        min-width: 56px !important;
        height: 56px !important;
        padding: 0 !important;
        border-radius: 16px !important;
        flex: 0 0 56px !important;
    }

    /* Ховаємо текст */
    .form-tel-nummer .elementor-button-text {
        display: none !important;
    }

    /* Показуємо SVG-стрілку */
    .form-tel-nummer button.elementor-button::before {
        display: block !important;
    }

    .form-tel-nummer .elementor-button-content-wrapper {
        width: 100% !important;
        height: 100% !important;
        gap: 0 !important;
    }
      .form-tel-nummer  .elementor-button-content-wrapper{
        display: none!important;
    }
}

/* =========================================================
   Дуже вузькі екрани — скорочуємо padding поля
   ========================================================= */
@media (max-width: 380px) {
    .form-tel-nummer .elementor-form-fields-wrapper {
        padding: 6px 6px 6px 16px !important;
    }
    .form-tel-nummer input[type="tel"] {
        font-size: 14px !important;
    }
}/* End custom CSS */