
.wdt-content-item .wdt-content-counter { color: var(--wdt-elementor-color-secondary); display: inline-flex; align-items: center; justify-content: center; font-size: 1.5em; font-weight: bold; -webkit-transition: var(--wdt-elementor-base-transition); transition: var(--wdt-elementor-base-transition); }
.wdt-content-item .wdt-content-counter > *:not(:last-child) { margin-right: 2px; }


/* Default Template */
.wdt-counter-holder.wdt-rc-template-default .wdt-content-item { text-align: center; }

.wdt-counter-holder.wdt-rc-template-default .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { background-color: rgba(var(--wdt-elementor-color-accent-rgb),0.85); color: var(--wdt-elementor-color-white); font-size: 30px; height: 75px; width: 75px; -webkit-border-radius: 3px; border-radius: 3px; }

.wdt-counter-holder.wdt-rc-template-default .wdt-content-item .wdt-content-counter { font-size: 2em; line-height: 1.2; }

.wdt-counter-holder.wdt-rc-template-default .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span { background-color: var(--wdt-elementor-color-accent); -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 10px 10px -10px rgba(var(--wdt-elementor-color-secondary-rgb), 0.5); box-shadow: 0 10px 10px -10px rgba(var(--wdt-elementor-color-secondary-rgb), 0.5); -webkit-transform: translateY(-5px); transform: translateY(-5px); }

.wdt-counter-holder.wdt-rc-template-default .wdt-content-item .wdt-content-separator.separator-1:last-child { margin-top: 0; }
.wdt-counter-holder.wdt-rc-template-default .wdt-content-item:hover .wdt-content-separator.separator-1 span { -webkit-transform: scaleX(1.25); transform: scaleX(1.25); }

.wdt-counter-holder.wdt-rc-template-default .wdt-content-item .wdt-content-detail-group .wdt-content-title h5 { font-weight: 600; }


/* Standard Template */
.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item { text-align: center; }
.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-media-group { background-color: transparent !important; display: inline-table; margin: 1em 0; padding: 1em; position: relative; z-index: 0; border-radius: 5px; }
.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-media-group:before { background: currentColor; color: rgba(var(--wdt-elementor-color-accent-rgb),0.85); content: ""; display: block; height: auto; padding-top: 50%; padding-bottom: 50%; position: absolute; left: 50%; top: 50%; width: 100%; z-index: -1; border-radius: inherit; transform: translate(-50%,-50%); transform-origin: left top; transform-style: preserve-3d; transition: inherit; }

.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-media-group .wdt-content-icon-wrapper { margin-bottom: 0; }
.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-media-group .wdt-content-counter-wrapper .wdt-content-counter { color: inherit; }

.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-media-group { color: var(--wdt-elementor-color-white); border-radius: 10px; }
.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-media-group:before { background-color: var(--wdt-elementor-color-accent); }

.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-media-group:before { background-color: var(--wdt-elementor-color-accent); transform: rotate(45deg) translate(-50%,-50%); transition-timing-function: cubic-bezier(.25,.75,.5,1.25); }





/* Counter-section  */


  
.wdt-counter-holder.wdt-content-item-holder.wdt-rc-template-regular 
.wdt-content-item .wdt-content-media-group{
    background-color: var(--wdtPrimaryColor);
    padding: 30px 0px;
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
    padding: 26px 40px;
    line-height: var(--wdtLineHeight_Ext);
}

.wdt-counter-holder.wdt-content-item-holder.wdt-rc-template-regular .wdt-content-item .wdt-content-counter{
    color: var(--wdtAccentTxtColor);
    font-size: clamp(1.125rem, 1.0971rem + 0.1274vw, 1.25rem);
    font-weight: var(--wdtFontWeight_Base);
    
}
.wdt-counter-holder.wdt-content-item-holder.wdt-rc-template-regular .wdt-content-item  div:not(:last-child), .wdt-counter-holder.wdt-content-item-holder.wdt-rc-template-regular .wdt-content-item .wdt-content-media-group  div:not(:last-child){
    margin-bottom: 0;
}
.wdt-counter-holder.wdt-content-item-holder.wdt-rc-template-regular .wdt-content-item .wdt-content-title h5 {
    font-size: clamp(1.125rem, 1.0971rem + 0.1274vw, 1.25rem);
    margin-top: 20px;
    color: var(--wdtAccentTxtColor);
}

@media(max-width: 1024px){
    .wdt-counter-holder.wdt-content-item-holder.wdt-rc-template-regular .wdt-content-item .wdt-content-title h5 {
    margin-top: 15px;
}
}

/*Icon*/

.wdt-counter-holder.wdt-rc-template-regular .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span{
    color: var(--wdtAccentTxtColor);
    font-size: clamp(2.5rem, 2.5rem + 0vw, 2.5rem);
    /*max- 40, min-40*/
}

.wdt-counter-holder.wdt-rc-template-regular .wdt-content-item:hover .wdt-content-media-group{
        background-color: var(--wdtLinkColor);
}

.wdt-counter-holder.wdt-rc-template-regular .wdt-content-item .wdt-content-icon-wrapper, .wdt-counter-holder.wdt-rc-template-regular .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon{
    display: block;
}



 .wdt-counter-holder.wdt-rc-template-simple .wdt-content-item .wdt-content-media-group {
     margin-bottom: 0px;
 } 
 
 .wdt-counter-holder.wdt-rc-template-simple .wdt-content-item .wdt-content-counter{
     align-items: start;
 }
 
  .wdt-counter-holder.wdt-rc-template-simple .wdt-content-item .wdt-content-counter{
      font-size: clamp(2.5rem, 2.2213rem + 1.2739vw, 3.75rem);
      color: var(--wdtHeadAltColor);
      font-weight: calc(var(--wdtFontWeight_Alt) + 100);
      line-height: var(    --wdtLineHeight_Base);
  }
  
   .wdt-counter-holder.wdt-rc-template-simple .wdt-content-item .wdt-content-counter .wdt-content-counter-suffix {
        text-transform: lowercase;
        font-size: clamp(0.9375rem, 0.8678rem + 0.3185vw, 1.25rem);
        line-height: var(--wdtLineHeight_Base);
   }
   
    .wdt-counter-holder.wdt-rc-template-simple .wdt-content-item .wdt-content-title h5{
        font-size: clamp(1rem, 0.9721rem + 0.1274vw, 1.125rem);
        text-transform: capitalize;
        color: var(--wdtHeadAltColor);
         font-weight: calc(var(--wdtFontWeight_Base) - 100);
    }
    
    .wdt-counter-holder.wdt-rc-template-simple .wdt-column{
      position: relative;
    }
    
    .wdt-counter-holder.wdt-rc-template-simple .wdt-column::after{
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto 0;
        width: 2px;
        height: 50px;
        background-color:var(--wdtPrimaryColor);
    }
    
     .wdt-counter-holder.wdt-rc-template-simple .wdt-content-item .wdt-content-detail-group .wdt-content-title {
         margin-top: -15px;
     }
     
     @media (max-width:479px){
       .wdt-counter-holder.wdt-rc-template-simple .wdt-column::after{
         background-color:transparent;
       }  
     }



/* template-icon_aside */


     .wdt-counter-holder.wdt-rc-template-icon_aside .wdt-content-item .wdt-content-media-group .wdt-content-counter{
    background-color: var(--wdtBodyBGColor);
   padding: 30px 20px;
   border-radius: var(--wdtRadius_Full);
   border: 5px solid var(--wdtBorderColor);
   width: fit-content;
   position: relative;
   transition: var(--wdtBaseTransition);
   width:140px;
   height:140px;
} 

.wdt-counter-holder.wdt-rc-template-icon_aside .wdt-content-item:hover .wdt-content-media-group .wdt-content-counter{
    background-color: rgba(var(--wdtPrimaryColorRgb), 0.7);
    border: 5px solid var(--wdtPrimaryColor);
}

.wdt-counter-holder.wdt-rc-template-icon_aside .wdt-content-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 45px;
}

.wdt-counter-holder.wdt-rc-template-icon_aside .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span{
    padding: 0px;
    font-size: 30px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:var(--wdtPrimaryColor);
    border-radius: var(--wdtRadius_Full);
    position: absolute;
    left: -45px;
    top: 65px;
    /*transform: translateY(-50%);*/
    z-index: 5;
    color: var(--wdtAccentTxtColor);
    transition: var(--wdtBaseTransition);
}

.wdt-counter-holder.wdt-rc-template-icon_aside .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span{
    background: var(--wdtHeadAltColor);
    color: var(--wdtAccentTxtColor);
}
.wdt-counter-holder.wdt-rc-template-icon_aside .wdt-content-item .wdt-content-title h5{font-size:var(--wdtFontSize_H5);}

.wdt-counter-holder.wdt-rc-template-icon_aside .wdt-content-item .wdt-content-counter{
   font-size: var(--wdtFontSize_Alt); 
   font-weight: var(--wdtFontWeight_Base);
   color: var(--wdtHeadAltColor);
}

@media only screen and (max-width:767px) {
    .wdt-counter-holder.wdt-rc-template-icon_aside .wdt-content-item {
        padding-right: 45px;
    }
}
