.elementor-5759 .elementor-element.elementor-element-71fc3a7{--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;}.elementor-5759 .elementor-element.elementor-element-4bc4954{--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;}.elementor-5759 .elementor-element.elementor-element-7a308b5{--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;}.elementor-5759 .elementor-element.elementor-element-1acb703{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-5759 .elementor-element.elementor-element-1acb703 .elementor-divider-separator{width:100%;}.elementor-5759 .elementor-element.elementor-element-1acb703 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5759 .elementor-element.elementor-element-e1179ac{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-5759 .elementor-element.elementor-element-e1179ac .elementor-divider-separator{width:100%;}.elementor-5759 .elementor-element.elementor-element-e1179ac .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5759 .elementor-element.elementor-element-f9190be{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-5759 .elementor-element.elementor-element-f9190be .elementor-divider-separator{width:100%;}.elementor-5759 .elementor-element.elementor-element-f9190be .elementor-divider{padding-block-start:15px;padding-block-end:15px;}/* Start custom CSS for html, class: .elementor-element-f967de5 *//* =====================================================
   УТМ — ОСВІТНІ ПРОГРАМИ
   ЄДИНИЙ ФІРМОВИЙ СТИЛЬ
   ===================================================== */

:root {
    --utm-blue: #063568;
    --utm-blue-light: #0A477F;
    --utm-gold: #D9AA3A;
    --utm-gold-light: #F0C75A;
    --utm-bg: #F7F9FC;
    --utm-text: #44546A;
    --utm-border: #E3E9F0;
}


/* =====================================================
   ЗАГОЛОВОК
   ===================================================== */

.static-3d-title {
    font-family: Arial, Helvetica, sans-serif !important;

    color: var(--utm-blue) !important;

    font-size: clamp(28px, 4vw, 42px) !important;

    font-weight: 800 !important;

    line-height: 1.15 !important;

    letter-spacing: -0.5px !important;

    text-align: center;

    text-shadow:
        0 2px 8px rgba(6,53,104,.08) !important;

    margin: 25px 15px 35px !important;
}


/* золота лінія */

.static-3d-title::after {
    content: "";

    display: block;

    width: 60px;
    height: 4px;

    margin: 18px auto 0;

    background: var(--utm-gold);

    border-radius: 10px;
}


/* емодзі */

.static-3d-title span.emoji {
    font-size: .62em !important;

    margin: 0 6px;

    vertical-align: 8%;

    text-shadow: none !important;
}


/* =====================================================
   ЗАГОЛОВОК "ОСВІТНІЙ СТУПІНЬ"
   ===================================================== */

/*
   Якщо це звичайний Elementor Heading,
   цей стиль можна застосувати через клас:
   utm-degree-title
*/

.utm-degree-title {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: center;

    min-height: 70px;

    padding: 15px 30px;

    box-sizing: border-box;

    background: var(--utm-blue) !important;

    border-radius: 14px;

    color: #ffffff !important;

    box-shadow:
        0 10px 28px rgba(6,53,104,.12);

    overflow: hidden;
}


/* золота декоративна смуга */

.utm-degree-title::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 5px;

    background: var(--utm-gold);
}


/* текст */

.utm-degree-title,
.utm-degree-title * {
    color: #ffffff !important;
}


/* слово Бакалавр */

.utm-degree-title em,
.utm-degree-title strong {
    color: var(--utm-gold-light) !important;
}


/* =====================================================
   КАРТКИ ОСВІТНІХ ПРОГРАМ
   ===================================================== */

/*
   Додай клас "utm-program-card"
   до контейнера кожної програми.
*/

.utm-program-card {
    position: relative;

    background: #ffffff;

    border: 1px solid var(--utm-border) !important;

    border-radius: 16px !important;

    padding: 28px 30px !important;

    box-shadow:
        0 8px 30px rgba(6,53,104,.06);

    overflow: hidden;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


/* золота лінія */

.utm-program-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 4px;

    background: var(--utm-gold);

    transition: width .3s ease;
}


.utm-program-card:hover {
    transform: translateY(-4px);

    border-color: rgba(217,170,58,.45) !important;

    box-shadow:
        0 15px 40px rgba(6,53,104,.11);
}


.utm-program-card:hover::before {
    width: 6px;
}


/* назва програми */

.utm-program-card h3,
.utm-program-card .elementor-heading-title {
    color: var(--utm-blue) !important;

    font-weight: 700 !important;
}


/* додатковий текст */

.utm-program-card p {
    color: var(--utm-text) !important;

    line-height: 1.65;
}


/* посилання */

.utm-program-card a {
    color: var(--utm-blue) !important;

    font-weight: 600;

    transition: color .25s ease;
}


.utm-program-card a:hover {
    color: var(--utm-gold) !important;
}


/* =====================================================
   КНОПКИ
   ===================================================== */

.utm-program-card .elementor-button {
    background: var(--utm-blue) !important;

    color: #ffffff !important;

    border-radius: 28px !important;

    padding: 12px 24px !important;

    transition: .3s ease;
}


.utm-program-card .elementor-button:hover {
    background: var(--utm-gold) !important;

    color: var(--utm-blue) !important;

    transform: translateY(-2px);
}


/* =====================================================
   ЗАГАЛЬНІ ЗАГОЛОВКИ ЦІЄЇ СТОРІНКИ
   ===================================================== */

.utm-program-page h2 {
    color: var(--utm-blue) !important;

    font-weight: 700 !important;
}


.utm-program-page h3 {
    color: var(--utm-blue) !important;
}


/* =====================================================
   МОБІЛЬНА ВЕРСІЯ
   ===================================================== */

@media (max-width: 767px) {

    .static-3d-title {
        font-size: 25px !important;

        line-height: 1.2 !important;

        margin: 25px 10px 30px !important;
    }

    .utm-degree-title {
        min-height: 60px;

        padding: 12px 20px;

        font-size: 20px !important;

        border-radius: 12px;
    }

    .utm-program-card {
        padding: 22px 20px !important;
    }

}/* End custom CSS */