/** 
    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-Safe-Transition); transition: var(--wdt-Safe-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); margin-top: 0px; margin-bottom: 0; text-transform: capitalize; }

.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: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; color: var(--wdtBodyTxtColor); }

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


/** 
    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; margin: -4px; }
.wdt-services-holder .wdt-pagination ul li { margin: 4px; padding: 0px; }
.wdt-services-holder .wdt-pagination ul li a, 
.wdt-services-holder .wdt-pagination ul li span {     
    width: 50px; height: 50px; padding: 5px; font-size: calc(var(--wdtFontSize_H6) - 2px); 
    font-weight: var(--wdtFontWeight_Ext); background-color: transparent; 
    color: var(--wdt-elementor-color-primary); display: inline-flex; align-items: center; 
    justify-content: center; -webkit-border-radius: var(--wdtRadius_Part); border-radius: var(--wdtRadius_Part); }
  
.wdt-services-holder .wdt-pagination ul li a.current, .wdt-services-holder .wdt-pagination ul li span.current,
.wdt-services-holder .wdt-pagination ul li a:hover, .wdt-services-holder .wdt-pagination ul li span:hover {
    background-color: var(--wdtPrimaryColor, var(--wdt-elementor-color-accent)); color: var(--wdt-elementor-color-white); }


/** 
    Type-1 Style
*/

/* Common Styles */

.wdt-service-item.wdt-type-1 { 
    position: relative; overflow: hidden; display: grid; align-items: end;     
    -webkit-border-radius: var(--wdtRadius_4X); border-radius: var(--wdtRadius_4X); }
.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-image a { position: relative; overflow: hidden; }

.wdt-service-item.wdt-type-1 .wdt-service-media-group .wdt-service-image a:after {
    content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0;
    background: linear-gradient(to top, rgba(var(--wdtTertiaryColorRgb), 0.8) 40%, transparent 80%);
    -webkit-transition: var(--wdt-Safe-Transition); 
    transition: var(--wdt-Safe-Transition); opacity: 1; margin: auto; }

.wdt-service-item.wdt-type-1 .wdt-service-media-group .wdt-service-image a img {
    display: block; height: 100%; min-height: clamp(23.75rem, 21.8597rem + 10.4294vw, 34.375rem); /*580px - 350px*/ 
    object-fit: cover; object-position: center center; scale: 1; 
    -webkit-transition: var(--wdt-Safe-Transition); transition: var(--wdt-Safe-Transition); }

.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.5625rem, 1.3957rem + 0.9202vw, 2.5rem); /*40px - 25px*/ 
    color: var(--wdtHeadAltColor); }
    
.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div:not(:last-child) { margin-bottom: 0; }

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

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-service-top-group .wdt-service-type-price-group,
.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-service-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: clamp(0.875rem, 0.8528rem + 0.1227vw, 1rem); /*16px - 14px*/ font-weight: var(--wdtFontWeight_Base); 
    letter-spacing: 0; text-transform: uppercase; gap: 5px; }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-service-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-service-bottom-group .wdt-service-button a { 
    position: relative; overflow: hidden; display: inline-flex; align-items: center; float: none; padding: 0px; 
    font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Ext); line-height: normal; 
    text-transform: uppercase; background-color: transparent !important; color: var(--wdtHeadAltColor); 
    -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); margin: 0; }

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

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-service-bottom-group .wdt-service-button a::after {
    content: '\e801'; font-family: "common-web-icons"; position: relative; display: block; font-size: calc(100% + 18%); width: auto; height: auto; 
    top: 0; left: 0; right: 0; bottom: 0; background: none !important; color: currentColor; margin: 0; margin-left: 10px; }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-service-bottom-group .wdt-service-button a span { 
    position: relative; display: block; overflow: hidden; padding: 1px 0; }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-service-bottom-group .wdt-service-button a span:after, 
.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-service-bottom-group .wdt-service-button a span:before { 
    content: ''; display: block; width: 100%; height: 1px; position: absolute; bottom: 1px; 
    background-color: currentColor; backface-visibility: hidden; will-change: transform; isolation: isolate; 
    transition: transform .4s cubic-bezier(.31,.29,.05,.96); }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-service-bottom-group .wdt-service-button a span:before { left: 0; } 

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-service-bottom-group .wdt-service-button a span:after { left: -100%; transition-delay: 0.3s; }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-service-bottom-group .wdt-service-button a:hover span:after, 
.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-service-bottom-group .wdt-service-button a:hover span:before { transform: translateX(100%); }


/* 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-service-bottom-group:last-child {     
    padding-top: 20px; }

.wdt-service-item.wdt-type-1 .wdt-service-detail-group > div.wdt-service-top-group {
    -webkit-transform: translateY(var(--service-height)); transform: translateY(var(--service-height)); 
    -webkit-transition: var(--wdt-Safe-Transition); transition: var(--wdt-Safe-Transition);
    backface-visibility: hidden; will-change: transform; }

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

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

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


/* Colors */

.wdt-service-item.wdt-type-1 .wdt-service-title h5, 
.wdt-service-item.wdt-type-1 .wdt-service-title h5 a { color: var(--wdtHeadAltColor); }
.wdt-service-item.wdt-type-1 .wdt-service-title h5 a:hover { color: var(--wdtLinkHoverColor); }




/** 
    Type-2 Style
*/

.wdt-service-item.wdt-type-2{position: relative; height: fit-content; z-index: 6;}
.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); }
.wdt-service-item.wdt-type-2 .wdt-service-media-group{margin: 0;}
.wdt-service-item.wdt-type-2 .wdt-service-detail-group{padding: 30px;height: 100%; align-content: start;}
.wdt-service-item.wdt-type-2 .wdt-service-detail-group .wdt-service-category-span{ font-size: var(--wdtFontSize_H6); transition: var(--wdt-Safe-Transition);}
.wdt-service-item.wdt-type-2:hover .wdt-service-detail-group .wdt-service-category-span{color: var(--wdtPrimaryColor);}
.wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-image a:after{ background-color: rgb(var(--wdtTertiaryColorRgb), 0.35); background-image: none; }
.wdt-service-item.wdt-type-2 .wdt-service-detail-group > div.wdt-service-bottom-group .wdt-service-button a{color: var(--wdtHeadAltColor); transition: var(--wdt-Safe-Transition);}
.wdt-service-item.wdt-type-2 .wdt-service-detail-group > div.wdt-service-bottom-group .wdt-service-button a:hover{color: var(--wdtPrimaryColor);}

.wdt-services-holder .wdt-column:nth-child(odd) .wdt-service-item.wdt-type-2,
.wdt-services-holder .wdt-column:nth-child(6) .wdt-service-item.wdt-type-2,
.wdt-services-holder .wdt-column:nth-child(8) .wdt-service-item.wdt-type-2{ max-height: 250px;} 
.wdt-services-holder .wdt-column:nth-child(2) .wdt-service-item.wdt-type-2,
.wdt-services-holder .wdt-column:nth-child(6) .wdt-service-item.wdt-type-2{transform: translateY(200px);}
.wdt-services-holder .wdt-column:nth-child(3) .wdt-service-item.wdt-type-2,
.wdt-services-holder .wdt-column:nth-child(7) .wdt-service-item.wdt-type-2{transform: translateY(-200px);}

.wdt-services-holder .wdt-column:nth-child(7) .wdt-service-item.wdt-type-2{max-height: 100%;}
.wdt-services-holder .wdt-column:has( .wdt-service-item.wdt-type-2){ align-items: end; display: flex;}
.wdt-services-holder .wdt-column:nth-child(5):has( .wdt-service-item.wdt-type-2),
.wdt-services-holder .wdt-column:nth-child(6):has( .wdt-service-item.wdt-type-2),
.wdt-services-holder .wdt-column:nth-child(8):has( .wdt-service-item.wdt-type-2){align-items: start; display: flex;}
.wdt-service-item.wdt-type-2 .wdt-service-detail-group > div.wdt-service-bottom-group .wdt-service-button a span{display: none;}
.wdt-service-item.wdt-type-2 .wdt-service-detail-group > div.wdt-service-bottom-group .wdt-service-button a{
    height: 50px; 
    width: 50px; 
    border-radius: var(--wdtRadius_Full);
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: var(--wdt-linear-gradient-bg);
    background-repeat: no-repeat;
    background-size: 100% 220%;
    background-position: bottom;
    -webkit-transition: var(--wdt-Safe-Transition);
    -moz-transition: var(--wdt-Safe-Transition);
    transition: var(--wdt-Safe-Transition);
    color: var(--wdtAccentTxtColor);
    overflow: visible;
    transform: rotate(-45deg);
    will-change: transform;
    backface-visibility: hidden;
    border: none;
}
.wdt-service-item.wdt-type-2 .wdt-service-detail-group > div.wdt-service-bottom-group .wdt-service-button a:hover{  transform: rotate(0deg);}
.wdt-service-item.wdt-type-2 .wdt-service-detail-group > div.wdt-service-bottom-group .wdt-service-button a:hover{
    background-color: var(--wdtSecondaryColor);
    color: var(--wdtAccentTxtColor);
    -webkit-box-shadow: none;
    box-shadow: none;
    background-size: 100% 220%;
    background-position: top;
}

.wdt-service-item.wdt-type-2 .wdt-service-detail-group > div.wdt-service-bottom-group .wdt-service-button a::after{margin: 0;}
.wdt-service-item.wdt-type-2 .wdt-service-detail-group > div.wdt-service-bottom-group{position: absolute; left: 0; right: 0;top: 0; bottom: 0; margin: auto; padding: 0 !important; height: 50px; width: 50px; transform: scale(0.5); transition: var(--wdt-Safe-Transition);}
.wdt-service-item.wdt-type-2:hover .wdt-service-detail-group > div.wdt-service-bottom-group{transform: scale(1);}

@media(max-width:1540px){
    .wdt-services-holder .wdt-column:nth-child(3) .wdt-service-item.wdt-type-2,
.wdt-services-holder .wdt-column:nth-child(7) .wdt-service-item.wdt-type-2{transform: translateY(-150px);}
}

@media(max-width:1280px){
    .wdt-services-holder .wdt-column:nth-child(odd) .wdt-service-item.wdt-type-2,
.wdt-services-holder .wdt-column:nth-child(6) .wdt-service-item.wdt-type-2,
.wdt-services-holder .wdt-column:nth-child(8) .wdt-service-item.wdt-type-2{ max-height: 100%;} 
.wdt-services-holder .wdt-column:nth-child(2) .wdt-service-item.wdt-type-2,
.wdt-services-holder .wdt-column:nth-child(6) .wdt-service-item.wdt-type-2{transform: translateY(0px);}
.wdt-services-holder .wdt-column:nth-child(3) .wdt-service-item.wdt-type-2,
.wdt-services-holder .wdt-column:nth-child(7) .wdt-service-item.wdt-type-2{transform: translateY(0px);}
}