.elementor-22190 .elementor-element.elementor-element-77b9f369{--display:flex;--min-height:700px;--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:center;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overflow:hidden;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:13%;}.elementor-22190 .elementor-element.elementor-element-77b9f369:not(.elementor-motion-effects-element-type-background), .elementor-22190 .elementor-element.elementor-element-77b9f369 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.coderfy.com/wp-content/uploads/2026/05/bg-popup.webp");background-position:center center;background-repeat:no-repeat;background-size:85% auto;}.elementor-widget-image .widget-image-caption{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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );}.elementor-22190 .elementor-element.elementor-element-7b17cd7b{width:auto;max-width:auto;top:70px;text-align:start;}body:not(.rtl) .elementor-22190 .elementor-element.elementor-element-7b17cd7b{left:535px;}body.rtl .elementor-22190 .elementor-element.elementor-element-7b17cd7b{right:535px;}.elementor-22190 .elementor-element.elementor-element-7b17cd7b img{width:70px;height:70px;object-fit:cover;object-position:center center;border-radius:70px 70px 70px 70px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.3);}.elementor-22190 .elementor-element.elementor-element-2d77ca79{--display:flex;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15);--padding-top:7%;--padding-bottom:7%;--padding-left:7%;--padding-right:7%;}.elementor-22190 .elementor-element.elementor-element-2d77ca79:not(.elementor-motion-effects-element-type-background), .elementor-22190 .elementor-element.elementor-element-2d77ca79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22190 .elementor-element.elementor-element-2d77ca79::before, .elementor-22190 .elementor-element.elementor-element-2d77ca79 > .elementor-background-video-container::before, .elementor-22190 .elementor-element.elementor-element-2d77ca79 > .e-con-inner > .elementor-background-video-container::before, .elementor-22190 .elementor-element.elementor-element-2d77ca79 > .elementor-background-slideshow::before, .elementor-22190 .elementor-element.elementor-element-2d77ca79 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22190 .elementor-element.elementor-element-2d77ca79 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.coderfy.com/wp-content/uploads/2026/05/bubble_bg_popup.webp");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}body:not(.rtl) .elementor-22190 .elementor-element.elementor-element-d3c1eb2{right:28px;}body.rtl .elementor-22190 .elementor-element.elementor-element-d3c1eb2{left:28px;}.elementor-22190 .elementor-element.elementor-element-d3c1eb2{top:30px;}.elementor-22190 .elementor-element.elementor-element-d3c1eb2 .elementor-icon-wrapper{text-align:center;}.elementor-22190 .elementor-element.elementor-element-d3c1eb2.elementor-view-stacked .elementor-icon{background-color:#3D4459;}.elementor-22190 .elementor-element.elementor-element-d3c1eb2.elementor-view-framed .elementor-icon, .elementor-22190 .elementor-element.elementor-element-d3c1eb2.elementor-view-default .elementor-icon{color:#3D4459;border-color:#3D4459;}.elementor-22190 .elementor-element.elementor-element-d3c1eb2.elementor-view-framed .elementor-icon, .elementor-22190 .elementor-element.elementor-element-d3c1eb2.elementor-view-default .elementor-icon svg{fill:#3D4459;}.elementor-22190 .elementor-element.elementor-element-d3c1eb2.elementor-view-stacked .elementor-icon:hover{background-color:#06D9FA;}.elementor-22190 .elementor-element.elementor-element-d3c1eb2.elementor-view-framed .elementor-icon:hover, .elementor-22190 .elementor-element.elementor-element-d3c1eb2.elementor-view-default .elementor-icon:hover{color:#06D9FA;border-color:#06D9FA;}.elementor-22190 .elementor-element.elementor-element-d3c1eb2.elementor-view-framed .elementor-icon:hover, .elementor-22190 .elementor-element.elementor-element-d3c1eb2.elementor-view-default .elementor-icon:hover svg{fill:#06D9FA;}.elementor-22190 .elementor-element.elementor-element-d3c1eb2 .elementor-icon{font-size:16px;}.elementor-22190 .elementor-element.elementor-element-d3c1eb2 .elementor-icon svg{height:16px;}.elementor-widget-heading .elementor-heading-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 );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-22190 .elementor-element.elementor-element-1a05b013{margin:24px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;text-align:start;}.elementor-22190 .elementor-element.elementor-element-1a05b013 .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:30px;font-weight:600;line-height:130%;color:#09090B;}.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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );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 );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );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 );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );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 );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group > label, .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-subgroup label{color:#71717A;}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-type-html{padding-bottom:0px;color:#09090B;}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group .elementor-field{color:#71717A;}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group .elementor-field, .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-subgroup label{font-family:"Noto Sans", Sans-serif;font-size:14px;font-weight:400;line-height:100%;}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-primary );border-color:#E4E4E7;border-radius:8px 8px 8px 8px;}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-primary );border-color:#E4E4E7;border-radius:8px 8px 8px 8px;}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group .elementor-select-wrapper::before{color:#E4E4E7;}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );color:#ffffff;border-color:var( --e-global-color-accent );}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );color:#ffffff;border-color:var( --e-global-color-accent );}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .e-form__buttons__wrapper__button-next:hover{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-button[type="submit"]:hover{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-accent );}.elementor-22190 .elementor-element.elementor-element-7c87daa6 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-22190 .elementor-element.elementor-element-7c87daa6{--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;}#elementor-popup-modal-22190 .dialog-widget-content{animation-duration:1s;background-color:rgba(0,0,0,0);}#elementor-popup-modal-22190 .dialog-message{width:801px;height:auto;}#elementor-popup-modal-22190{justify-content:center;align-items:center;pointer-events:all;}@media(max-width:1440px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.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(min-width:768px){.elementor-22190 .elementor-element.elementor-element-77b9f369{--content-width:800px;}}@media(max-width:1025px){.elementor-22190 .elementor-element.elementor-element-77b9f369{--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:12%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}body:not(.rtl) .elementor-22190 .elementor-element.elementor-element-7b17cd7b{left:525px;}body.rtl .elementor-22190 .elementor-element.elementor-element-7b17cd7b{right:525px;}.elementor-22190 .elementor-element.elementor-element-7b17cd7b{top:75px;}.elementor-22190 .elementor-element.elementor-element-2d77ca79{--padding-top:6%;--padding-bottom:6%;--padding-left:10%;--padding-right:21%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-22190 .elementor-element.elementor-element-1a05b013{text-align:start;}.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-22190 .elementor-element.elementor-element-77b9f369{--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-22190 .elementor-element.elementor-element-77b9f369:not(.elementor-motion-effects-element-type-background), .elementor-22190 .elementor-element.elementor-element-77b9f369 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:20px 310px;background-size:95% auto;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-22190 .elementor-element.elementor-element-7b17cd7b{width:var( --container-widget-width, 54px );max-width:54px;--container-widget-width:54px;--container-widget-flex-grow:0;top:60px;}body:not(.rtl) .elementor-22190 .elementor-element.elementor-element-7b17cd7b{left:21px;}body.rtl .elementor-22190 .elementor-element.elementor-element-7b17cd7b{right:21px;}.elementor-22190 .elementor-element.elementor-element-7b17cd7b img{width:54px;height:54px;}.elementor-22190 .elementor-element.elementor-element-2d77ca79{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-22190 .elementor-element.elementor-element-d3c1eb2{width:auto;max-width:auto;top:21px;}body:not(.rtl) .elementor-22190 .elementor-element.elementor-element-d3c1eb2{right:21px;}body.rtl .elementor-22190 .elementor-element.elementor-element-d3c1eb2{left:21px;}.elementor-22190 .elementor-element.elementor-element-d3c1eb2 .elementor-icon{font-size:12px;}.elementor-22190 .elementor-element.elementor-element-d3c1eb2 .elementor-icon svg{height:12px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-22190 .elementor-element.elementor-element-1a05b013{margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;text-align:center;}.elementor-22190 .elementor-element.elementor-element-1a05b013 .elementor-heading-title{font-size: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 );}}/* Start custom CSS for form, class: .elementor-element-7c87daa6 */.elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field{ padding: 4px 12px; margin-bottom: 0px; } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field.elementor-select-wrapper{ padding:0; } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group{ margin-bottom: 0px; } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-type-submit, .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-type-html { margin-top: 12px; } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-form .select-caret-down-wrapper { top: 20px; } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field::placeholder { opacity: 1 !important; } /* Контейнер всієї форми */ .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-form-fields-wrapper { display: grid; grid-template-columns: 1fr 1fr; /* Дві рівні колонки */ grid-template-areas: "name message" "email message" "phone message" "messenger message" "file message" "captcha submit"; /* Тепер текст і кнопка в одному рядку */ gap: 8px 20px; width: 100%; align-items: end; /* Вирівнюємо по нижньому краю, щоб текст і кнопка були на одній лінії */ } /* Розтягуємо всі поля, крім кнопки та тексту капчі */ .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group:not(.elementor-field-type-submit):not(.elementor-field-group-field_6b5ed15) { width: 100% !important; max-width: 100% !important; padding: 0 !important; } /* Прив'язка до сітки */ .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group-name { grid-area: name; } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group-email { grid-area: email; } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group-field_c5b7884 { grid-area: phone; } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group-field_e3a04d1 { grid-area: messenger; } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group-field_f9e5c1c { grid-area: file; } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group-message { grid-area: message; } /* Текст reCAPTCHA (HTML-поле) */ .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group-field_6b5ed15, .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group-field_6b5ed15 a, .elementor-22190 .elementor-element.elementor-element-7c87daa6 .iti__selected-dial-code { grid-area: captcha; font-size: 14px; /* Робимо текст трохи меншим, щоб вліз */ line-height: 1.4; color: #09090B; width: 100%; } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group-field_6b5ed15 a { text-decoration: underline; } #form-field-field_56992fd{ background-color: #fff; } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .iti__arrow { border-top-color: #09090B !important; } /* Кнопка Send */ .elementor-22190 .elementor-element.elementor-element-7c87daa6 .e-form__buttons { grid-area: submit; display: flex; justify-content: flex-end; /* Кнопка буде притиснута до правого краю */ } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-button { width: auto !important; padding: 12px 40px !important; } /* Налаштування текстового поля */ .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group-message textarea { height: 100% !important; min-height: 280px; /* Трохи збільшив, бо додався новий рядок зліва */ padding: 12px; } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .cs-trigger{ background: #fff; color: #71717A; border-color: #E4E4E7; border-radius: 8px 8px 8px 8px; } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .cs-caret { border-right: 2px solid #71717A; border-bottom: 2px solid #71717A } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .cs-list { background: #fff; border: 1px solid #E4E4E7; } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .cs-option{ color: #71717A; } /* Адаптація для мобільних */ @media (max-width: 1290px) { .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-form-fields-wrapper { grid-template-columns: 1fr; grid-template-areas: "name" "email" "phone" "messenger" "file" "message" "captcha" "submit"; } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .e-form__buttons { justify-content: center; } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .elementor-field-group-field_6b5ed15 { text-align: center; } } input[type="file"] { display: none; } .elementor-22190 .elementor-element.elementor-element-7c87daa6 .custom-upload { border-radius: 8px !important; border: 1px solid #E4E4E7 !important; background-color: #fff !important; padding: 4px 12px !important; text-align: center !important; cursor: pointer !important; width: 100% !important; font-family: "Noto Sans", sans-serif !important; font-size: 14px !important; font-style: normal !important; font-weight: 400 !important; line-height: 150% !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 8px !important; color: #09090B; min-height: 40px; } /* Додамо також hover-ефект, щоб користувач бачив відгук при наведенні */ .custom-upload:hover { background-color: #FFFFFF1A !important; /* Трохи світліший фон */ } .custom-upload:hover { background-color: #f0f0f0; /* Оскільки фон форми темний, можливо, тут варто використати rgba(255, 255, 255, 0.1) */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6ad336e9 */input[type="file"] { display: none; } .custom-upload { border-radius: 4px; border: 1px dashed #D5DAE4; padding: 24px; text-align: center; cursor: pointer; width: 100%; font-family: "Noto Sans", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; display: flex; justify-content: center; align-items: center; gap: 8px; } .custom-upload:hover { background-color: #f0f0f0; /* Оскільки фон форми темний, можливо, тут варто використати rgba(255, 255, 255, 0.1) */ }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://www.coderfy.com/wp-content/uploads/2023/11/NotoSans-Regular.ttf') format('truetype'); } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://www.coderfy.com/wp-content/uploads/2023/11/NotoSans-SemiBold.ttf') format('truetype'); } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://www.coderfy.com/wp-content/uploads/2023/11/NotoSans-Medium.ttf') format('truetype'); } /* End Custom Fonts CSS */