/* --- Общие стили хедера --- */
body{font-family:'Advent Pro'}
.csh-header {
    transition: all 0.3s ease;
    position: fixed;
    width: 100%;
    z-index: 11;
	opacity: 0;
}

.csh-header.is-sticky {
	opacity: 1;
    width: 100%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	background: rgba(255,255,255,.93);
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Заполнитель, чтобы контент не прыгал */
#csh-header-placeholder {
    display: block; /* Теперь он всегда "в потоке" */
    transition: height 0.3s ease-in-out; /* Плавное изменение высоты */
}



.csh-container {
    max-width: 1140px; /* Та же ширина, что и у контента вашего сайта */
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

/* --- Левая часть (Лого + мобильный телефон) --- */
.csh-header-left {
    display: flex;
    align-items: center;
}

/* --- Логотип --- */
.csh-logo img {
    width: auto;
    height: auto; /* Добавлено для лучшего масштабирования SVG */
    display: block;
    max-width: 100%; /* Убедимся, что логотип не выходит за пределы контейнера */
}

/* --- Навигация --- */
.csh-navigation { flex-grow: 1; display: flex; justify-content: center;}

.csh-desktop-menu { list-style: none; margin: 0; padding: 0; display: flex; }
.csh-desktop-menu li { margin: 0 15px; text-transform: uppercase; font-size: 16px;}
.csh-desktop-menu a { text-decoration: none; color: #333; font-weight: 500; transition: color 0.2s; }
.csh-desktop-menu a:hover { color: #007bff; }

/* --- Телефон --- */
.csh-phone a, .csh-phone-mobile a { text-decoration: none; color: #333; font-weight: bold; display: flex; align-items: center; }
.csh-phone i, .csh-phone-mobile i { margin-right: 8px; font-size: 16px; color: #182b4f;}

/* НОВОЕ: Скрываем мобильный телефон по умолчанию */
.csh-phone-mobile {

    margin-left: 25px;
}

/* --- Мобильная версия --- */
.csh-hamburger { display: none; background: none; border: none; cursor: pointer; padding: 10px; z-index: 1001; }
.csh-hamburger span { display: block; width: 25px; height: 3px; background-color: #333; margin: 5px 0; transition: all 0.3s ease-in-out; }

/* --- Медиа-запрос для мобильных (992px) --- */
@media (max-width: 992px) {
    .csh-container {
        /* Теперь левая и правая части просто расходятся по краям */
        justify-content: space-between;
    }
    
	.csh-header-left {
        flex-grow: 1;
    }
	.csh-header-right{
		z-index: 99999;
	}
    .csh-phone {
        display: none;
    }

    /* Показываем мобильный телефон */
    .csh-phone-mobile {
        display: flex;
    }
    
    .csh-hamburger {
        display: block;
        /* Убираем flex-grow у левой части, чтобы гамбургер не прижимался */
        flex-grow: 0;
    }

    /* Стили для выпадающего меню */
    .csh-navigation.is-open { transform: translateX(0); box-shadow: 5px 0 15px rgba(0,0,0,0.1); }
    .csh-navigation { position: fixed; top: 0; right: 0; width: 80%; max-width: 300px; height: 100%; background: #f8f9fa; padding-top: 32px; transform: translateX(100%); transition: transform 0.3s ease-in-out; z-index: 1000; }
    .csh-desktop-menu { flex-direction: column; align-items: center; }
    .csh-desktop-menu li { margin: 15px 0; }

    /* Анимация гамбургера в крестик */
    .csh-hamburger.is-active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
    .csh-hamburger.is-active span:nth-child(2) { opacity: 0; }
    .csh-hamburger.is-active span:nth-child(3) { transform: rotate(-45deg) translate(7px, -7px); }
}

.services-block,.process-block {padding: 10px; transition: all 0.3s ease;}
.services-block:hover{    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); background: rgba(0,0,0,.05)}
.process-block .vc_column-inner,.advantages-block .vc_column-inner{padding: 10px}
.process-icon .aio-icon-img .img-icon{
	    background: rgba(255, 255, 255, .4);
    border-radius: 50% !important;
}
.services-block h3{font-size: 26px;}
.service-block-wrapper {margin: 0 10px 10px !important;}
.services-block-bio {margin-bottom: 0!important;}

.blurred-background {
  /* Свойство, которое размывает фон за элементом */
  -webkit-backdrop-filter: blur(8px); /* Для поддержки Safari */
  backdrop-filter: blur(8px);

  /* Чтобы эффект был виден, задаем полупрозрачный фон */
  background-color: rgba(255, 255, 255, 0.2); /* Белый с 20% непрозрачности, можно подобрать свой цвет */

  /* Необязательно: для более красивого "стеклянного" вида (glassmorphism) */
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.process-block .aio-icon-box{
	display: flex;
    align-items: center;
    justify-content: center;	
}
.process-block .aio-icon-title, .advantages-block .aio-icon-title{
	font-size: 22px!important;
	
}
.process-block .aio-icon-img {
	margin-right: 5px!important;
	
}	
.process-block .process-text{
	font-size: 18px;
	margin-bottom: 10px;
}
.process-block .aio-icon-component{
	margin
}
#process .upb_bg_overlay, #gallery .upb_bg_overlay{
background: #86F7FBB5;
background: linear-gradient(180deg,rgba(134, 247, 251, 0.93) 0%, rgba(87, 199, 133, 0.87) 48%, rgba(237, 221, 83, 0.57) 100%);
}
#advantages .upb_bg_overlay{
}
.advantages-block .aio-icon-img{
border-radius: 10px 30px 10px 30px;
padding: 10px!important;
}
.contacts-block .aio-icon-box{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	text-align: center;
}
.contacts-block .aio-icon-header h3.aio-icon-title {font-size: 24px;}
.contacts-block .aio-icon-description a, .contacts-block .aio-icon-description {text-decoration: none; font-size: 18px;}
.contacts-block .default-icon .aio-icon-default .aio-icon{margin-right: 6px;}
#footer {color: #fff}
#footer ul, #footer p {font-size: 18px;}
#footer .copyright {font-size: 16px; color: #ddd}