/**
   * WDT Icon List Base Styles
*/

.wdt-icon-list,
.wdt-icon-list *,
.wdt-icon-list .wdt-icon-item,
.wdt-icon-list .wdt-listicon-wrapper {
   position: relative;
   -webkit-transition: var(--wdt-Ad-Transition);
      -moz-transition: var(--wdt-Ad-Transition);
       -ms-transition: var(--wdt-Ad-Transition);
        -o-transition: var(--wdt-Ad-Transition);
           transition: var(--wdt-Ad-Transition);
}

.wdt-icon-list-wrapper { width: 100%; }

.wdt-icon-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.wdt-icon-list li { padding: 0px; }

.wdt-icon-list .wdt-icon-item, .wdt-icon-list .wdt-icon-item a { display: flex; position: relative; color: var(--wdt-elementor-color-text); }
.wdt-icon-list .wdt-listicon-wrapper { display: flex; align-items: center; 
   justify-content: center; flex-grow: 0; flex-shrink: 0; color: var(--wdt-elementor-color-accent); }

.wdt-icon-list li:not(:last-child):after { content: ""; display: block; position: absolute; border-color: #ddd; }

/* --dark-bg style-- */
.wdt-dark-bg .wdt-icon-list .wdt-icon-item .wdt-icon-text,
.wdt-dark-bg .wdt-icon-list .wdt-icon-item .wdt-listicon-wrapper .wdt-listicon {color: var(--wdt-elementor-color-white,var(--wdtAccentTxtColor));} 

/** 
   * Layout vertical Styles
*/

.wdt-icon-list.layout-vertical { flex-direction: column; }
.wdt-icon-list.layout-vertical .wdt-icon-item { flex: 1 1 100%; }

.wdt-icon-list.layout-vertical li:not(:last-child):after { bottom: 0; border-bottom-width: 1px; width: 100%; transform: translateY(50%); }

/** 
   * Layout horizontal Styles
*/

.wdt-icon-list.layout-horizontal { flex-direction: row; }

.wdt-icon-list.layout-horizontal li:not(:last-child):after { right: 0; top: 50%; border-right-width: 1px; height: 90%; transform: translate(50%, -50%); }

/* Type-1 */

.wdt-icon-list-wrapper.wdt-type-1 .wdt-icon-list .wdt-listicon-wrapper{
   height: 24px;
   width: 24px;
   background: var(--wdtPrimaryColor);
   color: var(--wdtAccentTxtColor);
   border-radius: var(--wdtRadius_Full);
   border: 1px solid var(--wdtPrimaryColor);
   font-size: calc(var(--wdtFontSize_Ext) - 2px);
}
.wdt-dark-bg .wdt-icon-list-wrapper.wdt-type-1 .wdt-icon-list .wdt-listicon-wrapper{
   backdrop-filter: blur(7px);
    border-color: rgb(var(--wdtAccentTxtColorRgb), 0.1);
    background-color: rgb(var(--wdtAccentTxtColorRgb), 0.06);
}

.wdt-icon-list-wrapper.wdt-type-1 .wdt-icon-list.icon-left .wdt-listicon-wrapper:not(:only-child){margin-right: 10px;}
.wdt-icon-list-wrapper.wdt-type-1 .wdt-icon-text{
   color: var(--wdtPrimaryColor);
   text-transform: capitalize;
   line-height: var(--wdtLineHeight_Base);
   letter-spacing: var(--wdtLetterSpacing_1X);
}
/* Type 4 */
.wdt-icon-list-wrapper.wdt-type-4 .wdt-icon-list {
   display: grid;
   grid-template-columns: repeat(3,auto);
   gap: 24px clamp(0.9375rem, -0.9375rem + 3.9063vw, 3.75rem) /*60px - 15px*/;
}
.wdt-icon-list-wrapper.wdt-type-4 .wdt-icon-list.icon-left .wdt-listicon-wrapper:not(:only-child) {
    margin-right: 10px;
}
.wdt-icon-list-wrapper.wdt-type-4 .wdt-icon-text {
    color: var(--wdtPrimaryColor);
    text-transform: capitalize;
    line-height: var(--wdtLineHeight_Base);
    letter-spacing: var(--wdtLetterSpacing_1X);
}
.wdt-icon-list-wrapper.wdt-type-4 .wdt-icon-list .wdt-listicon-wrapper {
    height: 24px;
    width: 24px;
    background: var(--wdtPrimaryColor);
    color: var(--wdtAccentTxtColor);
    border-radius: var(--wdtRadius_Full);
    border: 1px solid var(--wdtPrimaryColor);
    font-size: calc(var(--wdtFontSize_Ext) - 2px);
}
@media screen and (max-width:1280px) {
   .wdt-icon-list-wrapper.wdt-type-4 .wdt-icon-list {
      grid-template-columns: repeat(3,auto);
   }  
}
@media screen and (max-width:1024px) {
   .wdt-icon-list-wrapper.wdt-type-4 .wdt-icon-list {
      grid-template-columns: repeat(2,auto);
   }  
}
@media screen and (max-width:767px) {
   .wdt-icon-list-wrapper.wdt-type-4 .wdt-icon-list {
      grid-template-columns: repeat(1,1fr);
   }  
}