/* ---Service Item Type 1 --- */

.wdt-service-item.wdt-service-type-1 { display: flex; flex-direction: row-reverse; padding: clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem) clamp(1.25rem, 1rem + 1.25vw, 2.5rem); /* 40 - 30 */ /* 40 - 20 */ /* padding-left: clamp(1.25rem, 0.75rem + 2.5vw, 3.75rem); */ /* 60 - 20 */ background: var(--wdtTertiaryColor); border-radius: var(--wdtRadius_3X); transition: var(--wdtBaseTransition); position: relative; margin-left: 3px; }
.wdt-service-item.wdt-service-type-1:hover { background: var(--wdtPrimaryColor); }
.wdt-service-item.wdt-service-type-1 .wdt-service-media-group { overflow: hidden; border-radius: var(--wdtRadius_3X); }
.wdt-service-item.wdt-service-type-1 .wdt-service-media-group .wdt-service-image { height: 100%; }
.wdt-service-item.wdt-service-type-1 .wdt-service-media-group .wdt-service-image img { width: 100%; height: 100%; object-fit: cover; min-height: 200px; }
.wdt-service-item.wdt-service-type-1 .wdt-service-detail-group { align-content: center; }
.wdt-service-item.wdt-service-type-1 .wdt-service-detail-group .wdt-service-type-icon { font-size: clamp(2.8125rem, 2.3248rem + 2.2293vw, 5rem); line-height: 1; display: flex; }
.wdt-service-item.wdt-service-type-1 .wdt-service-detail-group .wdt-service-title h5 { margin: 25px 0 clamp(0.9375rem, 0.8678rem + 0.3185vw, 1.25rem); font-size: clamp(1.5rem, 1.35rem + 0.75vw, 2.25rem); /* 36 - 24 */ }
.wdt-service-item.wdt-service-type-1 .wdt-service-detail-group .wdt-service-title a:hover { color: rgb(var(--wdtLinkColorRgb), .7); }
.wdt-service-item.wdt-service-type-1 .wdt-service-detail-group .wdt-service-button { margin-top: clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem); }
.wdt-service-item.wdt-service-type-1 .wdt-service-detail-group .wdt-service-button a { display: flex; align-items: center; font-size: var(--wdtFontSize_Ext); background-color: var(--wdtLinkColor); color: var(--wdtAccentTxtColor); box-shadow: 0 0 0 4px rgb(var(--wdtLinkHoverColorRgb), 0.2), inset 0 0 0 3px rgb(var(--wdtLinkHoverColorRgb), 0.2); -webkit-box-shadow: 0 0 0 4px rgb(var(--wdtLinkHoverColorRgb), 0.2), inset 0 0 0 3px rgb(var(--wdtLinkHoverColorRgb), 0.2); width: fit-content; padding: var(--wdt-Btn-With-Icon-Padding); border-radius: var(--wdtRadius_Part); }
.wdt-service-item.wdt-service-type-1 .wdt-service-detail-group .wdt-service-button a i { background-color: var(--wdtPrimaryColor); color: var(--wdtHeadAltColor); border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); font-size: 0.6em; width: 5em; height: 5em; display: flex; margin-left: 16px; align-items: center; justify-content: center; box-shadow: inset 0 0 0 1.5px var(--wdtLinkHoverColor), inset 0 0 0 3px var(--wdtLinkColor); -webkit-box-shadow: inset 0 0 0 1.5px var(--wdtLinkHoverColor), inset 0 0 0 3px var(--wdtLinkColor); transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition); }
.wdt-service-item.wdt-service-type-1 .wdt-service-detail-group .wdt-service-button a:hover i svg { display: inline-block; animation: wdt-button-arrow 0.3s linear; -webkit-animation: wdt-button-arrow 0.3s linear; }
.wdt-service-item.wdt-service-type-1::before, .wdt-service-item.wdt-service-type-1::after { content: ""; position: absolute; width: 6px; height: 60%; background: var(--wdtHeadAltColor); display: block; left: -3px; top: 0; bottom: 0; margin: auto; }
.wdt-service-item.wdt-service-type-1::after { height: 30%; background: var(--wdtSecondaryColor); }
.wdt-service-item.wdt-service-type-1 .wdt-service-detail-group .wdt-service-description { text-wrap: balance; }

@media only screen and (min-width:768px){
    .wdt-service-item.wdt-service-type-1 .wdt-service-media-group { flex-basis: 55%; }
    .wdt-service-item.wdt-service-type-1 .wdt-service-detail-group { flex-basis: 45%; padding-right: clamp(1.875rem, -0.2083rem + 4.3403vw, 5rem); }

    .wdt-column:nth-child(2n) .wdt-service-item.wdt-service-type-1 .wdt-service-detail-group { padding-left: clamp(1.875rem, -0.2083rem + 4.3403vw, 5rem); padding-right: 0; }
    .wdt-column:nth-child(2n) .wdt-service-item.wdt-service-type-1 { flex-direction: row; }
}

@media only screen and (max-width:767px){
    .wdt-service-item.wdt-service-type-1 { flex-direction: column-reverse; gap: 30px; }
}

@media only screen and (max-width:479px) {
    .wdt-service-item.wdt-service-type-1 .wdt-service-detail-group .wdt-service-title h5 { margin-top: 20px; }
}

/* ---Service Item Type 2 --- */

.wdt-service-item.wdt-service-type-2 { padding: 20px 15px; border-top: 1px solid var(--wdtBorderColor); }
.wdt-service-item.wdt-service-type-2 .wdt-services-wrapper { display: grid; grid-template-columns: 30px auto; gap: 20px; align-items: center; }
.wdt-service-item.wdt-service-type-2 .wdt-services-wrapper > div { line-height: 1; }
.wdt-service-item.wdt-service-type-2 .wdt-services-wrapper .wdt-service-title h5 { margin: 0; font-weight: var(--wdtFontWeight_Alt); font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem); /* 20 - 18 */ color: var(--wdtHeadAltColor); }
.wdt-service-item.wdt-service-type-2 .wdt-services-wrapper .wdt-service-title h5 a:hover { color: rgb(var(--wdtLinkColorRgb), .5); }
.wdt-service-item.wdt-service-type-2 .wdt-services-wrapper .wdt-service-type-icon { font-size: var(--wdtFontSize_H4); width: 1em; height: 1em; display: flex; }
.wdt-service-item.wdt-service-type-2 .wdt-services-wrapper .wdt-service-button a { font-size: 0; position: relative; width: 40px; height: 40px; border: 1px solid var(--wdtBorderColor); border-radius: var(--wdtRadius_Full); display: flex; align-items: center; justify-content: center; }
.wdt-service-item.wdt-service-type-2 .wdt-services-wrapper .wdt-service-button a i { font-size: 0.5rem; color: var(--wdtBorderColor); z-index: 1; }
.wdt-service-item.wdt-service-type-2 .wdt-services-wrapper .wdt-service-button a::before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: inherit; border: 1px solid var(--wdtBorderColor); transform: scale(0.88); -webkit-transform: scale(0.88); transition: var(--wdtBaseTransition); }
.wdt-service-item.wdt-service-type-2:hover .wdt-services-wrapper .wdt-service-button a, 
.wdt-service-item.wdt-service-type-2.dt-service-active .wdt-services-wrapper .wdt-service-button a { border-color: var(--wdtLinkColor); }
.wdt-service-item.wdt-service-type-2:hover .wdt-services-wrapper .wdt-service-button a i, 
.wdt-service-item.wdt-service-type-2.dt-service-active .wdt-services-wrapper .wdt-service-button a i { color: var(--wdtAccentTxtColor); animation: wdt-button-arrow 0.3s linear; -webkit-animation: wdt-button-arrow 0.3s linear; }
.wdt-service-item.wdt-service-type-2:hover .wdt-services-wrapper .wdt-service-button a::before, 
.wdt-service-item.wdt-service-type-2.dt-service-active .wdt-services-wrapper .wdt-service-button a::before { border-color: var(--wdtLinkColor); box-shadow: 0 0 0 30px var(--wdtLinkColor) inset; }
/* .wdt-services-holder .wdt-column:last-child .wdt-service-item.wdt-service-type-2 { padding-bottom: 0; } */

.wdt-column:first-child .wdt-service-item.wdt-service-type-2 { border-top: 0px; }
.wdt-service-item.wdt-service-type-2 .wdt-services-wrapper .wdt-service-button { display: none; }
.wdt-service-item.wdt-service-type-2 {
    background: linear-gradient(rgba(var(--wdtHeadAltColorRgb),0.05),rgba(var(--wdtHeadAltColorRgb),0.05));
    background-position: bottom center;
    background-size: 100% 0%;
    background-repeat: no-repeat;

    transition: var(--wdtBaseTransition);
    -webkit-transition: var(--wdtBaseTransition);
}
.wdt-service-item.wdt-service-type-2:hover,
.wdt-service-item.wdt-service-type-2.dt-service-active {
    background-size: 100% 100%;
}


/* ---Service Detail Styles--- */

.wdt-rc-template-service-details .wdt-content-item .wdt-content-media-group { display: flex; align-items: center; }
.wdt-rc-template-service-details .wdt-content-item .wdt-content-media-group .wdt-content-icon-wrapper { margin: 0; position: relative; }
.wdt-rc-template-service-details .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { position: relative; width: 40px; height: 40px; border: 1px solid var(--wdtBorderColor); border-radius: var(--wdtRadius_Full); font-size: 0.5em; margin-right: 20px; }
.wdt-rc-template-service-details .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span a { pointer-events: none; color: var(--wdtBorderColor); }
.wdt-rc-template-service-details .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span::before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: inherit; border: 1px solid var(--wdtBorderColor); z-index: -1; transform: scale(0.88); -webkit-transform: scale(0.88); transition: var(--wdtBaseTransition); }

.wdt-rc-template-service-details .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span { border-color: var(--wdtLinkColor); }
.wdt-rc-template-service-details .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span a { color: var(--wdtAccentTxtColor); animation: wdt-button-arrow 0.3s linear; -webkit-animation: wdt-button-arrow 0.3s linear; }
.wdt-rc-template-service-details .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span::before { border-color: var(--wdtLinkColor); box-shadow: 0 0 50px var(--wdtLinkColor) inset; }