/** 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; }
.wdt-service-item .wdt-service-detail-group .wdt-service-categories a{text-transform: uppercase; letter-spacing: var(--wdtLetterSpacing_1X); font-size: var(--wdtFontSize_Ext);}

/** 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; height: inherit; }
.wdt-service-item .wdt-service-image > a > img { height: inherit; align-self: start; -webkit-border-radius: inherit; border-radius: inherit; object-fit: cover;}


/** 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: clamp(1.5rem, 1.375rem + 0.625vw, 2.125rem); 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); }

.wdt-dark-bg .wdt-service-item .wdt-service-title h5, .wdt-dark-bg .wdt-service-item .wdt-service-title h5 a{ color: var(--wdtAccentTxtColor); }
.wdt-dark-bg .wdt-service-item .wdt-service-title h5 a:hover{ color: var(--wdtPrimaryColor); }
.wdt-dark-bg .wdt-service-item .wdt-service-detail-group .wdt-service-categories a{color: var(--wdtAccentTxtColor);}
.wdt-dark-bg .wdt-service-item .wdt-service-detail-group .wdt-service-categories a:hover{color: var(--wdtLinkHoverColor);}

/** 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; display: flex; }


/** Type-1 Style */
.elementor-widget-container:has(.wdt-service-item.wdt-type-1) {overflow: hidden;}
.wdt-service-item.wdt-type-1 .wdt-service-title { margin-bottom: 20px; }

/* seperator */
.wdt-services-holder.wdt-type-1 { margin: 0 calc(-1 * clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem)); } /* Min- -20 & Max- -50 */

.wdt-services-holder.wdt-type-1 .wdt-service-item { padding: 0 clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem); } /* Min-20 & Max-50 */

.wdt-service-item.wdt-type-1 .wdt-service-type-icon { color: var(--wdtBodyTxtColor); font-size: clamp(3.75rem, 3.3345rem + 1.3879vw, 5rem);/*80-60*/ height: clamp(3.75rem, 3.3345rem + 1.3879vw, 5rem);/*80-60*/ width: clamp(3.75rem, 3.3345rem + 1.3879vw, 5rem);/*80-60*/ padding: 0; margin-bottom: clamp(1.875rem, 1.6672rem + 0.694vw, 2.5rem);/*40-30*/}
.wdt-service-item.wdt-type-1 .wdt-service-description{margin-bottom: clamp(1.875rem, 1.6672rem + 0.694vw, 2.5rem);/*40-30*/}
.wdt-service-item.wdt-type-1:hover .wdt-service-type-icon { color: var(--wdtLinkHoverColor);}
.wdt-service-item.wdt-type-1 .wdt-service-button > a { color: var(--wdtPrimaryColor); display: inline-block; line-height: 1; font-size: var(--wdtFontSize_Base); text-align: center; font-weight: var(--wdtFontWeight_Ext);backface-visibility: hidden; -webkit-font-smoothing: antialiased; }
.wdt-service-item.wdt-type-1:hover .wdt-service-type-icon{animation: zoom 0.6s ease-in-out;}

.wdt-service-item.wdt-type-1 .wdt-service-button > a i{
    border-radius: var(--wdtRadius_Full);
    width: 24px;
    display: inline-flex;
    height: 24px;
    background: var(--wdtPrimaryColor);
    color: var(--wdtAccentTxtColor);
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    font-size: calc(var(--wdtFontSize_Ext) - 2px);
}

/* Responsive */
@media (min-width: 480px) {
    .wdt-services-holder.wdt-type-1 .wdt-service-item::after {
        content: ''; position: absolute; right: -1px; top: 0; border-right: 1px dashed var(--wdtBorderColor); height: 100%; width: 1px;
    }
}

@media only screen and (min-width:1025px) { 
    .wdt-service-item.wdt-type-1 .wdt-service-button > a span { transition: inherit; clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0); filter: blur(2px);}
    .wdt-service-item.wdt-type-1:hover .wdt-service-button > a span { clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0);filter: blur(0); }
    .wdt-service-item.wdt-type-1 .wdt-service-button > a i {transition: inherit; position: relative; left: calc(-100% + 24px); }
    .wdt-service-item.wdt-type-1:hover .wdt-service-button > a i{ left: 0; }
    .wdt-service-item.wdt-type-1 .wdt-service-button > a i:before{rotate: -45deg; transition: var(--wdt-Ad-Transition);}
    .wdt-service-item.wdt-type-1 .wdt-service-button > a:hover i:before{rotate: 0deg;}
}


/** Type-2 Style */
.wdt-service-item.wdt-type-2{display: grid; align-items: end; border-radius: var(--wdtRadius_3X); overflow: hidden; height: 100%;}

.wdt-service-item.wdt-type-2 .wdt-service-media-group,
.wdt-service-item.wdt-type-2 .wdt-service-detail-group{
    grid-area: 1/1;  margin: 0;
}
.wdt-service-item.wdt-type-2 .wdt-service-media-group{display: flex; justify-content: center; height: inherit; }
.wdt-service-item.wdt-type-2 .wdt-service-title h5{font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem); /* Min-18 & Max-24 */ }
.wdt-service-item.wdt-type-2 .wdt-service-detail-group .wdt-service-title{margin-bottom: 16px;}
.wdt-service-item.wdt-type-2 .wdt-service-detail-group{padding: clamp(1.25rem, 0.8345rem + 1.3879vw, 2.5rem);/*40-20*/ opacity: 0; transition: var(--wdt-Ad-Transition); transform: translateY(20px);}
.wdt-services-holder.wdt-type-2{ display: flex; align-items: center; gap: 30px;flex-wrap: nowrap;}

.wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-image a::before,
.wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-image a::after {
    position: absolute;
    inset: 0;
    content: '';
    background-image: linear-gradient(0deg, rgba(var(--wdtSecondaryColorRgb), .7) 20%,  transparent 56%);
    pointer-events: none;
    z-index: 0;
    border-radius: inherit;
    width: 100%; transition: var(--wdt-Ad-Transition);
    height: 100%; opacity: 0;
}

.wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-image a::after{
    background-color: rgba(var(--wdtSecondaryColorRgb), .3);
    background-image: unset;
}

.wdt-default-item.wdt-active:has(.wdt-type-2) .wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-image a::before,
.wdt-default-item.wdt-active:has(.wdt-type-2) .wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-image a::after{opacity: 1;}

.wdt-default-item.wdt-active:has(.wdt-type-2) .wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-image a::before,
.wdt-default-item.wdt-active:has(.wdt-type-2) .wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-image a::after{opacity: 1;}
.wdt-default-item.wdt-active:has(.wdt-type-2) .wdt-service-item.wdt-type-2 .wdt-service-detail-group{ opacity: 1; transform: translateY(0px); transition-delay: 0.2s;}
.wdt-default-item.wdt-active:has(.wdt-type-2) {flex: 2.5;}


.wdt-default-item:has(.wdt-type-2) {
    flex: 1; width: 100%; overflow: hidden; display: flex; height: 630px; 
    flex-direction: column; position: relative; transition: flex .8s cubic-bezier(.29,0,.2,1); will-change: flex;
}

/* Responsive */

@media (min-width: 1281px) {
    .wdt-service-item.wdt-type-2:hover .wdt-service-media-group .wdt-service-image a::before,
    .wdt-service-item.wdt-type-2:hover .wdt-service-media-group .wdt-service-image a::after{opacity: 1;}
    .wdt-service-item.wdt-type-2:hover .wdt-service-detail-group{ opacity: 1; transform: translateY(0px); transition-delay: 0.2s;}
    .wdt-default-item:has(.wdt-type-2):hover{flex:2.5}
}

@media (max-width: 1280px) {.wdt-service-item .wdt-service-image > a {pointer-events: none;}}

@media (max-width: 767px) {
    .wdt-services-holder.wdt-type-2{flex-direction: column; gap: 20px;}
    .wdt-default-item .wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-image a::before,
    .wdt-default-item .wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-image a::after{opacity: 1;}
    .wdt-default-item .wdt-service-item.wdt-type-2 .wdt-service-detail-group{ opacity: 1; transform: translateY(0px); transition-delay: 0.2s;}
    .wdt-default-item:has(.wdt-type-2),
    .wdt-default-item.wdt-active:has(.wdt-type-2) {flex: unset; height: 350px;}
}