/***************************************************************
 * Visual Composer - Accordion element
****************************************************************/
.twc-custom-accordion {
    --icon-size:20px;
    --border:1px solid rgba(0, 0, 0, .2);
    --highlight-color:var(
        --twc-color-primary);
    --spacing:var(
        --twc-spacing-30);
    /* max-width:1064px; */
    margin-left:auto;
    margin-right:auto;
}
.twc-custom-accordion > .vc_tta.vc_tta-accordion .vc_tta-panel:not(:last-child) {border-bottom:var(--border);}

/* heading */
.twc-custom-accordion > .vc_tta.vc_tta-accordion .vc_tta-panel-heading {border:none; border-radius:0; background:none !important; position:relative;}
.twc-custom-accordion > .vc_tta.vc_tta-accordion .vc_tta-panel-title {font-size:var(--twc-size-h5);}
.twc-custom-accordion > .vc_tta.vc_tta-accordion .vc_tta-panel-title > a {
    padding:var(--spacing) calc(var(--icon-size) + 20px) var(--spacing) 0 !important;
    color:inherit !important;
}
.twc-custom-accordion > .vc_tta.vc_tta-accordion .vc_tta-panel:last-child:not(.vc_active) .vc_tta-panel-title > a {padding-bottom:0 !important;}
.twc-custom-accordion > .vc_tta.vc_tta-accordion .vc_tta-panel:first-child .vc_tta-panel-title > a {padding-top:0 !important;}

/* hover */
.twc-custom-accordion > .vc_tta.vc_tta-accordion .vc_tta-panel-title:hover,
.twc-custom-accordion > .vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title {color:var(--highlight-color) !important;}

/* icon */
.twc-custom-accordion > .vc_tta.vc_tta-accordion .vc_tta-panel:first-child .vc_tta-controls-icon {top:0; transform:none;}
.twc-custom-accordion > .vc_tta.vc_tta-accordion .vc_tta-panel:last-child:not(.vc_active) .vc_tta-controls-icon {
    top:auto; bottom:0; transform:none;
}
.twc-custom-accordion > .vc_tta.vc_tta-accordion .vc_tta-controls-icon {
    position:absolute;
    left:auto; right:0; top:50%; transform:translateY(-50%);
    width:var(--icon-size); height:var(--icon-size);
}
.twc-custom-accordion > .vc_tta.vc_tta-accordion .vc_tta-controls-icon:before,
.twc-custom-accordion > .vc_tta.vc_tta-accordion .vc_tta-controls-icon:after {
    content:""; position:absolute; top:50%; left:50%;
    transform:translate(-50%, -50%); transition:var(--twc-transition);
    width:var(--icon-size); height:2px; background:var(--highlight-color);
    border:none;
}
.twc-custom-accordion > .vc_tta.vc_tta-accordion .vc_tta-controls-icon:before {width:2px; height:var(--icon-size);}
.twc-custom-accordion > .vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon:before {
    opacity:1; display:block;
    transform:translate(-50%, -50%) rotate(90deg);
}

/* body */
.twc-custom-accordion > .vc_tta.vc_tta-accordion .vc_tta-panel-body {border:none; background:none !important; padding:0 0 var(--spacing);}
.twc-custom-accordion > .vc_tta.vc_tta-accordion .vc_tta-panel-body {
    --twc-spacing-default:var(--spacing);
}
.twc-custom-accordion > .vc_tta.vc_tta-accordion .vc_tta-panel:last-child .vc_tta-panel-body {padding-bottom:0;}

/***************************************************************
 * Visual Composer - Accordion element - White
****************************************************************/
body .txt_color_white .twc-custom-accordion > .vc_tta.vc_tta-accordion {
    --border:1px solid rgba(255, 255, 255, 0.5);
    --highlight-color:#fff;
}

/***************************************************************
 * Visual Composer - Accordion element - Responsive
****************************************************************/
@media only screen and (max-width:1024px) {
    .twc-custom-accordion {
        --icon-size:15px;
    }
}