.elementor-3286 .elementor-element.elementor-element-01b0037{--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;--overlay-opacity:1;--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-3286 .elementor-element.elementor-element-01b0037::before, .elementor-3286 .elementor-element.elementor-element-01b0037 > .elementor-background-video-container::before, .elementor-3286 .elementor-element.elementor-element-01b0037 > .e-con-inner > .elementor-background-video-container::before, .elementor-3286 .elementor-element.elementor-element-01b0037 > .elementor-background-slideshow::before, .elementor-3286 .elementor-element.elementor-element-01b0037 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3286 .elementor-element.elementor-element-01b0037 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3286 .elementor-element.elementor-element-a363420 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3286 .elementor-element.elementor-element-6012c86{--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;--overlay-opacity:1;}.elementor-3286 .elementor-element.elementor-element-6012c86::before, .elementor-3286 .elementor-element.elementor-element-6012c86 > .elementor-background-video-container::before, .elementor-3286 .elementor-element.elementor-element-6012c86 > .e-con-inner > .elementor-background-video-container::before, .elementor-3286 .elementor-element.elementor-element-6012c86 > .elementor-background-slideshow::before, .elementor-3286 .elementor-element.elementor-element-6012c86 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3286 .elementor-element.elementor-element-6012c86 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;background-image:url("https://78dshv.mil.gov.ua/wp-content/uploads/2024/10/socc-scaled.webp");--background-overlay:'';background-position:bottom right;background-repeat:no-repeat;background-size:cover;}.elementor-3286 .elementor-element.elementor-element-e449233{--display:grid;--min-height:796px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-3286 .elementor-element.elementor-element-14ed67e{--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;--overlay-opacity:1;}.elementor-3286 .elementor-element.elementor-element-14ed67e::before, .elementor-3286 .elementor-element.elementor-element-14ed67e > .elementor-background-video-container::before, .elementor-3286 .elementor-element.elementor-element-14ed67e > .e-con-inner > .elementor-background-video-container::before, .elementor-3286 .elementor-element.elementor-element-14ed67e > .elementor-background-slideshow::before, .elementor-3286 .elementor-element.elementor-element-14ed67e > .e-con-inner > .elementor-background-slideshow::before, .elementor-3286 .elementor-element.elementor-element-14ed67e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3286 .elementor-element.elementor-element-e449233{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-3286 .elementor-element.elementor-element-6012c86::before, .elementor-3286 .elementor-element.elementor-element-6012c86 > .elementor-background-video-container::before, .elementor-3286 .elementor-element.elementor-element-6012c86 > .e-con-inner > .elementor-background-video-container::before, .elementor-3286 .elementor-element.elementor-element-6012c86 > .elementor-background-slideshow::before, .elementor-3286 .elementor-element.elementor-element-6012c86 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3286 .elementor-element.elementor-element-6012c86 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://78dshv.mil.gov.ua/wp-content/uploads/2024/10/socc-scaled.webp");}.elementor-3286 .elementor-element.elementor-element-6012c86{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3286 .elementor-element.elementor-element-e449233{--min-height:320px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:start;--align-items:start;--margin-top:110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-6876090 */.s1-family-actions {
    width: 100%;
    padding: 20px;
    text-align: left; /* Вирівнюємо текст по лівому краю */
    color: white; /* Колір тексту білий */
    position: relative;
}

/* Відступ зверху для великих екранів */
@media (min-width: 800px) {
    .s1-family-actions {
        margin-top: 40px; /* Відступ від верху */
    }
}

.s1-family-text {
    font-family: "UAFSans", sans-serif; /* Шрифт UAFSans */
    color: white;
    font-weight: 400; /* Нормальна товщина шрифту */
    margin: 0;
    text-shadow: none; /* Відсутність тіні за замовчуванням */
}

/* Пропорційне зменшення/збільшення шрифту для різних екранів */
@media (min-width: 1600px) {
    .s1-family-text {
        font-size: 32px;
    }
}

@media (max-width: 1600px) {
    .s1-family-text {
        font-size: 30px;
    }
}

@media (max-width: 1400px) {
    .s1-family-text {
        font-size: 28px;
    }
}

@media (max-width: 1200px) {
    .s1-family-text {
        font-size: 26px;
    }
}

@media (max-width: 1000px) {
    .s1-family-text {
        font-size: 24px;
    }
}

/* Додаємо тіні для мобільних пристроїв і менших екранів */
@media (max-width: 800px) {
    .s1-family-actions {
        margin-top: 4em; /* Відміняємо відступ зверху */
    }

    .s1-family-text {
        font-size: 22px;
        text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); /* Легка тінь */
    }
}

@media (max-width: 600px) {
    .s1-family-text {
        font-size: 20px;
        text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); /* Легка тінь */
    }
}

@media (max-width: 400px) {
    .s1-family-text {
        font-size: 18px;
        text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); /* Легка тінь */
    }
}/* End custom CSS */