#faq { padding: 63px 0;}
#faq.bg-whitesmoke {
    background-color: #f8f8f8;
    border-style: solid;
    border-width: 1px 0;
    border-color: #e9e9e9;
}
.faq-categories {
    margin: 70px 0px 0px 0px;
}
.faq-categories > ul {
    font-size: 0;
    text-align: center;display: inherit;
}
.faq-categories > ul > li {
    display: inline-block;
}
.faq-categories ul li a {

    position: relative;

    padding: 12px 25px;

    background-color: #2e3138;

    color: #fff;

    font-size: 16px;

    font-weight: 500;

    -webkit-transition: color .25s, background-color .25s;

            transition: color .25s, background-color .25s;

}

.faq-categories ul li a:hover,

.faq-categories ul li.active a {

    color: #fff;

    background-color: #6aaf08;

}

.faq-categories ul li a:before {

    content: " ";

    position: absolute;

    top: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 12px 12px 0 12px;

    border-color: #6aaf08 transparent transparent transparent;

    -webkit-transition: top .55s;

    transition: top .55s;

    z-index: -1;

}

.faq-categories ul li a:hover:before,

.faq-categories ul li.active a:before {

    top: 100%;

    -webkit-transition: top .25s;

            transition: top .25s;

}

.faq-content .panel-group {

    margin-bottom: 0;

}

.accordion .panel {

    border-radius: 0;

}

.accordion .panel-heading {

    padding: 0;

}

.accordion .panel-heading a {

    display: block;

    padding: 10px 15px;

    color: #fff;
    background-color: #6aaf08;
    text-transform: capitalize;
}
.accordion .panel-heading a.collapsed {
    background-color: #2e3138;

}
.accordion .panel-heading a {

    display: block;

    padding: 10px 15px;

    color: #fff;

    background-color: #6aaf08;

    text-transform: capitalize;

}
.accordion .panel-heading a.collapsed {background-color: #e6e6e6;border-bottom: 2px solid #fff;color: #000;}

.accordion .panel-heading a h4 {font-weight: 500;overflow: hidden;font-size: 18px;margin-bottom: 0px;}


.accordion .panel-heading a h4 i.fa-minus {

    float: right;

    color: #fff;

}

.accordion .panel-heading a.collapsed i.fa-minus:before {

    content: "\f067";
    color: #000;

}
.accordion .panel p{padding: 10px 15px;}
.accordion .panel p a{color:#0d6efd;transition: all .3s ease-in-out;}
.accordion .panel p a:hover{color:#000;text-decoration:underline !important;}
/* -------------WP Features----------------------------------------------- */
#wpfaq { padding: 0px 0px;}
.accordion .wp-heading a h4{font-size: 18px;margin-bottom: 0px;}
.accordion .wp-heading a {display: block;padding: 10px 15px;color: #000;background-color: #efebeb;text-transform: capitalize;}
#wpfaq.brdr {background-color: #f8f8f8;border: 1px solid #e9e9e9;}
.accordion .wp-heading a h4 i.fa-chevron-up {float: right;color: #000;}
.accordion .wp-heading a.collapsed{background-color: #efebeb;border-bottom: 2px solid #fff;color: #000;}
.accordion .wp-heading a.collapsed i.fa-chevron-up:before {content: "\f107";color: #000;}



@media only screen and (min-width:320px)and (max-width:479px){
    #faq{padding: 30px 0;}
    .accordion .panel-heading a h4{font-size: 16px;}
}
@media only screen and (min-width:480px) and (max-width:767px){
    #faq{padding: 30px 0;}
}
@media only screen and (min-width:768px) and (max-width:1024px){
    #faq{padding: 30px 0;}
}
@media only screen and (min-width:1024px) and (max-width:1280px){}
@media only screen and (min-width: 1200px) and (max-width: 1440px){}
@media (min-width: 1080px){}
@media (min-width:1920px){}