﻿.md-accordion .card {
    margin-bottom: 15px;
    border-radius: 5px;
    overflow: hidden;
    border: none;
    -webkit-box-shadow: 2px 4px 10px -9px rgba(0,0,0,.75);
    -moz-box-shadow: 2px 4px 10px -9px rgba(0,0,0,.75);
    box-shadow: 2px 4px 10px -9px rgba(0,0,0,.75)
}

.md-accordion .card-header {
    background: #FFF;
    padding: 0;
    border-bottom: none
}

    .md-accordion .card-header a {
        text-decoration: none
    }

        .md-accordion .card-header a h2 {
            font-family: Poppins-SemiBold;
            font-size: 14px;
            color: #727272
        }

            .md-accordion .card-header a h2 i {
                float: right
            }

.feature-accordion .card {
    margin-bottom: 0;
    overflow: hidden;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border-bottom: 1px solid #979797;
    border-radius: 0
}

.feature-accordion .card-header {
    background: none;
    padding: 0;
    border-bottom: none
}

    .feature-accordion .card-header a {
        text-decoration: none
    }

        .feature-accordion .card-header a.collapsed {
            background: none
        }

            .feature-accordion .card-header a.collapsed > h2:after {
                content: "";
                background: url(../Images/Sprite.png) no-repeat;
                display: inline-block;
                vertical-align: middle;
                width: 17px;
                height: 10px;
                background-position: -33px -23px;
                margin: auto;
                right: 10px;
                top: 0;
                bottom: 0;
                position: absolute
            }

    .feature-accordion .card-header > a[aria-expanded="true"] > h2 {
        background: transparent;
        color: #014991
    }

    .feature-accordion .card-header > a > h2 {
        background: #FFF;
        padding: 1rem 0;
        font-family: Poppins-Bold;
        font-size: 20px;
        color: #565656;
        position: relative
    }

        .feature-accordion .card-header > a > h2:after {
            content: "";
            background: url(../Images/Sprite.png) no-repeat;
            display: inline-block;
            vertical-align: middle;
            width: 18px;
            height: 9px;
            background-position: -73px -25px;
            margin: auto;
            right: 10px;
            top: 0;
            bottom: 0;
            position: absolute
        }

    .feature-accordion .card-header > a[aria-expanded="true"] > h2:after {
        content: "";
        background: url(../Images/Sprite.png) no-repeat;
        display: inline-block;
        vertical-align: middle;
        width: 17px;
        height: 10px;
        background-position: -73px -25px;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0;
        position: absolute;
        transform: rotate(180deg)
    }

    .feature-accordion .card-header > a[aria-expanded="false"] > h2 {
        background: transparent
    }

        .feature-accordion .card-header > a[aria-expanded="false"] > h2:after {
            content: "";
            background: url(../Images/Sprite.png) no-repeat;
            display: inline-block;
            vertical-align: middle;
            width: 18px;
            height: 9px;
            background-position: -73px -25px;
            margin: auto;
            right: 10px;
            top: 0;
            bottom: 0;
            position: absolute
        }

.feature-accordion .card-body {
    font-family: Poppins-Medium;
    color: #565656;
    font-size: 14px;
    line-height: 22px;
    padding: 1.25rem 0
}

.feature-accordion ul {
    margin: 0;
    padding-left: 15px
}

    .feature-accordion ul li {
        margin-bottom: 10px
    }

.feature-accordion ol li {
    margin-bottom: 10px
}

.card-header > a > h2 {
    padding: 1rem 1.25rem;
    position: relative
}

.card-header a.collapsed {
    background: #FF4E00
}

    .card-header a.collapsed > h2:after {
        content: "";
        background: url(../Images/Sprite.png) no-repeat;
        display: inline-block;
        vertical-align: middle;
        width: 17px;
        height: 10px;
        background-position: -33px -23px;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0;
        position: absolute
    }

.card-header > a[aria-expanded="true"] > h2 {
    background: #FF4E00;
    color: #FFF
}

    .card-header > a[aria-expanded="true"] > h2:after {
        content: "";
        background: url(../Images/Sprite.png) no-repeat;
        display: inline-block;
        vertical-align: middle;
        width: 17px;
        height: 10px;
        background-position: -33px -23px;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0;
        position: absolute
    }

.card-header > a > h2 {
    background: #FFF
}

    .card-header > a > h2:after {
        content: "";
        background: url(../Images/Sprite.png) no-repeat;
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        height: 9px;
        background-position: -73px -25px;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0;
        position: absolute
    }

.card-header > a[aria-expanded="false"] > h2 {
    background: #FFF
}

    .card-header > a[aria-expanded="false"] > h2:after {
        content: "";
        background: url(../Images/Sprite.png) no-repeat;
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        height: 9px;
        background-position: -73px -25px;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0;
        position: absolute
    }

.question-accordion .card-header {
    background: none;
    border-bottom: none;
    padding: 0
}

    .question-accordion .card-header a {
        text-decoration: none
    }

.question-accordion .card {
    margin-bottom: 10px;
    overflow: hidden;
    border: none;
    background: transparent
}

.question-accordion .card-header a.collapsed {
    background: none
}

    .question-accordion .card-header a.collapsed > h3:after {
        content: "";
        background: url(../Images/Sprite.png) no-repeat;
        display: inline-block;
        vertical-align: middle;
        width: 17px;
        height: 10px;
        background-position: -33px -23px;
        margin: auto;
        right: 10px;
        top: 0;
        bottom: 0;
        position: absolute
    }

.question-accordion .card-header > a[aria-expanded="true"] > h3 {
    background: #FFF;
    color: #014991
}

.question-accordion > .card-header > a[aria-expanded="true"] > h3:after {
    transform: rotate(20deg)
}

.question-accordion .card-header > a > h3 {
    background: #FFF;
    padding: 16px 20px;
    font-family: Poppins-Bold;
    font-size: 14px;
    color: #FFF;
    padding-right: 30px
}

    .question-accordion .card-header > a > h3:after {
        content: "-";
        font-size: 26px;
        background: 0 0;
        display: inline-block;
        margin: auto;
        right: 10px;
        top: 10px;
        bottom: 0;
        position: absolute
    }

.question-accordion .card-header > a[aria-expanded="false"] > h3 {
    background: #014991
}

    .question-accordion .card-header > a[aria-expanded="false"] > h3:after {
        content: "+";
        background: none;
        display: inline-block;
        font-size: 26px;
        margin: auto;
        right: 10px;
        top: -20px;
        bottom: 0;
        position: absolute
    }

.question-accordion .card-body {
    font-family: Poppins-Medium;
    color: #565656;
    font-size: 14px;
    line-height: 22px
}

.question-accordion ul {
    padding: 0;
    margin: 0;
    padding-left: 20px
}

@media (max-width:768px) {
    .feature-accordion .card-header a h2 {
        font-size: 16px;
        padding-right: 30px
    }
}

@media (max-width:480px) {
    .feature-accordion .card-body {
        font-size: 13px;
        line-height: 18px
    }
}
