#faq .faq-search-image,
#faq-detail .faq-search-image {
    background-image: url(../../images/gallery/faq-search.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

#faq .search-shadow {
    width: 95%;
    padding-left: 1.3rem;
    border-radius: 3rem;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -7px rgba(0, 0, 0, .2)
}

#faq .faq-card :hover i {
    padding-left: .5rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    text-shadow: 2px 2px 6px #b0bec5
}

#faq .faq-card i {
    font-size: 3rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

#faq img,
#faq-detail img {
    width: 40px
}

#faq .p-35,
#faq-detail .p-35 {
    padding: 35px
}

#faq .card-content .category-list p,
#faq-detail .card-content .category-list p {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

#faq .card-content .category-list p:hover,
#faq-detail .card-content .category-list p:hover {
    padding-left: .3rem;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

#faq .categories-collapsible,
#faq-detail .categories-collapsible {
    border: none;
    box-shadow: none
}

#faq .categories-collapsible li.active,
#faq-detail .categories-collapsible li.active {
    margin-bottom: .8rem;
    border-bottom: 1px solid #eceff1
}

.categories-collapsible  li.active .collapsible-header i,
#faq-detail .categories-collapsible li.active i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg) ;
    transform: rotate(-180deg) ;
/*    transition-timing-function: ease;
*/
}

#faq .categories-collapsible .collapsible-header,
#faq-detail .categories-collapsible .collapsible-header {
    margin-bottom: .5rem;
    border: none;
    box-shadow: 0 0 3px 0 #00017
}

.categories-collapsible .collapsible-header i,
#faq-detail .categories-collapsible .collapsible-header i {
    position: absolute;
    right: 2rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

#faq .collapsible-body,
#faq-detail .collapsible-body {
    padding: 5px 1rem 0;
    border: 0
}

#faq .collapsible-body p,
#faq-detail .collapsible-body p {
    font-size: .9rem;
    margin-top: 5px;
    cursor: pointer
}

#faq-detail .search-shadow {
    width: 95%;
    padding-left: 1.3rem;
    border-radius: 3rem;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -7px rgba(0, 0, 0, .2)
}

#faq-detail i {
    font-size: 1.2rem;
    margin-right: .5rem
}

#faq-detail .card-content .text-sm {
    font-size: .8rem;
    color: #bdbdbd
}

#faq-detail .card-content .card-title {
    margin-bottom: 1rem;
    padding-bottom: .5rem
}