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

.faqs{
   padding-bottom: 5rem;
   padding-top: 2rem;
    background: variables.$col-primary;

    &__header{
        text-align: center;
        padding-bottom: 2rem;
        h1{
            font-weight: 800;
            font-size: 3rem;
            color: #FFF;
        }
    }

    &__details{
        max-width: 800px;
        margin: 0 auto;
    }
}

// Media Queries
@media only screen and (max-width: 1000px) {
    .faqs{
        margin-bottom: 4rem !important;
        &__header{
            h1{
                font-size: 2rem;
            }
        }
    }
}