/* Общие стили для модальных окон, каруселей и блоков */
.service-modal,
.hero-text,
.services .service-block,
.work-with-us-block,
.team-member,
.customer-block {
    background-color: transparent;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Темная тема */
[data-theme="dark"] .service-modal,
[data-theme="dark"] .hero-text,
[data-theme="dark"] .services .service-block,
[data-theme="dark"] .work-with-us-block,
[data-theme="dark"] .team-member,
[data-theme="dark"] .customer-block {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Светлая тема */
[data-theme="light"] .service-modal,
[data-theme="light"] .hero-text,
[data-theme="light"] .services .service-block,
[data-theme="light"] .work-with-us-block,
[data-theme="light"] .team-member,
[data-theme="light"] .customer-block {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#hero,
#services,
#customers,
#numbers,
#team,
#work-with-us {
    scroll-margin-top: 120px;
}