/** 
  @ Service Page Styles
  -------------------------------
*/

.wdt-service-archive-wrapper { 
  display: flex; flex-wrap: wrap; --ser-gap: clamp(1.25rem, 0.8052rem + 2.454vw, 3.75rem); /*60px - 20px*/ gap: var(--ser-gap); }

.wdt-service-archive-wrapper.wdt-columns-5 > .wdt-service-item { flex: 0 0 calc(20% - calc(var(--ser-gap) / 1.25)); }
.wdt-service-archive-wrapper.wdt-columns-4 > .wdt-service-item { flex: 0 0 calc(25% - calc(var(--ser-gap) / 1.333)); }
.wdt-service-archive-wrapper.wdt-columns-3 > .wdt-service-item { flex: 0 0 calc(33.3333% - calc(var(--ser-gap) / 1.5)); }
.wdt-service-archive-wrapper.wdt-columns-2 > .wdt-service-item { flex: 0 0 calc(50% - calc(var(--ser-gap) / 2)); }
.wdt-service-archive-wrapper.wdt-columns-1 > .wdt-service-item { flex: 0 0 100%; }


/* ---------------------------------------------------------------------
 === Service Single ===
--------------------------------------------------------------------- */

/** Common */

:root {
    --wdt-arrow-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M5.3,12.6c-0.2,0-0.4-0.1-0.5-0.2c-0.3-0.3-0.3-0.8,0-1.1l4-4.1l-4-4C4.4,3,4.4,2.5,4.7,2.2s0.8-0.3,1.1,0l4.5,4.5 c0.3,0.3,0.3,0.8,0,1.1l-4.5,4.6C5.6,12.5,5.4,12.6,5.3,12.6z'%3E%3C/path%3E%3C/svg%3E");
}

.wdt-service-archive-wrapper .wdt-service-item { border-color: transparent; border-style: solid; border-width: 0; position: relative; z-index: 0; }

.wdt-service-archive-wrapper .wdt-service-item, 
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image > a, 
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image img, 
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-type-icon, 
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-type-icon:before, 
.wdt-service-archive-wrapper .wdt-service-item a, 
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5, 
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5 > a, 
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-description { 
    -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }

.wdt-service-archive-wrapper .wdt-service-item > div:empty { display: none; }

.wdt-service-archive-wrapper .wdt-service-item > div:not(:last-child),
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group > div:not(:last-child),
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-detail-group > div:not(:last-child) { margin-bottom: 14px; }


/** Image Element */

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group { position: relative; }

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image,
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image > a { display: inline-flex; }

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image > a > img { height: inherit; align-self: start; -webkit-border-radius: inherit; border-radius: inherit; }


/** Icon Element */

.wdt-service-archive-wrapper .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-archive-wrapper .wdt-service-item .wdt-service-type-icon svg { fill: currentColor; height: 1em; width: 1em; }
.wdt-service-archive-wrapper .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-archive-wrapper .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-archive-wrapper .wdt-service-item .wdt-service-title h5, 
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5 a { color: var(--wdt-elementor-color-primary); }
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5 a:hover { color: var(--wdt-elementor-color-accent); }

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


/** Content & Description Element */

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-detail-group { position: relative; }
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-description { position: relative; z-index: 0; }


/** Button Element */

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

.wdt-service-archive-wrapper .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-archive-wrapper .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-2 Style
--------------------------------------------------------------*/

/* Common Styles */

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

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

.wdt-service-archive-wrapper .wdt-service-item .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-archive-wrapper .wdt-service-item:hover .wdt-service-type-icon { 
    background-color: var(--wdt-elementor-color-accent); color: var(--wdt-elementor-color-white); }


/* Media Group Styles */

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

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

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group .wdt-service-image { 
    grid-area: 1/-1; position: relative; overflow: hidden; width: 100%; height: 100%; }

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

.wdt-service-archive-wrapper .wdt-service-item .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.65) 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-archive-wrapper .wdt-service-item:hover .wdt-service-media-group .wdt-service-image a:after { 
    background-size: 100% 120%, 100% 100%; opacity: 1; }

.wdt-service-archive-wrapper .wdt-service-item .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-archive-wrapper .wdt-service-item .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-archive-wrapper .wdt-service-item .wdt-service-media-group .wdt-service-media-content-group > div:not(:last-child) { 
    margin-bottom: 12px; }

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

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group .wdt-service-title h5 a:hover { color: var(--wdtLinkHoverColor); }

.wdt-service-archive-wrapper .wdt-service-item .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-archive-wrapper .wdt-service-item .wdt-service-media-group .wdt-service-media-button-group .wdt-service-button > a:hover {
    background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); fill: var(--wdtHeadAltColor); }


/* Detail Group Styles */

.wdt-service-archive-wrapper .wdt-service-item .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-archive-wrapper .wdt-service-item .wdt-service-media-button-group {
    display: flex; align-items: center; justify-content: space-between; text-align: left; }

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

.wdt-service-archive-wrapper .wdt-service-item .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); }

.wdt-service-archive-wrapper .wdt-service-item .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-archive-wrapper .wdt-service-item .wdt-service-media-button-group .wdt-service-button > a i.wdticon-angle-double-right {
    position: relative; width: 100%; height: 100%; }

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-button-group .wdt-service-button > a i.wdticon-angle-double-right:before {
    content: '' !important; position: relative; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; 
    background-color: currentcolor !important; mask-image: var(--wdt-arrow-mask); mask-repeat: no-repeat; 
    mask-size: 20px; mask-position: center center; margin: auto; }


/* Hover Styles */

.wdt-service-archive-wrapper .wdt-service-item .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-archive-wrapper .wdt-service-item: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-archive-wrapper .wdt-service-item .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-archive-wrapper .wdt-service-item: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; }




/* ---------------------------------------------------------------------
 === Service Single ===
--------------------------------------------------------------------- */

.wdt_services_single-wrapper > div:last-child { margin-top: 30px; }

.wdt_services_single-wrapper .featured_image_wrap .services-featured-image img {
  width: 100%; max-width: 100%; object-fit: cover; object-position: center; }

.wdt_services_single-wrapper .wdt-service-meta-wrap {
  width: 100%; max-width: 1280px; display: flex; flex-wrap: wrap; align-items: center; 
  justify-content: space-between; gap: 15px 30px; margin-bottom: 0; margin: auto; }

.wdt_services_single-wrapper .featured_image_wrap ~ .wdt-service-meta-wrap {
  margin-top: 20px;
}


/** Date Styles */

.wdt_services_single-wrapper .wdt-service-meta-wrap .wdt-service-date {
  font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Alt); text-transform: capitalize; color:var(--wdtHeadAltColor); }

.wdt_services_single-wrapper .wdt-service-meta-wrap .wdt-service-date i.wdticon-calendar {
  display: inline-flex; align-items: center; justify-content: center; margin-right: 8px; }

.wdt_services_single-wrapper .wdt-service-meta-wrap .wdt-service-date i.wdticon-calendar::before {
  margin-left: 0; margin-right: 0; color: var(--wdtPrimaryColor); }


/** Author Styles */

.wdt_services_single-wrapper .wdt-service-meta-wrap .wdt-service-author {
  display: inline-flex; align-items: center; color:var(--wdtHeadAltColor);}

.wdt_services_single-wrapper .wdt-service-meta-wrap .wdt-service-author i.wdticon-user-circle {
  display: inline-flex; align-items: center; justify-content: center; margin-right: 8px; }

.wdt_services_single-wrapper .wdt-service-meta-wrap .wdt-service-author i.wdticon-user-circle::before {
  margin-left: 0; margin-right: 0; color: var(--wdtPrimaryColor); }

.wdt_services_single-wrapper .wdt-service-meta-wrap .wdt-service-author .meta-author-info,
.wdt_services_single-wrapper .wdt-service-meta-wrap .wdt-service-author .meta-author-info span{
  font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_H6); text-transform: capitalize; color:var(--wdtHeadAltColor); transition:var(--wdt-Ad-Transition); }
  
.wdt_services_single-wrapper .wdt-service-meta-wrap .wdt-service-author .meta-author-info a {
  display: inline-block; font-weight: var(--wdtFontWeight_Alt); text-transform: capitalize; }

.wdt_services_single-wrapper .wdt-service-meta-wrap .wdt-service-author .meta-author-info span:not(:only-child) {
  margin-right: 2px; }


/** Social Icons */

.wdt_services_single-wrapper .wdt-service-meta-wrap .wdt-service-social-icons ul.wdt-social-list {
  display: flex; align-items: center; justify-content: center; gap: 6px; padding: 0; list-style: none; margin: 0; }

.wdt_services_single-wrapper .wdt-service-meta-wrap .wdt-service-social-icons ul.wdt-social-list li { padding: 0; }

.wdt_services_single-wrapper .wdt-service-meta-wrap .wdt-service-social-icons ul.wdt-social-list li a {
  width: 32px; height: 32px; background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); 
  display: flex; align-items: center; justify-content: center; -webkit-transition: var(--wdt-Ad-Transition); 
  transition: var(--wdt-Ad-Transition); }

.wdt_services_single-wrapper .wdt-service-meta-wrap .wdt-service-social-icons ul.wdt-social-list li a:hover {
  background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); }


/** Custom Styles */

.wdt_services_single-wrapper .elementor-widget-icon .elementor-icon-wrapper .elementor-icon svg {
  -webkit-transform: translateX(70%); transform: translateX(70%); }



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

@media only screen and (max-width: 1540px) {
    .wdt-service-archive-wrapper.wdt-columns-3 > .wdt-service-item { flex: 0 0 calc(33.3333% - calc(var(--ser-gap) / 1.333)); }
}

@media only screen and (max-width: 1024px) {
    .wdt-service-archive-wrapper.wdt-columns-3 > .wdt-service-item { flex: 0 0 calc(50% - calc(var(--ser-gap) / 1.333)); }
}

@media only screen and (max-width: 767px) {
    .wdt-service-archive-wrapper.wdt-columns-3 > .wdt-service-item { flex: 0 0 100%; }
}