@use "../../../../styles/abstracts/mixins";  
@use "../../../../styles/abstracts/variables";

.single__faq{
    margin-bottom: 1rem;
    padding: 1rem 2rem;
    position: relative;
    // border-bottom: 1px solid #000;
    background: variables.$col-card;
    border-radius: 6px;
    cursor: pointer;

    // &__menu{
    //     position: absolute;
    //     top: 2rem;
    //     right: 2rem;
    //     cursor: pointer;
    // }

    &__content{

        &__header{
            display: flex;
            justify-content: space-between;
            gap: 5px;
        }
        h3{
            font-weight: 800;
            color: #FFF;
            padding-top: .5rem;
            padding-bottom: .4rem;
        }
    
        p{
            color: #FFF;
            // font-family: variables.$font-medium;
            opacity: .75;
            line-height: 2.2;
            font-size: .93rem;
            max-width: 88%;
            font-weight: 500;
            padding: .5rem 0;
        }
    }
}

// Media Queries 
@media only screen and (max-width: 1000px) {
    .single__faq{
        padding: 1rem 1.5rem;

        &__content{

            h5{
                line-height: 1.5;
                font-size: 1rem;
                padding-bottom: .5rem;
            }
            p{
                max-width: 100%;
                font-size: .9rem;
            }
        }
    }
}