.wdt-showcase-container { display: flex; flex-wrap: nowrap; --inter-gap:0px; gap: var(--inter-gap);  flex-direction: row-reverse;}
.wdt-showcase-container > .wdt-showcase-list-wrapper { flex: 0 0 calc(55% - calc(var(--inter-gap) / 2)); 
width: calc(55% - calc(var(--inter-gap) / 2)); align-self:center; padding-left:70px; }
.wdt-showcase-container > .wdt-showcase-list-wrapper ul { margin: 0px; padding: 0px; list-style-type: none; position: sticky; top: 50px; display: flex; flex-wrap: wrap; gap: clamp(0.9375rem, 0.6259rem + 1.0409vw, 1.875rem) ; }
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li { line-height: var(--wdtLineHeight_Base); cursor: pointer; }
.wdt-showcase-container .wdt-image-box-holder.wdt-rc-template-review-block  .wdt-content-item .wdt-content-image > a > img{
object-fit:cover;
height:450px;
}
.wdt-showcase-container > .wdt-showcase-content-wrapper { flex: 0 0 calc(45% - calc(var(--inter-gap) / 2)); position: relative; 
width: calc(45% - calc(var(--inter-gap) / 2)); position:sticky; top:40px;}
.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"]:first-child {
position: relative;
}
.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
transition:
opacity 0.6s ease-in-out,
visibility 0s linear 0.6s; 
}
.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"].wdt-active {
opacity: 1;
visibility: visible;
transition:
opacity 0.6s ease-in-out,
visibility 0s linear 0s; 
z-index: 2;
}
.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] .wdt-content-image-wrapper,
.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] .wdt-content-image-wrapper .wdt-content-image,
.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] .wdt-content-image-wrapper .wdt-content-image span,
.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] .wdt-content-image-wrapper .wdt-content-image span img {height: inherit; display: block; object-fit: cover;object-position: center; border-radius: var(--wdtRadius_2X); width: 100%;}
@media(max-width: 1024px){
.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] .wdt-content-image-wrapper .wdt-content-image span img{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.wdt-showcase-container > .wdt-showcase-list-wrapper{
padding-left:30px;
}
} .wdt-full-height{
height:100%;
}
.wdt-showcase-container .wdt-content-icon span { display: inline-flex; padding: 5px; align-items: center; justify-content: center;
color: rgba(var(--wdtSecondaryColorRgb),0.2); 
font-size: 26px; height:30px; width:30px; -webkit-border-radius: 50%; border-radius: 50%; transition:var(--wdt-Ad-Transition); }
.wdt-showcase-container li.wdt-active .wdt-content-icon span,.wdt-showcase-container li:hover .wdt-content-icon span{
color:var(--wdtPrimaryColor);
} .wdt-showcase-title-group .wdt-content-title { display: inline; position: relative; margin: 0px; color: rgba(var(--wdtSecondaryColorRgb),0.4); font-size: clamp(1.25rem, 1.1669rem + 0.2776vw, 1.5rem); transition:var(--wdt-Ad-Transition); line-height:var(--wdtLineHeight_H5); }
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active .wdt-showcase-title-group .wdt-content-title,.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li:hover .wdt-showcase-title-group .wdt-content-title{
color:var(--wdtPrimaryColor);
}
.wdt-showcase-title-group .wdt-showcase-title-prefix { width: fit-content; display: inline-flex; font-size: 20px; 
font-weight: 500; color: var(--wdtPrimaryColor); position: relative; margin-right: 10px; padding-right: 10px; line-height: 1; }
.wdt-showcase-title-group .wdt-showcase-title-prefix:after { content: ""; position: absolute; right: 0; top: 50%;
width: 1px; height: 80%; display: inline-block; background: currentColor; transform: rotate(20deg) translate(-200%, -50%); }  .wdt-showcase-container > .wdt-showcase-list-wrapper ul {  }
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li { flex: 0 0 calc(50% - calc(30px / 2)); position: relative; padding-bottom:0; } .wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-showcase-content-group{
display:flex;
gap:15px;
align-items:top;
padding-bottom:10px;
width:fit-content;
position: relative;
}
.wdt-showcase-container.award .wdt-showcase-list-wrapper .wdt-showcase-list{
display: block;
justify-content: space-between;
align-items: center;
}
.wdt-showcase-container.award > .wdt-showcase-list-wrapper ul > li .wdt-showcase-content-group .wdt-showcase-title-group{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
gap: 20px;
}
.wdt-showcase-container.award > .wdt-showcase-list-wrapper ul > li .wdt-showcase-content-group{
width: 100%;
padding: 0;
}
.wdt-dark-bg .wdt-showcase-title-group .wdt-content-title{
color: var(--wdtAccentTxtColor);
}
.wdt-showcase-container.award > .wdt-showcase-list-wrapper ul > li .wdt-showcase-content-group .wdt-showcase-title-group .wdt-content-sub-title{
margin: 0;
font-size: var(--wdtFontSize_Base);
font-weight: var(--wdtFontWeight_Base);
}
.wdt-showcase-container.award  > .wdt-showcase-list-wrapper ul > li{
padding: 35px 0;
border-bottom: 1px solid rgb(var(--wdtBorderColorRgb),0.3);
transition: var(--wdtAltTransition);
}
.wdt-showcase-container.award  > .wdt-showcase-list-wrapper ul > li:first-child{
border-top: 1px solid rgb(var(--wdtBorderColorRgb),0.3);
}
.wdt-showcase-container.award .wdt-showcase-title-group .wdt-content-title{
font-weight: var(--wdtFontWeight_Alt);
font-size: var(--wdtFontSize_H5);
}
@media (min-width:1025px) and (max-width:1280px){
.wdt-showcase-container > .wdt-showcase-list-wrapper{
padding-left:30px;
}
}
@media(max-width:1024px){
.wdt-showcase-container.award{
display: grid;
border-radius: var(--wdtRadius_3X);
overflow: hidden;
}
.wdt-showcase-container.award > .wdt-showcase-list-wrapper{
width: calc(100% - calc(var(--inter-gap) / 2));
grid-area: 1/1;
z-index: 2;
padding: 0;
background-color: rgb(var(--wdtHeadAltColorRgb), 0.6);
height: 100%;
}
.wdt-showcase-container.award > .wdt-showcase-content-wrapper{
width: calc(100% - calc(var(--inter-gap) / 2));
padding-left:0px;
grid-area: 1/1;
z-index: 1;
}
.wdt-showcase-container.award > .wdt-showcase-list-wrapper ul > li:first-child{
border-top: 0;
}
.wdt-showcase-container.award > .wdt-showcase-list-wrapper ul > li:last-child{
border: 0;
}
.wdt-showcase-container.award > .wdt-showcase-list-wrapper ul > li{
padding: 30px 30px;
}
}
@media(max-width:767px){
.wdt-showcase-container > .wdt-showcase-list-wrapper{
flex:0 0 100%;
width: calc(100% - calc(var(--inter-gap) / 2));
}
.wdt-showcase-container{
flex-wrap:wrap;
row-gap:30px;
}
.wdt-showcase-container > .wdt-showcase-content-wrapper{
flex:0 0 100%;
width: calc(100% - calc(var(--inter-gap) / 2));
}
.wdt-showcase-container .wdt-image-box-holder.wdt-rc-template-review-block  .wdt-content-item .wdt-content-image > a > img{
height:370px;
}
.wdt-showcase-container > .wdt-showcase-list-wrapper{
padding-left:0px;
}
.wdt-showcase-container.award > .wdt-showcase-list-wrapper ul > li .wdt-showcase-content-group .wdt-showcase-title-group{
flex-direction: column;
align-items: start;
gap: 10px;
}
}
@media(max-width:479px){
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li  {flex: 0 0 100%;}
.wdt-showcase-container{
gap:40px;
--inter-gap:0px;
}
.wdt-showcase-container .wdt-image-box-holder.wdt-rc-template-review-block  .wdt-content-item .wdt-content-image > a > img{
height:275px;
}
.wdt-showcase-container{
row-gap:20px;
}
.wdt-showcase-container.award > .wdt-showcase-list-wrapper ul > li{
padding: 30px 20px;
}
} .wdt-showcase-container.modern > .wdt-showcase-list-wrapper ul{
flex-direction:column;
}
.wdt-showcase-container.modern .wdt-showcase-title-group .wdt-content-title,
.wdt-showcase-container.modern .wdt-showcase-title-group .wdt-showcase-title-prefix{
color:var(--wdtAccentTxtColor);
font-size: clamp(1.625rem, 1.4172rem + 0.694vw, 2.25rem); transition:var(--wdtBaseTransition);
}
.wdt-showcase-container.modern .wdt-showcase-title-group .wdt-showcase-title-prefix:after{
transform:none;
border-radius:var(--wdtRadius_Full);
width:5px;
height:5px;
transition:var(--wdtBaseTransition);
}
.wdt-showcase-container.modern li.wdt-active .wdt-showcase-title-group .wdt-showcase-title-prefix:after,
.wdt-showcase-container.modern li:hover .wdt-showcase-title-group .wdt-showcase-title-prefix:after{
color:var(--wdtPrimaryColor);
}
.wdt-showcase-container.modern li.wdt-active .wdt-showcase-title-group .wdt-showcase-title-prefix,
.wdt-showcase-container.modern li:hover .wdt-showcase-title-group .wdt-showcase-title-prefix{
color:var(--wdtPrimaryColor);
}
.wdt-showcase-container.modern li{
position: relative;
transition:var(--wdtBaseTransition);
}
.wdt-showcase-container.modern li:after{
content: "";
bottom:0;
left:0;
position:absolute;
width:100%;
height:1px;
background-color:Rgba(var(--wdtAccentTxtColorRgb),.3);
transition:var(--wdtBaseTransition);
}
.wdt-showcase-container.modern li:before{
content: "";
bottom:0;
left:0;
position:absolute;
width:0;
height:1px;
background-color:Rgba(var(--wdtPrimaryColorRgb),.6);
transition:var(--wdtBaseTransition);
z-index:2;
}
.wdt-showcase-container.modern li.wdt-active:before,
.wdt-showcase-container.modern li:hover:before{
width:100%;
}
.wdt-showcase-container.modern > .wdt-showcase-list-wrapper {
flex: 0 0 calc(30% - calc(var(--inter-gap) / 2));
width: calc(30% - calc(var(--inter-gap) / 2));}
.wdt-showcase-container.modern > .wdt-showcase-content-wrapper {
flex: 0 0 calc(70% - calc(var(--inter-gap) / 2));
position: relative;
top:0;
width: calc(70% - calc(var(--inter-gap) / 2));}
@media (max-width:1024px){
.wdt-showcase-container.modern > .wdt-showcase-list-wrapper{
padding-left: 30px;
}
.wdt-showcase-container.modern > .wdt-showcase-list-wrapper {
flex: 0 0 calc(40% - calc(var(--inter-gap) / 2));
width: calc(40% - calc(var(--inter-gap) / 2));}
.wdt-showcase-container.modern > .wdt-showcase-content-wrapper{
flex: 0 0 calc(60% - calc(var(--inter-gap) / 2));
width: calc(60% - calc(var(--inter-gap) / 2));}
}
@media (max-width: 767px) {
.wdt-showcase-container.modern > .wdt-showcase-list-wrapper {
flex: 0 0 100%;
width: calc(100% - calc(var(--inter-gap) / 2));
}
.wdt-showcase-container.modern > .wdt-showcase-content-wrapper {
flex: 0 0 100%;
width: calc(100% - calc(var(--inter-gap) / 2));
}
.wdt-showcase-container.modern {
gap: 40px;
--inter-gap: 0px;
}
}.wdt-animation-wrapper {-webkit-mask-image: linear-gradient(to right, transparent 0%, var(--wdtHeadAltColor) 5%, var(--wdtHeadAltColor) 95%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, var(--wdtHeadAltColor) 5%, var(--wdtHeadAltColor) 95%, transparent 100%); position: relative; display: flex; flex-flow: row nowrap; overflow: visible; overflow-x: clip; }
.wdt-animation-wrapper div[class*="-marqee"] { width: auto; flex: 0 0 auto; display: grid; grid-auto-flow: column; align-items: center; }
.wdt-animation-wrapper div[class*="-marqee"] .wdt-animation-item { display: inline-flex; flex: 0 0 auto; text-align: center; position: relative; }
.wdt-animation-wrapper .wdt-animation-item { padding: 0 clamp(1.25rem, 1.0422rem + 0.694vw, 1.875rem); }
.wdt-animation-wrapper div[class*="-marqee"].right-to-left { 
-webkit-animation: MarqueeLeft 24s linear infinite 0ms; animation: MarqueeLeft 24s linear infinite 0ms; }
.wdt-animation-wrapper div[class*="-marqee"].left-to-right { 
-webkit-animation: MarqueeRight 24s linear infinite 0ms; animation: MarqueeRight 24s linear infinite 0ms; }
.wdt-animation-wrapper:hover div[class*="-marqee"] { -webkit-animation-play-state: paused; animation-play-state: paused; }
@keyframes MarqueeLeft { 
from { margin-left: 0; } 
to { margin-left: var(--wdt-marque-Margin-Width); } 
}
@keyframes MarqueeRight { 
from { margin-left: var(--wdt-marque-Margin-Width); } 
to { margin-left: 0; } 
} .wdt-animation-item.text-item { 
display: inline-block; 
font-size: clamp(1.875rem, 1.125rem + 3.75vw, 5.625rem); font-weight: var(--wdtFontWeight_Ext); 
font-family: var(--wdtFontTypo_Alt); 
text-transform: capitalize; line-height: 1; }
.wdt-animation-item.text-item,
.wdt-animation-item.text-item a {
position: relative;
-webkit-text-stroke: 1px var(--wdtHeadAltColor);
display: inline-block;
color:transparent;
line-height: var(--wdtLineHeight_Alt);
transition:var(--wdtBaseTransition);
transition-duration: .1s;
}
.wdt-dark-bg .wdt-animation-item.text-item,
.wdt-dark-bg .wdt-animation-item.text-item a {
-webkit-text-stroke: 1px rgb(var(--wdtAccentTxtColorRgb), 0.6);
}
.wdt-animation-item.text-item a:hover,
.wdt-dark-bg .wdt-animation-item.text-item a:hover {
color: var(--wdtPrimaryColor);
text-decoration: none;
color:var(--wdtLinkHoverColor);
-webkit-text-stroke: 1px var(--wdtLinkHoverColor);
} .wdt-animation-item.icon-item { display: flex; align-items: center; justify-content: center;
font-size: clamp(3.625rem, 3.1rem + 2.625vw, 6.25rem); color: rgb(var(--wdtHeadAltColorRgb), .6);
transition: var(--wdt-Ad-Transition);
}
.wdt-dark-bg .wdt-animation-item.icon-item { color: rgb(var(--wdtAccentTxtColorRgb),0.4) }
.wdt-animation-item.icon-item:hover,
.wdt-dark-bg .wdt-animation-item.icon-item:hover {
transition-delay: 0.02s;
color: var(--wdtPrimaryColor);
}
.wdt-animation-item.icon-item svg { width: 1em; height: 1em; fill: currentColor; transition: var(--wdt-Ad-Transition); }
.wdt-animation-wrapper .wdt-animation-item.icon-item { padding: 0 clamp(1.25rem, 0.75rem + 2.5vw, 3.75rem); }
.wdt-marquee-icon-animation .wdt-animation-item.icon-item svg:nth-child(2){
color: var(--wdtPrimaryColor);
position: absolute;
transform: translateY(-100%);
--webkit-transform: translateY(-100%);
}
.wdt-marquee-icon-animation .wdt-animation-item.icon-item:hover svg:nth-child(2){
opacity: 1;
transform: translateY(0);
--webkit-transform: translateY(0);
}
.wdt-marquee-icon-animation .wdt-animation-item.icon-item:hover svg:nth-child(1){
transform: translatey(100%);
--webkit-transform: translatey(100%);
}
@keyframes scroll{
50%{
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
51%{
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
} .wdt-animation-item.image-item img { object-fit: cover; object-position: center;
width: clamp(2.75rem, 2.5rem + 1.25vw, 4rem); height: clamp(2.75rem, 2.5rem + 1.25vw, 4rem); border-radius: var(--wdtRadius_Full);
}  .wdt-animation-holder .wdt-animation-item.image-text-item {
margin: 0 10px;
padding: 6px 20px 6px 6px;
border-radius:var(--wdtRadius_Part);
background-color:var(--wdtTertiaryColor);
display:inline-flex;
gap: 10px;
align-items:center;
transition:var(--wdtBaseTransition);
}
.wdt-animation-holder  .wdt-animation-item.image-text-item .inner-text{
font-family:var(--wdtFontTypo_Alt);
font-weight:var(--wdtFontWeight_Alt);
font-size: clamp(1.5rem, 1.3753rem + 0.4164vw, 1.875rem); letter-spacing:0;
}
.wdt-animation-holder .wdt-animation-item.image-text-item:hover{
background-color:var(--wdtPrimaryColor);
color:var(--wdtAccentTxtColor);
}
.wdt-animation-holder  .wdt-animation-item.image-text-item .inner-text a{
transition:var(--wdtBaseTransition);
color:var(--wdtHeadAltColor); font-size: var(--wdtFontSize_Base);
}
.wdt-animation-holder  .wdt-animation-item.image-text-item:hover .inner-text a{
color:var(--wdtAccentTxtColor);
}
.wdt-full-height{
height:100%;
}.wdt-services-holder .wdt-service-item.wdt-type-1 {
display: grid;
grid-template-columns: 26% 34% 34% 6%;
align-items: center;
width: 100%;
padding: 10px clamp(2.5rem, 1.0684rem + 2.2346vw, 3.75rem); background: transparent;
transition: var(--wdt-Ad-Transition);
border-bottom: 1px solid var(--wdtBorderColor);
transition-duration: .5s;
}
.wdt-services-holder .wdt-service-item.wdt-type-1
.wdt-services-holder .wdt-service-item.wdt-type-1:hover,
.wdt-services-holder .wdt-column.wdt-active .wdt-service-item.wdt-type-1 {
background-color: var(--wdtLinkHoverColor); border-radius: var(--wdtRadius_2X); border-color: var(--wdtLinkHoverColor);
} .wdt-services-holder .wdt-service-item.wdt-type-1:hover .wdt-service-title h5,
.wdt-services-holder .wdt-service-item.wdt-type-1:hover .wdt-service-title h5 a,
.wdt-services-holder .wdt-service-item.wdt-type-1:hover .wdt-service-description,
.wdt-services-holder .wdt-column.wdt-active .wdt-service-item.wdt-type-1 .wdt-service-title h5,
.wdt-services-holder .wdt-column.wdt-active .wdt-service-item.wdt-type-1 .wdt-service-title h5 a,
.wdt-services-holder .wdt-column.wdt-active .wdt-service-item.wdt-type-1 .wdt-service-description,
.wdt-services-holder .wdt-column.wdt-active .wdt-service-item.wdt-type-1 .wdt-service-title::before {
color: var(--wdtAccentTxtColor);
}
.wdt-services-holder .wdt-service-item.wdt-type-1:hover .wdt-service-title h5:hover,
.wdt-services-holder .wdt-service-item.wdt-type-1:hover .wdt-service-title h5 a:hover,
.wdt-services-holder .wdt-column.wdt-active .wdt-service-item.wdt-type-1 .wdt-service-title h5:hover,
.wdt-services-holder .wdt-column.wdt-active .wdt-service-item.wdt-type-1 .wdt-service-title h5 a:hover,
.wdt-services-holder .wdt-service-item.wdt-type-3:hover .wdt-service-title h5:hover,
.wdt-services-holder .wdt-service-item.wdt-type-3:hover .wdt-service-title h5 a:hover,
.wdt-services-holder .wdt-column.wdt-active .wdt-service-item.wdt-type-1:hover .wdt-service-title:hover::before  {
color:  rgb(var(--wdtAccentTxtColorRgb), .7);
}
.wdt-services-holder .wdt-service-item.wdt-type-1:hover .wdt-service-button a,
.wdt-services-holder .wdt-column.wdt-active .wdt-service-item.wdt-type-1 .wdt-service-button a {
rotate: 0deg;
background-color: var(--wdtAccentTxtColor);
color: var(--wdtSecondaryColor);
}
.wdt-services-holder .wdt-service-item.wdt-type-1:hover .wdt-service-button a:hover,
.wdt-services-holder .wdt-column.wdt-active .wdt-service-item.wdt-type-1 .wdt-service-button a:hover {
background-color: var(--wdtSecondaryColor);
color: var(--wdtAccentTxtColor);
}
.wdt-services-holder .wdt-service-item.wdt-type-1 .wdt-service-title {
gap: 20px;
padding-right: 30px;
display: flex;
align-items: baseline;
}
.wdt-services-holder .wdt-service-item.wdt-type-1 .wdt-service-title h5 {
font-size: clamp(1.625rem, 1.4172rem + 0.694vw, 2.25rem); margin: 0;
}
.wdt-services-holder .wdt-column-wrapper:has(.wdt-service-item.wdt-type-1){
counter-reset: wdt-counter;
}
.wdt-services-holder .wdt-service-item.wdt-type-1 .wdt-service-title::before{
counter-increment: wdt-counter;
content: "0" counter(wdt-counter) ".";
font-size: clamp(1.625rem, 1.4172rem + 0.694vw, 2.25rem);
font-family: var(--wdtFontTypo_Alt);
font-weight: var(--wdtFontWeight_Alt);
color: var(--wdtPrimaryColor);
transition: var(--wdt-Ad-Transition);
}
.wdt-services-holder .wdt-service-item.wdt-type-1 .wdt-service-image {
padding: 0 30px;
}
.wdt-services-holder .wdt-service-item.wdt-type-1 .wdt-service-description {
padding: 0 30px 0 clamp(1.875rem, -0.2723rem + 3.352vw, 3.75rem); transition: var(--wdt-Ad-Transition);
}
.wdt-services-holder .wdt-service-item.wdt-type-1 .wdt-service-image a {
max-width: 370px;
display: flex;
border-radius: var(--wdtRadius_2X);
min-height: clamp(11.25rem, 6.9553rem + 6.7039vw, 15rem); transform: scale(0.9) rotate(0deg);
transition: var(--wdt-Ad-Transition);
opacity: 0;
position: relative;
z-index: 1;
}
.wdt-services-holder .wdt-service-item.wdt-type-1:hover .wdt-service-image a,
.wdt-services-holder .wdt-column.wdt-active .wdt-service-item.wdt-type-1 .wdt-service-image a {
transform: scale(1) rotate(-15deg);
opacity: 1;
filter: brightness(1.05);
-webkit-filter: brightness(1.05);
}
.wdt-services-holder .wdt-service-item.wdt-type-1 .wdt-service-image a img {
height: inherit;
min-height: inherit;
border-radius: inherit;
object-fit: cover;
}
.wdt-services-holder .wdt-service-item.wdt-type-1 .wdt-service-button {
display: flex;
justify-content: flex-end;
}
.wdt-services-holder .wdt-service-item.wdt-type-1 .wdt-service-button a {
width: 50px;
height: 50px; font-size: 0;
background: var(--wdtSecondaryColor);
color: var(--wdtAccentTxtColor);
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--wdtRadius_Full);
rotate: -45deg;
transition: var(--wdt-Ad-Transition);
}
.wdt-services-holder .wdt-service-item.wdt-type-1 .wdt-service-button a i{display: inline-flex;     font-size: var(--wdtFontSize_Base);}
.wdt-services-holder .wdt-service-item .wdt-service-button a i::before{
margin: 0;
} .wdt-services-holder .wdt-service-item.wdt-type-2 {
background-color: var(--wdtAccentTxtColor);
border-radius: var(--wdtRadius_2X);
padding: 10px;
position: relative;
}
.wdt-services-holder .wdt-service-item.wdt-type-2 .wdt-service-media-group {
display: flex;
flex-direction: column;
margin-bottom: 24px;
position: relative; 
}
.wdt-services-holder .wdt-service-item.wdt-type-2 .wdt-service-detail-group {
padding: 0 clamp(1.25rem, 1.0422rem + 0.694vw, 1.875rem) 20px; } .wdt-services-holder .wdt-service-item.wdt-type-2 .wdt-service-type-icon {
width: clamp(3.75rem, 3.3345rem + 1.3879vw, 5rem); height: clamp(3.75rem, 3.3345rem + 1.3879vw, 5rem); border-radius: var(--wdtRadius_Full);
background-color: var(--wdtTertiaryColor);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 30px;
bottom: -22px;
color: var(--wdtSecondaryColor);
-webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition);
font-size: clamp(2.125rem, 1.9875rem + 0.6875vw, 2.8125rem); }
.wdt-services-holder .wdt-service-item.wdt-type-2:hover .wdt-service-type-icon {
background-color: var(--wdtLinkHoverColor);
color: var(--wdtAccentTxtColor);
fill: var(--wdtAccentTxtColor);
}
.wdt-services-holder .wdt-service-item.wdt-type-2 .wdt-service-type-icon svg,
.wdt-services-holder .wdt-service-item.wdt-type-3 .wdt-service-type-icon svg {
font-size: inherit;
color: currentColor;
fill: currentColor;
}
.wdt-services-holder .wdt-service-item.wdt-type-2 .wdt-service-image a{display: flex; border-radius: var(--wdtRadius_2X); position: relative; overflow: hidden;}
.wdt-services-holder .wdt-service-item.wdt-type-2 .wdt-service-image a img {
object-fit: cover;
object-position: center;
transform: scale(1.05) rotate(.5deg);
transform-origin: 90% 50%;
-webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); 
filter: brightness(1);
-webkit-filter: brightness(1);
aspect-ratio: 16 / 9;
}
.wdt-services-holder .wdt-service-item.wdt-type-2:hover .wdt-service-image a img {
transform: scale(1) rotate(0deg);
filter: brightness(1.05);
-webkit-filter: brightness(1.05);
}
.wdt-services-holder .wdt-service-item.wdt-type-2 .wdt-service-title h5 {
border-bottom: 1px solid rgb(var(--wdtSecondaryColorRgb), .1);
padding-bottom: 16px;
margin: 0 0 18px;
}
.wdt-services-holder .wdt-service-item.wdt-type-2 .wdt-service-title h5,
.wdt-services-holder .wdt-service-item.wdt-type-2 .wdt-service-title h5 a {
color: var(--wdtHeadAltColor);
}
.wdt-services-holder .wdt-service-item.wdt-type-2 .wdt-service-title h5:hover,
.wdt-services-holder .wdt-service-item.wdt-type-2 .wdt-service-title h5 a:hover {
color: var(--wdtLinkHoverColor);
}
.wdt-services-holder .wdt-service-item.wdt-type-2 .wdt-service-description ,
.wdt-services-holder .wdt-service-item.wdt-type-3 .wdt-service-description {
color: var(--wdtBodyTxtColor);
padding-right: 5%;
margin-bottom: 20px;
-webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); 
}
.wdt-services-holder .wdt-service-item.wdt-type-2 .wdt-service-button{
display:flex;
justify-content:inherit;
}
.wdt-services-holder .wdt-service-item.wdt-type-2 .wdt-service-button a {
color: var(--wdtSecondaryColor);
display: flex;
flex-direction: row-reverse;
align-items:center;
gap:10px;
transition:var(--wdtBaseTransition);
}
.wdt-services-holder .wdt-service-item.wdt-type-2 .wdt-service-button a i{
margin: 0;
width: 30px;
height: 30px;
background: var(--wdtHeadAltColor);
font-size: var(--wdtFontSize_Ext);
color: var(--wdtSecondaryColor);
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--wdtRadius_Full);
color: var(--wdtAccentTxtColor);
rotate: -45deg;
transition: var(--wdt-Ad-Transition)
}
.wdt-services-holder .wdt-service-item.wdt-type-2 .wdt-service-button a:hover i{
background-color:var(--wdtPrimaryColor); 
rotate: 0deg;
}
.wdt-services-holder .wdt-service-item.wdt-type-2 .wdt-service-button a:hover{color: var(--wdtLinkHoverColor);}
.wdt-services-holder .wdt-service-item.wdt-type-2:hover .wdt-service-button a i::before {
margin: 0;
} .wdt-services-holder .wdt-service-item.wdt-type-3 {
border-radius: var(--wdtRadius_2X);
display: grid;
overflow: hidden;
position: relative;
-webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); 
}
.wdt-services-holder .wdt-service-item.wdt-type-3 .wdt-service-media-group .wdt-service-image::before {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
width: 100%;
height: 100%;
background-color: var(--wdtTertiaryColor);
opacity: 0;
transform: scale(1.05) rotate(.5deg);
transform-origin: 90% 50%;
z-index: 1;
-webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition);
}
.wdt-services-holder .wdt-service-item.wdt-type-3:hover .wdt-service-media-group .wdt-service-image:before {
opacity: 1;
transform: scale(1) rotate(0deg);
background-color: rgb(var(--wdtPrimaryColorRgb), .8);
}
.wdt-services-holder .wdt-service-item.wdt-type-3 .wdt-service-media-group {
grid-area: 1/1; backface-visibility: hidden;
}
.wdt-services-holder .wdt-service-item.wdt-type-3 .wdt-service-detail-group {
grid-area: 1/1;
padding: clamp(1.875rem, 1.3348rem + 1.8043vw, 3.5rem) clamp(1.875rem, 1.6672rem + 0.694vw, 2.5rem);  position: relative;
z-index: 1;
}
.wdt-services-holder .wdt-service-item.wdt-type-3 .wdt-service-media-group .wdt-service-image,
.wdt-services-holder .wdt-service-item.wdt-type-3 .wdt-service-media-group a {
width: 100%;
height: 100%;
position: relative;
z-index: 0;
}
.wdt-services-holder .wdt-service-item.wdt-type-3 .wdt-service-media-group a img {
width: inherit;
height: inherit;
object-fit: cover;
transform: scale(1.05) rotate(.5deg);
transform-origin: 90% 50%;
opacity: 0;
-webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); 
}
.wdt-services-holder .wdt-service-item.wdt-type-3:hover .wdt-service-media-group a img {
transform: scale(1) rotate(0deg);
opacity: 1;
}
.wdt-services-holder .wdt-service-item.wdt-type-3 .wdt-service-type-icon {
min-width: clamp(3.75rem, 3.3345rem + 1.3879vw, 5rem);
width: clamp(3.75rem, 3.3345rem + 1.3879vw, 5rem); height: clamp(3.75rem, 3.3345rem + 1.3879vw, 5rem); border-radius: var(--wdtRadius_Full);
background-color: var(--wdtTertiaryColor);
display: flex;
align-items: center;
justify-content: center;
color: var(--wdtSecondaryColor);
-webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); 
font-size: clamp(2.25rem, 1.9591rem + 0.9715vw, 3.125rem); }
.wdt-services-holder .wdt-service-item.wdt-type-3 .wdt-service-detail-group .wdt-services-icon-title {
display: flex;
gap: 24px;
align-items: center;
border-bottom: 1px solid rgb(var(--wdtSecondaryColorRgb), .1);
padding-bottom: 26px;
margin-bottom: 26px;
-webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); 
}
.wdt-services-holder .wdt-service-item.wdt-type-3 .wdt-service-title h5 {
margin: 0;
}
.wdt-services-holder .wdt-service-item.wdt-type-3:hover .wdt-service-title h5,
.wdt-services-holder .wdt-service-item.wdt-type-3:hover .wdt-service-title h5 a {
color: var(--wdtAccentTxtColor);
}
.wdt-services-holder .wdt-service-item.wdt-type-3:hover .wdt-service-description {
color: rgb(var(--wdtAccentTxtColorRgb), 1)
}
.wdt-services-holder .wdt-service-item.wdt-type-3:hover .wdt-service-detail-group .wdt-services-icon-title {
border-color: rgb(var(--wdtAccentTxtColorRgb), 1)
}
.wdt-services-holder .wdt-service-item.wdt-type-3:hover .wdt-service-type-icon {
background-color: var(--wdtAccentTxtColor);
}
.wdt-services-holder .wdt-service-item.wdt-type-3 .wdt-service-button{
display:flex;
justify-content:inherit;
}
.wdt-services-holder .wdt-service-item.wdt-type-3 .wdt-service-button a {
color: var(--wdtSecondaryColor);
display: flex;
flex-direction: row-reverse;
align-items:center;
gap:10px;
transition:var(--wdtBaseTransition);
}
.wdt-services-holder .wdt-service-item.wdt-type-3:hover .wdt-service-button a{
color:var(--wdtAccentTxtColor);
}
.wdt-services-holder .wdt-service-item.wdt-type-3 .wdt-service-button a span{
transition:var(--wdtBaseTransition);
}
.wdt-services-holder .wdt-service-item.wdt-type-3:hover .wdt-service-button a span{
color:var(--wdtAccentTxtColor);
}
.wdt-services-holder .wdt-service-item.wdt-type-3 .wdt-service-button a i{
margin: 0;
width: 30px;
height: 30px;
background: var(--wdtHeadAltColor);
font-size: var(--wdtFontSize_Ext);
color: var(--wdtSecondaryColor);
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--wdtRadius_Full);
color: var(--wdtAccentTxtColor);
rotate: -45deg;
transition:var(--wdtBaseTransition);
}
.wdt-services-holder .wdt-service-item.wdt-type-3:hover .wdt-service-button a i{
background-color:var(--wdtAccentTxtColor);
color:var(--wdtPrimaryColor);
rotate: 0deg;
}
@media (max-width:1024px) and (min-width:768px) {
.wdt-services-holder .wdt-service-item.wdt-type-1 {
padding: 70px 30px;
grid-template-columns: 30% 10% 50% 10%;
}
.wdt-services-holder .wdt-service-item.wdt-type-1 .wdt-service-image a {
max-width: 240px;
transform: translateY(-50%) scale(0.9) rotate(0deg) translateX(30px);
position: absolute;
top: 50%;
}
.wdt-services-holder .wdt-service-item.wdt-type-1:hover .wdt-service-image a,
.wdt-services-holder .wdt-column.wdt-active .wdt-service-item.wdt-type-1 .wdt-service-image a {
transform: translateY(-50%) scale(1) rotate(-15deg) translateX(30px);
}
}
@media (max-width:767px) {
.wdt-services-holder .wdt-service-item.wdt-type-1 {
grid-template-columns: repeat(1, 1fr);
padding: clamp(1.875rem, 0.3013rem + 7.1942vw, 3.75rem); justify-items: start;
gap: 30px;
}
.wdt-services-holder .wdt-service-item.wdt-type-1 .wdt-service-description {
padding: 0 clamp(0rem, -3.1185rem + 10.4167vw, 1.875rem) clamp(0rem, -1.0395rem + 3.4722vw, 0.625rem) 0;  }
.wdt-services-holder .wdt-service-item.wdt-type-1 .wdt-service-image a,
.wdt-services-holder .wdt-column.wdt-active .wdt-service-item.wdt-type-1 .wdt-service-image a{
opacity: 1;
min-height: clamp(12.5rem, 7.2542rem + 23.9808vw, 18.75rem);
max-width: 100%;
transform: scale(1) rotate(0deg);
}
.wdt-services-holder .wdt-service-item.wdt-type-1:hover .wdt-service-image a {
transform: scale(1) rotate(0deg);
}
.wdt-services-holder .wdt-service-item.wdt-type-1 .wdt-service-title {
padding: 0 0 clamp(0rem, -2.079rem + 6.9444vw, 1.25rem) 0; }
.wdt-services-holder .wdt-service-item.wdt-type-1 .wdt-service-image {
padding: 0;
}
.wdt-services-holder .wdt-service-item.wdt-type-1 .wdt-service-title{
gap: 10px;
}
}
@media (max-width:767px){
.wdt-services-holder .wdt-service-item.wdt-type-2 .wdt-service-media-group{
margin-bottom: 28px;
}
}
@media(min-width:1025px){
.wdt-services-holder{
display: grid;
max-width:1440px;
}
.wdt-services-holder .wdt-services-container{
width: 100%;
grid-area: 1 / 1;
}
.wdt-services-holder .wdt-carousel-pagination-wrapper{
grid-area: 1/1;
align-content: center;
}
.wdt-services-holder.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination{
display: flex;
justify-content: space-between;
margin: 0 !important;
width: calc(100% + clamp(10rem, -10.3298rem + 21.1082vw, 15rem));
left: calc( -1 * clamp(5rem, -5.1649rem + 10.5541vw, 7.5rem));
position: relative;
}
.wdt-services-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination .wdt-arrow-pagination-prev,
.wdt-services-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination .wdt-arrow-pagination-next{
margin: 0 !important;
}
}