.elementor-2689 .elementor-element.elementor-element-800b230{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2689 .elementor-element.elementor-element-2b7e566{--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-2689 .elementor-element.elementor-element-7d2188a > .elementor-widget-container{--e-transform-translateY:0px;}.elementor-2689 .elementor-element.elementor-element-7d2188a{text-align:center;}.elementor-2689 .elementor-element.elementor-element-7d2188a .elementor-heading-title{font-family:"Monda", Sans-serif;font-size:65px;font-weight:400;color:#FFFFFF;}.elementor-2689 .elementor-element.elementor-element-193f99b8{--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-2689 .elementor-element.elementor-element-193f99b8:not(.elementor-motion-effects-element-type-background), .elementor-2689 .elementor-element.elementor-element-193f99b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-87fcec8 );}.elementor-2689 .elementor-element.elementor-element-193f99b8::before, .elementor-2689 .elementor-element.elementor-element-193f99b8 > .elementor-background-video-container::before, .elementor-2689 .elementor-element.elementor-element-193f99b8 > .e-con-inner > .elementor-background-video-container::before, .elementor-2689 .elementor-element.elementor-element-193f99b8 > .elementor-background-slideshow::before, .elementor-2689 .elementor-element.elementor-element-193f99b8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2689 .elementor-element.elementor-element-193f99b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2D64B3;--background-overlay:'';}.elementor-2689 .elementor-element.elementor-element-d8d380c .elementor-author-box__name{color:var( --e-global-color-dfceda1 );font-family:"Monda", Sans-serif;}.elementor-2689 .elementor-element.elementor-element-b20e895 .elementor-button{background-color:#042A88;fill:#FFFFFF;color:#FFFFFF;border-style:none;}.elementor-2689 .elementor-element.elementor-element-b20e895{width:var( --container-widget-width, 29% );max-width:29%;--container-widget-width:29%;--container-widget-flex-grow:0;}.elementor-2689 .elementor-element.elementor-element-b20e895 > .elementor-widget-container{--e-transform-translateX:-37px;--e-transform-translateY:0px;margin:-5px -5px -5px -5px;padding:0px 0px 0px 0px;}.elementor-2689 .elementor-element.elementor-element-b20e895.elementor-element{--order:99999 /* order end hack */;}.elementor-2689 .elementor-element.elementor-element-b20e895 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2689 .elementor-element.elementor-element-b20e895 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2689 .elementor-element.elementor-element-4a4bdb4 .elementor-repeater-item-ed6771e.elementor-social-icon{background-color:#BB2C81;}.elementor-2689 .elementor-element.elementor-element-4a4bdb4 .elementor-repeater-item-ed6771e.elementor-social-icon i{color:#FFFFFF;}.elementor-2689 .elementor-element.elementor-element-4a4bdb4 .elementor-repeater-item-ed6771e.elementor-social-icon svg{fill:#FFFFFF;}.elementor-2689 .elementor-element.elementor-element-4a4bdb4{--grid-template-columns:repeat(0, auto);--icon-size:18px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-2689 .elementor-element.elementor-element-4a4bdb4 .elementor-widget-container{text-align:right;}.elementor-2689 .elementor-element.elementor-element-4a4bdb4.elementor-element{--order:99999 /* order end hack */;}.elementor-2689 .elementor-element.elementor-element-6ab1d28{font-family:"Monda", Sans-serif;color:var( --e-global-color-faeb185 );}@media(min-width:768px){.elementor-2689 .elementor-element.elementor-element-193f99b8{--content-width:1170px;}}@media(max-width:1024px){.elementor-2689 .elementor-element.elementor-element-800b230{--grid-auto-flow:row;}.elementor-2689 .elementor-element.elementor-element-2b7e566{--grid-auto-flow:row;}.elementor-2689 .elementor-element.elementor-element-193f99b8{--grid-auto-flow:row;}.elementor-2689 .elementor-element.elementor-element-b20e895 > .elementor-widget-container{--e-transform-translateX:0px;}.elementor-2689 .elementor-element.elementor-element-b20e895{--container-widget-width:148px;--container-widget-flex-grow:0;width:var( --container-widget-width, 148px );max-width:148px;}}@media(max-width:767px){.elementor-2689 .elementor-element.elementor-element-800b230{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2689 .elementor-element.elementor-element-2b7e566{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2689 .elementor-element.elementor-element-7d2188a{width:var( --container-widget-width, 300px );max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0;text-align:center;}.elementor-2689 .elementor-element.elementor-element-7d2188a > .elementor-widget-container{--e-transform-translateX:-50px;--e-transform-translateY:0px;}.elementor-2689 .elementor-element.elementor-element-7d2188a .elementor-heading-title{font-size:34px;letter-spacing:0px;word-spacing:0em;}.elementor-2689 .elementor-element.elementor-element-193f99b8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2689 .elementor-element.elementor-element-d8d380c .elementor-author-box__avatar img{width:64px;height:64px;}.elementor-2689 .elementor-element.elementor-element-b20e895 > .elementor-widget-container{--e-transform-translateX:0px;--e-transform-translateY:0px;margin:0px 0px 0px 0px;}.elementor-2689 .elementor-element.elementor-element-b20e895{--container-widget-width:179px;--container-widget-flex-grow:0;width:var( --container-widget-width, 179px );max-width:179px;}.elementor-2689 .elementor-element.elementor-element-4a4bdb4.elementor-element{--order:99999 /* order end hack */;}.elementor-2689 .elementor-element.elementor-element-4a4bdb4{--icon-size:14px;}}/* Start custom CSS for container, class: .elementor-element-800b230 *//* 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/kazakhstan_and_eu_develop_multifaceted_co-op_amid_growing_trade_turnover.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-b20e895 */.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 */