/** 
    Common 
*/

.wdt-services-holder .wdt-services-wrapper .swiper-slide { cursor: grab; }

.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-family: var(--wdtFontTypo_Alt); font-size: clamp(1.5rem, 1.4333rem + 0.3681vw, 1.875rem); /*30px - 24px*/ 
    font-weight: var(--wdtFontWeight_Alt); text-transform: capitalize; 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; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; 
    line-clamp: 2; -webkit-box-orient: vertical; z-index: 0; }

/** 
    Button Element 
*/

.wdt-service-item .wdt-service-button { position: relative; z-index: 0; }

.wdt-service-item .wdt-service-button > a {
    background-color: var(--wdt-elementor-color-accent); color: var(--wdt-elementor-color-white); 
    fill: var(--wdt-elementor-color-white); display: inline-block; font-family: var(--wdtFontTypo_Base); 
    font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Ext); line-height: var(--wdtLineHeight_Alt); 
    text-transform: capitalize; padding: var(--wdtPadding_Btn); text-align: center; border: 1px solid transparent; 
    -webkit-border-radius: var(--wdtRadius_2X); -webkit-border-radius: var(--wdtRadius_Part); border-radius: var(--wdtRadius_Part); }

.wdt-service-item .wdt-service-button > a:hover { background-color: var(--wdtSecondaryColor); }


/*--------------------------------------------------------------
	Type-1 Style
--------------------------------------------------------------*/

/* Common Styles */

.wdt-service-item.wdt-type-1 {position: relative;overflow: hidden;display: grid;align-items: end;border-radius: var(--wdtRadius_2X);}
.wdt-service-item.wdt-type-1 .wdt-service-media-group {     
    grid-area: 1 / -1; position: relative; overflow: hidden; 
    display: inline-grid; align-content: end; margin-top: 1px; }
.wdt-service-item.wdt-type-1 > div:not(:last-child) { margin-bottom: 0; }

/* Media Group Styles */

/* .wdt-service-item.wdt-type-1 .wdt-service-media-group,
.wdt-service-item.wdt-type-1 .wdt-service-media-group .wdt-service-image,
.wdt-service-item.wdt-type-1 .wdt-service-media-group .wdt-service-image a,
.wdt-service-item.wdt-type-1 .wdt-service-media-group .wdt-service-image a img {
    height: 100%; max-height: 100%; min-height: 100%; object-fit: cover; object-position: center; } */

.wdt-service-item.wdt-type-1 .wdt-service-media-group .wdt-service-image a img {
    -webkit-transform: scale(1); transform: scale(1); 
    -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition);
    backface-visibility: hidden; will-change: transform; isolation: isolate; }

.wdt-service-item.wdt-type-1:hover .wdt-service-media-group .wdt-service-image a img {
    -webkit-transform: scale(1.1); transform: scale(1.1); }

/* Detail Group Styles */

.wdt-service-item.wdt-type-1 .wdt-service-detail-group {
    grid-area: 1 / -1;
    align-content: end;
    padding: clamp(1.25rem, 1.1388rem + 0.6135vw, 1.875rem); /*30px - 20px*/
    color: var(--wdtAccentTxtColor);
    background: rgba(var(--wdtAccentTxtColorRgb), 0.08);
    margin: 15px;
    backdrop-filter: blur(24px);
    -webkit-transition: var(--wdt-Ad-Transition);
    transition: var(--wdt-Ad-Transition);
    border-radius: inherit;
    overflow: hidden;
    border: 1px solid rgba(var(--wdtBodyBGColorRgb),0.15);
}
.wdt-service-item.wdt-type-1:hover .wdt-service-detail-group {
     -webkit-transform: translateY(0);
     transform: translateY(0);
}  
.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div:not(:last-child),
.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-sevice-top-group > div:not(:last-child) {
    margin-bottom: 8px; }
.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-sevice-top-group  div.wdt-service-title { margin:0;}
.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-sevice-bottom-group > div:not(:last-child) {
    margin-right: 20px; }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group::before {
    content: none;
}

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-sevice-top-group .wdt-service-type-price-group,
.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-sevice-top-group .wdt-service-type-price-group .wdt-service-type-price-wrapper {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    font-family: var(--wdtFontTypo_Base);
    font-size: var(--wdtFontSize_H6); /*16px - 14px*/
    font-weight: var(
    --wdtFontWeight_Base);
    letter-spacing: 0;
    text-transform: capitalize;
    gap: 5px;
    }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-sevice-top-group .wdt-service-type-price-group .wdt-service-type-price del {
    opacity: 0.7; }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-sevice-bottom-group {
    display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(var(--wdtBorderColorRgb),0.25);
    padding-top: clamp(0.9375rem, 0.8819rem + 0.3067vw, 1.25rem); /*20px - 15px*/ 
    margin-top: clamp(0.9375rem, 0.8819rem + 0.3067vw, 1.25rem); /*20px - 15px*/ }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-sevice-bottom-group .wdt-service-button a { 
    width:  clamp(3.125rem, 2.9167rem + 0.6944vw, 3.75rem); /*50px - 60px*/
    height:  clamp(3.125rem, 2.9167rem + 0.6944vw, 3.75rem);/*50px - 60px*/
    font-size: clamp(1.25rem, 1.1923rem + 0.2564vw, 1.5rem); /*20px - 24px*/ padding: 10px; 
    display: flex; align-items: center; justify-content: center; }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-sevice-bottom-group .wdt-service-button a:hover {
    background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-sevice-bottom-group .wdt-service-button a i {
    display: flex; align-items: center; justify-content: center; }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-sevice-bottom-group .wdt-service-button a .wdticon-angle-double-right:before {
    content: '\e800'; font-family: "extra-icons"; margin: auto; }


/* Top & Bottom Group Hover Styles */

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div { position: relative; z-index: 1; }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-sevice-top-group:not(:last-child) { margin: 0; }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-sevice-top-group {
    /* -webkit-transform: translateY(var(--height)); */
    /* transform: translateY(var(--height)); */
    -webkit-transition: var(--wdt-Ad-Transition);
    transition: var(--wdt-Ad-Transition);
    backface-visibility: hidden;
    will-change: transform;
    display:flex;
    justify-content:space-between;
    align-items: baseline;
    flex-wrap:wrap;
    gap: 10px;
    }

.wdt-service-item.wdt-type-1:hover .wdt-service-detail-group > div.wdt-sevice-top-group {
    -webkit-transform: translateY(0); transform: translateY(0); transition-delay: .16s; }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-sevice-bottom-group {
    margin-bottom: calc(0% - var(--height));
    -webkit-transition: var(--wdt-Ad-Transition);
    transition: var(--wdt-Ad-Transition);
    opacity: 0;
    backface-visibility: hidden;
    will-change: transform;
    }

.wdt-service-item.wdt-type-1:hover .wdt-service-detail-group > div.wdt-sevice-bottom-group {
    margin-bottom: 0; opacity: 1; }


/* Colors */

.wdt-service-item.wdt-type-1 .wdt-service-title h5, 
.wdt-service-item.wdt-type-1 .wdt-service-title h5 a {color: var(--wdtAccentTxtColor);}
.wdt-service-item.wdt-type-1 .wdt-service-title h5 a:hover { color: rgba(var(--wdtAccentTxtColorRgb),0.6); }



/*--------------------------------------------------------------
	Type-2 Style
--------------------------------------------------------------*/

.wdt-services-holder.wdt-carousel-holder:has(> .wdt-services-container .wdt-service-item.wdt-type-2) { margin: 0 !important; }

.wdt-service-item.wdt-type-2 {     
    display: flex; flex-direction: column; gap: 0; text-align: left; padding: 0; 
    -webkit-border-radius: var(--wdtRadius_2X); border-radius: var(--wdtRadius_Zero); }

.wdt-service-item.wdt-type-2 > div:not(:last-child) { margin-bottom: 22px; }

.wdt-service-item.wdt-type-2 .wdt-service-media-group {
    position: relative; overflow: hidden; display: grid; align-items: end; margin-top: 1px; border-radius: var(--wdtRadius_2X); }

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

.wdt-service-item.wdt-type-2 .wdt-service-media-group > div.wdt-service-image { grid-area: 1/-1; }

.wdt-service-item.wdt-type-2 .wdt-service-media-group > div.wdt-service-image::after {
    content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(var(--wdtHeadAltColorRgb), 1) 100%); 
    background-size: 100% 0%, 100% 100%; background-position: 100% 100%, 100% 100%; 
    background-repeat: no-repeat; -webkit-transition: var(--wdt-Ad-Transition); 
    transition: var(--wdt-Ad-Transition); opacity: 0; margin: auto; }

.wdt-service-item.wdt-type-2:hover .wdt-service-media-group > div.wdt-service-image::after { 
    background-size: 100% 100%, 100% 100%; opacity: 1; }

.wdt-service-item.wdt-type-2 .wdt-service-media-group > div.wdt-service-button { 
    grid-area: 1/-1; padding: clamp(1.5625rem, 1.3957rem + 0.9202vw, 2.5rem); /*40px - 25px*/ text-align: center;
    -webkit-transform: translateY(40px) skewX(1deg) skewY(1deg) rotate(1deg) scaleY(1.1); 
    transform: translateY(40px) skewX(1deg) skewY(1deg) rotate(1deg) scaleY(1.1); opacity: 0; 
    -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); 
    backface-visibility: hidden; will-change: transform; isolation: isolate; z-index: 1; }

.wdt-service-item.wdt-type-2:hover .wdt-service-media-group > div.wdt-service-button {
    -webkit-transform: translateY(0px) skewX(0deg) skewY(0deg) rotate(0deg) scaleY(1);
    transform: translateY(0px) skewX(0deg) skewY(0deg) rotate(0deg) scaleY(1); opacity: 1; }

.wdt-service-item.wdt-type-2 .wdt-service-media-group > div.wdt-service-button a { position: relative; }
.wdt-service-item.wdt-type-2 .wdt-service-media-group > div.wdt-service-button a,
.wdt-service-item.wdt-type-2 .wdt-service-media-group > div.wdt-service-button a:hover { 
    background-color: transparent; color: var(--wdtAccentTxtColor); padding: 0; 
    font-family: var(--wdtFontTypo_Base); font-size: var(--wdtFontSize_Base); 
    font-weight: var(--wdtFontWeight_Ext); line-height: var(--wdtLineHeight_Alt); 
    text-transform: capitalize; margin: 0; }

.wdt-service-item.wdt-type-2 .wdt-service-media-group > div.wdt-service-button a:hover {
    color: var(--wdtAccentTxtColor); opacity:0.7 }

.wdt-service-item.wdt-type-2 .wdt-service-media-group > div.wdt-service-button a::after { content: ''; position: absolute; width: 100%; height: 1px; background-color: currentColor; top: auto; left: 0; right: 0; bottom: -2px; -webkit-transform: scaleX(1); transform: scaleX(1); transform-origin: left bottom; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 1; margin: auto; }

.wdt-service-item.wdt-type-2 .wdt-service-media-group > div.wdt-service-button a:hover::after { -webkit-transform: scaleX(0); transform: scaleX(0); opacity: 1; }

.wdt-service-item.wdt-type-2 .wdt-service-detail-group { 
    padding: 0; color: var(--wdtHeadAltColor); filter: none; width: 100%; max-width: 100%; }

.wdt-service-item.wdt-type-2 .wdt-service-detail-group > div:not(:last-child) { 
    margin-bottom: clamp(0.5rem, 0.4778rem + 0.1227vw, 0.625rem); /*10px - 8px*/ }

.wdt-service-item.wdt-type-2 .wdt-service-detail-group::before { display: none !important; }

.wdt-service-item.wdt-type-2 .wdt-service-detail-group > div.wdt-service-description {    
    width: 100%; max-width: 340px; }

.wdt-services-holder.wdt-carousel-holder:has(> .wdt-services-container .wdt-service-item.wdt-type-2) .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { margin-top: clamp(1.25rem, 0.972rem + 1.5337vw, 2.8125rem); /*45px - 20px*/ pointer-events: none; }

@media(min-width:1025px){
.wdt-services-holder.wdt-carousel-holder:has(> .wdt-services-container .wdt-service-item.wdt-type-2) .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination{
    position: absolute;
    top: 50%; 
    left: 0;
    transform: translateY(-50%);
    margin: 0;
    z-index: 2;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.wdt-services-holder.wdt-carousel-holder:has(> .wdt-services-container .wdt-service-item.wdt-type-2) .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div{
    pointer-events: all;
}
.wdt-services-holder.wdt-carousel-holder:has(> .wdt-services-container .wdt-service-item.wdt-type-2){padding: 0 100px;}}

/*--------------------------------------------------------------
	Additional Styles
--------------------------------------------------------------*/

/*** Outer Arrow Style ***/

.wdt-services-holder.wdt-carousel-holder:has(> .wdt-services-container .wdt-service-item.wdt-type-1) .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination {
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; 
    display: flex; align-items: center; justify-content: space-between; margin: auto; }

.wdt-services-holder:has(> .wdt-services-container .wdt-service-item.wdt-type-1) .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-prev {
    right: clamp(5.625rem, 4.3544rem + 1.3193vw, 5.9375rem); /*95px - 90px*/ }

.wdt-services-holder:has(> .wdt-services-container .wdt-service-item.wdt-type-1) .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-next {
    left: clamp(5.625rem, 4.3544rem + 1.3193vw, 5.9375rem); /*95px - 90px*/ }

.wdt-services-holder.wdt-carousel-holder:has(> .wdt-services-container .wdt-service-item.wdt-type-1) .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { margin: 0; }



/*--------------------------------------------------------------
	Responsive
--------------------------------------------------------------*/

@media only screen and (min-width: 1541px) and (max-width: 1860px) {
    .wdt-services-holder.wdt-carousel-holder:has(> .wdt-carousel-pagination-wrapper .wdt-swiper-pagination:empty + .wdt-carousel-arrow-pagination) {
        margin: 0 80px; }
}


@media only screen and (min-width: 1281px) and (max-width: 1500px) {
    .wdt-services-holder.wdt-carousel-holder:has(> .wdt-carousel-pagination-wrapper .wdt-swiper-pagination:empty + .wdt-carousel-arrow-pagination) {
        margin: 0 80px; }
}

@media only screen and (max-width: 1280px) {
    .wdt-services-holder:has(> .wdt-services-container .wdt-service-item.wdt-type-1) .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-prev { right: 80px; }
    .wdt-services-holder:has(> .wdt-services-container .wdt-service-item.wdt-type-1) .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-next { left: 80px; }

}

@media only screen and (min-width: 1025px) and (max-width: 1250px) {
    .wdt-services-holder.wdt-carousel-holder:has(> .wdt-carousel-pagination-wrapper .wdt-swiper-pagination:empty + .wdt-carousel-arrow-pagination) {
        margin: 0 55px; }
}


@media only screen and (min-width: 768px) and (max-width: 1000px) {
    .wdt-services-holder.wdt-carousel-holder:has(> .wdt-carousel-pagination-wrapper .wdt-swiper-pagination:empty + .wdt-carousel-arrow-pagination) {
        margin: 0 55px; }
}

@media only screen and (min-width: 768px) {
    /* Type 2 Odd Items Styles */
    .wdt-service-item.wdt-type-2.wdt-odd { flex-direction: column-reverse; }
    .wdt-service-item.wdt-type-2.wdt-odd > div:not(:last-child) { margin-bottom: 0; }
    .wdt-service-item.wdt-type-2.wdt-odd .wdt-service-detail-group { margin-bottom: 22px; }
}

@media only screen and (max-width: 767px) {
    .wdt-services-holder.wdt-carousel-holder:has(> .wdt-carousel-pagination-wrapper .wdt-swiper-pagination:only-child) { padding: 0; }
    .wdt-services-holder.wdt-carousel-holder:has(> .wdt-carousel-pagination-wrapper .wdt-swiper-pagination:only-child)::before, 
    .wdt-services-holder.wdt-carousel-holder:has(> .wdt-carousel-pagination-wrapper .wdt-swiper-pagination:only-child)::after {
        display: none !important; }
    .wdt-services-holder.wdt-carousel-holder .swiper.swiper-horizontal + .wdt-carousel-pagination-wrapper .wdt-swiper-pagination:only-child {
        position: relative; bottom: 0; margin-top: 30px; }
}

@media only screen and (min-width: 481px) and (max-width: 730px) {
    .wdt-services-holder.wdt-carousel-holder:has(> .wdt-carousel-pagination-wrapper .wdt-swiper-pagination:empty + .wdt-carousel-arrow-pagination) {
        margin: 0 55px; }
}

@media only screen and (max-width: 480px) {
    .wdt-services-holder.wdt-carousel-holder:has(> .wdt-services-container .wdt-service-item.wdt-type-1) .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { position: relative; justify-content: center; margin-top: 15px; }
    .wdt-services-holder.wdt-carousel-holder:has(> .wdt-carousel-pagination-wrapper .wdt-swiper-pagination:empty + .wdt-carousel-arrow-pagination) {
        margin: 0; }
    .wdt-services-holder:has(> .wdt-services-container .wdt-service-item.wdt-type-1) .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-prev { right: 0; }
    .wdt-services-holder:has(> .wdt-services-container .wdt-service-item.wdt-type-1) .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-next { left: 0; }
}