.elementor-998 .elementor-element.elementor-element-1b52dda{--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;--justify-content:flex-start;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--overflow:hidden;--padding-top:07.5vw;--padding-bottom:5.89vw;--padding-left:0vw;--padding-right:0vw;}.elementor-998 .elementor-element.elementor-element-1b52dda:not(.elementor-motion-effects-element-type-background), .elementor-998 .elementor-element.elementor-element-1b52dda > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-998 .elementor-element.elementor-element-e69da4e{left:0px;}body.rtl .elementor-998 .elementor-element.elementor-element-e69da4e{right:0px;}.elementor-998 .elementor-element.elementor-element-e69da4e{top:110vh;z-index:0;}.elementor-998 .elementor-element.elementor-element-e69da4e img{width:100%;opacity:0.2;}body:not(.rtl) .elementor-998 .elementor-element.elementor-element-e0262a1{left:0px;}body.rtl .elementor-998 .elementor-element.elementor-element-e0262a1{right:0px;}.elementor-998 .elementor-element.elementor-element-e0262a1{top:191vh;z-index:0;}.elementor-998 .elementor-element.elementor-element-e0262a1 img{width:100%;}.elementor-998 .elementor-element.elementor-element-de2b00b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-998 .elementor-element.elementor-element-51933e6{--display:flex;--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-998 .elementor-element.elementor-element-b0ddc3a .elementor-heading-title{font-family:"Druk", Sans-serif;font-size:100px;font-weight:400;text-transform:uppercase;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-00541d4 .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:1.11vw;font-weight:400;text-transform:uppercase;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-1918919{padding:0vw 0vw 0.76vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#E5E9ED;}.elementor-998 .elementor-element.elementor-element-1918919 .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-6db5d4c{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-box .elementor-image-box-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-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-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-998 .elementor-element.elementor-element-2ad893e .elementor-image-box-wrapper{text-align:start;}.elementor-998 .elementor-element.elementor-element-2ad893e.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-998 .elementor-element.elementor-element-2ad893e.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-998 .elementor-element.elementor-element-2ad893e.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-998 .elementor-element.elementor-element-2ad893e .elementor-image-box-title{margin-bottom:0px;font-family:"SF Pro Display", Sans-serif;font-size:24px;font-weight:700;text-transform:uppercase;color:#FF3451;}.elementor-998 .elementor-element.elementor-element-2ad893e .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-998 .elementor-element.elementor-element-2ad893e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-998 .elementor-element.elementor-element-2ad893e:has(:hover) .elementor-image-box-title,
					 .elementor-998 .elementor-element.elementor-element-2ad893e:has(:focus) .elementor-image-box-title{color:#FF3451;}.elementor-998 .elementor-element.elementor-element-2ad893e .elementor-image-box-description{font-family:"SF Pro Display", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-441220a .elementor-image-box-wrapper{text-align:start;}.elementor-998 .elementor-element.elementor-element-441220a.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-998 .elementor-element.elementor-element-441220a.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-998 .elementor-element.elementor-element-441220a.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-998 .elementor-element.elementor-element-441220a .elementor-image-box-title{margin-bottom:0px;font-family:"SF Pro Display", Sans-serif;font-size:24px;font-weight:700;text-transform:uppercase;color:#FF3451;}.elementor-998 .elementor-element.elementor-element-441220a .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-998 .elementor-element.elementor-element-441220a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-998 .elementor-element.elementor-element-441220a:has(:hover) .elementor-image-box-title,
					 .elementor-998 .elementor-element.elementor-element-441220a:has(:focus) .elementor-image-box-title{color:#FF3451;}.elementor-998 .elementor-element.elementor-element-441220a .elementor-image-box-description{font-family:"SF Pro Display", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-41d85e4 .elementor-image-box-wrapper{text-align:start;}.elementor-998 .elementor-element.elementor-element-41d85e4.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-998 .elementor-element.elementor-element-41d85e4.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-998 .elementor-element.elementor-element-41d85e4.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-998 .elementor-element.elementor-element-41d85e4 .elementor-image-box-title{margin-bottom:0px;font-family:"SF Pro Display", Sans-serif;font-size:24px;font-weight:700;text-transform:uppercase;color:#FF3451;}.elementor-998 .elementor-element.elementor-element-41d85e4 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-998 .elementor-element.elementor-element-41d85e4 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-998 .elementor-element.elementor-element-41d85e4:has(:hover) .elementor-image-box-title,
					 .elementor-998 .elementor-element.elementor-element-41d85e4:has(:focus) .elementor-image-box-title{color:#FF3451;}.elementor-998 .elementor-element.elementor-element-41d85e4 .elementor-image-box-description{font-family:"SF Pro Display", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-1a66a6b img{width:42.29vw;border-radius:0.49vw 0.49vw 0.49vw 0.49vw;}.elementor-998 .elementor-element.elementor-element-21da8b9{--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;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-998 .elementor-element.elementor-element-0456af4 .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-998 .elementor-element.elementor-element-edb1f96{color:#FFFFFF;font-family:"SF Pro Display", Sans-serif;font-size:20px;font-weight:400;line-height:28px;}.elementor-998 .elementor-element.elementor-element-1c560aa{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:auto;--gap:27px 27px;--row-gap:27px;--column-gap:27px;--grid-auto-flow:row;--align-items:stretch;--margin-top:6.9vw;--margin-bottom:0;--margin-left:auto;--margin-right:auto;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-998 .elementor-element.elementor-element-81335eb{--display:flex;--justify-content:flex-start;--gap:3.39vw 3.39vw;--row-gap:3.39vw;--column-gap:3.39vw;--padding-top:1.87vw;--padding-bottom:2.56vw;--padding-left:2.77vw;--padding-right:2.77vw;}.elementor-998 .elementor-element.elementor-element-b7dde41 .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:1.94vw;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-b0565f5{--display:flex;--justify-content:flex-start;--gap:3.39vw 3.39vw;--row-gap:3.39vw;--column-gap:3.39vw;--padding-top:1.87vw;--padding-bottom:2.56vw;--padding-left:2.77vw;--padding-right:2.77vw;}.elementor-998 .elementor-element.elementor-element-b0565f5:not(.elementor-motion-effects-element-type-background), .elementor-998 .elementor-element.elementor-element-b0565f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF3451;}.elementor-998 .elementor-element.elementor-element-b765dc4 .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:1.94vw;font-weight:500;text-transform:uppercase;color:#FFFFFF;}body:not(.rtl) .elementor-998 .elementor-element.elementor-element-aa1c62e{left:-41vw;}body.rtl .elementor-998 .elementor-element.elementor-element-aa1c62e{right:-41vw;}.elementor-998 .elementor-element.elementor-element-aa1c62e{z-index:0;}.elementor-998 .elementor-element.elementor-element-aa1c62e img{width:49vw;}.elementor-998 .elementor-element.elementor-element-08ac22d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-998 .elementor-element.elementor-element-df500ae{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-998 .elementor-element.elementor-element-df500ae .elementor-heading-title{font-family:"Druk", Sans-serif;font-size:45px;font-weight:400;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-998 .elementor-element.elementor-element-50e8b1d{text-align:center;}.elementor-998 .elementor-element.elementor-element-bbeed6a{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-998 .elementor-element.elementor-element-bbeed6a .elementor-heading-title{font-family:"Druk", Sans-serif;font-size:45px;font-weight:400;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-c182424{text-align:center;font-family:"SF Pro Display", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-6a20719{--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;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:11.43vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:13.85vw;--padding-left:0vw;--padding-right:0vw;}.elementor-998 .elementor-element.elementor-element-6a20719:not(.elementor-motion-effects-element-type-background), .elementor-998 .elementor-element.elementor-element-6a20719 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}body:not(.rtl) .elementor-998 .elementor-element.elementor-element-3bc2f92{left:0px;}body.rtl .elementor-998 .elementor-element.elementor-element-3bc2f92{right:0px;}.elementor-998 .elementor-element.elementor-element-3bc2f92{top:-18vw;z-index:0;}.elementor-998 .elementor-element.elementor-element-3bc2f92 img{width:100vw;}body:not(.rtl) .elementor-998 .elementor-element.elementor-element-43b5571{left:0px;}body.rtl .elementor-998 .elementor-element.elementor-element-43b5571{right:0px;}.elementor-998 .elementor-element.elementor-element-43b5571{z-index:0;}.elementor-998 .elementor-element.elementor-element-43b5571 img{width:100%;}.elementor-998 .elementor-element.elementor-element-fe72ede{grid-column:span 3;text-align:center;}.elementor-998 .elementor-element.elementor-element-fe72ede .elementor-heading-title{font-family:"Druk", Sans-serif;font-size:6.65vw;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-998 .elementor-element.elementor-element-425818e{--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:40px 40px;--row-gap:40px;--column-gap:40px;--border-radius:39px 39px 39px 39px;box-shadow:0px 16px 32px -9px rgba(12, 12, 13, 0.12);--padding-top:2.29vw;--padding-bottom:2.29vw;--padding-left:5.12vw;--padding-right:5.12vw;}.elementor-998 .elementor-element.elementor-element-425818e:not(.elementor-motion-effects-element-type-background), .elementor-998 .elementor-element.elementor-element-425818e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-998 .elementor-element.elementor-element-749cf8a .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:2.22vw;font-weight:600;color:#111111;}body.elementor-page-998:not(.elementor-motion-effects-element-type-background), body.elementor-page-998 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}@media(max-width:1024px){.elementor-998 .elementor-element.elementor-element-6db5d4c{--grid-auto-flow:row;}.elementor-998 .elementor-element.elementor-element-1c560aa{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-998 .elementor-element.elementor-element-1b52dda{--content-width:78vw;}.elementor-998 .elementor-element.elementor-element-51933e6{--width:40.42vw;}.elementor-998 .elementor-element.elementor-element-1c560aa{--width:75.21vw;}.elementor-998 .elementor-element.elementor-element-6a20719{--content-width:78vw;}.elementor-998 .elementor-element.elementor-element-425818e{--width:53.46vw;}}@media(max-width:767px){.elementor-998 .elementor-element.elementor-element-1b52dda{--content-width:85.07vw;--padding-top:20vw;--padding-bottom:7vw;--padding-left:0vw;--padding-right:0vw;}.elementor-998 .elementor-element.elementor-element-6db5d4c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-998 .elementor-element.elementor-element-2ad893e .elementor-image-box-img{margin-bottom:15px;}.elementor-998 .elementor-element.elementor-element-441220a .elementor-image-box-img{margin-bottom:15px;}.elementor-998 .elementor-element.elementor-element-41d85e4 .elementor-image-box-img{margin-bottom:15px;}.elementor-998 .elementor-element.elementor-element-1c560aa{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-998 .elementor-element.elementor-element-b7dde41 .elementor-heading-title{font-size:4.27vw;}.elementor-998 .elementor-element.elementor-element-b765dc4 .elementor-heading-title{font-size:4.27vw;}.elementor-998 .elementor-element.elementor-element-6a20719{--content-width:85.07vw;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-998 .elementor-element.elementor-element-fe72ede .elementor-heading-title{font-size:10.67vw;}.elementor-998 .elementor-element.elementor-element-425818e{--border-radius:0px 0px 0px 0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-998 .elementor-element.elementor-element-749cf8a{width:var( --container-widget-width, 48vw );max-width:48vw;--container-widget-width:48vw;--container-widget-flex-grow:0;text-align:center;}.elementor-998 .elementor-element.elementor-element-749cf8a.elementor-element{--align-self:center;}.elementor-998 .elementor-element.elementor-element-749cf8a .elementor-heading-title{font-size:4.27vw;}}/* Start custom CSS for html, class: .elementor-element-0f2e9f9 */.pure-case-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: system-ui, -apple-system, sans-serif;
    font-family: "SF Pro Display", Sans-serif;
}

.pure-case-list li {
    display: flex;
    align-items: flex-start; /* Вирівнює коло по верхньому рядку тексту */
    margin-bottom: 20px;
}

.pure-case-list li:last-child {
    margin-bottom: 0;
}

/* Тонке коло навколо цифри */
.pure-case-list .list-number {
    width: 32px;
    height: 32px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    flex-shrink: 0; /* Не дає колу стискатися */
    margin-right: 16px;
}

/* Текст пункту */
.pure-case-list .list-text {
    font-size: 18px;
    line-height: 1.4;
    color: #ffffff;
    padding-top: 3px; /* Ідеально центрує перший рядок тексту навпроти кола */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c560aa *//* Звертаємося тільки до списку з нашим класом */
.steps-hover-list .elementor-icon-list-item {
    transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
    cursor: pointer;
}

/* Налаштовуємо плавність для іконки та її частин */
.steps-hover-list .elementor-icon-list-item .elementor-icon-list-icon svg,
.steps-hover-list .elementor-icon-list-item .elementor-icon-list-icon svg circle,
.steps-hover-list .elementor-icon-list-item .elementor-icon-list-icon svg path {
    transition: all 0.3s ease-in-out;
}

/* Ефекти при наведенні */
.steps-hover-list .elementor-icon-list-item:hover {
    transform: translateX(12px); /* Зміщення вправо */
}

/* Колір тексту при ховері */
.steps-hover-list .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #ff334b; /* Твій червоний акцент */
}

/* Колір кола іконки при ховері */
.steps-hover-list .elementor-icon-list-item:hover .elementor-icon-list-icon svg circle {
    stroke: #ff334b;
}

/* Колір цифри/іконки всередині кола при ховері */
.steps-hover-list .elementor-icon-list-item:hover .elementor-icon-list-icon svg path {
    fill: #ff334b;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fe72ede */@media(max-width:767px){
    .elementor-998 .elementor-element.elementor-element-fe72ede h2{
        color: #111111 !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3321dc0 *//* Контейнер та сітка */
.custom-form-container {
    font-family: 'SF Pro Display', sans-serif;
}

.form-row {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.form-col {
    flex: 1;
    min-width: 300px;
}

/* Стилі заголовків полів */
.field-wrap label {
    display: block;
    font-weight: 500;
    font-size: 20px;
    color: #000;
}

/* Стилі інпутів та textarea */
.wpcf7-form-control:not(.wpcf7-submit) {
    width: 100% !important;
    background-color: #ededed !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    font-size: 20px;
    margin-bottom: 20px;
    color: #666;
}

/* Фікс висоти textarea */
.field-wrap.full-height textarea {
    height: 180px;
}


/*
.selected-dial-code {
    display: none !important;
}
.elementor-998 .elementor-element.elementor-element-3321dc0 .intl-tel-input.separate-dial-code.allow-dropdown .selected-flag {
    width: 50px !important;
}

*/
.intl-tel-input.separate-dial-code input[type=text]{
    padding-left: 95px !important;
}



/* Контейнер кнопки */
.submit-wrap {
    position: relative;
    display: inline-flex; /* Кнопка буде по ширині тексту, або flex, щоб на всю ширину */
    align-items: center;
    background: #2e2e2e; /* Колір фону кнопки */
    border-radius: 10px;
    padding-right: 60px; /* Місце для червоного квадрата */
    transition: all 0.3s ease;
    cursor: pointer;
    width: 100%;
}

.submit-wrap p{
    margin: 0;
}

/* 1. Контейнер для кнопки (обгортка) */
.submit-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
    overflow: hidden;
}

/* Ефект фону при наведенні на контейнер */
.submit-wrap:hover {
    background: #1a1a1a;
}

/* 2. Сама кнопка (input) - додаємо відступ під іконку */
.submit-wrap input.wpcf7-submit {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    padding: 20px 75px 20px 25px !important; /* Збільшений правий падінг */
    font-size: 20px !important;
    font-weight: 600 !important;
    font-family: 'SF Pro Display', sans-serif !important;
    cursor: pointer !important;
    margin: 0 !important;
    position: relative;
    z-index: 2; /* Кнопка зверху для кліку */
}

/* 3. Рожевий квадрат (::before) - ТЕПЕР ВІН НЕРУХОМИЙ */
.submit-wrap::before {
    content: ''; /* Порожній контент, тільки фон */
    position: absolute;
    right: 10px;
    width: 42px;
    height: 42px;
    background-color: #ff334b;
    border-radius: 8px;
    transition: background-color 0.3s ease;
    z-index: 1; /* Шаром нижче стрілки */
}

/* 4. Окрема СТРІЛКА (::after) - ЯКУ МИ БУДЕМО КРУТИТИ */
.submit-wrap::after {
    /* Вставляємо твою SVG стрілку як фонове зображення */
    content: '';
    position: absolute;
    right: 10px; /* Збігається з квадратом */
    width: 42px; /* Збігається з квадратом */
    height: 42px; /* Збігається з квадратом */
    
    /* Твоє SVG зображення (колір #F5F5F7, як у коді) */
    background-image: url("https://www.jaroslav-commerce.com/wp-content/uploads/2026/04/btn_arrow.svg");
    
    background-repeat: no-repeat;
    background-position: center; /* Стрілка чітко по центру */
    background-size: 20px; /* Розмір самої стрілки */
    
    /* Налаштування анімації ПОВОРОТУ */
    transition: transform 0.4s ease-in-out;
    z-index: 2; /* Шаром вище квадрата */
}

/* --- ЕФЕКТИ ПРИ НАВЕДЕННІ (Hover) --- */

/* Крутимо ТІЛЬКИ СТРІЛКУ (::after) */
.submit-wrap:hover::after {
    transform: rotate(90deg) scale(1.1); /* Поворот вниз + легке збільшення */
}

/* Квадрат (::before) залишається нерухомим, тільки колір */
.submit-wrap:hover::before {
    background-color: #e62e43;
}


/* Адаптивність для мобілок */
@media (max-width: 768px) {
    .form-row {
        flex-direction: column;
    }
    .submit-wrap input.wpcf7-submit,.wpcf7-form-control:not(.wpcf7-submit), .field-wrap label{
        font-size:4vw !important;
    } 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-425818e */@media(max-width:767px){
   .elementor-998 .elementor-element.elementor-element-425818e{
    background: transparent !important;
    box-shadow: inherit !important;
} 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a20719 */@media(max-width:767px){
    .elementor-998 .elementor-element.elementor-element-6a20719{
        background: #F7F7F7 !important;
    }
}/* End custom CSS */
/* Start custom CSS */.color span{
    color: #FF3451;
}

.bg-blur {
    position: relative;
    background: rgba(50, 50, 50, 0.2); 
    color: white;
    border-radius: 39px;
    backdrop-filter: blur(5px);
}

/* Створюємо саму рамку */
.bg-blur::before{
    content: "";
    position: absolute;
    inset: 0; /* Розтягуємо на весь блок */
    border-radius: 39px; 
    padding: 1px; /* ЦЕ ТОВЩИНА ТВОЄЇ РАМКИ */
    
    /* Твій градієнт для рамки (білий акцент зверху ліворуч) */
    background: linear-gradient(145deg, 
    rgba(255, 255, 255, 0.6) 0%,   /* Білий блік зверху-зліва */
    rgba(255, 255, 255, 0) 30%,   /* Стає прозорим */
    rgba(255, 255, 255, 0) 70%,   /* Залишається прозорим у середині */
    rgba(255, 255, 255, 0.4) 100% /* Білий блік знизу-справа */
);

    /* Магія: ми кажемо браузеру "покажи градієнт тільки на місці рамки" */
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    
    pointer-events: none; /* Щоб рамка не заважала клацати на кнопки всередині */
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/wp-content/uploads/2026/04/sf-pro.ttf') format('truetype');
    font-weight: 100 900; 
    font-stretch: 75% 125%;
    font-display: swap;
}



/* 300 - Light (Стандартна ширина) */
.sf-light-normal {
    font-family: 'SF Pro Display', sans-serif !important;
    font-variation-settings: 'wdth' 100, 'wght' 300;
    font-weight: 300;
    font-stretch: 100%;
}

/* 600 - Semibold (Стандартна ширина) */
.sf-semibold-normal h2{
    font-family: 'SF Pro Display', sans-serif !important;
    font-variation-settings: 'wdth' 100, 'wght' 600;
    font-weight: 600;
    font-stretch: 100%;
}

.sf-semibold-normal span{
    font-family: 'SF Pro Display', sans-serif !important;
    font-variation-settings: 'wdth' 100, 'wght' 300;
    font-weight: 300;
    font-stretch: 100%;
}


/* Додай цей клас до своєї кнопки в налаштуваннях Elementor (CSS Classes) */
.btn-grow {
    transition: transform 0.3s ease-in-out; /* Плавність анімації */
    backface-visibility: hidden; /* Запобігає "тремтінню" пікселів */
}

.btn-grow:hover {
    transform: scale(1.05); /* Збільшення на 5% */
}

.btn-grow:active {
    transform: scale(0.98); /* Легке натискання при кліку */
}

@media(max-width:767px){
    .bg-blur, .bg-blur::before{
        border-radius: 20px !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Druk';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.jaroslav-commerce.com/wp-content/uploads/2026/04/DrukCyr-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'SF Pro Display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.jaroslav-commerce.com/wp-content/uploads/2026/04/sf-pro.ttf') format('truetype');
}
/* End Custom Fonts CSS */