/** 
    Common 
*/

:root {
    --wdt-arrow-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M81.1,51.2L21.6,97c-0.7,0.6-1.8,0.7-2.5,0.2c-0.8-0.5-0.9-1.5-0.4-2.2l32-44.9l-32-44.9c-0.5-0.7-0.3-1.7,0.4-2.2 c0.3-0.2,0.8-0.4,1.2-0.4c0.5,0,1,0.2,1.4,0.5l59.6,45.8C81.8,49.5,81.8,50.5,81.1,51.2L81.1,51.2z'/%3E%3C/svg%3E");
}

.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; }

.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; }

/** 
    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; }
.wdt-services-holder .wdt-pagination ul li { margin: 5px; padding: 0px; }
.wdt-services-holder .wdt-pagination ul li a, 
.wdt-services-holder .wdt-pagination ul li span { width: 40px; height: 40px; padding: 5px;
  background-color: var(--wdt-elementor-color-accent); color: var(--wdt-elementor-color-white);
  display: inline-flex; align-items: center; justify-content: center; }
  
.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(--wdtSecondaryColor, var(--wdt-elementor-color-primary)); color: var(--wdt-elementor-color-white); }


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

/* Media Group Styles */

.wdt-service-item.wdt-type-1 .wdt-service-media-group { 
    width: 100%; height: 100%; flex: 1 1 100%; }

.wdt-service-item.wdt-type-1 .wdt-service-media-group > div:not(:last-child) { 
    margin-bottom: clamp(1.25rem, 1.2055rem + 0.2454vw, 1.5rem); /*24px - 20px*/ }

.wdt-service-item.wdt-type-1 .wdt-service-media-group .wdt-service-image {
    border: 3px solid transparent; -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }

.wdt-services-holder.wdt-carousel-holder .wdt-services-container .swiper-slide-active .wdt-service-item.wdt-type-1 .wdt-service-media-group .wdt-service-image { 
    border-color: var(--wdtHeadAltColor); }

.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 { 
    position: relative; overflow: hidden; width: 100%; height: 100%; }

.wdt-service-item.wdt-type-1 .wdt-service-media-group .wdt-service-image a img {
    width: 100%; height: 100%; min-height: clamp(15rem, 12.9985rem + 11.0429vw, 26.25rem); /*420px - 240px*/ 
    object-fit: cover; object-position: top center; -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-services-holder.wdt-carousel-holder .wdt-services-container .swiper-slide-active .wdt-service-item.wdt-type-1 .wdt-service-media-group .wdt-service-image a img { -webkit-transform: scale(1.1); transform: scale(1.1); }


@media (min-width: 768px) {
    .wdt-services-holder.wdt-carousel-holder .wdt-services-container { overflow: hidden !important; }
    
    .wdt-services-holder.wdt-carousel-holder .wdt-services-container .swiper-slide:has(> .wdt-service-item.wdt-type-1) { 
        -webkit-transform: scale(.85); transform: scale(.85); 
        -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }

    .wdt-services-holder.wdt-carousel-holder .wdt-services-container .swiper-slide.swiper-slide-active:has(> .wdt-service-item.wdt-type-1) { 
        -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}



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

/* Common Styles */

.wdt-service-item.wdt-type-2 { 
    position: relative; overflow: hidden; width: 100%; height: 100%; 
    display: flex; flex-direction: column; padding: 0; text-align: left; }

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

.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); }


/* Media Group Styles */

.wdt-service-item.wdt-type-2 .wdt-service-media-group { 
    display: grid; align-items: end; width: 100%; height: 100%; flex: 1 1 100%; }

.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 .wdt-service-image { 
    grid-area: 1/-1; position: relative; overflow: hidden; width: 100%; height: 100%; }

.wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-image a { 
    position: relative; overflow: hidden; width: 100%; height: 100%; }

.wdt-service-item.wdt-type-2 .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-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(var(--wdtHeadAltColorRgb), 0.70) 80%); 
    background-size: 100% 100%, 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 .wdt-service-image a:after { 
    background-size: 100% 120%, 100% 100%; opacity: 1; }

.wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-image a img {
    width: 100%; height: 100%; min-height: clamp(20rem, 17.7761rem + 12.2699vw, 32.5rem); /*520px - 320px*/ 
    object-fit: cover; object-position: top center; -webkit-transition: var(--wdt-Ad-Transition); 
    transition: var(--wdt-Ad-Transition); backface-visibility: hidden; will-change: transform; isolation: isolate; }

.wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-media-content-group { 
    grid-area: 1/-1; z-index: 1; padding: clamp(1.25rem, 1.0276rem + 1.227vw, 2.5rem); /*40px - 20px*/ 
    text-align: left; color: var(--wdtAccentTxtColor); }

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

.wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-title h5, 
.wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-title h5 a { color: var(--wdtAccentTxtColor); }

.wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-title h5 a:hover { color: rgb(var(--wdtAccentTxtColorRgb), .8); }

.wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-media-button-group .wdt-service-button > a {
    background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); fill: var(--wdtAccentTxtColor); }

.wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-media-button-group .wdt-service-button > a:hover {
    background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); fill: var(--wdtHeadAltColor); }

.wdt-services-holder.wdt-carousel-holder .wdt-services-container .wdt-service-item.wdt-type-2 {
    max-height: 600px !important; }

.wdt-services-holder.wdt-carousel-holder .wdt-services-container .wdt-service-item.wdt-type-2 .wdt-service-title h5 {
    overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }


/* Detail Group Styles */

.wdt-service-item.wdt-type-2 .wdt-service-detail-group { 
    padding-top: 20px; padding-bottom: 10px; -webkit-transition: margin .3s ease; transition: margin .3s ease; }


/* Title & Button Group Styles */

.wdt-service-item.wdt-type-2 .wdt-service-media-button-group {
    display: flex; align-items: center; justify-content: space-between; text-align: left; }

.wdt-service-item.wdt-type-2 .wdt-service-media-button-group > div:not(:last-child) { margin-right: 25px; }

.wdt-service-item.wdt-type-2 .wdt-service-media-button-group .wdt-service-button > a {
    width: clamp(2.125rem, 2.0583rem + 0.3681vw, 2.5rem); /*40px - 34px*/ 
    height: clamp(2.125rem, 2.0583rem + 0.3681vw, 2.5rem); /*40px - 34px*/ padding: 0; 
    display: flex; align-items: center; justify-content: center; background-color: var(--wdt-elementor-color-black); 
    color: var(--wdt-elementor-color-white); fill: var(--wdt-elementor-color-white); 
    -webkit-border-radius: var(--wdtRadius_Full); border-radius: var(--wdtRadius_Full); overflow:hidden; }

.wdt-service-item.wdt-type-2 .wdt-service-media-button-group .wdt-service-button > a:hover {
    background-color: var(--wdt-elementor-color-accent); color: var(--wdt-elementor-color-white); fill: var(--wdt-elementor-color-white); }

.wdt-service-item.wdt-type-2 .wdt-service-media-button-group .wdt-service-button > a i.wdticon-angle-double-right {
    position: relative; width: 100%; height: 100%; }

.wdt-service-item.wdt-type-2 .wdt-service-media-button-group .wdt-service-button > a i.wdticon-angle-double-right:before {
    font-family: "benher-addon";
    content: '\e800';
    color: inherit;
    font-style: normal;
    font-weight: normal; display:flex; justify-content:center; align-items:center; width: 100%; height: 100%; 
    color: currentcolor !important;  margin: auto; }


/* Hover Styles */

.wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-media-content-group .wdt-service-media-button-group {
    -webkit-transform: translateY(-30px) rotate(3deg); transform: translateY(-30px) rotate(3deg); 
    -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition);
    opacity: 0; backface-visibility: hidden; will-change: transform; }

.wdt-service-item.wdt-type-2:hover .wdt-service-media-group .wdt-service-media-content-group .wdt-service-media-button-group {
    -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); opacity: 1; transition-delay: .24s; }

.wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-media-content-group .wdt-service-description {
    -webkit-transform: translateY(-30px) rotate(3deg); transform: translateY(-30px) rotate(3deg); 
    -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); 
    opacity: 0; backface-visibility: hidden; will-change: transform; }

.wdt-service-item.wdt-type-2:hover .wdt-service-media-group .wdt-service-media-content-group .wdt-service-description {
    -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); opacity: 1; transition-delay: .16s; }