.banner-faqs {
    position: relative;
    /*margin-top: 100px;*/
    /*height: 430px;*/
    background: url('../../img/banner-faqs-bg.png') no-repeat center/cover;
    /*background-size: 100%;*/
}
.banner-faqs__title {
    font-size: 2rem;
    margin-bottom: 1rem; }
.banner-faqs__subtitle {
    font-weight: 700;
    width: 50%;
    font-family: 'Roboto'; }

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .1;
}

.faqs {
    padding: 3rem 0; }
.faqs-list {
    background-color: #efefef;
    padding: 2.5rem 0; }
.faqs-item {
    list-style: none;
    color: #0f2d4f;
    width: 70%;
    margin: auto; }
.faqs-item:not(:last-child) {
    padding-bottom: 1rem; }
.faqs-question {
    position: relative;
    cursor: pointer; }
.faqs-question__text {
    max-width: 600px;
    margin: 0;
    font-size: 1.1rem; }
.faqs-question .arrow {
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg); }
.faqs .active .arrow {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg); }
.faqs-answer {
    padding-top: 1rem;
    display: none; }
.faqs-answer p {
    padding-left: 1.5rem;
    line-height: 1.2rem;
    width: 90%; }