/* ---------------------------------------------------------------------
 ===== Service Type - 1 =====
--------------------------------------------------------------------- */

.wdt-services-wrapper .swiper-slide{ height: auto; }
.wdt-service-item.wdt-type-1{
    background-color: rgba(var(--wdtAccentTxtColorRgb), 0.1);
    backdrop-filter: blur(10px);
    border-radius: var(--wdtRadius_2X);
    -webkit-border-radius: var(--wdtRadius_2X);
    overflow:hidden;
    display:grid;
    height:100%;
}
.wdt-service-item.wdt-type-1 > div{ grid-area:1/-1; }
.wdt-service-item.wdt-type-1 .wdt-service-detail-group{
    padding:40px;
    height: auto;
    place-content:end;
    padding-top:200px;
    z-index: 2;
    transition:var(--wdt-Ad-Transition);-webkit-transition: var(--wdt-Ad-Transition);
}
.wdt-service-item.wdt-type-1:hover .wdt-service-detail-group{
    padding-top:160px;
}
.wdt-service-item.wdt-type-1 .wdt-service-media-group{
    position:absolute;
    right:0;
    top:0;
    display:block;
    height:100%;
    width:100%;
}
.wdt-service-item.wdt-type-1 .wdt-service-type-icon{
    font-size: 60px; 
    display:flex;
    color: var(--wdtPrimaryColor);
    filter: drop-shadow(0 0 18px rgba(var(--wdtTertiaryColorRgb),0.8));
    -webkit-filter: drop-shadow(0 0 18px rgba(var(--wdtTertiaryColorRgb),0.8));
    transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition);
}
/* .wdt-service-item.wdt-type-1:hover .wdt-service-type-icon,
.wdt-service-item.wdt-type-1:focus .wdt-service-type-icon{
    color: var(--wdtPrimaryColor);
    filter: drop-shadow(0 0 18px rgba(var(--wdtTertiaryColorRgb),0.8));
    -webkit-filter: drop-shadow(0 0 18px rgba(var(--wdtTertiaryColorRgb),0.8));
} */
.wdt-service-item.wdt-type-1 .wdt-service-title h5{
    margin:20px 0 15px;
    font-size: var(--wdtFontSize_H5);
    text-transform: capitalize;
}
.wdt-service-item.wdt-type-1 .wdt-service-description{
    transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition);
}
.wdt-dark-bg .wdt-service-item.wdt-type-1 .wdt-service-description{
    color: rgba(var(--wdtAccentTxtColorRgb),0.6);
}
.wdt-dark-bg .wdt-service-item.wdt-type-1:hover .wdt-service-description{
    color: rgba(var(--wdtAccentTxtColorRgb),1);
}
.wdt-service-item.wdt-type-1 .wdt-service-button{
    margin-top:-25px;
    opacity:0;
    transform:translateY(15px);
    transition-delay:0.2s;
    transition:var(--wdt-Ad-Transition);-webkit-transition: var(--wdt-Ad-Transition);
}
.wdt-service-item.wdt-type-1:hover .wdt-service-button{
    margin-top:15px;
    opacity:1;
    transform:translateY(0);
}
.wdt-service-item.wdt-type-1 .wdt-service-button a{
    color:var(--wdtAccentTxtColor);
}
.wdt-service-item.wdt-type-1 .wdt-service-button a:after{
    content:"";
    height:12px;
    width:20px;
    display:inline-block;
    background-color:currentcolor;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.7 18'%3E%3Cpath d='M12.1,18V10.6H0V7.4H12.1V0L27.7,9Z'%3E%3C/path%3E%3C/svg%3E");
    mask-repeat:no-repeat;
    mask-position:center;
    margin:auto;
    margin-left:8px;
}
.wdt-service-item.wdt-type-1 .wdt-service-button a:hover:after{
    animation: btn-arrow-move 0.375s linear;-webkit-animation: btn-arrow-move 0.375s linear;
}
@keyframes btn-arrow-move{
    0%{ transform:translateX(0); opacity:1; }
    49%{ transform:translateX(100%); opacity:0; }
    50%{ transform:translateX(-100%); opacity:0; }
    100%{ transform:translateX(0%); opacity:1; }
	}
.wdt-service-item.wdt-type-1 .wdt-service-image,
.wdt-service-item.wdt-type-1 .wdt-service-image a img{
    height:100%;
    object-fit:cover;
    object-position:center;
}
.wdt-service-item.wdt-type-1 .wdt-service-image a img{
    height:250px;
    width:250px;
    border-radius:var(--wdtRadius_1X);
    border-bottom-left-radius:100%;
    transition:var(--wdt-Ad-Transition);-webkit-transition:var(--wdt-Ad-Transition);
}
.wdt-service-item.wdt-type-1:hover .wdt-service-image a img{
    height:100%;width:100%;
    border-bottom-left-radius:0;
}
.wdt-service-item.wdt-type-1 .wdt-service-image::before,
.wdt-service-item.wdt-type-1 .wdt-service-image::after{
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(180deg,transparent, rgba(var(--wdtSecondaryColorRgb),0.4), rgba(var(--wdtSecondaryColorRgb),0.8));;
    transform:scaleY(0);
    transform-origin:bottom;
    transition: var(--wdt-Ad-Transition); -webkit-transition:var(--wdt-Ad-Transition);
}
.wdt-service-item.wdt-type-1 .wdt-service-image::after{
    background-image:linear-gradient(180deg, transparent, rgba(var(--wdtHeadAltColorRgb),0.3),rgba(var(--wdtHeadAltColorRgb),0.3))
}
.wdt-service-item.wdt-type-1:hover .wdt-service-image::before,
.wdt-service-item.wdt-type-1:hover .wdt-service-image::after{
    transform:scaleY(1);
}

/* ---------------------------------------------------------------------
 ===== Service pricing style =====
--------------------------------------------------------------------- */
.wdt-service-item .wdt-service-detail-group .wdt-service-type-price-group { font-size: var(--wdtFontSize_H6); font-family: var(--wdtFontTypo_Alt); color: var(--wdtSecondaryColor); margin-bottom: 15px; -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); }
.wdt-service-item:hover .wdt-service-detail-group .wdt-service-type-price-group { color: var(--wdtAccentTxtColor); }

/* ---------------------------------------------------------------------
 ===== Service Type - 2 =====
--------------------------------------------------------------------- */
.wdt-service-item.wdt-type-2 {
    display: flex; flex-direction: column; align-items: center; padding: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem) /* Min-30 & Max-60 */ clamp(1.25rem, 0.75rem + 2.5vw, 3.75rem) /* Min-20 & Max-60 */ ; padding-bottom: 60px; background-color: var(--wdtTertiaryColor); -webkit-border-radius: var(--wdtRadius_4X); border-radius: var(--wdtRadius_4X); -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition);
}
.wdt-service-item.wdt-type-2 .wdt-service-type-icon { 
  display: flex; align-items: center; justify-content: center; background-color: var(--wdtAccentTxtColor); width: clamp(5rem, 4.625rem + 1.875vw, 6.875rem); /* Min-80 & Max-110 */ height: clamp(5rem, 4.625rem + 1.875vw, 6.875rem); /* Min-60 & Max-110 */ -webkit-border-radius: var(--wdtRadius_Full); border-radius: var(--wdtRadius_Full);
}
.wdt-service-item.wdt-type-2 .wdt-service-type-icon img {
    width: clamp(3.125rem, 2.875rem + 1.25vw, 4.375rem); /* Min-50 & Max-70 */ height: clamp(3.125rem, 2.875rem + 1.25vw, 4.375rem); /* Min-50 & Max-70 */ }
.wdt-service-item.wdt-type-2 .wdt-service-title h5 {
    margin-bottom: 15px; font-size: clamp(1.5rem, 1.4013rem + 0.3947vw, 1.875rem); /* Min-24 & Max-30 */ text-transform: capitalize;
}
.wdt-service-item.wdt-type-2 .wdt-service-title h5, .wdt-service-item.wdt-type-2 .wdt-service-title h5 a {
    color: var(--wdtHeadAltColor); -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); }
.wdt-service-item.wdt-type-2 .wdt-service-description { -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); }
.wdt-service-item.wdt-type-2 .wdt-service-button { position: absolute; bottom: 0; right: 0; background-color: var(--wdtBodyBGColor); padding: 10px 0px 0px 10px; border-top-left-radius: var(--wdtRadius_Full); }
.wdt-service-item.wdt-type-2 .wdt-service-button:before,.wdt-service-item.wdt-type-2 .wdt-service-button:after {
  content: ''; position: absolute; width: 60px; height: 60px; z-index: 10; background-color: var(--wdtBodyBGColor); clip-path: path("M60,30v30H30c8.3,0,15.8-3.4,21.2-8.8C56.6,45.8,60,38.3,60,30z");  -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition);
}
.wdt-service-item.wdt-type-2 .wdt-service-button:before { right: 0; top: -60px; transform-origin: right; }
.wdt-service-item.wdt-type-2 .wdt-service-button:after { left: -60px; bottom: 0; transform-origin: bottom; }
.wdt-service-item.wdt-type-2 .wdt-service-button > a {
    display: flex; align-items: center; justify-content: center; width: clamp(3.125rem, 3.0138rem + 0.6135vw, 3.75rem); height: clamp(3.125rem, 3.0138rem + 0.6135vw, 3.75rem); background: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); font-size: 0px; -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); -webkit-border-radius: var(--wdtRadius_Full); border-radius: var(--wdtRadius_Full); position: relative;
}
.wdt-service-item.wdt-type-2 .wdt-service-button > a:before {
    content: ""; font-family: "sweetheart-icon"; font-style: normal; position: absolute; width: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem); /* Min-24 & Max-30 */ height: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem); /* Min-24 & Max-30 */ background-color: var(--wdtAccentTxtColor); -webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' %3E%3Cpath d='M1.4,45.6c15.5-5.9,35-4.5,51.5-4.4c3.2,0,6.4,0,9.6,0.1c-4.5-2.6-10.9-5.2-9.8-10.9c0.7-3.9,4.9-5.9,9.2-5.3 c3.8,0.6,8.1,3.6,11.4,5.3c4.2,2.1,8.4,4.2,12.5,6.6c3.2,1.8,6.5,3.5,8.8,6c1.2,0.6,2.5,1.4,3.8,2.6c1.7,1.5,2.4,4.5,0.4,6.1 c-0.7,0.5-1.3,1-1.9,1.4c-1,2.8-3.4,5.1-6.3,7.1C83,65.3,74.9,70,66.7,74.3c-5.9,3-13.4-3.8-8.1-8.4c3-2.6,5.9-5.3,9.1-7.7 c0.9-0.7,2.1-1.7,3.3-2.7c-6.5-0.2-13-0.3-19.6-0.4C35.2,54.5,16.1,55.2,1.1,49C-0.6,48.2-0.2,46.2,1.4,45.6z'/%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' %3E%3Cpath d='M1.4,45.6c15.5-5.9,35-4.5,51.5-4.4c3.2,0,6.4,0,9.6,0.1c-4.5-2.6-10.9-5.2-9.8-10.9c0.7-3.9,4.9-5.9,9.2-5.3 c3.8,0.6,8.1,3.6,11.4,5.3c4.2,2.1,8.4,4.2,12.5,6.6c3.2,1.8,6.5,3.5,8.8,6c1.2,0.6,2.5,1.4,3.8,2.6c1.7,1.5,2.4,4.5,0.4,6.1 c-0.7,0.5-1.3,1-1.9,1.4c-1,2.8-3.4,5.1-6.3,7.1C83,65.3,74.9,70,66.7,74.3c-5.9,3-13.4-3.8-8.1-8.4c3-2.6,5.9-5.3,9.1-7.7 c0.9-0.7,2.1-1.7,3.3-2.7c-6.5-0.2-13-0.3-19.6-0.4C35.2,54.5,16.1,55.2,1.1,49C-0.6,48.2-0.2,46.2,1.4,45.6z'/%3E%3C/svg%3E%0A"); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-transform: rotate(-40deg); transform: rotate(-40deg); -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); z-index: 1;
}
.wdt-service-item.wdt-type-2:hover { background-color: var(--wdtPrimaryColor); }
.wdt-service-item.wdt-type-2:hover .wdt-service-title h5,.wdt-service-item.wdt-type-2:hover .wdt-service-title h5 a { color: var(--wdtAccentTxtColor); }
.wdt-service-item.wdt-type-2:hover .wdt-service-title h5 a:hover { color: rgba(var(--wdtAccentTxtColorRgb), 0.9); }
.wdt-service-item.wdt-type-2:hover .wdt-service-description { color: var(--wdtAccentTxtColor); }
.wdt-service-item.wdt-type-2:hover .wdt-service-button > a { background-color: var(--wdtSecondaryColor); }
.wdt-service-item.wdt-type-2 .wdt-service-button > a:hover:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); }



/* ---------------------------------------------------------------------
 ===== Service Type - 2 =====
--------------------------------------------------------------------- */
.wdt-service-item.wdt-type-2 { display: flex;
    flex-direction: column;
    align-items: center;
    padding: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem) /* Min-30 & Max-60 */ clamp(1.25rem, 0.75rem + 2.5vw, 3.75rem) /* Min-20 & Max-60 */ ;
    padding-bottom: 60px;
    background-color: var(--wdtTertiaryColor);
    -webkit-border-radius: var(--wdtRadius_4X);
    border-radius: var(--wdtRadius_4X);
    -webkit-transition: var(--wdtAltTransition);
    transition: var(--wdtAltTransition);
}

.wdt-service-item.wdt-type-2 .wdt-service-type-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--wdtAccentTxtColor);
    width: clamp(5rem, 4.625rem + 1.875vw, 6.875rem);
    /* Min-80 & Max-110 */
    height: clamp(5rem, 4.625rem + 1.875vw, 6.875rem);
    /* Min-60 & Max-110 */
    -webkit-border-radius: var(--wdtRadius_Full);
    border-radius: var(--wdtRadius_Full);
}

.wdt-service-item.wdt-type-2 .wdt-service-type-icon img {
    width: clamp(3.125rem, 2.875rem + 1.25vw, 4.375rem);
    /* Min-50 & Max-70 */
    height: clamp(3.125rem, 2.875rem + 1.25vw, 4.375rem);
    /* Min-50 & Max-70 */
}

.wdt-service-item.wdt-type-2 .wdt-service-title h5 {
    margin-bottom: 15px;
    font-size: clamp(1.5rem, 1.4013rem + 0.3947vw, 1.875rem);
    /* Min-24 & Max-30 */
    text-transform: capitalize;
}

.wdt-service-item.wdt-type-2 .wdt-service-title h5, .wdt-service-item.wdt-type-2 .wdt-service-title h5 a {
    color: var(--wdtHeadAltColor);
    -webkit-transition: var(--wdtAltTransition);
    transition: var(--wdtAltTransition);
}

.wdt-service-item.wdt-type-2 .wdt-service-description {
    -webkit-transition: var(--wdtAltTransition);
    transition: var(--wdtAltTransition);
}

.wdt-service-item.wdt-type-2 .wdt-service-button {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--wdtBodyBGColor);
    padding: 10px 0px 0px 10px;
    border-top-left-radius: var(--wdtRadius_Full);
}

.wdt-service-item.wdt-type-2 .wdt-service-button:before,.wdt-service-item.wdt-type-2 .wdt-service-button:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    z-index: 10;
    background-color: var(--wdtBodyBGColor);
    clip-path: path("M60,30v30H30c8.3,0,15.8-3.4,21.2-8.8C56.6,45.8,60,38.3,60,30z");
    -webkit-transition: var(--wdtAltTransition);
    transition: var(--wdtAltTransition);
}

.wdt-service-item.wdt-type-2 .wdt-service-button:before {
    right: 0;
    top: -60px;
    transform-origin: right;
}

.wdt-service-item.wdt-type-2 .wdt-service-button:after {
    left: -60px;
    bottom: 0;
    transform-origin: bottom;
}

.wdt-service-item.wdt-type-2 .wdt-service-button > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(3.125rem, 3.0138rem + 0.6135vw, 3.75rem);
    height: clamp(3.125rem, 3.0138rem + 0.6135vw, 3.75rem);
    background: var(--wdtPrimaryColor);
    color: var(--wdtAccentTxtColor);
    font-size: 0px;
    -webkit-transition: var(--wdtAltTransition);
    transition: var(--wdtAltTransition);
    -webkit-border-radius: var(--wdtRadius_Full);
    border-radius: var(--wdtRadius_Full);
    position: relative;
}

.wdt-service-item.wdt-type-2 .wdt-service-button > a:before {
    content: "";
    font-family: "sweetheart-icon";
    font-style: normal;
    position: absolute;
    width: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);
    /* Min-24 & Max-30 */
    height: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);
    /* Min-24 & Max-30 */
    background-color: var(--wdtAccentTxtColor);
    -webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' %3E%3Cpath d='M1.4,45.6c15.5-5.9,35-4.5,51.5-4.4c3.2,0,6.4,0,9.6,0.1c-4.5-2.6-10.9-5.2-9.8-10.9c0.7-3.9,4.9-5.9,9.2-5.3 c3.8,0.6,8.1,3.6,11.4,5.3c4.2,2.1,8.4,4.2,12.5,6.6c3.2,1.8,6.5,3.5,8.8,6c1.2,0.6,2.5,1.4,3.8,2.6c1.7,1.5,2.4,4.5,0.4,6.1 c-0.7,0.5-1.3,1-1.9,1.4c-1,2.8-3.4,5.1-6.3,7.1C83,65.3,74.9,70,66.7,74.3c-5.9,3-13.4-3.8-8.1-8.4c3-2.6,5.9-5.3,9.1-7.7 c0.9-0.7,2.1-1.7,3.3-2.7c-6.5-0.2-13-0.3-19.6-0.4C35.2,54.5,16.1,55.2,1.1,49C-0.6,48.2-0.2,46.2,1.4,45.6z'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' %3E%3Cpath d='M1.4,45.6c15.5-5.9,35-4.5,51.5-4.4c3.2,0,6.4,0,9.6,0.1c-4.5-2.6-10.9-5.2-9.8-10.9c0.7-3.9,4.9-5.9,9.2-5.3 c3.8,0.6,8.1,3.6,11.4,5.3c4.2,2.1,8.4,4.2,12.5,6.6c3.2,1.8,6.5,3.5,8.8,6c1.2,0.6,2.5,1.4,3.8,2.6c1.7,1.5,2.4,4.5,0.4,6.1 c-0.7,0.5-1.3,1-1.9,1.4c-1,2.8-3.4,5.1-6.3,7.1C83,65.3,74.9,70,66.7,74.3c-5.9,3-13.4-3.8-8.1-8.4c3-2.6,5.9-5.3,9.1-7.7 c0.9-0.7,2.1-1.7,3.3-2.7c-6.5-0.2-13-0.3-19.6-0.4C35.2,54.5,16.1,55.2,1.1,49C-0.6,48.2-0.2,46.2,1.4,45.6z'/%3E%3C/svg%3E%0A");
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    -webkit-transition: var(--wdtAltTransition);
    transition: var(--wdtAltTransition);
    z-index: 1;
}

.wdt-service-item.wdt-type-2:hover {
    background-color: var(--wdtPrimaryColor);
}

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

.wdt-service-item.wdt-type-2:hover .wdt-service-title h5 a:hover {
    color: rgba(var(--wdtAccentTxtColorRgb), 0.9);
}

.wdt-service-item.wdt-type-2:hover .wdt-service-description {
    color: var(--wdtAccentTxtColor);
}

.wdt-service-item.wdt-type-2:hover .wdt-service-button > a {
    background-color: var(--wdtSecondaryColor);
}

.wdt-service-item.wdt-type-2 .wdt-service-button > a:hover:before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* ---------------------------------------------------------------------
 ===== Service Type - 3 =====
--------------------------------------------------------------------- */
.wdt-service-item.wdt-type-3 {
    display: flex;
    flex-direction: column-reverse;
    padding: 10px;
    background: rgba(var(--wdtAccentTxtColorRgb), 0.12);
    border-radius: var(--wdtRadius_2X);
    height: 100%;
    transition: var(--wdtAltTransition);
    backdrop-filter: blur(10px);
}

.wdt-service-item.wdt-type-3:hover,
.swiper-slide.swiper-slide-active .wdt-service-item.wdt-type-3{
    background: rgba(var(--wdtAccentTxtColorRgb), 0.05);
}

.wdt-service-item.wdt-type-3 .wdt-service-detail-group {
    padding: clamp(1.25rem, 1.1464rem + 0.3467vw, 1.5625rem) clamp(1.25rem, 1.0417rem + 0.6944vw, 1.875rem) 0;
    /* Min-20 & Max-30 */
    z-index: 0;
}

.wdt-service-item.wdt-type-3 .wdt-service-detail-group .wdt-service-content-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    margin-bottom: clamp(1.25rem, 1.0417rem + 0.6944vw, 1.875rem);
    /* Min-20 & Max-30 */
}

.wdt-service-item.wdt-type-3 .wdt-service-detail-group .wdt-service-content-group .wdt-service-title {
    margin-right: 20px;
}

.wdt-service-item.wdt-type-3 .wdt-service-detail-group .wdt-service-content-group .wdt-service-title h5, .wdt-service-item.wdt-type-3 .wdt-service-detail-group .wdt-service-content-group .wdt-service-title h5 a {
    margin: 0;
    color: var(--wdtAccentTxtColor);
    font-size: clamp(1.25rem, 1.0417rem + 0.6944vw, 1.875rem);
    /* Min-20 & Max-30 */
}

.wdt-service-item.wdt-type-3 .wdt-service-detail-group .wdt-service-content-group .wdt-service-title h5 a:hover {
    color: var(--wdtPrimaryColor);
}

.wdt-service-item.wdt-type-3 .wdt-service-media-group .wdt-service-image {
    border-radius: var(--wdtRadius_2X);
    /* overflow: hidden; */
    transition: var(--wdtAltTransition);
    height: 100%;
    display: block;
    position: relative;
}

.wdt-service-item.wdt-type-3 .wdt-service-media-group .wdt-service-image img {
    transition: var(--wdtAltTransition);
    object-fit: cover;
    height: calc(100% + var(--type3-desc-height));
    transform: translateY(calc(-1*var(--type3-desc-height)));
    border-radius: var(--wdtRadius_2X);
    transform-origin: bottom;
    will-change: height;
}
.swiper-slide.swiper-slide-active .wdt-service-item.wdt-type-3 .wdt-service-media-group .wdt-service-image img,
.wdt-service-item.wdt-type-3:hover .wdt-service-media-group .wdt-service-image img {
    display: flex;
    width: 100%;
    height: 100%;
    transform: translateY(0);
    will-change: height;
}

.wdt-service-item.wdt-type-3 .wdt-service-description {
    border-top: 1px solid rgba(var(--wdtBorderColorRgb),0.4);
    transform: translateY(50px);
    transition: var(--wdtAltTransition);
    padding: clamp(1.25rem, 1.0417rem + 0.6944vw, 1.875rem) 0; /* Min-20 & Max-30 */
    margin-top: 0; /* Min-20 & Max-30 */
    color: rgba(var(--wdtAccentTxtColorRgb),0.7);
}
.swiper-slide.swiper-slide-active .wdt-service-item.wdt-type-3 .wdt-service-description,
.wdt-service-item.wdt-type-3:hover .wdt-service-description {
    transform: translate(0);
    margin: 0 0 clamp(1.25rem, 1.0417rem + 0.6944vw, 1.875rem);
    /* Min-20 & Max-30 */
    padding: clamp(1.25rem, 1.0417rem + 0.6944vw, 1.875rem) 0 0;
    /* Min-20 & Max-30 */
}

.wdt-service-item.wdt-type-3 .wdt-service-detail-group .wdt-service-content-group .wdt-service-type-icon {
    font-size: var(--wdtFontSize_H2);
    line-height: 1;
    color: var(--wdtAccentTxtColor);
    transition: var(--wdtAltTransition);
    filter: none;
    -webkit-filter: none;    
}
.swiper-slide.swiper-slide-active .wdt-service-item.wdt-type-3 .wdt-service-detail-group .wdt-service-content-group .wdt-service-type-icon,
.wdt-service-item.wdt-type-3:hover .wdt-service-detail-group .wdt-service-content-group .wdt-service-type-icon {
    color: var(--wdtPrimaryColor);
    filter:drop-shadow(0 0 18px rgba(var(--wdtTertiaryColorRgb),0.8));
    -webkit-filter:drop-shadow(0 0 18px rgba(var(--wdtTertiaryColorRgb),0.8));
}

.wdt-service-item.wdt-type-3 .wdt-service-media-group {
    display: grid;
    height: 100%;
    place-items: start;
    z-index: 1;
}


/* pagination service carousel */
.wdt-services-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
}

.wdt-carousel-holder.wdt-services-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div {
    pointer-events:all;
    margin:0;
    position:relative;
    color:var(--wdtAccentTxtColor);
    width: clamp(2.5rem, -2.5825rem + 5.277vw, 3.75rem); /* Min-40 & Max-60 */
    height: clamp(2.5rem, -2.5825rem + 5.277vw, 3.75rem); /* Min-40 & Max-60 */
    border-radius:var(--wdtRadius_Full);
    background:transparent;
    border:1px solid currentColor;
}

.wdt-carousel-holder.wdt-services-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:hover {
    color:var(--wdtHeadAltColor);
}

.wdt-carousel-holder.wdt-services-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:before {
    background: linear-gradient(90deg, var(--wdtPrimaryColor), var(--wdtTertiaryColor));
    background-size: 100% 100%;
    opacity:0;
}

.wdt-carousel-holder.wdt-services-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:hover:before {
   opacity:1;
}

.wdt-carousel-holder.wdt-services-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-prev {
    left:calc(-1*clamp(3.4375rem, -20.7042rem + 25.066vw, 9.375rem)); /* Min-55 & Max-150 */
}
.wdt-carousel-holder.wdt-services-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-next {
    right:calc(-1*clamp(3.4375rem, -20.7042rem + 25.066vw, 9.375rem)); /* Min-55 & Max-150 */
}

.wdt-carousel-holder.wdt-services-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-next:hover i svg{
    animation: btn-arrow-move 0.375s linear; 
    -webkit-animation: btn-arrow-move 0.375s linear;
}

.wdt-carousel-holder.wdt-services-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-prev:hover i svg{
    animation: btn-arrow-move-rev 0.375s linear; 
    -webkit-animation: btn-arrow-move-rev 0.375s linear;
}

.wdt-services-holder.wdt-carousel-holder .swiper.swiper-horizontal + .wdt-carousel-pagination-wrapper .wdt-swiper-pagination{
    margin-top: 50px;
}

@media only screen and (max-width:1540px){
    .wdt-services-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination{
        position:relative;
        justify-content: center;
    }
    .wdt-carousel-holder.wdt-services-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-prev {
        left:0;
    }
    .wdt-carousel-holder.wdt-services-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-next {
        right:0;
    }    
    .wdt-carousel-holder.wdt-services-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div {
        margin:40px 8px 0 8px;
        width:clamp(2.5rem, -0.0412rem + 2.6385vw, 3.125rem); /* Min-40 & Max-50 */
        height:clamp(2.5rem, -0.0412rem + 2.6385vw, 3.125rem);  /* Min-40 & Max-50 */
    }
}