.accordion-section { padding: 20px 0; } .section-title { font-weight: 800; font-size: clamp(2rem, 4vw, 3rem); color: #111827; } .section-subtitle { max-width: 650px; margin: 0 auto 45px; color: #6b7280; } .custom-accordion { max-width: 850px; margin: auto; } .custom-accordion .accordion-item { border: 0; margin-bottom: 15px; border-radius: 16px !important; overflow: hidden; background: #fff; box-shadow: 0 8px 30px rgba(15, 23, 42, 0.07); } .custom-accordion .accordion-button { padding: 22px 25px; font-size: 1.05rem; font-weight: 700; color: #111827; background: #fff; box-shadow: none; } .custom-accordion .accordion-button:not(.collapsed) { color: #0d6efd; background: #fff; } .custom-accordion .accordion-button::after { display: none; } .accordion-icon { width: 42px; height: 42px; min-width: 42px; display: flex; align-items: center; justify-content: center; margin-right: 15px; border-radius: 12px; background: #eef5ff; color: #0d6efd; font-size: 1.1rem; transition: .3s ease; } .custom-accordion .accordion-button:not(.collapsed) .accordion-icon { color: #fff; background: #0d6efd; transform: rotate(5deg); } .plus-icon { margin-left: auto; font-size: 1.4rem; transition: transform .3s ease; } .accordion-button:not(.collapsed) .plus-icon { transform: rotate(45deg); } .custom-accordion .accordion-body { padding: 0 25px 25px 82px; color: #6b7280; line-height: 1.8; } @media (max-width: 576px) { .accordion-section { padding: 50px 15px; } .custom-accordion .accordion-button { padding: 17px; font-size: .95rem; } .accordion-icon { width: 36px; height: 36px; min-width: 36px; margin-right: 10px; font-size: 1rem; } .custom-accordion .accordion-body { padding: 0 17px 20px 63px; font-size: .9rem; } }