.elementor-754 .elementor-element.elementor-element-06fc2fe{--display:flex;--min-height:100vh;--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:flex-start;--align-items:center;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:12%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-754 .elementor-element.elementor-element-06fc2fe:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-06fc2fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B431C;background-image:url("https://viyskovi.uzhmedia.group/wp-content/uploads/2025/05/img_2739.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.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-754 .elementor-element.elementor-element-4dca1f0 .elementor-heading-title{font-family:"Philosopher", Sans-serif;font-size:97px;font-weight:600;color:#FFFFFF;}.elementor-754 .elementor-element.elementor-element-5d2ff7f{--display:flex;top:0px;bottom:auto;z-index:10;--min-height:100vh;--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;}.elementor-754 .elementor-element.elementor-element-5d2ff7f:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-5d2ff7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-754 .elementor-element.elementor-element-5d2ff7f + .wpr-hidden-header{top:0px;}.elementor-754 .elementor-element.elementor-element-5d2ff7f + .wpr-hidden-header-flex{top:0px;}.wpr-hidden-header{z-index:10;}.wpr-hidden-header-flex{z-index:10;}.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-754 .elementor-element.elementor-element-4b0e417 > .elementor-widget-container{background-color:#FFFFFF00;padding:0% 55% 0% 3%;}.elementor-754 .elementor-element.elementor-element-4b0e417{font-family:"Roboto Mono", Sans-serif;font-size:1.4em;font-weight:400;color:#353333;}.elementor-754 .elementor-element.elementor-element-4b0e417 p{margin-bottom:0.7em;}.elementor-754 .elementor-element.elementor-element-4b0e417 a{color:#209C04;}.elementor-754 .elementor-element.elementor-element-ceff3cb{--display:flex;top:0px;bottom:auto;z-index:10;--min-height:100vh;--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;}.elementor-754 .elementor-element.elementor-element-ceff3cb:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-ceff3cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-754 .elementor-element.elementor-element-ceff3cb + .wpr-hidden-header{top:0px;}.elementor-754 .elementor-element.elementor-element-ceff3cb + .wpr-hidden-header-flex{top:0px;}.elementor-754 .elementor-element.elementor-element-1606551 > .elementor-widget-container{background-color:#FFFFFF00;padding:0% 3% 0% 55%;}.elementor-754 .elementor-element.elementor-element-1606551{font-family:"Roboto Mono", Sans-serif;font-size:1.4em;font-weight:400;color:#353333;}.elementor-754 .elementor-element.elementor-element-1606551 p{margin-bottom:0.7em;}.elementor-754 .elementor-element.elementor-element-1606551 a{color:#209C04;}.elementor-754 .elementor-element.elementor-element-53d069c{--display:flex;top:0px;bottom:auto;z-index:10;--min-height:100vh;--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;}.elementor-754 .elementor-element.elementor-element-53d069c:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-53d069c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-754 .elementor-element.elementor-element-53d069c + .wpr-hidden-header{top:0px;}.elementor-754 .elementor-element.elementor-element-53d069c + .wpr-hidden-header-flex{top:0px;}.elementor-754 .elementor-element.elementor-element-0fe6b34 > .elementor-widget-container{background-color:#FFFFFF00;padding:0% 55% 0% 3%;}.elementor-754 .elementor-element.elementor-element-0fe6b34{font-family:"Roboto Mono", Sans-serif;font-size:1.4em;font-weight:400;color:#353333;}.elementor-754 .elementor-element.elementor-element-0fe6b34 p{margin-bottom:0.7em;}.elementor-754 .elementor-element.elementor-element-0fe6b34 a{color:#209C04;}.elementor-754 .elementor-element.elementor-element-4a14fb9{--display:flex;top:0px;bottom:auto;z-index:10;--min-height:100vh;--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;}.elementor-754 .elementor-element.elementor-element-4a14fb9:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-4a14fb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-754 .elementor-element.elementor-element-4a14fb9 + .wpr-hidden-header{top:0px;}.elementor-754 .elementor-element.elementor-element-4a14fb9 + .wpr-hidden-header-flex{top:0px;}.elementor-754 .elementor-element.elementor-element-bce83b0 > .elementor-widget-container{background-color:#FFFFFF00;padding:0% 3% 0% 55%;}.elementor-754 .elementor-element.elementor-element-bce83b0{font-family:"Roboto Mono", Sans-serif;font-size:1.4em;font-weight:400;color:#353333;}.elementor-754 .elementor-element.elementor-element-bce83b0 p{margin-bottom:0.7em;}.elementor-754 .elementor-element.elementor-element-bce83b0 a{color:#209C04;}.elementor-754 .elementor-element.elementor-element-879fed5{--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;}html{height:100vh;margin:0;overflow:hidden;}body{height:100vh;overflow:auto;scroll-snap-type:y mandatory;scroll-padding:0px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}@media(min-width:1025px){.elementor-754 .elementor-element.elementor-element-06fc2fe:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-06fc2fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-754 .elementor-element.elementor-element-5d2ff7f{top:0px;bottom:auto;}.elementor-754 .elementor-element.elementor-element-5d2ff7f + .wpr-hidden-header{top:0px;}.elementor-754 .elementor-element.elementor-element-5d2ff7f + .wpr-hidden-header-flex{top:0px;}.elementor-754 .elementor-element.elementor-element-ceff3cb{top:0px;bottom:auto;}.elementor-754 .elementor-element.elementor-element-ceff3cb + .wpr-hidden-header{top:0px;}.elementor-754 .elementor-element.elementor-element-ceff3cb + .wpr-hidden-header-flex{top:0px;}.elementor-754 .elementor-element.elementor-element-53d069c{top:0px;bottom:auto;}.elementor-754 .elementor-element.elementor-element-53d069c + .wpr-hidden-header{top:0px;}.elementor-754 .elementor-element.elementor-element-53d069c + .wpr-hidden-header-flex{top:0px;}.elementor-754 .elementor-element.elementor-element-4a14fb9{top:0px;bottom:auto;}.elementor-754 .elementor-element.elementor-element-4a14fb9 + .wpr-hidden-header{top:0px;}.elementor-754 .elementor-element.elementor-element-4a14fb9 + .wpr-hidden-header-flex{top:0px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:767px){.elementor-754 .elementor-element.elementor-element-5d2ff7f{top:0px;bottom:auto;}.elementor-754 .elementor-element.elementor-element-5d2ff7f + .wpr-hidden-header{top:0px;}.elementor-754 .elementor-element.elementor-element-5d2ff7f + .wpr-hidden-header-flex{top:0px;}.elementor-754 .elementor-element.elementor-element-ceff3cb{top:0px;bottom:auto;}.elementor-754 .elementor-element.elementor-element-ceff3cb + .wpr-hidden-header{top:0px;}.elementor-754 .elementor-element.elementor-element-ceff3cb + .wpr-hidden-header-flex{top:0px;}.elementor-754 .elementor-element.elementor-element-53d069c{top:0px;bottom:auto;}.elementor-754 .elementor-element.elementor-element-53d069c + .wpr-hidden-header{top:0px;}.elementor-754 .elementor-element.elementor-element-53d069c + .wpr-hidden-header-flex{top:0px;}.elementor-754 .elementor-element.elementor-element-4a14fb9{top:0px;bottom:auto;}.elementor-754 .elementor-element.elementor-element-4a14fb9 + .wpr-hidden-header{top:0px;}.elementor-754 .elementor-element.elementor-element-4a14fb9 + .wpr-hidden-header-flex{top:0px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}/* Start custom CSS for container, class: .elementor-element-5d2ff7f *//* Забезпечує внутрішню прокрутку текстового блоку */
.elementor-754 .elementor-element.elementor-element-5d2ff7f {
    overflow-y: auto;
    height: 100vh;
    padding: 2rem; /* Відступи для читабельності */
}

/* Сховати горизонтальний скролл */
.elementor-754 .elementor-element.elementor-element-5d2ff7f::-webkit-scrollbar {
    width: 1px;
}

.elementor-754 .elementor-element.elementor-element-5d2ff7f::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

.elementor-754 .elementor-element.elementor-element-5d2ff7f::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ceff3cb *//* Забезпечує внутрішню прокрутку текстового блоку */
.elementor-754 .elementor-element.elementor-element-ceff3cb {
    overflow-y: auto;
    height: 100vh;
    padding: 2rem; /* Відступи для читабельності */
}

/* Сховати горизонтальний скролл */
.elementor-754 .elementor-element.elementor-element-ceff3cb::-webkit-scrollbar {
    width: 8px;
}

.elementor-754 .elementor-element.elementor-element-ceff3cb::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

.elementor-754 .elementor-element.elementor-element-ceff3cb::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-53d069c *//* Забезпечує внутрішню прокрутку текстового блоку */
.elementor-754 .elementor-element.elementor-element-53d069c {
    overflow-y: auto;
    height: 100vh;
    padding: 2rem; /* Відступи для читабельності */
}

/* Сховати горизонтальний скролл */
.elementor-754 .elementor-element.elementor-element-53d069c::-webkit-scrollbar {
    width: 1px;
}

.elementor-754 .elementor-element.elementor-element-53d069c::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

.elementor-754 .elementor-element.elementor-element-53d069c::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a14fb9 *//* Забезпечує внутрішню прокрутку текстового блоку */
.elementor-754 .elementor-element.elementor-element-4a14fb9 {
    overflow-y: auto;
    height: 100vh;
    padding: 2rem; /* Відступи для читабельності */
}

/* Сховати горизонтальний скролл */
.elementor-754 .elementor-element.elementor-element-4a14fb9::-webkit-scrollbar {
    width: 8px;
}

.elementor-754 .elementor-element.elementor-element-4a14fb9::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

.elementor-754 .elementor-element.elementor-element-4a14fb9::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}/* End custom CSS */
/* Start custom CSS *//* Основні стилі заголовків */

.zah {
    font-size: 4.9em !important;
    font-family: Philosopher;
    color: #E86800;
    line-height: 0.9;
    padding-top: 10vh;
    padding-bottom: 15vh;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}
.pidzah {
    font-size: 1.5em;
    color: #E86800;
    padding-bottom: 15px;
    padding-top: 45px;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 2.5s ease-out, transform 1.2s ease-out;
}
.margzah {margin-top: 20vh;
        font-size: 2.1em !important;
        color: #0c0c0c !important;
}
/* Анімація проявлення заголовків */
.in-view {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Фонове зображення */
.sticky-background::after {
    content: "";
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    opacity: 0;
    transform: scale(1.05);
    transition: opacity 2.1s ease-out, transform 2.1s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: 0;
    pointer-events: none;
}

/* Ліва частина фону */
.sticky-background.left-bg::after {
    left: 0;
}

/* Права частина фону */
.sticky-background.right-bg::after {
    right: 0;
    left: auto;
}

/* Використання змінних для фону */
.bg-1::after {
    background-image: url('https://viyskovi.uzhmedia.group/wp-content/uploads/2025/05/img_1989.jpg');
}

.bg-2::after {
    background-image: url('https://viyskovi.uzhmedia.group/wp-content/uploads/2025/05/img_1993.jpg');
}
.bg-3::after {
    background-image: url('https://viyskovi.uzhmedia.group/wp-content/uploads/2025/05/img_1995.jpg');
}

.bg-4::after {
    background-image: url('https://viyskovi.uzhmedia.group/wp-content/uploads/2025/05/img_1992.jpg');
}




/* Анімація проявлення фонів */
.sticky-background.in-view::after {
    opacity: 1;
    transform: scale(1.02);
}


/* Приховуємо стандартний скролбар */
.sticky-background .elementor-widget-container {
    position: relative;
    z-index: 1;
    overflow-y: scroll;
    height: 100vh;
    padding: 50px 5%;
    background-color: rgba(255, 255, 255, 0.9);
    scroll-behavior: smooth;
    scrollbar-width: none; /* Для Firefox */
}

/* Приховуємо скролбар у Chrome і Edge */
.sticky-background .elementor-widget-container::-webkit-scrollbar {
    display: none;
}

/* Прогрес-бар */
.sticky-background .progress-bar {
    position: fixed;
    width: 4px;
    top: 0;
    right: 20px;
    height: 0;
    background-color: #888;
    z-index: 10;
    transition: height 0.2s ease-out;
}

/* Прогрес-бар при скролі */
.sticky-background.scrolling .progress-bar {
    background-color: #555;
}/* End custom CSS */