.elementor-483295 .elementor-element.elementor-element-b1bd3cf:not(.elementor-motion-effects-element-type-background), .elementor-483295 .elementor-element.elementor-element-b1bd3cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(260deg, #E0F7FA 36%, #80DEEA 79%);}.elementor-483295 .elementor-element.elementor-element-b1bd3cf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-483295 .elementor-element.elementor-element-b1bd3cf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-483295 .elementor-element.elementor-element-dabcfae > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-483295 .elementor-element.elementor-element-dabcfae > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-483295 .elementor-element.elementor-element-c8dac84 > .elementor-widget-container{margin:-80px -80px -80px -80px;}.elementor-483295 .elementor-element.elementor-element-c8dac84 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-483295 .elementor-element.elementor-element-553ece7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-483295 .elementor-element.elementor-element-553ece7{text-align:center;}.elementor-483295 .elementor-element.elementor-element-553ece7 .elementor-heading-title{color:#1976D2;font-size:23px;}.elementor-483295 .elementor-element.elementor-element-51e79bd{text-align:center;}.elementor-483295 .elementor-element.elementor-element-51e79bd .elementor-heading-title{color:#1976D2;font-size:24px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-483295 .elementor-element.elementor-element-60fc11b:not(.elementor-motion-effects-element-type-background), .elementor-483295 .elementor-element.elementor-element-60fc11b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0201010F;}.elementor-483295 .elementor-element.elementor-element-60fc11b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-483295 .elementor-element.elementor-element-60fc11b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-483295 .elementor-element.elementor-element-60012ab{--spacer-size:10px;}.elementor-483295 .elementor-element.elementor-element-da4497c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-483295 .elementor-element.elementor-element-da4497c > .elementor-widget-container{margin:-56px 0px 0px 0px;}.elementor-483295 .elementor-element.elementor-element-bd5db16{--spacer-size:10px;}.elementor-483295 .elementor-element.elementor-element-bbb9b09{--spacer-size:10px;}.elementor-483295 .elementor-element.elementor-element-6aa7d78{--spacer-size:10px;}.elementor-483295 .elementor-element.elementor-element-86b2d16{--spacer-size:50px;}.elementor-483295 .elementor-element.elementor-element-c9c5642{text-align:center;}.elementor-483295 .elementor-element.elementor-element-c9c5642 .elementor-heading-title{color:#1976D2;font-size:25px;}.elementor-483295 .elementor-element.elementor-element-42d8358{--spacer-size:50px;}.elementor-483295 .elementor-element.elementor-element-9bc04b3{--spacer-size:50px;}.elementor-483295 .elementor-element.elementor-element-ec5708a{text-align:center;}.elementor-483295 .elementor-element.elementor-element-ec5708a .elementor-heading-title{color:#1976D2;}@media(max-width:1024px){.elementor-483295 .elementor-element.elementor-element-51e79bd .elementor-heading-title{font-size:24px;}.elementor-483295 .elementor-element.elementor-element-c9c5642{text-align:center;}}@media(max-width:767px){.elementor-483295 .elementor-element.elementor-element-c8dac84 > .elementor-widget-container{margin:-94px 0px 0px 0px;}.elementor-483295 .elementor-element.elementor-element-c8dac84 .elementor-nav-menu .elementor-item{font-size:12px;}.elementor-483295 .elementor-element.elementor-element-553ece7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-483295 .elementor-element.elementor-element-553ece7 .elementor-heading-title{font-size:16px;}.elementor-483295 .elementor-element.elementor-element-60fc11b > .elementor-container{max-width:1600px;}.elementor-483295 .elementor-element.elementor-element-bbb9b09{width:var( --container-widget-width, 237px );max-width:237px;--container-widget-width:237px;--container-widget-flex-grow:0;}.elementor-483295 .elementor-element.elementor-element-c9c5642 .elementor-heading-title{font-size:17px;}}/* Start custom CSS for html, class: .elementor-element-efd9dac *//* Контейнер меню */
.custom-scroll-menu-container {
    overflow-x: auto; /* Позволяет горизонтальную прокрутку */
    white-space: nowrap; /* Запрещает перенос строк */
    width: 100%; /* Ширина контейнера */
    padding: 10px 0; /* Внутренние отступы */
    background-color: #f8f9fa; /* Фон */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Тень */
    border: 1px solid #e0e0e0;
    font-size: 14px;
    position: relative; /* Для размещения кнопок прокрутки */
    display: flex; /* Используем Flexbox */
}

/* Внутренний контейнер для элементов меню */
.custom-scroll-menu-content {
    display: flex; /* Используем Flexbox для горизонтального расположения ссылок */
    align-items: center; /* Выравнивание элементов по центру */
    
}

/* Элементы меню */
.custom-scroll-menu-content a {
    display: inline-block; /* Отображение элементов в строку */
    padding: 10px 20px; /* Внутренние отступы */
    margin: 0 10px; /* Отступы между элементами */
    background-color: #ffffff; /* Фон элементов */
    border: 1px solid #e0e0e0; /* Граница элементов */
    border-radius: 4px; /* Скругленные углы */
    text-decoration: none; /* Удаление подчеркивания текста */
    color: #333333; /* Цвет текста */
    transition: background-color 0.3s; /* Плавный переход фона */
}

.custom-scroll-menu-content a:hover {
    background-color: #007bff; /* Цвет фона при наведении */
    color: #ffffff; /* Цвет текста при наведении */
}

/* Стили полос прокрутки */
.custom-scroll-menu-container::-webkit-scrollbar {
    height: 8px; /* Высота полосы прокрутки */
    background-color: transparent; /* Фон полосы прокрутки */
}

.custom-scroll-menu-container::-webkit-scrollbar-thumb {
    background-color: #cccccc; /* Цвет полосы прокрутки */
    border-radius: 4px; /* Скругленные углы полосы прокрутки */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-da4497c *//* Основные стили для контейнера иконки */
.youtube-icon {
  width: 60px;
  height: 60px;
  background-color: #FF0000; /* Красный фон YouTube */
  border-radius: 50%; /* Округлая форма */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Легкая тень для объема */
  transition: background-color 0.3s ease, transform 0.3s ease; /* Плавные переходы */
}

/* Стили для SVG иконки */
.youtube-icon svg {
  width: 30px;
  height: 30px;
  fill: #FFFFFF; /* Цвет иконки */
}

/* Эффект наведения */
.youtube-icon:hover {
  background-color: #CC0000; /* Темнее при наведении */
  transform: scale(1.1); /* Легкое увеличение */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d14c80 */#my-custom-container {
    width: 100%;
    max-width: 1200px; /* Ограничиваем максимальную ширину контейнера */
    padding: 20px;
    box-sizing: border-box;
    margin: 0 auto; /* Центрируем контейнер */
}

#my-custom-container .benefit {
    background-color: rgba(255, 255, 255, 0); /* Прозрачный белый фон */
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    text-align: center;
    margin-bottom: 10px;
    transition: box-shadow 0.3s ease;
}

#my-custom-container .benefit:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

#my-custom-container .benefit strong {
    display: block;
    font-size: 1.1em; /* Немного уменьшенный размер шрифта */
    margin-bottom: 8px; /* Уменьшенный отступ снизу */
}

#my-custom-container .benefit p {
    font-size: 0.85em; /* Уменьшенный размер шрифта */
    color: #666;
    margin: 0;
}

#my-custom-container .emoji {
    font-size: 1.4em; /* Уменьшенный размер эмодзи */
    vertical-align: middle; /* Выравнивание эмодзи по середине текста */
}

/* Версия для ПК */
#my-custom-container .desktop-version {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

#my-custom-container .desktop-version .benefit {
    flex: 1 1 calc(50% - 20px);
    max-width: calc(50% - 20px);
}

/* Версия для мобильных устройств */
#my-custom-container .mobile-version {
    display: none; /* Изначально скрываем мобильную версию */
}

#my-custom-container .swiper-container {
    width: 100%;
    height: auto;
}

#my-custom-container .swiper-slide {
    background-color: rgba(255, 255, 255, 0.9); /* Прозрачный белый фон */
    border-radius: 8px;
    padding: 10px; /* Уменьшенное внутреннее отступ */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 5px; /* Уменьшенные отступы между слайдами */
}

/* Pagination styles */
#my-custom-container .swiper-pagination {
    bottom: 10px;
}

#my-custom-container .swiper-pagination-bullet {
    background: #333;
    width: 8px; /* Уменьшенный размер пагинационных точек */
    height: 8px;
}

/* Navigation buttons */
#my-custom-container .swiper-button-next, #my-custom-container .swiper-button-prev {
    color: #333;
    width: 25px; /* Уменьшенная ширина кнопок */
    height: 25px; /* Уменьшенная высота кнопок */
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px; /* Уменьшенный размер шрифта на кнопках */
}

#my-custom-container .swiper-button-next:after, #my-custom-container .swiper-button-prev:after {
    font-family: 'Swiper Icons';
    font-size: 16px;
}

#my-custom-container .swiper-button-next:after {
    content: '→';
}

#my-custom-container .swiper-button-prev:after {
    content: '←';
}

@media (max-width: 768px) {
    #my-custom-container .desktop-version {
        display: none; /* Скрываем версию для ПК */
    }

    #my-custom-container .mobile-version {
        display: block; /* Показываем мобильную версию */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5211f44 */#customFeatureBlock {
    width: 100%;
    max-width: 1200px;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 auto;
    background-color: #ddf4f7; /* Фон контейнера */
    border-radius: 12px;
    overflow-x: auto;
    white-space: nowrap;
    display: flex;
    justify-content: center; /* Центрирование по горизонтали */
}

#customFeatureBlock .scroll-menu-content {
    display: flex;
    gap: 15px;
    justify-content: center; /* Центрирование карточек внутри контейнера */
}

#customFeatureBlock .feature-card {
    background-color: rgba(255, 255, 255, 0.5); /* Прозрачный белый фон */
    border: 1px solid #e0e0e0; /* Граница карточек */
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    min-width: 250px;
    max-width: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#customFeatureBlock .feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

#customFeatureBlock .feature-icon {
    font-size: 2.5em;
    color: #0096c7;
    margin-bottom: 10px;
}

#customFeatureBlock .feature-title {
    font-size: 1.3em;
    color: #333;
    margin-bottom: 8px;
    font-weight: bold;
}

#customFeatureBlock .feature-description {
    font-size: 0.9em;
    color: #666;
    line-height: 1.3;
}/* End custom CSS */