.section-faqs {
    padding: 3rem 0 5rem;

    .nav-pills {
        .nav-item {
            margin-bottom: 2rem;

            &.active, &:hover {
                .nav-link {
                    background-color: #3EB7E4;
                    color: white;
                }
            }

            .nav-link {
                background-color: #ECEFF1;
                color: #0054a5;
                text-align: center;
                font-weight: 700;
                letter-spacing: -1px;
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                border-color: transparent;
                border-radius: 1rem 1rem 0 0;

                img {
                    margin-right: 0.5rem;
                }
            }
        }
    }

    .media {
        padding: 1rem;
        border: 2px dotted #CCCED0;
        border-radius: 1rem;
        height: 100%;

        &:before {
            content: '';
            width: 5rem;
            height: 5rem;
            background: url("../images/user-default.png") no-repeat center;
            background-size: cover;
            margin-right: 1rem;
        }

        &:hover{
            background-color: rgba(62,183,228,0.1);
        }

        img {
            margin-right: 1rem;
        }

        .title {
            color: #0054a5;
            font-weight: 700;
            margin-bottom: 0.5rem;
            font-size: 1rem;
        }

        .content{
            color: #000000;
        }

        small {
            font-style: italic;
            color: #999A9D;
        }

        p:last-child {
            margin: 0;
        }
    }
}