.custom-accordion {

    width: 100%;

    max-width: 100%;

    max-height: 720px;

    font-family: Montserrat, sans-serif;

    box-sizing: border-box;

}



.custom-accordion,

.custom-accordion * {

    box-sizing: border-box;

}



.custom-accordion .accordion-item {

    width: 100%;

    max-width: 100%;

    margin-bottom: 16px;

    background: rgba(255, 255, 255, 0.02);

    padding: 22px;

    border: solid 1px rgba(255, 255, 255, 0.08);

    border-radius: 12px;

    backdrop-filter: blur(6px);

    overflow: hidden;

    transition: background 0.3s ease, border-color 0.3s ease;

}



.custom-accordion .accordion-item:hover {

    background: rgba(255, 255, 255, 0.03);

    border-color: rgba(255, 255, 255, 0.15);

}



.custom-accordion .accordion-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 16px;

    width: 100%;

    max-width: 100%;

    min-width: 0;

    background: none;

    border: none;

    cursor: pointer;

    text-align: left;

    padding: 0;

}



.custom-accordion .accordion-title {

    display: block;

    flex: 1 1 auto;

    min-width: 0;

    max-width: 100%;



    font-family: Montserrat, sans-serif;

    font-weight: 500;

    font-style: normal;

    font-size: 18px;

    line-height: 1.3em;

    letter-spacing: 0.02em;

    color: #ffffff;



    white-space: normal;

    overflow-wrap: anywhere;

    word-break: normal;

    hyphens: auto;

}



.custom-accordion .accordion-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 32px;

    width: 32px;

    height: 32px;

    min-width: 32px;

    border-radius: 99px;

    background: rgba(255, 255, 255, 0.03);

    position: relative;

    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);

}



.custom-accordion .accordion-icon svg {

    display: block;

    width: 12px;

    height: 7px;

}



.custom-accordion .accordion-item.active .accordion-icon {

    transform: rotate(180deg);

}



.custom-accordion .accordion-content {

    max-height: 0;

    overflow: hidden;

    transition:

        max-height 0.6s cubic-bezier(0.34, 1.56, 0.64, 1),

        padding 0.5s ease-out;

}



.custom-accordion .accordion-body {

    padding: 0;

    color: var(--answer-color);

    font-size: 16px;

    line-height: 1.6;

}



.custom-accordion .accordion-body p {

    margin-top: 20px;

    margin-bottom: 0;

    color: #ffffff;



    white-space: normal;

    overflow-wrap: anywhere;

    word-break: normal;

}



.custom-accordion .accordion-item.active .accordion-content {

    max-height: 500px;

}



.custom-accordion .accordion-item.active .accordion-body {

    padding: 0;

}



@media (max-width: 1024px) {

    .custom-accordion .accordion-title {

        font-size: 18px;

        line-height: 1.3em;

    }



    .custom-accordion .accordion-body {

        font-size: 14px;

    }



    .custom-accordion .accordion-header {

        gap: 14px;

    }



    .custom-accordion .accordion-icon {

        flex-basis: 30px;

        width: 30px;

        height: 30px;

        min-width: 30px;

    }

}



@media (max-width: 767px) {

    .custom-accordion {

        max-height: none !important;

        overflow: visible !important;

    }



    .custom-accordion .accordion-item {

        padding: 18px 16px !important;

        margin-bottom: 12px;

        overflow: hidden !important;

    }



    .custom-accordion .accordion-header {

        align-items: flex-start !important;

        gap: 12px !important;

        min-width: 0 !important;

        white-space: normal !important;

    }



    .custom-accordion .accordion-title {

        flex: 1 1 auto !important;

        min-width: 0 !important;

        max-width: 100% !important;



        font-size: 16px !important;

        line-height: 1.3em !important;

        letter-spacing: 0 !important;



        white-space: normal !important;

        overflow-wrap: anywhere !important;

        word-break: normal !important;

        hyphens: auto !important;

    }



    .custom-accordion .accordion-title br {

        display: none !important;

    }



    .custom-accordion .accordion-icon {

        flex: 0 0 30px !important;

        width: 30px !important;

        height: 30px !important;

        min-width: 30px !important;

        max-width: 30px !important;

        margin-left: 0 !important;

    }



    .custom-accordion .accordion-body,

    .custom-accordion .accordion-body p {

        white-space: normal !important;

        overflow-wrap: anywhere !important;

        word-break: normal !important;

    }

}