.elementor-3251 .elementor-element.elementor-element-3d99bea6{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3251 .elementor-element.elementor-element-65b348c8{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:99px;--padding-bottom:99px;--padding-left:99px;--padding-right:99px;}.elementor-3251 .elementor-element.elementor-element-6d5d116c > .elementor-widget-container{--e-transform-translateY:0px;}.elementor-3251 .elementor-element.elementor-element-6d5d116c{text-align:center;}.elementor-3251 .elementor-element.elementor-element-6d5d116c .elementor-heading-title{font-family:"Monda", Sans-serif;font-size:65px;font-weight:400;color:#FFFFFF;}.elementor-3251 .elementor-element.elementor-element-581ccebe{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--overlay-opacity:0.5;}.elementor-3251 .elementor-element.elementor-element-581ccebe:not(.elementor-motion-effects-element-type-background), .elementor-3251 .elementor-element.elementor-element-581ccebe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-87fcec8 );}.elementor-3251 .elementor-element.elementor-element-581ccebe::before, .elementor-3251 .elementor-element.elementor-element-581ccebe > .elementor-background-video-container::before, .elementor-3251 .elementor-element.elementor-element-581ccebe > .e-con-inner > .elementor-background-video-container::before, .elementor-3251 .elementor-element.elementor-element-581ccebe > .elementor-background-slideshow::before, .elementor-3251 .elementor-element.elementor-element-581ccebe > .e-con-inner > .elementor-background-slideshow::before, .elementor-3251 .elementor-element.elementor-element-581ccebe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2D64B3;--background-overlay:'';}.elementor-3251 .elementor-element.elementor-element-581ccebe.e-con{--e-con-transform-translateY:0px;}.elementor-3251 .elementor-element.elementor-element-7a2b498e .elementor-author-box__name{color:var( --e-global-color-dfceda1 );font-family:"Monda", Sans-serif;}.elementor-3251 .elementor-element.elementor-element-360014d8 .elementor-button{background-color:#042A88;fill:#FFFFFF;color:#FFFFFF;border-style:none;}.elementor-3251 .elementor-element.elementor-element-360014d8{width:var( --container-widget-width, 29% );max-width:29%;--container-widget-width:29%;--container-widget-flex-grow:0;}.elementor-3251 .elementor-element.elementor-element-360014d8 > .elementor-widget-container{--e-transform-translateX:0px;--e-transform-translateY:0px;margin:-5px -5px -5px -5px;padding:0px 0px 0px 0px;}.elementor-3251 .elementor-element.elementor-element-360014d8.elementor-element{--order:99999 /* order end hack */;}.elementor-3251 .elementor-element.elementor-element-360014d8 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3251 .elementor-element.elementor-element-360014d8 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-3251 .elementor-element.elementor-element-732add9c .elementor-repeater-item-ed6771e.elementor-social-icon{background-color:#BB2C81;}.elementor-3251 .elementor-element.elementor-element-732add9c .elementor-repeater-item-ed6771e.elementor-social-icon i{color:#FFFFFF;}.elementor-3251 .elementor-element.elementor-element-732add9c .elementor-repeater-item-ed6771e.elementor-social-icon svg{fill:#FFFFFF;}.elementor-3251 .elementor-element.elementor-element-732add9c{--grid-template-columns:repeat(0, auto);--icon-size:18px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-3251 .elementor-element.elementor-element-732add9c .elementor-widget-container{text-align:right;}.elementor-3251 .elementor-element.elementor-element-732add9c.elementor-element{--order:99999 /* order end hack */;}.elementor-3251 .elementor-element.elementor-element-1c4fa103{text-align:left;font-family:"Monda", Sans-serif;color:var( --e-global-color-faeb185 );}@media(min-width:768px){.elementor-3251 .elementor-element.elementor-element-581ccebe{--content-width:1170px;}}@media(max-width:1024px){.elementor-3251 .elementor-element.elementor-element-3d99bea6{--grid-auto-flow:row;}.elementor-3251 .elementor-element.elementor-element-65b348c8{--grid-auto-flow:row;}.elementor-3251 .elementor-element.elementor-element-581ccebe{--grid-auto-flow:row;}.elementor-3251 .elementor-element.elementor-element-360014d8 > .elementor-widget-container{--e-transform-translateX:0px;}.elementor-3251 .elementor-element.elementor-element-360014d8{--container-widget-width:148px;--container-widget-flex-grow:0;width:var( --container-widget-width, 148px );max-width:148px;}}@media(max-width:767px){.elementor-3251 .elementor-element.elementor-element-3d99bea6{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3251 .elementor-element.elementor-element-65b348c8{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3251 .elementor-element.elementor-element-6d5d116c{width:var( --container-widget-width, 300px );max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0;text-align:center;}.elementor-3251 .elementor-element.elementor-element-6d5d116c > .elementor-widget-container{--e-transform-translateX:-50px;--e-transform-translateY:0px;}.elementor-3251 .elementor-element.elementor-element-6d5d116c .elementor-heading-title{font-size:34px;letter-spacing:0px;word-spacing:0em;}.elementor-3251 .elementor-element.elementor-element-581ccebe{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3251 .elementor-element.elementor-element-7a2b498e .elementor-author-box__avatar img{width:64px;height:64px;}.elementor-3251 .elementor-element.elementor-element-360014d8 > .elementor-widget-container{--e-transform-translateX:0px;--e-transform-translateY:0px;margin:0px 0px 0px 0px;}.elementor-3251 .elementor-element.elementor-element-360014d8{--container-widget-width:179px;--container-widget-flex-grow:0;width:var( --container-widget-width, 179px );max-width:179px;}.elementor-3251 .elementor-element.elementor-element-732add9c.elementor-element{--order:99999 /* order end hack */;}.elementor-3251 .elementor-element.elementor-element-732add9c{--icon-size:14px;}}/* Start custom CSS for container, class: .elementor-element-3d99bea6 *//* Apply the effect to a specific container */
.elementor-container-id3::before {
    content: "";
    position: absolute;
    top: 0vh; /* Spills the image upwards by half of the viewport height */
    left: 0;
    width: 100%;  /* Full width */
    height: 89.3vh;  /* Full height of the viewport */
    background: 
        linear-gradient(rgba(10, 25, 50, 0.6), rgba(10, 25, 50, 0.6)), /* Dark blue overlay */
        url('https://praevisio-institute.org/wp-content/uploads/2025/04/Kharkiv-region-compressed.jpg') 
        no-repeat center center;  /* Updated image URL */
    background-size: cover;  /* Ensure the image covers the entire section */
    z-index: -1;  /* Keeps it behind content */
}

/* Mobile Optimization - ONLY for small screens */
@media (max-width: 767px) {
    .elementor-container-id3::before {
        top: 0vh;
        height: 70vh;
        background-position: center center;
    }
}

/* Ensure text is visible */
.elementor-container-id3 .text-editor {
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 18px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    text-align: center;
    padding: 20px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-360014d8 */.floating {  
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    animation-play-state: running; /* Ensure animation runs normally */
}

.floating:hover {
    transform: translate(0, 0px) scale(1.3); /* Stronger scale effect */
    opacity: 0.6; /* Stronger transparency */
    animation-play-state: paused; /* Pause the floating animation when hovered */
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}/* End custom CSS */