/**
    Tabs Transition
*/

.wdt-tabs-container .wdt-tabs-list,
.wdt-tabs-container .wdt-tabs-list li,
.wdt-tabs-container .wdt-tabs-list li .ui-tabs-anchor,
.wdt-tabs-container[class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor:before,
.wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li,
.wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li a,
.wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list:before,
.wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list:after {
    -webkit-transition: var(--wdt-Ad-Transition);
            transition: var(--wdt-Ad-Transition);
}

/** 
    Tabs Common
*/

.wdt-tabs-container { border: none; border-radius: 0px; background-color: transparent; background-image: none; }
.wdt-tabs-container .wdt-tabs-list-wrapper .wdt-tabs-list { background-image: none; 
    background-color: transparent; border: none; border-radius: 0px; background-image: none; }

.wdt-tabs-container.ui-widget { font-family: inherit; font-size: 1rem; color: inherit; }

.wdt-tabs-container .wdt-tabs-list-wrapper .wdt-tabs-list .ui-tabs-tab { background: none; border: none; border-radius: 0px; }


.wdt-tabs-container[class*='-layout-horizontal'] .wdt-tabs-list { position: relative; z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;

    margin: 0; padding: 0; list-style-type: none; }

.wdt-tabs-container .wdt-tabs-list li { position: relative; padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer; }

.wdt-tabs-container .wdt-tabs-list { gap: 15px; }

.wdt-tabs-container .wdt-tabs-list li .ui-tabs-anchor { font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); 
    position: relative; display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: center; width: 100%; 
    padding: var(--wdtPadding_MiniBtn); letter-spacing: 0; text-transform: capitalize; }

.wdt-tabs-container[class*='-icon-style-block'] .wdt-tabs-list li .ui-tabs-anchor .wdt-content-title { 
    -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; }

.wdt-tabs-container .wdt-tabs-list li .ui-tabs-anchor .wdt-content-icon-wrapper,
.wdt-tabs-container .wdt-tabs-list li .ui-tabs-anchor .wdt-content-icon,
.wdt-tabs-container .wdt-tabs-list li .ui-tabs-anchor .wdt-content-title { line-height: 1; }

.wdt-tabs-container[class*='-icon-style-inline'] .wdt-tabs-list li .ui-tabs-anchor .wdt-content-icon {margin: 0 15px 0 0;}
.wdt-tabs-container[class*='-icon-style-block'] .wdt-tabs-list li .ui-tabs-anchor .wdt-content-icon { margin: 0 0 10px; }

.wdt-tabs-container[class*='-position-after-title'] li .ui-tabs-anchor { flex-direction: row-reverse; }
.wdt-tabs-container[class*='-position-after-title'][class*='-icon-style-inline'] .wdt-tabs-list li .ui-tabs-anchor .wdt-content-icon { margin: 0 0 0 10px; }

.wdt-tabs-container .wdt-tabs-content-wrapper { padding: 2em; }

.wdt-tabs-container .wdt-tabs-content-wrapper,
.wdt-tabs-container .wdt-tabs-content { width: 100%; margin: 0; padding: 0; color: inherit; font: inherit; }

.wdt-tabs-container[class*='-layout-vertical'],
.wdt-tabs-container[class*='-layout-vertical'] > .wdt-tabs-list-wrapper { display: -webkit-box; display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal; }

.wdt-tabs-container[class*='-layout-vertical'] > .wdt-tabs-list-wrapper > .wdt-tabs-list {
    -webkit-box-align: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;
    -ms-flex-flow: column wrap;
        flex-flow: column nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal; 

    min-width: 150px; margin: 0; padding: 0; }

.wdt-tabs-container[class*='-layout-vertical'] .wdt-tabs-list li:not(:last-child) { margin: 0 0 10px 0; }

.wdt-tabs-container[class*='-layout-vertical'] .wdt-tabs-list li .ui-tabs-anchor { flex-wrap: nowrap; justify-content: flex-start; }
.wdt-tabs-container[class*='-layout-vertical'][class*='-icon-style-block'] .wdt-tabs-list li .ui-tabs-anchor { flex-wrap: wrap; }

.wdt-tabs-container[class*='-layout-vertical'][class*='-position-after-title'] li .ui-tabs-anchor { justify-content: flex-end; }

.wdt-tabs-container[class*='-layout-vertical'] .wdt-tabs-list li .ui-tabs-anchor .wdt-content-title { overflow-wrap: anywhere; }
.wdt-tabs-container { padding: 0; }
.wdt-tabs-container.wdt-layout-horizontal.wdt-template-default { padding: 0px; border: 0; background-color: transparent; }

/* ---**-- Template Default --**--- */

/* Title */
.wdt-template-default.wdt-tabs-container .wdt-tabs-list li .ui-tabs-anchor { 
    background: transparent; color: var(--wdtHeadAltColor); -webkit-border-radius: var(--wdtRadius_2X); border-radius: var(--wdtRadius_2X);
    font-size: var(--wdtFontSize_Base); font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Ext); 
    text-transform: capitalize; padding: var(--wdtPadding_MiniBtn); border: 1px solid var(--wdtBorderColor); -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); }
.wdt-template-default.wdt-tabs-container .wdt-tabs-list li.ui-state-hover .ui-tabs-anchor,
.wdt-template-default.wdt-tabs-container .wdt-tabs-list li.ui-state-active .ui-tabs-anchor,
.wdt-template-default.wdt-tabs-container .wdt-tabs-list li.ui-tabs-active .ui-tabs-anchor { 
    background: var(--wdtPrimaryColor); border-color: var(--wdtPrimaryColor);
    color: var(--wdtAccentTxtColor); 
    -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); }

/* Description */
.wdt-tabs-container.wdt-template-default > .wdt-tabs-content-wrapper { padding: 40px 0px 0px; }
.wdt-tabs-container.wdt-template-default > .wdt-tabs-content-wrapper .wdt-tabs-content p{ font-size: var(--wdtFontSize_Base);  }
.wdt-tabs-container > .wdt-tabs-content-wrapper .wdt-tabs-content p strong{ font-weight: bold; color: var(--wdtHeadAltColor); }

.wdt-light-bg .wdt-template-default.wdt-tabs-container .wdt-tabs-list li .ui-tabs-anchor { background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); }
.wdt-light-bg .wdt-template-default.wdt-tabs-container .wdt-tabs-list li.ui-state-hover .ui-tabs-anchor,
.wdt-light-bg .wdt-template-default.wdt-tabs-container .wdt-tabs-list li.ui-state-active .ui-tabs-anchor,
.wdt-light-bg .wdt-template-default.wdt-tabs-container .wdt-tabs-list li.ui-tabs-active .ui-tabs-anchor { background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); }

.wdt-cus-tab-bg .wdt-template-default.wdt-tabs-container .wdt-tabs-list li .ui-tabs-anchor { 
    background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); }
.wdt-cus-tab-bg .wdt-template-default.wdt-tabs-container .wdt-tabs-list li.ui-state-hover .ui-tabs-anchor,
.wdt-cus-tab-bg .wdt-template-default.wdt-tabs-container .wdt-tabs-list li.ui-state-active .ui-tabs-anchor,
.wdt-cus-tab-bg .wdt-template-default.wdt-tabs-container .wdt-tabs-list li.ui-tabs-active .ui-tabs-anchor { background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); }

.wdt-template-default.wdt-tabs-container .wdt-tabs-list li .ui-tabs-anchor .wdt-content-icon span { font-size: 25px; }

/* ---**-- Template Bordered --**--- */

.wdt-tabs-container[class*='-template-bordered'] .wdt-tabs-list li .ui-tabs-anchor:before,
.wdt-tabs-container[class*='-template-bordered'] .wdt-tabs-list li .ui-tabs-anchor:after { position: absolute; margin: auto; content: ''; }

.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-bordered'] .wdt-tabs-list li .ui-tabs-anchor:after
{
    -webkit-transition: width .8s cubic-bezier(.22, .61, .36, 1);
       -moz-transition: width .8s cubic-bezier(.22, .61, .36, 1);
            transition: width .8s cubic-bezier(.22, .61, .36, 1);
}

.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-bordered'] .wdt-tabs-list li.ui-state-active .ui-tabs-anchor:before,
.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-bordered'] .wdt-tabs-list li.ui-state-hover .ui-tabs-anchor:before
{
    -webkit-transition: width .5s cubic-bezier(.22, .61, .36, 1);
       -moz-transition: width .5s cubic-bezier(.22, .61, .36, 1);
            transition: width .5s cubic-bezier(.22, .61, .36, 1);
}

.wdt-tabs-container[class*='-layout-vertical'][class*='-template-bordered'] .wdt-tabs-list li .ui-tabs-anchor:after
{
    -webkit-transition: height .8s cubic-bezier(.22, .61, .36, 1);
       -moz-transition: height .8s cubic-bezier(.22, .61, .36, 1);
            transition: height .8s cubic-bezier(.22, .61, .36, 1);
}

.wdt-tabs-container[class*='-layout-vertical'][class*='-template-bordered'] .wdt-tabs-list li.ui-state-active .ui-tabs-anchor:before,
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-bordered'] .wdt-tabs-list li.ui-state-hover .ui-tabs-anchor:before
{
    -webkit-transition: height .5s cubic-bezier(.22, .61, .36, 1);
       -moz-transition: height .5s cubic-bezier(.22, .61, .36, 1);
            transition: height .5s cubic-bezier(.22, .61, .36, 1);
}

.wdt-tabs-container[class*='-layout-horizontal'] .wdt-tabs-list li .ui-tabs-anchor { text-align: center; }
.wdt-tabs-container[class*='-layout-vertical'] .wdt-tabs-list li .ui-tabs-anchor { text-align: left; }

.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-bordered'] .wdt-tabs-list { border-width: 0 0 2px; border-style: solid; }
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-bordered'] .wdt-tabs-list { border-width: 0 2px 0 0; border-style: solid; }

.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-bordered'] .wdt-tabs-list li:not(:last-child) { margin: 0 25px 0 0; }
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-bordered'] .wdt-tabs-list li:not(:last-child) { margin: 0 0 25px 0; }

.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-bordered'] .wdt-tabs-list li .ui-tabs-anchor { padding: 0 1.5em 1em 1.5em; }
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-bordered'] .wdt-tabs-list li .ui-tabs-anchor { padding: 1em 1.5em 1em 0; }

.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-bordered'] .wdt-tabs-list li .ui-tabs-anchor:before,
.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-bordered'] .wdt-tabs-list li .ui-tabs-anchor:after { bottom: -2px; width: 0; height: 2px; }

.wdt-tabs-container[class*='-layout-vertical'][class*='-template-bordered'] .wdt-tabs-list li .ui-tabs-anchor:before,
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-bordered'] .wdt-tabs-list li .ui-tabs-anchor:after { right: -2px; width: 2px; height: 0; }

.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-bordered'] .wdt-tabs-list li .ui-tabs-anchor:before { left: 0; }
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-bordered'] .wdt-tabs-list li .ui-tabs-anchor:before { top: 0; }

.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-bordered'] .wdt-tabs-list li.ui-state-active .ui-tabs-anchor:before,
.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-bordered'] .wdt-tabs-list li.ui-state-hover .ui-tabs-anchor:before { width: 100%; }

.wdt-tabs-container[class*='-layout-vertical'][class*='-template-bordered'] .wdt-tabs-list li.ui-state-active .ui-tabs-anchor:before,
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-bordered'] .wdt-tabs-list li.ui-state-hover .ui-tabs-anchor:before { height: 100%; }

.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-bordered'] .wdt-tabs-list li .ui-tabs-anchor:after { right: 0; }

.wdt-tabs-container[class*='-layout-vertical'][class*='-template-bordered'] .wdt-tabs-list li .ui-tabs-anchor:after { bottom: 0; }

.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-bordered'] .wdt-tabs-list li.ui-state-active .ui-tabs-anchor:after,
.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-bordered'] .wdt-tabs-list li.ui-state-hover .ui-tabs-anchor:after { width: 100%; }

.wdt-tabs-container[class*='-layout-vertical'][class*='-template-bordered'] .wdt-tabs-list li.ui-state-active .ui-tabs-anchor:after,
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-bordered'] .wdt-tabs-list li.ui-state-hover .ui-tabs-anchor:after { height: 100%; }

.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-bordered'] .wdt-tabs-content-wrapper { padding: 2em 0; }
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-bordered'] .wdt-tabs-content-wrapper { padding: 0 2em; }


/* Template Classic */

.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic']{
    display: flex;
    flex-direction: column-reverse;
}
.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic'] .wdt-tabs-list{
    justify-content: center;
    margin-top: 60px;
    gap: 0;
}
.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor .wdt-content-title{
    font-size: var(--wdtFontSize_H6);
    font-weight: var(--wdtFontWeight_H6);
}
.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic'] .wdt-tabs-content-wrapper{
    padding: 0;
}
.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor {
    padding: 0;
}
.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic'] .wdt-tabs-list li{
    padding:0 clamp(1.1875rem, -0.1042rem + 2.691vw, 3.125rem); 
}
.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic'] .wdt-tabs-list li:not(:last-child){
    border-right: 1px solid var(--wdtSecondaryColor);
}

/* .wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic'] .wdt-tabs-list { border-bottom-width: 1px; border-bottom-style: solid; } */
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list { border-right-width: 1px; border-right-style: solid; }

.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic'] .wdt-tabs-list li,
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li { margin: 0; }

/* .wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor { margin: 0 0 -1px 0; border: 1px solid; } */
/* .wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor { margin: 0 -2px 0 0; border: 1px solid; } */

.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic'] .wdt-tabs-list li:not(:last-child) .ui-tabs-anchor { border-right-width: 0; }
/* .wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li:not(:last-child) .ui-tabs-anchor { border-bottom-width: 0; } */

/* .wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic'] .wdt-tabs-content-wrapper { border-width: 0 1px 1px; border-style: solid; } */
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-content-wrapper { border-width: 1px 1px 1px 0; border-style: solid; }

.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor:before,
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor:before { 
    position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; content: ''; }

.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor:before { height: 0; }

.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor:before { width: 0; }

/* .wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic'] .wdt-tabs-list li.ui-state-active .ui-tabs-anchor:before { height: 5px; } */
/* .wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li.ui-state-active .ui-tabs-anchor:before { width: 5px; } */

.wdt-tabs-container[class*='-layout-vertical'] > .wdt-tabs-list-wrapper { width: 30%; }
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list { display: flex; justify-items: center; width: 100%; border: none; }
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li { width: 100%; border-radius: var(--wdtRadius_2X); }
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic']  .wdt-tabs-list li .ui-tabs-anchor { 
    background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); width: 100%; align-items: center; justify-content: center; }
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor { 
    font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); /* Min-20 & Max-24 */ font-weight: var(--wdtFontWeight_H5); }
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li.ui-state-hover .ui-tabs-anchor,
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li.ui-state-active .ui-tabs-anchor { 
    color: var(--wdtAccentTxtColor); background-color: var(--wdtPrimaryColor); }
/* .wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li.ui-state-hover:not(.ui-state-active) .ui-tabs-anchor { background-color: var(--wdtAccentTxtColor); } */

/* .wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor:before {
    content: ""; position: absolute; top: auto; left: 0; bottom: 0; height: 100%; width: 5px; background-color: var(--wdtPrimaryColor); 
    -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); z-index: 1; pointer-events: none;
    -webkit-transform: scaleX(0); transform: scaleX(0); transform-origin: center left; } */
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li.ui-state-hover .ui-tabs-anchor:before,
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li.ui-state-active .ui-tabs-anchor:before { 
    -webkit-transform: scaleX(1); transform: scaleX(1); background-color: var(--wdtPrimaryColor); }

.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-content-wrapper { 
    width: 70%; border: 1px solid rgba(var(--wdtBorderColorRgb),0.5); padding: 10px; background-color: var(--wdtAccentTxtColor); border-radius: var(--wdtRadius_3X);  }
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] { gap: 30px; }
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] > .wdt-tabs-list-wrapper .wdt-tabs-list { gap: 20px; position: sticky; top: 0; height: fit-content; }
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor {padding: clamp(1.25rem, 1.0417rem + 0.434vw, 1.5625rem);border-radius: var(--wdtRadius_2X);border: 1px solid var(--wdtBorderColor);justify-content: flex-start;align-items: center;}
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor .wdt-content-icon span {display: flex;align-items: center;justify-content: center;font-size: 50px;}
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor .wdt-content-icon span i{display:flex;}
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor .wdt-content-title,
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor .wdt-content-icon { line-height: normal; }
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-content-wrapper,
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-content { height: 100%; }

/* Default Colors */

.wdt-tabs-container .wdt-tabs-list li .ui-tabs-anchor { 
    color: var(--wdtAccentTxtColor); background-color: var(--wdtSecondaryColor); }

.wdt-tabs-container .wdt-tabs-list li.ui-state-active .ui-tabs-anchor,
.wdt-tabs-container .wdt-tabs-list li.ui-state-hover .ui-tabs-anchor { 
    color: var(--wdtAccentTxtColor); background-color: var(--wdtPrimaryColor); }

.wdt-tabs-container .wdt-tabs-list li,
.wdt-tabs-container .wdt-tabs-list li.ui-state-active { border: 0; border-bottom: 0; padding-bottom: 0; }
.wdt-tabs-container .wdt-tabs-list li { margin: 0; }

.wdt-tabs-container > .wdt-tabs-content-wrapper { background-color: transparent; padding: 20px; }

.wdt-tabs-container[class*='-template-bordered'] .wdt-tabs-list { border-color: #e1e1e1; }

.wdt-tabs-container[class*='-template-bordered'] .wdt-tabs-list li .ui-tabs-anchor { 
    color: var(--wdt-elementor-color-secondary); background-color: transparent; }

.wdt-tabs-container[class*='-template-bordered'] .wdt-tabs-list li.ui-state-active .ui-tabs-anchor,
.wdt-tabs-container[class*='-template-bordered'] .wdt-tabs-list li.ui-state-hover .ui-tabs-anchor { 
    color: var(--wdt-elementor-color-primary); background-color: transparent; }

.wdt-tabs-container[class*='-template-bordered'] .wdt-tabs-list li .ui-tabs-anchor:before,
.wdt-tabs-container[class*='-template-bordered'] .wdt-tabs-list li .ui-tabs-anchor:after { 
    background-color: var(--wdt-elementor-color-primary); }

.wdt-tabs-container[class*='-template-bordered'] .wdt-tabs-list li.ui-state-active .ui-tabs-anchor:after,
.wdt-tabs-container[class*='-template-bordered'] .wdt-tabs-list li.ui-state-hover .ui-tabs-anchor:after { background: transparent; }

.wdt-tabs-container[class*='-template-bordered'] .wdt-tabs-content-wrapper { background-color: transparent; }

/* .wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic'] .wdt-tabs-list,
.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor,
.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic'] .wdt-tabs-content-wrapper,
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list,
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor,
.wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-content-wrapper { border-color: #e1e1e1; } */

.wdt-tabs-container[class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor { background-color: transparent; color: var(--wdtSecondaryColor); }

.wdt-tabs-container[class*='-template-classic'] .wdt-tabs-list li.ui-state-active .ui-tabs-anchor,
.wdt-tabs-container[class*='-template-classic'] .wdt-tabs-list li.ui-state-hover .ui-tabs-anchor{ 
    background-color:transparent;  color: var(--wdtPrimaryColor); }

.wdt-tabs-container[class*='-layout-horizontal'][class*='-template-classic'] .wdt-tabs-list li.ui-state-active .ui-tabs-anchor { 
    border-bottom-color: var(--wdt-elementor-color-white); }

/* .wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-list li.ui-state-active .ui-tabs-anchor { 
    border-right-color: var(--wdt-elementor-color-white); } */

.wdt-tabs-container[class*='-template-classic'] .wdt-tabs-list li .ui-tabs-anchor:before { 
    background-color: var(--wdt-elementor-color-primary); }


/* Tabs Toggle Mode Colors */
.wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li { background: transparent; }
.wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li a { color: var(--wdtHeadAltColor); }

.wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li:hover,
.wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li.wdt-active { background: var(--wdtPrimaryColor); }
.wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li:hover a,
.wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li.wdt-active a { color: var(--wdt-elementor-color-white); }

.wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list:before,
.wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list:after { background-color: var(--wdt-elementor-color-white); }

.wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li:not(:last-child),
.wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li.wdt-active { border-bottom-color: var(--wdtBorderColor); }

.wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-content-wrapper { background-color: transparent; }


/* Responsive */

/* Tabs Toggle Mode */
@media only screen and (max-width:1280px) { 
    .wdt-tabs-container[class*='-layout-vertical'] > .wdt-tabs-list-wrapper { width: 40%; }
    .wdt-tabs-container[class*='-layout-vertical'][class*='-template-classic'] .wdt-tabs-content-wrapper { width: 60%; }
 }
@media only screen and (max-width:1024px) { 
    .wdt-tabs-container.wdt-template-default > .wdt-tabs-content-wrapper { padding: 30px 0px 0px; }
 }

@media only screen and (max-width:767px)
{
    .wdt-tabs-container[class*='-tabs-toggle-mode']
    {
        position: relative;

        display: inline-flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;

        width: 100%;
    }

    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper
    {
        position: relative;

        display: grid;

        width: 100%;
        height: 3em;
        margin: 0 auto 30px;
        z-index: 1;
    }

    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list
    {
        line-height: normal;
        position: unset;
        display: grid;
        justify-content: center;
        width: 100%;
        border: none;
        grid-template-columns: 1fr;
        box-shadow: 0 0 12px 1px rgba(var(--wdtHeadAltColorRgb), 0.15);
        padding-left: 0;
        padding-right: 0;
        background-color: var(--wdtTertiaryColor);
        gap: 0;
        -webkit-border-radius: var(--wdtRadius_1X);
        border-radius: var(--wdtRadius_1X);
        /* overflow: hidden; */
        }

    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li
    { order: 1; width: 100%; margin: 0; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); }
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li:not(:last-child),
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li.wdt-active { border-bottom-width: 1px; border-bottom-style: solid; border-color: transparent;
        -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero);  }
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list.wdt-expanded li:not(:last-child),
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list.wdt-expanded li.wdt-active {
        border-color: rgba(var(--wdtBorderColorRgb),0.5);
    }
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list.wdt-expanded li:last-child{
        border-radius:0 0 var(--wdtRadius_1X) var(--wdtRadius_1X) ;
    }
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li:last-child{border-radius:0 0 var(--wdtRadius_1X) var(--wdtRadius_1X) ;}
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li.wdt-active {z-index: 1;order: 0;-webkit-transition: var(--wdtBaseTransition), border-radius 0s linear;transition: var(--wdtBaseTransition), border-radius 0s linear;-webkit-border-radius: var(--wdtRadius_1X);border-radius: var(--wdtRadius_1X);}
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list.wdt-expanded li.wdt-active{ border-radius: var(--wdtRadius_1X) var(--wdtRadius_1X) 0 0; -webkit-border-radius: var(--wdtRadius_1X) var(--wdtRadius_1X) 0 0;}
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list:before,
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list:after { 
        position: absolute; z-index: 2; top: 55%; display: inline-block; width: 12px; height: 1px; content: ''; }
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list:has(.wdt-content-icon-wrapper):before, 
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list:has(.wdt-content-icon-wrapper):after{
        top: 70%;
    }

    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list:before { 
        right: 27px; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); }

    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list:after { 
        right: 18px; -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); }

    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list.wdt-expanded:before { right: 18px; }

    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list.wdt-expanded:after { right: 26px; }

    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li:not(.wdt-active) { position: absolute; top: 0; }

    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list.wdt-expanded li:not(.wdt-active) { position: relative; top: auto; }

    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li a { 
        font-size: var(--wdtFontSize_Base); font-weight: 400; position: relative; display: inline-flex; align-items: center; flex-wrap: wrap; width: 100%; padding: 1em; padding-right: 40px; letter-spacing: normal; text-transform: capitalize; font-family: var(--wdtFontTypo_Alt); -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); }

    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li a,
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li a .wdt-content-icon-wrapper,
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li a .wdt-content-icon { line-height: 1; }

    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li a .wdt-content-icon { margin: 0 10px 0 0; }
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-content-wrapper { width: 100%; padding: 10px; background-color: var(--wdtAccentTxtColor);   z-index: 0; border-radius: var(--wdtRadius_2X); }
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-content-wrapper p { width: 100%; padding: 0;  }
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-content-wrapper .elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text { text-align: left; } 
    .wdt-tabs-container[class*='-tabs-toggle-mode'][data-class-items*="wdt-template-modern"] .wdt-tabs-content-wrapper { 
        width: 100%; padding: 0em; background-color: transparent; }

    .wdt-tabs-container[class*='-tabs-toggle-mode'][data-class-items*="wdt-template-modern"] .wdt-tabs-content-wrapper, 
    .wdt-tabs-container[class*='-tabs-toggle-mode'][data-class-items*="wdt-template-modern"] .wdt-tabs-content {
        margin-top: 0px; } 
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li a .wdt-content-icon span{
        font-size: 30px;
    }
}
@media only screen and (max-width:576px) {
    .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper { width: 100%; }
}
