
.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; }

.wdt-dark-bg .wdt-content-item .wdt-content-counter { color: var(--wdt-elementor-color-white); }


/* Default Template */

.wdt-counter-holder.wdt-rc-template-default .wdt-content-item { text-align: center; }

.wdt-counter-holder.wdt-rc-template-default .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: var(--wdtFontSize_H3); height: 75px; width: 75px; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); }

.wdt-counter-holder.wdt-rc-template-default .wdt-content-item .wdt-content-counter {font-size: clamp(2.625rem, 2.1679rem + 1.5267vw, 4rem)/* 42 - 64 */; line-height: normal; }
.wdt-counter-holder.wdt-rc-template-default .wdt-content-item .wdt-content-counter-wrapper{margin-bottom: 10px;}

.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-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: var(--wdtFontWeight_Alt); }


/* 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 .wdt-content-icon-wrapper .wdt-content-icon span  { padding: 0; font-size:var(--wdtFontSize_H3); }

.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); }

.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 0px; }

.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item > div[class*="group"] .wdt-content-subtitle + .wdt-content-title { margin-top: 0; }

.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-detail-group {
    display: flex;
    align-items: baseline;
    justify-content: inherit;
    gap: clamp(0.9375rem, 0.8678rem + 0.3185vw, 1.25rem);/* 20 - 15 */
}

.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-counter-wrapper .wdt-content-counter {
    font-size: clamp(2.625rem, 2.3185rem + 1.4013vw, 4rem);/* 64 - 42 */
    font-weight: var(--wdtFontWeight_Ext);
    line-height: var(--wdtLineHeight_H4);
    color: var(--wdtPrimaryColor);
}

.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item > div:not(:last-child) {
    margin-bottom: clamp(0.875rem, 0.7357rem + 0.6369vw, 1.5rem);/* 24 - 14 */
}

.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-title h4 {
    color: var(--wdtHeadAltColor);
}

.wdt-dark-bg .wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-title h4 {
   color: var(--wdtBodyBGColor); 
}

.wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-description {
    color: var(--wdtBodyTxtColor);
}

.wdt-dark-bg .wdt-counter-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-description {
    color: var(--wdtBodyBGColor);
}

@media (min-width:768px) {

 .wdt-counter-holder.wdt-rc-template-standard .wdt-column-wrapper .wdt-column {
    position: relative;
 }   

.wdt-counter-holder.wdt-rc-template-standard .wdt-column-wrapper .wdt-column:not(:last-child)::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 55%;
    background-color: rgba(var(--wdtBorderColorRgb),0.3);
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    margin: auto;
}
}


/* Counter With Image */

.wdt-counter-holder.wdt-rc-template-with-image .wdt-content-item {
    display: flex;
    justify-content: inherit;
    align-items: center;
    gap: 20px;
}

.wdt-counter-holder.wdt-rc-template-with-image .wdt-content-item:hover .wdt-content-image img {
    transform: scale(1) translateX(0px);
}

.wdt-counter-holder.wdt-rc-template-with-image .wdt-content-item .wdt-content-media-group > div:not(:last-child) {
    margin-bottom: 0px;
}

.wdt-counter-holder.wdt-rc-template-with-image .wdt-content-item > div:not(:last-child) {
    margin-bottom: 0px;
}

.wdt-counter-holder.wdt-rc-template-with-image .wdt-content-media-group {
    display: grid;
    place-items: center;
    align-items: center;
}

.wdt-counter-holder.wdt-rc-template-with-image .wdt-content-counter-wrapper {
    grid-area: -1 / 1;
}

.wdt-counter-holder.wdt-rc-template-with-image .wdt-content-image-wrapper {
   grid-area: -1 / 1; 
}

.wdt-counter-holder.wdt-rc-template-with-image .wdt-content-item .wdt-content-counter-wrapper .wdt-content-counter {
    color: var(--wdtHeadAltColor);
    font-size: var(--wdtFontSize_H4);
    line-height: var(--wdtLineHeight_H2);
    font-style:italic;
}

.wdt-dark-bg .wdt-counter-holder.wdt-rc-template-with-image .wdt-content-item .wdt-content-counter-wrapper .wdt-content-counter {
    color: var(--wdtBodyBGColor);
}

.wdt-counter-holder.wdt-rc-template-with-image .wdt-content-item .wdt-content-title .wdt-content-text {
    color: var(--wdtHeadAltColor);
}

.wdt-dark-bg .wdt-counter-holder.wdt-rc-template-with-image .wdt-content-item .wdt-content-title .wdt-content-text {
    color: var(--wdtBodyBGColor);
}

.wdt-counter-holder.wdt-rc-template-with-image .wdt-content-item .wdt-content-description {
    color: rgba(var(--wdtHeadAltColorRgb),0.8);
}

.wdt-dark-bg .wdt-counter-holder.wdt-rc-template-with-image .wdt-content-item .wdt-content-description {
    color: var(--wdtBodyBGColor);
}

.wdt-counter-holder.wdt-rc-template-with-image .wdt-content-item .wdt-content-detail-group > div:not(:last-child) {
    margin-bottom: 8px;
}