.elementor-253 .elementor-element.elementor-element-d8cdfd5{--display:flex;--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;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:wrap;--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;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 );}@media(max-width:1079px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for image, class: .elementor-element-c3a56d5 *//*
 * Element: Tooltip on Image Hover (Desktop Only)
 * Location: Elementor Widget > Advanced > Custom CSS
 */

.elementor-253 .elementor-element.elementor-element-c3a56d5 {
    position: relative;
}

/* Base Tooltip Styles (Hidden by default) */
.elementor-253 .elementor-element.elementor-element-c3a56d5::before {
    content: "Nemokamas renginys"; /* CHANGE THIS TEXT */
    
    /* Design */
    background-color: #2b5BA9; 
    color: #ffffff;
    font-family: sans-serif;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 0px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    white-space: nowrap;
    
    /* Position */
    position: absolute;
    bottom: 100%; 
    left: 50%;
    transform: translate(-50%, 10px); 
    z-index: 99;
    
    /* Initial Animation State */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

/* --- THE FIX: DESKTOP ONLY TRIGGER --- */
/* This rule ensures the hover effect ONLY happens on screens wider than 1024px */
@media (min-width: 1025px) {
    .elementor-253 .elementor-element.elementor-element-c3a56d5:hover::before {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -10px);
    }
}

/* --- MOBILE/TABLET SAFETY --- */
/* Completely removes the tooltip element on touch devices to prevent glitches */
@media (max-width: 1024px) {
    .elementor-253 .elementor-element.elementor-element-c3a56d5::before {
        display: none; 
        content: none;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46d0977 *//*
 * Element: Tooltip on Image Hover (Desktop Only)
 * Location: Elementor Widget > Advanced > Custom CSS
 */

.elementor-253 .elementor-element.elementor-element-46d0977 {
    position: relative;
}

/* Base Tooltip Styles (Hidden by default) */
.elementor-253 .elementor-element.elementor-element-46d0977::before {
    content: "Anglų kalba"; /* CHANGE THIS TEXT */
    
    /* Design */
    background-color: #2b5BA9; 
    color: #ffffff;
    font-family: sans-serif;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 0px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    white-space: nowrap;
    
    /* Position */
    position: absolute;
    bottom: 100%; 
    left: 50%;
    transform: translate(-50%, 10px); 
    z-index: 99;
    
    /* Initial Animation State */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

/* --- THE FIX: DESKTOP ONLY TRIGGER --- */
/* This rule ensures the hover effect ONLY happens on screens wider than 1024px */
@media (min-width: 1025px) {
    .elementor-253 .elementor-element.elementor-element-46d0977:hover::before {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -10px);
    }
}

/* --- MOBILE/TABLET SAFETY --- */
/* Completely removes the tooltip element on touch devices to prevent glitches */
@media (max-width: 1024px) {
    .elementor-253 .elementor-element.elementor-element-46d0977::before {
        display: none; 
        content: none;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9e14cec *//*
 * Element: Tooltip on Image Hover (Desktop Only)
 * Location: Elementor Widget > Advanced > Custom CSS
 */

.elementor-253 .elementor-element.elementor-element-9e14cec {
    position: relative;
}

/* Base Tooltip Styles (Hidden by default) */
.elementor-253 .elementor-element.elementor-element-9e14cec::before {
    content: "Žmonėms su fizine negalia"; /* CHANGE THIS TEXT */
    
    /* Design */
    background-color: #2b5BA9; 
    color: #ffffff;
    font-family: sans-serif;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 0px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    white-space: nowrap;
    
    /* Position */
    position: absolute;
    bottom: 100%; 
    left: 50%;
    transform: translate(-50%, 10px); 
    z-index: 99;
    
    /* Initial Animation State */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

/* --- THE FIX: DESKTOP ONLY TRIGGER --- */
/* This rule ensures the hover effect ONLY happens on screens wider than 1024px */
@media (min-width: 1025px) {
    .elementor-253 .elementor-element.elementor-element-9e14cec:hover::before {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -10px);
    }
}

/* --- MOBILE/TABLET SAFETY --- */
/* Completely removes the tooltip element on touch devices to prevent glitches */
@media (max-width: 1024px) {
    .elementor-253 .elementor-element.elementor-element-9e14cec::before {
        display: none; 
        content: none;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ca974a9 *//*
 * Element: Tooltip on Image Hover (Desktop Only)
 * Location: Elementor Widget > Advanced > Custom CSS
 */

.elementor-253 .elementor-element.elementor-element-ca974a9 {
    position: relative;
}

/* Base Tooltip Styles (Hidden by default) */
.elementor-253 .elementor-element.elementor-element-ca974a9::before {
    content: "Su protine ir intelekto negalia"; /* CHANGE THIS TEXT */
    
    /* Design */
    background-color: #2b5BA9; 
    color: #ffffff;
    font-family: sans-serif;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 0px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    white-space: nowrap;
    
    /* Position */
    position: absolute;
    bottom: 100%; 
    left: 50%;
    transform: translate(-50%, 10px); 
    z-index: 99;
    
    /* Initial Animation State */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

/* --- THE FIX: DESKTOP ONLY TRIGGER --- */
/* This rule ensures the hover effect ONLY happens on screens wider than 1024px */
@media (min-width: 1025px) {
    .elementor-253 .elementor-element.elementor-element-ca974a9:hover::before {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -10px);
    }
}

/* --- MOBILE/TABLET SAFETY --- */
/* Completely removes the tooltip element on touch devices to prevent glitches */
@media (max-width: 1024px) {
    .elementor-253 .elementor-element.elementor-element-ca974a9::before {
        display: none; 
        content: none;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6e9c328 *//*
 * Element: Tooltip on Image Hover (Desktop Only)
 * Location: Elementor Widget > Advanced > Custom CSS
 */

.elementor-253 .elementor-element.elementor-element-6e9c328 {
    position: relative;
}

/* Base Tooltip Styles (Hidden by default) */
.elementor-253 .elementor-element.elementor-element-6e9c328::before {
    content: "Galima atsivesti naminius gyvūnus"; /* CHANGE THIS TEXT */
    
    /* Design */
    background-color: #2b5BA9; 
    color: #ffffff;
    font-family: sans-serif;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 0px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    white-space: nowrap;
    
    /* Position */
    position: absolute;
    bottom: 100%; 
    left: 50%;
    transform: translate(-50%, 10px); 
    z-index: 99;
    
    /* Initial Animation State */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

/* --- THE FIX: DESKTOP ONLY TRIGGER --- */
/* This rule ensures the hover effect ONLY happens on screens wider than 1024px */
@media (min-width: 1025px) {
    .elementor-253 .elementor-element.elementor-element-6e9c328:hover::before {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -10px);
    }
}

/* --- MOBILE/TABLET SAFETY --- */
/* Completely removes the tooltip element on touch devices to prevent glitches */
@media (max-width: 1024px) {
    .elementor-253 .elementor-element.elementor-element-6e9c328::before {
        display: none; 
        content: none;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c2c3203 *//*
 * Element: Tooltip on Image Hover (Desktop Only)
 * Location: Elementor Widget > Advanced > Custom CSS
 */

.elementor-253 .elementor-element.elementor-element-c2c3203 {
    position: relative;
}

/* Base Tooltip Styles (Hidden by default) */
.elementor-253 .elementor-element.elementor-element-c2c3203::before {
    content: "Vaikai neįleidžiami"; /* CHANGE THIS TEXT */
    
    /* Design */
    background-color: #2b5BA9; 
    color: #ffffff;
    font-family: sans-serif;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 0px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    white-space: nowrap;
    
    /* Position */
    position: absolute;
    bottom: 100%; 
    left: 50%;
    transform: translate(-50%, 10px); 
    z-index: 99;
    
    /* Initial Animation State */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

/* --- THE FIX: DESKTOP ONLY TRIGGER --- */
/* This rule ensures the hover effect ONLY happens on screens wider than 1024px */
@media (min-width: 1025px) {
    .elementor-253 .elementor-element.elementor-element-c2c3203:hover::before {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -10px);
    }
}

/* --- MOBILE/TABLET SAFETY --- */
/* Completely removes the tooltip element on touch devices to prevent glitches */
@media (max-width: 1024px) {
    .elementor-253 .elementor-element.elementor-element-c2c3203::before {
        display: none; 
        content: none;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b5e4a63 *//*
 * Element: Tooltip on Image Hover (Desktop Only)
 * Location: Elementor Widget > Advanced > Custom CSS
 */

.elementor-253 .elementor-element.elementor-element-b5e4a63 {
    position: relative;
}

/* Base Tooltip Styles (Hidden by default) */
.elementor-253 .elementor-element.elementor-element-b5e4a63::before {
    content: "Tinkantis visai šeimai"; /* CHANGE THIS TEXT */
    
    /* Design */
    background-color: #2b5BA9; 
    color: #ffffff;
    font-family: sans-serif;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 0px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    white-space: nowrap;
    
    /* Position */
    position: absolute;
    bottom: 100%; 
    left: 50%;
    transform: translate(-50%, 10px); 
    z-index: 99;
    
    /* Initial Animation State */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

/* --- THE FIX: DESKTOP ONLY TRIGGER --- */
/* This rule ensures the hover effect ONLY happens on screens wider than 1024px */
@media (min-width: 1025px) {
    .elementor-253 .elementor-element.elementor-element-b5e4a63:hover::before {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -10px);
    }
}

/* --- MOBILE/TABLET SAFETY --- */
/* Completely removes the tooltip element on touch devices to prevent glitches */
@media (max-width: 1024px) {
    .elementor-253 .elementor-element.elementor-element-b5e4a63::before {
        display: none; 
        content: none;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7990ed3 *//*
 * Element: Tooltip on Image Hover (Desktop Only)
 * Location: Elementor Widget > Advanced > Custom CSS
 */

.elementor-253 .elementor-element.elementor-element-7990ed3 {
    position: relative;
}

/* Base Tooltip Styles (Hidden by default) */
.elementor-253 .elementor-element.elementor-element-7990ed3::before {
    content: "Žmonėms su regos negalia"; /* CHANGE THIS TEXT */
    
    /* Design */
    background-color: #2b5BA9; 
    color: #ffffff;
    font-family: sans-serif;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 0px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    white-space: nowrap;
    
    /* Position */
    position: absolute;
    bottom: 100%; 
    left: 50%;
    transform: translate(-50%, 10px); 
    z-index: 99;
    
    /* Initial Animation State */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

/* --- THE FIX: DESKTOP ONLY TRIGGER --- */
/* This rule ensures the hover effect ONLY happens on screens wider than 1024px */
@media (min-width: 1025px) {
    .elementor-253 .elementor-element.elementor-element-7990ed3:hover::before {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -10px);
    }
}

/* --- MOBILE/TABLET SAFETY --- */
/* Completely removes the tooltip element on touch devices to prevent glitches */
@media (max-width: 1024px) {
    .elementor-253 .elementor-element.elementor-element-7990ed3::before {
        display: none; 
        content: none;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9112df *//*
 * Element: Tooltip on Image Hover (Desktop Only)
 * Location: Elementor Widget > Advanced > Custom CSS
 */

.elementor-253 .elementor-element.elementor-element-c9112df {
    position: relative;
}

/* Base Tooltip Styles (Hidden by default) */
.elementor-253 .elementor-element.elementor-element-c9112df::before {
    content: "Gestų kalbai"; /* CHANGE THIS TEXT */
    
    /* Design */
    background-color: #2b5BA9; 
    color: #ffffff;
    font-family: sans-serif;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 0px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    white-space: nowrap;
    
    /* Position */
    position: absolute;
    bottom: 100%; 
    left: 50%;
    transform: translate(-50%, 10px); 
    z-index: 99;
    
    /* Initial Animation State */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

/* --- THE FIX: DESKTOP ONLY TRIGGER --- */
/* This rule ensures the hover effect ONLY happens on screens wider than 1024px */
@media (min-width: 1025px) {
    .elementor-253 .elementor-element.elementor-element-c9112df:hover::before {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -10px);
    }
}

/* --- MOBILE/TABLET SAFETY --- */
/* Completely removes the tooltip element on touch devices to prevent glitches */
@media (max-width: 1024px) {
    .elementor-253 .elementor-element.elementor-element-c9112df::before {
        display: none; 
        content: none;
    }
}/* End custom CSS */