.elementor-1848 .elementor-element.elementor-element-3e1992c:not(.elementor-motion-effects-element-type-background), .elementor-1848 .elementor-element.elementor-element-3e1992c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://xn--80aaaagbpfa0a1a6at6bh6b.xn--p1ai/wp-content/uploads/2022/07/seminar-registration.jpg");background-position:0px 48%;background-repeat:no-repeat;background-size:cover;}.elementor-1848 .elementor-element.elementor-element-3e1992c > .elementor-background-overlay{background-color:#000000;opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1848 .elementor-element.elementor-element-3e1992c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;z-index:0;}.elementor-1848 .elementor-element.elementor-element-8462def{text-align:center;}.elementor-1848 .elementor-element.elementor-element-8462def .elementor-heading-title{color:#FFFFFF;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-1848 .elementor-element.elementor-element-5fbfd0f > .elementor-container{max-width:1300px;}.elementor-1848 .elementor-element.elementor-element-5fbfd0f{margin-top:50px;margin-bottom:50px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1848 .elementor-element.elementor-element-3e1992c:not(.elementor-motion-effects-element-type-background), .elementor-1848 .elementor-element.elementor-element-3e1992c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1848 .elementor-element.elementor-element-3e1992c{margin-top:0px;margin-bottom:0px;padding:210px 0px 140px 0px;}.elementor-1848 .elementor-element.elementor-element-8462def .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}@media(max-width:767px){.elementor-1848 .elementor-element.elementor-element-3e1992c{margin-top:0px;margin-bottom:0px;padding:152px 10px 80px 10px;}.elementor-1848 .elementor-element.elementor-element-8462def .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}/* Start custom CSS for shortcode, class: .elementor-element-4f14157 */.aioseo-breadcrumb {
    color: white;
    font-size: 18px;
}

.aioseo-breadcrumb-separator {
     color: white; 
       font-size: 18px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-307bf0d */.driving-vacancies {
    --dv-yellow: #F9E011;
    --dv-blue: #041E37;
    --dv-blue-light: #0a3154;
    --dv-text: #041E37;
    --dv-text-light: #596875;
    --dv-border: #e5e9ed;
    --dv-bg: #f6f8fa;
    --dv-white: #ffffff;

    width: 100%;
    font-family: inherit;
    box-sizing: border-box;
}

.driving-vacancies *,
.driving-vacancies *::before,
.driving-vacancies *::after {
    box-sizing: border-box;
}



.driving-vacancies__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    width: 100%;
}


/* =========================================================
   ОСНОВНАЯ КАРТОЧКА
   ========================================================= */

.driving-vacancy {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;

    background: var(--dv-white);
    border: 1px solid var(--dv-border);
    border-radius: 20px;

    box-shadow:
        0 8px 25px rgba(4, 30, 55, 0.06),
        0 2px 6px rgba(4, 30, 55, 0.03);

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

.driving-vacancy:hover {
    transform: translateY(-5px);

    border-color: rgba(249, 224, 17, 0.65);

    box-shadow:
        0 18px 45px rgba(4, 30, 55, 0.11),
        0 4px 12px rgba(4, 30, 55, 0.05);
}


/* =========================================================
   ВЕРХНЯЯ ЧАСТЬ КАРТОЧКИ
   ========================================================= */

.driving-vacancy__top {
    position: relative;
    overflow: hidden;

    padding: 34px 34px 31px;

    background: var(--dv-blue);

    border-bottom: 4px solid var(--dv-yellow);
}


/* Декоративный элемент */
.driving-vacancy__top::after {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    right: -70px;
    top: -90px;

    border-radius: 50%;

    background: rgba(249, 224, 17, 0.06);

    pointer-events: none;
}


/* Второй декоративный круг */
.driving-vacancy__top::before {
    content: "";

    position: absolute;

    width: 100px;
    height: 100px;

    right: 55px;
    bottom: -65px;

    border-radius: 50%;

    border: 1px solid rgba(249, 224, 17, 0.08);

    pointer-events: none;
}


/* =========================================================
   НОМЕР ВАКАНСИИ
   ========================================================= */

.driving-vacancy__number {
    position: absolute;

    top: 17px;
    right: 25px;

    z-index: 1;

    font-size: 64px;
    line-height: 1;
    font-weight: 800;

    letter-spacing: -3px;

    color: rgba(249, 224, 17, 0.11);

    pointer-events: none;
}


/* =========================================================
   БЕЙДЖ
   ========================================================= */

.driving-vacancy__badge {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 16px;
    padding: 7px 13px;

    background: var(--dv-yellow);
    color: var(--dv-blue);

    border-radius: 50px;

    font-size: 11px;
    line-height: 1;
    font-weight: 800;

    letter-spacing: 0.8px;
    text-transform: uppercase;
}


/* Точка в бейдже */
.driving-vacancy__badge::before {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    background: var(--dv-blue);

    border-radius: 50%;
}


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

.driving-vacancy__title {
    position: relative;
    z-index: 2;

    margin: 0 0 10px !important;
    padding: 0;

    color: #ffffff !important;

    font-size: 28px !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;

    letter-spacing: -0.5px;
}


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

.driving-vacancy__subtitle {
    position: relative;
    z-index: 2;

    margin: 0 !important;
    padding: 0;

    color: rgba(255, 255, 255, 0.72) !important;

    font-size: 15px !important;
    line-height: 1.55 !important;
    font-weight: 400;
}


/* =========================================================
   КОНТЕНТ КАРТОЧКИ
   ========================================================= */

.driving-vacancy__content {
    display: flex;
    flex-direction: column;
    flex: 1;

    padding: 30px 34px 34px;

    background: #ffffff;
}


/* =========================================================
   РАЗДЕЛ
   ========================================================= */

.driving-vacancy__section {
    margin: 0 0 28px;
    padding: 0;
}

.driving-vacancy__section:last-of-type {
    margin-bottom: 28px;
}


/* =========================================================
   ЗАГОЛОВКИ РАЗДЕЛОВ
   ========================================================= */

.driving-vacancy__heading {
    display: flex;
    align-items: center;

    gap: 11px;

    margin: 0 0 16px !important;
    padding: 0;

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

    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 750 !important;
}


/* Желтая вертикальная полоска */
.driving-vacancy__heading::before {
    content: "";

    display: block;

    width: 4px;
    height: 21px;

    flex: 0 0 4px;

    border-radius: 10px;

    background: var(--dv-yellow);
}


/* =========================================================
   СПИСКИ
   ========================================================= */

.driving-vacancy__list {
    display: flex;
    flex-direction: column;

    gap: 12px;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* =========================================================
   ЭЛЕМЕНТ СПИСКА
   ========================================================= */

.driving-vacancy__list li {
    position: relative;

    margin: 0 !important;
    padding: 0 0 0 26px;

    color: var(--dv-text-light);

    font-size: 14px;
    line-height: 1.65;

    list-style: none !important;
}


/* Желтый маркер */
.driving-vacancy__list li::before {
    content: "";

    position: absolute;

    top: 8px;
    left: 1px;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: var(--dv-yellow);

    box-shadow:
        0 0 0 4px rgba(249, 224, 17, 0.15);
}


/* =========================================================
   ВЫДЕЛЕННЫЙ ТЕКСТ
   ========================================================= */

.driving-vacancy__list strong {
    color: var(--dv-blue);

    font-weight: 750;
}


/* =========================================================
   НИЖНИЙ АКЦЕНТНЫЙ БЛОК
   ========================================================= */

.driving-vacancy__highlight {
    position: relative;

    margin-top: auto;

    padding: 19px 20px 19px 22px;

    background: var(--dv-bg);

    border: 1px solid var(--dv-border);
    border-radius: 13px;

    overflow: hidden;
}


/* Желтая полоска слева */
.driving-vacancy__highlight::before {
    content: "";

    position: absolute;

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

    width: 4px;

    background: var(--dv-yellow);
}


/* =========================================================
   ЗАГОЛОВОК АКЦЕНТНОГО БЛОКА
   ========================================================= */

.driving-vacancy__highlight-title {
    margin: 0 0 6px !important;
    padding: 0;

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

    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 750 !important;
}


/* =========================================================
   ТЕКСТ АКЦЕНТНОГО БЛОКА
   ========================================================= */

.driving-vacancy__highlight-text {
    margin: 0 !important;
    padding: 0;

    color: var(--dv-text-light) !important;

    font-size: 13px !important;
    line-height: 1.55 !important;
}


/* =========================================================
   АДАПТИВ — ПЛАНШЕТ
   ========================================================= */

@media (max-width: 1024px) {

    .driving-vacancies__grid {
        gap: 20px;
    }

    .driving-vacancy__top {
        padding: 29px 27px 27px;
    }

    .driving-vacancy__content {
        padding: 27px 27px 29px;
    }

    .driving-vacancy__title {
        font-size: 25px !important;
    }

    .driving-vacancy__number {
        font-size: 56px;
        right: 20px;
    }
}


/* =========================================================
   АДАПТИВ — МОБИЛЬНЫЕ
   ========================================================= */

@media (max-width: 767px) {

    .driving-vacancies__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .driving-vacancy {
        border-radius: 16px;
    }

    .driving-vacancy__top {
        padding: 27px 23px 25px;
        border-bottom-width: 3px;
    }

    .driving-vacancy__content {
        padding: 25px 23px 27px;
    }

    .driving-vacancy__title {
        max-width: 80%;

        font-size: 23px !important;
        line-height: 1.2 !important;
    }

    .driving-vacancy__subtitle {
        max-width: 90%;

        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .driving-vacancy__number {
        top: 18px;
        right: 18px;

        font-size: 50px;
    }

    .driving-vacancy__heading {
        font-size: 16px !important;
    }

    .driving-vacancy__list {
        gap: 11px;
    }

    .driving-vacancy__list li {
        font-size: 14px;
        line-height: 1.6;
    }

    .driving-vacancy__highlight {
        padding: 17px 17px 17px 20px;
    }
}


/* =========================================================
   АДАПТИВ — МАЛЕНЬКИЕ ТЕЛЕФОНЫ
   ========================================================= */

@media (max-width: 480px) {

    .driving-vacancy__top {
        padding: 24px 20px 22px;
    }

    .driving-vacancy__content {
        padding: 23px 20px 24px;
    }

    .driving-vacancy__badge {
        margin-bottom: 13px;
        padding: 6px 11px;

        font-size: 10px;
    }

    .driving-vacancy__title {
        font-size: 21px !important;
    }

    .driving-vacancy__subtitle {
        font-size: 13px !important;
    }

    .driving-vacancy__number {
        font-size: 43px;
        right: 15px;
        top: 16px;
    }

    .driving-vacancy__section {
        margin-bottom: 24px;
    }

    .driving-vacancy__heading {
        margin-bottom: 14px !important;
        font-size: 15px !important;
    }

    .driving-vacancy__list li {
        padding-left: 23px;

        font-size: 13.5px;
    }

    .driving-vacancy__highlight-title {
        font-size: 13px !important;
    }

    .driving-vacancy__highlight-text {
        font-size: 12.5px !important;
    }
}


/* =========================================================
   ОТКЛЮЧЕНИЕ HOVER НА ТАЧ-УСТРОЙСТВАХ
   ========================================================= */

@media (hover: none) {

    .driving-vacancy:hover {
        transform: none;

        box-shadow:
            0 8px 25px rgba(4, 30, 55, 0.06),
            0 2px 6px rgba(4, 30, 55, 0.03);
    }
}/* End custom CSS */