/**
* FAQ page Design
*
* @author Mohit Thummar
*/
.faq-lists-section { background: #fafafa; padding: 50px 0; }
.faq-panel-accordion { position: relative; display: block; }
.faq-panel-accordion .panel-faq { position: relative; display: block; border: none; background-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); border-radius: 8px; line-height: 1.4; margin: 0; padding: 0; }
.faq-panel-accordion .panel-faq + .panel-faq { margin-top: 10px;}
.faq-panel-accordion .panel-faq .panel-heading { position: relative; display: block; padding: 0px; border: none; background: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.faq-panel-accordion .panel-faq .panel-heading .panel-title{display: block;}
.faq-panel-accordion .panel-faq .panel-heading .panel-title > a { position: relative; display: block; width: 100%; vertical-align: middle; text-align: left; padding: 17px 50px 17px 15px; line-height: 1.2; font-weight: 500; font-size: 16px; text-decoration: none !important; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; margin: 0; }
.faq-panel-accordion .panel-faq .panel-heading .panel-title > a:not([aria-expanded="true"]){color:#353535!important;}
.faq-panel-accordion .panel-faq .panel-heading .panel-title > a:before { content: "\e095"; font-family: 'simple-line-icons'; font-size: 24px; position: absolute;  right: 14px; top: 12px;  transition: all 0.5s;  }
/* .faq-panel-accordion .panel-faq .panel-heading .panel-title > a:after { content: ""; position: absolute; height: 1px; width: 15px; background-color: #c5c5c5; right: 15px; top: 50%; transition: all 0.5s; } */
.faq-panel-accordion .panel-faq .panel-heading .panel-title > a[aria-expanded="true"]:before { content: "\e615"; }
.faq-panel-accordion .panel-faq .panel-heading .panel-title > a[aria-expanded="true"] {color: #db1516;}
.faq-panel-accordion .panel-faq .panel-heading .panel-title > a span { position: relative; display: inline-block; margin-right: 6px; }
.faq-panel-accordion .panel-faq .panel-body { position: relative; display: block; padding: 24px 15px; font-weight: normal; font-size: 14px; line-height: 1.7; color: #757575; }
.faq-panel-accordion .panel-faq .panel-body::before{content: ''; position: absolute; display: block; height: 1px; top: 0; border-top: 1px dashed #d6d6d6; left: 15px; right: 15px;}
.faq-panel-accordion .panel-faq .panel-body p:last-child { margin-bottom: 0; }
.faq-cat-lists{ display: block; position: relative; list-style: none; padding: 0; margin: 0;}
.faq-cat-lists > li { display: block; position: relative; }
.faq-cat-lists > li + li { border-top: 1px solid #e5e5e5; }
.faq-cat-lists > li > .faq-cat-list-title { display: block; position: relative; margin: 2px 0; padding: 0; font-size: 16px; font-family: "Rubik", sans-serif; font-weight: normal; }
.faq-cat-lists > li a { display: block; position: relative; padding: 15px 15px 15px 12px; font-weight: 500; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.faq-cat-lists > li a:after { content: '\f105'; position: absolute; font-family: fontAwesome; font-size: 20px; right: 0; top: 50%; transform: translateY(-50%); }
.faq-cat-lists > li:not(.active) a { font-weight: 400; color: #656565!important; }
.faq-cat-lists > li:not(.active) a:after { color: #656565; opacity: 0; }
.faq-cat-lists > li:not(.active) a:hover:after { color: #656565; opacity: 0.5; }
.faqs-vtabs-wrap{position: relative; display: block;}
.faqs-vtabs-wrap .faqs-vtabs {list-style: none; padding: 0; margin: 0; border: none;}
.faqs-vtabs-wrap .faqs-vtabs > li{float: none; display: block; position: relative; margin-bottom: 0px !important; }
.faqs-vtabs-wrap .faqs-vtabs > li + li{ border-top: 1px solid #e5e5e5; }
.faqs-vtabs-wrap .faqs-vtabs > li > a { position: relative; display: block; padding: 12px 15px; margin: 0; border: none; border-radius: 0; font-weight: 500; text-transform: capitalize; font-size: 16px; background: transparent; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.faqs-vtabs-wrap .faqs-vtabs > li > a:after { content: '\f105'; position: absolute; font-family: fontAwesome; font-size: 20px; right: 0; top: 50%; transform: translateY(-50%); }
.faqs-vtabs-wrap .faqs-vtabs > li.active>a, 
.faqs-vtabs-wrap .faqs-vtabs > li.active>a:focus, 
.faqs-vtabs-wrap .faqs-vtabs > li.active>a:hover{background-color: transparent; border: none;}
.faqs-vtabs-wrap .faqs-vtabs > li:not(.active) a { font-weight: 400; color: #656565!important; }
.faqs-vtabs-wrap .faqs-vtabs > li:not(.active) a:after { color: #656565; opacity: 0; }
.faqs-vtabs-wrap .faqs-vtabs > li:not(.active) a:hover:after { color: #656565; opacity: 0.5; }
.faqs-vtabs-wrap .faqs-vtabs-content{position: relative; display: block; }
.faqs-vtabs-wrap .faq-content-title {position: relative; display: block; margin: 0 0 12px; font-size: 20px; font-weight: 700; padding: 12px 0 12px; border-bottom: 1px solid #e5e5e5;}
/** /. FAQ page Design */

