.cat-desc {
 max-width: 1060px;
 padding: 80px 0;
}

.cat-desc__body {
 display: -webkit-box;
 -webkit-line-clamp: 5;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

.cat-desc.is-open .cat-desc__body {
 display: block;
 overflow: visible;
}

.cat-desc.is-open .cat-desc__body::after {
 display: none;
}

.cat-desc__body h1 {
 font-size: 32px;
 font-weight: 700;
 color: #132139;
 margin: 0 0 12px;
}

.cat-desc__body h2,
.cat-desc__body h3 {
 font-size: 22px;
 font-weight: 700;
 color: #132139;
 margin: 0 0 12px;
}

.cat-desc__body p {
 font-size: 14px;
 color: #373A3E;
 line-height: 1.6;
 margin: 0 0 10px;
}

.cat-desc__body p:last-child {
 margin-bottom: 0;
}

.cat-desc__toggle {
 display: inline-flex;
 align-items: center;
 gap: 20px;
 margin-top: 10px;
 background: none;
 border: none;
 cursor: pointer;
 padding: 0;
 font-size: 16px;
 font-weight: 700;
 color: #2C5194;
 text-transform: none !important;
 background: #fff !important;
 padding: 0 !important;
 min-height: 0 !important;
}

.cat-desc__toggle .pf-toggle {
 width: 22px;
 height: 22px;
 border-radius: 50%;
 background: #F2F2F3;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-shrink: 0;
}

.cat-desc__toggle .pf-toggle svg {
 width: 12px;
 height: 12px;
 color: #2C5194;
 transition: transform 0.25s;
}

.cat-desc.is-open .cat-desc__toggle .pf-toggle {
 background: #2C5194;
}

.cat-desc.is-open .cat-desc__toggle .pf-toggle svg {
 color: #fff;
 transform: rotate(180deg);
}


@media (max-width: 1024px) {
 .cat-desc {
  padding: 30px 0 !important;
 }

 .cat-desc__body h1 {
  font-size: 23px;
 }
}