.collapsible {
    box-shadow: unset;
    border: unset;

    .collapsible-header {
        font-size: 14px;
        font-weight: 400;
        color: #1D2939 !important;
        background: unset;
        border: unset;
        position: relative;

    }

    .arrow-icon {
        position: absolute;
        right: 10px;
        /* ระยะจากขอบขวา */
        top: 50%;
        transform: translateY(-50%);
        transition: transform 0.3s ease;

    }

    .active .collapsible-header.active .arrow-icon {
        transform: translateY(-50%) rotate(180deg);

        /* หมุนลูกศรเมื่อเปิด */
    }

    .collapsible-body {
        padding: 1rem 1.5rem;

        .inbody {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            line-height: normal;

            a {
                font-size: 14px;
                font-weight: 300;
                color: #667085;
            }

            a:hover {
                color: #1570EF !important;
                font-size: 14px;
                font-weight: 400;
            }

            .active {
                color: #1570EF !important;
                font-size: 14px;
                font-weight: 400;
            }
        }
    }
}

#setting .collapsible-body {
    padding-top: 0;
}