
.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);  
                    }  
                }  
            }  
        }  
    }  
  }

