.wdt-service-archive-wrapper .wdt-service-item { display: flex; flex-direction: row-reverse; padding: clamp(1.875rem, 1.7357rem + 0.6369vw, 2.5rem); /* padding-left: clamp(1.875rem, 1.457rem + 1.9108vw, 3.75rem); */ background: var(--wdtTertiaryColor); border-radius: var(--wdtRadius_3X); transition: var(--wdtBaseTransition); position: relative; }
.wdt-service-archive-wrapper .wdt-service-item:hover { background: var(--wdtPrimaryColor); }
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group { overflow: hidden; border-radius: var(--wdtRadius_3X); }
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group .wdt-service-image { height: 100%; }
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group .wdt-service-image img { width: 100%; height: 100%; object-fit: cover; }
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-detail-group { align-content: center; }
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-detail-group .wdt-service-type-icon { font-size: clamp(2.8125rem, 2.3248rem + 2.2293vw, 5rem); line-height: 1; }
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-detail-group .wdt-service-title h5 { margin: 25px 0 clamp(0.9375rem, 0.8678rem + 0.3185vw, 1.25rem); }
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-detail-group .wdt-service-title a:hover { color: rgb(var(--wdtLinkColorRgb), .7); }
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-detail-group .wdt-service-button { margin-top: clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem); }
.wdt-service-archive-wrapper .wdt-service-item .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-archive-wrapper .wdt-service-item .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.5em; width: 6em; height: 6em; 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-archive-wrapper .wdt-service-item .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-archive-wrapper .wdt-service-item::before, .wdt-service-archive-wrapper .wdt-service-item::after { content: ""; position: absolute; width: 6px; height: 60%; background: var(--wdtHeadAltColor); display: block; left: -3px; top: 0; bottom: 0; margin: auto; }
.wdt-service-archive-wrapper .wdt-service-item::after { height: 30%; background: var(--wdtPrimaryColor); }
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-detail-group .wdt-service-description { text-wrap: balance; }
.wdt-service-archive-wrapper .wdt-service-item:not(:last-child) { margin-bottom: 30px; }

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

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

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

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