.elementor-948 .elementor-element.elementor-element-5335ba6{--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:07.5vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:13.85vw;--padding-left:0vw;--padding-right:0vw;}.elementor-948 .elementor-element.elementor-element-5335ba6:not(.elementor-motion-effects-element-type-background), .elementor-948 .elementor-element.elementor-element-5335ba6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}.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-948 .elementor-element.elementor-element-c8b6660{left:0px;}body.rtl .elementor-948 .elementor-element.elementor-element-c8b6660{right:0px;}.elementor-948 .elementor-element.elementor-element-c8b6660{top:-18vw;z-index:0;}.elementor-948 .elementor-element.elementor-element-c8b6660 img{width:100vw;}body:not(.rtl) .elementor-948 .elementor-element.elementor-element-2aea5c8{left:0px;}body.rtl .elementor-948 .elementor-element.elementor-element-2aea5c8{right:0px;}.elementor-948 .elementor-element.elementor-element-2aea5c8{z-index:0;}.elementor-948 .elementor-element.elementor-element-2aea5c8 img{width:100%;}.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-948 .elementor-element.elementor-element-9ae527d{grid-column:span 3;text-align:center;}.elementor-948 .elementor-element.elementor-element-9ae527d .elementor-heading-title{font-family:"Druk", Sans-serif;font-size:6.65vw;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-948 .elementor-element.elementor-element-16a92fd{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-normal-text-color:#FFFFFF;--e-filter-hover-text-color:#FFFFFF;--e-filter-active-text-color:#FFFFFF;--e-filter-item-border-radius:8px 8px 8px 8px;}.elementor-948 .elementor-element.elementor-element-16a92fd .e-filter-item[aria-pressed="true"]{background-color:transparent;background-image:linear-gradient(130deg, #FF3451 0%, #FF6A7F 100%);}.elementor-948 .elementor-element.elementor-element-16a92fd .e-filter-item{font-family:"SF Pro Display", Sans-serif;font-size:16px;font-weight:400;text-transform:none;padding:10px 20px 10px 20px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-948 .elementor-element.elementor-element-2344d23{--grid-columns:2;}.elementor-948 .elementor-element.elementor-element-2344d23 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-948 .elementor-element.elementor-element-2344d23 .e-loop-item > .elementor-section, .elementor-948 .elementor-element.elementor-element-2344d23 .e-loop-item > .elementor-section > .elementor-container, .elementor-948 .elementor-element.elementor-element-2344d23 .e-loop-item > .e-con, .elementor-948 .elementor-element.elementor-element-2344d23 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-948 .elementor-element.elementor-element-bd3d513{--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-948 .elementor-element.elementor-element-bd3d513:not(.elementor-motion-effects-element-type-background), .elementor-948 .elementor-element.elementor-element-bd3d513 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}body:not(.rtl) .elementor-948 .elementor-element.elementor-element-7ea013a{left:0px;}body.rtl .elementor-948 .elementor-element.elementor-element-7ea013a{right:0px;}.elementor-948 .elementor-element.elementor-element-7ea013a{top:-18vw;z-index:0;}.elementor-948 .elementor-element.elementor-element-7ea013a img{width:100vw;}body:not(.rtl) .elementor-948 .elementor-element.elementor-element-4a3dd0f{left:0px;}body.rtl .elementor-948 .elementor-element.elementor-element-4a3dd0f{right:0px;}.elementor-948 .elementor-element.elementor-element-4a3dd0f{z-index:0;}.elementor-948 .elementor-element.elementor-element-4a3dd0f img{width:100%;}.elementor-948 .elementor-element.elementor-element-23dcbed{grid-column:span 3;text-align:center;}.elementor-948 .elementor-element.elementor-element-23dcbed .elementor-heading-title{font-family:"Druk", Sans-serif;font-size:6.65vw;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-948 .elementor-element.elementor-element-f6dd4dc{--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-948 .elementor-element.elementor-element-f6dd4dc:not(.elementor-motion-effects-element-type-background), .elementor-948 .elementor-element.elementor-element-f6dd4dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-948 .elementor-element.elementor-element-9791045 .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:2.22vw;font-weight:600;color:#111111;}body.elementor-page-948:not(.elementor-motion-effects-element-type-background), body.elementor-page-948 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}@media(max-width:1024px){.elementor-948 .elementor-element.elementor-element-2344d23{--grid-columns:2;}}@media(min-width:768px){.elementor-948 .elementor-element.elementor-element-5335ba6{--content-width:84.72vw;}.elementor-948 .elementor-element.elementor-element-bd3d513{--content-width:78vw;}.elementor-948 .elementor-element.elementor-element-f6dd4dc{--width:53.46vw;}}@media(max-width:767px){.elementor-948 .elementor-element.elementor-element-5335ba6{--content-width:85.07vw;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-948 .elementor-element.elementor-element-9ae527d .elementor-heading-title{font-size:10.67vw;}.elementor-948 .elementor-element.elementor-element-2344d23{--grid-columns:1;}.elementor-948 .elementor-element.elementor-element-bd3d513{--content-width:85.07vw;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-948 .elementor-element.elementor-element-23dcbed .elementor-heading-title{font-size:10.67vw;}.elementor-948 .elementor-element.elementor-element-f6dd4dc{--border-radius:0px 0px 0px 0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-948 .elementor-element.elementor-element-9791045{width:var( --container-widget-width, 48vw );max-width:48vw;--container-widget-width:48vw;--container-widget-flex-grow:0;text-align:center;}.elementor-948 .elementor-element.elementor-element-9791045.elementor-element{--align-self:center;}.elementor-948 .elementor-element.elementor-element-9791045 .elementor-heading-title{font-size:4.27vw;}}/* Start custom CSS for heading, class: .elementor-element-9ae527d */@media(max-width:767px){
    .elementor-948 .elementor-element.elementor-element-9ae527d h2{
        color: #111111 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5335ba6 */@media(max-width:767px){
    .elementor-948 .elementor-element.elementor-element-5335ba6{
        background: #F7F7F7 !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-23dcbed */@media(max-width:767px){
    .elementor-948 .elementor-element.elementor-element-23dcbed h2{
        color: #111111 !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e7f7dac *//* Контейнер та сітка */
.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-948 .elementor-element.elementor-element-e7f7dac .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-f6dd4dc */@media(max-width:767px){
   .elementor-948 .elementor-element.elementor-element-f6dd4dc{
    background: transparent !important;
    box-shadow: inherit !important;
} 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd3d513 */@media(max-width:767px){
    .elementor-948 .elementor-element.elementor-element-bd3d513{
        background: #F7F7F7 !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 */