﻿<style type="text/css" >

.accordion {
    padding-bottom: 40px !important;
}

.accordion .card {
    background: none;
}

    .accordion .card .card-header {
        background: none;
        border: none;
        padding: .4rem 1rem 0.4rem 0;
       /* font-family: "Avenir Next W01", sans-serif; */
    }

.accordion .card .card-header a {
    decoration: none;
    text-decoration: none;
    color: #003F5C;
    font-weight: 500;
}

.accordion .card .card-header a:hover {
    decoration: none !important;
}

.faqs__number {
    color: #fff;
    background: #003F5C;
    padding-top: 1.25rem;
    text-align: center;
    width: 60px;
    position: absolute;
    font-weight: 800;
    font-size: 1.125rem;
    top: 0;
    bottom: 0;
    transition: background 200ms;
}

.highlight .faqs__number {
    background: #2581ab;
}


@media screen and (min-width: 40em) {
    .faqs__question {
        font-size: 1.3125rem;
    }
}

.faqs__question {
    color: #003F5C;
    font-size: 1.125rem;
    text-align: left;
    display: inline-block;
    width: 100%;
    font-weight: 500;
    padding: 1rem 5rem;
    cursor: pointer;
}

    .faqs__question:before {
        position: absolute;
        top: 50%;
        right: 1rem;
        margin-top: -0.5rem;
        margin-left: auto;
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        background: url(/images/faq-arrow-right.svg) no-repeat center;
        background-size: contain;
        -webkit-transition: -webkit-transform 200ms;
        transition: -webkit-transform 200ms;
        transition: transform 200ms;
        transition: transform 200ms, -webkit-transform 200ms;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.highlight .faqs__question:before {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.faqs__answer {
    padding: 0 5rem 0.5rem 5rem;
}

    .faqs__answer p {
        font-size: 1rem;
        font-weight: 400;
        color: #1A1A1A;
    }


</style >
