/**
   * 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; align-items: center; position: relative; color: var(--wdt-elementor-color-text); }
#footer .wdt-icon-list .wdt-icon-item,
#footer .wdt-icon-list .wdt-icon-item a{align-items: start; padding-top: 0; padding-bottom: 0;}
.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; }

/* type-1 */
.wdt-type-1 .wdt-icon-list .wdt-icon-link:hover .wdt-icon-text{ color: var(--wdtPrimaryColor); } 

.wdt-type-1 .wdt-icon-list .wdt-listicon-wrapper{
   height: 36px; width: 36px; border-radius: var(--wdtRadius_Full);
   background-image:linear-gradient(180deg, var(--wdtPrimaryColor),var(--wdtSecondaryColor), var(--wdtPrimaryColor)) ;
   background-size:100% 200%; background-position:top; background-repeat:no-repeat; color: var(--wdtHeadAltColor); font-size: calc(var(--wdtFontSize_Base) - 2px); 
   transition: var(--wdt-Ad-Transition);  }
.wdt-type-1 .wdt-icon-list a:hover .wdt-listicon-wrapper{ background-position:bottom; }
.wdt-type-1 .wdt-icon-list .wdt-listicon-wrapper:before{
   background-image: linear-gradient(180deg, var(--wdtPrimaryColor),var(--wdtSecondaryColor), var(--wdtPrimaryColor)) ;
   background-size: 100% 200%; background-position: top; background-repeat: no-repeat; content: ""; height: calc(100% + 4px); margin: auto; 
   position: absolute; bottom: -2px; left: -2px; right: -2px; top: -2px; width: calc(100% + 4px); z-index: -1; -webkit-border-radius: inherit; border-radius: inherit; 
   filter: blur(5px); -webkit-transition: inherit; transition: inherit; }
.wdt-type-1 .wdt-icon-list .wdt-listicon-wrapper:hover:before{ background-position: bottom; }
.wdt-type-1 .wdt-icon-list .wdt-listicon-wrapper:after{
   content: ""; height: calc(100% - 4px); margin: auto; position: absolute; border: 1px solid var(--wdtBorderColor); bottom: 0; left: 0; right: 0; top: 0; 
   width: calc(100% - 4px); z-index: 2; -webkit-border-radius: inherit; border-radius: inherit; -webkit-transition: inherit; transition: inherit; }

.wdt-type-1 .wdt-icon-list .wdt-icon-text{    font-family: var(--wdtFontTypo_Alt);font-weight: var(--wdtFontWeight_Ext); font-size: var(--wdtFontSize_Base);  }

/* Type - 3 */

.wdt-type-3 .wdt-icon-list .wdt-listicon-wrapper{
   height: clamp(5rem, 4.3767rem + 2.0819vw, 6.875rem);/* 80 - 110 */
   width: clamp(5rem, 4.3767rem + 2.0819vw, 6.875rem);/* 80 - 110 */
   font-size: clamp(2.8125rem, 2.397rem + 1.3879vw, 4.0625rem);/* 45 - 65 */
   border-radius: var(--wdtRadius_Full);
   background-color: rgb(var(--wdtSecondaryColorRgb),0.5);
   color: rgb(var(--wdtHeadAltColorRgb), 0.5);
}

@media(max-width:767px){
.wdt-type-3 .wdt-icon-list .wdt-icon-item{
   flex-direction: column;
   gap: 20px;
   align-items: start;
}
}

/** 
   * 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; margin: -6px 0px; }
.wdt-icon-list.layout-horizontal > li { padding-top: 6px; padding-bottom: 6px; }

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

.wdt-icon-list-wrapper.wdt-link-inline .wdt-icon-link { display:inline-flex; align-items:center; text-decoration:none; }
.wdt-icon-list-wrapper.wdt-link-fullwidth .wdt-icon-link { display:flex; align-items:center; width:100%; padding:12px 16px; text-decoration:none; box-sizing:border-box; }