.elementor-kit-4{--e-global-color-primary:#16332F;--e-global-color-secondary:#F6F7F5;--e-global-color-text:#5D6E65;--e-global-color-accent:#B59B6A;--e-global-color-9359766:#FAF5F7;--e-global-color-522b9ec:#9CACA3;--e-global-color-65bc9bb:#072015;--e-global-color-4fcacd7:#68756E;--e-global-color-ac6ea41:#BD9F77;--e-global-color-9accda0:#9CACA340;--e-global-color-98664a5:#285A55;--e-global-typography-primary-font-family:"Sora";--e-global-typography-primary-font-size:31px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:1.4em;--e-global-typography-secondary-font-family:"Sora";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.6em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:13px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;overscroll-behavior:auto;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-98664a5 );font-family:"Sora", Sans-serif;font-size:13px;text-transform:uppercase;line-height:1.5em;letter-spacing:1.04px;color:var( --e-global-color-secondary );border-radius:8px 8px 8px 8px;padding:14px 28px 14px 28px;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:var( --e-global-color-primary );border-radius:8px 8px 8px 8px;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 p{margin-block-end:0px;}.elementor-kit-4 a{color:var( --e-global-color-522b9ec );font-family:"Inter", Sans-serif;}.elementor-kit-4 a:hover{color:#FAF5F7;}.elementor-kit-4 h1{font-family:"Sora", Sans-serif;font-size:48px;font-weight:500;text-transform:capitalize;line-height:1.12em;letter-spacing:0.01em;}.elementor-kit-4 h2{font-family:"Sora", Sans-serif;font-size:36px;font-weight:500;line-height:1.25em;letter-spacing:0.02em;}.elementor-kit-4 h3{font-family:"Sora", Sans-serif;font-size:20.8px;line-height:1.375em;letter-spacing:0.01em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-4 h1{font-size:0.05vw;}.elementor-kit-4 h2{font-size:3.5vw;line-height:1.25em;letter-spacing:0.02em;}.elementor-kit-4 h3{font-size:2.5vw;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:704px;}.e-con{--container-max-width:704px;}}@media(max-width:767px){.elementor-kit-4{font-size:16px;}.elementor-kit-4 h1{font-size:32px;line-height:1.12em;}.elementor-kit-4 h2{font-size:28px;line-height:1.25em;letter-spacing:0.02em;}.elementor-kit-4 h3{font-size:17.6px;line-height:1.375em;letter-spacing:0.01em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:600px;}.e-con{--container-max-width:600px;}}/* Start custom CSS */.site-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    
     background-color: rgba(22, 51, 47, 0.9) !important;
    
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease, box-shadow 0.3s ease !important;
    box-shadow: none !important;
}


.site-header.is-scrolled {

    background-color: rgb(22, 51, 47) !important; 
    
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;

    box-shadow: 0 1px 0 rgba(174, 185, 177, 0.12) !important;
}



.custom-burger {
    width: 24px;
    height: 28px; 
    position: relative;
    cursor: pointer;
    display: block;
}

.custom-burger span {
    display: block;
    position: absolute;
    width: 100%;
    height: 1.5px;
    background-color: #f6f7f5;
    border-radius: 1px;
    transform-origin: center center !important; 
    transition: all 0.2s ease-in-out !important;
}

.custom-burger span:nth-child(1) { top: calc(50% - 8px); }
.custom-burger span:nth-child(2) { top: 50%; transform: translateY(-50%); }
.custom-burger span:nth-child(3) { top: calc(50% + 7px); }


.custom-burger,
.custom-burger span {
    pointer-events: none !important;
}



body.elementor-popup-is-visible .custom-burger span:nth-child(1) {
    top: 50%; 
    transform: translateY(-50%) rotate(45deg) !important; 
}

body.elementor-popup-is-visible .custom-burger span:nth-child(2) {
    opacity: 0 !important;
    width: 0 !important;
}

body.elementor-popup-is-visible .custom-burger span:nth-child(3) {
    top: 50%; 
    transform: translateY(-50%) rotate(-45deg) !important; 
}



.soft-fade-up {
    animation-name: myFadeInUp;
}

@keyframes myFadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 15px, 0); /* Змініть 15px на бажану відстань */
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}/* End custom CSS */