*, p, b, strong, span, div {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.about-hero{
    background:#f4f7fb;
    border-top:1px solid #d9e2ef;
    border-bottom:1px solid #d9e2ef;
    padding:70px 0;
    text-align:center;
    margin-bottom:20px;
}
.about-hero h1{
    color:#3f5f8f;
    font-size:42px;
    font-weight:700;
    margin-bottom:20px;
    letter-spacing:1px;
}
.about-hero h1 span{
    display:block;
    font-size:24px;
    font-weight:400;
    color:#6f7d92;
    margin-top:10px;
}
.about-hero p{
    color:#5f6670;
    font-size:18px;
    max-width:850px;
    margin:0 auto;
    line-height:1.8;
}
.activities-container{padding-top:60px;padding-bottom:60px}
.activities-container-header{position:relative;margin-bottom:40px}
.activities-container-header:after{
    content:'';
    display:block;
    width:80px;
    height:4px;
    background:#5878A8;
    margin-top:12px;
}
.activities-img{
    border-radius:12px;
    box-shadow:0 12px 30px rgba(0,0,0,.12);
}
.btn-activities{
    border-radius:30px!important;
    padding:10px 22px!important;
    font-weight:600;
}
.navbar{box-shadow:0 2px 12px rgba(0,0,0,.15)}
#lightgallery1 li,#lightgallery2 li{
    background:#fff;
    border-radius:12px;
    padding:12px;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
}

/* Общий контейнер */
.sout-wrapper {
    margin-top: 25px;
    max-width: 650px; /* Чтобы блок не растягивался во всю ширину */
}

/* Новая аккуратная панель-переключатель */
.sout-trigger-panel {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    padding: 10px 0;
    user-select: none;
}

/* Стиль текста заголовка спойлера */
.sout-trigger-panel .trigger-title {
    color: #3f5f8f;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 2px dashed rgba(63, 95, 143, 0.4);
    padding-bottom: 2px;
    transition: color 0.2s ease, border-bottom-color 0.2s ease;
}

/* Маленькая стрелочка справа от текста */
.sout-trigger-panel .trigger-arrow {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #3f5f8f;
    border-bottom: 2px solid #3f5f8f;
    transform: rotate(45deg); /* По умолчанию смотрит вниз */
    transition: transform 0.3s ease;
}

/* Эффект при наведении на весь блок */
.sout-trigger-panel:hover .trigger-title {
    color: #5878A8; /* Цвет как у вашей полоски под «О компании» */
    border-bottom-color: #5878A8;
}
.sout-trigger-panel:hover .trigger-arrow {
    border-right-color: #5878A8;
    border-bottom-color: #5878A8;
}

/* Поворот стрелки, когда блок РАЗВЕРНУТ */
.sout-trigger-panel:not(.collapsed) .trigger-arrow {
    transform: rotate(-135deg); /* Смотрит вверх */
}

/* Внутренний блок с документами (появляется снизу) */
.sout-content-panel {
    padding: 15px 0 5px 0;
    display: flex;
    flex-direction: column;
    gap: 12px; /* Расстояние между документами */
}

/* Ссылки на документы внутри */
.sout-doc-link {
    display: inline-flex;
    align-items: center;
    color: #5f6670 !important;
    font-size: 15px;
    text-decoration: none !important;
    width: fit-content;
    transition: color 0.2s ease;
}

.sout-doc-link .doc-emoji {
    margin-right: 8px;
    font-size: 15px;
}

.sout-doc-link .doc-text {
    border-bottom: 1px solid transparent;
    transition: border-bottom-color 0.2s ease;
}

/* Эффект при наведении на документ */
.sout-doc-link:hover {
    color: #3f5f8f !important;
}
.sout-doc-link:hover .doc-text {
    border-bottom-color: #3f5f8f; /* Аккуратное сплошное подчеркивание при наведении */
}