.commonConentSection{
    padding:50px 0;
    border-top:1px solid rgba(0,0,0,0.2);
}

.commonConentWrap{
    background-color:#EFEFEF;
    padding: 20px;
    border-radius:10px;
}

.commonConentWrap p:not(:last-child){
    margin-bottom: 15px;
}


.commonConentWrap h2{
    font-size:32px;
    line-height:1.4;
}

.faqsSection .faqsRows{
    margin-top: 20px;
   
    
}
.faqsBoxWrap + .faqsBoxWrap{margin-top: 10px;}
.faqsBoxWrap{
    background-color:#EFEFEF;
    border-radius:10px;
    transition:0.3s all ease-in-out;
}
.faqsBoxWrap.active{
    background-color:rgba(140, 81, 255, 0.2);
}
.faqsBoxHead{
    padding: 20px;
    cursor: pointer;
}
.faqsBoxBody{
    padding:0px 20px 20px 50px; 
}
.faqsBoxHead h3{
    font-size:24px;
    line-height:1.2;
    font-weight:600;
    margin: 0;
    margin-left: 15px;
    max-width:calc(100% - 205px);
}

.faqsBoxHead{
    display:flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.faqsBoxHead .typeWrap{
    display:flex;
    flex-wrap: wrap;
    gap:10px;
    margin-left: auto;
    margin-top: 5px;
}
.faqsBoxHead .typeWrap span{
    font-size:16px;
    line-height:1;
    background-color:#ffffff;
    padding:6px 10px;
    border:1px solid #000000;
    border-radius:5px;
}
.faqsBoxHead .toggleIcon{
    width:20px;
    height:20px;
    position: relative;
    transition:0.3s all ease-in-out;
    margin-top:3px;
}
.faqsBoxHead .toggleIcon::before,.faqsBoxHead .toggleIcon::after{
    content:'';
    position:absolute;
}
.faqsBoxHead .toggleIcon::before{
    top:50%;
    left:0;
    right:0;
    margin:0 auto;
    width:100%;
    height:1px;
    background-color:#000000;
    transform:translateY(-50%);
}
.faqsBoxHead .toggleIcon::after{
    height:100%;
    width:1px;
    background-color:#000000;
    left:50%;
    transform:translateX(-50%);
}

.faqsBoxWrap.active .faqsBoxHead .toggleIcon{
    transform:rotate(180deg);
}
.faqsBoxWrap.active .faqsBoxHead .toggleIcon::after{opacity:0;}

@media only screen and (max-width: 1400px) {
  
    .commonConentWrap h2{font-size:30px; }
    .faqsBoxHead h3{font-size:22px;}
}

@media only screen and (max-width: 991px) {
    .commonConentWrap h2{font-size:28px; }
    .commonConentWrap h3{ font-size:26px; }
    .faqsBoxHead h3{font-size:20px;}
   
    .faqsBoxHead h3{max-width:calc(100% - 35px);}
    .faqsBoxHead .typeWrap{width:100%;justify-content: flex-end;}
}
@media only screen and (max-width: 575px) {
    .commonConentWrap h2{font-size:26px; }
    .commonConentWrap h3{ font-size:24px; }
    .faqsBoxHead h3{font-size:18px;}
    .commonConentWrap{padding: 16px;}
   
}