.elementor-236 .elementor-element.elementor-element-51ba8ee{--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:0.85;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-236 .elementor-element.elementor-element-51ba8ee:not(.elementor-motion-effects-element-type-background), .elementor-236 .elementor-element.elementor-element-51ba8ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://neurosurgery.abdev.com.ua/wp-content/uploads/2026/06/contact-bg.webp");background-position:center center;background-size:cover;}.elementor-236 .elementor-element.elementor-element-51ba8ee::before, .elementor-236 .elementor-element.elementor-element-51ba8ee > .elementor-background-video-container::before, .elementor-236 .elementor-element.elementor-element-51ba8ee > .e-con-inner > .elementor-background-video-container::before, .elementor-236 .elementor-element.elementor-element-51ba8ee > .elementor-background-slideshow::before, .elementor-236 .elementor-element.elementor-element-51ba8ee > .e-con-inner > .elementor-background-slideshow::before, .elementor-236 .elementor-element.elementor-element-51ba8ee > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0B192C;--background-overlay:'';}.elementor-236 .elementor-element.elementor-element-7d3df28{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-236 .elementor-element.elementor-element-614a6b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 3px;}.elementor-236 .elementor-element.elementor-element-614a6b2 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:300;text-transform:uppercase;letter-spacing:0.5px;color:#FFFFFFDB;}.elementor-236 .elementor-element.elementor-element-dfb4586 .elementor-heading-title{font-family:"Play", Sans-serif;font-size:44px;font-weight:600;line-height:0.5em;color:#FFFFFF;}.elementor-236 .elementor-element.elementor-element-f250a26{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:80px 80px;--row-gap:80px;--column-gap:80px;--grid-auto-flow:row;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-236 .elementor-element.elementor-element-889c0e1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-236 .elementor-element.elementor-element-16b234f .elementor-heading-title{color:#0B192C;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-236 .elementor-element.elementor-element-b8f9e8f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;--e-icon-list-icon-size:12px;--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-236 .elementor-element.elementor-element-b8f9e8f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(14px/2);}.elementor-236 .elementor-element.elementor-element-b8f9e8f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(14px/2);}.elementor-236 .elementor-element.elementor-element-b8f9e8f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(14px/2);}.elementor-236 .elementor-element.elementor-element-b8f9e8f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-14px/2);}.elementor-236 .elementor-element.elementor-element-b8f9e8f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-14px/2);}.elementor-236 .elementor-element.elementor-element-b8f9e8f .elementor-icon-list-icon i{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-236 .elementor-element.elementor-element-b8f9e8f .elementor-icon-list-icon svg{fill:var( --e-global-color-text );transition:fill 0.3s;}.elementor-236 .elementor-element.elementor-element-b8f9e8f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-236 .elementor-element.elementor-element-b8f9e8f .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:15px;font-weight:300;}.elementor-236 .elementor-element.elementor-element-b8f9e8f .elementor-icon-list-text{color:#4A5568;transition:color 0.3s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-236 .elementor-element.elementor-element-524f0b3 .elementor-button{background-color:#008DDA00;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;letter-spacing:0.2px;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );padding:0px 0px 0px 0px;}.elementor-236 .elementor-element.elementor-element-2cfc53f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-236 .elementor-element.elementor-element-541c14f .elementor-heading-title{color:#0B192C;}.elementor-236 .elementor-element.elementor-element-0f65523{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;--e-icon-list-icon-size:12px;--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-236 .elementor-element.elementor-element-0f65523 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(14px/2);}.elementor-236 .elementor-element.elementor-element-0f65523 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(14px/2);}.elementor-236 .elementor-element.elementor-element-0f65523 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(14px/2);}.elementor-236 .elementor-element.elementor-element-0f65523 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-14px/2);}.elementor-236 .elementor-element.elementor-element-0f65523 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-14px/2);}.elementor-236 .elementor-element.elementor-element-0f65523 .elementor-icon-list-icon i{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-236 .elementor-element.elementor-element-0f65523 .elementor-icon-list-icon svg{fill:var( --e-global-color-text );transition:fill 0.3s;}.elementor-236 .elementor-element.elementor-element-0f65523 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-236 .elementor-element.elementor-element-0f65523 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:15px;font-weight:300;}.elementor-236 .elementor-element.elementor-element-0f65523 .elementor-icon-list-text{color:#4A5568;transition:color 0.3s;}.elementor-236 .elementor-element.elementor-element-7fb3f67 .elementor-button{background-color:#008DDA00;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;letter-spacing:0.2px;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-236 .elementor-element.elementor-element-f250a26{--grid-auto-flow:row;}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-236 .elementor-element.elementor-element-f250a26{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS for heading, class: .elementor-element-dfb4586 */.elementor-236 .elementor-element.elementor-element-dfb4586 span {
    color: #008DDA !important;
    position: relative;
    display: block;
    margin-top: 12px;
    margin-bottom: 12px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-524f0b3 */.elementor-236 .elementor-element.elementor-element-524f0b3 .elementor-button,
.premium-link-btn .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    transition: color 0.3s ease !important;
}


.elementor-236 .elementor-element.elementor-element-524f0b3 .elementor-button::after,
.premium-link-btn .elementor-button::after {
    content: "→";
    font-family: inherit;
    font-size: 16px;
    margin-left: 8px;
    margin-bottom:4px;
    line-height: 1;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.service-card:hover .premium-link-btn .elementor-button::after,
.elementor-236 .elementor-element.elementor-element-524f0b3:hover .elementor-button::after {
    transform: translateX(6px);
}


.elementor-236 .elementor-element.elementor-element-524f0b3 .elementor-button:hover,
.elementor-236 .elementor-element.elementor-element-524f0b3 .elementor-button:focus {
    background-color: transparent !important;
    color: #0076B8 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-889c0e1 */.network-contacts-section .location-card {
    position: relative;
    background-color: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 50px 45px !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    overflow: hidden; /* Чтобы проявляющееся фото не вылетало за скругленные углы */
    z-index: 1;
    
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* ==========================================
   МАГИЯ ХОВЕРА: КАРТОЧКА НАЛИВАЕТСЯ БЕЛЫМ
   ========================================== */
.network-contacts-section .location-card:hover {
    background-color: #FFFFFF !important;
    border-color: #008DDA !important;
    transform: translateY(-6px) !important;
    box-shadow: 0 30px 60px rgba(11, 25, 44, 0.2) !important;
}

/* ==========================================
   СОЗДАЕМ СЛОЙ ДЛЯ ФОТО В ПРАВОЙ ЧАСТИ КАРТОЧКИ
   ========================================== */
.network-contacts-section .location-card::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 45%; /* Фото занимает чуть меньше половины правой части */
    height: 100%;
    background-size: cover;
    background-position: center center;
    z-index: -1; /* Прячем за текст, но перед белым фоном */
    
    /* Изначально фото прозрачно и смещено чуть вправо для динамики */
    opacity: 0;
    transform: translateX(20px);
    
    transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* Привязываем конкретные картинки к карточкам */
.network-contacts-section .kyiv-card::after {
    background-image: url("https://neurosurgery.abdev.com.ua/wp-content/uploads/2026/06/kyiv1.webp");
}
.network-contacts-section .stryi-card::after {
    background-image: url("https://neurosurgery.abdev.com.ua/wp-content/uploads/2026/06/striy.webp");
}

/* ==========================================
   ЭФФЕКТ СЛИЯНИЯ С ФОНОМ (ГРАДИЕНТНАЯ МАСКА)
   ========================================== */
/* Накладываем на фото маску, которая плавно растворяет его слева направо */
.network-contacts-section .location-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;
    height: 100%;
    /* Градиент идет от чистого белого (цвета ховера карточки) до полной прозрачности */
    background: linear-gradient(to right, #FFFFFF 0%, rgba(255, 255, 255, 0) 40%) !important;
    z-index: 0;
    opacity: 0;
    transition: opacity 0.5s ease !important;
}

/* ==========================================
   АКТИВАЦИЯ ЭФФЕКТА ПРИ НАВЕДЕНИИ
   ========================================== */
.network-contacts-section .location-card:hover::after {
    opacity: 1;
    transform: translateX(0); /* Картинка плавно «въезжает» на свое место */
}

.network-contacts-section .location-card:hover::before {
    opacity: 1; /* Включаем градиентную маску синхронно с фото */
}

.location-card .elementor-widget-heading h3.elementor-heading-title {
    font-family: 'Play', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    margin-bottom: 30px !important;
    transition: color 0.3s ease !important;
}

.location-card:hover .elementor-widget-heading h3.elementor-heading-title {
    color: #0B192C !important;
}

.location-card .elementor-icon-list-text {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    line-height: 1.5 !important;
    transition: color 0.3s ease !important;
}
.location-card:hover .elementor-icon-list-text {
    color: #4A5568 !important;
}

.location-card .elementor-icon-list-icon svg {
    fill: #008DDA !important;
    width: 18px !important;
    height: 18px !important;
    margin-top: 3px !important;
}

.location-card .elementor-icon-list-item {
    margin-bottom: 20px !important;
}

.location-card .elementor-icon-list-text span {
    display: block !important;
    font-size: 12px !important;
    font-weight: 300 !important;

    color: rgba(255, 255, 255, 0.45) !important; 
    transition: color 0.3s ease !important;
}

.location-card:hover .elementor-icon-list-text span {
    color: #A0AEC0 !important; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7fb3f67 */.elementor-236 .elementor-element.elementor-element-7fb3f67 .elementor-button,
.premium-link-btn .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    transition: color 0.3s ease !important;
}


.elementor-236 .elementor-element.elementor-element-7fb3f67 .elementor-button::after,
.premium-link-btn .elementor-button::after {
    content: "→";
    font-family: inherit;
    font-size: 16px;
    margin-left: 8px;
    margin-bottom:4px;
    line-height: 1;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.service-card:hover .premium-link-btn .elementor-button::after,
.elementor-236 .elementor-element.elementor-element-7fb3f67:hover .elementor-button::after {
    transform: translateX(6px);
}


.elementor-236 .elementor-element.elementor-element-7fb3f67 .elementor-button:hover,
.elementor-236 .elementor-element.elementor-element-7fb3f67 .elementor-button:focus {
    background-color: transparent !important;
    color: #0076B8 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cfc53f */.location-card {
    background-color: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    padding: 50px 45px !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.location-card:hover {
    background-color: #FFFFFF !important;
    border-color: #008DDA !important;
    transform: translateY(-8px) !important;
    box-shadow: 0 30px 60px rgba(11, 25, 44, 0.25) !important;
}

.location-card .elementor-widget-heading h3.elementor-heading-title {
    font-family: 'Play', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    margin-bottom: 30px !important;
    transition: color 0.3s ease !important;
}

.location-card:hover .elementor-widget-heading h3.elementor-heading-title {
    color: #0B192C !important;
}

.location-card .elementor-icon-list-text {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    line-height: 1.5 !important;
    transition: color 0.3s ease !important;
}
.location-card:hover .elementor-icon-list-text {
    color: #4A5568 !important;
}

.location-card .elementor-icon-list-icon svg {
    fill: #008DDA !important;
    width: 18px !important;
    height: 18px !important;
    margin-top: 3px !important;
}

.location-card .elementor-icon-list-item {
    margin-bottom: 20px !important;
}/* End custom CSS */