@import url('styles.base.css');
@import url('header.css');
@import url('fonts.css');

/* - Gilroy как основной шрифт - */
html,
body {
  font-family: 'Gilroy', 'Source Sans Pro', Arial, sans-serif !important;
}

/* Переопределение для элементов, использующих основной шрифт */
.slide-title,
.slide-subtitle,
.section-title,
h1, h2, h3, h4, h5, h6,
p, span, div, a {
  font-family: 'Gilroy', 'Source Sans Pro', Arial, sans-serif;
}

/* - main - */




main.container > .col-10 {
	flex-direction: column;
}

section {
	padding: 80px 0;
}

.section-title {
	font-size: 30px;
	font-weight: 600;
	color: #132f67;
	text-align: center;
}

.text-right {
	flex-direction: row-reverse !important;
}

.smm-promotion .text {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 45px 0;
	overflow: visible;
}

.rectangle {
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.2s;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	display: none;
}

.swiper-pagination.disabled {
	opacity: 0;
	pointer-events: none;
}

.smm-promotion .swiper-slide {
	background: transparent !important;
	overflow: hidden !important;  /* Строгий контроль для предотвращения просачивания */
}

/* Убеждаемся, что .text блок не обрезает пузыри */
.smm-promotion .text {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 45px 0;
	overflow: visible;
}

.swiper-button-prev {
	position: absolute;
	left: -60px;
}

.swiper-button-next {
	position: absolute;
	right: -60px;
}

/* Базовое позиционирование для стрелок слайдера */
.smm-promotion .swiper-button-prev,
.smm-promotion .swiper-button-next {
	top: 50% !important;
	transform: translateY(-50%) !important;
}

.slide-title {
	font-size: 50px;
	font-weight: 600;
	line-height: 50px;
	color: #132f67;
	font-family: 'Source Sans Pro', 'Gilroy', Arial, sans-serif;
	position: relative;
	z-index: 2;
}
.slide-subtitle {
	margin-top: 20px;
	font-size: 20px;
	font-weight: 600;
	line-height: 35px;
	color: #132f67;
	position: relative;
	overflow: visible;
	z-index: 2;
}

/* Создаем пузыри вокруг slide-subtitle */
.slide-subtitle::before,
.slide-subtitle::after,
.smm-promotion.swiper-promotion .swiper-slide .text .slide-subtitle::before,
.smm-promotion.swiper-promotion .swiper-slide .text .slide-subtitle::after {
	content: '';
	position: absolute;
	background: rgba(255, 255, 255, 0.18);
	border-radius: 50%;
	pointer-events: none;
	z-index: -1;
	animation: subtitle-bubbles 12s ease-in-out infinite;
}

.slide-subtitle::before,
.smm-promotion.swiper-promotion .swiper-slide .text .slide-subtitle::before {
	width: 120px;
	height: 120px;
	top: -50px;
	left: -50px; /* Возвращаем больший выход для лучшего эффекта */
	background: rgba(255, 255, 255, 0.15);
	animation-delay: 0s;
}

.slide-subtitle::after,
.smm-promotion.swiper-promotion .swiper-slide .text .slide-subtitle::after {
	width: 95px;
	height: 95px;
	bottom: -40px;
	right: -45px; /* Возвращаем больший выход для лучшего эффекта */
	background: rgba(255, 255, 255, 0.12);
	animation-delay: 6s;
}

/* Дополнительные пузыри для контейнера .text */
.smm-promotion.swiper-promotion .swiper-slide .text::before,
.smm-promotion.swiper-promotion .swiper-slide .text::after {
	content: '';
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	z-index: -2;
	background: rgba(255, 255, 255, 0.08);
	animation: extra-bubbles 18s ease-in-out infinite;
}

.smm-promotion.swiper-promotion .swiper-slide .text::before {
	width: 200px;
	height: 200px;
	top: 20px;
	right: -80px; /* Возвращаем больший выход для лучшего эффекта */
	background: rgba(255, 255, 255, 0.06);
	animation-delay: 3s;
}

.smm-promotion.swiper-promotion .swiper-slide .text::after {
	width: 160px;
	height: 160px;
	bottom: 10px;
	left: -60px; /* Возвращаем больший выход для лучшего эффекта */
	background: rgba(255, 255, 255, 0.05);
	animation-delay: 9s;
}

/* Дополнительные пузыри для slide-button */
.slide-button::before,
.slide-button::after {
	content: '';
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	z-index: -1;
	background: rgba(255, 255, 255, 0.08);
	animation: button-bubbles 20s ease-in-out infinite;
}

.slide-button::before {
	width: 90px;
	height: 90px;
	top: -35px;
	left: -45px;
	background: rgba(255, 255, 255, 0.06);
	animation-delay: 2s;
}

.slide-button::after {
	width: 75px;
	height: 75px;
	bottom: -30px;
	right: -40px;
	background: rgba(255, 255, 255, 0.05);
	animation-delay: 8s;
}

/* Дополнительные микро-пузыри для общего фона */
.smm-promotion.swiper-promotion .swiper-slide::before,
.smm-promotion.swiper-promotion .swiper-slide::after {
	content: '';
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	z-index: -3;
	background: rgba(255, 255, 255, 0.04);
	animation: micro-bubbles 25s ease-in-out infinite;
}

.smm-promotion.swiper-promotion .swiper-slide::before {
	width: 120px;
	height: 120px;
	top: 10%;
	left: 10%;
	background: rgba(255, 255, 255, 0.03);
	animation-delay: 4s;
}

.smm-promotion.swiper-promotion .swiper-slide::after {
	width: 100px;
	height: 100px;
	bottom: 15%;
	right: 15%;
	background: rgba(255, 255, 255, 0.035);
	animation-delay: 12s;
}

/* Строгий контроль для предотвращения просачивания соседних слайдов */
.smm-promotion.swiper-promotion .swiper-slide {
  position: relative;
  overflow: hidden !important; /* БЛОКИРУЕМ просачивание соседних слайдов */
}

/* Плавное покачивание картинки в блоке "О нас" в едином стиле со слайдером */
.smm-about .about-img img {
  /* Усиливаем покачивание: более заметные смещения и ротация */
  animation: float-gentle-1 8.5s ease-in-out infinite;
  will-change: transform;
  transform-origin: 50% 50%;
}

/* Мягкие fade-анимации для слайдов Owl (fadeInSoft/fadeOutSoft) */
.owl-animated-in .fadeInSoft,
.fadeInSoft {
  animation-name: fadeInSoft;
}
.owl-animated-out .fadeOutSoft,
.fadeOutSoft {
  animation-name: fadeOutSoft;
}

@keyframes fadeInSoft {
  from {
    opacity: 0;
    filter: blur(6px);
    transform: scale(0.98);
  }
  to {
    opacity: 1;
    filter: blur(0px);
    transform: scale(1);
  }
}

@keyframes fadeOutSoft {
  from {
    opacity: 1;
    filter: blur(0px);
    transform: scale(1);
  }
  to {
    opacity: 0;
    filter: blur(8px);
    transform: scale(1.02);
  }
}

/* Создаем пузыри для slide-title */
.slide-title::before,
.slide-title::after,
.smm-promotion.swiper-promotion .swiper-slide .text h2.slide-title::before,
.smm-promotion.swiper-promotion .swiper-slide .text h2.slide-title::after {
	content: '';
	position: absolute;
	background: rgba(255, 255, 255, 0.15);
	border-radius: 50%;
	pointer-events: none;
	z-index: -1;
	animation: title-bubbles 15s ease-in-out infinite;
}

.slide-title::before,
.smm-promotion.swiper-promotion .swiper-slide .text h2.slide-title::before {
	width: 180px;
	height: 180px;
	top: -70px;
	left: -70px; /* Возвращаем больший выход для лучшего эффекта */
	background: rgba(255, 255, 255, 0.12);
	animation-delay: 0s;
}

.slide-title::after,
.smm-promotion.swiper-promotion .swiper-slide .text h2.slide-title::after {
	width: 140px;
	height: 140px;
	bottom: -60px;
	right: -60px; /* Возвращаем больший выход для лучшего эффекта */
	background: rgba(255, 255, 255, 0.08);
	animation-delay: 5s;
}

@keyframes title-bubbles {
	0%, 100% {
		transform: translate(0, 0) scale(1);
		opacity: 0.6;
	}
	10% {
		transform: translate(1px, -2px) scale(1.005);
		opacity: 0.65;
	}
	20% {
		transform: translate(3px, -5px) scale(1.02);
		opacity: 0.7;
	}
	30% {
		transform: translate(2px, -3px) scale(1.015);
		opacity: 0.75;
	}
	40% {
		transform: translate(-2px, 8px) scale(0.98);
		opacity: 0.8;
	}
	50% {
		transform: translate(-1px, 6px) scale(0.99);
		opacity: 0.85;
	}
	60% {
		transform: translate(4px, -3px) scale(1.01);
		opacity: 0.9;
	}
	70% {
		transform: translate(3px, -1px) scale(1.008);
		opacity: 0.85;
	}
	80% {
		transform: translate(-1px, 6px) scale(0.99);
		opacity: 0.7;
	}
	90% {
		transform: translate(0px, 2px) scale(1.003);
		opacity: 0.65;
	}
}

@keyframes subtitle-bubbles {
	0%, 100% {
		transform: translate(0, 0) scale(1);
		opacity: 0.5;
	}
	12% {
		transform: translate(1px, -2px) scale(1.008);
		opacity: 0.6;
	}
	25% {
		transform: translate(3px, -5px) scale(1.02);
		opacity: 0.7;
	}
	37% {
		transform: translate(2px, -1px) scale(1.012);
		opacity: 0.75;
	}
	50% {
		transform: translate(-2px, 7px) scale(0.98);
		opacity: 0.8;
	}
	62% {
		transform: translate(-1px, 5px) scale(0.99);
		opacity: 0.7;
	}
	75% {
		transform: translate(4px, -3px) scale(1.01);
		opacity: 0.6;
	}
	87% {
		transform: translate(2px, -1px) scale(1.005);
		opacity: 0.55;
	}
}

@keyframes extra-bubbles {
	0%, 100% {
		transform: translate(0, 0) scale(1);
		opacity: 0.4;
	}
	33% {
		transform: translate(2px, -3px) scale(1.01);
		opacity: 0.6;
	}
	66% {
		transform: translate(-1px, 4px) scale(0.99);
		opacity: 0.5;
	}
}

@keyframes button-bubbles {
	0%, 100% {
		transform: translate(0, 0) scale(1);
		opacity: 0.4;
	}
	10% {
		transform: translate(1px, -1px) scale(1.003);
		opacity: 0.5;
	}
	20% {
		transform: translate(2px, -3px) scale(1.01);
		opacity: 0.6;
	}
	30% {
		transform: translate(1px, -2px) scale(1.007);
		opacity: 0.65;
	}
	40% {
		transform: translate(-1px, 4px) scale(0.99);
		opacity: 0.7;
	}
	50% {
		transform: translate(-2px, 3px) scale(0.985);
		opacity: 0.75;
	}
	60% {
		transform: translate(3px, -2px) scale(1.008);
		opacity: 0.7;
	}
	70% {
		transform: translate(2px, -1px) scale(1.005);
		opacity: 0.65;
	}
	80% {
		transform: translate(-1px, 3px) scale(0.995);
		opacity: 0.6;
	}
	90% {
		transform: translate(1px, 1px) scale(1.002);
		opacity: 0.5;
	}
}

@keyframes micro-bubbles {
	0%, 100% {
		transform: translate(0, 0) scale(1);
		opacity: 0.25;
	}
	8% {
		transform: translate(1px, -1px) scale(1.002);
		opacity: 0.3;
	}
	16% {
		transform: translate(2px, -2px) scale(1.005);
		opacity: 0.35;
	}
	24% {
		transform: translate(1px, -3px) scale(1.008);
		opacity: 0.4;
	}
	32% {
		transform: translate(-1px, 2px) scale(0.995);
		opacity: 0.45;
	}
	40% {
		transform: translate(-2px, 4px) scale(0.99);
		opacity: 0.5;
	}
	48% {
		transform: translate(-1px, 3px) scale(0.992);
		opacity: 0.45;
	}
	56% {
		transform: translate(2px, -1px) scale(1.003);
		opacity: 0.4;
	}
	64% {
		transform: translate(3px, -2px) scale(1.006);
		opacity: 0.35;
	}
	72% {
		transform: translate(1px, 1px) scale(1.001);
		opacity: 0.3;
	}
	80% {
		transform: translate(-1px, 2px) scale(0.998);
		opacity: 0.25;
	}
	88% {
		transform: translate(2px, -1px) scale(1.002);
		opacity: 0.3;
	}
	96% {
		transform: translate(1px, 0px) scale(1.001);
		opacity: 0.28;
	}
}

.slide-button {
	width: 340.01px;
	height: 70px;
	line-height: 70px;
	cursor: pointer;
	margin-top: 20px;
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
	border-radius: 36px;
	text-align: center;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background 0.2s;
	background: #132f67;
}
.slide-button:hover {
	background: #271656;
}
.swiper-slide .picture img {
	width: 100%;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Плавный переход для hover */
}

/* Эффекты при наведении на изображения в слайдере */
/* Отключаем эффект при наведении на картинки в блоках блога и слайдерах */
.swiper-slide .picture img:hover,
.slide-img img:hover {
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: none !important;
    transition: none !important;
    cursor: default !important;
}

/* Отдельное правило для слайдера, которое НЕ отключает анимацию */
section.smm-promotion .swiper-slide .circle-background img:hover {
    /* Оставляем анимацию работать, но добавляем hover эффект поверх неё */
    filter: brightness(1.1) contrast(1.05) !important;
    cursor: default !important;
}

/* Основной блок со статистикой */
.smm-statistic {
	margin-top: 120px; /* Опускаем блок со статистикой ниже */
}

.smm-statistic .rectangle {
	width: 250px;
	height: 250px;
	flex-direction: column;
}

.smm-statistic .rectangle:not(:last-of-type) {
	margin-right: 50px;
}

.rectangle-number {
	font-weight: 700;
	font-size: 50px;
	color: #132f67;
	text-align: center;
}

.rectangle-title {
	color: #132f67;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	text-align: center;
	height: 60px;
}

.serm-statistic .rectangle-number {
	font-size: 30px;
}
.serm-statistic .rectangle img {
	margin: 55px;
}

.map-container {
	padding: 3.2rem 0.8rem;
	position: relative;
	display: inline-block;
}
.map-container .point {
	cursor: pointer;
	position: absolute;
	width: 0.8rem;
	height: 0.8rem;
	background-color: #1d3b82;
	border-radius: 50%;
	transition: all 0.3s ease;
	will-change: transform, box-shadow;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 0 rgba(0, 172, 193, 0.4);
	animation: pulse 3s infinite;
}
.map-container .point:hover {
	animation: none;
	transform: translate(-50%, -50%) scale3D(1.35, 1.35, 1);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	color: #fff;
}

.map-container .moskow {
	top: 23%;
	left: 54%;
}
.map-container .minsk {
	top: 25%;
	left: 52%;
}
.map-container .poznan {
	top: 26%;
	left: 50%;
}
.map-container .rim {
	top: 32%;
	left: 49%;
}
.map-container .varshava {
	top: 26%;
	left: 51%;
}
.map-container .ufa {
	top: 25%;
	left: 60%;
}
.map-container .ekaterenburg {
	top: 23%;
	left: 62%;
}
.map-container .tumen {
	top: 22.5%;
	left: 63.5%;
}
.map-container .bishkek {
	top: 25%;
	left: 53%;
}
.map-container .tashkent {
	top: 32%;
	left: 64%;
}
.map-container .ulan {
	top: 27.5%;
	left: 69%;
}
.map-container .krasnoyarsk {
	top: 26%;
	left: 67%;
}
.map-container .yakutsk {
	top: 22%;
	left: 77%;
}
.map-container .vladivostok {
	top: 30%;
	left: 83%;
}
.map-container .pekin {
	top: 32%;
	left: 79%;
}
.map-container .chendu {
	top: 39%;
	left: 76.5%;
}
.map-container .seul {
	top: 34%;
	left: 83%;
}
.map-container .pusan {
	top: 35.5%;
	left: 83.5%;
}
.map-container .ivanovo {
	top: 22%;
	left: 55%;
}
.map-container .belgorod {
	top: 25%;
	left: 54%;
}
.map-container .bryansk {
	top: 24%;
	left: 53%;
}

.map-container .piter {
	top: 21%;
	left: 52%;
}
.map-container .rostov {
	top: 28%;
	left: 56.5%;
}
.map-container .krasnodar {
	top: 30%;
	left: 56%;
}
.map-container .sochi {
	top: 31%;
	left: 57%;
}
.map-container .tel_aliv {
	top: 38%;
	left: 56%;
}
.map-container .dubay {
	top: 42%;
	left: 62%;
}
.map-container .volgograd {
	top: 27%;
	left: 57.5%;
}

.map-container .krasnodar {
	top: 30%;
	left: 56.5%;
}
.map-container .new_york {
	top: 33%;
	left: 22%;
}

.map-container .los_angeles {
	top: 36%;
	left: 8.5%;
}
.map-container .mayami {
	top: 42%;
	left: 20%;
}

.map-container .antananarivu {
	top: 68.5%;
	left: 59.5%;
}

.map-container.russia_map .moskow {
	top: 29%;
	left: 29%;
}
.map-container.russia_map .piter {
	top: 27.5%;
	left: 21%;
}
.map-container.russia_map .novosib {
	top: 35%;
	left: 49%;
}
.map-container.russia_map .ekaterenburg {
	top: 33%;
	left: 40%;
}
.map-container.russia_map .novgorod {
	top: 28%;
	left: 33%;
}
.map-container.russia_map .samara {
	top: 33%;
	left: 36.5%;
}
.map-container.russia_map .omsk {
	top: 34%;
	left: 47%;
}
.map-container.russia_map .kazan {
	top: 29%;
	left: 36%;
}
.map-container.russia_map .chelyabinsk {
	top: 33.7%;
	left: 40.3%;
}
.map-container.russia_map .rostov {
	top: 40.5%;
	left: 31%;
}
.map-container.russia_map .volgograd {
	top: 39%;
	left: 32.5%;
}
.map-container.russia_map .ufa {
	top: 31%;
	left: 38%;
}
.map-container.russia_map .perm {
	top: 25%;
	left: 38%;
}
.map-container.russia_map .krasnoyarsk {
	top: 32.5%;
	left: 51.5%;
}
.map-container.russia_map .voronej {
	top: 34%;
	left: 30.5%;
}
.map-container.russia_map .saratov {
	top: 34.2%;
	left: 32%;
}
.map-container.russia_map .krasnodar {
	top: 43%;
	left: 31.5%;
}
.map-container.russia_map .tolyati {
	top: 32.3%;
	left: 35.8%;
}
.map-container.russia_map .ijevsk {
	top: 28%;
	left: 37%;
}
.map-container.russia_map .yaroslavl {
	top: 26%;
	left: 31%;
}
.map-container.russia_map .irkursk {
	top: 38%;
	left: 60%;
}
.map-container.russia_map .tumen {
	top: 33%;
	left: 45.5%;
}
.map-container.russia_map .novokuznetsk {
	top: 29%;
	left: 49%;
}
.map-container.russia_map .orenburg {
	top: 34%;
	left: 38%;
}
.map-container.russia_map .kemerovo {
	top: 28%;
	left: 49%;
}
.map-container.russia_map .ryazan {
	top: 30%;
	left: 31%;
}
.map-container.russia_map .tomsk {
	top: 33%;
	left: 50%;
}
.map-container.russia_map .astrahan {
	top: 41%;
	left: 34%;
}
.map-container.russia_map .tula {
	top: 31%;
	left: 29%;
}
.map-container.russia_map .kirov {
	top: 23.5%;
	left: 36%;
}
.map-container.russia_map .cheboksary {
	top: 28.5%;
	left: 35%;
}
.map-container.russia_map .kaliningrad {
	top: 32%;
	left: 20%;
}
.map-container.russia_map .bryansk {
	top: 33%;
	left: 26.5%;
}
.map-container.russia_map .ivanovo {
	top: 27%;
	left: 31.5%;
}

.map-container.russia_map .jakutsk {
	top: 29%;
	left: 67.5%;
}

.map-container.russia_map .chita {
	top: 42%;
	left: 66%;
}

.map-container.russia_map .norilsk {
	top: 21%;
	left: 45.5%;
}

.map-container.russia_map .vorkuta {
	top: 19%;
	left: 41%;
}

.map-container.russia_map .bratsk {
	top: 35.5%;
	left: 59%;
}

.map-container.russia_map .ust_nera {
	top: 23%;
	left: 82%;
}

.map-container.russia_map .udachnyy {
	top: 25%;
	left: 66%;
}

.map-container.russia_map .mirnyy {
	top: 32%;
	left: 63%;
}

.map-container.russia_map .novyy_urengoy {
	top: 20%;
	left: 43.5%;
}

.map-container.russia_map .sysyman {
	top: 24%;
	left: 83.5%;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 172, 193, 0.5);
	}
	70% {
		box-shadow: 0 0 0 25px rgba(0, 172, 193, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(0, 172, 193, 0);
	}
}

.why-we-wrapper {
	padding: 3.2rem 0;
}

.why-we-item {
	width: 30%;
	background: var(--bg-gradient-semi-transparent);
	-webkit-backdrop-filter: var(--blur-gradient-semi-transparent);
	backdrop-filter: var(--blur-gradient-semi-transparent);
	border: 3px solid #ffffff;
	border-radius: 30px;
	padding: 40px;
}

div.why-we-item:nth-of-type(2n + 7) {
	margin-top: 60px;
}

.item-title,
.item-subtitle {
	text-align: center;
}

.item-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}

.item-subtitle {
	font-size: 14px;
}

.item-picture {
	position: absolute;
}
.item-picture.item-picture-1 {
	z-index: -1;
	left: 250px;
	top: 110px;
}

.item-picture.item-picture-2 {
	right: 350px;
	top: 115px;
	z-index: -3;
}

.item-picture.item-picture-3 {
	right: 292px;
	top: 455px;
	z-index: -7;
}

.item-picture.item-picture-4 {
	left: 215px;
	top: 490px;
	z-index: -5;
}

.item-picture.item-picture-5 {
	right: 390px;
	top: 840px;
	z-index: -7;
}

.item-picture.item-picture-6 {
	right: 0px;
	top: 485px;
}

.smm-select-socials-wrapper {
	padding: 3.2rem 0;
}

.select-item-picture img {
	height: 468px; /* +30% */
	/* Неактивное состояние: уменьшаем на 25% */
	transform: scale(0.75);
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Эффект покачивания для иконок соцсетей */
.select-item-picture {
	transform-origin: 50% 50%;
}
.smm-select-socials-item.active:hover .select-item-picture,
.smm-select-socials-item.bubbling:hover .select-item-picture {
	animation-duration: 7s;
}
/* Мягкие варианты в стиле слайдера */
@keyframes float-gentle-soft-1 {
	0%, 100% { transform: translateY(0px) translateX(0px) rotate(0deg); }
	25% { transform: translateY(-4px) translateX(1.5px) rotate(0.5deg); }
	50% { transform: translateY(-2px) translateX(-1px) rotate(-0.25deg); }
	75% { transform: translateY(-6px) translateX(0.5px) rotate(0.4deg); }
}
@keyframes float-gentle-soft-2 {
	0%, 100% { transform: translateY(0px) translateX(0px) rotate(0deg); }
	30% { transform: translateY(-3px) translateX(-2px) rotate(-0.4deg); }
	60% { transform: translateY(-5px) translateX(1px) rotate(0.6deg); }
	90% { transform: translateY(-1.5px) translateX(-0.5px) rotate(-0.2deg); }
}
@keyframes float-gentle-soft-3 {
	0%, 100% { transform: translateY(0px) translateX(0px) rotate(0deg); }
	20% { transform: translateY(-2.5px) translateX(1px) rotate(0.3deg); }
	45% { transform: translateY(-4.5px) translateX(-1.5px) rotate(-0.5deg); }
	80% { transform: translateY(-3.5px) translateX(2px) rotate(0.45deg); }
}

/* Постоянное покачивание в блоке выбора соцсетей */

.smm-select-socials .smm-select-socials-item .select-item-picture {
	animation-name: float-gentle-soft-1; /* мягкая версия по умолчанию для неактивных */
	animation-duration: 8s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-delay: 0s;
	will-change: transform;
}

/* Усиленная анимация для активных элементов */
.smm-select-socials-item.active .select-item-picture,
.smm-select-socials-item.bubbling .select-item-picture {
	animation-duration: 8s;
}

/* Десинхронизация по задержке */
.smm-select-socials-item:nth-child(5n+1) .select-item-picture { animation-delay: 0s; }
.smm-select-socials-item:nth-child(5n+2) .select-item-picture { animation-delay: 0.35s; }
.smm-select-socials-item:nth-child(5n+3) .select-item-picture { animation-delay: 0.7s; }
.smm-select-socials-item:nth-child(5n+4) .select-item-picture { animation-delay: 1.05s; }
.smm-select-socials-item:nth-child(5n) .select-item-picture { animation-delay: 1.4s; }

/* Легкое варьирование скоростей для независимости и привязка к мягким анимациям */
.smm-select-socials-item:nth-child(3n+1) .select-item-picture { animation-duration: 8s; animation-name: float-gentle-soft-1; }
.smm-select-socials-item:nth-child(3n+2) .select-item-picture { animation-duration: 9.5s; animation-name: float-gentle-soft-2; }
.smm-select-socials-item:nth-child(3n) .select-item-picture { animation-duration: 7.5s; animation-name: float-gentle-soft-3; }

/* Для активных — полноразмерная амплитуда как в слайдере */
.smm-select-socials-item.active:nth-child(3n+1) .select-item-picture,
.smm-select-socials-item.bubbling:nth-child(3n+1) .select-item-picture { animation-name: float-gentle-1; animation-duration: 8s; }
.smm-select-socials-item.active:nth-child(3n+2) .select-item-picture,
.smm-select-socials-item.bubbling:nth-child(3n+2) .select-item-picture { animation-name: float-gentle-2; animation-duration: 9.5s; }
.smm-select-socials-item.active:nth-child(3n) .select-item-picture,
.smm-select-socials-item.bubbling:nth-child(3n) .select-item-picture { animation-name: float-gentle-3; animation-duration: 7.5s; }

.smm-select-socials-item input[type='checkbox'] {
	display: none;
}

.smm-select-socials-item:nth-of-type(1n + 5) {
	margin-top: 50px;
}

.smm-select-socials-item {
	cursor: pointer;
}

.smm-select-socials-item label {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: 55px 0 0 0;
	right: 60px;
	color: #fff;
	cursor: pointer;
	text-align: center;
	font-size: 24px;
	line-height: 45px;
	height: 45px;
	width: 45px;
	border-radius: 100%;
	background: linear-gradient(147.61deg, #346ab0 -9.99%, #271757 155.72%);
	z-index: 5;
}

/* Стили для интерактивных заголовков социальных сетей */
.select-item-title {
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	color: #212529;
	font-weight: 500;
	font-size: 20px;
}

/* Активное состояние заголовка при выборе социальной сети */
.select-item-title.active {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: #132f67 !important;
	text-shadow: 0 2px 4px rgba(19, 47, 103, 0.2);
	transform: translateY(-2px);
}

/* Эффект hover для заголовков */
.smm-select-socials-item:hover .select-item-title {
	color: #132f67;
	transform: translateY(-1px);
}

/* Анимация пульсации для активных заголовков */
.select-item-title.active.pulse {
	animation: title-pulse 2s ease-in-out infinite;
}

@keyframes title-pulse {
	0%, 100% {
		transform: translateY(-2px) scale(1);
	}
	50% {
		transform: translateY(-2px) scale(1.05);
	}
}

.btn-resive {
	width: 340.01px;
	height: 70px;
	line-height: 70px;
	font-size: 18px;
	background: #27427c;
	border-radius: 36px;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	transition: all 0.3s ease;
}

/* Интерактивные эффекты для кнопки "Получить предложение" */
.btn-resive.btn-pulse {
	animation: button-pulse 2s infinite;
	background: linear-gradient(45deg, #27427c, #3a5a9e, #27427c);
	background-size: 200% 200%;
	animation: button-pulse 2s infinite, gradient-shift 3s ease-in-out infinite;
	box-shadow: 0 0 20px rgba(39, 66, 124, 0.5);
}

.btn-resive.btn-shake {
	animation: button-shake 0.5s ease-in-out;
}

.btn-resive.btn-glow {
	background: linear-gradient(45deg, #27427c, #4a6bb8);
	box-shadow: 0 0 25px rgba(74, 107, 184, 0.6);
	transform: scale(1.05);
}

@keyframes button-pulse {
	0%, 100% {
		transform: scale(1);
		box-shadow: 0 0 20px rgba(39, 66, 124, 0.5);
	}
	50% {
		transform: scale(1.05);
		box-shadow: 0 0 30px rgba(39, 66, 124, 0.8);
	}
}

@keyframes gradient-shift {
	0%, 100% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
}

@keyframes button-shake {
	0%, 100% { transform: translateX(0); }
	10%, 30%, 50%, 70%, 90% { transform: translateX(-3px); }
	20%, 40%, 60%, 80% { transform: translateX(3px); }
}

.smm-cases .swiper-slide {
	background: var(--bg-gradient-semi-transparent);
	border-radius: 30px;
	z-index: -1;
	min-height: 600px;
	padding: 40px;
}

.smm-cases .swiper-slide .slide-img {
	width: 438px;
}

.smm-cases .swiper-wrapper {
	margin-top: 3.2rem;
}

.swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	margin: 0 8px !important;
}
.owl-dot {
	width: 15px;
	height: 15px;
	margin: 0 8px !important;
}

.swiper-pagination {
	bottom: 0;
	top: 0;
	margin-top: 3.2rem;
	position: relative;
}
.owl-pagination {
	bottom: 0;
	top: 0;
	margin-top: 3.2rem;
	position: relative;
}

.swiper-wrapper::-webkit-scrollbar {
	display: none;
}

.slide-img img {
	width: 100% !important;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Плавный переход для hover */
}

/* Базовые стили для изображений в слайдере */
section.smm-promotion .swiper-slide .circle-background img {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	/* НЕ устанавливаем статичный transform - он блокирует анимацию */
	/* transform: translate(-50%, -50%) !important; */
	transition: none !important; /* Убираем transitions чтобы анимация работала */
}

/* Отключаем старые hover эффекты для изображений в главном слайдере - пусть работает только анимация */

/* Отключаем эффект для изображений в кейсах */
.smm-cases .swiper-slide .slide-img img:hover {
	transform: none !important;
	opacity: 1 !important;
	filter: none !important;
	box-shadow: none !important;
}

/* Эффекты для других изображений в слайдерах */
.develop-block-part:last-of-type .swiper-develop-sites .swiper-slide img:hover,
.hosting-panel .swiper-slide img:hover,
.serm-select-services .slide-img img:hover {
	transform: scale(1.04) !important;
	opacity: 0.85 !important;
	filter: brightness(1.05) contrast(1.05) !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
	transition: all 0.3s ease !important;
}

/* Анимация пульсации для главных изображений при наведении на контейнер */
@keyframes image-pulse {
	0%, 100% {
		transform: translate(-50%, -50%) scale(1);
	}
	50% {
		transform: translate(-50%, -50%) scale(1.02);
	}
}

/* Активируем тонкую пульсацию при наведении на круговой фон */
section.smm-promotion .swiper-slide .circle-background:hover img {
	animation: image-pulse 3s ease-in-out infinite;
}

.smm-cases .slide-country {
	font-size: 20px;
	font-weight: 700;
	color: #212529;
	line-height: 50px;
}

.smm-cases .slide-title {
	font-size: 30px;
	font-weight: 700;
	color: #212529;
	line-height: 40px;
}

.smm-cases .slide-subtitle {
	font-size: 20px;
	color: #212529;
}

.mark-dot::before {
	content: '•';
	font-weight: 600;
	font-size: 20px;
	line-height: 20px;
	margin-right: 12px;
	color: #132f67;
}

.mark-dot,
.about-title,
.about-content {
	color: #132f67;
	font-size: 20px;
	font-family: 'Source Sans Pro', 'Gilroy', Arial, sans-serif;
}

.about-content {
	margin-top: 3.2rem;
}

.about-img img {
	width: 30vw;
}

.people-wrapper {
	margin-top: 3.2rem;
}

.ppl-img {
	z-index: 1;
}

.ppl-text {
	padding: 40px 40px 40px 80px;
	background: var(--bg-gradient-semi-transparent);
	border-radius: 36px;
	margin-left: -65px;
	font-size: 20px;
	color: #132f67;
	font-family: 'Source Sans Pro', 'Gilroy', Arial, sans-serif;
}

.swiper-tariffs .swiper-wrapper {
    margin-top: 3.2rem;
    padding: 20px; /* Добавляем отступы, чтобы тени не обрезались */
}

/* Скрываем внутренние полосы прокрутки в блоке тарифов */
.swiper-tariffs {
	overflow: visible; /* сам блок не должен прокручиваться */
	-ms-overflow-style: none; /* IE и Edge */
	scrollbar-width: none; /* Firefox */
}
.swiper-tariffs::-webkit-scrollbar,
.swiper-tariffs *::-webkit-scrollbar {
	display: none; /* WebKit */
}

/* Контейнер слайдера тарифов (Owl): увеличиваем внутренние отступы и разрешаем тени выходить за карточку */
.swiper-tariffs .owl-carousel .owl-stage-outer {
    padding: 24px 2px 40px; /* немного больше горизонтальный паддинг для теней при scale */
    box-sizing: border-box; /* padding не растягивает страницу */
    overflow-x: hidden; /* скрываем горизонтальное переполнение, чтобы не растягивать сайт */
	overflow-y: visible; /* оставляем тени по вертикали */
	height: auto !important; /* убираем фиксированную высоту Owl и внутреннюю прокрутку */
}

.swiper-tariffs .swiper-slide {
	border-radius: 30px;
	background: var(--bg-gradient-semi-transparent);
	padding: 44px;
	position: relative;
	overflow: hidden;
	backdrop-filter: blur(2px);
	box-shadow: 
		0 8px 32px rgba(19, 47, 103, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.2),
		0 0 0 1px rgba(19, 47, 103, 0.05);
	transition: all 0.4s ease;
	transform: scale(0.9); /* уменьшаем карточку на ~10% */
	transform-origin: center top;
}

/* Эффекты деформации для тарифов через псевдоэлементы */
.swiper-tariffs .swiper-slide::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--bg-gradient-semi-transparent);
	z-index: -1;
	transition: all 0.4s ease;
}

/* Первый тариф - острые зубчатые края сверху и снизу */
.swiper-tariffs .swiper-slide:nth-child(1)::before {
	clip-path: polygon(
		0% 8%, 3% 2%, 8% 8%, 15% 1%, 22% 9%, 28% 3%, 35% 7%, 42% 0%, 
		48% 6%, 55% 2%, 62% 8%, 68% 4%, 75% 9%, 82% 1%, 88% 7%, 95% 3%, 100% 8%,
		100% 92%, 97% 98%, 92% 92%, 85% 99%, 78% 91%, 72% 97%, 65% 93%, 58% 100%, 
		52% 94%, 45% 98%, 38% 92%, 32% 96%, 25% 93%, 18% 99%, 12% 94%, 5% 97%, 0% 92%
	);
}

.swiper-tariffs .swiper-slide:nth-child(1):hover::before {
	clip-path: polygon(
		0% 5%, 6% 1%, 12% 7%, 19% 0%, 26% 8%, 32% 2%, 39% 6%, 46% 0%, 
		52% 7%, 59% 3%, 66% 9%, 72% 2%, 79% 8%, 86% 1%, 92% 6%, 98% 4%, 100% 9%,
		100% 95%, 94% 99%, 88% 93%, 81% 100%, 74% 92%, 68% 98%, 61% 94%, 54% 100%, 
		48% 95%, 41% 99%, 34% 93%, 28% 97%, 21% 94%, 14% 100%, 8% 95%, 2% 98%, 0% 93%
	);
}

/* Второй тариф - зигзагообразные края слева и справа */
.swiper-tariffs .swiper-slide:nth-child(2)::before {
	clip-path: polygon(
		0% 0%, 8% 12%, 0% 24%, 12% 36%, 0% 48%, 8% 60%, 0% 72%, 12% 84%, 0% 96%, 8% 100%,
		92% 100%, 100% 88%, 88% 76%, 100% 64%, 92% 52%, 100% 40%, 88% 28%, 100% 16%, 92% 4%, 100% 0%
	);
}

.swiper-tariffs .swiper-slide:nth-child(2):hover::before {
	clip-path: polygon(
		0% 0%, 12% 15%, 0% 30%, 15% 45%, 0% 60%, 12% 75%, 0% 90%, 15% 100%,
		85% 100%, 100% 85%, 88% 70%, 100% 55%, 85% 40%, 100% 25%, 88% 10%, 100% 0%
	);
}

/* Третий тариф - диагональные острые срезы */
.swiper-tariffs .swiper-slide:nth-child(3)::before {
	clip-path: polygon(
		12% 0%, 88% 8%, 100% 20%, 92% 32%, 100% 44%, 88% 56%, 100% 68%, 92% 80%, 100% 92%, 88% 100%,
		12% 100%, 0% 88%, 8% 76%, 0% 64%, 12% 52%, 0% 40%, 8% 28%, 0% 16%, 12% 4%, 0% 0%
	);
}

.swiper-tariffs .swiper-slide:nth-child(3):hover::before {
	clip-path: polygon(
		15% 0%, 85% 12%, 100% 25%, 88% 38%, 100% 50%, 85% 62%, 100% 75%, 88% 88%, 100% 100%, 85% 100%,
		15% 100%, 0% 85%, 12% 72%, 0% 60%, 15% 47%, 0% 35%, 12% 22%, 0% 10%, 15% 0%, 0% 0%
	);
}

/* Четвертый тариф - острые волны со всех сторон */
.swiper-tariffs .swiper-slide:nth-child(4)::before {
	clip-path: polygon(
		0% 15%, 8% 5%, 20% 12%, 32% 2%, 44% 9%, 56% 1%, 68% 8%, 80% 4%, 92% 11%, 100% 6%,
		95% 18%, 88% 28%, 96% 40%, 84% 50%, 94% 62%, 86% 72%, 95% 84%, 88% 94%, 100% 85%,
		92% 89%, 80% 96%, 68% 92%, 56% 99%, 44% 91%, 32% 98%, 20% 88%, 8% 95%, 0% 85%,
		5% 82%, 12% 72%, 4% 60%, 16% 50%, 6% 38%, 14% 28%, 5% 16%, 12% 6%, 0% 15%
	);
}

.swiper-tariffs .swiper-slide:nth-child(4):hover::before {
	clip-path: polygon(
		0% 12%, 12% 8%, 24% 15%, 36% 5%, 48% 12%, 60% 4%, 72% 11%, 84% 7%, 96% 14%, 100% 9%,
		92% 21%, 85% 31%, 93% 43%, 81% 53%, 91% 65%, 83% 75%, 92% 87%, 85% 97%, 100% 88%,
		88% 92%, 76% 99%, 64% 95%, 52% 102%, 40% 94%, 28% 101%, 16% 91%, 4% 98%, 0% 88%,
		8% 85%, 15% 75%, 7% 63%, 19% 53%, 9% 41%, 17% 31%, 8% 19%, 15% 9%, 0% 12%
	);
}

/* Пятый тариф - изломанные края */
.swiper-tariffs .swiper-slide:nth-child(5)::before {
	clip-path: polygon(
		0% 15%, 8% 5%, 18% 12%, 25% 2%, 35% 9%, 45% 1%, 55% 11%, 65% 3%, 75% 13%, 85% 7%, 95% 16%, 100% 8%,
		100% 85%, 92% 95%, 82% 88%, 75% 98%, 65% 91%, 55% 99%, 45% 89%, 35% 97%, 25% 87%, 15% 93%, 5% 84%, 0% 92%
	);
}

.swiper-tariffs .swiper-slide:nth-child(5):hover::before {
	clip-path: polygon(
		0% 12%, 10% 8%, 20% 15%, 28% 4%, 38% 11%, 48% 2%, 58% 14%, 68% 6%, 78% 16%, 88% 9%, 98% 18%, 100% 10%,
		100% 88%, 90% 92%, 80% 85%, 72% 96%, 62% 89%, 52% 98%, 42% 86%, 32% 94%, 22% 84%, 12% 91%, 2% 82%, 0% 90%
	);
}

/* Шестой тариф - диагональные срезы */
.swiper-tariffs .swiper-slide:nth-child(6)::before {
	clip-path: polygon(
		12% 0%, 100% 0%, 100% 88%, 88% 100%, 0% 100%, 0% 12%
	);
}

.swiper-tariffs .swiper-slide:nth-child(6):hover::before {
	clip-path: polygon(
		15% 0%, 100% 0%, 100% 85%, 85% 100%, 0% 100%, 0% 15%
	);
}


/* Анимация при наведении на весь блок тарифа: убираем наклон, делаем небольшое увеличение */
.swiper-tariffs .swiper-slide:hover {
    transform: translateY(-5px) scale(0.918); /* 0.9 * 1.02 = 0.918 */
    box-shadow: 0 20px 40px rgba(19, 47, 103, 0.15);
}



/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
	.swiper-tariffs .swiper-wrapper {
		padding: 15px;
	}
	
	.swiper-tariffs .swiper-slide {
		animation-duration: 20s; /* Замедляем анимацию на мобильных */
	}
	
    .swiper-tariffs .swiper-slide:hover {
        transform: translateY(-5px) scale(0.918);
    }
}

/* Деформация для кнопок тарифов */
.swiper-tariffs .btn-resive {
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
}

.swiper-tariffs .btn-resive::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: inherit;
	z-index: -1;
	transition: all 0.3s ease;
}

/* Уникальная пузырьковая деформация кнопок для каждого тарифа */
.swiper-tariffs .swiper-slide:nth-child(1) .btn-resive::before {
	clip-path: ellipse(92% 85% at 50% 50%);
	border-radius: 25px;
}

.swiper-tariffs .swiper-slide:nth-child(1) .btn-resive:hover::before {
	clip-path: ellipse(88% 90% at 48% 52%);
	border-radius: 30px;
}

.swiper-tariffs .swiper-slide:nth-child(2) .btn-resive::before {
	clip-path: polygon(
		15% 12%, 85% 8%, 92% 30%, 88% 70%, 82% 88%, 18% 92%, 8% 70%, 12% 30%
	);
	border-radius: 35px;
}

.swiper-tariffs .swiper-slide:nth-child(2) .btn-resive:hover::before {
	clip-path: polygon(
		12% 15%, 88% 12%, 95% 35%, 92% 65%, 85% 85%, 15% 88%, 5% 65%, 8% 35%
	);
	border-radius: 40px;
}

.swiper-tariffs .swiper-slide:nth-child(3) .btn-resive::before {
	clip-path: ellipse(88% 92% at 52% 48%);
	border-radius: 45px 25px 35px 30px;
	transform: rotate(-0.8deg);
}

.swiper-tariffs .swiper-slide:nth-child(3) .btn-resive:hover::before {
	clip-path: ellipse(85% 88% at 48% 52%);
	border-radius: 30px 45px 25px 40px;
	transform: rotate(1deg);
}

.swiper-tariffs .swiper-slide:nth-child(4) .btn-resive::before {
	clip-path: polygon(
		22% 15%, 78% 12%, 88% 35%, 85% 65%, 75% 85%, 25% 88%, 12% 65%, 15% 35%
	);
	border-radius: 40px;
	transform: rotate(0.5deg);
}

.swiper-tariffs .swiper-slide:nth-child(4) .btn-resive:hover::before {
	clip-path: polygon(
		18% 18%, 82% 8%, 92% 30%, 88% 70%, 78% 88%, 22% 85%, 8% 70%, 12% 30%
	);
	border-radius: 42px;
	transform: rotate(-0.8deg);
}

.swiper-tariffs .swiper-slide:nth-child(5) .btn-resive::before {
	clip-path: ellipse(90% 82% at 48% 52%);
	border-radius: 50px 30px 40px 35px;
	transform: rotate(1.2deg);
}

.swiper-tariffs .swiper-slide:nth-child(5) .btn-resive:hover::before {
	clip-path: ellipse(85% 88% at 52% 48%);
	border-radius: 35px 50px 30px 45px;
	transform: rotate(-0.5deg);
}

.swiper-tariffs .swiper-slide:nth-child(6) .btn-resive::before {
	clip-path: polygon(
		28% 18%, 72% 12%, 85% 32%, 88% 50%, 85% 68%, 72% 82%, 28% 88%, 15% 68%, 12% 50%, 15% 32%
	);
	border-radius: 30px;
	transform: rotate(-1deg);
}

.swiper-tariffs .swiper-slide:nth-child(6) .btn-resive:hover::before {
	clip-path: polygon(
		25% 22%, 75% 15%, 88% 35%, 92% 50%, 88% 65%, 75% 85%, 25% 85%, 12% 65%, 8% 50%, 12% 35%
	);
	border-radius: 35px;
	transform: rotate(1deg);
}

/* Дополнительное движение для кнопок при наведении */
.swiper-tariffs .btn-resive:hover {
	transform: translateY(-2px) scale(1.02);
}

.swiper-tariffs .swiper-slide:nth-child(odd) .btn-resive:hover {
	transform: translateY(-2px) scale(1.02) rotate(0.5deg);
}

.swiper-tariffs .swiper-slide:nth-child(even) .btn-resive:hover {
	transform: translateY(-2px) scale(1.02) rotate(-0.5deg);
}

/* Стили для навигационных стрелок тарифов */
.tariffs-nav {
	position: absolute;
	top: 350px; /* Фиксированная позиция от верха контейнера */
	left: 0;
	right: 0;
	z-index: 10;
	pointer-events: none;
}
.tariffs-prev,
.tariffs-next {
	position: absolute;
	top: 0;
	width: 60px;
	height: 60px;
	border: none;
	border-radius: 15px;
	background: rgba(255, 255, 255, 0.95);
	color: #132f67;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease;
	pointer-events: auto;
	z-index: 11;
	backdrop-filter: blur(10px);
	border: 2px solid rgba(19, 47, 103, 0.1);
}

.tariffs-prev:hover,
.tariffs-next:hover {
	background: #132f67;
	color: #ffffff;
	box-shadow: 0 12px 35px rgba(19, 47, 103, 0.3);
	transform: translateY(-3px) scale(1.05);
	border-color: #132f67;
}

.tariffs-prev:active,
.tariffs-next:active {
	transform: translateY(-1px) scale(0.98);
	box-shadow: 0 6px 20px rgba(19, 47, 103, 0.2);
}

.tariffs-prev {
	left: -90px;
}

.tariffs-next {
	right: -90px;
}

.tariffs-prev svg,
.tariffs-next svg {
	width: 28px;
	height: 28px;
	pointer-events: none;
	transition: all 0.3s ease;
}

/* Адаптивные стили для стрелок тарифов */
@media (max-width: 1400px) {
	.tariffs-prev {
		left: -70px;
	}
	
	.tariffs-next {
		right: -70px;
	}
}

@media (max-width: 1200px) {
	.tariffs-prev {
		left: -50px;
	}
	
	.tariffs-next {
		right: -50px;
	}
	
	.tariffs-prev,
	.tariffs-next {
		width: 55px;
		height: 55px;
	}
	
	.tariffs-prev svg,
	.tariffs-next svg {
		width: 24px;
		height: 24px;
	}
}

@media (max-width: 991px) {
	.tariffs-prev {
		left: 15px;
	}
	
	.tariffs-next {
		right: 15px;
	}
	
	.tariffs-prev,
	.tariffs-next {
		width: 50px;
		height: 50px;
	}
	
	.tariffs-prev svg,
	.tariffs-next svg {
		width: 22px;
		height: 22px;
	}
}

@media (max-width: 767px) {
	.tariffs-prev {
		left: 10px;
	}
	
	.tariffs-next {
		right: 10px;
	}
	
	.tariffs-prev,
	.tariffs-next {
		width: 45px;
		height: 45px;
		border-radius: 12px;
	}
	
	.tariffs-prev svg,
	.tariffs-next svg {
		width: 20px;
		height: 20px;
	}
}

/* Скрываем стандартные стрелки Owl Carousel для тарифов */
.swiper-tariffs .owl-nav,
.seo-tariffs .owl-nav {
	display: none !important;
}

.price-container {
	display: flex;
	flex-direction: row;
	position: absolute;
	top: 0;
	left: 0;
}

.price-container:has(.slide-star) .slide-price,
.price-container:has(.slide-start) .slide-price,
.price-container:has(.slide-advanced) .slide-price,
.price-container:has(.slide-hit) .slide-price {
	border-radius: 30px 0px 0px 0px;
}
.price-container:has(.slide-star) .slide-star,
.price-container:has(.slide-start) .slide-start,
.price-container:has(.slide-hit) .slide-hit,
.price-container:has(.slide-advanced) .slide-advanced {
	border-radius: 0px 0px 30px 0px;
}

.slide-price {
	padding: 20px 30px;
	background: linear-gradient(135deg, #132f67 0%, #2c4ca3 50%, #4472c4 100%);
	color: #ffffff;
	border-radius: 30px 0px 30px 0px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	box-shadow: 0 4px 15px rgba(19, 47, 103, 0.4);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.slide-price:hover {
	transform: translateY(-2px) scale(1.05);
	box-shadow: 0 8px 25px rgba(19, 47, 103, 0.6);
	background: linear-gradient(135deg, #1e3f7a 0%, #3558b5 50%, #5585d4 100%);
}

/* Пузырьковая деформация для блока цены - уникальная для каждого тарифа */
.swiper-tariffs .swiper-slide:nth-child(1) .slide-price::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: inherit;
	z-index: -1;
	clip-path: ellipse(92% 88% at 50% 50%);
	border-radius: 35px 25px 30px 20px;
	transition: all 0.3s ease;
}

.swiper-tariffs .swiper-slide:nth-child(1) .slide-price:hover::before {
	clip-path: ellipse(88% 92% at 48% 52%);
	border-radius: 30px 35px 25px 28px;
}

.swiper-tariffs .swiper-slide:nth-child(2) .slide-price::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: inherit;
	z-index: -1;
	clip-path: polygon(
		18% 8%, 82% 15%, 88% 35%, 85% 65%, 78% 85%, 22% 92%, 15% 65%, 12% 35%
	);
	border-radius: 40px;
}

.swiper-tariffs .swiper-slide:nth-child(2) .slide-price:hover::before {
	clip-path: polygon(
		15% 12%, 85% 8%, 92% 30%, 88% 70%, 82% 88%, 18% 85%, 8% 70%, 12% 30%
	);
	border-radius: 45px;
}

.swiper-tariffs .swiper-slide:nth-child(3) .slide-price::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: inherit;
	z-index: -1;
	clip-path: ellipse(85% 95% at 55% 45%);
	border-radius: 50px 30px 40px 35px;
	transform: rotate(-1deg);
}

.swiper-tariffs .swiper-slide:nth-child(3) .slide-price:hover::before {
	clip-path: ellipse(90% 88% at 45% 55%);
	border-radius: 40px 50px 35px 45px;
	transform: rotate(1deg);
}

.swiper-tariffs .swiper-slide:nth-child(4) .slide-price::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: inherit;
	z-index: -1;
	clip-path: polygon(
		25% 12%, 75% 8%, 88% 30%, 85% 70%, 70% 88%, 30% 85%, 12% 70%, 15% 30%
	);
	border-radius: 45px;
	transform: rotate(1.5deg);
}

.swiper-tariffs .swiper-slide:nth-child(4) .slide-price:hover::before {
	clip-path: polygon(
		20% 15%, 80% 12%, 92% 35%, 88% 65%, 75% 85%, 25% 88%, 8% 65%, 12% 35%
	);
	border-radius: 50px;
	transform: rotate(-1deg);
}

.swiper-tariffs .swiper-slide:nth-child(5) .slide-price::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: inherit;
	z-index: -1;
	clip-path: ellipse(88% 82% at 48% 52%);
	border-radius: 55px 35px 45px 40px;
	transform: rotate(-0.8deg);
}

.swiper-tariffs .swiper-slide:nth-child(5) .slide-price:hover::before {
	clip-path: ellipse(85% 88% at 52% 48%);
	border-radius: 40px 55px 35px 50px;
	transform: rotate(1.2deg);
}

.swiper-tariffs .swiper-slide:nth-child(6) .slide-price::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: inherit;
	z-index: -1;
	clip-path: polygon(
		30% 15%, 70% 8%, 82% 30%, 85% 50%, 82% 70%, 70% 88%, 30% 92%, 18% 70%, 15% 50%, 18% 30%
	);
	border-radius: 35px;
	transform: rotate(2deg);
}

.swiper-tariffs .swiper-slide:nth-child(6) .slide-price:hover::before {
	clip-path: polygon(
		25% 18%, 75% 12%, 88% 35%, 92% 50%, 88% 65%, 75% 85%, 25% 88%, 12% 65%, 8% 50%, 12% 35%
	);
	border-radius: 40px;
	transform: rotate(-1.5deg);
}

/* Деформация для значков статуса (звездочка, СТАРТ, ХИТ и т.д.) */
.slide-star,
.slide-start,
.slide-hit,
.slide-advanced {
	position: relative;
	overflow: hidden;
}

.slide-star::before,
.slide-start::before,
.slide-hit::before,
.slide-advanced::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: inherit;
	z-index: -1;
	transition: all 0.3s ease;
}

/* Уникальная пузырьковая деформация для каждого типа значка */
.swiper-tariffs .swiper-slide:nth-child(odd) .slide-star::before,
.swiper-tariffs .swiper-slide:nth-child(odd) .slide-start::before,
.swiper-tariffs .swiper-slide:nth-child(odd) .slide-hit::before,
.swiper-tariffs .swiper-slide:nth-child(odd) .slide-advanced::before {
	clip-path: ellipse(90% 85% at 50% 50%);
	border-radius: 20px 15px 18px 12px;
}

.swiper-tariffs .swiper-slide:nth-child(even) .slide-star::before,
.swiper-tariffs .swiper-slide:nth-child(even) .slide-start::before,
.swiper-tariffs .swiper-slide:nth-child(even) .slide-hit::before,
.swiper-tariffs .swiper-slide:nth-child(even) .slide-advanced::before {
	clip-path: polygon(
		20% 15%, 80% 12%, 88% 35%, 85% 65%, 75% 85%, 25% 88%, 12% 65%, 15% 35%
	);
	border-radius: 15px 20px 12px 18px;
}

.swiper-tariffs .swiper-slide:hover .slide-star::before,
.swiper-tariffs .swiper-slide:hover .slide-start::before,
.swiper-tariffs .swiper-slide:hover .slide-hit::before,
.swiper-tariffs .swiper-slide:hover .slide-advanced::before {
	transform: scale(1.08) rotate(2deg);
	border-radius: 25px 18px 22px 15px;
}

.slide-star {
	height: 44px;
	width: 44px;
	background: #ffa800;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	border-radius: 18px 12px 15px 10px;
	box-shadow: 0 4px 12px rgba(255, 168, 0, 0.3);
}
.slide-start {
	height: 44px;
	min-width: 44px;
	padding: 0 15px;
	background: #ffa800;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	border-radius: 15px 20px 12px 18px;
	box-shadow: 0 4px 12px rgba(255, 168, 0, 0.3);
}
.slide-hit {
	height: 44px;
	min-width: 44px;
	padding: 0 15px;
	background: #ff4c00;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	border-radius: 20px 10px 18px 15px;
	box-shadow: 0 4px 12px rgba(255, 76, 0, 0.3);
}
.slide-advanced {
	height: 44px;
	min-width: 44px;
	padding: 0 15px;
	background: #ff4c00;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	border-radius: 12px 18px 20px 15px;
	box-shadow: 0 4px 12px rgba(255, 76, 0, 0.3);
}

.slide-tariff,
.slide-tariff-title {
	text-align: center;
	font-size: 20px;
	line-height: 35px;
}

.slide-tariff {
	font-weight: 700;
}

.slide-tariff-title {
	font-weight: 500;
}

.swiper-notification {
	display: none;
}

.slide-tariff-list {
	margin-top: 10px;
}

.slide-tariff-list li {
	position: relative;
	padding-left: 25px;
	list-style: none;
	margin-bottom: 6px;
}

.slide-tariff-list li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	color: #3B82F6;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.2;
}

/* Старые bounce анимации удалены, заменены на trust-bubble стили */

.block_3_title {
	width: 470px;
	margin: 0 auto;
	display: block;
	margin-bottom: 25px;
}

.block_3_content {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	/*max-width: 1100px;*/
	margin: 0 auto;
}

.block_3_section {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
}

.block_3_image {
	background: #ffffff;
	border-radius: 50%;
	width: 140px;
	height: 140px;
	position: relative;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
}

.block_3_image {
	animation-duration: 7s;
	animation-iteration-count: infinite;
	margin: 0 auto 0 auto;
	transform-origin: bottom;
}
.block_3_content .block_3_section-1 .block_3_stage-0 {
	margin-top: 80px;
	margin-right: 50px;
}
/* Отключаем bounce анимации и добавляем стили для trust-bubble пузырей */
.block_3_content_active .block_3_section-1 .bounce-1,
.block_3_content_active .block_3_section-1 .bounce-2,
.block_3_content_active .block_3_section-1 .bounce-3,
.block_3_content_active .block_3_section-1 .bounce-4,
.block_3_content_active .block_3_section-1 .bounce-5,
.block_3_content_active .block_3_section-1 .bounce-6,
.block_3_content_active .block_3_section-1 .bounce-7,
.block_3_content_active .block_3_section-2 .bounce-1,
.block_3_content_active .block_3_section-2 .bounce-2,
.block_3_content_active .block_3_section-2 .bounce-3,
.block_3_content_active .block_3_section-2 .bounce-4,
.block_3_content_active .block_3_section-2 .bounce-5,
.block_3_content_active .block_3_section-2 .bounce-6,
.block_3_content_active .block_3_section-2 .bounce-7,
.block_3_content_active .block_3_section-2 .bounce-8,
.block_3_content_active .block_3_section-2 .bounce-9,
.block_3_content_active .block_3_section-3 .bounce-1,
.block_3_content_active .block_3_section-3 .bounce-2,
.block_3_content_active .block_3_section-3 .bounce-3 {
	animation: none !important;
}

/* Контейнер для логотипов с пузырями */
.trust-logo-container {
	position: relative;
	overflow: visible;
}

.trust-logo-container img {
	position: relative;
	z-index: 3;
}

/* Стили для искаженных пузырей логотипов */
.trust-bubble {
	position: absolute;
	background: rgba(255, 255, 255, 0.55);
	border-radius: 50% 60% 40% 70% / 30% 50% 80% 50%;
	pointer-events: none;
	z-index: 0;
	box-shadow: 0 0 20px rgba(255, 255, 255, 0.15);
	animation: none;
}

/* Различные искажения формы для разнообразия */
.trust-bubble:nth-child(odd) {
	border-radius: 70% 30% 60% 40% / 40% 60% 30% 70%;
}

.trust-bubble:nth-child(even) {
	border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
}

.trust-bubble:nth-child(3n) {
	border-radius: 40% 70% 50% 50% / 70% 40% 60% 30%;
}

.trust-bubble:nth-child(4n) {
	border-radius: 80% 30% 50% 60% / 50% 70% 40% 60%;
}

/* Позиционирование пузырей для каждого логотипа */
.trust-bubble.trust-bubble-1 {
	width: 80px;
	height: 80px;
	top: -25%;
	left: -25%;
	background: rgba(255, 255, 255, 0.45);
}

.trust-bubble.trust-bubble-2 {
	width: 70px;
	height: 70px;
	top: -15%;
	right: -20%;
	background: rgba(255, 255, 255, 0.35);
}

.trust-bubble.trust-bubble-3 {
	width: 60px;
	height: 60px;
	bottom: -20%;
	left: -15%;
	background: rgba(255, 255, 255, 0.40);
}

.trust-bubble.trust-bubble-4 {
	width: 55px;
	height: 55px;
	bottom: -25%;
	right: -25%;
	background: rgba(255, 255, 255, 0.30);
}

/* Адаптивные стили для пузырей */
@media (max-width: 991px) {
	.trust-bubble.trust-bubble-1 {
		width: 60px;
		height: 60px;
	}
	
	.trust-bubble.trust-bubble-2 {
		width: 55px;
		height: 55px;
	}
	
	.trust-bubble.trust-bubble-3 {
		width: 50px;
		height: 50px;
	}
	
	.trust-bubble.trust-bubble-4 {
		width: 45px;
		height: 45px;
	}
}

@media (max-width: 767px) {
	.trust-bubble {
		opacity: 0.7;
	}
	
	.trust-bubble.trust-bubble-1 {
		width: 45px;
		height: 45px;
	}
	
	.trust-bubble.trust-bubble-2 {
		width: 40px;
		height: 40px;
	}
	
	.trust-bubble.trust-bubble-3 {
		width: 35px;
		height: 35px;
	}
	
	.trust-bubble.trust-bubble-4 {
		width: 30px;
		height: 30px;
	}
}

.block_3_content_active .block_3_section-3 .bounce-4 {
	animation-name: bounce-16;
	animation-timing-function: ease-in-out;
}

.block_3_content_active .block_3_section-3 .bounce-6 {
	animation-name: bounce-14;
	animation-timing-function: ease-in-out;
}

.block_3_content_active .block_3_section-3 .bounce-7 {
	animation-name: bounce-15;
	animation-timing-function: ease-in-out;
}

/* Отключаем серый круг-тень за логотипами в блоке "Нам доверили" */
.block_3_image:before {
	display: none;
}

.block_3_content .block_3_section-1 .block_3_stage-1 {
	margin-right: 15px;
	margin-top: 25px;
}

.block_3_content .block_3_section-1 .block_3_stage-2 {
	margin-top: -43px;
	margin-left: 22px;
	margin-right: 22px;
}

.block_3_content .block_3_section-1 .block_3_stage-3 {
	margin-top: 40px;
	margin-left: 30px;
	margin-right: 30px;
}

.block_3_content .block_3_section-1 .block_3_stage-4 {
	margin-top: -40px;
	margin-left: 15px;
	margin-right: 15px;
}

.block_3_content .block_3_section-1 .block_3_stage-5 {
	margin-top: 25px;
	margin-left: 30px;
}

.block_3_content .block_3_section-2 .block_3_stage-8 {
	margin-top: 40px;
	margin-left: 55px;
}

.block_3_content .block_3_section-2 .block_3_stage-7 {
	margin-top: 0;
	right: -85px;
	position: relative;
	top: -80px;
}

.block_3_content .block_3_section-2 .block_3_stage-6 {
	margin-top: 20px;
	margin-left: 55px;
	margin-right: -80px;
}

.block_3_content .block_3_section-2 .block_3_stage-5 {
	margin-top: 0;
	margin-left: 55px;
}

.block_3_content .block_3_section-2 .block_3_stage-4 {
	margin-top: 0;
	margin-left: 55px;
	top: -50px;
	position: relative;
}

.block_3_content .block_3_section-2 .block_3_stage-3 {
	margin-top: 0;
	margin-left: 25px;
	margin-right: 25px;
}

.block_3_content .block_3_section-2 .block_3_stage-2 {
	margin-top: -50px;
	margin-left: 25px;
	margin-right: 25px;
}

.block_3_content .block_3_section-2 .block_3_stage-1 {
	margin-top: -25px;
	margin-right: 50px;
}

.block_3_content .block_3_section-3 .block_3_stage-1 {
	margin-top: 0;
	margin-right: 50px;
}

.block_3_content .block_3_section-3 .block_3_stage-2 {
	margin-top: 0;
	margin-right: 50px;
	margin-left: 50px;
}

.block_3_content .block_3_section-3 .block_3_stage-3 {
	margin-top: 0;
	margin-right: 20px;
	margin-left: 30px;
}

.block_3_content .block_3_section-3 .block_3_stage-4 {
	margin-top: 25px;
	margin-left: 20px;
	margin-right: 100px;
}
.block_3_content .block_3_section-3 .block_3_stage-6 {
	margin-top: 90px;
}

.block_3_section-2 {
	position: relative;
	top: 50px;
}

.block_3_section-3 {
	position: relative;
	top: 20px;
}

.block_3_content .block_3_section-1 .block_3_stage-1 .block_3_image {
	width: 140px;
	height: 140px;
}

.block_3_content .block_3_section-1 .block_3_stage-2 .block_3_image {
	width: 140px;
	height: 140px;
}

.block_3_content .block_3_section-1 .block_3_stage-3 .block_3_image {
	width: 150px;
	height: 150px;
}

.block_3_content .block_3_section-1 .block_3_stage-4 .block_3_image {
	width: 145px;
	height: 145px;
}
.block_3_content .block_3_section-1 .block_3_stage-5 .block_3_image {
	width: 129px;
	height: 129px;
}
.block_3_content .block_3_section-2 .block_3_stage-1 .block_3_image {
	width: 105px;
	height: 105px;
}

.block_3_content .block_3_section-2 .block_3_stage-2 .block_3_image {
	width: 84px;
	height: 84px;
}

.block_3_content .block_3_section-2 .block_3_stage-3 .block_3_image {
	width: 68px;
	height: 68px;
}

.block_3_content .block_3_section-2 .block_3_stage-4 .block_3_image {
	width: 120px;
	height: 120px;
}

.block_3_content .block_3_section-2 .block_3_stage-5 .block_3_image {
	width: 78px;
	height: 78px;
}

.block_3_content .block_3_section-2 .block_3_stage-6 .block_3_image {
	width: 103px;
	height: 103px;
}

.block_3_content .block_3_section-2 .block_3_stage-7 .block_3_image {
	width: 75px;
	height: 75px;
}

.block_3_content .block_3_section-2 .block_3_stage-8 .block_3_image {
	width: 109px;
	height: 109px;
}

.block_3_content .block_3_section-3 .block_3_stage-1 .block_3_image {
	width: 110px;
	height: 110px;
}

.block_3_content .block_3_section-3 .block_3_stage-2 .block_3_image {
	width: 115px;
	height: 115px;
}

.block_3_content .block_3_section-3 .block_3_stage-3 .block_3_image {
	width: 85px;
	height: 85px;
}

.block_3_content .block_3_section-3 .block_3_stage-4 .block_3_image {
	width: 95px;
	height: 95px;
}

.block_3_subtitle {
	width: 100%;
}

.block_3_subtitle {
	width: 100%;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	margin-top: 50px;
}

.swiper-steps {
	margin-top: 3.2rem;
}

.swiper-steps .swiper-button-next {
	right: 2px;
}
.swiper-steps .swiper-button-prev {
	left: 250px;
}

.swiper-steps .swiper-pagination {
	margin: 0;
	width: 25%;
}
.swiper-steps .owl-pagination {
	margin: 0;
	width: 25%;
}

.swiper-steps .swiper-pagination-bullet {
	background: transparent;
	width: 280px;
	height: max-content;
	font-size: 16px;
	border-radius: 0 !important;
	margin: 0 !important;
	display: flex;
	text-align: left;
	opacity: 1;
	color: #aaaad1;
	transition: color 0.2s ease-in-out;
}
.swiper-steps .owl-dot {
	background: transparent;
	width: 280px;
	height: max-content;
	font-size: 16px;
	border-radius: 0 !important;
	margin: 0 !important;
	display: flex;
	text-align: left;
	opacity: 1;
	color: #aaaad1;
	transition: color 0.2s ease-in-out;
}

.swiper-steps .swiper-pagination-bullet {
	max-width: 95%;
}
.swiper-steps .owl-dot {
	max-width: 95%;
}

.swiper-steps .swiper-pagination::-webkit-scrollbar {
	display: none;
}
.swiper-steps .swiper-pagination {
	height: 300px;
	overflow-y: auto;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.swiper-steps .owl-pagination {
	height: 300px;
	overflow-y: auto;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}

.swiper-steps .swiper-pagination-bullet-active {
	font-weight: 700;
	color: #292364;
	cursor: default;
}
.swiper-steps .owl-dot.active {
	font-weight: 700;
	color: #292364;
	cursor: default;
}

.swiper-steps
	.swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active) {
	color: #1d3b82;
}
.swiper-steps .owl-dot:hover:not(.owl-dot.active) {
	color: #1d3b82;
}

.swiper-steps .swiper-pagination-bullet {
	margin-bottom: 10px !important;
}
.swiper-steps .owl-dot {
	margin-bottom: 10px !important;
}

.swiper-steps .swiper-slide {
	border-radius: 15px;
	text-align: center;
	padding: 40px;
	background: linear-gradient(
		89.72deg,
		#ffffff -12.44%,
		rgba(255, 255, 255, 0) 111.9%
	);
	backdrop-filter: blur(26px);
	-webkit-backdrop-filter: blur(20px);
	min-height: 300px;
}

.slide-step {
	font-weight: 600;
}

.blog .swiper-wrapper {
	margin-top: 3.2rem;
}

.blog .slide-title {
	font-size: 20px;
	line-height: 25px;
	margin-top: 16px;
	text-align: center;
}

.blog .slide-subtitle {
	font-size: 16px;
	line-height: 20px;
	margin-top: 5px;
}

.item-picture.item-picture-seo-1 {
	z-index: -1;
	left: 255px;
	top: 55px;
}
.item-picture.item-picture-seo-2 {
	right: 300px;
	top: 65px;
	z-index: -3;
}
.item-picture.item-picture-seo-3 {
	right: 190px;
	top: 420px;
	z-index: -7;
}
.item-picture.item-picture-seo-4 {
	left: 260px;
	top: 495px;
	z-index: -5;
}
.item-picture.item-picture-seo-6 {
	right: -120px;
	top: 485px;
}

.seo-tariffs .slide-tariff {
	margin-top: 10px;
}

.seo-what-in-price .swiper-slide {
	padding: 40px;
	background: linear-gradient(
		89.72deg,
		#ffffff -12.44%,
		rgba(255, 255, 255, 0) 111.9%
	);
	backdrop-filter: blur(26px);
	-webkit-backdrop-filter: blur(20px);
	border-radius: 15px;
}

.seo-what-in-price .slide-title {
	font-size: 30px;
	line-height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.seo-what-in-price .swiper-wrapper {
	margin-top: 3.2rem;
}

.slide-num {
	background: linear-gradient(180deg, #ffa4a4 0%, #fffcba 100%);
	color: white;
	height: 53px;
	width: 53px;
	min-width: 53px;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	line-height: 53px;
	font-size: 24px;
	font-weight: 700;
	margin-right: 20px;
}

.slide-list {
	margin-top: 20px;
	margin-bottom: 0;
}

.slide-container {
	display: flex;
	flex-direction: row;
}

.content {
	margin-top: 3.2rem;
}

.scales {
	position: relative;
	margin: 0 auto;
	margin-top: 3.2rem;
}

.shoulders {
	position: absolute;
	width: 100%;
	height: 5px;
	margin-top: 80px;
	background: #fff;
	z-index: 5;
}

.shoulders:before {
	position: absolute;
	margin-top: -10.5px;
	margin-left: -10.5px;
	width: 21px;
	height: 21px;
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	background: #ffffff;
	border-radius: 50%;
}

.shoulders.shoulders_anim {
	-webkit-animation: swing 8s ease-in-out infinite;
	-moz-animation: swing 8s ease-in-out infinite;
	-o-animation: swing 8s ease-in-out infinite;
	animation: swing 8s ease-in-out infinite;
}

.rope {
	position: absolute;
	top: 0;
	margin-top: -6px;
	width: 94px;
	height: 110px;
}

.rope:before {
	content: url(/local/templates/smm/img/db-v-2.png);
	z-index: 2;
	position: relative;
}

.rope:nth-of-type(1) {
	margin-left: -42px;
}

.rope:nth-of-type(2) {
	right: -94px;
	margin-right: 20px;
}

.rope:first-child:after {
	border-color: #900;
}

.shoulders_final {
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
}

.rope_final {
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

.rope.rope_anim {
	-webkit-animation: antiswing 8s ease-in-out 0s infinite;
	-moz-animation: antiswing 8s ease-in-out 0s infinite;
	-o-animation: antiswing 8s ease-in-out 0s infinite;
	animation: antiswing 8s ease-in-out 0s infinite;
}

.block_10_image {
	overflow: hidden;
	max-width: max-content;
	z-index: 1;
	position: absolute;
	top: 100%;
	margin-top: -10px;
	margin-left: -220px;
	width: 550px;
}
.block_10_image_other {
	z-index: -1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

@-webkit-keyframes swing {
	0% {
		-webkit-transform: rotate(5deg);
	}
	25% {
		-webkit-transform: rotate(-5deg);
	}
	50% {
		-webkit-transform: rotate(5deg);
	}
	75% {
		-webkit-transform: rotate(-5deg);
	}
	100% {
		-webkit-transform: rotate(5deg);
	}
}

@keyframes swing {
	0% {
		transform: rotate(5deg);
	}
	25% {
		transform: rotate(-5deg);
	}
	50% {
		transform: rotate(5deg);
	}
	75% {
		transform: rotate(-5deg);
	}
	100% {
		transform: rotate(5deg);
	}
}

@-webkit-keyframes antiswing {
	0% {
		-webkit-transform: rotate(5deg);
	}
	25% {
		-webkit-transform: rotate(-5deg);
	}
	50% {
		-webkit-transform: rotate(5deg);
	}
	75% {
		-webkit-transform: rotate(-5deg);
	}
	100% {
		-webkit-transform: rotate(5deg);
	}
}

@keyframes antiswing {
	0% {
		transform: rotate(5deg);
	}
	25% {
		transform: rotate(-5deg);
	}
	50% {
		transform: rotate(5deg);
	}
	75% {
		transform: rotate(-5deg);
	}
	100% {
		transform: rotate(5deg);
	}
}

.swiper-slide-block {
	background: #ffffff;
	border-radius: 40px;
}

.swiper-slide-block:nth-of-type(1n + 3) {
	margin-top: 35px;
}

.swiper-name-block .name {
	font-size: 30px;
}

.swiper-name-block .link {
	font-size: 22px;
	color: #c7c6c2;
}

.swiper-slide-block {
	padding: 40px;
}

.swiper-slide-block .title {
	font-size: 18px;
	margin-bottom: 15px;
}

.swiper-slide table {
	width: 100%;
	border: none;
}

.swiper-slide table th {
	color: #c7c6c2;
}

.swiper-slide table th:nth-child(1) {
	width: 60%;
}

.swiper-slide table th:nth-child(2),
.swiper-slide table th:nth-child(3) {
	width: 20%;
	text-align: center;
}

.swiper-slide table td {
	font-size: 14px;
}

.swiper-slide table td:nth-child(1) {
	width: 60%;
	color: #28668b;
	font-weight: bold;
}

.swiper-slide table td:nth-child(2) {
	width: 20%;
	text-align: center;
	color: #c7c6c2;
}

.swiper-slide table td:nth-child(3) {
	width: 20%;
	text-align: center;
}

.swiper-slide .ya-qu table td:nth-child(3) {
	color: #55bcff;
	text-decoration: underline;
}

.swiper-slide .google-qu table td:nth-child(3) {
	color: #bb4f45;
	text-decoration: underline;
}

.seo-recent-projects .swiper-pagination {
	bottom: 0;
	top: 0;
	margin-top: 10px;
}
.seo-recent-projects .owl-pagination {
	bottom: 0;
	top: 0;
	margin-top: 10px;
}

.item-picture.item-picture-serm-1 {
	z-index: -1;
	left: 195px;
	top: 60px;
}
.item-picture.item-picture-serm-2 {
	right: 320px;
	top: 90px;
	z-index: -3;
}
.item-picture.item-picture-serm-3 {
	right: 295px;
	top: 390px;
	z-index: -7;
}
.item-picture.item-picture-serm-4 {
	left: 225px;
	top: 550px;
	z-index: -5;
}
.item-picture.item-picture-serm-5 {
	left: 385px;
	top: 435px;
	z-index: -7;
}
.item-picture.item-picture-serm-6 {
	right: -95px;
	top: 415px;
}

.serm-cases .swiper-slide {
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
}

.serm-cases .swiper-slide .right,
.serm-cases .swiper-slide .left {
	padding: 40px;
}

.serm-cases .swiper-slide .right {
	background: #132f67;
}

.swiper-slide .left .title {
	color: #132f67;
	font-size: 30px;
	margin-bottom: 10px;
	font-weight: bold;
}
.swiper-slide .left .subtitle {
	color: #707070;
	font-size: 16px;
	padding-bottom: 20px;
	padding-right: 10px;
	border-bottom: 1px solid #707070;
}
.swiper-slide .left .text {
	padding-top: 20px;
	line-height: 35px;
	font-size: 20px;
}

.swiper-slide .right .title {
	color: #fff;
	font-size: 18px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.swiper-slide .right .title img {
	height: 15px;
	width: auto;
	margin-right: 10px;
}

.swiper-slide .right .loc-list,
.swiper-slide .right .time,
.swiper-slide .right .star-text {
	font-size: 25px;
	font-weight: 700;
	color: #fff;
	margin-left: 23px;
}

.swiper-slide .right .time,
.swiper-slide .right .star-text {
	margin-left: 25px;
}

.serm-cases .swiper-pagination {
	bottom: 0;
	top: 0;
	margin-top: 15px;
	margin-bottom: 20px;
}
.serm-cases .owl-pagination {
	bottom: 0;
	top: 0;
	margin-top: 15px;
	margin-bottom: 20px;
}

.what-is-block img {
	position: absolute;
	top: 0;
	right: 0;
	height: 565px;
}

.what-is-block .text {
	background: #fff;
	border-radius: 15px;
	padding: 40px;
	color: #132f67;
}

.serm-help img {
	width: fit-content;
	height: 25px;
	margin-bottom: 10px;
}

.serm-help .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 15px;
	padding: 20px;
	height: auto;
}

.serm-help .slide-title {
	font-size: 20px;
	line-height: 25px;
	text-align: center;
}
.serm-help .slide-subtitle {
	font-size: 16px;
	text-align: center;
}

.serm-help .swiper-pagination {
	margin-top: 10px;
	margin-bottom: 15px;
}
.serm-help .owl-pagination {
	margin-top: 10px;
	margin-bottom: 15px;
}

.serm-reviews .text {
	font-size: 20px;
	font-weight: 500;
	margin-top: 3.2rem;
}
.serm-reviews .rectangles {
	margin-top: 3.2rem;
}
.serm-reviews .rectangle {
	padding: 30px;
	height: 350px;
	width: 350px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.serm-reviews .rectangle-title {
	height: max-content;
}

.develop-sites-block:not(:first-of-type) {
	margin-top: 3.2rem;
}

.develop-block-part:first-of-type {
	padding: 20px;
	background: #fff;
	height: 630px;
}

.develop-block-part:first-of-type ul {
	height: auto;
	margin: 20px 0;
	padding-right: 15px;
	overflow-y: auto;
}

.develop-block-part:first-of-type ul::-webkit-scrollbar {
	width: 10px;
}

.develop-block-part:first-of-type ul::-webkit-scrollbar-track {
	background-color: transparent;
}

.develop-block-part:first-of-type ul::-webkit-scrollbar-thumb {
	background: #132f67;
	border-radius: 30px;
}

.develop-block-part:last-of-type .swiper-develop-sites {
	-webkit-box-shadow: 0 10px 5px rgb(0 0 0 / 30%);
	box-shadow: 0 10px 5px rgb(0 0 0 / 30%);
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	position: relative;
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		from(#1c1ab6),
		to(#7200ff)
	);
	background: -o-linear-gradient(bottom, #1c1ab6, #7200ff);
	background: linear-gradient(to top, #1c1ab6, #7200ff);
	-webkit-box-shadow: 5px 10px 10px rgb(0 0 0 / 30%);
	box-shadow: 5px 10px 10px rgb(0 0 0 / 30%);
}

.develop-block-part:last-of-type .swiper-develop-sites .swiper-wrapper {
	position: absolute;
	top: -15px;
	height: 326px;
	width: 520px;
	border-radius: 2px;
	overflow: hidden;
}

.develop-block-part:last-of-type .swiper-develop-sites .owl-carousel {
	position: absolute;
	top: -15px;
	height: 326px;
	width: 520px;
	border-radius: 2px;
	overflow: hidden;
}

.develop-block-part:last-of-type .swiper-develop-sites .swiper-slide img {
	width: 100%;
	height: 100%;
}
.develop-block-part:last-of-type .swiper-develop-sites > img {
	height: 470px;
	position: absolute;
	top: -35px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.develop-block-part:last-of-type .swiper-develop-sites .swiper-pagination {
	bottom: 45px;
	top: unset;
	position: absolute;
}
.develop-block-part:last-of-type .swiper-develop-sites .owl-pagination {
	bottom: 45px;
	top: unset;
	position: absolute;
}

.develop-block-part:last-of-type
	.swiper-develop-sites
	.swiper-pagination-bullet-active {
	background: #fff;
}
.develop-block-part:last-of-type .swiper-develop-sites .owl-dot.active {
	background: #fff;
}

.sites .item-picture.item-picture-1 {
	z-index: -1;
	left: 95px;
	top: 15px;
}
.sites .item-picture.item-picture-2 {
	right: 285px;
	top: 70px;
	z-index: -3;
}
.sites .item-picture.item-picture-3 {
	right: 75px;
	top: 105px;
	z-index: 1;
}
.sites .item-picture.item-picture-4 {
	left: 80px;
	top: 460px;
	z-index: -6;
}
.sites .item-picture.item-picture-5 {
	left: 620px;
	top: 345px;
	z-index: -7;
}
.sites .item-picture.item-picture-6 {
	right: -70px;
	top: 495px;
}
.crm-tariffs .wrapper-title {
	height: 80px;
	color: #fff;
	font-size: 25px;
	line-height: 80px;
	margin-top: 3.2rem;
	margin-bottom: 30px;
}
.crm-tariffs .wrapper-title.no-stars {
	background: #a3a3a3;
}
.crm-tariffs .wrapper-title.one-star {
	background: #ffa800;
}
.crm-tariffs .wrapper-title.two-stars {
	background: linear-gradient(100.91deg, #0cf0ff -13.58%, #ff0cd8 100%);
}
.crm-tariffs .section-tariff {
	padding: 40px;
	background: var(--bg-gradient-semi-transparent);
	backdrop-filter: blur(26px);
	-webkit-backdrop-filter: blur(26px);
}
.crm-tariffs .slide-title {
	font-size: 20px;
}
.crm-tariffs-bottom {
	margin-top: 3.2rem;
}
.crm-tariffs-bottom .swiper-wrapper {
	margin-top: 3.2rem;
}
.crm-tariffs-bottom .swiper-slide {
	padding: 20px;
	padding-top: 45px;
	border-radius: 30px;
	background: var(--bg-gradient-semi-transparent);
	backdrop-filter: blur(26px);
	-webkit-backdrop-filter: blur(26px);
}

.people-wrapper ul li img {
	height: fit-content;
	margin-right: 10px;
}
.people-wrapper ul li {
	margin-bottom: 10px;
}

.marketplace-statistic .rectangle {
	height: 290px;
	width: 50%;
	padding: 40px;
}
.marketplace-statistic .rectangle:nth-of-type(1n + 3) {
	margin-top: 20px;
}

.marketplace-statistic .rectangle-title {
	height: max-content;
}

.market-cases .swiper-slide {
	background: var(--bg-gradient-semi-transparent);
	border-radius: 30px;
	padding: 40px;
}

.market-cases .swiper-pagination {
	margin-top: 20px;
	margin-bottom: 25px;
}
.market-cases .owl-pagination {
	margin-top: 20px;
	margin-bottom: 25px;
}

.row-table-0,
.row-table-1 {
	height: 80px;
	color: #2f4879;
	font-weight: 500;
}
.row-table-2 {
	height: 90px;
	color: #2f4879;
	font-weight: 500;
}
.row-table-3,
.row-table-4,
.row-table-5,
.row-table-6,
.row-table-7,
.row-table-8,
.row-table-9,
.row-table-10,
.row-table-11,
.row-table-12,
.row-table-13,
.row-table-14,
.row-table-15,
.row-table-16 {
	height: 48px;
	color: #2f4879;
	font-weight: 500;
}

.special-tariff {
	position: relative;
	width: 200%;
	right: -50%;
	background: #ffa800;
	color: #fff;
	font-weight: 500;
}

.free-tariff {
	background: #a3a3a3;
	width: 100%;
	color: #fff;
	font-weight: 500;
	border-radius: 15px 0 0 15px;
}

.buisnes-tariff {
	background: linear-gradient(100.91deg, #0cf0ff -13.58%, #ff0cd8 100%);
	width: 100%;
	color: #fff;
	font-weight: 500;
	border-radius: 0 15px 15px 0;
}

.crm-tarrif-wrap .btn-resive {
	width: auto;
	min-width: 150px;
	text-align: center;
	height: 40px;
	line-height: 40px;
}

.crm-tarrif-wrap .ask {
	height: 75px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.list-title {
	font-size: 22px;
	font-weight: 600;
	color: #132f67;
}

.list-content {
	font-weight: 500;
	color: #132f67;
}

.hosting-about .item-content .content-row:not(:last-child) {
	margin-bottom: 35px;
}

.hosting-about .hosting-we-better-item:not(:last-child) > .item-content {
	margin-bottom: 35px;
}

.hosting-about .item-title {
	color: #132f67;
}

.hosting-panel .swiper-pagination {
	margin-bottom: 40px;
	margin-top: 0;
	bottom: 0;
	top: 0;
}
.hosting-panel .owl-pagination {
	margin-bottom: 40px;
	margin-top: 0;
	bottom: 0;
	top: 0;
}

.hosting-panel .swiper-pagination-bullet {
	width: unset;
	height: unset;
	border-radius: unset;
	background: none;
	opacity: 1;
	margin: 0 !important;
	text-align: left;
}
.hosting-panel .owl-dot {
	width: unset;
	height: unset;
	border-radius: unset;
	background: none;
	opacity: 1;
	margin: 0 !important;
	text-align: left;
}

.hosting-panel .swiper-pagination-bullet img {
	width: 26px;
}
.hosting-panel .owl-dot img {
	width: 26px;
}

.hosting-panel .swiper-pagination-bullet .pagination-title {
	color: #172b58;
	font-size: 18px;
}
.hosting-panel .owl-dot .pagination-title {
	color: #172b58;
	font-size: 18px;
}

.hosting-panel .swiper-slide {
	padding: 30px;
	border-radius: 20px;
	background-color: #cecef0;
	min-height: 260px;
}

.hosting-panel .swiper-slide .slide-imgs {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.hosting-panel .swiper-slide .slide-imgs li:nth-child(1n + 4) {
	margin-top: 20px;
}

.hosting-panel .swiper-slide .content-slide {
	margin-bottom: 20px;
}

.blog h2 {
	text-align: center;
	color: #172b58;
}

.modal-dialog {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.modal-content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	width: 500px;
	min-height: 500px;
	max-width: 100%;
	margin: auto;
	padding: 70px 15px 15px;
	background: linear-gradient(
		180deg,
		rgba(39, 23, 87, 1) 20%,
		rgba(52, 110, 180, 1) 100%
	);
	border: 3px solid #fff;
	border-radius: 30px;
	overflow: unset;
}

.modal-title {
	font-size: 20px;
	color: #fff;
	font-weight: 500;
}

.modal-subtitle {
	color: #ddd;
}

.modal-selected-service {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #fff;
	font-size: 18px;
}

.modal-form {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
}

.modal-form input[type='text'],
.modal-form input[type='email'],
.modal-form input[type='phone'],
.modal-form select[name='price'],
.modal-form textarea {
	border: none;
	outline: none;
	border-radius: 30px;
	margin-bottom: 10px;
	padding: 10px 20px;
	width: 360px;
}

.modal-form textarea {
	height: 200px;
	resize: none;
}

.modal-form-text {
	color: #fff;
	margin-bottom: 20px;
}

.modal-form input[type='submit'] {
	width: 200px;
	height: 50px;
	cursor: pointer;
	margin-top: auto;
	font-size: 18px;
	font-weight: 500;
	border-radius: 36px;
	text-align: center;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #132f67;
	outline: none;
	border: none;
}

.modal-close {
	position: absolute;
	top: -23px;
	right: -23px;
	height: 46px;
	width: 46px;
	padding-top: 3px;
	padding-left: 7px;
	color: #fff;
	border: 3px solid #fff;
	background: linear-gradient(
		180deg,
		rgba(39, 23, 87, 1) 20%,
		rgba(52, 110, 180, 1) 100%
	);
	border-radius: 50%;
	font-size: 26px;
	line-height: 46px;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.serm-select-services {
	height: max-content;
}

.serm-select-services .swiper-slide {
	padding-right: 21px;
}
.serm-select-services .swiper-slide .content-services {
	background: var(--bg-gradient-semi-transparent);
	backdrop-filter: var(--blur-gradient-semi-transparent);
	border-radius: 30px;
	justify-content: center;
	align-items: center;
	padding: 40px 0;
	box-shadow: inset 0px 28px 29px rgba(0, 0, 0, 0.1);
	min-height: 300px;
}

.serm-select-services .swiper-slide {
	margin-top: 3.2rem;
}

.service-name-slide {
	position: absolute;
	top: -40px;
	color: #132f67;
	font-size: 20px;
	text-align: center;
}

.serm-select-services input[type='checkbox'] {
	display: none;
}

.serm-select-services label {
	position: absolute;
	top: -77px;
	margin: 55px 0 0 0;
	right: -21px;
	color: #fff;
	cursor: pointer;
	text-align: center;
	font-size: 24px;
	line-height: 45px;
	height: 45px;
	width: 45px;
	border-radius: 100%;
	background: linear-gradient(147.61deg, #346ab0 -9.99%, #271757 155.72%);
}

.serm-select-services .slide-img {
	height: 40px;
}
.serm-select-services .slide-img:not(:last-of-type) {
	margin-bottom: 10px;
}

.serm-select-services .slide-img img {
	height: 100%;
	width: unset;
}

.market-tariffs .crm-tariffs-bottom {
	margin-top: 0;
}

.main-slider-two-buttons a:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.main-slider-two-buttons a:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background: transparent;
	border: 3px #132f67 solid;
	color: #132f67;
}
.about-content .academy-bottom-button {
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 360px;
	border-radius: 36px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
}
.about-content .academy-bottom-button:first-child {
	background: #1dbca8;
	margin-right: 30px;
}
.about-content .academy-bottom-button:last-child {
	background: #74b4fc;
}
.footer-img img {
	width: 80%;
}

.block-quiz {
	padding: 3.2rem 0;
}
/* Новый компактный шаблон смм-квиза */
.smm-quiz { margin: 60px 0; }
.smm-quiz .section-title { margin-bottom: 24px; }
.smm-quiz__card {
  width: 100%;
  max-width: 1160px;
  background: rgba(255,255,255,0.65);
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(19,47,103,.08);
  padding: 28px;
  position: relative;
  z-index: 2;
}
.smm-quiz__layout{display:flex;gap:24px;align-items:flex-start}
.smm-quiz__main{flex:1 1 auto;min-width:0}
.smm-quiz__aside{flex:0 0 300px;width:300px;max-width:300px;position:sticky;top:10px;align-self:flex-start;overflow:visible}
.smm-quiz__helper{position:relative;top:auto;background:#f7f9ff;border:1px solid rgba(52,106,176,.20);border-radius:16px;padding:16px;box-shadow:0 10px 24px rgba(19,47,103,.06);z-index:1}
.smm-quiz__helper:before{content:"";position:absolute;right:100%;top:28px;width:14px;height:14px;background:#f7f9ff;border-left:1px solid rgba(52,106,176,.20);border-top:1px solid rgba(52,106,176,.20);transform:rotate(45deg);border-top-left-radius:4px}
.smm-quiz__helper-title{font-weight:700;color:#132f67;margin-bottom:8px}
.smm-quiz__helper-body{color:#3c4b7a;font-size:14px;line-height:1.5}
.smm-quiz__progress{height:8px;background:rgba(19,47,103,.08);border-radius:6px;overflow:hidden;margin-bottom:18px}
.smm-quiz__bar{height:100%;background:linear-gradient(147.61deg,#346ab0 -10%,#271757 156%);width:0;transition:width .4s ease}
.smm-quiz__meta{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;margin-bottom:6px}
.smm-quiz__plabel{color:#6b7aa0;font-size:14px}
.smm-quiz__qbadge{background:#eef3ff;border:1px solid rgba(19,47,103,.12);color:#132f67;border-radius:999px;padding:4px 10px;font-size:12px;justify-self:start}
.smm-quiz__qnum{color:#6b7aa0;font-size:14px;margin-bottom:6px}
.smm-quiz__qtitle{font-size:24px;font-weight:600;margin:0 0 18px}
.smm-quiz__options{display:grid;grid-template-columns:1fr 1fr;gap:14px}
/* Карточки вариантов с кастомными чекбоксами/радио и жёлтым активным состоянием */
.smm-quiz__option{position:relative;display:flex;align-items:center;gap:10px;background:#fff;border:2px solid rgba(19,47,103,.08);border-radius:14px;padding:14px 16px;transition:.2s}
.smm-quiz__option:hover{box-shadow:0 10px 26px rgba(19,47,103,.10);transform:translateY(-1px)}
.smm-quiz__option input{position:absolute;opacity:0;pointer-events:none}
.smm-quiz__option span{position:relative;display:block;padding-left:32px;color:#132f67}
.smm-quiz__option input[type=checkbox]+span:before,.smm-quiz__option input[type=radio]+span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;background:#fff;border:2px solid rgba(19,47,103,.25);border-radius:6px;transition:.2s}
.smm-quiz__option input[type=radio]+span:before{border-radius:50%}
/* Галочка и точка */
.smm-quiz__option input[type=checkbox]+span:after{content:"";position:absolute;left:4px;top:50%;width:10px;height:6px;border-left:2px solid #7a5b00;border-bottom:2px solid #7a5b00;transform:translateY(-60%) rotate(-45deg) scale(0);transition:.2s;opacity:0}
.smm-quiz__option input[type=radio]+span:after{content:"";position:absolute;left:5px;top:50%;width:10px;height:10px;background:#7a5b00;border-radius:50%;transform:translateY(-50%) scale(0);transition:.2s;opacity:0}
.smm-quiz__option.is-checked{background:#fff8db;border-color:#f3c64b;box-shadow:0 10px 28px rgba(243,198,75,.25)}
.smm-quiz__option.is-checked input[type=checkbox]+span:before,.smm-quiz__option.is-checked input[type=radio]+span:before{background:#ffeaa1;border-color:#f3c64b}
.smm-quiz__option.is-checked input[type=checkbox]+span:after,.smm-quiz__option.is-checked input[type=radio]+span:after{opacity:1;transform:translateY(-50%) rotate(-45deg) scale(1)}
.smm-quiz__option.is-checked input[type=radio]+span:after{transform:translateY(-50%) scale(1)}
.smm-quiz__input{width:100%;background:#fff;border:1px solid rgba(19,47,103,.1);border-radius:12px;padding:12px 14px;font-size:16px}
.smm-quiz__nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px}
.smm-btn{background:linear-gradient(147.61deg,#346ab0 -10%,#271757 156%);color:#fff;border:none;border-radius:12px;padding:12px 18px;font-weight:600;cursor:pointer;transition:.25s}
.smm-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
.smm-btn--ghost{background:#fff;color:#132f67;border:1px solid rgba(19,47,103,.15)}
.smm-btn--next{position:relative;padding-right:44px}
.smm-btn--next:after{content:"»";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:18px;opacity:.9}
/* Блик на кнопке "Далее" */
.smm-btn--shine{position:relative;overflow:hidden}
.smm-btn--shine:after{content:"";position:absolute;top:-50%;left:-40%;width:35%;height:200%;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);animation:smmShine 1.8s ease-in-out infinite}
@keyframes smmShine{0%{left:-45%}100%{left:120%}}
/* Левая колонка: крупный аватар и подпись */
.smm-quiz__profile{position:relative;top:auto;margin-bottom:16px;background:#fff;border:1px solid rgba(19,47,103,.08);border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;box-shadow:0 10px 24px rgba(19,47,103,.06);text-align:left;min-height:120px;padding-right:16px;z-index:3}
.smm-quiz__avatar{position:absolute;top:-170px;right:-180px;width:276px;height:276px;border-radius:50%;overflow:hidden;background:#f0f3fa;border:6px solid #fff;box-shadow:0 8px 24px rgba(19,47,103,.12);animation: float-gentle-1 9s ease-in-out infinite;transform-origin:50% 50%;z-index:4}
.smm-quiz__avatar img{display:block;width:100%;height:100%;object-fit:cover}
.smm-quiz__person-name{font-weight:700;color:#132f67}
.smm-quiz__person-role{font-size:13px;color:#6b7aa0}
.smm-quiz__status{position:relative;top:auto;margin-top:16px;background:#fff;border:1px solid rgba(19,47,103,.08);border-radius:16px;padding:16px;box-shadow:0 10px 24px rgba(19,47,103,.06);z-index:1}
.smm-quiz__status-title{font-weight:700;color:#132f67;margin-bottom:8px}
.smm-quiz__status-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.smm-quiz__status-item{position:relative;padding-left:26px;color:#3c4b7a;font-size:14px}
.smm-quiz__status-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:4px;background:#e9edf7;border:1px solid rgba(19,47,103,.15)}
/* Левая колонка, как в примере квиза */
.smm-quiz__status{position:sticky;top:10px;margin-top:16px;background:#fff;border:1px solid rgba(19,47,103,.08);border-radius:16px;padding:16px;box-shadow:0 10px 24px rgba(19,47,103,.06)}
.smm-quiz__status-title{font-weight:700;color:#132f67;margin-bottom:8px}
.smm-quiz__status-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.smm-quiz__status-item{position:relative;padding-left:26px;color:#3c4b7a;font-size:14px}
.smm-quiz__status-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:4px;background:#e9edf7;border:1px solid rgba(19,47,103,.15)}
@media (max-width: 767px){
  .smm-quiz__options{grid-template-columns:1fr}
}
@media (max-width: 991px){
  .smm-quiz__layout{flex-direction:column}
  .smm-quiz__aside{flex:0 0 auto;width:100%}
  .smm-quiz__helper{position:relative;top:auto}
}
div.wqec {
	font-family: 'Gilroy';
}
div.wizard-quest-edition-concept2 div.wizard-quest-edition-concept-inner {
	width: 100%;
}
div.wizard-quest-edition-concept2
	div.wizard-quest-edition-concept-inner
	div.wqec-maincontent
	div.wqec-quests
	div.wqec-questname {
	font-size: 25px;
	font-weight: 500;
}

div.wizard-quest-edition-concept2
	div.wizard-quest-edition-concept-inner
	div.wqec-maincontent
	div.wqec-quests
	div.wqec-main-info-wrap
	table.wqec-main-info
	td
	div.wqec-info-name {
	font-size: 18px;
	font-weight: 400;
	line-height: 19px;
	font-family: 'Gilroy';
}
div.wqec .bold {
	font-family: 'Gilroy';
}
form.wqec-form div.wqec-elements div.wqec-element {
	margin-bottom: 10px;
	width: 49.5%;
}
.wqec-elements-inner {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.wqec-comment img {
	width: 200px;
	height: auto;
}
.wqec-button-def.wqec-blue {
	background-color: #00224c;
	color: #fff;
}
form.wqec-form
	div.wqec-elements
	div.wqec-element.wqec-active
	label
	span.wqec-name {
	background: #4c5fcd;
}
div.wizard-quest-edition-concept2
	div.wizard-quest-edition-concept-inner
	div.wqec-maincontent
	div.wqec-quests
	div.wqec-vertical-side-wrap
	div.wqec-vertical-side
	div.wqec-vertical-side-inner
	div.weqc-tab-percent
	div.wqec-tab-per {
	background-color: #271757;
}

@media (min-width: 1700px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1800px;
	}
}
@media (max-width: 1699px) {
	form.wqec-form
		div.wqec-elements
		div.wqec-element
		label
		span.wqec-name
		span.wqec-text {
		font-size: 13px;
	}
	.logo-nav img {
		height: 55px;
	}

	.navbar-custom-wrapper ul {
		padding-top: 15px;
		padding-left: 20px;
	}

	.navbar-custom ul li {
		padding: 15px 20px;
		padding-right: 10px;
	}

	.navbar-custom ul li a {
		font-size: 12px;
	}

	.navbar-custom ul li:not(:last-of-type) {
		margin-bottom: 5px;
	}

	.rectangle-number {
		font-weight: 700;
		font-size: 45px;
		color: #132f67;
		text-align: center;
	}

	.rectangle-title {
		color: #132f67;
		font-size: 16px;
		text-align: center;
		height: 60px;
	}

	.item-picture.item-picture-1 {
		z-index: -1;
		left: 115px;
		top: 110px;
	}
	.item-picture.item-picture-2 {
		right: 245px;
		top: 115px;
		z-index: -3;
	}
	.item-picture.item-picture-3 {
		right: 190px;
		top: 510px;
		z-index: -7;
	}
	.item-picture.item-picture-4 {
		left: 90px;
		top: 525px;
		z-index: -5;
	}
	.item-picture.item-picture-5 {
		right: 265px;
		top: 890px;
		z-index: -7;
	}
	.item-picture.item-picture-6 {
		right: -65px;
		top: 553px;
	}
	.why-we-item {
		padding: 20px;
	}
	.smm-select-socials-item label {
		right: 20px;
	}
	.ppl-img {
		height: 233px;
	}
	.ppl-img img {
		height: 100%;
	}
	.ppl-text {
		padding: 40px 40px 40px 100px;
		margin-left: -90px;
	}
	.smm-cases .slide-country {
		font-size: 20px;
	}
	.smm-cases .slide-title {
		font-size: 28px;
	}
	.smm-cases .slide-subtitle {
		font-size: 18px;
	}
	hr {
		border: 1px solid #fff;
		opacity: 1;
		border-radius: 50%;
		margin: 20px 0;
		margin-right: 20px;
	}

	.block_3_content .block_3_section-1 .block_3_stage-1 {
		margin-right: 0px;
		margin-top: 25px;
	}
	.block_3_content .block_3_section-1 .block_3_stage-2 {
		margin-top: -43px;
		margin-left: 0px;
		margin-right: 10px;
	}
	.block_3_content .block_3_section-1 .block_3_stage-3 {
		margin-top: 40px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.block_3_content .block_3_section-1 .block_3_stage-4 {
		margin-top: -40px;
		margin-left: 0px;
		margin-right: 15px;
	}
	.block_3_content .block_3_section-1 .block_3_stage-1 .block_3_image {
		width: 100px;
		height: 100px;
	}
	.block_3_content .block_3_section-1 .block_3_stage-1 .block_3_image img {
		height: 35px;
	}
	.block_3_content .block_3_section-1 .block_3_stage-2 .block_3_image {
		width: 115px;
		height: 115px;
	}
	.block_3_content .block_3_section-1 .block_3_stage-2 .block_3_image img {
		height: 40px;
	}
	.block_3_content .block_3_section-1 .block_3_stage-3 .block_3_image {
		width: 120px;
		height: 120px;
	}
	.block_3_content .block_3_section-1 .block_3_stage-3 .block_3_image img {
		height: 45px;
	}
	.block_3_content .block_3_section-1 .block_3_stage-6 .block_3_image {
		width: 105px;
		height: 105px;
	}
	.block_3_content .block_3_section-2 .block_3_stage-7 {
		right: -35px;
	}
	.block_3_content .block_3_section-2 .block_3_stage-3 .block_3_image {
		width: 90px;
		height: 90px;
	}
	.swiper-steps .swiper-pagination {
		height: 362px;
		overflow-y: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.swiper-steps .owl-pagination {
		height: 362px;
		overflow-y: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.swiper-steps .swiper-pagination span {
		font-size: 14px;
	}
	.swiper-steps .swiper-slide {
		padding: 25px;
	}
	.swiper-steps .swiper-button-prev {
		left: 182px;
	}
	.swiper-steps .swiper-button-next {
		right: 0px;
	}
	.blog .slide-title {
		font-size: 18px;
		line-height: 22px;
		text-align: left;
	}
	.blog .slide-subtitle {
		font-size: 14px;
		line-height: 18px;
	}

	.item-picture.item-picture-seo-1 {
		z-index: -1;
		left: 110px;
		top: 60px;
	}
	.item-picture.item-picture-seo-2 {
		right: 220px;
		top: 65px;
		z-index: -3;
	}
	.item-picture.item-picture-seo-3 {
		right: 100px;
		top: 506px;
		z-index: -7;
	}
	.item-picture.item-picture-seo-4 {
		left: 105px;
		top: 560px;
		z-index: -5;
	}
	.item-picture.item-picture-seo-6 {
		right: -105px;
		top: 510px;
	}
	.block_10_image {
		margin-left: -165px;
		width: 435px;
	}
	.img-compare img {
		height: 100%;
	}
	.img-compare {
		height: 620px;
	}
	.item-picture.item-picture-serm-1 {
		z-index: -1;
		left: 80px;
		top: 76px;
	}
	.item-picture.item-picture-serm-2 {
		right: 225px;
		top: 90px;
		z-index: -3;
	}
	.item-picture.item-picture-serm-3 {
		right: 190px;
		top: 460px;
		z-index: -7;
	}
	.item-picture.item-picture-serm-4 {
		left: 100px;
		top: 426px;
		z-index: -5;
	}
	.item-picture.item-picture-serm-5 {
		left: 250px;
		top: 735px;
		z-index: -7;
	}
	.item-picture.item-picture-serm-6 {
		right: -75px;
		top: 445px;
	}
	.what-is-block img {
		position: absolute;
		top: 0;
		right: -60px;
		height: 480px;
	}
	.sites .item-picture.item-picture-1 {
		z-index: -1;
		left: -35px;
		top: 15px;
	}
	.sites .item-picture.item-picture-2 {
		right: 200px;
		top: 70px;
		z-index: -3;
	}
	.sites .item-picture.item-picture-3 {
		right: -20px;
		top: 105px;
		z-index: 1;
	}
	.sites .item-picture.item-picture-4 {
		left: -15px;
		top: 460px;
		z-index: -6;
	}
	.sites .item-picture.item-picture-5 {
		left: 435px;
		top: 355px;
		z-index: -7;
	}
	.sites .item-picture.item-picture-6 {
		right: -70px;
		top: 495px;
	}
	.develop-block-part:first-of-type .section-title {
		font-size: 24px;
	}
	.develop-block-part:last-of-type .swiper-develop-sites > img {
		height: 360px;
		top: 70px;
	}
	.develop-block-part:last-of-type .swiper-develop-sites .swiper-wrapper {
		top: 85px;
		height: 250px;
		width: 400px;
	}
	.develop-block-part:last-of-type .swiper-develop-sites .owl-carousel {
		top: 85px;
		height: 250px;
		width: 400px;
	}
	.develop-block-part:first-of-type .btn-resive {
		height: 50px;
		line-height: 50px;
	}
	.swiper-pagination-bullet {
		width: 13px;
		height: 13px;
	}
	.owl-dot {
		width: 13px;
		height: 13px;
	}
	.develop-block-part .btn-resive {
		width: 100%;
	}
	.section-title.text-left {
		text-align: left;
	}
	.section-tariff .btn-resive {
		width: 90%;
	}
	.crm-tariffs-bottom .btn-resive {
		width: 100%;
	}
	.market-cases .slide-title {
		font-size: 40px;
	}
}

/* Изоляция блока «Наши кейсы»: отключаем глобальные эффекты изображений */
.swiper-cases, .smm-cases { position: relative; }
.swiper-cases .owl-carousel img,
.smm-cases .swiper-slide img {
	animation: none !important;
	transform: none !important;
	position: static !important;
}

/* Исправление проблемы с обрезанием фона пузырей в слайдерах - ТОЧЕЧНОЕ РЕШЕНИЕ */

/* СТРОГИЙ КОНТРОЛЬ: Блокируем просачивание соседних слайдов на всех уровнях */
.smm-promotion.swiper-promotion .owl-carousel .owl-stage-outer {
    /* Строгий контроль переполнения */
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Дополнительный контроль на уровне owl-stage */
.smm-promotion.swiper-promotion .owl-stage {
    overflow: hidden !important;
}

/* Контролируем каждый owl-item */
.smm-promotion.swiper-promotion .owl-item {
    overflow: hidden !important;
    /* Принудительно ограничиваем ширину */
    max-width: 100% !important;
}

/* Разрешаем overflow только для текстовых элементов внутри слайдов (для пузырей) */
.smm-promotion.swiper-promotion .swiper-slide .text {
    overflow: visible !important;
}

/* Строго контролируем блок с изображением */
.smm-promotion.swiper-promotion .swiper-slide .circle-background {
    overflow: hidden !important;
    position: relative !important;
}

/* Контролируем сами изображения */
.smm-promotion.swiper-promotion .swiper-slide .circle-background img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

/* Удалили псевдоэлемент - полагаемся на overflow: hidden */

/* Раздел "Тарифы": (ОТМЕНЕНО) не меняем overflow у owl-обертки */

.smm-promotion.swiper-promotion .swiper {
    /* Согласуем с простым решением */
    overflow: visible !important;
}

/* Альтернативное решение: используем box-shadow вместо переполнения */
.smm-promotion .text-blob,
.smm-promotion .light-blob {
    box-shadow: 
        0 0 80px 20px rgba(255, 255, 255, 0.1),
        0 0 120px 40px rgba(255, 255, 255, 0.05),
        0 0 160px 60px rgba(255, 255, 255, 0.02);
}

/* Создаем псевдо-пузыри через box-shadow для имитации фона */
.smm-promotion.swiper-promotion::before {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    right: -100px;
    bottom: -100px;
    background: 
        radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.08) 0%, transparent 45%),
        radial-gradient(circle at 30% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 40%),
        radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0.06) 0%, transparent 35%);
    pointer-events: none;
    z-index: -1;
}

@media (max-width: 1399px) {
	.navbar-custom ul li {
		padding: 15px 0 15px 15px;
		padding-right: 0;
		padding-left: 15px;
	}
	.rectangle-title {
		font-size: 14px;
	}
	.rectangle-number {
		font-size: 40px;
	}
	.item-picture img {
		height: 100%;
	}
	.item-picture.item-picture-1 {
		height: 150px;
		z-index: -1;
		left: 155px;
		top: 110px;
	}
	.item-picture.item-picture-2 {
		right: 210px;
		top: 115px;
		z-index: -3;
		height: 120px;
	}
	.item-picture.item-picture-3 {
		height: 180px;
		right: 160px;
		top: 585px;
		z-index: -7;
	}
	.item-picture.item-picture-4 {
		height: 200px;
		left: 110px;
		top: 585px;
		z-index: -5;
	}
	.item-picture.item-picture-5 {
		height: 65px;
		right: 230px;
		top: 1000px;
		z-index: -7;
	}
	.item-picture.item-picture-6 {
		height: 100px;
		right: -40px;
		top: 660px;
	}
	.smm-select-socials-item label {
		right: 5px;
	}
	.select-item-picture img {
		height: 260px; /* +30% */
	}
	.smm-tariffs .btn-resive,
	.seo-tariffs .btn-resive {
		width: 100%;
	}
	.block_3_content .block_3_section-1 .block_3_stage-1 .block_3_image {
		width: 75px;
		height: 75px;
	}
	.block_3_content .block_3_section-1 .block_3_stage-1 .block_3_image img {
		height: 26px;
	}
	.swiper-button-next:after,
	.swiper-button-prev:after {
		font-size: 30px;
	}
	.swiper-steps .swiper-button-prev {
		left: 155px;
	}
	.item-picture.item-picture-seo-1 {
		height: 150px;
		z-index: -1;
		left: 160px;
		top: 70px;
	}
	.item-picture.item-picture-seo-2 {
		height: 125px;
		right: 200px;
		top: 105px;
		z-index: -3;
	}
	.item-picture.item-picture-seo-3 {
		height: 200px;
		right: 120px;
		top: 635px;
		z-index: -7;
	}
	.item-picture.item-picture-seo-4 {
		height: 165px;
		left: 135px;
		top: 650px;
		z-index: -5;
	}
	.item-picture.item-picture-seo-6 {
		height: 100px;
		right: -45px;
		top: 680px;
	}
	.block_10_image {
		margin-left: -130px;
		width: 370px;
	}
	.serm-statistic .rectangle img {
		margin: 40px;
		height: 150px;
	}
	.item-picture.item-picture-serm-1 {
		z-index: -1;
		left: 155px;
		top: 90px;
		height: 150px;
	}
	.item-picture.item-picture-serm-2 {
		right: 200px;
		top: 90px;
		z-index: -3;
		height: 120px;
	}
	.item-picture.item-picture-serm-3 {
		height: 190px;
		right: 165px;
		top: 485px;
		z-index: -7;
	}
	.item-picture.item-picture-serm-4 {
		height: 125px;
		left: 205px;
		top: 505px;
		z-index: -5;
	}
	.item-picture.item-picture-serm-5 {
		left: 220px;
		top: 735px;
		z-index: -7;
		height: 60px;
	}
	.item-picture.item-picture-serm-6 {
		height: 100px;
		right: -55px;
		top: 515px;
	}
	.swiper-steps .swiper-pagination {
		height: 300px;
	}
	.swiper-steps .owl-pagination {
		height: 300px;
	}

	.serm-reviews * > img {
		height: 400px;
		top: 50px !important;
	}
	.block_3_content .block_3_section-2 .block_3_stage-7 {
		right: 0px;
	}
	.develop-block-part:last-of-type .swiper-develop-sites .swiper-wrapper {
		top: 84px;
		height: 230px;
		width: 368px;
	}
	.develop-block-part:last-of-type .swiper-develop-sites .owl-carousel {
		top: 84px;
		height: 230px;
		width: 368px;
	}
	.develop-block-part:last-of-type .swiper-develop-sites > img {
		height: 330px;
		top: 70px;
	}
	.sites .item-picture.item-picture-1 {
		height: 200px;
		z-index: -1;
		left: 130px;
		top: 49px;
	}
	.sites .item-picture.item-picture-2 {
		right: 185px;
		top: 82px;
		z-index: -3;
	}
	.sites .item-picture.item-picture-3 {
		right: 10px;
		top: 100px;
		z-index: 1;
		height: 80px;
	}
	.sites .item-picture.item-picture-4 {
		left: 70px;
		top: 550px;
		z-index: -6;
		height: 385px;
	}
	.sites .item-picture.item-picture-5 {
		left: 450px;
		top: 565px;
		z-index: -7;
		height: 200px;
	}
	.sites .item-picture.item-picture-6 {
		right: -50px;
		top: 635px;
	}
	.crm-tariffs .slide-title {
		font-size: 18px;
		text-align: center;
		line-height: 30px;
		margin-bottom: 10px;
	}
}

@media (max-width: 1199px) {


	header {
		margin-top: 20px;
	}
	.navbar-custom {
		display: none;
		position: absolute;
		width: 100%;
		padding: 0;
		margin-top: 0;
		z-index: 10000;
		height: 100%;
	}
	.navbar-custom-wrapper {
		width: 100%;
		border-radius: 0;
		padding-top: 20px;
		overflow-y: auto;
	}
	.header-contacts > a:first-of-type {
		margin-left: 0;
	}
	hr {
		margin: 20px 30px;
	}
	.navbar-custom ul li:last-of-type {
		margin-bottom: 0;
	}
	.logo-nav {
		padding-top: 0;
		width: max-content;
	}
	.navbar-custom-wrapper .logo-nav {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
	.burger-btn {
		font-size: 45px;
		line-height: 55px;
		color: #132f67;
		cursor: pointer;
	}
	.burger-close {
		position: relative;
		top: 0;
		left: 28px;
		margin-right: auto;
		color: #fff;
	}
	.selected-nav-link::after,
	.selected-nav-link::before {
		display: none;
	}
	.navbar-custom-wrapper ul {
		padding: 30px 40px 20px 40px;
	}
	.navbar-custom ul li {
		border-radius: 30px;
		padding: 30px;
		max-height: unset;
	}
	.navbar-custom ul li a {
		font-size: 20px;
	}
	.logo-nav a {
		position: relative;
		display: flex;
		justify-content: center;
	}
	.nav-ico {
		width: 20px;
		height: 20px;
		margin-right: 15px;
	}
}
@media (max-width: 991px) {
	form.wqec-form div.wqec-elements div.wqec-element {
		margin-bottom: 10px;
		width: 100%;
	}
	.wqec-comment img {
		width: 150px;
		height: auto;
	}
	.slide-button {
		width: auto;
		height: 45px;
		font-size: 16px;
		line-height: normal;
	}
	.btn-resive {
		font-size: 16px;
		line-height: normal;
		height: 45px;
		line-height: 45px;
	}
	.slide-title {
		font-size: 25px;
		line-height: normal;
	}
	.slide-subtitle {
		font-size: 16px;
		line-height: normal;
	}
	.smm-statistic .rectangle {
		height: 135px;
		width: 250px;
	}
	.smm-statistic .rectangle:not(:last-of-type) {
		margin-right: 15px;
	}
	.rectangle-number {
		font-size: 25px !important;
	}
	.rectangle-number img {
		height: 25px !important;
	}
	.rectangle-title {
		font-size: 12px;
		height: max-content;
		min-height: 54px;
	}
	.section-title {
		font-size: 22px;
	}
	.why-we-item {
		width: 45%;
	}
	div.why-we-item:nth-of-type(2n + 7) {
		margin-top: 0;
	}
	div.why-we-item:nth-of-type(1n + 4) {
		margin-top: 60px;
	}
	.why-we-wrapper {
		padding: 0;
		padding-top: 3.2rem;
	}
	.item-picture.item-picture-1 {
		height: 130px;
		z-index: -1;
		left: 221px;
		top: 95px;
	}
	.item-picture.item-picture-2 {
		right: -15px;
		top: 70px;
		z-index: -3;
		height: 80px;
	}
	.item-picture.item-picture-3 {
		height: 180px;
		right: 200px;
		top: 532px;
		z-index: -7;
	}
	.item-picture.item-picture-4 {
		height: 175px;
		left: 160px;
		top: 1135px;
		z-index: -7;
	}
	.item-picture.item-picture-5 {
		height: 65px;
		right: 40px;
		top: 1015px;
		z-index: -7;
	}
	.item-picture.item-picture-6 {
		height: 60px;
		right: -15px;
		top: 620px;
	}
	.smm-cases .slide-subtitle {
		margin-top: 10px;
		font-size: 16px;
	}
	.smm-cases .slide-title {
		font-size: 20px;
		line-height: 26px;
	}
	.smm-cases .slide-country {
		font-size: 18px;
		line-height: 30px;
	}
	.smm-cases .swiper-slide .slide-img {
		display: none;
	}
	.smm-cases .swiper-slide {
		min-height: 375px;
	}
	.ppl-img {
		height: 145px;
		margin-bottom: -35px;
	}
	.ppl-text {
		padding: 20px 30px;
		padding-top: 45px;
		margin-left: 0;
	}
	.smm-about .about-img {
		display: none;
	}
	.swiper-steps .swiper-wrapper {
		background-position-x: center !important;
	}
	.swiper-steps .owl-carousel {
		background-position-x: center !important;
	}
	.swiper-steps .swiper-pagination {
		display: none;
	}
	.swiper-steps .owl-pagination {
		display: none;
	}
	.swiper-steps .swiper-button-next {
		right: -60px;
	}
	.swiper-steps .swiper-button-prev {
		left: -60px;
	}
	.block_3_content .block_3_section-1 .block_3_stage-2 .block_3_image {
		width: 70px;
		height: 70px;
	}
	.block_3_content .block_3_section-1 .block_3_stage-2 .block_3_image img {
		height: 25px;
	}
	.block_3_content .block_3_section-2 .block_3_stage-1 {
		margin-top: -25px;
		margin-right: 10px;
	}
	.block_3_content .block_3_section-2 .block_3_stage-1 .block_3_image {
		width: 85px;
		height: 85px;
	}
	.block_3_content .block_3_section-2 .block_3_stage-2 {
		margin-top: -50px;
		margin-left: 25px;
		margin-right: 0px;
	}
	.block_3_content .block_3_section-2 .block_3_stage-3 {
		margin-top: 0;
		margin-left: 0px;
		margin-right: 0px;
	}
	.block_3_content .block_3_section-2 .block_3_stage-4 {
		margin-top: 0;
		margin-left: 10px;
		top: -50px;
		position: relative;
	}
	.block_3_content .block_3_section-2 .block_3_stage-4 .block_3_image {
		width: 85px;
		height: 85px;
	}
	.block_3_content .block_3_section-3 .block_3_stage-2 {
		margin-top: 0;
		margin-right: 0px;
		margin-left: 8px;
	}
	.block_3_content .block_3_section-3 .block_3_stage-3 {
		margin-top: 0;
		margin-right: 0px;
		margin-left: 20px;
	}
	.block_3_content .block_3_section-3 .block_3_stage-4 {
		margin-top: 25px;
		margin-left: 5px;
		margin-right: 25px;
	}
	.block_3_content .block_3_section-3 .block_3_stage-5 .block_3_image {
		width: 100px;
		height: 100px;
	}
	.block_3_content .block_3_section-3 .block_3_stage-5 .block_3_image img {
		height: 36px;
	}
	.block_3_content .block_3_section-1 .block_3_stage-2 {
		margin-top: -43px;
		margin-left: 0px;
		margin-right: 0;
	}
	.block_3_content .block_3_section-1 .block_3_stage-3 .block_3_image {
		width: 90px;
		height: 90px;
	}
	.block_3_content .block_3_section-1 .block_3_stage-3 .block_3_image img {
		height: 32px;
	}
	.block_3_content .block_3_section-1 .block_3_stage-4 {
		margin-top: -40px;
		margin-left: 0px;
		margin-right: 0;
	}
	.block_3_content .block_3_section-1 .block_3_stage-4 .block_3_image {
		width: 110px;
		height: 110px;
	}
	.block_3_content .block_3_section-1 .block_3_stage-5 {
		margin-top: 25px;
		margin-left: 0px;
	}
	.block_3_content .block_3_section-1 .block_3_stage-5 .block_3_image {
		width: 110px;
		height: 110px;
	}
	.item-picture.item-picture-seo-1 {
		height: 150px;
		z-index: -1;
		left: 207px;
		top: 70px;
	}
	.item-picture.item-picture-seo-2 {
		height: 125px;
		right: 45px;
		top: 70px;
		z-index: -3;
	}
	.item-picture.item-picture-seo-3 {
		height: 200px;
		right: 162px;
		top: 550px;
		z-index: -7;
	}
	.item-picture.item-picture-seo-4 {
		height: 200px;
		left: 145px;
		top: 1175px;
		z-index: -7;
	}
	.item-picture.item-picture-seo-6 {
		height: 100px;
		right: -45px;
		top: 1125px;
	}
	.swiper-slide-block {
		width: 100%;
	}
	.swiper-slide-block:nth-of-type(1n + 2) {
		margin-top: 35px;
	}
	.swiper-name-block .name {
		font-size: 20px;
	}
	.swiper-name-block .link {
		font-size: 16px;
		color: #c7c6c2;
	}
	.seo-recent-projects .content {
		margin-top: 10px;
	}
	.block_10_image {
		margin-left: -100px;
		width: 290px;
	}
	.img-compare {
		height: 475px;
	}
	.navbar-custom ul li {
		border-radius: 30px;
		padding: 18px;
		max-height: unset;
	}
	.navbar-custom ul li a {
		font-size: 18px;
	}
	.serm-reviews .text {
		font-size: 16px;
	}
	.serm-reviews * > img {
		height: 300px;
	}
	.swiper-slide .left .title {
		font-size: 20px;
		margin-bottom: 0px;
	}
	.swiper-slide .left .subtitle {
		font-size: 16px;
		padding-bottom: 10px;
		padding-right: 0;
	}
	.swiper-slide .left .text {
		padding-top: 15px;
		line-height: 24px;
		font-size: 16px;
	}
	.swiper-slide .right .title {
		font-size: 16px;
	}
	.swiper-slide .right .loc-list,
	.swiper-slide .right .time,
	.swiper-slide .right .star-text {
		font-size: 16px;
	}
	.what-is-block img {
		display: none;
	}
	.item-picture.item-picture-serm-1 {
		z-index: -1;
		left: 195px;
		top: 90px;
		height: 150px;
	}
	.item-picture.item-picture-serm-2 {
		right: 10px;
		top: 50px;
		z-index: -3;
		height: 120px;
	}
	.item-picture.item-picture-serm-3 {
		height: 190px;
		right: 203px;
		top: 455px;
		z-index: -7;
	}
	.item-picture.item-picture-serm-4 {
		height: 125px;
		left: 205px;
		top: 865px;
		z-index: -7;
	}
	.item-picture.item-picture-serm-5 {
		left: 260px;
		top: 735px;
		z-index: -7;
		height: 60px;
	}
	.item-picture.item-picture-serm-6 {
		height: 75px;
		right: -30px;
		top: 885px;
	}
	.develop-block-part:last-of-type .swiper-develop-sites > img {
		height: 362px;
		position: relative;
		top: -35px;
	}
	.develop-block-part:last-of-type .swiper-develop-sites .swiper-wrapper {
		top: -22px;
		height: 254px;
		width: 402px;
	}
	.develop-block-part:last-of-type .swiper-develop-sites .owl-carousel {
		top: -22px;
		height: 254px;
		width: 402px;
	}
	.develop-block-part:last-of-type .swiper-develop-sites .swiper-pagination {
		bottom: 10px;
	}
	.develop-block-part:last-of-type .swiper-develop-sites .owl-pagination {
		bottom: 10px;
	}
	.develop-block-part:first-of-type {
		padding: 20px;
		background: #fff;
		height: max-content;
	}
	.develop-block-part:first-of-type ul {
		height: max-content;
	}
	.sites .item-picture.item-picture-1 {
		height: 200px;
		z-index: -1;
		left: 165px;
		top: 40px;
	}
	.sites .item-picture.item-picture-2 {
		right: 80px;
		top: 80px;
		z-index: -2;
	}
	.sites .item-picture.item-picture-3 {
		right: 45px;
		top: 530px;
		z-index: 1;
		height: 80px;
	}
	.sites .item-picture.item-picture-4 {
		left: 70px;
		top: 850px;
		z-index: -6;
		height: 385px;
	}
	.sites .item-picture.item-picture-5 {
		left: 215px;
		top: 442px;
		z-index: -7;
		height: 200px;
	}
	.sites .item-picture.item-picture-6 {
		right: -30px;
		top: 1000px;
	}
	.section-tariff .slide-description {
		font-size: 14px;
	}
	.people-wrapper ul {
		margin-top: 20px;
	}
	.marketplace-statistic .content > img {
		display: none;
	}
	.marketplace-statistic .rectangles {
		justify-content: space-between;
	}
	.marketplace-statistic .rectangle {
		height: 180px;
		width: 30%;
		padding: 20px;
	}
	.marketplace-statistic .rectangle:nth-of-type(1n + 3) {
		margin-top: 0;
	}
	.marketplace-statistic .rectangle:nth-of-type(1n + 4) {
		margin-top: 20px;
	}
	.market-cases .slide-title {
		font-size: 25px;
	}
	.list-title {
		font-size: 18px;
	}
	.list-content {
		font-size: 14px;
	}
	.bonus-img {
		display: none;
	}
	.bonus-content ul li:nth-child(1n + 3) {
		margin-top: 10px;
	}
	.hosting-panel .swiper-pagination-bullet img {
		width: 18px;
	}
	.hosting-panel .owl-dot img {
		width: 18px;
	}
	.hosting-panel .swiper-pagination-bullet .pagination-title {
		font-size: 14px;
	}
	.hosting-panel .owl-dot .pagination-title {
		font-size: 14px;
	}
	.smm-select-socials-item:nth-of-type(1n + 3) {
		margin-top: 20px;
	}
	.main-slider-two-buttons a:first-child {
		border-radius: 36px;
	}
	.main-slider-two-buttons a:last-child {
		border-radius: 36px;
	}
	.about-content .academy-bottom-button {
		height: 45px;
		font-size: 16px;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.header-contacts,
	.burger-btn:not(.burger-close) {
		width: 102px;
	}
	.why-we-item {
		width: 100%;
	}
	div.why-we-item:nth-of-type(1n + 4) {
		margin-top: 0;
	}
	div.why-we-item:nth-of-type(1n + 2) {
		margin-top: 60px;
	}
	.item-picture {
		display: none;
	}
	.smm-trust,
	.serm-trust {
		display: none !important;
	}
	.smm-statistic .rectangle {
		height: 135px;
		width: 135px;
	}
	.smm-statistic .rectangle:not(:last-of-type) {
		margin-right: 0;
	}
	.smm-statistic .rectangle:nth-of-type(1n + 3) {
		margin-top: 15px;
	}
	.smm-statistic .rectangle:nth-of-type(2n + 1) {
		margin-right: 15px;
	}
	.block_10_image {
		margin-left: -70px;
		width: 225px;
	}
	.serm-reviews * > img {
		height: 230px;
	}
	.develop-block-part:last-of-type .swiper-develop-sites .swiper-wrapper {
		top: -24px;
		height: 190px;
		width: 300px;
	}
	.develop-block-part:last-of-type .swiper-develop-sites .owl-carousel {
		top: -24px;
		height: 190px;
		width: 300px;
	}
	.develop-block-part:last-of-type .swiper-develop-sites > img {
		height: 270px;
		position: relative;
		top: -35px;
	}
	.section-tariff .col-md-4.col-12:not(:first-of-type) {
		margin-top: 15px;
	}
	.crm-tariffs .wrapper-title {
		font-size: 20px;
	}
	.marketplace-statistic .rectangle {
		height: 180px;
		width: 45%;
		padding: 20px;
	}
	.marketplace-statistic .rectangle:nth-of-type(1n + 3) {
		margin-top: 20px;
	}
	.market-cases .slide-title {
		font-size: 20px;
	}
	.slide-subtitle {
		font-size: 14px;
	}
	.hosting-panel .swiper-pagination {
		display: none !important;
	}
	.hosting-panel .owl-pagination {
		display: none !important;
	}
}

@media (max-width: 575px) {
	.swiper-button-prev {
		left: -30px !important;
	}
	.swiper-button-next {
		right: -30px !important;
	}
	
	/* Строгая адаптация для мобильных */
	.smm-promotion.swiper-promotion .owl-carousel .owl-stage-outer {
		overflow: hidden !important;     /* Строгий контроль */
	}
	
	/* Мобильные правила для всех уровней */
	.smm-promotion.swiper-promotion .owl-stage,
	.smm-promotion.swiper-promotion .owl-item {
		overflow: hidden !important;
	}
	.serm-compare {
		display: none !important;
	}
	.btn-resive {
		width: 170px;
	}
	.serm-reviews .rectangle {
		width: 220px;
	}
	.serm-reviews * > img {
		display: none;
	}
	.select-item-picture img {
		height: 182px; /* +30% */
	}
	.develop-block-part:last-of-type .swiper-develop-sites .swiper-wrapper {
		top: -30px;
		height: 105px;
		width: 165px;
	}
	.develop-block-part:last-of-type .swiper-develop-sites .owl-carousel {
		top: -30px;
		height: 105px;
		width: 165px;
	}
	.develop-block-part:last-of-type .swiper-develop-sites > img {
		height: 150px;
		position: relative;
		top: -35px;
	}
	.about-content .academy-bottom-button:first-child {
		background: #1dbca8;
		margin-right: 0;
	}
	.about-content .academy-bottom-button:last-child {
		margin-top: 20px;
		background: #74b4fc;
	}
}

@media (max-width: 400px) {
	.modal-form input[type='text'],
	.modal-form input[type='email'],
	.modal-form input[type='phone'],
	.modal-form select[name='price'],
	.modal-form textarea {
		width: auto;
	}
}

@media (max-width: 380px) {
	.slide-num {
		margin-bottom: 15px;
		margin-right: 0;
	}
	.slide-price {
		font-size: 18px;
		padding: 15px 25px;
	}
	.price-container:has(.slide-star) .slide-star,
	.price-container:has(.slide-start) .slide-start,
	.price-container:has(.slide-hit) .slide-hit,
	.price-container:has(.slide-advanced) .slide-advanced {
		font-size: 12px;
	}
}

/* --- Bubbles background for menu --- */
.smm-menu-bg {
  position: relative;
  overflow: visible;
  z-index: 0;
}

/* Стили для светлых статичных искаженных пузырей меню */
.smm-menu-bg .menu-bubble {
  position: absolute;
  background: rgba(255, 255, 255, 0.35); /* Светлый белый фон */
  pointer-events: none;
  z-index: 1;
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.2); /* Мягкая светлая тень */
  /* Статичные пузыри - без анимации */
}

.smm-menu-bg > *:not(.menu-bubble):not(.menu-bubbles-bg) {
  position: relative;
  z-index: 2;
}

.menu-bubbles-bg {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  z-index: 1;
  pointer-events: none;
}

/* Увеличение размера телефона на 40% */
.header-contacts a.fw-bold[href^="tel:"] {
  font-size: 140% !important;
}

/* Анимированные пузыри для блоков статистики */
.rectangle-with-blobs {
  position: relative;
  overflow: visible; /* Убираем обрезание пузырей */
  background: transparent;
}

.rectangle-with-blobs .rectangle-number,
.rectangle-with-blobs .rectangle-title {
  position: relative;
  z-index: 2;
  transform: translateY(-35px); 
}

/* Псевдо-пузыри за каждым прямоугольником статистики в стиле слайдера */
.rectangle-with-blobs::before,
.rectangle-with-blobs::after {
  content: none; /* Отключаем круглые псевдо-элементы для единообразия со стилем соцсетей */
}

/* Базовые размеры и анимации отключены для единообразия со стилем соцсетей */

/* Индивидуальные смещения/задержки для разнообразия (4 блока) 
.rectangle-with-blobs[data-blob-index="0"]::before { top: -50px; left: -50px; }
.rectangle-with-blobs[data-blob-index="0"]::after { bottom: -45px; right: -45px; }*/

.rectangle-with-blobs[data-blob-index="1"]::before {
  top: -40px; left: auto; right: -55px;
  background: rgba(255, 255, 255, 0.13);
  /* статично */
}
.rectangle-with-blobs[data-blob-index="1"]::after {
  bottom: -50px; right: auto; left: -45px;
  background: rgba(255, 255, 255, 0.09);
  /* статично */
}

.rectangle-with-blobs[data-blob-index="2"]::before {
  width: 200px; height: 200px; top: -60px; left: -65px;
  background: rgba(255, 255, 255, 0.16);
  /* статично */
}
.rectangle-with-blobs[data-blob-index="2"]::after {
  width: 120px; height: 120px; bottom: -40px; right: -35px;
  background: rgba(255, 255, 255, 0.08);
  /* статично */
}

.rectangle-with-blobs[data-blob-index="3"]::before {
  width: 160px; height: 160px; top: -45px; left: -40px;
  background: rgba(255, 255, 255, 0.14);
  /* статично */
}
.rectangle-with-blobs[data-blob-index="3"]::after {
  width: 150px; height: 150px; bottom: -55px; right: -40px;
  background: rgba(255, 255, 255, 0.11);
  /* статично */
}

/* Адаптация для мобильных: уменьшаем пузыри, чтобы не выходили за края */
@media (max-width: 768px) {
  .rectangle-with-blobs::before { width: 120px; height: 120px; top: -35px; left: -35px; }
  .rectangle-with-blobs::after { width: 95px; height: 95px; bottom: -30px; right: -30px; }
  .rectangle-with-blobs[data-blob-index="1"]::before { right: -35px; }
  .rectangle-with-blobs[data-blob-index="1"]::after { left: -30px; }
  .rectangle-with-blobs[data-blob-index="2"]::before { width: 150px; height: 150px; top: -40px; left: -45px; }
  .rectangle-with-blobs[data-blob-index="2"]::after { width: 90px; height: 90px; }
  .rectangle-with-blobs[data-blob-index="3"]::after { width: 110px; height: 110px; bottom: -35px; right: -30px; }
}

/* Стили для статистических пузырей - более заметные с искажением формы */
.stat-blob {
  position: absolute;
  background: rgba(255, 255, 255, 0.45); /* базовый белый, как в слайдере */
  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; /* Искажение формы */
  pointer-events: none;
  z-index: 0; /* Под текстом */
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.15); /* Также уменьшаем свечение */
  /* Отключаем анимации для улучшения производительности */
  animation: none !important;
}

/* Крупные и чётко видимые пузыри внутри каждого прямоугольника статистики */
.rectangle-with-blobs .stat-blob {
  transform: translate(-50%, -50%);
}

/* Базовые позиции под каждый блок */
.rectangle-with-blobs[data-blob-index="0"] .sb-a { width: 220px; height: 220px; top: 10%; left: 15%; }
.rectangle-with-blobs[data-blob-index="0"] .sb-b { width: 160px; height: 160px; top: 75%; left: 25%; }
.rectangle-with-blobs[data-blob-index="0"] .sb-c { width: 120px; height: 120px; top: 50%; left: 80%; }

.rectangle-with-blobs[data-blob-index="1"] .sb-a { width: 200px; height: 200px; top: 12%; left: 80%; }
.rectangle-with-blobs[data-blob-index="1"] .sb-b { width: 150px; height: 150px; top: 70%; left: 70%; }
.rectangle-with-blobs[data-blob-index="1"] .sb-c { width: 110px; height: 110px; top: 40%; left: 20%; }

.rectangle-with-blobs[data-blob-index="2"] .sb-a { width: 230px; height: 230px; top: 8%; left: 20%; }
.rectangle-with-blobs[data-blob-index="2"] .sb-b { width: 170px; height: 170px; top: 78%; left: 30%; }
.rectangle-with-blobs[data-blob-index="2"] .sb-c { width: 130px; height: 130px; top: 45%; left: 75%; }

.rectangle-with-blobs[data-blob-index="3"] .sb-a { width: 210px; height: 210px; top: 15%; left: 18%; }
.rectangle-with-blobs[data-blob-index="3"] .sb-b { width: 155px; height: 155px; top: 72%; left: 28%; }
.rectangle-with-blobs[data-blob-index="3"] .sb-c { width: 120px; height: 120px; top: 48%; left: 78%; }

/* Поддержка разных форм для дополнительных пузырей */
.rectangle-with-blobs .sb-b { border-radius: 70% 30% 60% 40% / 40% 60% 30% 70%; }
.rectangle-with-blobs .sb-c { border-radius: 50% 60% 40% 70% / 30% 50% 80% 50%; }

/* Мобильная адаптация: уменьшаем пузыри внутри карточек */
@media (max-width: 768px) {
  .rectangle-with-blobs[data-blob-index="0"] .sb-a { width: 150px; height: 150px; }
  .rectangle-with-blobs[data-blob-index="0"] .sb-b { width: 110px; height: 110px; }
  .rectangle-with-blobs[data-blob-index="0"] .sb-c { width: 90px; height: 90px; }

  .rectangle-with-blobs[data-blob-index="1"] .sb-a { width: 140px; height: 140px; }
  .rectangle-with-blobs[data-blob-index="1"] .sb-b { width: 105px; height: 105px; }
  .rectangle-with-blobs[data-blob-index="1"] .sb-c { width: 85px; height: 85px; }

  .rectangle-with-blobs[data-blob-index="2"] .sb-a { width: 155px; height: 155px; }
  .rectangle-with-blobs[data-blob-index="2"] .sb-b { width: 115px; height: 115px; }
  .rectangle-with-blobs[data-blob-index="2"] .sb-c { width: 95px; height: 95px; }

  .rectangle-with-blobs[data-blob-index="3"] .sb-a { width: 145px; height: 145px; }
  .rectangle-with-blobs[data-blob-index="3"] .sb-b { width: 110px; height: 110px; }
  .rectangle-with-blobs[data-blob-index="3"] .sb-c { width: 90px; height: 90px; }
}

/* Различные искажения формы для разнообразия */
.stat-blob:nth-child(odd) {
  border-radius: 70% 30% 60% 40% / 40% 60% 30% 70%;
}

.stat-blob:nth-child(even) {
  border-radius: 50% 60% 40% 70% / 30% 50% 80% 50%;
}

.stat-blob:nth-child(3n) {
  border-radius: 40% 70% 50% 50% / 70% 40% 60% 30%;
}

.stat-blob:nth-child(4n) {
  border-radius: 80% 30% 50% 60% / 50% 70% 40% 60%;
}

.stat-blob:nth-child(5n) {
  border-radius: 60% 50% 70% 30% / 60% 40% 50% 70%;
}

/* Анимированные пузыри для блока географии */
.geografy-with-blobs {
  overflow: visible; /* Убираем обрезание пузырей */
  margin-top: 45px;
}

.geografy-with-blobs .section-title,
.geografy-with-blobs .map-container {
  position: relative;
  z-index: 2;
}

.geografy-with-blobs .map-container {
  margin-top: 120px;
}

/* Стили для пузырей географии - светлые статичные искаженные пузыри */
.geo-blob {
  position: absolute;
  background: rgba(255, 255, 255, 0.45);
  pointer-events: none;
  z-index: 0; /* Под контентом */
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.15);
  /* Отключаем анимацию, делаем статичными */
  animation: none;
}

/* Анимированные пузыри для блока "Почему мы лучше" */
.why-we-better-with-blobs {
  overflow: visible; /* Убираем обрезание пузырей */
  margin-top: 45px;
}

.why-we-better-with-blobs .section-title,
.why-we-better-with-blobs .why-we-wrapper {
  position: relative;
  z-index: 2;
}

.why-we-better-with-blobs .why-we-wrapper {
  margin-top: 80px;
}

/* Стили для пузырей раздела "Почему мы лучше" - светлые статичные искаженные пузыри с другими цветами */
.why-blob {
  position: absolute;
  background: rgba(255, 255, 255, 0.35);
  pointer-events: none;
  z-index: 0; /* Под контентом */
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.12);
  /* Отключаем анимацию, делаем статичными */
  animation: none;
}
/* Анимации плавного покачивания для изображений в разделе "Почему мы лучше" */
@keyframes float-gentle-1 {
  0%, 100% {
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
  25% {
    transform: translateY(-8px) translateX(3px) rotate(1deg);
  }
  50% {
    transform: translateY(-4px) translateX(-2px) rotate(-0.5deg);
  }
  75% {
    transform: translateY(-12px) translateX(1px) rotate(0.8deg);
  }
}

@keyframes float-gentle-2 {
  0%, 100% {
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
  30% {
    transform: translateY(-6px) translateX(-4px) rotate(-0.8deg);
  }
  60% {
    transform: translateY(-10px) translateX(2px) rotate(1.2deg);
  }
  90% {
    transform: translateY(-3px) translateX(-1px) rotate(-0.4deg);
  }
}

@keyframes float-gentle-3 {
  0%, 100% {
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
  20% {
    transform: translateY(-5px) translateX(2px) rotate(0.6deg);
  }
  45% {
    transform: translateY(-9px) translateX(-3px) rotate(-1deg);
  }
  80% {
    transform: translateY(-7px) translateX(4px) rotate(0.9deg);
  }
}

@keyframes float-gentle-4 {
  0%, 100% {
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
  35% {
    transform: translateY(-7px) translateX(-2px) rotate(-0.7deg);
  }
  70% {
    transform: translateY(-11px) translateX(3px) rotate(1.1deg);
  }
}

@keyframes float-gentle-5 {
  0%, 100% {
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
  40% {
    transform: translateY(-4px) translateX(3px) rotate(0.5deg);
  }
  80% {
    transform: translateY(-8px) translateX(-1px) rotate(-0.8deg);
  }
}

@keyframes float-gentle-6 {
  0%, 100% {
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
  25% {
    transform: translateY(-6px) translateX(-3px) rotate(-0.9deg);
  }
  55% {
    transform: translateY(-10px) translateX(1px) rotate(0.7deg);
  }
  85% {
    transform: translateY(-3px) translateX(2px) rotate(-0.3deg);
  }
}

/* Применяем анимации к изображениям в разделе "Почему мы лучше" */
.why-we-better-with-blobs .item-picture.item-picture-1 {
  animation: float-gentle-1 8s ease-in-out infinite;
}

.why-we-better-with-blobs .item-picture.item-picture-2 {
  animation: float-gentle-2 9.5s ease-in-out infinite;
}

.why-we-better-with-blobs .item-picture.item-picture-3 {
  animation: float-gentle-3 7.5s ease-in-out infinite;
}

.why-we-better-with-blobs .item-picture.item-picture-4 {
  animation: float-gentle-4 10s ease-in-out infinite;
}

.why-we-better-with-blobs .item-picture.item-picture-5 {
  animation: float-gentle-5 8.8s ease-in-out infinite;
}

.why-we-better-with-blobs .item-picture.item-picture-6 {
  animation: float-gentle-6 9.2s ease-in-out infinite;
}



/* ТОЧНЫЕ КОПИИ анимаций из блока "Почему мы лучше" с центрированием */
@keyframes float-gentle-slider-1 {
  0%, 100% {
    transform: translate(-50%, -50%) translateY(0px) translateX(0px) rotate(0deg);
  }
  25% {
    transform: translate(-50%, -50%) translateY(-8px) translateX(3px) rotate(1deg);
  }
  50% {
    transform: translate(-50%, -50%) translateY(-4px) translateX(-2px) rotate(-0.5deg);
  }
  75% {
    transform: translate(-50%, -50%) translateY(-12px) translateX(1px) rotate(0.8deg);
  }
}

@keyframes float-gentle-slider-2 {
  0%, 100% {
    transform: translate(-50%, -50%) translateY(0px) translateX(0px) rotate(0deg);
  }
  30% {
    transform: translate(-50%, -50%) translateY(-6px) translateX(-4px) rotate(-0.8deg);
  }
  60% {
    transform: translate(-50%, -50%) translateY(-10px) translateX(2px) rotate(1.2deg);
  }
  90% {
    transform: translate(-50%, -50%) translateY(-3px) translateX(-1px) rotate(-0.4deg);
  }
}

@keyframes float-gentle-slider-3 {
  0%, 100% {
    transform: translate(-50%, -50%) translateY(0px) translateX(0px) rotate(0deg);
  }
  20% {
    transform: translate(-50%, -50%) translateY(-5px) translateX(2px) rotate(0.6deg);
  }
  45% {
    transform: translate(-50%, -50%) translateY(-9px) translateX(-3px) rotate(-1deg);
  }
  80% {
    transform: translate(-50%, -50%) translateY(-7px) translateX(4px) rotate(0.9deg);
  }
}

/* Анимации легкого покачивания для изображений в главном слайдере */
@keyframes slider-float-subtle-1 {
  0%, 100% {
    transform: translate(-50%, -50%) translateY(0px) translateX(0px) rotate(0deg);
  }
  25% {
    transform: translate(-50%, -50%) translateY(-4px) translateX(1px) rotate(0.3deg);
  }
  50% {
    transform: translate(-50%, -50%) translateY(-2px) translateX(-1px) rotate(-0.2deg);
  }
  75% {
    transform: translate(-50%, -50%) translateY(-6px) translateX(0.5px) rotate(0.4deg);
  }
}

@keyframes slider-float-subtle-2 {
  0%, 100% {
    transform: translate(-50%, -50%) translateY(0px) translateX(0px) rotate(0deg);
  }
  30% {
    transform: translate(-50%, -50%) translateY(-3px) translateX(-1.5px) rotate(-0.3deg);
  }
  60% {
    transform: translate(-50%, -50%) translateY(-5px) translateX(1px) rotate(0.5deg);
  }
  90% {
    transform: translate(-50%, -50%) translateY(-1px) translateX(-0.5px) rotate(-0.1deg);
  }
}

@keyframes slider-float-subtle-3 {
  0%, 100% {
    transform: translate(-50%, -50%) translateY(0px) translateX(0px) rotate(0deg);
  }
  20% {
    transform: translate(-50%, -50%) translateY(-2px) translateX(1px) rotate(0.2deg);
  }
  45% {
    transform: translate(-50%, -50%) translateY(-4px) translateX(-1.5px) rotate(-0.4deg);
  }
  80% {
    transform: translate(-50%, -50%) translateY(-3px) translateX(2px) rotate(0.3deg);
  }
}

@keyframes slider-float-subtle-4 {
  0%, 100% {
    transform: translate(-50%, -50%) translateY(0px) translateX(0px) rotate(0deg);
  }
  35% {
    transform: translate(-50%, -50%) translateY(-3.5px) translateX(-1px) rotate(-0.2deg);
  }
  70% {
    transform: translate(-50%, -50%) translateY(-5.5px) translateX(1.5px) rotate(0.4deg);
  }
}

@keyframes slider-float-subtle-5 {
  0%, 100% {
    transform: translate(-50%, -50%) translateY(0px) translateX(0px) rotate(0deg);
  }
  40% {
    transform: translate(-50%, -50%) translateY(-2px) translateX(1.5px) rotate(0.1deg);
  }
  80% {
    transform: translate(-50%, -50%) translateY(-4px) translateX(-0.5px) rotate(-0.3deg);
  }
}

/* ================================
   ИСПРАВЛЕННЫЕ АНИМАЦИИ ДЛЯ ИЗОБРАЖЕНИЙ СЛАЙДЕРА
   Устранение конфликтов с центрированием
   ================================ */

/* Отладочная анимация удалена - используем красивые финальные */

/* ===== ПРАВИЛЬНЫЕ СЕЛЕКТОРЫ ДЛЯ OWL CAROUSEL ===== */

/* ===== ЧИСТЫЕ ФИНАЛЬНЫЕ АНИМАЦИИ ДЛЯ СЛАЙДЕРА ===== */

/* ===== ФИНАЛЬНЫЕ КРАСИВЫЕ АНИМАЦИИ ДЛЯ СЛАЙДЕРА ===== */

/* Базовая плавающая анимация для всех изображений слайдера */
.circle-background img,
.smm-promotion img,
.owl-carousel img,
.swiper-slide img {
  /* ТОЧНАЯ КОПИЯ анимации из блока "Почему мы лучше" - плавание из стороны в сторону */
  animation: float-gentle-slider-1 8s ease-in-out infinite !important;
  animation-delay: 0s !important;
  animation-play-state: running !important;
  animation-fill-mode: both !important;
  transition: none !important;
}

/* ===== КРАСИВЫЕ СПЕЦИФИЧНЫЕ АНИМАЦИИ ДЛЯ КАЖДОГО СЛАЙДА ===== */

/* ===== ИНДИВИДУАЛЬНЫЕ АНИМАЦИИ ДЛЯ РАЗНООБРАЗИЯ ===== */

/* ПЛАВАЮЩИЕ анимации как в блоке "Почему мы лучше" - для каждого слайда */

/* Слайд 0 - первая плавающая анимация */
.smm-promotion .slide-0 .circle-background img,
.slide-0 img {
  animation: float-gentle-slider-1 8s ease-in-out infinite !important;
  animation-delay: 0s !important;
}

/* Слайд 1 - вторая плавающая анимация */ 
.smm-promotion .slide-1 .circle-background img,
.slide-1 img {
  animation: float-gentle-slider-2 9.5s ease-in-out infinite !important;
  animation-delay: 1s !important;
}

/* Слайд 2 - третья плавающая анимация */
.smm-promotion .slide-2 .circle-background img,
.slide-2 img {
  animation: float-gentle-slider-3 7.5s ease-in-out infinite !important;
  animation-delay: 2s !important;
}

/* Слайд 3 - снова первая анимация с другой скоростью */
.smm-promotion .slide-3 .circle-background img,
.slide-3 img {
  animation: float-gentle-slider-1 10s ease-in-out infinite !important;
  animation-delay: 1.5s !important;
}

/* Слайд 4 - вторая анимация с другой скоростью */
.smm-promotion .slide-4 .circle-background img,
.slide-4 img {
  animation: float-gentle-slider-2 8.8s ease-in-out infinite !important;
  animation-delay: 0.5s !important;
}

/* Слайд 5 - третья анимация с другой скоростью */
.smm-promotion .slide-5 .circle-background img,
.slide-5 img {
  animation: float-gentle-slider-3 9.2s ease-in-out infinite !important;
  animation-delay: 0.8s !important;
}

/* Добавим анимации для SERM слайдера тоже */
.serm-promotion .circle-background img {
  animation: float-gentle-slider-2 14s ease-in-out infinite !important;
  animation-delay: 0s !important;
  animation-play-state: running !important;
  animation-fill-mode: both !important;
  transition: none !important;
}

/* Старые стили заменены выше */

/* Стили для пузырей в слайдерах SMM и SERM */
.smm-promotion .circle-background,
.serm-promotion .circle-background {
  position: relative;
  overflow: visible !important;
  /* Убираем ограничения размеров для анимации */
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}

/* Отключаем старые стили light-blob для слайдера */
/*.smm-promotion .light-blob,
.serm-promotion .light-blob {
  position: absolute;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0; 
  animation: light-blob-float 6s ease-in-out infinite;
}*/

/* Отключаем старые селекторы для пузырей слайдера */
/* Размеры и позиции пузырей в слайдерах */
/*.smm-promotion .light-blob:nth-child(1),
.serm-promotion .light-blob:nth-child(1) {
  width: 60px;
  height: 60px;
  top: 15%;
  left: 10%;
  animation-delay: 0s;
  opacity: 0.25;
}

.smm-promotion .light-blob:nth-child(2),
.serm-promotion .light-blob:nth-child(2) {
  width: 40px;
  height: 40px;
  top: 25%;
  right: 15%;
  animation-delay: 1s;
  opacity: 0.15;
}

.smm-promotion .light-blob:nth-child(3),
.serm-promotion .light-blob:nth-child(3) {
  width: 80px;
  height: 80px;
  bottom: 30%;
  left: 5%;
  animation-delay: 2s;
  opacity: 0.3;
}

.smm-promotion .light-blob:nth-child(4),
.serm-promotion .light-blob:nth-child(4) {
  width: 35px;
  height: 35px;
  top: 60%;
  right: 20%;
  animation-delay: 3s;
  opacity: 0.2;
}

.smm-promotion .light-blob:nth-child(5),
.serm-promotion .light-blob:nth-child(5) {
  width: 50px;
  height: 50px;
  bottom: 15%;
  right: 10%;
  animation-delay: 4s;
  opacity: 0.18;
}

.smm-promotion .light-blob:nth-child(6),
.serm-promotion .light-blob:nth-child(6) {
  width: 25px;
  height: 25px;
  top: 40%;
  left: 20%;
  animation-delay: 5s;
  opacity: 0.12;
}

.smm-promotion .light-blob:nth-child(7),
.serm-promotion .light-blob:nth-child(7) {
  width: 70px;
  height: 70px;
  top: 5%;
  right: 30%;
  animation-delay: 2.5s;
  opacity: 0.22;
}

.smm-promotion .light-blob:nth-child(8),
.serm-promotion .light-blob:nth-child(8) {
  width: 30px;
  height: 30px;
  top: 45%;
  left: 35%;
  animation-delay: 1s;
  opacity: 0.28;
}

.smm-promotion .light-blob:nth-child(9),
.serm-promotion .light-blob:nth-child(9) {
  width: 65px;
  height: 65px;
  bottom: 35%;
  right: 8%;
  animation-delay: 3.2s;
  opacity: 0.32;
}

.smm-promotion .light-blob:nth-child(10),
.serm-promotion .light-blob:nth-child(10) {
  width: 22px;
  height: 22px;
  top: 80%;
  left: 65%;
  animation-delay: 4.8s;
  opacity: 0.18;
}

.smm-promotion .light-blob:nth-child(11),
.serm-promotion .light-blob:nth-child(11) {
  width: 55px;
  height: 55px;
  top: 8%;
  right: 50%;
  animation-delay: 0.7s;
  opacity: 0.26;
}

.smm-promotion .light-blob:nth-child(12),
.serm-promotion .light-blob:nth-child(12) {
  width: 42px;
  height: 42px;
  bottom: 55%;
  left: 75%;
  animation-delay: 4.2s;
  opacity: 0.24;
}

/* Анимация плавания пузырей */
@keyframes light-blob-float {
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }
  25% {
    transform: translate(10px, -15px) scale(1.1);
  }
  50% {
    transform: translate(-8px, -10px) scale(0.9);
  }
  75% {
    transform: translate(15px, 5px) scale(1.05);
  }
}

/* Отключаем старые медиа-запросы для light-blob */
/*
@media (max-width: 991px) {
  .smm-promotion .light-blob,
  .serm-promotion .light-blob {
    animation: none; 
  }
  
  .smm-promotion .light-blob:nth-child(1),
  .serm-promotion .light-blob:nth-child(1) {
    width: 45px;
    height: 45px;
  }
  
  .smm-promotion .light-blob:nth-child(2),
  .serm-promotion .light-blob:nth-child(2) {
    width: 30px;
    height: 30px;
  }
  
  .smm-promotion .light-blob:nth-child(3),
  .serm-promotion .light-blob:nth-child(3) {
    width: 60px;
    height: 60px;
  }
  
  .smm-promotion .light-blob:nth-child(4),
  .serm-promotion .light-blob:nth-child(4) {
    width: 25px;
    height: 25px;
  }
  
  .smm-promotion .light-blob:nth-child(5),
  .serm-promotion .light-blob:nth-child(5) {
    width: 35px;
    height: 35px;
  }
  
  .smm-promotion .light-blob:nth-child(6),
  .serm-promotion .light-blob:nth-child(6) {
    width: 20px;
    height: 20px;
  }
  
  .smm-promotion .light-blob:nth-child(7),
  .serm-promotion .light-blob:nth-child(7) {
    width: 50px;
    height: 50px;
  }
}
*/

/* Отключаем остатки старых селекторов */
/*  
  .smm-promotion .light-blob:nth-child(8),
  .serm-promotion .light-blob:nth-child(8) {
    width: 22px;
    height: 22px;
  }
  
  .smm-promotion .light-blob:nth-child(9),
  .serm-promotion .light-blob:nth-child(9) {
    width: 45px;
    height: 45px;
  }
  
  .smm-promotion .light-blob:nth-child(10),
  .serm-promotion .light-blob:nth-child(10) {
    width: 18px;
    height: 18px;
  }
  
  .smm-promotion .light-blob:nth-child(11),
  .serm-promotion .light-blob:nth-child(11) {
    width: 40px;
    height: 40px;
  }
  
  .smm-promotion .light-blob:nth-child(12),
  .serm-promotion .light-blob:nth-child(12) {
    width: 32px;
    height: 32px;
  }
}
*/

/* Точечное исправление только для контейнера слайдера */
.slider-container.col-xl-10.col-12.d-flex.justify-content-start {
  overflow: visible !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Дополнительная защита от overflow */
.smm-promotion.swiper-promotion,
.serm-promotion.swiper-promotion {
  overflow: visible !important; /* Позволяем стрелкам и декоративным элементам выходить за границы */
  max-width: 100% !important;
}

/* Контроль позиционирования стрелок для предотвращения красной зоны */
.smm-promotion.swiper-promotion .swiper-button-prev,
.smm-promotion.swiper-promotion .swiper-button-next,
.serm-promotion.swiper-promotion .swiper-button-prev,
.serm-promotion.swiper-promotion .swiper-button-next {
  transform: translateY(-50%) !important;
  z-index: 999 !important;
}

/* Блок выбора социальных сетей с хаотичными пузырями */
.smm-select-socials {
  position: relative;
  overflow: visible;
}

.smm-select-socials-item {
  position: relative;
  overflow: visible;
}

/* Стили для статичных пузырей социальных сетей в стиле блока статистики */
.smm-select-socials {
  position: relative;
  overflow: visible; /* Убираем обрезание пузырей */
}

.smm-select-socials-item {
  position: relative;
  overflow: visible; /* Убираем обрезание пузырей */
}

.smm-select-socials-item .select-item-picture,
.smm-select-socials-item .item-title {
  position: relative;
  z-index: 2; /* Поднимаем контент над пузырями */
}

/* Статичные пузыри для социальных сетей - копируем точные стили из .stat-blob */
.smm-select-socials-item .social-static-blob {
  position: absolute;
  background: rgba(255, 255, 255, 0.45) !important; /* Точно как в .stat-blob */
  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; /* Точно как в .stat-blob */
  pointer-events: none;
  z-index: -10; /* На самом заднем плане, чтобы не перекрывать кнопку + */
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.15) !important; /* Точно как в .stat-blob */
  transform: translate(-50%, -50%); /* Центрируем пузыри */
  /* Отключаем анимации для улучшения производительности - как в .stat-blob */
  animation: none !important;
  /* Плавные переходы для смены цвета */
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Различные искажения формы для разнообразия пузырей */
.smm-select-socials-item .social-static-blob:nth-child(odd) {
  border-radius: 70% 30% 60% 40% / 40% 60% 30% 70%;
}

.smm-select-socials-item .social-static-blob:nth-child(even) {
  border-radius: 50% 60% 40% 70% / 30% 50% 80% 50%;
}

.smm-select-socials-item .social-static-blob:nth-child(3n) {
  border-radius: 40% 70% 50% 50% / 70% 40% 60% 30%;
}

.smm-select-socials-item .social-static-blob:nth-child(4n) {
  border-radius: 80% 30% 50% 60% / 50% 70% 40% 60%;
}

.smm-select-socials-item .social-static-blob:nth-child(5n) {
  border-radius: 60% 50% 70% 30% / 60% 40% 50% 70%;
}

/* Зеленая галочка для активных социальных сетей - увеличенная */
.smm-select-socials-item label.checked {
  color: #28a745 !important; /* Зеленый цвет для галочки */
  font-weight: bold;
  font-size: 3.5em; /* Увеличили в 3 раза - намного заметнее */
  text-shadow: 0 0 8px rgba(40, 167, 69, 0.6); /* Добавили зелёную тень для большей заметности */
  transform: scale(1.2); /* Дополнительное увеличение */
  transition: all 0.3s ease; /* Плавный переход */
}

/* Масштабирование иконки при активном состоянии */
.smm-select-socials-item.active .select-item-picture img,
.smm-select-socials-item.bubbling .select-item-picture img {
  transform: scale(1); /* Возвращаем к полному размеру после активации */
}

/* Эффект hover для интерактивности */
.smm-select-socials-item:not(.active):not(.bubbling):hover .select-item-picture img {
  transform: scale(0.8); /* Небольшое увеличение относительно базового 0.75 */
}
.smm-select-socials-item.active:hover .select-item-picture,
.smm-select-socials-item.bubbling:hover .select-item-picture {
  animation-duration: 1s; /* немного быстрее при hover для активных */
}

/* Корпоративный синий цвет для изображений социальных сетей: сначала полноценное ч/б, потом цвет */
.select-item-picture img {
	filter: grayscale(100%) sepia(100%) saturate(350%) hue-rotate(200deg) brightness(75%) contrast(120%);
	transition: filter 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Убираем фильтр при активации - показываем оригинальные цвета */
.smm-select-socials-item.active .select-item-picture img,
.smm-select-socials-item.bubbling .select-item-picture img {
	filter: none !important; /* Оригинальные цвета при активации */
}

/* Усиление корпоративного синего при наведении для неактивных элементов */
.smm-select-socials-item:not(.active):not(.bubbling):hover .select-item-picture img {
	filter: grayscale(100%) sepia(100%) saturate(400%) hue-rotate(200deg) brightness(80%) contrast(130%);
}

/* Переход обратно к белому цвету при отключении - точно как в блоке статистики */
.smm-select-socials-item:not(.active):not(.bubbling) .social-static-blob {
  background: rgba(255, 255, 255, 0.55) !important; /* Точно как в блоке статистики */
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.15) !important; /* Точно как в блоке статистики */
  transform: translate(-50%, -50%) scale(1) !important;
  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
  animation: none !important;
}

/* Цветные пузыри для активных социальных сетей */
.smm-select-socials-item.active .social-static-blob {
  transform: translate(-50%, -50%) scale(1.1); /* Легкое увеличение при активации */
}

/* Класс для запуска анимации булькания */
.smm-select-socials-item.bubbling .social-static-blob {
  animation: bubble-effect 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
}

/* Анимация булькающих пузырей */
@keyframes bubble-effect {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.45;
  }
  15% {
    transform: translate(-50%, -50%) scale(1.3);
    opacity: 0.6;
  }
  25% {
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0.8;
  }
  35% {
    transform: translate(-50%, -50%) scale(1.4);
    opacity: 0.7;
  }
  45% {
    transform: translate(-50%, -50%) scale(0.95);
    opacity: 0.9;
  }
  55% {
    transform: translate(-50%, -50%) scale(1.25);
    opacity: 0.75;
  }
  65% {
    transform: translate(-50%, -50%) scale(1.05);
    opacity: 0.85;
  }
  75% {
    transform: translate(-50%, -50%) scale(1.15);
    opacity: 0.8;
  }
  85% {
    transform: translate(-50%, -50%) scale(1.08);
    opacity: 0.82;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.75;
  }
}

/* Эффект "волны" - пузыри булькают по очереди */
.smm-select-socials-item.bubbling .social-static-blob:nth-child(1) {
  animation-delay: 0s;
}
.smm-select-socials-item.bubbling .social-static-blob:nth-child(2) {
  animation-delay: 0.1s;
}
.smm-select-socials-item.bubbling .social-static-blob:nth-child(3) {
  animation-delay: 0.2s;
}
.smm-select-socials-item.bubbling .social-static-blob:nth-child(4) {
  animation-delay: 0.15s;
}
.smm-select-socials-item.bubbling .social-static-blob:nth-child(5) {
  animation-delay: 0.05s;
}
.smm-select-socials-item.bubbling .social-static-blob:nth-child(6) {
  animation-delay: 0.25s;
}

/* Цвета для Instagram */
.smm-select-socials-item[data-social*="instagram"].active .social-static-blob:nth-child(odd),
.smm-select-socials-item[data-social*="inst"].active .social-static-blob:nth-child(odd) {
  background: radial-gradient(circle, rgba(131, 58, 180, 0.6), rgba(253, 29, 29, 0.4)) !important;
  box-shadow: 0 0 25px rgba(131, 58, 180, 0.3) !important;
}
.smm-select-socials-item[data-social*="instagram"].active .social-static-blob:nth-child(even),
.smm-select-socials-item[data-social*="inst"].active .social-static-blob:nth-child(even) {
  background: radial-gradient(circle, rgba(253, 29, 29, 0.6), rgba(252, 176, 69, 0.4)) !important;
  box-shadow: 0 0 25px rgba(253, 29, 29, 0.3) !important;
}

/* Анимация цвета для Instagram во время булькания */
.smm-select-socials-item[data-social*="instagram"].bubbling .social-static-blob:nth-child(odd),
.smm-select-socials-item[data-social*="inst"].bubbling .social-static-blob:nth-child(odd) {
  animation: bubble-effect 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,
             instagram-color-odd 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
}
.smm-select-socials-item[data-social*="instagram"].bubbling .social-static-blob:nth-child(even),
.smm-select-socials-item[data-social*="inst"].bubbling .social-static-blob:nth-child(even) {
  animation: bubble-effect 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,
             instagram-color-even 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
}

@keyframes instagram-color-odd {
  0% { background: rgba(255, 255, 255, 0.88); box-shadow: 0 0 20px rgba(255, 255, 255, 0.15); }
  50% { background: radial-gradient(circle, rgba(131, 58, 180, 0.3), rgba(253, 29, 29, 0.2)); box-shadow: 0 0 25px rgba(131, 58, 180, 0.15); }
  100% { background: radial-gradient(circle, rgba(131, 58, 180, 0.6), rgba(253, 29, 29, 0.4)); box-shadow: 0 0 25px rgba(131, 58, 180, 0.3); }
}
@keyframes instagram-color-even {
  0% { background: rgba(255, 255, 255, 0.88); box-shadow: 0 0 20px rgba(255, 255, 255, 0.15); }
  50% { background: radial-gradient(circle, rgba(253, 29, 29, 0.3), rgba(252, 176, 69, 0.2)); box-shadow: 0 0 25px rgba(253, 29, 29, 0.15); }
  100% { background: radial-gradient(circle, rgba(253, 29, 29, 0.6), rgba(252, 176, 69, 0.4)); box-shadow: 0 0 25px rgba(253, 29, 29, 0.3); }
}

/* Цвета для VK */
.smm-select-socials-item[data-social*="vk"].active .social-static-blob,
.smm-select-socials-item[data-social*="vkontakte"].active .social-static-blob {
  background: radial-gradient(circle, rgba(76, 117, 163, 0.7), rgba(93, 140, 196, 0.4)) !important;
  box-shadow: 0 0 25px rgba(76, 117, 163, 0.4) !important;
}

/* Универсальное правило для всех анимаций булькания */
.smm-select-socials-item.bubbling .social-static-blob {
  transition: none !important;
}

/* Анимация цвета для VK во время булькания */
.smm-select-socials-item[data-social*="vk"].bubbling .social-static-blob,
.smm-select-socials-item[data-social*="vkontakte"].bubbling .social-static-blob {
  animation: bubble-effect 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,
             vk-color 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
}

@keyframes vk-color {
  0% { background: rgba(255, 255, 255, 0.88); box-shadow: 0 0 20px rgba(255, 255, 255, 0.15); }
  50% { background: radial-gradient(circle, rgba(76, 117, 163, 0.35), rgba(93, 140, 196, 0.2)); box-shadow: 0 0 25px rgba(76, 117, 163, 0.2); }
  100% { background: radial-gradient(circle, rgba(76, 117, 163, 0.7), rgba(93, 140, 196, 0.4)); box-shadow: 0 0 25px rgba(76, 117, 163, 0.4); }
}

/* Цвета для Telegram */
.smm-select-socials-item[data-social*="telegram"].active .social-static-blob,
.smm-select-socials-item[data-social*="tg"].active .social-static-blob {
  background: radial-gradient(circle, rgba(0, 136, 204, 0.7), rgba(34, 158, 217, 0.4)) !important;
  box-shadow: 0 0 25px rgba(0, 136, 204, 0.4) !important;
}

/* Анимация цвета для Telegram во время булькания */
.smm-select-socials-item[data-social*="telegram"].bubbling .social-static-blob,
.smm-select-socials-item[data-social*="tg"].bubbling .social-static-blob {
  animation: bubble-effect 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,
             telegram-color 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
}

@keyframes telegram-color {
  0% { background: rgba(255, 255, 255, 0.88); box-shadow: 0 0 20px rgba(255, 255, 255, 0.15); }
  50% { background: radial-gradient(circle, rgba(0, 136, 204, 0.35), rgba(34, 158, 217, 0.2)); box-shadow: 0 0 25px rgba(0, 136, 204, 0.2); }
  100% { background: radial-gradient(circle, rgba(0, 136, 204, 0.7), rgba(34, 158, 217, 0.4)); box-shadow: 0 0 25px rgba(0, 136, 204, 0.4); }
}

/* Цвета для Odnoklassniki */
.smm-select-socials-item[data-social*="ok"].active .social-static-blob,
.smm-select-socials-item[data-social*="odnoklassniki"].active .social-static-blob {
  background: radial-gradient(circle, rgba(237, 129, 43, 0.7), rgba(243, 156, 18, 0.4)) !important;
  box-shadow: 0 0 25px rgba(237, 129, 43, 0.4) !important;
}

/* Анимация цвета для OK во время булькания */
.smm-select-socials-item[data-social*="ok"].bubbling .social-static-blob,
.smm-select-socials-item[data-social*="odnoklassniki"].bubbling .social-static-blob {
  animation: bubble-effect 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,
             ok-color 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
}

@keyframes ok-color {
  0% { background: rgba(255, 255, 255, 0.88); box-shadow: 0 0 20px rgba(255, 255, 255, 0.15); }
  50% { background: radial-gradient(circle, rgba(237, 129, 43, 0.35), rgba(243, 156, 18, 0.2)); box-shadow: 0 0 25px rgba(237, 129, 43, 0.2); }
  100% { background: radial-gradient(circle, rgba(237, 129, 43, 0.7), rgba(243, 156, 18, 0.4)); box-shadow: 0 0 25px rgba(237, 129, 43, 0.4); }
}

/* Цвета для Яндекс Дзен */
.smm-select-socials-item[data-social*="dzen"].active .social-static-blob,
.smm-select-socials-item[data-social*="yandex"].active .social-static-blob {
  background: radial-gradient(circle, rgba(255, 219, 77, 0.7), rgba(255, 107, 107, 0.4)) !important;
  box-shadow: 0 0 25px rgba(255, 219, 77, 0.4) !important;
}

/* Анимация цвета для Дзен во время булькания */
.smm-select-socials-item[data-social*="dzen"].bubbling .social-static-blob,
.smm-select-socials-item[data-social*="yandex"].bubbling .social-static-blob {
  animation: bubble-effect 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,
             dzen-color 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
}

@keyframes dzen-color {
  0% { background: rgba(255, 255, 255, 0.88); box-shadow: 0 0 20px rgba(255, 255, 255, 0.15); }
  50% { background: radial-gradient(circle, rgba(255, 219, 77, 0.35), rgba(255, 107, 107, 0.2)); box-shadow: 0 0 25px rgba(255, 219, 77, 0.2); }
  100% { background: radial-gradient(circle, rgba(255, 219, 77, 0.7), rgba(255, 107, 107, 0.4)); box-shadow: 0 0 25px rgba(255, 219, 77, 0.4); }
}

/* Цвета для TikTok */
.smm-select-socials-item[data-social*="tiktok"].active .social-static-blob:nth-child(odd) {
  background: radial-gradient(circle, rgba(255, 0, 80, 0.7), rgba(0, 242, 234, 0.4)) !important;
  box-shadow: 0 0 25px rgba(255, 0, 80, 0.4) !important;
}
.smm-select-socials-item[data-social*="tiktok"].active .social-static-blob:nth-child(even) {
  background: radial-gradient(circle, rgba(0, 242, 234, 0.7), rgba(255, 0, 80, 0.4)) !important;
  box-shadow: 0 0 25px rgba(0, 242, 234, 0.4) !important;
}

/* Анимация цвета для TikTok во время булькания */
.smm-select-socials-item[data-social*="tiktok"].bubbling .social-static-blob:nth-child(odd) {
  animation: bubble-effect 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,
             tiktok-color-odd 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
}
.smm-select-socials-item[data-social*="tiktok"].bubbling .social-static-blob:nth-child(even) {
  animation: bubble-effect 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,
             tiktok-color-even 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
}

@keyframes tiktok-color-odd {
  0% { background: rgba(255, 255, 255, 0.88); box-shadow: 0 0 20px rgba(255, 255, 255, 0.15); }
  50% { background: radial-gradient(circle, rgba(255, 0, 80, 0.35), rgba(0, 242, 234, 0.2)); box-shadow: 0 0 25px rgba(255, 0, 80, 0.2); }
  100% { background: radial-gradient(circle, rgba(255, 0, 80, 0.7), rgba(0, 242, 234, 0.4)); box-shadow: 0 0 25px rgba(255, 0, 80, 0.4); }
}

@keyframes tiktok-color-even {
  0% { background: rgba(255, 255, 255, 0.88); box-shadow: 0 0 20px rgba(255, 255, 255, 0.15); }
  50% { background: radial-gradient(circle, rgba(0, 242, 234, 0.35), rgba(255, 0, 80, 0.2)); box-shadow: 0 0 25px rgba(0, 242, 234, 0.2); }
  100% { background: radial-gradient(circle, rgba(0, 242, 234, 0.7), rgba(255, 0, 80, 0.4)); box-shadow: 0 0 25px rgba(0, 242, 234, 0.4); }
}

/* Цвета для Facebook */
.smm-select-socials-item[data-social*="facebook"].active .social-static-blob,
.smm-select-socials-item[data-social*="fb"].active .social-static-blob,
.smm-select-socials-item[data-social*="face"].active .social-static-blob {
  background: radial-gradient(circle, rgba(59, 89, 152, 0.7), rgba(139, 157, 195, 0.4)) !important;
  box-shadow: 0 0 25px rgba(59, 89, 152, 0.4) !important;
}

/* Анимация цвета для Facebook во время булькания */
.smm-select-socials-item[data-social*="facebook"].bubbling .social-static-blob,
.smm-select-socials-item[data-social*="fb"].bubbling .social-static-blob,
.smm-select-socials-item[data-social*="face"].bubbling .social-static-blob {
  animation: bubble-effect 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,
             facebook-color 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
}

@keyframes facebook-color {
  0% { background: rgba(255, 255, 255, 0.88); box-shadow: 0 0 20px rgba(255, 255, 255, 0.15); }
  50% { background: radial-gradient(circle, rgba(59, 89, 152, 0.35), rgba(139, 157, 195, 0.2)); box-shadow: 0 0 25px rgba(59, 89, 152, 0.2); }
  100% { background: radial-gradient(circle, rgba(59, 89, 152, 0.7), rgba(139, 157, 195, 0.4)); box-shadow: 0 0 25px rgba(59, 89, 152, 0.4); }
}

/* Цвета для YouTube */
.smm-select-socials-item[data-social*="youtube"].active .social-static-blob {
  background: radial-gradient(circle, rgba(255, 0, 0, 0.7), rgba(204, 24, 30, 0.4)) !important;
  box-shadow: 0 0 25px rgba(255, 0, 0, 0.4) !important;
}

/* Анимация цвета для YouTube во время булькания */
.smm-select-socials-item[data-social*="youtube"].bubbling .social-static-blob {
  animation: bubble-effect 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards,
             youtube-color 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
}

@keyframes youtube-color {
  0% { background: rgba(255, 255, 255, 0.88); box-shadow: 0 0 20px rgba(255, 255, 255, 0.15); }
  50% { background: radial-gradient(circle, rgba(255, 0, 0, 0.35), rgba(204, 24, 30, 0.2)); box-shadow: 0 0 25px rgba(255, 0, 0, 0.2); }
  100% { background: radial-gradient(circle, rgba(255, 0, 0, 0.7), rgba(204, 24, 30, 0.4)); box-shadow: 0 0 25px rgba(255, 0, 0, 0.4); }
}

/* Анимация появления и булькания временных пузырей */
@keyframes bubble-appear-and-bubble {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }
  10% {
    opacity: 0.8;
    transform: translate(-50%, -50%) scale(0.3);
  }
  20% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0.8);
  }
  30% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  40% {
    transform: translate(-50%, -50%) scale(0.9);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.4);
  }
  60% {
    transform: translate(-50%, -50%) scale(1.0);
  }
  70% {
    transform: translate(-50%, -50%) scale(1.3);
  }
  80% {
    transform: translate(-50%, -50%) scale(1.1);
  }
  90% {
    opacity: 0.6;
    transform: translate(-50%, -50%) scale(0.8);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.3);
  }
}

/* Стили для временных анимированных пузырей */
.bubble-animation {
  will-change: transform, opacity;
}

/* Адаптивные размеры пузырей */
@media (max-width: 991px) {
  .smm-select-socials-item .social-static-blob {
    transform: translate(-50%, -50%) scale(0.7); /* Уменьшаем еще немного из-за увеличенного размера */
  }
  
  .smm-select-socials-item.active .social-static-blob {
    transform: translate(-50%, -50%) scale(0.8); /* Активные пузыри немного больше */
  }
}

@media (max-width: 767px) {
  .smm-select-socials-item .social-static-blob {
    transform: translate(-50%, -50%) scale(0.5); /* Уменьшаем еще немного из-за увеличенного размера */
  }
  
  .smm-select-socials-item.active .social-static-blob {
    transform: translate(-50%, -50%) scale(0.6); /* Активные пузыри немного больше */
  }
}

/* Индивидуальные пузыри для каждого слайда */

/* Общие стили для пузырей слайдера - только для индивидуальных пузырей */
.smm-promotion .text-blob[class*="text-blob-"],
.serm-promotion .text-blob[class*="text-blob-"] {
  position: absolute;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  animation: slide-blob-float 8s ease-in-out infinite;
  opacity: 1; /* всегда видны, без всплытия/исчезания */
}

.smm-promotion .light-blob[class*="light-blob-"],
.serm-promotion .light-blob[class*="light-blob-"] {
  position: absolute;
  background: rgba(255, 255, 255, 0.18); /* базовая непрозрачность */
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  animation: slide-blob-float 8s ease-in-out infinite;
  opacity: 1; /* всегда видны */
}

/* Часть пузырей делаем более прозрачными для разнообразия (каждый 2-й и 3-й) */
.smm-promotion .text-blob[class*="text-blob-"]:nth-of-type(2n),
.smm-promotion .circle-background .light-blob[class*="light-blob-"]:nth-of-type(2n) {
  opacity: 0.55;
}
.smm-promotion .text-blob[class*="text-blob-"]:nth-of-type(3n),
.smm-promotion .circle-background .light-blob[class*="light-blob-"]:nth-of-type(3n) {
  opacity: 0.4;
}

/* Специальные стили для пузырей в circle-background */
.smm-promotion .circle-background .light-blob[class*="light-blob-"],
.serm-promotion .circle-background .light-blob[class*="light-blob-"] {
  position: absolute;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  pointer-events: none;
  z-index: 1; /* Выше основного фона, но ниже изображения */
  animation: slide-blob-float 8s ease-in-out infinite;
  opacity: 1;
}

/* Индивидуальные пузыри отображаются постоянно, без зависимости от .active */

/* Анимация для пузырей слайдера */
@keyframes slide-blob-float {
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }
  20% {
    transform: translate(-18px, -22px) scale(1.1);
  }
  40% {
    transform: translate(-22px, -14px) scale(0.9);
  }
  60% {
    transform: translate(-12px, -18px) scale(1.05);
  }
  80% {
    transform: translate(-14px, -10px) scale(0.95);
  }
}

/* Варианты анимаций в разные стороны для рассинхронизации */
@keyframes slide-blob-float-ul {
  0%, 100% { transform: translate(0, 0) scale(1); }
  25% { transform: translate(-22px, -18px) scale(1.06); }
  50% { transform: translate(-10px, -26px) scale(0.98); }
  75% { transform: translate(-18px, -12px) scale(1.08); }
}

@keyframes slide-blob-float-ur {
  0%, 100% { transform: translate(0, 0) scale(1); }
  25% { transform: translate(22px, -18px) scale(1.06); }
  50% { transform: translate(10px, -26px) scale(0.98); }
  75% { transform: translate(18px, -12px) scale(1.08); }
}

@keyframes slide-blob-float-dl {
  0%, 100% { transform: translate(0, 0) scale(1); }
  25% { transform: translate(-22px, 18px) scale(1.06); }
  50% { transform: translate(-10px, 26px) scale(0.98); }
  75% { transform: translate(-18px, 12px) scale(1.08); }
}

@keyframes slide-blob-float-dr {
  0%, 100% { transform: translate(0, 0) scale(1); }
  25% { transform: translate(22px, 18px) scale(1.06); }
  50% { transform: translate(10px, 26px) scale(0.98); }
  75% { transform: translate(18px, 12px) scale(1.08); }
}

/* Специальная анимация для верхнего левого пузыря под заголовком */
@keyframes slide-blob-float-top-left {
  0%, 100% { transform: translate(-50%, -50%) translate(0, 0) scale(1); }
  25% { transform: translate(-50%, -50%) translate(-24px, -28px) scale(1.08); }
  50% { transform: translate(-50%, -50%) translate(-32px, -20px) scale(1.02); }
  75% { transform: translate(-50%, -50%) translate(-18px, -32px) scale(1.1); }
}

/* Применяем особую анимацию к первому пузырю */
.smm-promotion.swiper-promotion .swiper-slide .text .blob-top-left {
  animation: slide-blob-float-top-left 50s ease-in-out infinite !important;
  opacity: 0.9; /* добавляем 10% прозрачности */
}

/* Слайд 0 - Уникальные пузыри для текстового блока */
.slide-0 .text-blob-0-1 {
  width: 120px;
  height: 120px;
  top: 15%;
  left: 20%;
  background: rgba(255, 255, 255, 0.25);
  animation-delay: 0s;
}

.slide-0 .text-blob-0-2 {
  width: 80px;
  height: 80px;
  top: 35%;
  left: 70%;
  background: rgba(255, 255, 255, 0.18);
  animation-delay: 1.5s;
}

.slide-0 .text-blob-0-3 {
  width: 100px;
  height: 100px;
  top: 65%;
  left: 15%;
  background: rgba(255, 255, 255, 0.22);
  animation-delay: 3s;
}

.slide-0 .text-blob-0-4 {
  width: 60px;
  height: 60px;
  top: 55%;
  left: 80%;
  background: rgba(255, 255, 255, 0.15);
  animation-delay: 4.5s;
}

.slide-0 .text-blob-0-5 {
  width: 90px;
  height: 90px;
  top: 25%;
  left: 50%;
  background: rgba(255, 255, 255, 0.28);
  animation-delay: 2s;
}

.slide-0 .text-blob-0-6 {
  width: 70px;
  height: 70px;
  top: 75%;
  left: 65%;
  background: rgba(255, 255, 255, 0.20);
  animation-delay: 5.5s;
}

.slide-0 .text-blob-0-7 {
  width: 110px;
  height: 110px;
  top: 5%;
  left: 60%;
  background: rgba(255, 255, 255, 0.12);
  animation-delay: 1s;
}

.slide-0 .text-blob-0-8 {
  width: 50px;
  height: 50px;
  top: 45%;
  left: 40%;
  background: rgba(255, 255, 255, 0.30);
  animation-delay: 3.5s;
}

/* Новые средние пузыри в левых углах для слайда 0 */
.slide-0 .text-blob-0-9 {
  width: 95px;
  height: 95px;
  top: 8%;
  left: 10%;
  background: rgba(255, 255, 255, 0.26);
  animation-delay: 6s;
}

.slide-0 .text-blob-0-10 {
  width: 105px;
  height: 105px;
  top: 78%;
  left: 8%;
  background: rgba(255, 255, 255, 0.22);
  animation-delay: 6.5s;
}

/* Слайд 0 - Уникальные пузыри для блока с изображением */
.slide-0 .light-blob-0-1 {
  width: 85px;
  height: 85px;
  top: 20%;
  left: 18%;
  background: rgba(255, 255, 255, 0.32);
  animation-delay: 0.5s;
}

.slide-0 .light-blob-0-2 {
  width: 65px;
  height: 65px;
  top: 38%;
  right: 19%;
  background: rgba(255, 255, 255, 0.24);
  animation-delay: 2s;
}

.slide-0 .light-blob-0-3 {
  width: 95px;
  height: 95px;
  bottom: 25%;
  left: 8%;
  background: rgba(255, 255, 255, 0.28);
  animation-delay: 3.5s;
}

.slide-0 .light-blob-0-4 {
  width: 55px;
  height: 55px;
  top: 68%;
  right: 20%;
  background: rgba(255, 255, 255, 0.18);
  animation-delay: 1s;
}

.slide-0 .light-blob-0-5 {
  width: 75px;
  height: 75px;
  bottom: 15%;
  right: 15%;
  background: rgba(255, 255, 255, 0.22);
  animation-delay: 4s;
}

.slide-0 .light-blob-0-6 {
  width: 45px;
  height: 45px;
  top: 42%;
  left: 25%;
  background: rgba(255, 255, 255, 0.15);
  animation-delay: 5s;
}

.slide-0 .light-blob-0-7 {
  width: 105px;
  height: 105px;
  top: 8%;
  right: 25%;
  background: rgba(255, 255, 255, 0.26);
  animation-delay: 2.5s;
}

.slide-0 .light-blob-0-8 {
  width: 35px;
  height: 35px;
  top: 55%;
  left: 45%;
  background: rgba(255, 255, 255, 0.20);
  animation-delay: 1.5s;
}

.slide-0 .light-blob-0-9 {
  width: 88px;
  height: 88px;
  bottom: 35%;
  right: 8%;
  background: rgba(255, 255, 255, 0.30);
  animation-delay: 3.8s;
}

.slide-0 .light-blob-0-10 {
  width: 42px;
  height: 42px;
  top: 78%;
  left: 60%;
  background: rgba(255, 255, 255, 0.14);
  animation-delay: 4.8s;
}

.slide-0 .light-blob-0-11 {
  width: 78px;
  height: 78px;
  top: 18%;
  right: 45%;
  background: rgba(255, 255, 255, 0.25);
  animation-delay: 0.8s;
}

.slide-0 .light-blob-0-12 {
  width: 58px;
  height: 58px;
  bottom: 48%;
  left: 75%;
  background: rgba(255, 255, 255, 0.19);
  animation-delay: 4.2s;
}

/* Слайд 1 - Уникальные пузыри для текстового блока */
.slide-1 .text-blob-1-1 {
  width: 110px;
  height: 110px;
  top: 25%;
  left: 15%;
  background: rgba(255, 255, 255, 0.30);
  animation-delay: 0.8s;
}

.slide-1 .text-blob-1-2 {
  width: 90px;
  height: 90px;
  top: 45%;
  left: 75%;
  background: rgba(255, 255, 255, 0.22);
  animation-delay: 2.2s;
}

.slide-1 .text-blob-1-3 {
  width: 75px;
  height: 75px;
  top: 70%;
  left: 25%;
  background: rgba(255, 255, 255, 0.28);
  animation-delay: 3.8s;
}

.slide-1 .text-blob-1-4 {
  width: 65px;
  height: 65px;
  top: 60%;
  left: 85%;
  background: rgba(255, 255, 255, 0.16);
  animation-delay: 1.2s;
}

.slide-1 .text-blob-1-5 {
  width: 95px;
  height: 95px;
  top: 10%;
  left: 55%;
  background: rgba(255, 255, 255, 0.24);
  animation-delay: 4.5s;
}

.slide-1 .text-blob-1-6 {
  width: 55px;
  height: 55px;
  top: 80%;
  left: 70%;
  background: rgba(255, 255, 255, 0.18);
  animation-delay: 0.5s;
}

.slide-1 .text-blob-1-7 {
  width: 105px;
  height: 105px;
  top: 35%;
  left: 45%;
  background: rgba(255, 255, 255, 0.20);
  animation-delay: 2.8s;
}

.slide-1 .text-blob-1-8 {
  width: 85px;
  height: 85px;
  top: 15%;
  left: 80%;
  background: rgba(255, 255, 255, 0.26);
  animation-delay: 1.8s;
}

/* Новые средние пузыри в левых углах для слайда 1 */
.slide-1 .text-blob-1-9 {
  width: 88px;
  height: 88px;
  top: 12%;
  left: 8%;
  background: rgba(255, 255, 255, 0.28);
  animation-delay: 6.2s;
}

.slide-1 .text-blob-1-10 {
  width: 98px;
  height: 98px;
  top: 82%;
  left: 12%;
  background: rgba(255, 255, 255, 0.24);
  animation-delay: 6.8s;
}

/* Слайд 1 - Уникальные пузыри для блока с изображением */
.slide-1 .light-blob-1-1 {
  width: 92px;
  height: 92px;
  top: 20%;
  left: 12%;
  background: rgba(255, 255, 255, 0.28);
  animation-delay: 1.2s;
}

.slide-1 .light-blob-1-2 {
  width: 68px;
  height: 68px;
  top: 15%;
  right: 25%;
  background: rgba(255, 255, 255, 0.22);
  animation-delay: 3.2s;
}

.slide-1 .light-blob-1-3 {
  width: 82px;
  height: 82px;
  bottom: 30%;
  left: 15%;
  background: rgba(255, 255, 255, 0.26);
  animation-delay: 0.8s;
}

.slide-1 .light-blob-1-4 {
  width: 48px;
  height: 48px;
  top: 65%;
  right: 18%;
  background: rgba(255, 255, 255, 0.16);
  animation-delay: 4.8s;
}

.slide-1 .light-blob-1-5 {
  width: 78px;
  height: 78px;
  bottom: 18%;
  right: 10%;
  background: rgba(255, 255, 255, 0.24);
  animation-delay: 2.5s;
}

.slide-1 .light-blob-1-6 {
  width: 38px;
  height: 38px;
  top: 48%;
  left: 20%;
  background: rgba(255, 255, 255, 0.18);
  animation-delay: 1.8s;
}

.slide-1 .light-blob-1-7 {
  width: 98px;
  height: 98px;
  top: 5%;
  right: 35%;
  background: rgba(255, 255, 255, 0.30);
  animation-delay: 3.5s;
}

.slide-1 .light-blob-1-8 {
  width: 52px;
  height: 52px;
  top: 52%;
  left: 55%;
  background: rgba(255, 255, 255, 0.20);
  animation-delay: 0.2s;
}

.slide-1 .light-blob-1-9 {
  width: 72px;
  height: 72px;
  bottom: 45%;
  right: 5%;
  background: rgba(255, 255, 255, 0.25);
  animation-delay: 4.2s;
}

.slide-1 .light-blob-1-10 {
  width: 58px;
  height: 58px;
  top: 82%;
  left: 65%;
  background: rgba(255, 255, 255, 0.14);
  animation-delay: 2.8s;
}

.slide-1 .light-blob-1-11 {
  width: 88px;
  height: 88px;
  top: 25%;
  right: 50%;
  background: rgba(255, 255, 255, 0.32);
  animation-delay: 1.5s;
}

.slide-1 .light-blob-1-12 {
  width: 62px;
  height: 62px;
  bottom: 55%;
  left: 80%;
  background: rgba(255, 255, 255, 0.19);
  animation-delay: 3.8s;
}

/* Слайд 2 - Уникальные пузыри для текстового блока */
.slide-2 .text-blob-2-1 {
  width: 85px;
  height: 85px;
  top: 20%;
  left: 25%;
  background: rgba(255, 255, 255, 0.26);
  animation-delay: 1.5s;
}

.slide-2 .text-blob-2-2 {
  width: 105px;
  height: 105px;
  top: 50%;
  left: 70%;
  background: rgba(255, 255, 255, 0.32);
  animation-delay: 0.5s;
}

.slide-2 .text-blob-2-3 {
  width: 70px;
  height: 70px;
  top: 75%;
  left: 20%;
  background: rgba(255, 255, 255, 0.18);
  animation-delay: 3.2s;
}

.slide-2 .text-blob-2-4 {
  width: 95px;
  height: 95px;
  top: 40%;
  left: 80%;
  background: rgba(255, 255, 255, 0.24);
  animation-delay: 2.5s;
}

.slide-2 .text-blob-2-5 {
  width: 60px;
  height: 60px;
  top: 10%;
  left: 60%;
  background: rgba(255, 255, 255, 0.20);
  animation-delay: 4.8s;
}

.slide-2 .text-blob-2-6 {
  width: 80px;
  height: 80px;
  top: 85%;
  left: 65%;
  background: rgba(255, 255, 255, 0.28);
  animation-delay: 1.8s;
}
.slide-2 .text-blob-2-7 {
  width: 115px;
  height: 115px;
  top: 30%;
  left: 45%;
  background: rgba(255, 255, 255, 0.15);
  animation-delay: 3.5s;
}

.slide-2 .text-blob-2-8 {
  width: 50px;
  height: 50px;
  top: 65%;
  left: 45%;
  background: rgba(255, 255, 255, 0.22);
  animation-delay: 0.8s;
}

/* Новые средние пузыри в левых углах для слайда 2 */
.slide-2 .text-blob-2-9 {
  width: 90px;
  height: 90px;
  top: 10%;
  left: 12%;
  background: rgba(255, 255, 255, 0.24);
  animation-delay: 6.5s;
}

.slide-2 .text-blob-2-10 {
  width: 110px;
  height: 110px;
  top: 80%;
  left: 8%;
  background: rgba(255, 255, 255, 0.28);
  animation-delay: 7s;
}

/* Слайд 2 - Уникальные пузыри для блока с изображением */
.slide-2 .light-blob-2-1 {
  width: 76px;
  height: 76px;
  top: 18%;
  left: 22%;
  background: rgba(255, 255, 255, 0.30);
  animation-delay: 2.2s;
}

.slide-2 .light-blob-2-2 {
  width: 94px;
  height: 94px;
  top: 35%;
  right: 15%;
  background: rgba(255, 255, 255, 0.18);
  animation-delay: 4.2s;
}

.slide-2 .light-blob-2-3 {
  width: 64px;
  height: 64px;
  bottom: 28%;
  left: 10%;
  background: rgba(255, 255, 255, 0.24);
  animation-delay: 1.5s;
}

.slide-2 .light-blob-2-4 {
  width: 86px;
  height: 86px;
  top: 72%;
  right: 22%;
  background: rgba(255, 255, 255, 0.26);
  animation-delay: 3.8s;
}

.slide-2 .light-blob-2-5 {
  width: 54px;
  height: 54px;
  bottom: 12%;
  right: 8%;
  background: rgba(255, 255, 255, 0.16);
  animation-delay: 0.8s;
}

.slide-2 .light-blob-2-6 {
  width: 44px;
  height: 44px;
  top: 45%;
  left: 28%;
  background: rgba(255, 255, 255, 0.20);
  animation-delay: 2.8s;
}

.slide-2 .light-blob-2-7 {
  width: 102px;
  height: 102px;
  top: 8%;
  right: 40%;
  background: rgba(255, 255, 255, 0.28);
  animation-delay: 1.2s;
}

.slide-2 .light-blob-2-8 {
  width: 36px;
  height: 36px;
  top: 58%;
  left: 50%;
  background: rgba(255, 255, 255, 0.14);
  animation-delay: 4.5s;
}

.slide-2 .light-blob-2-9 {
  width: 68px;
  height: 68px;
  bottom: 40%;
  right: 12%;
  background: rgba(255, 255, 255, 0.22);
  animation-delay: 3.2s;
}

.slide-2 .light-blob-2-10 {
  width: 48px;
  height: 48px;
  top: 88%;
  left: 68%;
  background: rgba(255, 255, 255, 0.18);
  animation-delay: 0.2s;
}

.slide-2 .light-blob-2-11 {
  width: 82px;
  height: 82px;
  top: 22%;
  right: 55%;
  background: rgba(255, 255, 255, 0.25);
  animation-delay: 2.5s;
}

.slide-2 .light-blob-2-12 {
  width: 56px;
  height: 56px;
  bottom: 52%;
  left: 78%;
  background: rgba(255, 255, 255, 0.19);
  animation-delay: 1.8s;
}

/* Слайд 3 - Уникальные пузыри для текстового блока */
.slide-3 .text-blob-3-1 {
  width: 125px;
  height: 125px;
  top: 18%;
  left: 22%;
  background: rgba(255, 255, 255, 0.28);
  animation-delay: 2.2s;
}

.slide-3 .text-blob-3-2 {
  width: 75px;
  height: 75px;
  top: 42%;
  left: 78%;
  background: rgba(255, 255, 255, 0.20);
  animation-delay: 4.5s;
}

.slide-3 .text-blob-3-3 {
  width: 90px;
  height: 90px;
  top: 68%;
  left: 18%;
  background: rgba(255, 255, 255, 0.24);
  animation-delay: 1.8s;
}

.slide-3 .text-blob-3-4 {
  width: 65px;
  height: 65px;
  top: 52%;
  left: 85%;
  background: rgba(255, 255, 255, 0.16);
  animation-delay: 3.5s;
}

.slide-3 .text-blob-3-5 {
  width: 110px;
  height: 110px;
  top: 8%;
  left: 58%;
  background: rgba(255, 255, 255, 0.22);
  animation-delay: 0.8s;
}

.slide-3 .text-blob-3-6 {
  width: 55px;
  height: 55px;
  top: 82%;
  left: 72%;
  background: rgba(255, 255, 255, 0.18);
  animation-delay: 2.8s;
}

.slide-3 .text-blob-3-7 {
  width: 100px;
  height: 100px;
  top: 32%;
  left: 48%;
  background: rgba(255, 255, 255, 0.26);
  animation-delay: 4.2s;
}

.slide-3 .text-blob-3-8 {
  width: 80px;
  height: 80px;
  top: 12%;
  left: 82%;
  background: rgba(255, 255, 255, 0.30);
  animation-delay: 1.2s;
}

/* Новые средние пузыри в левых углах для слайда 3 */
.slide-3 .text-blob-3-9 {
  width: 100px;
  height: 100px;
  top: 12%;
  left: 10%;
  background: rgba(255, 255, 255, 0.25);
  animation-delay: 6.8s;
}

.slide-3 .text-blob-3-10 {
  width: 92px;
  height: 92px;
  top: 75%;
  left: 12%;
  background: rgba(255, 255, 255, 0.27);
  animation-delay: 7.2s;
}

/* Слайд 3 - Уникальные пузыри для блока с изображением */
.slide-3 .light-blob-3-1 {
  width: 90px;
  height: 90px;
  top: 25%;
  left: 15%;
  background: rgba(255, 255, 255, 0.32);
  animation-delay: 1.8s;
}

.slide-3 .light-blob-3-2 {
  width: 70px;
  height: 70px;
  top: 10%;
  right: 20%;
  background: rgba(255, 255, 255, 0.20);
  animation-delay: 3.5s;
}

.slide-3 .light-blob-3-3 {
  width: 85px;
  height: 85px;
  bottom: 32%;
  left: 12%;
  background: rgba(255, 255, 255, 0.26);
  animation-delay: 0.5s;
}

.slide-3 .light-blob-3-4 {
  width: 60px;
  height: 60px;
  top: 70%;
  right: 25%;
  background: rgba(255, 255, 255, 0.18);
  animation-delay: 4.8s;
}

.slide-3 .light-blob-3-5 {
  width: 75px;
  height: 75px;
  bottom: 20%;
  right: 12%;
  background: rgba(255, 255, 255, 0.24);
  animation-delay: 2.2s;
}

.slide-3 .light-blob-3-6 {
  width: 45px;
  height: 45px;
  top: 50%;
  left: 30%;
  background: rgba(255, 255, 255, 0.15);
  animation-delay: 1.5s;
}

.slide-3 .light-blob-3-7 {
  width: 95px;
  height: 95px;
  top: 5%;
  right: 45%;
  background: rgba(255, 255, 255, 0.28);
  animation-delay: 3.8s;
}

.slide-3 .light-blob-3-8 {
  width: 55px;
  height: 55px;
  top: 55%;
  left: 58%;
  background: rgba(255, 255, 255, 0.22);
  animation-delay: 0.8s;
}

.slide-3 .light-blob-3-9 {
  width: 80px;
  height: 80px;
  bottom: 38%;
  right: 8%;
  background: rgba(255, 255, 255, 0.30);
  animation-delay: 2.8s;
}

.slide-3 .light-blob-3-10 {
  width: 40px;
  height: 40px;
  top: 85%;
  left: 62%;
  background: rgba(255, 255, 255, 0.14);
  animation-delay: 4.2s;
}

.slide-3 .light-blob-3-11 {
  width: 88px;
  height: 88px;
  top: 30%;
  right: 48%;
  background: rgba(255, 255, 255, 0.25);
  animation-delay: 1.2s;
}

.slide-3 .light-blob-3-12 {
  width: 65px;
  height: 65px;
  bottom: 50%;
  left: 82%;
  background: rgba(255, 255, 255, 0.19);
  animation-delay: 3.2s;
}

/* Слайд 4 - Уникальные пузыри для текстового блока */
.slide-4 .text-blob-4-1 {
  width: 95px;
  height: 95px;
  top: 28%;
  left: 18%;
  background: rgba(255, 255, 255, 0.24);
  animation-delay: 3.2s;
}

.slide-4 .text-blob-4-2 {
  width: 115px;
  height: 115px;
  top: 48%;
  left: 72%;
  background: rgba(255, 255, 255, 0.30);
  animation-delay: 1.5s;
}

.slide-4 .text-blob-4-3 {
  width: 65px;
  height: 65px;
  top: 72%;
  left: 28%;
  background: rgba(255, 255, 255, 0.18);
  animation-delay: 4.8s;
}

.slide-4 .text-blob-4-4 {
  width: 85px;
  height: 85px;
  top: 58%;
  left: 88%;
  background: rgba(255, 255, 255, 0.22);
  animation-delay: 0.8s;
}

.slide-4 .text-blob-4-5 {
  width: 70px;
  height: 70px;
  top: 12%;
  left: 65%;
  background: rgba(255, 255, 255, 0.26);
  animation-delay: 2.8s;
}

.slide-4 .text-blob-4-6 {
  width: 105px;
  height: 105px;
  top: 88%;
  left: 68%;
  background: rgba(255, 255, 255, 0.20);
  animation-delay: 4.2s;
}

.slide-4 .text-blob-4-7 {
  width: 55px;
  height: 55px;
  top: 38%;
  left: 52%;
  background: rgba(255, 255, 255, 0.16);
  animation-delay: 1.8s;
}

.slide-4 .text-blob-4-8 {
  width: 90px;
  height: 90px;
  top: 18%;
  left: 85%;
  background: rgba(255, 255, 255, 0.28);
  animation-delay: 3.5s;
}

/* Новые средние пузыри в левых углах для слайда 4 */
.slide-4 .text-blob-4-9 {
  width: 86px;
  height: 86px;
  top: 10%;
  left: 6%;
  background: rgba(255, 255, 255, 0.29);
  animation-delay: 7s;
}

.slide-4 .text-blob-4-10 {
  width: 108px;
  height: 108px;
  top: 78%;
  left: 10%;
  background: rgba(255, 255, 255, 0.24);
  animation-delay: 7.5s;
}

/* Слайд 4 - Уникальные пузыри для блока с изображением */
.slide-4 .light-blob-4-1 {
  width: 78px;
  height: 78px;
  top: 22%;
  left: 18%;
  background: rgba(255, 255, 255, 0.26);
  animation-delay: 2.5s;
}

.slide-4 .light-blob-4-2 {
  width: 96px;
  height: 96px;
  top: 38%;
  right: 18%;
  background: rgba(255, 255, 255, 0.32);
  animation-delay: 0.8s;
}

.slide-4 .light-blob-4-3 {
  width: 58px;
  height: 58px;
  bottom: 35%;
  left: 8%;
  background: rgba(255, 255, 255, 0.18);
  animation-delay: 4.5s;
}

.slide-4 .light-blob-4-4 {
  width: 84px;
  height: 84px;
  top: 75%;
  right: 28%;
  background: rgba(255, 255, 255, 0.24);
  animation-delay: 1.2s;
}

.slide-4 .light-blob-4-5 {
  width: 62px;
  height: 62px;
  bottom: 15%;
  right: 5%;
  background: rgba(255, 255, 255, 0.20);
  animation-delay: 3.8s;
}

.slide-4 .light-blob-4-6 {
  width: 42px;
  height: 42px;
  top: 52%;
  left: 32%;
  background: rgba(255, 255, 255, 0.16);
  animation-delay: 2.2s;
}

.slide-4 .light-blob-4-7 {
  width: 88px;
  height: 88px;
  top: 8%;
  right: 38%;
  background: rgba(255, 255, 255, 0.28);
  animation-delay: 4.2s;
}

.slide-4 .light-blob-4-8 {
  width: 48px;
  height: 48px;
  top: 62%;
  left: 55%;
  background: rgba(255, 255, 255, 0.22);
  animation-delay: 0.5s;
}

.slide-4 .light-blob-4-9 {
  width: 74px;
  height: 74px;
  bottom: 42%;
  right: 15%;
  background: rgba(255, 255, 255, 0.30);
  animation-delay: 1.8s;
}

.slide-4 .light-blob-4-10 {
  width: 52px;
  height: 52px;
  top: 82%;
  left: 68%;
  background: rgba(255, 255, 255, 0.14);
  animation-delay: 3.2s;
}

.slide-4 .light-blob-4-11 {
  width: 86px;
  height: 86px;
  top: 32%;
  right: 52%;
  background: rgba(255, 255, 255, 0.25);
  animation-delay: 4.8s;
}

.slide-4 .light-blob-4-12 {
  width: 64px;
  height: 64px;
  bottom: 58%;
  left: 78%;
  background: rgba(255, 255, 255, 0.19);
  animation-delay: 2.8s;
}

/* Адаптивность для мобильных устройств - индивидуальные пузыри слайдера */
@media (max-width: 991px) {
  .smm-promotion .text-blob,
  .smm-promotion .light-blob,
  .serm-promotion .text-blob,
  .serm-promotion .light-blob {
    animation: none; /* Отключаем анимацию на мобильных для производительности */
  }
  
  /* Уменьшаем размеры пузырей на мобильных */
  .slide-0 .text-blob-0-1, .slide-1 .text-blob-1-1, .slide-2 .text-blob-2-1, .slide-3 .text-blob-3-1, .slide-4 .text-blob-4-1,
  .slide-0 .light-blob-0-1, .slide-1 .light-blob-1-1, .slide-2 .light-blob-2-1, .slide-3 .light-blob-3-1, .slide-4 .light-blob-4-1 {
    width: 60px;
    height: 60px;
  }
  
  .slide-0 .text-blob-0-2, .slide-1 .text-blob-1-2, .slide-2 .text-blob-2-2, .slide-3 .text-blob-3-2, .slide-4 .text-blob-4-2,
  .slide-0 .light-blob-0-2, .slide-1 .light-blob-1-2, .slide-2 .light-blob-2-2, .slide-3 .light-blob-3-2, .slide-4 .light-blob-4-2 {
    width: 45px;
    height: 45px;
  }
  
  .slide-0 .text-blob-0-3, .slide-1 .text-blob-1-3, .slide-2 .text-blob-2-3, .slide-3 .text-blob-3-3, .slide-4 .text-blob-4-3,
  .slide-0 .light-blob-0-3, .slide-1 .light-blob-1-3, .slide-2 .light-blob-2-3, .slide-3 .light-blob-3-3, .slide-4 .light-blob-4-3 {
    width: 50px;
    height: 50px;
  }
  
  /* Уменьшаем остальные пузыри пропорционально */
  .slide-0 .text-blob-0-4, .slide-1 .text-blob-1-4, .slide-2 .text-blob-2-4, .slide-3 .text-blob-3-4, .slide-4 .text-blob-4-4,
  .slide-0 .light-blob-0-4, .slide-1 .light-blob-1-4, .slide-2 .light-blob-2-4, .slide-3 .light-blob-3-4, .slide-4 .light-blob-4-4,
  .slide-0 .text-blob-0-5, .slide-1 .text-blob-1-5, .slide-2 .text-blob-2-5, .slide-3 .text-blob-3-5, .slide-4 .text-blob-4-5,
  .slide-0 .light-blob-0-5, .slide-1 .light-blob-1-5, .slide-2 .light-blob-2-5, .slide-3 .light-blob-3-5, .slide-4 .light-blob-4-5,
  .slide-0 .text-blob-0-6, .slide-1 .text-blob-1-6, .slide-2 .text-blob-2-6, .slide-3 .text-blob-3-6, .slide-4 .text-blob-4-6,
  .slide-0 .light-blob-0-6, .slide-1 .light-blob-1-6, .slide-2 .light-blob-2-6, .slide-3 .light-blob-3-6, .slide-4 .light-blob-4-6,
  .slide-0 .text-blob-0-7, .slide-1 .text-blob-1-7, .slide-2 .text-blob-2-7, .slide-3 .text-blob-3-7, .slide-4 .text-blob-4-7,
  .slide-0 .light-blob-0-7, .slide-1 .light-blob-1-7, .slide-2 .light-blob-2-7, .slide-3 .light-blob-3-7, .slide-4 .light-blob-4-7,
  .slide-0 .text-blob-0-8, .slide-1 .text-blob-1-8, .slide-2 .text-blob-2-8, .slide-3 .text-blob-3-8, .slide-4 .text-blob-4-8,
  .slide-0 .light-blob-0-8, .slide-1 .light-blob-1-8, .slide-2 .light-blob-2-8, .slide-3 .light-blob-3-8, .slide-4 .light-blob-4-8,
  .slide-0 .light-blob-0-9, .slide-1 .light-blob-1-9, .slide-2 .light-blob-2-9, .slide-3 .light-blob-3-9, .slide-4 .light-blob-4-9,
  .slide-0 .light-blob-0-10, .slide-1 .light-blob-1-10, .slide-2 .light-blob-2-10, .slide-3 .light-blob-3-10, .slide-4 .light-blob-4-10,
  .slide-0 .light-blob-0-11, .slide-1 .light-blob-1-11, .slide-2 .light-blob-2-11, .slide-3 .light-blob-3-11, .slide-4 .light-blob-4-11,
  .slide-0 .light-blob-0-12, .slide-1 .light-blob-1-12, .slide-2 .light-blob-2-12, .slide-3 .light-blob-3-12, .slide-4 .light-blob-4-12 {
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 767px) {
  .slide-0 .text-blob-0-1, .slide-1 .text-blob-1-1, .slide-2 .text-blob-2-1, .slide-3 .text-blob-3-1, .slide-4 .text-blob-4-1,
  .slide-0 .light-blob-0-1, .slide-1 .light-blob-1-1, .slide-2 .light-blob-2-1, .slide-3 .light-blob-3-1, .slide-4 .light-blob-4-1 {
    width: 40px;
    height: 40px;
  }
  
  .slide-0 .text-blob-0-2, .slide-1 .text-blob-1-2, .slide-2 .text-blob-2-2, .slide-3 .text-blob-3-2, .slide-4 .text-blob-4-2,
  .slide-0 .light-blob-0-2, .slide-1 .light-blob-1-2, .slide-2 .light-blob-2-2, .slide-3 .light-blob-3-2, .slide-4 .light-blob-4-2,
  .slide-0 .text-blob-0-3, .slide-1 .text-blob-1-3, .slide-2 .text-blob-2-3, .slide-3 .text-blob-3-3, .slide-4 .text-blob-4-3,
  .slide-0 .light-blob-0-3, .slide-1 .light-blob-1-3, .slide-2 .light-blob-2-3, .slide-3 .light-blob-3-3, .slide-4 .light-blob-4-3 {
    width: 30px;
    height: 30px;
  }
  
  /* Скрываем остальные пузыри на очень маленьких экранах */
  .slide-0 .text-blob-0-4, .slide-1 .text-blob-1-4, .slide-2 .text-blob-2-4, .slide-3 .text-blob-3-4, .slide-4 .text-blob-4-4,
  .slide-0 .light-blob-0-4, .slide-1 .light-blob-1-4, .slide-2 .light-blob-2-4, .slide-3 .light-blob-3-4, .slide-4 .light-blob-4-4,
  .slide-0 .text-blob-0-5, .slide-1 .text-blob-1-5, .slide-2 .text-blob-2-5, .slide-3 .text-blob-3-5, .slide-4 .text-blob-4-5,
  .slide-0 .light-blob-0-5, .slide-1 .light-blob-1-5, .slide-2 .light-blob-2-5, .slide-3 .light-blob-3-5, .slide-4 .light-blob-4-5,
  .slide-0 .text-blob-0-6, .slide-1 .text-blob-1-6, .slide-2 .text-blob-2-6, .slide-3 .text-blob-3-6, .slide-4 .text-blob-4-6,
  .slide-0 .light-blob-0-6, .slide-1 .light-blob-1-6, .slide-2 .light-blob-2-6, .slide-3 .light-blob-3-6, .slide-4 .light-blob-4-6,
  .slide-0 .text-blob-0-7, .slide-1 .text-blob-1-7, .slide-2 .text-blob-2-7, .slide-3 .text-blob-3-7, .slide-4 .text-blob-4-7,
  .slide-0 .light-blob-0-7, .slide-1 .light-blob-1-7, .slide-2 .light-blob-2-7, .slide-3 .light-blob-3-7, .slide-4 .light-blob-4-7,
  .slide-0 .text-blob-0-8, .slide-1 .text-blob-1-8, .slide-2 .text-blob-2-8, .slide-3 .text-blob-3-8, .slide-4 .text-blob-4-8,
  .slide-0 .light-blob-0-8, .slide-1 .light-blob-1-8, .slide-2 .light-blob-2-8, .slide-3 .light-blob-3-8, .slide-4 .light-blob-4-8,
  .slide-0 .light-blob-0-9, .slide-1 .light-blob-1-9, .slide-2 .light-blob-2-9, .slide-3 .light-blob-3-9, .slide-4 .light-blob-4-9,
  .slide-0 .light-blob-0-10, .slide-1 .light-blob-1-10, .slide-2 .light-blob-2-10, .slide-3 .light-blob-3-10, .slide-4 .light-blob-4-10,
  .slide-0 .light-blob-0-11, .slide-1 .light-blob-1-11, .slide-2 .light-blob-2-11, .slide-3 .light-blob-3-11, .slide-4 .light-blob-4-11,
  .slide-0 .light-blob-0-12, .slide-1 .light-blob-1-12, .slide-2 .light-blob-2-12, .slide-3 .light-blob-3-12, .slide-4 .light-blob-4-12 {
    display: none;
  }
}

/* УНИКАЛЬНЫЕ ПУЗЫРИ ДЛЯ CIRCLE-BACKGROUND (ПРАВАЯ ЧАСТЬ СЛАЙДЕРА) */

/* Слайд 0 - Уникальные пузыри для блока с изображением */
.slide-0 .circle-background .light-blob-0-1 {
  width: 85px;
  height: 85px;
  top: 12%;
  left: 18%;
  background: rgba(255, 255, 255, 0.32);
  animation-delay: 0.5s;
}

.slide-0 .circle-background .light-blob-0-2 {
  width: 65px;
  height: 65px;
  top: 28%;
  right: 12%;
  background: rgba(255, 255, 255, 0.24);
  animation-delay: 2s;
}

.slide-0 .circle-background .light-blob-0-3 {
  width: 95px;
  height: 95px;
  bottom: 25%;
  left: 8%;
  background: rgba(255, 255, 255, 0.28);
  animation-delay: 3.5s;
}

.slide-0 .circle-background .light-blob-0-4 {
  width: 55px;
  height: 55px;
  top: 68%;
  right: 20%;
  background: rgba(255, 255, 255, 0.18);
  animation-delay: 1s;
}

.slide-0 .circle-background .light-blob-0-5 {
  width: 75px;
  height: 75px;
  bottom: 15%;
  right: 15%;
  background: rgba(255, 255, 255, 0.22);
  animation-delay: 4s;
}

.slide-0 .circle-background .light-blob-0-6 {
  width: 45px;
  height: 45px;
  top: 42%;
  left: 25%;
  background: rgba(255, 255, 255, 0.15);
  animation-delay: 5s;
}

.slide-0 .circle-background .light-blob-0-7 {
  width: 105px;
  height: 105px;
  top: 8%;
  right: 25%;
  background: rgba(255, 255, 255, 0.26);
  animation-delay: 2.5s;
}

.slide-0 .circle-background .light-blob-0-8 {
  width: 35px;
  height: 35px;
  top: 55%;
  left: 45%;
  background: rgba(255, 255, 255, 0.20);
  animation-delay: 1.5s;
}

.slide-0 .circle-background .light-blob-0-9 {
  width: 88px;
  height: 88px;
  bottom: 35%;
  right: 8%;
  background: rgba(255, 255, 255, 0.30);
  animation-delay: 3.8s;
}

.slide-0 .circle-background .light-blob-0-10 {
  width: 42px;
  height: 42px;
  top: 78%;
  left: 60%;
  background: rgba(255, 255, 255, 0.14);
  animation-delay: 4.8s;
}

.slide-0 .circle-background .light-blob-0-11 {
  width: 78px;
  height: 78px;
  top: 18%;
  right: 45%;
  background: rgba(255, 255, 255, 0.25);
  animation-delay: 0.8s;
}

.slide-0 .circle-background .light-blob-0-12 {
  width: 58px;
  height: 58px;
  bottom: 48%;
  left: 75%;
  background: rgba(255, 255, 255, 0.19);
  animation-delay: 4.2s;
}

/* Слайд 1 - Уникальные пузыри для блока с изображением */
.slide-1 .circle-background .light-blob-1-1 {
  width: 92px;
  height: 92px;
  top: 20%;
  left: 12%;
  background: rgba(255, 255, 255, 0.28);
  animation-delay: 1.2s;
}

.slide-1 .circle-background .light-blob-1-2 {
  width: 68px;
  height: 68px;
  top: 15%;
  right: 25%;
  background: rgba(255, 255, 255, 0.22);
  animation-delay: 3.2s;
}

.slide-1 .circle-background .light-blob-1-3 {
  width: 82px;
  height: 82px;
  bottom: 30%;
  left: 15%;
  background: rgba(255, 255, 255, 0.26);
  animation-delay: 0.8s;
}

.slide-1 .circle-background .light-blob-1-4 {
  width: 48px;
  height: 48px;
  top: 65%;
  right: 18%;
  background: rgba(255, 255, 255, 0.16);
  animation-delay: 4.8s;
}

.slide-1 .circle-background .light-blob-1-5 {
  width: 78px;
  height: 78px;
  bottom: 18%;
  right: 10%;
  background: rgba(255, 255, 255, 0.24);
  animation-delay: 2.5s;
}

.slide-1 .circle-background .light-blob-1-6 {
  width: 38px;
  height: 38px;
  top: 48%;
  left: 20%;
  background: rgba(255, 255, 255, 0.18);
  animation-delay: 1.8s;
}
.slide-1 .circle-background .light-blob-1-7 {
  width: 98px;
  height: 98px;
  top: 5%;
  right: 35%;
  background: rgba(255, 255, 255, 0.30);
  animation-delay: 3.5s;
}

.slide-1 .circle-background .light-blob-1-8 {
  width: 52px;
  height: 52px;
  top: 52%;
  left: 55%;
  background: rgba(255, 255, 255, 0.20);
  animation-delay: 0.2s;
}

.slide-1 .circle-background .light-blob-1-9 {
  width: 72px;
  height: 72px;
  bottom: 45%;
  right: 5%;
  background: rgba(255, 255, 255, 0.25);
  animation-delay: 4.2s;
}

.slide-1 .circle-background .light-blob-1-10 {
  width: 58px;
  height: 58px;
  top: 82%;
  left: 65%;
  background: rgba(255, 255, 255, 0.14);
  animation-delay: 2.8s;
}

.slide-1 .circle-background .light-blob-1-11 {
  width: 88px;
  height: 88px;
  top: 25%;
  right: 50%;
  background: rgba(255, 255, 255, 0.32);
  animation-delay: 1.5s;
}

.slide-1 .circle-background .light-blob-1-12 {
  width: 62px;
  height: 62px;
  bottom: 55%;
  left: 80%;
  background: rgba(255, 255, 255, 0.19);
  animation-delay: 3.8s;
}

/* Слайд 2 - Уникальные пузыри для блока с изображением */
.slide-2 .circle-background .light-blob-2-1 {
  width: 76px;
  height: 76px;
  top: 18%;
  left: 22%;
  background: rgba(255, 255, 255, 0.30);
  animation-delay: 2.2s;
}

.slide-2 .circle-background .light-blob-2-2 {
  width: 94px;
  height: 94px;
  top: 35%;
  right: 15%;
  background: rgba(255, 255, 255, 0.26);
  animation-delay: 0.8s;
}

.slide-2 .circle-background .light-blob-2-3 {
  width: 54px;
  height: 54px;
  bottom: 28%;
  left: 10%;
  background: rgba(255, 255, 255, 0.18);
  animation-delay: 4.5s;
}

.slide-2 .circle-background .light-blob-2-4 {
  width: 82px;
  height: 82px;
  top: 72%;
  right: 25%;
  background: rgba(255, 255, 255, 0.24);
  animation-delay: 1.5s;
}

.slide-2 .circle-background .light-blob-2-5 {
  width: 66px;
  height: 66px;
  bottom: 12%;
  right: 8%;
  background: rgba(255, 255, 255, 0.22);
  animation-delay: 3.8s;
}

.slide-2 .circle-background .light-blob-2-6 {
  width: 44px;
  height: 44px;
  top: 45%;
  left: 32%;
  background: rgba(255, 255, 255, 0.16);
  animation-delay: 2.5s;
}

.slide-2 .circle-background .light-blob-2-7 {
  width: 106px;
  height: 106px;
  top: 8%;
  right: 38%;
  background: rgba(255, 255, 255, 0.28);
  animation-delay: 4.2s;
}

.slide-2 .circle-background .light-blob-2-8 {
  width: 36px;
  height: 36px;
  top: 58%;
  left: 58%;
  background: rgba(255, 255, 255, 0.20);
  animation-delay: 0.5s;
}

.slide-2 .circle-background .light-blob-2-9 {
  width: 74px;
  height: 74px;
  bottom: 38%;
  right: 12%;
  background: rgba(255, 255, 255, 0.32);
  animation-delay: 1.8s;
}

.slide-2 .circle-background .light-blob-2-10 {
  width: 48px;
  height: 48px;
  top: 85%;
  left: 68%;
  background: rgba(255, 255, 255, 0.14);
  animation-delay: 3.2s;
}

.slide-2 .circle-background .light-blob-2-11 {
  width: 86px;
  height: 86px;
  top: 28%;
  right: 55%;
  background: rgba(255, 255, 255, 0.25);
  animation-delay: 4.8s;
}

.slide-2 .circle-background .light-blob-2-12 {
  width: 56px;
  height: 56px;
  bottom: 52%;
  left: 78%;
  background: rgba(255, 255, 255, 0.19);
  animation-delay: 2.8s;
}

/* Слайд 3 - Уникальные пузыри для блока с изображением */
.slide-3 .circle-background .light-blob-3-1 {
  width: 90px;
  height: 90px;
  top: 25%;
  left: 15%;
  background: rgba(255, 255, 255, 0.32);
  animation-delay: 1.8s;
}

.slide-3 .circle-background .light-blob-3-2 {
  width: 70px;
  height: 70px;
  top: 10%;
  right: 20%;
  background: rgba(255, 255, 255, 0.20);
  animation-delay: 3.5s;
}

.slide-3 .circle-background .light-blob-3-3 {
  width: 85px;
  height: 85px;
  bottom: 32%;
  left: 12%;
  background: rgba(255, 255, 255, 0.26);
  animation-delay: 0.5s;
}

.slide-3 .circle-background .light-blob-3-4 {
  width: 60px;
  height: 60px;
  top: 70%;
  right: 25%;
  background: rgba(255, 255, 255, 0.18);
  animation-delay: 4.8s;
}

.slide-3 .circle-background .light-blob-3-5 {
  width: 75px;
  height: 75px;
  bottom: 20%;
  right: 12%;
  background: rgba(255, 255, 255, 0.24);
  animation-delay: 2.2s;
}

.slide-3 .circle-background .light-blob-3-6 {
  width: 50px;
  height: 50px;
  top: 45%;
  left: 28%;
  background: rgba(255, 255, 255, 0.16);
  animation-delay: 1.2s;
}

.slide-3 .circle-background .light-blob-3-7 {
  width: 95px;
  height: 95px;
  top: 5%;
  right: 32%;
  background: rgba(255, 255, 255, 0.28);
  animation-delay: 3.8s;
}

.slide-3 .circle-background .light-blob-3-8 {
  width: 40px;
  height: 40px;
  top: 55%;
  left: 50%;
  background: rgba(255, 255, 255, 0.22);
  animation-delay: 0.8s;
}

.slide-3 .circle-background .light-blob-3-9 {
  width: 80px;
  height: 80px;
  bottom: 42%;
  right: 8%;
  background: rgba(255, 255, 255, 0.30);
  animation-delay: 4.2s;
}

.slide-3 .circle-background .light-blob-3-10 {
  width: 55px;
  height: 55px;
  top: 78%;
  left: 62%;
  background: rgba(255, 255, 255, 0.14);
  animation-delay: 2.5s;
}

.slide-3 .circle-background .light-blob-3-11 {
  width: 100px;
  height: 100px;
  top: 22%;
  right: 48%;
  background: rgba(255, 255, 255, 0.25);
  animation-delay: 1.5s;
}

.slide-3 .circle-background .light-blob-3-12 {
  width: 65px;
  height: 65px;
  bottom: 58%;
  left: 72%;
  background: rgba(255, 255, 255, 0.19);
  animation-delay: 3.2s;
}

/* Слайд 4 - Уникальные пузыри для блока с изображением */
.slide-4 .circle-background .light-blob-4-1 {
  width: 78px;
  height: 78px;
  top: 22%;
  left: 18%;
  background: rgba(255, 255, 255, 0.26);
  animation-delay: 2.5s;
}

.slide-4 .circle-background .light-blob-4-2 {
  width: 96px;
  height: 96px;
  top: 38%;
  right: 18%;
  background: rgba(255, 255, 255, 0.32);
  animation-delay: 0.8s;
}

.slide-4 .circle-background .light-blob-4-3 {
  width: 58px;
  height: 58px;
  bottom: 35%;
  left: 8%;
  background: rgba(255, 255, 255, 0.18);
  animation-delay: 4.5s;
}

.slide-4 .circle-background .light-blob-4-4 {
  width: 84px;
  height: 84px;
  top: 75%;
  right: 28%;
  background: rgba(255, 255, 255, 0.24);
  animation-delay: 1.2s;
}

.slide-4 .circle-background .light-blob-4-5 {
  width: 62px;
  height: 62px;
  bottom: 15%;
  right: 5%;
  background: rgba(255, 255, 255, 0.20);
  animation-delay: 3.8s;
}

.slide-4 .circle-background .light-blob-4-6 {
  width: 42px;
  height: 42px;
  top: 52%;
  left: 32%;
  background: rgba(255, 255, 255, 0.16);
  animation-delay: 2.2s;
}

.slide-4 .circle-background .light-blob-4-7 {
  width: 88px;
  height: 88px;
  top: 8%;
  right: 38%;
  background: rgba(255, 255, 255, 0.28);
  animation-delay: 4.2s;
}

.slide-4 .circle-background .light-blob-4-8 {
  width: 48px;
  height: 48px;
  top: 62%;
  left: 55%;
  background: rgba(255, 255, 255, 0.22);
  animation-delay: 0.5s;
}

.slide-4 .circle-background .light-blob-4-9 {
  width: 74px;
  height: 74px;
  bottom: 42%;
  right: 15%;
  background: rgba(255, 255, 255, 0.30);
  animation-delay: 1.8s;
}

.slide-4 .circle-background .light-blob-4-10 {
  width: 52px;
  height: 52px;
  top: 82%;
  left: 68%;
  background: rgba(255, 255, 255, 0.14);
  animation-delay: 3.2s;
}

.slide-4 .circle-background .light-blob-4-11 {
  width: 86px;
  height: 86px;
  top: 32%;
  right: 52%;
  background: rgba(255, 255, 255, 0.25);
  animation-delay: 4.8s;
}

.slide-4 .circle-background .light-blob-4-12 {
  width: 64px;
  height: 64px;
  bottom: 58%;
  left: 78%;
  background: rgba(255, 255, 255, 0.19);
  animation-delay: 2.8s;
}

/* Анимированные пузыри для блока "О нас" */
.smm-about {
  position: relative;
  overflow: visible; /* Разрешаем пузырям выходить за границы */
}

.smm-about .section-title,
.smm-about .about-wrapper,
.smm-about .people-wrapper {
  position: relative;
  z-index: 2; /* Контент над пузырями */
}

/* Стили для контейнеров пузырей блока "О нас" */
.about-bubbles-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    overflow: visible;
}

.bubble-group {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

/* Стили для пузырей блока "О нас" - светлые статичные искаженные пузыри */
.about-blob {
  position: absolute;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 50% 60% 40% 70% / 30% 50% 80% 50%; /* Искажение формы по умолчанию */
  pointer-events: none;
  z-index: 1; /* Под контентом, но над фоном */
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.2);
  /* УБРАНА АНИМАЦИЯ - теперь пузыри статичные */
}

/* Различные искажения формы для разнообразия */
.about-blob:nth-child(odd) {
  border-radius: 70% 30% 60% 40% / 40% 60% 30% 70%;
}

.about-blob:nth-child(even) {
  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
}

.about-blob:nth-child(3n) {
  border-radius: 40% 70% 50% 50% / 70% 40% 60% 30%;
}

.about-blob:nth-child(5n) {
  border-radius: 60% 50% 70% 30% / 60% 40% 50% 70%;
}

/* Анимация плавания пузырей в блоке "О нас" */
@keyframes about-blob-float {
  0%, 100% {
    transform: translate(0, 0) scale(1) rotate(0deg);
  }
  16% {
    transform: translate(15px, -20px) scale(1.1) rotate(45deg);
  }
  32% {
    transform: translate(-12px, -15px) scale(0.9) rotate(90deg);
  }
  48% {
    transform: translate(20px, 10px) scale(1.05) rotate(180deg);
  }
  64% {
    transform: translate(-8px, 18px) scale(0.95) rotate(270deg);
  }
  80% {
    transform: translate(12px, -8px) scale(1.02) rotate(315deg);
  }
}

/* УДАЛЕНЫ старые стили - используются новые позиции для массового замощения */

/* Анимация для девушки - плавное покачивание */
.ppl-img {
  animation: girl-float 6s ease-in-out infinite;
  transform-origin: center bottom; /* Точка вращения внизу */
}

@keyframes girl-float {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  25% {
    transform: translateY(-8px) rotate(1deg);
  }
  50% {
    transform: translateY(-15px) rotate(0deg);
  }
  75% {
    transform: translateY(-8px) rotate(-1deg);
  }
}

/* Добавляем hover эффект для девушки */
.ppl-img:hover {
  animation-duration: 3s; /* Ускоряем анимацию при наведении */
}

/* Адаптивность для мобильных устройств */
@media (max-width: 991px) {
  .about-blob {
    opacity: 0.9; /* оставляем не пустое правило */
  }
  /* Адаптивные размеры для пузырей определены в новых стилях */
}

@media (max-width: 767px) {
  .ppl-img {
    animation-duration: 8s; /* Замедляем анимацию девушки на мобильных */
  }
  
  /* Мобильные размеры адаптируются автоматически */
}

/* Эффект "дыхания" отключен - пузыри полностью статичные */
.about-blob-2, .about-blob-5, .about-blob-8 {
  /* animation: about-blob-breathe 8s ease-in-out infinite; */
  opacity: 0.95;
}

@keyframes about-blob-breathe {
  0%, 100% {
    transform: scale(1) rotate(0deg);
    opacity: 0.18;
  }
  50% {
    transform: scale(1.2) rotate(180deg);
    opacity: 0.35;
  }
}

/* Адаптивность для пузырей меню */
@media (max-width: 991px) {
  .smm-menu-bg .menu-bubble {
    opacity: 0.8; /* Уменьшаем прозрачность на планшетах */
  }
}

@media (max-width: 767px) {
  .smm-menu-bg .menu-bubble {
    opacity: 0.6; /* Еще больше уменьшаем прозрачность на мобильных */
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.1); /* Уменьшаем тень */
  }
}

/* Стили для пузырей блока "О нас" - светлые статичные искаженные пузыри */
.about-blob {
  position: absolute;
  background: rgba(255, 255, 255, 0.45); /* Адаптировано к предыдущим версиям */
  border-radius: 50% 60% 40% 70% / 30% 50% 80% 50%; /* Искажение формы по умолчанию */
  pointer-events: none;
  z-index: 1; /* Под контентом, но над фоном */
  box-shadow: 0 0 28px rgba(255, 255, 255, 0.3); /* Адаптировано к предыдущим версиям */
  /* УБРАНА АНИМАЦИЯ - теперь пузыри статичные */
}

/* Позиционирование и размеры пузырей для замощения фона текста */

/* ВЕРХНЯЯ ЧАСТЬ БЛОКА (about1) - Большие пузыри увеличены на 60% (30% + 25%) и более видимые */
.about-blob-1 {
  width: 230px; height: 230px; /* +60%: 140px → 182px → 230px */
  top: 8%; left: 5%;
  opacity: 0.7; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-2 {
  width: 260px; height: 260px; /* +60%: 160px → 208px → 260px */
  top: 12%; left: 85%;
  opacity: 0.75; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-3 {
  width: 212px; height: 212px; /* +60%: 130px → 169px → 212px */
  top: 60%; left: 3%;
  opacity: 0.65; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-4 {
  width: 245px; height: 245px; /* +60%: 150px → 195px → 245px */
  top: 70%; left: 90%;
  opacity: 0.72; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-5 {
  width: 221px; height: 221px; /* +60%: 135px → 176px → 221px */
  top: 35%; left: 88%;
  opacity: 0.68; /* Увеличена для компенсации базовой прозрачности */
}

/* Дополнительные большие пузыри для верхней части - увеличены на 60% (30% + 25%) и более видимые */
.about-blob-11 {
  width: 237px; height: 237px; /* +60%: 145px → 189px → 237px */
  top: 5%; left: 25%;
  opacity: 0.67; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-12 {
  width: 253px; height: 253px; /* +60%: 155px → 202px → 253px */
  top: 15%; left: 65%;
  opacity: 0.7; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-13 {
  width: 204px; height: 204px; /* +60%: 125px → 163px → 204px */
  top: 45%; left: 2%;
  opacity: 0.66; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-14 {
  width: 230px; height: 230px; /* +60%: 140px → 182px → 230px */
  top: 25%; left: 93%;
  opacity: 0.68; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-15 {
  width: 245px; height: 245px; /* +60%: 150px → 195px → 245px */
  top: 55%; left: 85%;
  opacity: 0.72; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-16 {
  width: 221px; height: 221px; /* +60%: 135px → 176px → 221px */
  top: 75%; left: 70%;
  opacity: 0.69; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-17 {
  width: 260px; height: 260px; /* +60%: 160px → 208px → 260px */
  top: 20%; left: 45%;
  opacity: 0.73; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-18 {
  width: 204px; height: 204px; /* +60%: 125px → 163px → 204px */
  top: 80%; left: 25%;
  opacity: 0.65; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-19 {
  width: 237px; height: 237px; /* +60%: 145px → 189px → 237px */
  top: 40%; left: 70%;
  opacity: 0.67; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-20 {
  width: 212px; height: 212px; /* +60%: 130px → 169px → 212px */
  top: 90%; left: 50%;
  opacity: 0.68; /* Увеличена для компенсации базовой прозрачности */
}

/* Средние пузыри для верхней части - увеличены на 60% (30% + 25%) и более видимые */
.about-blob-21 {
  width: 146px; height: 146px; /* +60%: 90px → 117px → 146px */
  top: 10%; left: 15%;
  opacity: 0.6; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-22 {
  width: 139px; height: 139px; /* +60%: 85px → 111px → 139px */
  top: 30%; left: 75%;
  opacity: 0.58; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-23 {
  width: 155px; height: 155px; /* +60%: 95px → 124px → 155px */
  top: 50%; left: 12%;
  opacity: 0.61; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-24 {
  width: 162px; height: 162px; /* +60%: 100px → 130px → 162px */
  top: 25%; left: 55%;
  opacity: 0.62; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-25 {
  width: 130px; height: 130px; /* +60%: 80px → 104px → 130px */
  top: 65%; left: 78%;
  opacity: 0.59; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-26 {
  width: 150px; height: 150px; /* +60%: 92px → 120px → 150px */
  top: 85%; left: 8%;
  opacity: 0.6; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-27 {
  width: 142px; height: 142px; /* +60%: 88px → 114px → 142px */
  top: 18%; left: 35%;
  opacity: 0.58; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-28 {
  width: 156px; height: 156px; /* +60%: 96px → 125px → 156px */
  top: 42%; left: 82%;
  opacity: 0.61; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-29 {
  width: 136px; height: 136px; /* +60%: 84px → 109px → 136px */
  top: 72%; left: 40%;
  opacity: 0.59; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-30 {
  width: 159px; height: 159px; /* +60%: 98px → 127px → 159px */
  top: 95%; left: 75%;
  opacity: 0.62; /* Увеличена для компенсации базовой прозрачности */
}

/* Маленькие пузыри для верхней части - увеличены на 60% (30% + 25%) и более видимые */
.about-blob-31 {
  width: 98px; height: 98px; /* +60%: 60px → 78px → 98px */
  top: 12%; left: 10%;
  opacity: 0.55; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-32 {
  width: 90px; height: 90px; /* +60%: 55px → 72px → 90px */
  top: 28%; left: 80%;
  opacity: 0.54; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-33 {
  width: 106px; height: 106px; /* +60%: 65px → 85px → 106px */
  top: 38%; left: 20%;
  opacity: 0.56; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-34 {
  width: 114px; height: 114px; /* +60%: 70px → 91px → 114px */
  top: 58%; left: 60%;
  opacity: 0.57; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-35 {
  width: 81px; height: 81px; /* +60%: 50px → 65px → 81px */
  top: 78%; left: 85%;
  opacity: 0.53; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-36 {
  width: 101px; height: 101px; /* +60%: 62px → 81px → 101px */
  top: 22%; left: 30%;
  opacity: 0.55; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-37 {
  width: 110px; height: 110px; /* +60%: 68px → 88px → 110px */
  top: 48%; left: 90%;
  opacity: 0.56; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-38 {
  width: 91px; height: 91px; /* +60%: 56px → 73px → 91px */
  top: 68%; left: 15%;
  opacity: 0.54; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-39 {
  width: 104px; height: 104px; /* +60%: 64px → 83px → 104px */
  top: 88%; left: 35%;
  opacity: 0.55; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-40 {
  width: 94px; height: 94px; /* +60%: 58px → 75px → 94px */
  top: 35%; left: 50%;
  opacity: 0.54; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-41 {
  width: 108px; height: 108px; /* +60%: 66px → 86px → 108px */
  top: 15%; left: 70%;
  opacity: 0.56; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-42 {
  width: 85px; height: 85px; /* +60%: 52px → 68px → 85px */
  top: 52%; left: 25%;
  opacity: 0.53; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-43 {
  width: 114px; height: 114px; /* +60%: 70px → 91px → 114px */
  top: 75%; left: 95%;
  opacity: 0.57; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-44 {
  width: 98px; height: 98px; /* +60%: 60px → 78px → 98px */
  top: 32%; left: 95%;
  opacity: 0.55; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-45 {
  width: 88px; height: 88px; /* +60%: 54px → 70px → 88px */
  top: 92%; left: 20%;
  opacity: 0.54; /* Увеличена для компенсации базовой прозрачности */
}

/* НИЖНЯЯ ЧАСТЬ БЛОКА (about2) - Большие пузыри увеличены на 60% (30% + 25%) и более видимые */
.about-blob-6 {
  width: 230px; height: 230px; /* +60%: 140px → 182px → 230px */
  top: 5%; left: 8%;
  opacity: 0.68; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-7 {
  width: 253px; height: 253px; /* +60%: 155px → 202px → 253px */
  top: 10%; left: 90%;
  opacity: 0.71; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-8 {
  width: 212px; height: 212px; /* +60%: 130px → 169px → 212px */
  top: 65%; left: 5%;
  opacity: 0.67; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-9 {
  width: 237px; height: 237px; /* +60%: 145px → 189px → 237px */
  top: 75%; left: 88%;
  opacity: 0.69; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-10 {
  width: 260px; height: 260px; /* +60%: 160px → 208px → 260px */
  top: 40%; left: 85%;
  opacity: 0.73; /* Увеличена для компенсации базовой прозрачности */
}

/* Дополнительные большие пузыри для нижней части - увеличены на 60% (30% + 25%) и более видимые */
.about-blob-46 {
  width: 221px; height: 221px; /* +60%: 135px → 176px → 221px */
  top: 15%; left: 30%;
  opacity: 0.68; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-47 {
  width: 245px; height: 245px; /* +60%: 150px → 195px → 245px */
  top: 25%; left: 70%;
  opacity: 0.7; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-48 {
  width: 204px; height: 204px; /* +60%: 125px → 163px → 204px */
  top: 50%; left: 10%;
  opacity: 0.66; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-49 {
  width: 230px; height: 230px; /* +60%: 140px → 182px → 230px */
  top: 30%; left: 95%;
  opacity: 0.68; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-50 {
  width: 253px; height: 253px; /* +60%: 155px → 202px → 253px */
  top: 60%; left: 80%;
  opacity: 0.71; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-51 {
  width: 212px; height: 212px; /* +60%: 130px → 169px → 212px */
  top: 80%; left: 65%;
  opacity: 0.67; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-52 {
  width: 237px; height: 237px; /* +60%: 145px → 189px → 237px */
  top: 20%; left: 50%;
  opacity: 0.69; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-53 {
  width: 260px; height: 260px; /* +60%: 160px → 208px → 260px */
  top: 85%; left: 20%;
  opacity: 0.72; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-54 {
  width: 204px; height: 204px; /* +60%: 125px → 163px → 204px */
  top: 45%; left: 75%;
  opacity: 0.66; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-55 {
  width: 230px; height: 230px; /* +60%: 140px → 182px → 230px */
  top: 95%; left: 45%;
  opacity: 0.68; /* Увеличена для компенсации базовой прозрачности */
}

/* Средние пузыри для нижней части - увеличены на 60% (30% + 25%) и более видимые */
.about-blob-56 {
  width: 139px; height: 139px; /* +60%: 85px → 111px → 139px */
  top: 12%; left: 18%;
  opacity: 0.59; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-57 {
  width: 146px; height: 146px; /* +60%: 90px → 117px → 146px */
  top: 32%; left: 78%;
  opacity: 0.6; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-58 {
  width: 155px; height: 155px; /* +60%: 95px → 124px → 155px */
  top: 52%; left: 22%;
  opacity: 0.61; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-59 {
  width: 130px; height: 130px; /* +60%: 80px → 104px → 130px */
  top: 27%; left: 58%;
  opacity: 0.58; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-60 {
  width: 150px; height: 150px; /* +60%: 92px → 120px → 150px */
  top: 67%; left: 72%;
  opacity: 0.6; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-61 {
  width: 142px; height: 142px; /* +60%: 88px → 114px → 142px */
  top: 87%; left: 12%;
  opacity: 0.59; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-62 {
  width: 156px; height: 156px; /* +60%: 96px → 125px → 156px */
  top: 18%; left: 40%;
  opacity: 0.61; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-63 {
  width: 136px; height: 136px; /* +60%: 84px → 109px → 136px */
  top: 42%; left: 88%;
  opacity: 0.59; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-64 {
  width: 162px; height: 162px; /* +60%: 100px → 130px → 162px */
  top: 72%; left: 35%;
  opacity: 0.62; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-65 {
  width: 140px; height: 140px; /* +60%: 86px → 112px → 140px */
  top: 92%; left: 78%;
  opacity: 0.59; /* Увеличена для компенсации базовой прозрачности */
}

/* Маленькие пузыри для нижней части - увеличены на 60% (30% + 25%) и более видимые */
.about-blob-66 {
  width: 90px; height: 90px; /* +60%: 55px → 72px → 90px */
  top: 8%; left: 12%;
  opacity: 0.54; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-67 {
  width: 98px; height: 98px; /* +60%: 60px → 78px → 98px */
  top: 22%; left: 82%;
  opacity: 0.55; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-68 {
  width: 106px; height: 106px; /* +60%: 65px → 85px → 106px */
  top: 35%; left: 25%;
  opacity: 0.56; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-69 {
  width: 81px; height: 81px; /* +60%: 50px → 65px → 81px */
  top: 55%; left: 65%;
  opacity: 0.53; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-70 {
  width: 114px; height: 114px; /* +60%: 70px → 91px → 114px */
  top: 75%; left: 90%;
  opacity: 0.57; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-71 {
  width: 94px; height: 94px; /* +60%: 58px → 75px → 94px */
  top: 28%; left: 32%;
  opacity: 0.54; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-72 {
  width: 101px; height: 101px; /* +60%: 62px → 81px → 101px */
  top: 48%; left: 92%;
  opacity: 0.55; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-73 {
  width: 110px; height: 110px; /* +60%: 68px → 88px → 110px */
  top: 68%; left: 18%;
  opacity: 0.56; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-74 {
  width: 91px; height: 91px; /* +60%: 56px → 73px → 91px */
  top: 88%; left: 38%;
  opacity: 0.54; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-75 {
  width: 104px; height: 104px; /* +60%: 64px → 83px → 104px */
  top: 38%; left: 55%;
  opacity: 0.55; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-76 {
  width: 85px; height: 85px; /* +60%: 52px → 68px → 85px */
  top: 18%; left: 75%;
  opacity: 0.53; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-77 {
  width: 108px; height: 108px; /* +60%: 66px → 86px → 108px */
  top: 58%; left: 28%;
  opacity: 0.56; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-78 {
  width: 114px; height: 114px; /* +60%: 70px → 91px → 114px */
  top: 78%; left: 98%;
  opacity: 0.57; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-79 {
  width: 88px; height: 88px; /* +60%: 54px → 70px → 88px */
  top: 35%; left: 98%;
  opacity: 0.54; /* Увеличена для компенсации базовой прозрачности */
}
.about-blob-80 {
  width: 98px; height: 98px; /* +60%: 60px → 78px → 98px */
  top: 98%; left: 25%;
  opacity: 0.55; /* Увеличена для компенсации базовой прозрачности */
}

/* Простое решение: согласованность с основными правилами */
.smm-promotion.swiper-promotion .owl-carousel.swiper-wrapper {
    overflow: visible !important;
}

/* Правила перенесены выше для лучшей организации кода */

/* БЛОКИРУЕМ просачивание соседних слайдов - приоритет над пузырями */
.smm-promotion.swiper-promotion .swiper-slide {
    overflow: hidden !important;
}

.smm-promotion.swiper-promotion .text {
    overflow: visible !important;
}

/* ================================
   КОНСОЛИДИРОВАННЫЕ СТИЛИ CIRCLE-BACKGROUND
   Исправление множественных конфликтов и дублирования
   ================================ */

/* Базовые стили для всех circle-background контейнеров */
.circle-background {
  position: relative !important;
  border-radius: 50% !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 1 !important;
  transform-style: preserve-3d !important;
  will-change: transform !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Специфичные стили для SMM главного слайдера */
.smm-promotion .swiper-slide .circle-background {
  width: 45% !important; 
  height: 0 !important;
  padding-bottom: 42% !important;
  overflow: hidden !important;
  min-height: 350px !important;
}

.smm-promotion .swiper-slide .circle-background img {
  position: absolute !important;
  width: auto !important;
  max-width: 90% !important;
  max-height: 90% !important;
  top: 50% !important;
  left: 50% !important; /* Унифицировано к 50% */
  /* НЕ устанавливаем transform здесь - он будет переопределен анимацией */
  z-index: 2 !important;
  pointer-events: none;
  /* Убираем transition, который может конфликтовать с анимацией */
  transition: none !important;
}

/* Специфичные стили для SERM слайдера */
.serm-promotion .circle-background {
  width: 55% !important; 
  height: 0 !important;
  padding-bottom: 55% !important;
  overflow: hidden !important;
  min-height: 350px !important;
  transform: translateX(-120px) !important;
}

.serm-promotion .circle-background img {
  position: absolute !important;
  max-width: 80% !important;
  max-height: 80% !important;
  top: 50% !important;
  left: 50% !important;
  /* НЕ устанавливаем transform - он управляется анимацией */
  z-index: 2 !important;
  transition: none !important;
}

/* Специфичные стили для Sites слайдера */
.sites-promotion .swiper-slide .circle-background {
  width: 50% !important; 
  height: 0 !important;
  padding-bottom: 50% !important; /* Исправлено с 100% */
  background: linear-gradient(135deg, #f8f9fca8 0%, #f1f2f800 100%) !important;
  overflow: hidden !important;
}

.sites-promotion .swiper-slide .circle-background img {
  position: absolute !important;
  width: auto !important;
  max-width: 80% !important;
  max-height: 80% !important;
  top: 50% !important;
  left: 50% !important;
  /* НЕ устанавливаем transform - он управляется анимацией */
  z-index: 2 !important;
  transition: none !important;
}

/* Адаптивные стили для SMM слайдера */
@media (max-width: 1200px) {
  .smm-promotion .swiper-slide .circle-background {
    transform: translateX(-80px) !important;
    width: 50% !important;
    padding-bottom: 50% !important;
  }
}

@media (max-width: 768px) {
  .smm-promotion .swiper-slide .circle-background {
    transform: translateX(-40px) !important;
    width: 45% !important;
    padding-bottom: 45% !important;
  }
}

@media (max-width: 480px) {
  .smm-promotion .swiper-slide .circle-background {
    transform: translateX(-20px) !important;
    width: 40% !important;
    padding-bottom: 40% !important;
  }
}

/* Адаптивные стили для SERM слайдера */
@media (max-width: 1200px) {
  .serm-promotion .circle-background {
    transform: translateX(-80px) !important;
  }
}

@media (max-width: 991px) {
  .serm-promotion .circle-background {
    transform: translateX(-40px) !important;
  }
}

@media (max-width: 768px) {
  .serm-promotion .circle-background {
    transform: translateX(-20px) !important;
    width: 50% !important;
    padding-bottom: 50% !important;
  }
}

/* Исправленные стили для overflow у разных контекстов */
.smm-promotion.swiper-promotion .circle-background {
    overflow: hidden !important; /* Унифицировано */
}

/* ================================
   Стили для блока "Нам доверили" с пузырями
   ================================ */

/* Контейнер для каждого логотипа с пузырями */
.trust-logo-container {
    position: relative;
    z-index: 1;
}

/* Контейнер для пузырей за логотипом - адаптированный под размер логотипов */
.trust-bubbles-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    pointer-events: none;
    z-index: 0;
    overflow: visible;
}

/* Базовые стили для пузырей доверия - точно как stat-blob в преимуществах */
.trust-bubble {
    position: absolute;
    background: rgba(255, 255, 255, 0.45);
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    pointer-events: none;
    z-index: 0;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.15);
    animation: none !important;
}

/* Различные искажения формы - как в stat-blob */
.trust-bubble:nth-child(odd) {
    border-radius: 70% 30% 60% 40% / 40% 60% 30% 70%;
}

.trust-bubble:nth-child(even) {
    border-radius: 50% 60% 40% 70% / 30% 50% 80% 50%;
}

.trust-bubble:nth-child(3n) {
    border-radius: 40% 70% 50% 50% / 70% 40% 60% 30%;
}

.trust-bubble:nth-child(4n) {
    border-radius: 80% 30% 50% 60% / 50% 70% 40% 60%;
}

.trust-bubble.trust-bubble-1 {
    width: 144px;
    height: 144px;
    top: -16px;
    left: -20px;
    background: rgba(255, 255, 255, 0.45);
}

.trust-bubble.trust-bubble-2 {
    width: 120px;
    height: 120px;
    top: -12px;
    right: -16px;
    background: rgba(255, 255, 255, 0.45);
}

.trust-bubble.trust-bubble-3 {
    width: 156px;
    height: 156px;
    bottom: -20px;
    left: -24px;
    background: rgba(255, 255, 255, 0.45);
}

.trust-bubble.trust-bubble-4 {
    width: 132px;
    height: 132px;
    bottom: -16px;
    right: -20px;
    background: rgba(255, 255, 255, 0.45);
}

/* Анимация покачивания логотипов - логотипы на переднем плане */
.trust-logo-container .block_3_image.trust-logo-float {
    animation: trust-logo-sway 5.2s ease-in-out infinite !important;
    transform-origin: center bottom;
    position: relative;
    z-index: 2;
}

@keyframes trust-logo-sway {
    0%, 100% {
        transform: rotate(0deg) translateY(0px);
    }
    25% {
        transform: rotate(2deg) translateY(-4px);
    }
    50% {
        transform: rotate(0deg) translateY(-7px);
    }
    75% {
        transform: rotate(-2deg) translateY(-3px);
    }
}

/* Индивидуальные задержки анимации для каждого логотипа */
.trust-logo-container[class*="block_3_stage-1"] .block_3_image.trust-logo-float {
    animation-delay: 0s !important;
}

.trust-logo-container[class*="block_3_stage-2"] .block_3_image.trust-logo-float {
    animation-delay: 0.5s !important;
}

.trust-logo-container[class*="block_3_stage-3"] .block_3_image.trust-logo-float {
    animation-delay: 1s !important;
}

.trust-logo-container[class*="block_3_stage-4"] .block_3_image.trust-logo-float {
    animation-delay: 1.5s !important;
}

.trust-logo-container[class*="block_3_stage-5"] .block_3_image.trust-logo-float {
    animation-delay: 2s !important;
}

.trust-logo-container[class*="block_3_stage-6"] .block_3_image.trust-logo-float {
    animation-delay: 2.5s !important;
}

.trust-logo-container[class*="block_3_stage-7"] .block_3_image.trust-logo-float {
    animation-delay: 3s !important;
}

.trust-logo-container[class*="block_3_stage-8"] .block_3_image.trust-logo-float {
    animation-delay: 3.5s !important;
}

/* Респонсивные стили для мобильных устройств */
@media (max-width: 768px) {
    .trust-bubbles-container {
        width: 140px;
        height: 140px;
    }
    
    .trust-bubble.trust-bubble-1 {
        width: 96px;
        height: 96px;
        top: -12px;
        left: -16px;
    }
    
    .trust-bubble.trust-bubble-2 {
        width: 84px;
        height: 84px;
        top: -8px;
        right: -12px;
    }
    
    .trust-bubble.trust-bubble-3 {
        width: 108px;
        height: 108px;
        bottom: -16px;
        left: -20px;
    }
    
    .trust-bubble.trust-bubble-4 {
        width: 90px;
        height: 90px;
        bottom: -12px;
        right: -16px;
    }
    
    @keyframes trust-logo-sway {
        0%, 100% {
            transform: rotate(0deg) translateY(0px);
        }
        25% {
            transform: rotate(1.5deg) translateY(-3px);
        }
        50% {
            transform: rotate(0deg) translateY(-5px);
        }
        75% {
            transform: rotate(-1.5deg) translateY(-2px);
        }
    }
}

/* ================================
   Эффект бульканья для блока "Нам доверили"
   ================================ */

/* Класс для запуска анимации булькания в блоке доверия */
.trust-logo-container.bubbling .trust-bubble {
    animation: trust-bubble-effect 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
}

/* Анимация булькающих пузырей для блока доверия */
@keyframes trust-bubble-effect {
    0% {
        transform: scale(1);
        opacity: 0.45;
    }
    15% {
        transform: scale(1.3);
        opacity: 0.6;
    }
    25% {
        transform: scale(0.9);
        opacity: 0.8;
    }
    35% {
        transform: scale(1.4);
        opacity: 0.7;
    }
    45% {
        transform: scale(0.95);
        opacity: 0.9;
    }
    55% {
        transform: scale(1.25);
        opacity: 0.75;
    }
    65% {
        transform: scale(1.05);
        opacity: 0.85;
    }
    75% {
        transform: scale(1.15);
        opacity: 0.8;
    }
    85% {
        transform: scale(1.08);
        opacity: 0.82;
    }
    100% {
        transform: scale(1.1);
        opacity: 0.75;
    }
}

/* Эффект "волны" - пузыри булькают по очереди */
.trust-logo-container.bubbling .trust-bubble.trust-bubble-1 {
    animation-delay: 0s;
}
.trust-logo-container.bubbling .trust-bubble.trust-bubble-2 {
    animation-delay: 0.1s;
}
.trust-logo-container.bubbling .trust-bubble.trust-bubble-3 {
    animation-delay: 0.2s;
}
.trust-logo-container.bubbling .trust-bubble.trust-bubble-4 {
    animation-delay: 0.15s;
}

/* Анимация смены логотипа */
.trust-logo-container.changing .block_3_image img {
    animation: logo-fade-change 0.8s ease-in-out;
}

/* Увеличение размера всех логотипов в блоке "Нам доверили" на 15% */
.smm-trust .block_3_image img {
    transform: scale(1.15);
}

@keyframes logo-fade-change {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    40% {
        opacity: 0.3;
        transform: scale(0.8);
    }
    60% {
        opacity: 0.3;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
          }
  }