/** 
    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 .wdt-content-text, 
.wdt-service-item .wdt-service-title .wdt-content-text > 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 { object-fit: cover; object-position: center center; 
    transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition);
    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; 
    height: 1em; line-height: 1; padding: 0px; position: relative; text-align: center; vertical-align: top; width: 1em; 
    z-index: 0; color: inherit; font-size: var(--wdtFontSize_H2); 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 .wdt-content-text { display: block; font-weight: var(--wdtFontWeight_H5); 
    margin-top: 0px; margin-bottom: 0; text-transform: none; }

.wdt-service-item .wdt-service-title .wdt-content-text, 
.wdt-service-item .wdt-service-title .wdt-content-text a { color: var(--wdt-elementor-color-primary); }
.wdt-service-item .wdt-service-title .wdt-content-text a:hover { color: var(--wdtPrimaryColor); }

.wdt-service-item .wdt-service-title-icon-group { display: flex; align-items: center; gap: 14px; }
.wdt-service-item .wdt-service-title-icon-group .wdt-service-title { flex: 1 1 auto; }
.wdt-service-item .wdt-service-title-icon-group .wdt-service-type-icon { flex-shrink: 0; }

.wdt-dark-bg .wdt-service-item .wdt-service-title .wdt-content-text, 
.wdt-dark-bg .wdt-service-item .wdt-service-title .wdt-content-text a:not(:hover) { color: var(--wdt-elementor-color-white); }


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


/** 
    Pagination Element
*/

.wdt-services-holder .wdt-pagination { flex: 0 0 100%; margin: 40px 0 0; text-align: center; }
.wdt-services-holder .wdt-pagination ul { list-style-type: none; padding: 0; margin: 0; display: inline-flex; }
.wdt-services-holder .wdt-default-item:not(:last-child) { margin-bottom: 10px; }


/*======================= 
    Classic Style
=========================*/

.wdt-service-item.wdt-classic { display: flex; flex-direction: column; gap: clamp(0.9375rem, 0.522rem + 1.3879vw, 2.1875rem) /*35px - 15px*/; }
.wdt-service-item.wdt-classic > div:not(:last-child),
.wdt-service-item.wdt-classic .wdt-service-media-group > div:not(:last-child),
.wdt-service-item.wdt-classic .wdt-service-detail-group > div:not(:last-child) { margin-bottom: 0px; }

.wdt-service-item.wdt-classic .wdt-service-media-group { display: grid; justify-items: center; align-items: center; }
.wdt-service-item.wdt-classic .wdt-service-media-group > div{ grid-area: 1/-1; }

.wdt-service-item.wdt-classic .wdt-service-media-group > div.wdt-service-image, 
.wdt-service-item.wdt-classic .wdt-service-media-group > div.wdt-service-image > a {
    border-radius: var(--wdtRadius_2X);
    box-shadow: none;
    transition: var(--wdt-Ad-Transition);
}
.wdt-active .wdt-service-item.wdt-classic .wdt-service-media-group > div.wdt-service-image, 
.wdt-active .wdt-service-item.wdt-classic .wdt-service-media-group > div.wdt-service-image > a,
.wdt-service-item.wdt-classic:hover .wdt-service-media-group > div.wdt-service-image, 
.wdt-service-item.wdt-classic:hover .wdt-service-media-group > div.wdt-service-image > a { box-shadow: none; }

.wdt-service-item.wdt-classic .wdt-service-detail-group > div.wdt-service-title-desc-group { padding-top: 6px; }

.wdt-service-item.wdt-classic .wdt-service-media-group .wdt-service-image > a > img { aspect-ratio: 1; }

.wdt-service-item.wdt-classic .wdt-service-detail-group { display: flex; flex-direction: row; gap: 14px; }
.wdt-service-item.wdt-classic .wdt-service-detail-group .wdt-service-type-icon { order: -1; color: var(--wdtHeadAltColor); }

.wdt-service-item.wdt-classic .wdt-service-title .wdt-content-text { margin-bottom: 8px; }

.wdt-service-item.wdt-classic .wdt-service-button { display: flex; justify-content: center; }
.wdt-service-item.wdt-classic .wdt-service-button { opacity: 0; transform: scale(.9); transition: var(--wdt-Ad-Transition); }

.wdt-service-item.wdt-classic .wdt-service-button > a { transition: var(--wdt-Ad-Transition);
    background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); display: flex; text-align: center; justify-content: center; }
.wdt-service-item.wdt-classic:hover .wdt-service-button,
.wdt-active .wdt-service-item.wdt-classic .wdt-service-button { opacity: 1; transform: scale(1); }
.wdt-service-item.wdt-classic:hover .wdt-service-button > a:hover { background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); }


/*===================
    Modern Style
=====================*/

.wdt-service-item.wdt-modern { display: grid; align-items: end; justify-items: flex-start;
    gap: clamp(1.875rem, -0.2083rem + 4.3403vw, 5rem); /* Min-30 & Max-80 */  height: 100% ;
    transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition); }

.wdt-service-item.wdt-modern > div { grid-area: 1/-1; } 

.wdt-service-item.wdt-modern > div:not(:last-child),
.wdt-service-item.wdt-modern .wdt-service-media-group > div:not(:last-child), 
.wdt-service-item.wdt-modern .wdt-service-detail-group > div:not(:last-child) { margin-bottom: 0; } 
.wdt-service-item.wdt-modern .wdt-service-media-group { display: flex; height: 100%; }
.wdt-service-item.wdt-modern .wdt-service-media-group .wdt-service-image,
.wdt-service-item.wdt-modern .wdt-service-media-group .wdt-service-image a { position: relative; min-height: 450px;
    border-radius: var(--wdtRadius_2X); width: 100%; height: 100%; overflow: hidden; z-index: 0; }

.wdt-service-item.wdt-modern .wdt-service-media-group .wdt-service-image a:before {
    content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(var(--wdtHeadAltColorRgb), .15); z-index: 1; }

.wdt-service-item.wdt-modern .wdt-service-media-group .wdt-service-image img { aspect-ratio: 1/1.4;
    width: 100%; height: 100%; object-fit: cover; transition: var(--wdtAltTransition); }
.wdt-service-item.wdt-modern .wdt-service-content-group {
    align-content: center; padding: 24px 25px; margin: 130px 20px 20px; background-color: var(--wdtTertiaryColor); align-items: center; 
    border-radius: var(--wdtRadius_2X); display: grid; flex-direction: column; gap: 15px; grid-template-columns: auto 1fr; max-width: 400px; }
.wdt-service-item.wdt-modern .wdt-service-detail-group > .wdt-service-type-icon {
    padding: 12px; background-color: rgba(var(--wdtPrimaryColorRgb), .15); width: 70px; height: 70px;
    border-radius: var(--wdtRadius_1X); color: var(--wdtHeadAltColor); font-size: var(--wdtFontSize_H3); }

/* .wdt-service-item.wdt-modern .wdt-service-content-group .wdt-service-features{ display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(220px, auto)); }
.wdt-service-item.wdt-modern .wdt-service-content-group .wdt-service-feature{ display: flex; align-items: flex-start; gap: 10px; flex: 1 1 50%; }
.wdt-service-item.wdt-modern .wdt-service-content-group .wdt-feature-item .wdt-feature-icon { font-size: 25px; padding: 0; top: .15em; position: relative; display: inline-flex; }
.wdt-service-item.wdt-modern .wdt-service-content-group .wdt-feature-item .wdt-feature-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-modern .wdt-service-content-group .wdt-feature-item .wdt-feature-icon { font-size: 25px; padding: 0; top: .15em; position: relative; display: inline-flex; } */
.wdt-service-item.wdt-modern .wdt-service-content-group .wdt-feature-item { display: flex; gap: 10px; align-items: flex-start; }
.wdt-service-item.wdt-modern .wdt-service-content-group .wdt-service-title .wdt-content-text,
.wdt-dark-bg .wdt-service-item.wdt-modern .wdt-service-content-group .wdt-service-title a,
.wdt-service-item.wdt-modern .wdt-service-content-group .wdt-service-title a{ color: var(--wdtHeadAltColor); }

.wdt-dark-bg .wdt-service-item.wdt-modern .wdt-service-content-group .wdt-service-title a:hover,
.wdt-service-item.wdt-modern .wdt-service-content-group .wdt-service-title a:hover { color: rgba(var(--wdtPrimaryColorRgb),1); }
.wdt-service-item.wdt-modern .wdt-service-content-group .wdt-service-button { margin-top: clamp(1.25rem, 0.9713rem + 1.2739vw, 2.5rem); /* 40 - 20 */ }

.wdt-service-item.wdt-modern .wdt-service-description { display: none; }


/*=================
    Minimal Style
===================*/

.wdt-service-item.wdt-minimal { padding: 10px; background: var(--wdtTertiaryColor); display: flex; flex-direction: column-reverse; }
.wdt-service-item.wdt-minimal .wdt-service-media-group { margin-bottom: 0; display: flex; flex-direction: column; }
.wdt-service-item.wdt-minimal .wdt-service-content-group { padding: clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem); }
.wdt-service-item.wdt-minimal .wdt-service-title h5 { font-size: clamp(1.375rem, 1.3471rem + 0.1274vw, 1.5rem); }
.wdt-service-item.wdt-minimal .wdt-service-type-icon { font-size: clamp(1.875rem, 1.8053rem + 0.3185vw, 2.1875rem); width: clamp(3.75rem, 3.6803rem + 0.3185vw, 4.0625rem); height: clamp(3.75rem, 3.6803rem + 0.3185vw, 4.0625rem); background: var(--wdtAccentTxtColor); color: var(--wdtPrimaryColor); }
.wdt-service-item.wdt-minimal .wdt-service-button > a { padding: 0;  width: clamp(3.75rem, 3.6803rem + 0.3185vw, 4.0625rem); height: clamp(3.75rem, 3.6803rem + 0.3185vw, 4.0625rem); font-size: 0; display: inline-flex; align-items: center; justify-content: center; }
.wdt-service-item.wdt-minimal .wdt-service-button > a::before { content: '\e85b'; font-family: 'Gensure Icons'; display: inline-flex; background: inherit; width: 1em; height: 1em; line-height: 1; font-size: 20px; transform: rotate(-45deg); justify-content: center; }
.wdt-service-item.wdt-minimal .wdt-service-button > a:hover::before { animation: wdt-btn-icon 0.3s ease; -webkit-animation: wdt-btn-icon 0.3s ease; }
.wdt-service-item.wdt-minimal .wdt-service-content-group { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
.wdt-service-item.wdt-minimal .wdt-service-content-group .wdt-service-meta { display: grid; align-items: center; justify-content: center; justify-self: end; overflow: hidden; }
.wdt-service-item.wdt-minimal .wdt-service-content-group .wdt-service-meta > div { grid-area: 1/-1; }
.wdt-service-item.wdt-minimal .wdt-service-content-group .wdt-service-title { flex: 0 0 60%; }
.wdt-service-item.wdt-minimal .wdt-service-content-group .wdt-service-meta .wdt-service-button { transform: translate(-100%, 100%); -webkit-transform: translate(-100%, 100%); transition: var(--wdt-Ad-Transition); }
.wdt-service-item.wdt-minimal:hover .wdt-service-content-group .wdt-service-meta .wdt-service-button { transform: translate(0%, 0%); -webkit-transform: translate(-0%, 0%); }
.wdt-service-item.wdt-minimal .wdt-service-content-group .wdt-service-type-icon { transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); transition: var(--wdt-Ad-Transition); }
.wdt-service-item.wdt-minimal:hover .wdt-service-content-group .wdt-service-type-icon { transform: translate(-100%, 100%); -webkit-transform: translate(-100%, 100%); }
.wdt-service-item.wdt-minimal .wdt-service-image .wdt-service-duration { position: absolute; bottom: 30px; left: 0; right: 0; width: fit-content; color: var(--wdtAccentTxtColor); background: rgb(var(--wdtSecondaryColorRgb), .8); padding: 5px 10px;  backdrop-filter: blur(2px); margin: 0 auto; font-size: clamp(0.875rem, 0.8471rem + 0.1274vw, 1rem); }
.wdt-services-wrapper.swiper-wrapper .wdt-service-item.wdt-minimal .wdt-service-description { margin: 0 30px; border-top: 1px solid var(--wdtBorderColor); }
.wdt-service-item.wdt-minimal .wdt-service-description { margin-left: 30px; margin-right: 30px; padding: 30px 0; border-top: 1px solid transparent; }
.wdt-service-item.wdt-minimal:hover .wdt-service-description { border-color: var(--wdtBorderColor); }
.wdt-service-item.wdt-minimal .wdt-service-image, 
.wdt-service-item.wdt-minimal .wdt-service-image > a { overflow: hidden; height: inherit;  transition: var(--wdt-Ad-Transition); transform: scale(1); -webkit-transform: scale(1); }
.wdt-service-item.wdt-minimal:hover .wdt-service-image > a { transform: scale(1.2); -webkit-transform: scale(1.2); }
.wdt-service-item.wdt-minimal .wdt-service-image > a > img { height: inherit; object-fit: cover; }


/*=================
    Default Style
===================*/
/* Default Style */
.wdt-service-item.wdt-default {
    display: grid; gap: clamp(1.5625rem, 1.4586rem + 0.347vw, 1.875rem) /*30px - 20px*/; padding: 20px 15px; border-radius: var(--wdtRadius_2X); background-color: var(--wdtTertiaryColor); }

.wdt-service-item.wdt-default .wdt-service-detail-group{ padding: 0 10px; }

.wdt-services-holder:has(.wdt-service-item.wdt-default) .wdt-column{
    container: service-holder / inline-size;
    contain: layout inline-size;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.wdt-service-item.wdt-default > div:not(:last-child),
.wdt-service-item.wdt-default .wdt-service-media-group > div:not(:last-child) { margin-bottom: 0px; }

/* Media Query for Default Style */
.wdt-service-item.wdt-default .wdt-service-media-group { display: grid; justify-items: end; align-items: end; }
.wdt-service-item.wdt-default .wdt-service-media-group > div{ grid-area: 1/-1; }
.wdt-service-item.wdt-default .wdt-service-media-group > div.wdt-service-image{ border-radius: var(--wdtRadius_2X); }
.wdt-service-item.wdt-default .wdt-service-media-group .wdt-service-image > a > img { aspect-ratio: 1/0.75; }

.wdt-service-item.wdt-default .wdt-service-media-group > div.wdt-service-type-icon {
    width: clamp(4.625rem, 2.9619rem + 3.4692vw, 7.125rem); height: clamp(4.625rem, 2.9619rem + 3.4692vw, 7.125rem); 
    border: 7px solid var(--wdtTertiaryColor); border-radius: var(--wdtRadius_Full); font-size: clamp(2.25rem, 2.0855rem + 0.6579vw, 2.875rem); /* Min-36 & Max-46 */
    margin-right: clamp(1.5625rem, 0.9389rem + 1.301vw, 2.5rem); transform: translateY(calc(50% - 5px)); color: var(--wdtAccentTxtColor); 
    background-color: var(--wdtPrimaryColor); opacity: 0; transition: var(--wdt-Ad-Transition); }

.wdt-active .wdt-service-item.wdt-default .wdt-service-media-group > div.wdt-service-type-icon { opacity: 1; }
.wdt-active .wdt-service-item.wdt-default .wdt-service-title-icon-group .wdt-service-type-icon { opacity: 0; }

.wdt-service-item.wdt-default .wdt-service-title-icon-group .wdt-service-type-icon {
    width: clamp(4.625rem, 2.9619rem + 3.4692vw, 7.125rem); height: 100%; color: var(--wdtHeadAltColor); 
    transition: var(--wdt-Ad-Transition); opacity: 1; }

.wdt-service-item.wdt-default .wdt-service-type-icon svg { margin: -0.25em 0 -0.15em; }

.wdt-service-item.wdt-default .wdt-service-description { max-width: calc(100% - clamp(0.625rem, 2.9619rem + 3.4692vw, 7.125rem)); }

.wdt-service-item.wdt-default .wdt-service-button {
    display: flex; width: 100%; justify-content: center; padding-top: 20px; border-top: 1px solid var(--wdtBorderColor); margin-top: 16px; }

.wdt-service-item.wdt-default .wdt-service-button > a {
    background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); display: flex; 
    width: 100%; text-align: center; justify-content: center; padding: 15px 20px; }

.wdt-service-item.wdt-default:hover .wdt-service-button > a,
.wdt-active .wdt-service-item.wdt-default .wdt-service-button > a { background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); }
.wdt-service-item.wdt-default:hover .wdt-service-button > a:hover { background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); }


/* Dark Background Adjustments for Default Style */
.wdt-dark-bg .wdt-service-item.wdt-default { background-color: var(--wdtAccentTxtColor); }

.wdt-dark-bg .wdt-service-item.wdt-default .wdt-service-media-group > div.wdt-service-type-icon { border-color: var(--wdtAccentTxtColor); }
.wdt-dark-bg .wdt-service-item.wdt-default,
.wdt-dark-bg .wdt-service-item .wdt-service-title .wdt-content-text, 
.wdt-dark-bg .wdt-service-item .wdt-service-title .wdt-content-text a:not(:hover) { color: var(--wdtHeadAltColor); }
.wdt-dark-bg .wdt-service-item.wdt-default .wdt-service-description { color: var(--wdtBodyTxtColor); }
.wdt-dark-bg .wdt-service-item.wdt-default .wdt-service-button > a {background-color: rgba(var(--wdtSecondaryColorRgb), 0.05);}
.wdt-dark-bg .wdt-service-item.wdt-default:hover .wdt-service-button > a,
.wdt-dark-bg .wdt-active .wdt-service-item.wdt-default .wdt-service-button > a { background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); }
.wdt-dark-bg .wdt-service-item.wdt-default:hover .wdt-service-button > a:hover { background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); }

@container service-holder (max-width: 350px) {
    .wdt-service-item.wdt-default .wdt-service-title-icon-group .wdt-service-type-icon{
        display: none;
    }
    .wdt-service-item.wdt-default .wdt-service-description{
        width: 100%;
        max-width: 100%;
    }
}