/*************************************
 * Visual Composer - Accordion
*************************************/
.vc_tta-panel-body {
    display:none;
    transition:padding .2s ease-in-out;
}
.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body {display:block;}
.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title > a:hover {cursor:default;}
.vc_tta.vc_general .vc_tta-panel.vc_animating .vc_tta-panel-body {display:block; min-height:0; overflow:hidden;}
.vc_tta.vc_general.vc_tta-o-all-clickable .vc_tta-panel .vc_tta-panel-title > a:hover {cursor:pointer;}

/*************************************
 * Visual Composer - Accordion Custom
*************************************/
/* panels */
.vc_tta-panels {border-bottom:1px solid var(--ifs-color-gray-200);}
.vc_tta-panel {
    border-top:1px solid var(--ifs-color-gray-200);
    transition:padding .2s ease;
}
.vc_tta-panel.vc_active {padding-bottom:var(--ifs-spacing-40);}

/* head */
.vc_tta-panel-heading {position:relative;}
.main_content .vc_tta-panel-title {margin-bottom:0; font-size:var(--ifs-size-h5);}
.vc_tta-panel-title a {display:block; padding:var(--ifs-spacing-40) 40px var(--ifs-spacing-40) 0;}
.vc_tta-panel-title a:hover {color:var(--ifs-color-primary);}
.vc_tta-panel-title a:focus {color:var(--ifs-color-black);}

.vc_tta-panel.vc_active .vc_tta-panel-title a {padding-bottom:20px;}

.vc_tta-panel:first-child {border-top:none;}
.vc_tta-panel:first-child .vc_tta-panel-title a {padding-top:0;}
.vc_tta-panel:first-child .vc_tta-controls-icon {--translate:translate(-50%, -100%);}

/* number */
.vc_tta-panel-number {
    position:absolute; top:50%; transform:translateY(-50%);
    min-width:29px; width:29px; height:29px; line-height:29px; margin-right:12px;
    text-align:center; border-radius:50%;
    background:var(--ifs-color-primary); color:var(--ifs-color-on-primary);
    font-size:var(--ifs-size-18); font-weight:700;
    transition:all .4s ease;
}
.vc_tta-panel-number {transform:translateY(-50%);}
.vc_tta-panel:first-child .vc_tta-panel-number {transform:translateY(-122%);}

.vc_tta-panel.vc_active .vc_tta-panel-number {transform:translateY(-19%);}
.vc_tta-panel.vc_active:first-child .vc_tta-panel-number {transform:translateY(-90%);}


.has-ordered .vc_tta-panel-title a {padding-left:42px;}

/* icon */
.vc_tta-controls-icon {
    --translate:translate(-50%, -50%);
    position:absolute; top:50%; right:0;
    transform:translateY(-50%);
    font-style:normal; pointer-events:none;
    width:40px; height:40px;
}
.vc_tta-controls-icon:before {
    position:absolute; top:50%; left:50%;
    transform:var(--translate);
    content:"\e95a"; font-family:var(--ifs-font-icomoon); font-size:20px;
    transition:transform .3s ease, opacity .3s ease;
}
.vc_tta-panel.vc_active .vc_tta-controls-icon:before {transform:var(--translate) rotate(-180deg);}

/* body */
.vc_tta-panel-body {
    --ifs-spacing-default:var(--ifs-spacing-30);
}
.vc_tta-panel-body > div:last-child {margin-bottom:0;}


/*************************************
 * Visual Composer - Accordion Responsive
*************************************/
@media only screen and (min-width:768px) {
    /* has orderd number */
    .has-ordered .vc_tta-panel-body {padding-left:42px;}
}
@media only screen and (max-width:768px) {
    .vc_tta-panel-number {transform:translateY(-50%);}
    .vc_tta-panel:first-child .vc_tta-panel-number {transform:translateY(-105%);}
    .vc_tta-panel.vc_active .vc_tta-panel-number {transform:translateY(-38%);}
}