/**
    Accordion & Toggle Transition
*/

.wdt-accordion-toggle-holder,
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder,
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon {
    -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }

/**
    Accordion & Toggle Common
*/

.wdt-accordion-toggle-holder { overflow: hidden; width: 100%; margin: 0 auto; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder,
.wdt-accordion-toggle-holder .wdt-accordion-toggle-description { background-image: none; border-radius: 0px; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-wrapper:not(:last-child) { margin-bottom: 20px; }
.wdt-accordion-toggle-holder .wdt-accordion-toggle-wrapper { display: flex; flex-wrap: wrap; width: 100%; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder { font-size: 1.2rem; line-height: normal; position: relative; 
    display: flex; align-items: center; width: 100%; margin: 0 auto; padding: 14px 28px; cursor: pointer; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title { font-family: var(--wdtFontTypo_Alt); flex-grow: 1; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title div[class*='-title-prefix'] { 
    line-height: 1; position: relative; margin: 0 10px 0 0; padding: 0 5px 0 0; display: inline-block; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title div[class*='-title-prefix']:not(.icon):before {
    position: absolute; right: 0; bottom: 2px; width: 3px; height: 3px; content: ''; background: currentColor; }

.wdt-accordion-toggle-holder[class*='-expand-collapse-position-start'] .wdt-accordion-toggle-title-holder { 
    flex-direction: row-reverse; justify-content: start; }
.wdt-accordion-toggle-holder[class*='-expand-collapse-position-start'] .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon { 
    margin: 0 20px 0 0; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-description { padding: 14px 28px; font-size: 1rem; 
    width: 100%; font-family: var(--wdtFontTypo_Base); background: transparent; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon { position: relative; 
    display: flex; flex-shrink: 0; width: 1em; height: 1em; margin-left: 10px; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon > div { position: absolute; 
    top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: flex-end; margin: auto; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder.ui-state-active .wdt-accordion-toggle-icon [class*='-toggle-icon-expand'] { opacity: 1; transform: rotate(45deg); }
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon [class*='-toggle-icon-expand'] { opacity: 1; transition:var(--wdt-Ad-Transition); }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder.ui-state-active .wdt-accordion-toggle-icon:has(.wdt-accordion-toggle-icon-collapse svg) 
[class*='-toggle-icon-expand'] {
  opacity: 0;
}


.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder.ui-state-active .wdt-accordion-toggle-icon [class*='-toggle-icon-collapse'] { opacity: 1; }
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon [class*='-toggle-icon-collapse'] { opacity: 0; transition:var(--wdt-Ad-Transition);}

/** 
    Template Classic 
*/

.wdt-template-classic .wdt-accordion-toggle-wrapper {  padding:clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem) 0;  /* 20 - 30 */
    }
.wdt-template-classic.wdt-accordion-toggle-holder{ counter-reset: acc-counter;}
.wdt-template-classic.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder { border: none; background-color: transparent; color: var(--wdtHeadAltColor); padding: 0;  }
.wdt-template-classic .wdt-accordion-toggle-description { border: none; padding-top: 0px; }

.wdt-template-classic.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title{
    font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem); /* Min-18 & Max-24 */ position: relative; transition:var(--wdt-Ad-Transition); }
.wdt-template-classic.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title:hover{color:var(--wdtPrimaryColor);}
.wdt-template-classic.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder.ui-state-active .wdt-accordion-toggle-title{color:var(--wdtPrimaryColor);}

.wdt-template-classic.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title::before {
    counter-increment: acc-counter;
    content: counter(acc-counter) ". "; 
}
.wdt-template-classic.wdt-accordion-toggle-holder .wdt-accordion-toggle-description{
    padding:20px clamp(1.25rem, 1rem + 1.25vw, 2.5rem) 0px 0;
}
.wdt-template-classic.wdt-accordion-toggle-holder .wdt-accordion-toggle-wrapper:not(:last-child){
    border-bottom:1px dashed var(--wdtBorderColor);
    margin:0;
}
.wdt-template-classic.wdt-accordion-toggle-holder .wdt-accordion-toggle-wrapper:last-child{
    padding-bottom:0;
}
.wdt-template-classic.wdt-accordion-toggle-holder .wdt-accordion-toggle-wrapper:first-child{
    padding-top:0;
}




/** 
    Template Bordered 
*/

.wdt-template-bordered .wdt-accordion-toggle-wrapper { margin-bottom: 0; border: 1px solid var(--wdtBorderColor); border-radius: var(--wdtRadius_3X);}

.wdt-template-bordered .wdt-accordion-toggle-wrapper:not(:last-child) .wdt-accordion-toggle-title-holder { margin-bottom: -2px; }

.wdt-template-bordered .wdt-accordion-toggle-description { padding: 2.5em 2em }

.wdt-template-bordered .wdt-accordion-toggle-wrapper:last-child .wdt-accordion-toggle-description { border-top: 0; }
.wdt-template-bordered .wdt-accordion-toggle-wrapper:not(:last-child) .wdt-accordion-toggle-description { border-bottom: 0; }

.wdt-template-bordered .wdt-accordion-toggle-title-holder,
.wdt-template-bordered .wdt-accordion-toggle-title-holder.ui-state-hover,
.wdt-template-bordered .wdt-accordion-toggle-title-holder.ui-state-active { background-color: transparent; }

.wdt-template-bordered .wdt-accordion-toggle-title-holder.ui-state-hover,
.wdt-template-bordered .wdt-accordion-toggle-title-holder.ui-state-active { color: var(--wdt-elementor-color-primary); }