.accordion-wrapper {
    border-bottom: 1px solid #CAD5E2;
    cursor: pointer;
	padding-left: 8px;
	padding-right: 8px;
}

.accordion-wrapper.active {
    border-bottom: 1px solid #1E55FB;
}

.accordion-wrapper.active .accordionToggle {
    font-weight: 600 !important;
}
/* Добавьте это в секцию .accordionToggle22 */
.accordionToggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* --- ДОБАВЛЕНИЕ ПЛАВНОСТИ ЖИРНОСТИ --- */
    transition: font-weight 0.3s ease-in-out; 
    /* 0.3s — это хорошее время для жирности, можете настроить */
    /* -------------------------------------- */
}

/* Этот класс будет плавно менять жирность */
.text-h-c {
    color: #526074!important;
}
.text-header {
    color: #181E2C;
}
.accordion-wrapper.active .accordionToggle {
    font-weight: 600 !important;
    color: #2D3745!important;
}

.accordion-wrapper:hover .accordionToggle {
    color: #2D3745!important;
}


.accordion-wrapper {
    transition: transform 0.3s ease;
}
.accordion-wrapper:hover {
    border-bottom: 1px solid #1E55FB;
}

.accordion-content p {
    color: #475569;
    font-size: 1.125rem;
    font-weight: 400;
	line-height: 1.75rem;
    margin: 0rem;
    margin-right: 3.75rem;
}

/* --- Изменения для плавности --- */
.accordion-wrapper .accordion-content {
	/* Начальное состояние: скрыто и готово к анимации */
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-in-out, margin-top 0.3s ease-in-out; /* Добавляем переход */
    /* Дополнительные стили, которые были: */
    /* transition: max-height 0s; - Удалить или заменить */
}
/* ------------------------------- */

.accordion-wrapper.active.accordion-links .accordion-content {
	margin-top: 0;
}

.accordion-wrapper:hover .accordion-icon {
    border-radius: 4px;
    background: #E7EDF2;
}
.accordion-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
    /* --- ДОБАВЛЕНИЕ ПЛАВНОСТИ --- */
	transition: background 0.3s ease, transform 0.3s ease; 
    /* -------------------------- */
}

/* Плавность для SVG (если вы хотите, чтобы он вращался или менялся плавно, но в вашем случае он заменяется целиком) */
.accordion-icon svg {
	display: block;
	transition: transform 0.3s ease;
}
.accordion-icon svg path {
    fill: #CAD5E2;
}
/* Плавность для изменения цвета при наведении */
.accordion-wrapper:hover .accordion-icon {
    /* Эти свойства теперь будут анимироваться благодаря transition выше */
	cursor: pointer;
	transform: scale(1.05);
    border-radius: 4px; /* Если вы хотите анимировать border-radius, его нужно добавить в transition */
    background: #E7EDF2;
}

/* --- Изменения для плавности --- */
.accordion-wrapper.active .accordion-content {
    /* Для плавного открытия: устанавливаем достаточно большую высоту. */
    /* В JS мы установим более точное значение */
	max-height: 500px; /* Достаточно большое значение для большинства контента */
    margin-top: 0.75rem;
    /* transition: max-height 0.5s; - Удалить или заменить */
}
/* ------------------------------- */

.accordion-wrapper.active .f-minus path {
    fill: #1E55FB;
}
.accordion-wrapper:hover .f-plus path {
    fill: #1E55FB;
}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 768px) {
	
}

@media screen and (max-width: 660px) {
	
}

@media screen and (max-width: 360px) {

}