/* shadow */
.faqcontainer:before {
   content:'';
   position: absolute;
   width: calc(100% - 30px);
   height: 100%;
   margin: 0;
   left: 15px;
   background-color: transparent;
   top: 0px;
   box-shadow: 0px 20px 40px #52616b;
   opacity: 0.2;  
   z-index: -1;
   transition: ease-in-out 0.6s all;
   }

.faqcontainer:hover.faqcontainer:before {
   box-shadow: 0px 40px 90px #52616b;
}

.faqul {
   list-style: none; 
   margin:0;
   padding: 0;
  
   border-radius: 3px;
}

  
	
.accordionTitle {
   position: relative;
   margin: 0 !important;
   font-size: 20px;
   font-weight: 600;
   color: var(--title-color);
   transition: ease-in-out 0.2s all;
   cursor: pointer;
}


/* Accordion Item Icon  */
.accIcon {
   float: right;
   width: 30px;
   height: 30px;
   display: flex;
   margin-top: -3px;
   align-items: center;
   justify-content: center;
}

.accIcon:before,
.accIcon:after {
   content:'';
   position: absolute;
   border-radius: 50px;
   background-color: #000000;
   transition: ease 0.3s all;
}

.accIcon:before {
   width: 2px;
   height: 20px;
}

.accIcon:after {
   width: 20px;
   height: 2px;
}

.accordionTitle:hover .accIcon:before,
.accordionTitle:hover .accIcon:after {
   background-color: #52616b;
}

.accIcon.anime.accIcon:before {
   transform: rotate(90deg);
}

/* Text Content */
.accordionFAQ .item .text {
   opacity: 0;
   height: 0;
   padding: 0;
   position: relative;
   line-height: 24px;
   font-size: 16px;
   font-weight: 200;
   transition: all 0.6s cubic-bezier(.42,.2,.08,1);
   overflow: hidden;
   background-color: transparent;
   letter-spacing: 0.5px;
}

/* Text Content - Class for JS to hide and show */
.accordionFAQ .item .text.show {
   opacity: 1;
   height: auto;
   position: relative;
   z-index: 0;
   border-radius: 0px 0px 3px 3px;
   padding: 20px 0 0 0;
}

ul.accordionFAQ {
   margin-top: 10px;
}

.accordionFAQ li.item:last-child {
   margin-bottom: 0;
}