.ce-accordion {
    .panels {
        .panel {
            .panel-header {
                cursor: pointer;
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 1rem;
                background-color: #f1f1f1;
                border-bottom: 1px solid #ddd;

                .icon {
                    display: flex;
                    width: 1rem;
                    transition: transform 0.3s ease;
                }
            }

            .panel-content {
                height: 0;
                overflow: hidden;
                padding: 0 1rem;
                background-color: #fff;
                interpolate-size: allow-keywords;
                transition: height 0.3s ease;

                &.active {
                    /* max-height: 500px; */
                    /* Adjust as needed */
                    padding: 1rem;
                }

            }

            &.active {
                .panel-header .icon {
                    transform: rotate(90deg);
                }

                .panel-content {
                    height: auto;
                }
            }

            &.shortcut {
                .panel-content {

                    p:has(.span-color1.big-font-size) {
                        display: none;
                        visibility: hidden;
                    }
                }
            }
        }
    }
}