body h2, h3, h4
.entry-content h2, h3, h4, 
.page-template-page_canvas h2, h3, h4, 
.page-template-page_fullwidth h2, h3, h4 {
    /* Міжрядковий відступ та відстань між словами */
    line-height: 1.25 !important;
    word-spacing: normal !important; /* Скидає специфічні зсуви між словами */
    letter-spacing: 0 !important;   /* Фіксує однакову відстань між літерами */
    
    /* Скидання дефолтних зовнішніх відступів теми */
    margin-top: 0 !important;
    margin-bottom: 10px !important; /* Однотипний відступ під заголовком */
    padding: 0 !important;
}
.shfb-component-mobile_hamburger .menu-toggle .sydney-svg-icon {
    display: inline-block !important;
    width: 32px !important;  
    height: 22px !important; 
    margin-right: 20px !important; 
}

.shfb-component-mobile_hamburger .menu-toggle .sydney-svg-icon svg {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    display: block !important;
}
.shfb-component-mobile_hamburger .menu-toggle .sydney-svg-icon svg rect {
    fill: #3c4dc5 !important; 
}
/* Десктоп та мобільні: Логотип зверху, текст під ним */
.site-branding {
    display: flex !important;
    flex-direction: column !important; /* Розміщує елементи один під одним */
    align-items: flex-start !important; /* Вирівнювання по лівому краю логотипа */
    gap: 4px !important; /* Відступ між логотипом та текстом */
}

/* Налаштування блоку з текстом */
.site-branding > div {
    display: flex;
    flex-direction: column;
}

/* Заголовок (Personalvermittlung) */
.site-branding .site-title {
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    font-size: 18px !important; /* За потреби можна трохи збільшити, оскільки місця стало більше */
    line-height: 1.2 !important;
}

.site-branding .site-title a {
    text-decoration: none;
    color: inherit;
}

/* Підзаголовок (im Gesundheitswesen) */
.site-branding .site-description {
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
}
#primary-menu.sydney-dropdown-ul {
    flex-wrap: nowrap !important;
}

/* Щоб текст самих пунктів гарантовано не розривався на два рядки */
#primary-menu.sydney-dropdown-ul > li {
    white-space: nowrap;
}

.shfb-column.shfb-column-2 {
    flex-grow: 1 !important;
    width: auto !important; 
}
#site-navigation.sydney-dropdown .sydney-dropdown-ul > li > a {
    padding-left: 1px !important;
    padding-right: 1px !important;
 margin-left: 1px !important;
    margin-right: 1px !important;
}
/* 1. Зменшення шрифту та внутрішніх відступів посилань */
#site-navigation.sydney-dropdown #primary-menu > li > a {
    font-size: 15px !important; /* Можна зменшити до 12px, якщо все ще тісно */
font-weight: bold !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/* 2. Зменшення зовнішніх відступів самих елементів списку */
#site-navigation.sydney-dropdown #primary-menu > li {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 3. Зменшення розміру стрілочок випадаючого меню та відступу біля них */
#site-navigation.sydney-dropdown #primary-menu .dropdown-symbol {
    margin-left: 3px !important;
}

#site-navigation.sydney-dropdown #primary-menu .dropdown-symbol svg {
stroke: currentColor !important;
    stroke-width: 45px !important;
    width: 10px !important;
    height: 10px !important;
}

/* 4. Запобігання переносу тексту в пунктах */
#primary-menu.sydney-dropdown-ul > li {
    white-space: nowrap !important;
}
/* Збільшення шрифту для пунктів випадаючого меню */
#site-navigation.sydney-dropdown #primary-menu .sub-menu li a {
    font-size: 18px !important; /* Вкажи бажаний розмір (наприклад, 14px або 15px) */
    font-weight: 500 !important; /* За потреби можна зробити трохи виразнішим */
    padding-top: 10px !important; /* Комфортні відступи зверху та знизу для клікабельності */
    padding-bottom: 10px !important;
}

/* Запобігання переносу довгих слів у підменю */
#site-navigation.sydney-dropdown #primary-menu .sub-menu li {
    white-space: nowrap !important;
}
#site-navigation.sydney-dropdown #primary-menu > li.current-menu-item > a,
#site-navigation.sydney-dropdown #primary-menu > li.current_page_item > a,
#site-navigation.sydney-dropdown #primary-menu > li.current-menu-ancestor > a {
color: #3c4dc5 !important;
}

/* ???? ???????? ????? ?????????? ????????? ??????????? ???? ????????? ??????? */
#site-navigation.sydney-dropdown #primary-menu > li.current-menu-item .dropdown-symbol svg,
#site-navigation.sydney-dropdown #primary-menu > li.current-menu-ancestor .dropdown-symbol svg {
    fill: #3c4dc5 !important;
}
/* Прив'язуємо відлік позиції до всієї шапки / колонки */
.shfb-builder-item.shfb-component-menu {
    position: static !important;
}

#site-navigation.sydney-dropdown #primary-menu > li.menu-item-has-children {
    position: relative !important;
}

/* Опускаємо sub-menu нижче та додаємо смугу */
#site-navigation.sydney-dropdown #primary-menu .sub-menu {
    top: 100% !important;
    margin-top: 27px !important; /* Регулюй це значення (15px-25px), щоб вирівняти точно по нижній лінії шапки */
    border-top: 1px solid #3c4dc5 !important;
}

/* Створюємо невидимий "палач" (місток), щоб при переведенні курсору миші меню не зникало */
#site-navigation.sydney-dropdown #primary-menu > li.menu-item-has-children::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    height: 30px;
}
/* Контейнер верхньої панелі */
.top-header-info {
    display: flex;
    align-items: center;
    gap: 15px; /* Відступ між елементами */
    font-size: 13px;
    font-weight: 500;
}

/* Примусова фіксація кольору для посилань (і звичайних, і відвіданих) */
.top-header-info a.top-info-link,
.top-header-info a.top-info-link:visited,
.top-header-info a.top-info-link:active,
.top-header-info a.top-info-link:focus {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    
    text-decoration: none !important;
    transition: color 0.2s ease;
}

/* Колір при наведенні курсору */
.top-header-info a.top-info-link:hover {
    color: #3c4dc5 !important; /* Змінюється на фірмовий синій при ховері */
}

/* Налаштування іконок */
.top-header-info .top-info-icon {
    width: 14px;
    height: 14px;
    fill: currentColor; /* Іконка автоматично бере колір тексту */
    flex-shrink: 0;
}

/* Розділювач (паличка між поштою і телефоном) */
.top-info-divider {
    color: #cccccc;
}
/* Контейнер верхньої панелі */
.top-header-info {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 13px;
    font-weight: 500;
}

/* Фіксація кольору посилань */
.top-header-info a.top-info-link,
.top-header-info a.top-info-link:visited,
.top-header-info a.top-info-link:active,
.top-header-info a.top-info-link:focus {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.top-header-info a.top-info-link:hover {
    color: #3c4dc5 !important;
}

/* Загальні стилі для іконок через ::before */
.top-header-info a.top-info-link::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #3c4dc5 !important;
    flex-shrink: 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Іконка конверта */
/* Нова суцільна (filled) іконка конверта */
.top-header-info a.email-icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
}

/* Іконка телефону */
.top-header-info a.phone-icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.053 15.053 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.053 15.053 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
}

/* Розділювач */
.top-info-divider {
    color: #cccccc;
}

/* Контейнер блоку */
.hero-title-block {
    position: relative !important;
    display: block !important;
margin-top: 60px !important;
    margin-left: 60px !important;
    padding: 20px 0 0 0 !important;
}

/* Плюс: висітиме чітко зліва від першого слова */
.hero-title-block .hero-plus {
    position: absolute !important;
    top: -55px !important;
    left: -44px !important;
    font-size: 120px !important;
    font-weight: 100 !important;
    color: #3c4dc5 !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Загальні стилі для кожного рядка слова */
.hero-title .title-line {
    font-size: 58px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    
    /* Жорстке придушення розривів теми */
    line-height: 0.82 !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important; /* Негативний margin примусово стулить слова до купи */
    padding: 0 !important;
    height: auto !important;
}
@media (max-width: 768px) {
.hero-title-block {
    position: relative !important;
    display: block !important;
margin-top: 40px !important;
    margin-left: 10% !important;
    padding: 20px 0 0 0 !important;
}

.hero-title-block .hero-plus {
    position: absolute !important;
    top: -55px !important;
    left: -48px !important;
    font-size: 100px !important;
    font-weight: 100 !important;
    color: #3c4dc5 !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.hero-title .title-line {
    font-size: 32px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
     line-height: 0.82 !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important; /* Негативний margin примусово стулить слова до купи */
    padding: 0 !important;
    height: auto !important;
}
}


/* Кольори */
.hero-title .light-text {
    color: #7f8aac !important;
}

.hero-title .dark-text {
    color: #3c4dc5 !important;
}

/* Додатковий відступ лише МІЖ першим блоком (VERBINDEN) і другим (ZUKUNFT) */
.hero-title .title-line.spacer {
    margin-top: 18px !important;
}
/* Контейнер блоку2 */
.hero-title-block2 {
    position: relative !important;
    display: block !important;
margin-top: -80px !important;
margin-bottom: 160px !important;
    margin-left: 60px !important;
    padding: 20px 0 0 0 !important;
}

/* Плюс: висітиме чітко зліва від першого слова */
.hero-title-block2 .hero-plus2 {
    position: absolute !important;
    top: -55px !important;
    left: -44px !important;
    font-size: 120px !important;
    font-weight: 100 !important;
    color: #3c4dc5 !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Загальні стилі для кожного рядка слова */
.hero-title2 .title-line2 {
    font-size: 58px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    
    /* Жорстке придушення розривів теми */
    line-height: 0.82 !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important; /* Негативний margin примусово стулить слова до купи */
    padding: 0 !important;
    height: auto !important;
}
.hero-title2 .light-text2 {
	    color: #7f8aac !important;
		-webkit-text-stroke: 0.5px #cccccc;
		paint-order: stroke fill;
}

.hero-title2 .dark-text2 {
    color: #3c4dc5 !important;
	-webkit-text-stroke: 0.5px #cccccc;
	paint-order: stroke fill;
}
@media (max-width: 768px) {
.hero-title-block2 {
    position: relative !important;
    display: block !important;
margin-top: -150px !important;
    margin-left: 3% !important;
    padding: 20px 0 0 0 !important;
}

.hero-title-block2 .hero-plus2 {
    position: absolute !important;
    top: 255px !important;
    left: -44px !important;
    font-size: 100px !important;
    font-weight: 100 !important;
    color: #3c4dc5 !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.hero-title2 .title-line2 {
	    font-size: 32px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
     line-height: 0.82 !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important; /* Негативний margin примусово стулить слова до купи */
    padding: 0 !important;
    height: auto !important;
}
.hero-title2 .light-text2 {
	position: relative !important;
    top: 300px !important;
	    color: #212121 !important;
}

.hero-title2 .dark-text2 {
	position: relative !important;
    top: 300px !important;
	 font-weight: 700 !important;
    color: #3c4dc5 !important;
}
}


/* Додатковий відступ лише МІЖ першим блоком (VERBINDEN) і другим (ZUKUNFT) */
.hero-title2 .title-line2.spacer2 {
    margin-top: 18px !important;
}

/* Батьківський контейнер (колонки), щоб усі блоки були 100% однієї висоти */
.elementor-widget-wrap, 
.shfb-column {
    display: flex !important;
    align-items: stretch !important;
}

.block {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    
    /* Фіксована однакова висота для всіх трьох блоків */
    height: 90px !important; 
    box-sizing: border-box !important;

    /* М'який діагональний градієнт: додаємо темнішу глибину знизу (#2d3ba8), щоб колір "грав" */
   background: linear-gradient(to bottom, #7db9e8   0%, #3c4dc5 100%);

    
    /* Тінь та легкі закруглення додадуть блокам акуратного сучасного вигляду */
    border-radius: 4px !important;
    box-shadow: 0 4px 14px rgba(60, 77, 197, 0.15) !important;
    
    /* Стилі тексту */
    color: #ffffff !important;
     font-size: 22px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    line-height: 1.2 !important;
    letter-spacing: 0.5px !important;
    padding: 10px 15px !important;
    text-decoration: none !important;
    
    transition: all 0.3s ease !important;
}

/* Ефект при наведенні миші */
.block:hover {
    background: linear-gradient(135deg, #3c4dc5 0%, #2d3ba8 100%) !important;
    transform: translateY(-2px) !important; /* Легке підняття при ховері */
    box-shadow: 0 6px 18px rgba(60, 77, 197, 0.25) !important;
}

.block2 {
    position: relative !important;
   clip-path: polygon(0 0, 50% 80px, 100% 0, 100% 100%, 0 100%) !important;
    background: linear-gradient(to bottom, #7db9e8   0%, #3c4dc5 100%) !important;
    padding-top: 100px !important;
    padding-bottom: 70px !important;
    color: #ffffff !important;
}
.block3 {
    position: relative !important;
   clip-path: polygon(0 0, 100% 0, 100% calc(100% - 90px), 50% 100%, 0 calc(100% - 90px)) !important;
    background: linear-gradient(to bottom, #7db9e8 0%, #3c4dc5 100%) !important;
    padding-top: 60px !important;
    padding-bottom: 120px !important; 
    color: #ffffff !important;
    text-align: left !important; 
}
.line {
position: relative;
display: flex;
width: 30%;
height: 8px;
background-color: #3c4dc5;
margin: 20px 0;
}
.line2 {
    display: block !important;
    width: 30% !important;
    height: 8px !important;
    background-color: #3c4dc5 !important;
     margin-left: auto !important;
    margin-right: 0 !important;
    margin-bottom: 40px !important;
}
.line1 {
    display: block !important;
    width: 100% !important;
    height: 3px !important;
    background-color: #3c4dc5 !important;
     margin-left: auto !important;
    margin-right: 0 !important;
}
/* Закріплена кнопка справа (Десктоп) */
.sticky-contact-btn {
    position: fixed !important;
    right: 0 !important;
    top: 35% !important;
    transform: translateY(-50%) !important;
    z-index: 9999 !important;
    
    background-color: #3c4dc5 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    
    padding: 16px 20px !important;
    border-radius: 8px 0 0 8px !important; /* Закруглення тільки зліва */
    box-shadow: -4px 4px 15px rgba(0, 0, 0, 0.15) !important;
    
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
}

.sticky-btn-text {
       font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-align: left !important;
}

.sticky-btn-text strong {
    font-weight: 800 !important;
    font-size: 17px !important;
}

/* Ефект при наведенні миші */
.sticky-contact-btn:hover {
    background-color: #2d3ba8 !important;
    padding-left: 25px !important; /* Легке висування ліворуч */
    box-shadow: -6px 6px 20px rgba(0, 0, 0, 0.25) !important;
}

/* Мобільна версія (смартфони та планшети) */
@media (max-width: 768px) {
    .sticky-contact-btn {
		width: 100% !important;
        top: auto !important;
        bottom: 4px !important; /* Переносимо вниз екрана */
        right: 0px !important;
        transform: none !important;
        
        border-radius: 0px !important; /* Перетворюємо на круглу/овальну плаваючу кнопку */
        padding: 16px 20px !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
    }
    
    .sticky-btn-text {
        font-size: 16px !important;
        text-align: center !important;
    }
    
    .sticky-btn-text br {
        display: none !important; /* На мобільному текст стає в один рядок */
    }
    
    .sticky-btn-text strong {
        margin-right: 4px;
    }
}
/* Основна обгортка секції */
.overlap-card-section {
    position: relative;
    padding: 60px 20px 40px 20px;
    max-width: 1340px;
    margin: 0 auto;
}

/* Синій градієнтний блок (задній фон) */
.overlap-card-bg {
    position: relative;
    background: linear-gradient(to bottom, #7db9e8   0%, #3c4dc5 100%) !important;
    display: flex;
	width: 97%;
	overlow: hidden;
    align-items: center;
    padding: 40px 0; /* Лівий padding 0 під виступаюче фото */
    margin-left: 10px; /* Зсув блоку вправо, щоб фото виглядало зліва */
    border-radius: 4px;
	}

/* Обгортка фото із від'ємними відступами (виступ за межі) */
.overlap-card-img-wrap {
    flex: 0 0 60%;
    max-width: 60%;
    margin-left: -220px; /* Виштовхує фото ліворуч за межі синього блоку */
    margin-top: -190px;  /* Виштовхує фото вгору за межі синього блоку */
    margin-bottom: -20px;
    z-index: 2;
}

/* Стилі самісінького зображення */
.overlap-card-img {
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); /* Легка тінь як на макеті */
    object-fit: cover;
}

/* Контентна частина з текстом */


/* Заголовок всередині плашки */
.overlap-card-title {
    color: #ffffff !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
	margin-left: 100px !important;
    margin-bottom: 25px !important;
    line-height: 1.2 !important;
}

/* Список */
.overlap-card-list {
	margin-left: 100px !important;
    color: #ffffff !important;
    padding-left: 20px;
    margin: 0;
}

.overlap-card-list li {
    font-size: 20px !important;
    line-height: 1.5 !important;
    margin-bottom: 18px !important;
    color: #ffffff !important;
}

.overlap-card-list li strong {
    font-weight: 700 !important;
    color: #ffffff !important;
}

/* ==========================================
   МОБІЛЬНА ВЕРСІЯ (як на скріншоті 3.png)
   ========================================== */
@media (max-width: 768px) {
    .overlap-card-section {
		width: 100% !important;
        padding: 10px 5px;
    }

    .overlap-card-bg {
		width: 100%;
        flex-direction: column !important;
        margin-left: 0 !important; /* Скидаємо зсув */
        padding: 20px 10px !important; /* Фото і текст всередині плашки */
        text-align: center;
    }

    .overlap-card-img-wrap {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 25px !important;
        width: 100%;
    }

    .overlap-card-img {
        margin: 0 auto;
        max-width: 90%; /* Фото по центру */
    }

    .overlap-card-content {
       
        width: 100% !important;
        padding-left: 0 !important;
        text-align: left;
    }
    
    .overlap-card-title {
        text-align: left;
		margin-top: -40px !important;
		margin-left: 20px !important;
        font-size: 28px !important;
		
    }
	.overlap-card-list {
	margin-left: 10px !important;
    color: #ffffff !important;
    padding-left: 20px;
    margin: 0;
}
}
/* Контейнер усієї секції */
.features-grid-section {
    padding: 50px 0px;
    margin: 0 auto;
}

/* Сітка на 4 колонки */
.features-grid-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 3px !important;
}

/* Картка переваги */
.feature-card {
    flex: 1 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Загальні стилі для іконок */
/* Збільшуємо розмір іконки та задаємо синій контур */
.feature-icon {
    width: 80px;  /* Збільшено з 64px */
    height: 80px; /* Збільшено з 64px */
    background-color: #3c4dc5 !important;
    margin-bottom: 20px;
    flex-shrink: 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* 1. Повітряна контурна Лампочка */
.icon-lightbulb {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233c4dc5' stroke-width='0.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1.3.5 2.6 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233c4dc5' stroke-width='0.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1.3.5 2.6 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3C/svg%3E");
}

/* 2. Повітряний контурний Сертифікат/B2 */
.icon-certificate {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233c4dc5' stroke-width='0.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233c4dc5' stroke-width='0.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E");
}

/* 3. Повітряна контурна Медаль / Знак якості */
.icon-badge {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233c4dc5' stroke-width='0.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='7'/%3E%3Cpolyline points='8.21 13.89 7 23 12 20 17 23 15.79 13.88'/%3E%3Cpath d='m9 8 2 2 4-4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233c4dc5' stroke-width='0.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='7'/%3E%3Cpolyline points='8.21 13.89 7 23 12 20 17 23 15.79 13.88'/%3E%3Cpath d='m9 8 2 2 4-4'/%3E%3C/svg%3E");
}

/* 4. Повітряне Рукостискання / Серце */
.icon-handshake {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233c4dc5' stroke-width='0.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233c4dc5' stroke-width='0.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E");
}

/* Стилі заголовків картки */
.feature-title {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #3c4dc5 !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.2 !important;
}

/* Стилі підпису під заголовком */
.feature-text {
    font-size: 16px !important;
    color: #444444 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

/* Адаптивність для мобільних екранів */
@media (max-width: 768px) {
    /* 1. Перебудовуємо сітку у колонку та центруємо картки */
    .features-grid-container {
        flex-direction: column !important;
        align-items: center !important;
        gap: 40px !important;
    }

    /* 2. Вирівнюємо вміст кожної картки строго по центру */
    .feature-card {
        width: 100% !important;
        align-items: center !important;
        text-align: center !important;
    }

    /* 3. Центруємо самі іконки */
    .feature-icon {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
/* Контейнер рамки */
.advantage-box-wrapper {
    position: relative !important;
    border: 2px solid #3c4dc5 !important; /* Фірмова синя рамка */
    border-radius: 4px;
    padding: 70px 40px 80px 40px !important;
    max-width: 1200px;
    margin: 40px auto !important;
    background-color: #ffffff;
}

/* Іконка Щита з галочкою по центру верхньої лінії */
.advantage-shield-icon {
    position: absolute !important;
    top: -26px !important; /* Налізає строго на верхню рамку */
    left: 10% !important;  /* На макеті іконка зміщена лівіше, можна змінити на 50% для центрування */
    width: 48px;
    height: 52px;
    background-color: #ffffff !important; /* Прорізає рамку білим фоном */
    border: 2px solid #3c4dc5 !important;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

/* SVG-галочка всередині щита */
.advantage-shield-icon::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-color: #3c4dc5 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* Заголовок всередині рамки */
.advantage-box-title {
     font-size: 26px !important;
    font-weight: 600 !important;
    color: #3c4dc5 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin-bottom: 35px !important;
    letter-spacing: 0.5px !important;
}

/* Сітка для списку (2 колонки) */
.advantage-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px 40px !important;
}

/* Кожен пункт списку (займає 50% ширини мінус gap) */
.advantage-list li {
    flex: 0 0 calc(50% - 20px) !important;
    box-sizing: border-box;
    position: relative !important;
    padding-left: 28px !important;
    font-size: 18px !important;
    line-height: 1.45 !important;
    color: #212121 !important;
}

/* Плюс замість звичайної крапки */
.advantage-list li::before {
    content: "+" !important;
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    color: #3c4dc5 !important; /* Червоний плюс як на прикладі (або #3c4dc5 якщо потрібен синій) */
    font-weight: 800 !important;
    font-size: 22px !important;
    line-height: 1 !important;
}
.advantage-list2 {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px 40px !important;
}

/* Кожен пункт списку (займає 50% ширини мінус gap) */
.advantage-list2 li {
    flex: 0 0 calc(100% - 20px) !important;
    box-sizing: border-box;
    position: relative !important;
    padding-left: 28px !important;
    font-size: 18px !important;
    line-height: 1.45 !important;
    color: #212121 !important;
}

/* Плюс замість звичайної крапки */
.advantage-list2 li::before {
    content: "+" !important;
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    color: #3c4dc5 !important; /* Червоний плюс як на прикладі (або #3c4dc5 якщо потрібен синій) */
    font-weight: 800 !important;
    font-size: 22px !important;
    line-height: 1 !important;
}
/* ==========================================
   МОБІЛЬНА ВЕРСІЯ
   ========================================== */
@media (max-width: 768px) {
    .advantage-box-wrapper {
        padding: 40px 20px 25px 20px !important;
        margin: 30px 10px !important;
    }
    
    .advantage-shield-icon {
        left: 50% !important;
        transform: translateX(-50%) !important; /* На мобільних щит строго по центру */
    }
    
    .advantage-list {
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    .advantage-list li {
        flex: 0 0 100% !important;
    }

    .advantage-box-title {
        font-size: 20px !important;
    }
}
.borderblue {
	font-weight: 600;
	padding: 40px 0;
	color: #3c4dc5;
border: 4px solid #3c4dc5;
}
.borderblue2 {
	font-weight: 600;
	padding: 20px 0 5px 0;
	color: #3c4dc5;
border: 4px solid #3c4dc5;
}
/* ==========================================
   ВИРАВНЮВАННЯ КАРТОК ТА ПЛАШКА КАТЕГОРІЇ
   ========================================== */

/* 1. Жорстке вирівнювання карточок по верхньому краю */
.posts-layout .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important; /* Гарантує однакову висоту та лінію верху */
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.posts-layout article.post {
    display: flex !important;
    float: none !important;
    margin-bottom: 30px !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
    align-self: stroke !important;
}

/* 2. Контейнер картки як точка відліку для абсолютних елементів */
.posts-layout article.post .content-inner {
    position: relative !important;
    background: #ffffff !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07) !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    padding-bottom: 20px !important;
    box-sizing: border-box !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.posts-layout article.post:hover .content-inner {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 25px rgba(60, 77, 197, 0.15) !important;
}

/* 3. Блок зображення */
.posts-layout .entry-thumb {
    position: relative !important;
    margin-bottom: 20px !important;
    overflow: hidden !important;
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
}

.posts-layout .entry-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* 4. Винесення категорії НА фотографію (нижній правий кут картинки) */
.posts-layout .cat-links {
    position: absolute !important;
    top: 220px !important; /* Висота розміщення плашки поверх картинки */
    right: 0 !important;
    z-index: 10 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.posts-layout .cat-links a {
    display: inline-block !important;
    background-color: #7f8aac !important; /* Твій світло-синій колір */
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 5px 12px !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    border-radius: 2px 0 0 2px !important;
}

/* 5. Заголовок */
.posts-layout .entry-header {
    padding: 0 20px !important;
    margin-bottom: 12px !important;
}

.posts-layout .entry-title {
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}

.posts-layout .entry-title a {
    color: #222222 !important;
    text-decoration: none !important;
}

.posts-layout .entry-title a:hover {
    color: #3c4dc5 !important;
}

/* 6. Уривок та кнопка */
.posts-layout .entry-post {
    padding: 0 20px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

.posts-layout .entry-post p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #666666 !important;
    margin-bottom: 20px !important;
}

.posts-layout .entry-post a.read-more {
    display: inline-block !important;
    background-color: #3c4dc5 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 9px 20px !important;
    text-decoration: none !important;
    border-radius: 3px !important;
    width: fit-content !important;
    margin-top: auto !important;
}

/* 7. Нижній рядок метаданих (без дублювання категорії) */
.posts-layout .entry-meta {
    padding: 12px 20px 0 20px !important;
    font-size: 12px !important;
    color: #888888 !important;
    border-top: 1px solid #f0f0f0 !important;
    margin-top: 15px !important;
    display: flex !important;
    gap: 10px !important;
}

/* ==========================================
   АДАПТИВНІСТЬ
   ========================================== */
@media (max-width: 991px) {
    .posts-layout article.post {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

@media (max-width: 767px) {
    .posts-layout article.post {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
/* Перетворюємо заголовок архіву на повноширинний баннер */
.archive .page-header.archive-header,
.blog .page-header {
    background: linear-gradient(to bottom, #7db9e8   0%, #3c4dc5 100%);!important;
    padding: 100px 20px !important;
    text-align: center !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-bottom: 150px !important;
    box-sizing: border-box !important;
}

/* Великий заголовок BLOG */
.archive .page-header .archive-title,
.blog .page-header .page-title {
    color: #ffffff !important;
      font-size: 48px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    margin: 0 0 10px 0 !important;
    letter-spacing: 1px !important;
}

/* Ховаємо слово "Категорія:" або префікси Sydney, залишаючи чистий текст */
.archive .page-header .archive-title span {
    color: #ffffff !important;
}

/* Додаємо підзаголовок під словом BLOG через CSS pseudo-element */
.archive .page-header::after,
.blog .page-header::after {
    content: "Willkommen in unserem Wissensbereich!" !important;
    display: block !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    margin-top: 8px !important;
}
/* ==========================================
   СТИЛІЗАЦІЯ RELATED POSTS (СХОЖІ СТАТТІ)
   ========================================== */

/* Загальний контейнер блоку */
.sydney-related-posts {
    margin-top: 50px !important;
    padding-top: 40px !important;
    border-top: 2px solid #f0f0f0 !important;
}

/* Заголовок "Related Posts" */
.sydney-related-posts h3 {
      font-size: 26px !important;
    font-weight: 800 !important;
    color: #3c4dc5 !important;
    text-transform: uppercase !important;
    margin-bottom: 30px !important;
    text-align: left !important;
}

/* Скидання та вирівнювання сітки */
.sydney-related-posts .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.sydney-related-posts .col-md-4 {
    display: flex !important;
    float: none !important;
    margin-bottom: 30px !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
}

/* Біла картка схожого поста */
.sydney-related-posts .related-post {
    background: #ffffff !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07) !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    overflow: hidden !important;
    padding-bottom: 20px !important;
    box-sizing: border-box !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.sydney-related-posts .related-post:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 25px rgba(60, 77, 197, 0.15) !important;
}

/* Обгортка зображення */
.sydney-related-posts .entry-thumb {
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
    overflow: hidden !important;
    margin-bottom: 15px !important;
}

.sydney-related-posts .entry-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Метадані (Дата) */
.sydney-related-posts .entry-meta {
    padding: 0 20px !important;
    font-size: 12px !important;
    color: #888888 !important;
    margin-bottom: 8px !important;
}

.sydney-related-posts .entry-meta a {
    color: #888888 !important;
    text-decoration: none !important;
}

/* Заголовок схожої статті */
.sydney-related-posts .entry-title {
    padding: 0 20px !important;
     font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
}

.sydney-related-posts .entry-title a {
    color: #222222 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.sydney-related-posts .entry-title a:hover {
    color: #3c4dc5 !important;
}

/* Адаптивність для мобільних */
@media (max-width: 767px) {
    .sydney-related-posts .col-md-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
/* ==========================================
   СТИЛІЗАЦІЯ АКОРДЕОНА (SITEORIGIN ACCORDION)
   ========================================== */

/* ==========================================
   ФІКС ТОПОВЩИНИ РАМКИ ТА ІКОНОК
   ========================================== */

/* 1. Синій колір для іконок + та - */
.sow-accordion-open-close-button .sow-icon-ionicons,
.sow-accordion-open-button span,
.sow-accordion-close-button span {
    color: #3c4dc5 !important;
}

/* 2. Фіксуємо рівномірну зовнішню рамку 2px навколо кожної панелі */
.sow-accordion-panel {
	padding: 15px 0;
    border: 2px solid #3c4dc5 !important;
    border-radius: 4px !important;
    margin-bottom: 25px !important;
    overflow: hidden !important;
}

/* 3. Повністю прибираємо внутрішні рамки, щоб вони не змінювали товщину */
.sow-accordion-panel-header,
.sow-accordion-panel-header-container,
.sow-accordion-panel-content,
.sow-accordion-panel-border {
    border: none !important;
    box-shadow: none !important;
}
/* ==========================================
   БЛОК ЦИТАТИ (ФІКС ЗНАКІВ ПИТАННЯ ТА ЛАПОК)
   ========================================== */

.qmarck {
    position: relative !important;
    max-width: 1100px !important;
    margin: 10px auto !important;
    padding: 20px 80px !important; /* Надійні відступи, щоб лапки не налізали на текст */
    
    font-style: italic !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
    color: #333333 !important;
    box-sizing: border-box !important;
}

/* 1. Векторна лапка зліва зверху (SVG) */
.qmarck::before {
    content: "" !important;
    position: absolute !important;
    top: -10px !important;
    left: 0 !important;
    width: 45px !important;
    height: 40px !important;
    background-color: #3c4dc5 !important; /* Твій фірмовий синій */
    
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* 2. Векторна лапка справа знизу (SVG) */
.qmarck::after {
    content: "" !important;
    position: absolute !important;
    bottom: -10px !important;
    right: 0 !important;
    width: 45px !important;
    height: 40px !important;
    background-color: #3c4dc5 !important;
    
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.983 3v7.391c0 5.704-3.731 9.57-8.983 10.609l-.995-2.151c2.432-.917 3.995-3.638 3.995-5.849h-4v-10h9.983zm14.017 0v7.391c0 5.704-3.748 9.57-9 10.609l-.996-2.151c2.433-.917 3.996-3.638 3.996-5.849h-3.983v-10h9.983z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.983 3v7.391c0 5.704-3.731 9.57-8.983 10.609l-.995-2.151c2.432-.917 3.995-3.638 3.995-5.849h-4v-10h9.983zm14.017 0v7.391c0 5.704-3.748 9.57-9 10.609l-.996-2.151c2.433-.917 3.996-3.638 3.996-5.849h-3.983v-10h9.983z'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* Адаптивність для мобільних */
@media (max-width: 768px) {
    .qmarck {
        padding: 15px 45px !important;
    }
    
    .qmarck::before,
    .qmarck::after {
        width: 30px !important;
        height: 28px !important;
    }
}
/* ==========================================
   ФІКСОВАНОЮ НАВІГАЦІЯ (STICKY) ТА СТИЛІ
   ========================================== */

/* 1. Робимо всю ліву колонку з меню плаваючою при скролі */
@media (min-width: 992px) {
    #pgc-95-1-0, 
    .panel-grid-cell:has(.menu-side-menu-de-container) {
        position: sticky !important;
        top: 100px !important;
        align-self: flex-start !important;
        z-index: 10 !important;
    }
}

/* На мобільних меню повертається до звичайного потоку */
@media (max-width: 991px) {
    #pgc-95-1-0, 
    .panel-grid-cell:has(.menu-side-menu-de-container) {
        position: static !important;
        top: auto !important;
    }
}
/* 2. Оформлення списку меню */
#menu-side-menu-de {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Кожен пункт меню з тонкою лінією під ним */
#menu-side-menu-de li {
    position: relative !important;
    padding: 10px 0 10px 20px !important; /* Відступ для синьої крапки */
    border-bottom: 1.5px solid #7f8aac !important; /* Світло-синя лінія */
    margin: 0 !important;
}

/* 4. Синя крапка зліва від кожного пункту */
#menu-side-menu-de li::before {
    content: "." !important;
    position: absolute !important;
    left: 0 !important;
    top: 27% !important;
    transform: translateY(-50%) !important;
    color: #3c4dc5 !important; /* Фірмовий синій колір */
    font-size: 40px !important;
    line-height: 1 !important;
}

/* 5. Посилання пунктів меню */
#menu-side-menu-de li a {
    color: #444444 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    display: block !important;
    transition: color 0.2s ease !important;
}

#menu-side-menu-de li a:hover {
    color: #3c4dc5 !important;
}

/* 6. Точний точковий відступ для якорів (щоб заголовок вирівнювався навпроти) */
[id] {
    scroll-margin-top: 110px !important; /* Гарантує, що заголовок встане рівно під шапку */
}

/* ==========================================
   СТИЛІЗАЦІЯ КОНТАКТНОЇ ФОРМИ СФ7
   ========================================== */

/* 1. Синій колір для всіх підписів полів (Labels) */
.wpcf7 form label {
    color: #3c4dc5 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    margin-bottom: 6px !important;
    display: inline-block !important;
}

/* Червона зірочка для обов'язкових полів */
.wpcf7 form label span.wpcf7-form-control-wrap {
    color: #333333;
}

/* 2. Стилізація самих полів введення (input, select, textarea) */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea,
.iti__selected-flag {
    width: 100% !important;
    background-color: #f7f9fc !important; /* Світло-сірий фон як на макеті */
    border: 1px solid #dcdfe6 !important;
    border-radius: 3px !important;
    padding: 10px 14px !important;
    font-size: 16px !important;
    color: #333333 !important;
    box-sizing: border-box !important;
    height: 44px !important;
    transition: all 0.2s ease !important;
}

/* Ефект при фокусі на полі */
.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
    border-color: #3c4dc5 !important;
    background-color: #ffffff !important;
    outline: none !important;
}

/* 3. Сітка в дві колонки для Vorname / Nachname */
.cf7-row {
    display: flex !important;
    gap: 15px !important;
    margin-bottom: 15px !important;
}

.cf7-col {
    flex: 1 !important;
}

/* На мобільних вибудовуємо в одну колонку */
@media (max-width: 600px) {
    .cf7-row {
        flex-direction: column !important;
        gap: 0 !important;
    }
}

/* 4. Фікс для випадаючого поля телефону (intl-tel) */
.iti {
    width: 100% !important;
}

.iti__flag-container {
    padding: 1px !important;
}

.iti__selected-flag {
    border-right: 1px solid #dcdfe6 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    height: 100% !important;
}
/* Відштовхуємо текст та плейсхолдер управо від випадаючого меню країни */
.iti input[type="text"],
.iti input[type="tel"] {
    padding-left: 90px !important; /* Відступ під ширину випадаючої кнопки */
}

/* Переконуємося, що сама кнопка вибору країни не розтягує поле */
.iti__selected-flag {
    width: 80px !important;
}
.cf7-submit-right {
    text-align: right !important;
    margin-top: 20px !important;
}

/* Стилізація самісінької кнопки */
.cf7-submit-right .wpcf7-submit {
    background-color: #3c4dc5 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 12px 35px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

.cf7-submit-right .wpcf7-submit:hover {
    background-color: #2b39a3 !important;
}

/* На мобільних кнопка стає на всю ширину для зручності натискання */
@media (max-width: 600px) {
    .cf7-submit-right {
        text-align: center !important;
    }
    .cf7-submit-right .wpcf7-submit {
        width: 100% !important;
    }
}