/** 
    Common 
*/

.wdt-service-item { border-color: transparent; border-style: solid; border-width: 0; position: relative; z-index: 0; }

.wdt-service-item, 
.wdt-service-item .wdt-service-image > a, 
.wdt-service-item .wdt-service-image img, 
.wdt-service-item .wdt-service-type-icon, 
.wdt-service-item .wdt-service-type-icon:before, 
.wdt-service-item a, 
.wdt-service-item .wdt-service-title h5, 
.wdt-service-item .wdt-service-title h5 > a, 
.wdt-service-item .wdt-service-description { 
    -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }

.wdt-service-item > div:empty { display: none; }

.wdt-service-item > div:not(:last-child),
.wdt-service-item .wdt-service-media-group > div:not(:last-child),
.wdt-service-item .wdt-service-detail-group > div:not(:last-child) { margin-bottom: 14px; }


/** 
    Image Element 
*/

.wdt-service-item .wdt-service-media-group { position: relative; }

.wdt-service-item .wdt-service-image,
.wdt-service-item .wdt-service-image > a { display: inline-flex; }

.wdt-service-item .wdt-service-image > a > img { height: inherit; align-self: start; -webkit-border-radius: inherit; border-radius: inherit; }


/** 
    Icon Element 
*/

.wdt-service-item .wdt-service-type-icon { display: inline-flex; justify-content: center; align-items: center; 
    font-size: 2rem; height: 1em; line-height: 1; padding: 5px; position: relative; text-align: center; vertical-align: top; width: 1em; z-index: 0; 
    color: inherit; font-size: inherit; height: 1em; width: 1em; }

.wdt-service-item .wdt-service-type-icon svg { fill: currentColor; height: 1em; width: 1em; }
.wdt-service-item .wdt-service-type-icon img { object-fit: contain; object-position: center center; height: 1em; width: 1em; }

/** 
    Title & Title Element Group 
*/

.wdt-service-item .wdt-service-title h5 { display: block; font-size: 1.25em; font-weight: var(--wdtFontWeight_H5); 
    margin-top: 0px; margin-bottom: 0; text-transform: none; }

.wdt-service-item .wdt-service-title h5, 
.wdt-service-item .wdt-service-title h5 a { color: var(--wdt-elementor-color-primary); }
.wdt-service-item .wdt-service-title h5 a:hover { color: var(--wdt-elementor-color-accent); }


/** 
    Content & Description Element 
*/

.wdt-service-item .wdt-service-detail-group { position: relative; }
.wdt-service-item .wdt-service-description { position: relative; z-index: 0; }

/** 
    Button Element 
*/

.wdt-service-item .wdt-service-button { position: relative; z-index: 0; }

.wdt-service-item .wdt-service-button > a { border: 1px solid transparent; background-color: var(--wdt-elementor-color-accent); 
    color: var(--wdt-elementor-color-white); fill: var(--wdt-elementor-color-white); display: inline-block; line-height: 1; 
    font-size: 1em; padding: 0.75em 1.5em; text-align: center; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); }

.wdt-service-item .wdt-service-button > a:hover { background-color: var(--wdtSecondaryColor); }



/** 
    Type-1 Style
*/

.wdt-service-item.wdt-type-1 {
    display: flex;
    flex-direction: row-reverse;
    gap: clamp(1.875rem, -0.2083rem + 4.3403vw, 5rem); /* Min-30 & Max-80 */
    transition: var(--wdtBaseTransition);
    -webkit-transition: var(--wdtBaseTransition);
}
.wdt-service-item.wdt-type-1 > div:not(:last-child){
    margin-bottom: 0;
} 
.wdt-service-item.wdt-type-1 .wdt-service-media-group {
    display: flex;
}
.wdt-service-item.wdt-type-1 .wdt-service-media-group .wdt-service-image { height: 100%; }
.wdt-service-item.wdt-type-1 .wdt-service-media-group .wdt-service-image a { height: 100%; overflow: hidden; }
.wdt-service-item.wdt-type-1 .wdt-service-media-group .wdt-service-image img {
    width: 100%; height: 100%; object-fit: cover; /* min-height: 200px; */ transform: scale(1); transition: var(--wdtAltTransition); }
.wdt-service-item.wdt-type-1:hover .wdt-service-media-group .wdt-service-image img { transform: scale(1.1); }
.wdt-service-item.wdt-type-1 .wdt-service-detail-group {
    align-content: center;
}

.wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-features-wrap{ display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(200px, auto)); }
.wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-feature{ display: flex; align-items: flex-start; gap: 10px; flex: 1 1 50%; }
.wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-feature-icon .wdt-service-type-icon { font-size: 25px; padding: 0; top: .15em; }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-title h5 { font-size: clamp(1.5625rem, 1.4586rem + 0.347vw, 1.875rem); /* Min-25 & Max-30 */ }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-title h5,
.wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-title a{ color: var(--wdtHeadAltColor); }
.wdt-service-item.wdt-type-1:hover .wdt-service-detail-group .wdt-service-title a{ color: var(--wdtPrimaryColor); }
.wdt-dark-bg .wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-title a{ color: var(--wdtAccentTxtColor); }
.wdt-dark-bg .wdt-service-item.wdt-type-1:hover .wdt-service-detail-group .wdt-service-title a{ color: var(--wdtPrimaryColor); }
.wdt-dark-bg .wdt-service-item.wdt-type-1:hover .wdt-service-detail-group .wdt-service-title a:hover,
.wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-title a:hover { color: rgba(var(--wdtPrimaryColorRgb),.8); }
.wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-description{
    margin-bottom: clamp(1.25rem, 1.041rem + 0.9554vw, 2.1875rem); /* 35 - 20 */
}
.wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-button {
    margin-top: clamp(1.25rem, 0.9713rem + 1.2739vw, 2.5rem); /* 40 - 20 */
}


.wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-button a { font-size: var(--wdtFontSize_Ext);
    padding: var(--wdtPadding_Btn); font-family: var(--wdtFontTypo_Base); font-weight: var(--wdtFontWeight_Ext); text-transform: uppercase; 
    letter-spacing: var(--wdtLetterSpacing_3X); border: 1px solid transparent; line-height: 1; background-color: transparent; color: var(--wdtSecondaryColor);
    pointer-events: none; display: flex; width: fit-content; height: fit-content; 
    transition: .3s all .3s linear, border-color .3s linear .25s, color .3s linear 0s; border-radius: var(--wdtRadius_Zero); }

.wdt-dark-bg .wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-button a { color: var(--wdtAccentTxtColor); }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-button a span.wdt-button-text{ clip-path: inset(0% 100% 0 0);
    -webkit-clip-path: inset(0% 100% 0 0); display: inline-block; transition: .3s clip-path .2s linear;
display: inline-grid ; align-content: center; text-align: left; gap: 10px; height: 100%; }
.wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-button a:hover span.wdt-button-text{ 
    clip-path: inset(0% 0% 0 0); -webkit-clip-path: inset(0% 0% 0 0); }


.wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-button>a:before{ font-family: "wdt-extra-icon"; content: '\e801'; 
    letter-spacing: normal; font-size: inherit; color: inherit; text-indent: 0; position: absolute; margin: 0; opacity: 1; font-weight: var(--wdtFontWeight_Alt);
    transition: all 0.3s ease-in-out 0s, opacity 0.3s ease-in-out .2s, border-color .3s ease-in-out 0s,transform .55s ease-in-out .1s, visibility 0.3s ease-in-out .25s; }
.wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-button>a:before{ width: 48px; height: 48px; top: 0; left: 0; text-align: center;
    vertical-align: middle; line-height: 48px; opacity: 1; visibility: visible; border: 1px solid rgba(var(--wdtBorderColorRgb), 1); 
    border-radius: var(--wdtRadius_Full); pointer-events: all; transform: translateX(0); transform-origin: left center; }
.wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-button>a:hover:before{
    opacity: 0; visibility: hidden; border-color: transparent; transform: translateX(calc(100% + 150px)); transform-origin: right center; border-radius: 0; }
.wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-button>a:hover{ color: var(--wdtPrimaryColor); border-color: rgba(var(--wdtBorderColorRgb), 1); pointer-events: all; }
.wdt-dark-bg .wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-button>a:hover{ color: var(--wdtPrimaryColor); border-color: currentColor; }
.wdt-dark-bg .wdt-service-item.wdt-type-1 .wdt-service-detail-group .wdt-service-button>a:before{ border-color: rgba(var(--wdtAccentTxtColorRgb), .5); }

@media only screen and (min-width: 1025px) {
    .wdt-service-item.wdt-type-1 .wdt-service-media-group {
        flex-basis: 60%;
    }
    .wdt-service-item.wdt-type-1 .wdt-service-detail-group {
        flex-basis: 40%;
        padding: clamp(1.25rem, 0.6009rem + 2.9674vw, 2.5rem) 0; /* 40 - 20 */
    }
    .wdt-column:nth-child(2n) .wdt-service-item.wdt-type-1 {
        flex-direction: row;
    }
}
@media only screen and (max-width: 1024px) {
    .wdt-service-item.wdt-type-1 {
        flex-direction: column;
        gap: clamp(1.5625rem, 1.0757rem + 2.2255vw, 2.5rem); /* Min-25 & Max-40 */
    }
}
/** 
    Type-2 Style
*/

.wdt-service-item.wdt-type-2 { padding: 20px; text-align: left; border-radius: 20px; }

.wdt-service-item.wdt-type-2 .wdt-service-type-icon { 
    background-color: var(--wdt-elementor-color-white); color: rgba(var(--wdt-elementor-color-accent-rgb),0.85); 
    font-size: 24px; height: 60px; width: 60px; -webkit-border-radius: 50%; border-radius: 50%; 
    -webkit-box-shadow: 0 0 3px 0 rgba(var(--wdt-elementor-color-secondary-rgb),0.15); 
    box-shadow: 0 0 3px 0 rgba(var(--wdt-elementor-color-secondary-rgb),0.15); }

.wdt-service-item.wdt-type-2:hover .wdt-service-type-icon { 
    background-color: var(--wdt-elementor-color-accent); color: var(--wdt-elementor-color-white); }


/** 
    Type-3 Style
*/
