.elementor-29246 .elementor-element.elementor-element-eed6ec9{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--background-transition:0.3s;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29246 .elementor-element.elementor-element-eed6ec9:not(.elementor-motion-effects-element-type-background), .elementor-29246 .elementor-element.elementor-element-eed6ec9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.vrmaster.com.ua/wp-content/uploads/2024/09/resized_window_banner_1600x600-1300x488.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-29246 .elementor-element.elementor-element-eed6ec9::before, .elementor-29246 .elementor-element.elementor-element-eed6ec9 > .elementor-background-video-container::before, .elementor-29246 .elementor-element.elementor-element-eed6ec9 > .e-con-inner > .elementor-background-video-container::before, .elementor-29246 .elementor-element.elementor-element-eed6ec9 > .elementor-background-slideshow::before, .elementor-29246 .elementor-element.elementor-element-eed6ec9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29246 .elementor-element.elementor-element-eed6ec9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-29246 .elementor-element.elementor-element-eed6ec9, .elementor-29246 .elementor-element.elementor-element-eed6ec9::before{--border-transition:0.3s;}.elementor-29246 .elementor-element.elementor-element-fb61959 .title-after_title, .elementor-29246 .elementor-element.elementor-element-fb61959 .title-subtitle, .elementor-29246 .elementor-element.elementor-element-fb61959 .woodmart-title-container{max-width:100%;}.elementor-29246 .elementor-element.elementor-element-fb61959 .title{font-family:var( --e-global-typography-text-font-family ), Вкладки;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 );line-height:var( --e-global-typography-text-line-height );}.elementor-29246 .elementor-element.elementor-element-fb61959 .title-after_title{color:#FFFFFF;font-family:"MontserratRegular", Вкладки;font-size:18px;font-weight:500;text-transform:none;}.elementor-29246 .elementor-element.elementor-element-fb61959{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-29246 .elementor-element.elementor-element-fb61959.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:1;}.elementor-29246 .elementor-element.elementor-element-268f857{font-family:var( --e-global-typography-548a637-font-family ), Вкладки;font-size:var( --e-global-typography-548a637-font-size );line-height:var( --e-global-typography-548a637-line-height );letter-spacing:var( --e-global-typography-548a637-letter-spacing );word-spacing:var( --e-global-typography-548a637-word-spacing );color:#FFFFFF;}.elementor-29246 .elementor-element.elementor-element-268f857 a{color:#FFFFFF;}.elementor-29246 .elementor-element.elementor-element-268f857 a:hover{color:var( --e-global-color-fcad370 );}.elementor-29246 .elementor-element.elementor-element-268f857.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-29246 .elementor-element.elementor-element-bb257b4{--display:flex;--background-transition:0.3s;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29246 .elementor-element.elementor-element-9561509 .title{color:var( --e-global-color-bfc24f1 );font-family:var( --e-global-typography-secondary-font-family ), Вкладки;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-29246 .elementor-element.elementor-element-9561509 .title-after_title{color:var( --e-global-color-bfc24f1 );font-family:var( --e-global-typography-primary-font-family ), Вкладки;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 );}.elementor-29246 .elementor-element.elementor-element-4cac8ac .title{color:var( --e-global-color-bfc24f1 );font-family:var( --e-global-typography-secondary-font-family ), Вкладки;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-29246 .elementor-element.elementor-element-4cac8ac .title-after_title{color:var( --e-global-color-bfc24f1 );font-family:var( --e-global-typography-primary-font-family ), Вкладки;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 );}.elementor-29246 .elementor-element.elementor-element-802008e{--display:flex;--min-height:420px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29246 .elementor-element.elementor-element-802008e, .elementor-29246 .elementor-element.elementor-element-802008e::before{--border-transition:0.3s;}.elementor-29246 .elementor-element.elementor-element-29f2594 .title{color:var( --e-global-color-bfc24f1 );font-family:var( --e-global-typography-secondary-font-family ), Вкладки;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-29246 .elementor-element.elementor-element-1425f17 .wd-nav.wd-nav-tabs .wd-nav-link{font-family:var( --e-global-typography-accent-font-family ), Вкладки;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 );}.elementor-29246 .elementor-element.elementor-element-1425f17 .wd-nav-tabs > li:not(:last-child){margin-inline-end:30px;}.elementor-29246 .elementor-element.elementor-element-1425f17 .wd-tabs{--wd-header-sp:45px;}.elementor-29246 .elementor-element.elementor-element-f9c9c19{--display:flex;--background-transition:0.3s;}.elementor-29246 .elementor-element.elementor-element-664498e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-29246 .elementor-element.elementor-element-6259513{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-29246 .elementor-element.elementor-element-d5ef1d7{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29246 .elementor-element.elementor-element-6131369{--display:flex;--background-transition:0.3s;}.elementor-29246 .elementor-element.elementor-element-db4239a.elementor-element{--align-self:center;}body:not(.rtl) .elementor-29246 .elementor-element.elementor-element-db4239a{right:22px;}body.rtl .elementor-29246 .elementor-element.elementor-element-db4239a{left:22px;}.elementor-29246 .elementor-element.elementor-element-db4239a{bottom:99px;}@media(min-width:769px){.elementor-29246 .elementor-element.elementor-element-bb257b4{--content-width:1600px;}}@media(max-width:1366px){.elementor-29246 .elementor-element.elementor-element-fb61959 .title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-29246 .elementor-element.elementor-element-268f857{font-size:var( --e-global-typography-548a637-font-size );line-height:var( --e-global-typography-548a637-line-height );letter-spacing:var( --e-global-typography-548a637-letter-spacing );word-spacing:var( --e-global-typography-548a637-word-spacing );}.elementor-29246 .elementor-element.elementor-element-9561509 .title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-29246 .elementor-element.elementor-element-9561509 .title-after_title{font-size:var( --e-global-typography-primary-font-size );}.elementor-29246 .elementor-element.elementor-element-4cac8ac .title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-29246 .elementor-element.elementor-element-4cac8ac .title-after_title{font-size:var( --e-global-typography-primary-font-size );}.elementor-29246 .elementor-element.elementor-element-29f2594 .title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-29246 .elementor-element.elementor-element-1425f17 .wd-nav.wd-nav-tabs .wd-nav-link{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:1024px){.elementor-29246 .elementor-element.elementor-element-fb61959 .title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-29246 .elementor-element.elementor-element-fb61959 .title-after_title{font-size:18px;}.elementor-29246 .elementor-element.elementor-element-fb61959 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-29246 .elementor-element.elementor-element-fb61959{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-29246 .elementor-element.elementor-element-268f857{font-size:var( --e-global-typography-548a637-font-size );line-height:var( --e-global-typography-548a637-line-height );letter-spacing:var( --e-global-typography-548a637-letter-spacing );word-spacing:var( --e-global-typography-548a637-word-spacing );}.elementor-29246 .elementor-element.elementor-element-9561509 .title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-29246 .elementor-element.elementor-element-9561509 .title-after_title{font-size:var( --e-global-typography-primary-font-size );}.elementor-29246 .elementor-element.elementor-element-4cac8ac .title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-29246 .elementor-element.elementor-element-4cac8ac .title-after_title{font-size:var( --e-global-typography-primary-font-size );}.elementor-29246 .elementor-element.elementor-element-29f2594 .title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-29246 .elementor-element.elementor-element-1425f17 .wd-nav.wd-nav-tabs .wd-nav-link{font-size:var( --e-global-typography-accent-font-size );}body:not(.rtl) .elementor-29246 .elementor-element.elementor-element-db4239a{right:6px;}body.rtl .elementor-29246 .elementor-element.elementor-element-db4239a{left:6px;}.elementor-29246 .elementor-element.elementor-element-db4239a{bottom:65px;}}@media(max-width:768px){.elementor-29246 .elementor-element.elementor-element-eed6ec9{--min-height:500px;}.elementor-29246 .elementor-element.elementor-element-fb61959 .title-after_title, .elementor-29246 .elementor-element.elementor-element-fb61959 .title-subtitle, .elementor-29246 .elementor-element.elementor-element-fb61959 .woodmart-title-container{max-width:1000px;}.elementor-29246 .elementor-element.elementor-element-fb61959 .title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-29246 .elementor-element.elementor-element-fb61959 .title-after_title{font-size:16px;}.elementor-29246 .elementor-element.elementor-element-fb61959 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-29246 .elementor-element.elementor-element-268f857{font-size:var( --e-global-typography-548a637-font-size );line-height:var( --e-global-typography-548a637-line-height );letter-spacing:var( --e-global-typography-548a637-letter-spacing );word-spacing:var( --e-global-typography-548a637-word-spacing );}.elementor-29246 .elementor-element.elementor-element-bb257b4{--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29246 .elementor-element.elementor-element-9561509 .title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-29246 .elementor-element.elementor-element-9561509 .title-after_title{font-size:var( --e-global-typography-primary-font-size );}.elementor-29246 .elementor-element.elementor-element-4cac8ac .title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-29246 .elementor-element.elementor-element-4cac8ac .title-after_title{font-size:var( --e-global-typography-primary-font-size );}.elementor-29246 .elementor-element.elementor-element-802008e{--min-height:0px;--justify-content:space-evenly;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29246 .elementor-element.elementor-element-29f2594 .title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-29246 .elementor-element.elementor-element-1425f17 .wd-nav.wd-nav-tabs .wd-nav-link{font-size:var( --e-global-typography-accent-font-size );}.elementor-29246 .elementor-element.elementor-element-1425f17 .wd-nav-tabs > li:not(:last-child){margin-inline-end:29px;}.elementor-29246 .elementor-element.elementor-element-1425f17 .wd-tabs{--wd-header-sp:17px;}.elementor-29246 .elementor-element.elementor-element-1425f17 .wd-tab-content{line-height:1.5em;}body:not(.rtl) .elementor-29246 .elementor-element.elementor-element-db4239a{right:15px;}body.rtl .elementor-29246 .elementor-element.elementor-element-db4239a{left:15px;}.elementor-29246 .elementor-element.elementor-element-db4239a{bottom:81px;}}/* Start custom CSS for breadcrumbs, class: .elementor-element-268f857 *//* Стилі для Yoast Breadcrumbs */
.my-breadcrumbs {
    position: absolute; /* Абсолютне позиціонування */
    top: 10px; /* Відступ зверху */
    left: 10; /* Відступ зліва */
    width: 90%; /* Ширина 100% сторінки */
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bf35bb2 *//* Основні стилі для контейнерів */
.form-container {
    display: flex;
    flex-direction: row;
    align-items: stretch; /* Робить усі блоки однакової висоти */
    gap: 10px;
}

.form-block {
    position: relative;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding-top: 0px;
    }

.window-selection-block {
    width: 13%;
}

.window-dynamic-block {
    width: 55%;
    text-align: center;
}

.profile-selection-block {
    width: 32%;
    text-align: left;
}

.zaholovok {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: bold; /* Задає жирний текст */
}

.dimension-input, select {
    width: 100%;
    padding: 8px;
    font-size: 14px;
    margin-bottom: 10px;
}

.elementor-kit-6 input:not([type="button"]):not([type="submit"]):not([type="range"]),
.elementor-kit-6 textarea,
.elementor-kit-6 .elementor-field-textual {
    font-size: 14px;
    text-align: left;
    padding: 8px;
}


/* Стилі для бігунків */
input[type="range"]::-webkit-slider-thumb {
    cursor: pointer;
    box-sizing: border-box;
}

/* Зображення вікон */
.window-image-first-step {
    width: 120px;
    height: 120px;
}

.window-image-second-step {
    width: 400px;
    height: 400px;
}



/* Стилі для бігунків і їх положення */
.height-slider, .width-slider {
    position: absolute;
}

.height-slider.type-1 {
    right: -110px;
    top: 142px;
    transform: rotate(270deg);
    width: 298px;
}

.width-slider.type-1 {
    right: 90px;
    top: 340px;
    width: 220px;
}

.height-slider.type-2 {
    right: -140px;
   top: 142px;
    transform: rotate(270deg);
    width: 300px;
}

.width-slider.type-2 {
    right: 60px;
    top: 340px;
    width: 285px;
}

.height-slider.type-3 {
    right: -205px;
    top: 142px;
    transform: rotate(270deg);
    width: 300px;
}

.width-slider.type-3 {
    right: -3px;
    top: 340px;
    width: 407px;
}

/* Значення розмірів для різних типів вікон */
/* Значення розмірів для різних типів вікон */
.height-value, .width-value {
    position: absolute;
    font-size: 14px;
    color: black;
    background-color: white;
    padding: 2px 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
    transform: translateX(-50%); /* Зміщуємо на 50% вліво для симетрії */
    white-space: nowrap
    
}

.height-value {
    writing-mode: vertical-rl; /* Вертикальне написання тексту справа наліво */
    transform: translateY(-50%) rotate(180deg); /* Зміщення для центрування по вертикалі та поворот на 180 градусів */
    top: 50%; /* Центруємо по вертикалі */
    left: 50%; /* Центруємо по горизонталі */
    position: absolute;
    white-space: nowrap; /* Запобігаємо переносу тексту */
    background-color: white;
    padding: 2px 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
}


.height-value.type-1 {
    transform: translate(305%, -50%) rotate(180deg); /* Зміщення по горизонталі та вертикалі для типу 1 */
}

.height-value.type-2 {
    transform: translate(380%, -50%) rotate(180deg); /* Зміщення по горизонталі та вертикалі для типу 2 */
}

.height-value.type-3 {
    transform: translate(550%, -50%) rotate(180deg); /* Зміщення по горизонталі та вертикалі для типу 3 */
}


/* Ширина горизонтально для різних типів вікон */
.width-value {
    left: 50%; /* Центруємо по горизонталі */
    top: 305px;
 }
   
/* Стилі для одностулкових, двостулкових і тристулкових вікон */
.single-leaf, .double-leaf, .triple-leaf {
    border: 1px solid;
    padding: 5px;
    width: 170px;
    margin-top: 65px;
}

.single-leaf {
    width: 180px;
}

/* Кнопка відправки */
.submit-container {
    margin-top: 20px;
    text-align: left;
}

.submit-container input, .submit-container button {
    margin-bottom: 10px;
    padding: 8px;
    width: 200px;
    font-size: 14px;
}

.submit-container button {
    background-color: #007bff;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s;
}

.submit-container button:hover {
    background-color: #0056b3;
}

/* Стилі для вибору кольору */
.color-selection-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.color-option {
    width: 50px;
    height: 50px;
    object-fit: fill;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 4px;
    transition: border-color 0.3s ease;
}

.color-option.selected, .color-option:hover {
    border-color: #007bff;
}

/* Відображення вартості */
.cost-output {
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
}

/* Приховані поля вводу */
.hidden {
    display: none;
}

  .color-selection-container {
            display: flex; /* Вирівнює зображення в один рядок */
            overflow-x: auto; /* Додає горизонтальне прокручування */
            padding: 10px;
            white-space: nowrap; /* Запобігає переносу елементів на новий рядок */
            max-width: 100%; /* Обмежуємо ширину контейнера для прокручування */
            height: 120px; /* Фіксована висота для контейнера */
            border: 1px solid #ccc; /* Опціонально: рамка навколо контейнера */
            box-sizing: border-box; /* Щоб рамка не додавала зайвої ширини */
        }

        .color-option {
            width: 50px; /* Фіксована ширина */
            aspect-ratio: 1 / 1; /* Співвідношення сторін 1:1 для квадрата */
            object-fit: cover; /* Масштабує зображення, щоб воно заповнювало весь квадрат */
            border: 1px solid #ccc; /* Опціонально: рамка навколо зображення */
            display: inline-block; /* Щоб усі зображення відображалися в ряд */
            margin: -2px; /* Відступи між зображеннями */
            position: relative; /* Потрібне для подальшого точного позиціонування */
            cursor: pointer;
        }

      body .image-preview {
            position: absolute;
            width: 250px; /* Розмір для попереднього перегляду */
            height: 250px;
            top: 240px; /* Позиція вікна попереднього перегляду */
            left: 39%;
            transform: translateX(-50%);
            border: 2px solid #007bff;
            display: none; /* Ховаємо контейнер за замовчуванням */
            background-size: cover;
            background-position: center;
            z-index: 100;
        }

        .color-option.selected {
            border: 2px solid #007bff; /* Підсвічування вибраного зображення */
        }

        .submit-container {
            margin-top: 20px;
        }

        .cost-output {
            margin-top: 20px;
        }

        .hidden {
            display: none;
        }
        
.cost-calculation-container {
    display: flex;
    justify-content: space-between;
    align-items: center; /* Вирівнювання по вертикалі для всіх елементів */
    margin-top: 20px;
    height: 60px; /* Можна змінити залежно від висоти контейнера */
    margin-bottom:20px;
   }



.cost-output {
    font-size: 22px;
    font-weight: bold;
    margin: 0; /* Забираємо можливі відступи */
    line-height: 1.2; /* Встановлюємо лінійну висоту для вирівнювання з кнопкою */
    }

.user-info-container {
    padding: 0px; /* Внутрішні відступи */
    border-radius: 8px; /* Закруглені кути */
    text-align: left; /* Вирівнювання по лівому краю */
    max-width: 550px; /* Максимальна ширина контейнера */
    margin: 0; /* Центрування контейнера */
    flex-direction: column; /* Вертикальне розташування елементів */
    gap: 7px; /* Відступи між елементами */
    }

.user-info-container input, .user-info-container button {
    width: 100%; /* Поля та кнопка займають 30% ширини контейнера */
    padding: 10px; /* Внутрішні відступи */
    border-radius: 4px; /* Закруглені кути */
    border: 1px solid #ddd; /* Легка обводка для полів вводу */
    box-sizing: border-box; /* Включає padding у загальну ширину */
    font-size: 16px; /* Розмір шрифту */
}

.user-info-container button {
    color: white; /* Білий колір тексту кнопки */
    cursor: pointer; /* Курсор у вигляді руки при наведенні */
    border: none; /* Без обрамлення для кнопки */
    width: 30%;
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .form-container {
        flex-direction: column; /* Вертикальне розташування елементів */
        align-items: flex-start; /* Щоб блоки не розтягувалися по висоті */
        width: 100%;
        gap: 0px; /* Можна збільшити відстань між блоками */
    }

    .window-dynamic-block,
    .profile-selection-block {
        width: 100%; /* Блоки займають всю ширину */
        text-align: center; /* Центруємо текст для кращого вигляду */
        margin-bottom: 0px; /* Додаємо відступ між блоками */
    }

   .window-selection-block {
    display: flex; /* Включаємо Flexbox для блоку */
    justify-content: space-between; /* Рівномірно розподіляє вміст по горизонталі */
    align-items: center; /* Вирівнює елементи по вертикалі (по центру) */
    width: 100%; /* Займає всю доступну ширину */
    }
    .window-image-second-step {
        width: 250px;
        height: 250px;
        margin-bottom: 40px;
    }

    .width-value {
        left: 50%; /* Центруємо по горизонталі */
        top: 200px;
    }

    ..elementor-29246 .elementor-element.elementor-element-bf35bb2s-container {
        position: relative;
        top: 60px; /* Переміщує контейнер на 60 пікселів вниз */
    }

    .single-leaf, .double-leaf, .triple-leaf {
        border: 1px solid #000;
        padding: 10px;
        width: 100%; /* Ширина селекторів */
        margin-top: 10px; /* Мінімальний відступ між самими селекторами */
    }
    .zaholovok {
        font-size: 16px;
        margin-bottom: 10px;
        margin-top: 10px;
        font-weight: bold; /* Задає жирний текст */
        text-align: left; /* Вирівнює текст по лівому краю */
    }
    .height-value.type-1 {
        transform: translate(230%, -80%); /* Зміщення по горизонталі та вертикалі для типу 1 */
    }

    .height-value.type-2 {
        transform: translate(300%, -80%); /* Зміщення по горизонталі та вертикалі для типу 2 */
}

    .height-value.type-3 {
        transform: translate(400%, -80%); /* Зміщення по горизонталі та вертикалі для типу 3 */
}
    
    .cost-calculation-container {
        flex-direction: column; /* Ставимо елементи вертикально */
        height: auto; /* Автоматичне підлаштування висоти */
        justify-content: center; /* Центруємо по вертикалі */
        align-items: flex-start; /* Вирівнювання елементів по лівому краю */
        gap: 20px; /* Додаємо відстань між елементами */
        margin-bottom: 10px;
    }
    
    
    .user-info-container {
        margin-top: 20px;
        border-radius: 8px; /* Закруглені кути */
        text-align: left; /* Вирівнювання по лівому краю */
        max-width: 550px; /* Максимальна ширина контейнера */
        margin: 0; /* Центрування контейнера */
        flex-direction: column; /* Вертикальне розташування елементів */
        gap: 7px; /* Відступи між елементами */
    }
    
    label {
        display: block; /* Робить елемент блочним, якщо необхідно */
        text-align: left; /* Вирівнює текст по лівому краю */
   }
   
    #form-message {
    display: none; /* Приховано за замовчуванням */
    font-size: 16px;
    font-weight: bold;
    margin-top: 0px;
    text-align: left;
    }
 }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'MontserratRegular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.vrmaster.com.ua/wp-content/uploads/2024/06/montserratregular.ttf') format('truetype');
}
/* End Custom Fonts CSS */