.TitleBorderFooter strong.InnerTitleFooter {
    position: relative;
    display: flex;
}

.TitleBorderFooter strong.InnerTitleFooter::after {
    display: block;
    width: 100%;
    height: auto;
    content: '';
    border-bottom: 0.1rem solid var(--white);
    left: 0;
    position: absolute;
    bottom: 0.8rem;
}

.TitleBorderFooter strong span {
    display: inline-block;
    background-color: var(--perpul);
    padding-left: 1rem;

    z-index: 2;
}

.InnerItemTitle {
    border-bottom: 0.1rem solid var(--grey);
}

.TitleSearchFaq {
    padding: 8rem 2rem;
}

.TitleSearchFaq .TitleH3 {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;

}

.ItemBoxShadow {
    text-shadow: 0.2rem 0.1rem 0.5rem var(--accent-color);
}

.TitleUserCounter {
    border: 0.1rem solid var(--grey);
    border-radius: var(--b-radius);
}

.TitleUserCounter h3 {
    border-bottom: 0.1rem solid var(--grey);
}

.title-comtainer {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    align-items: center;
    gap: 1rem;
}

.title-line {
    height: 1px;
    background-color: var(--accent-color);
    width: 100%;
}

/* 
.title {
    white-space: nowrap;
}
 */

/* accordion footer  */

@media screen and (max-width: 576px) {
    .accordion-panel {
        overflow: hidden;
        padding: 0.7rem;
        flex-flow: column;
        margin-top: 0.2rem;
        display: flex;
        justify-content: space-between;
        position: relative;

        &:last-child {
            border: none;
        }

        .acc-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0.6rem 0;
            cursor: pointer;


            .iconFooter {
                display: flex;
                position: relative;
                text-align: center;
                margin-right: 10px;

                svg {
                    transform: rotate(180deg);
                    width: 1rem;
                    height: 1rem;
                    fill: var(--White);
                    transition: all 0.3s ease;
                }
            }

            .title {
                font-size: 1.3rem;
            }
        }

        .acc-body {
            display: none;
            padding: 0.5rem 0;
            font-size: 1rem;

        }

        &.open {
            .acc-head {
                .iconFooter {
                    svg {
                        transform: rotate(0);
                    }
                }
            }
        }
    }
}

.title-container {
    margin-top: 2rem;
    .title {
        svg {
            width: 0.75rem;
            height: 0.75rem;
            stroke: var(--Primary-Main-Color);
        }
    }
}