/* Default Template */

.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { 
    font-size: clamp(1.875rem, 1.7357rem + 0.6369vw, 2.5rem);
    color: var(--wdtAccentTxtColor);
    width: clamp(3.75rem, 3.4713rem + 1.2739vw, 5rem);
    height: clamp(3.75rem, 3.4713rem + 1.2739vw, 5rem);
    background-color: var(--wdtPrimaryColor);
    border-radius: var(--wdtRadius_2X);
    transition: var(--wdt-Ad-Transition);
}

.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-media-group { line-height: 1; margin-bottom: 24px; }
/* .wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-title h5 { font-family: var(--wdtFontTypo_H6); font-size: calc(var(--wdtFontSize_H6) + 2px); } */

/* Standard Template */

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-detail-group { background: var(--wdtAccentTxtColor); border-radius: var(--wdtRadius_3X); 
    padding: 50px 0 0; display: flex; flex-wrap: wrap; overflow: hidden; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin: 0 40px; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-subtitle { font-size: clamp(2.5rem, 2.4303rem + 0.3185vw, 2.8125rem); font-family: var(--wdtFontTypo_Alt); margin-bottom: 30px; color: var(--wdtPrimaryColor); }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-title h5 { font-size: clamp(1.5rem, 1.4164rem + 0.3822vw, 1.875rem); margin: 20px 0 15px; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button { width: 100%; text-align: center; margin-top: 50px; padding: 25px; background: var(--wdtSecondaryColor); }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a { border-radius: var(--wdtRadius_Zero); width: fit-content; padding: 0; 
    background: transparent; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-image > a > img { border-radius: var(--wdtRadius_3X); }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-title h5 a:hover { color: var(--wdtLinkHoverColor); }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a::before { content: ""; position: absolute; bottom: -3px; background: currentColor; 
    width: 100%; height: 1px; left: 0; right: auto; transition: var(--wdt-Ad-Transition); pointer-events: none; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a:hover::before { right: 0; left: auto; width: 0; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a::after {
    content: ""; display: inline-block; background: currentColor; width: 10px; height: 10px; margin-left: 8px; mask-image: var(--wdt-arrow-mask); 
    -webkit-mask-image: var(--wdt-arrow-mask); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a:hover::after { animation: wdt-btn-icon 0.3s ease; 
    -webkit-animation: wdt-btn-icon 0.3s ease; }


/* contact-template  */

.wdt-image-box-holder.wdt-rc-template-contact-template .wdt-content-item { display: flex; align-items: center; gap: 10px; }
.wdt-image-box-holder.wdt-rc-template-contact-template .wdt-content-item .wdt-content-media-group { margin-bottom: 0; display: flex; align-items: center; }
.wdt-image-box-holder.wdt-rc-template-contact-template .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: 1.25rem; padding: 0; width: 50px; height: 50px; 
    color: var(--wdtHeadAltColor); border: 1px solid var(--wdtBorderColor); border-radius: var(--wdtRadius_Full); }
.wdt-image-box-holder.wdt-rc-template-contact-template .wdt-content-item .wdt-content-title h5 { font-size: var(--wdtFontSize_Base); }
.wdt-image-box-holder.wdt-rc-template-contact-template .wdt-content-item .wdt-content-image > span > img, 
.wdt-image-box-holder.wdt-rc-template-contact-template .wdt-content-item .wdt-content-image > a > img { object-fit: cover; max-width: 50px; min-height: 50px; border-radius: var(--wdtRadius_Full); }
.wdt-image-box-holder.wdt-rc-template-contact-template .wdt-content-item .wdt-content-icon-wrapper { margin-bottom: 0!important; }
.wdt-image-box-holder.wdt-rc-template-contact-template .wdt-content-item .wdt-content-image-wrapper { margin-left: -10px; }


/* wdt-dark-bg */

.wdt-dark-bg .wdt-image-box-holder .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { color: var(--wdtAccentTxtColor); border-color: rgb(var(--wdtAccentTxtColorRgb), .25); }
.wdt-dark-bg .wdt-image-box-holder .wdt-content-item .wdt-content-title h5, .wdt-dark-bg .wdt-content-item .wdt-content-title h5 a { color: var(--wdtAccentTxtColor); }
.wdt-dark-bg .wdt-image-box-holder .wdt-content-item .wdt-content-title h5 a:hover { color: var(--wdtLinkHoverColor); }


/* Modern Template */

.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item { display: flex; gap: 15px; }
.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-media-group { margin-bottom: 0; display: flex; align-items: center; justify-content: center; width: 100%; max-width: clamp(3.125rem, 2.8463rem + 1.2739vw, 4.375rem); height: clamp(3.125rem, 2.8463rem + 1.2739vw, 4.375rem); background: var(--wdtPrimaryColor); border-radius: 10px; }
.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: clamp(1.5625rem, 1.3535rem + 0.9554vw, 2.5rem); }
.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-title h5 { font-size: clamp(1.5rem, 1.4164rem + 0.3822vw, 1.875rem); }


/* Support Template  */

.wdt-image-box-holder.wdt-rc-template-support-template .wdt-content-item .wdt-content-detail-group { display: flex; align-items: center; flex-wrap: wrap; row-gap: 30px; }
.wdt-image-box-holder.wdt-rc-template-support-template .wdt-content-item .wdt-content-detail-group > div:not(:last-child), 
.wdt-image-box-holder.wdt-rc-template-support-template .wdt-content-item .wdt-content-detail-group { margin-bottom: 0; }
.wdt-image-box-holder.wdt-rc-template-support-template .wdt-content-item .wdt-content-title h5 { font-size: clamp(1.875rem, 1.666rem + 0.9554vw, 2.8125rem); margin-bottom: 10px; }
.wdt-image-box-holder.wdt-rc-template-support-template .wdt-content-item .wdt-content-detail-group .wdt-content-title-description-group { flex: 1 1 70%; padding-right: 20px; }
.wdt-image-box-holder.wdt-rc-template-support-template .wdt-content-item .wdt-content-detail-group .wdt-content-button { flex: 0 0 auto; }
.wdt-image-box-holder.wdt-rc-template-support-template .wdt-content-item .wdt-content-button > a { font-size: 0; background: transparent; border: 1px solid var(--wdtBorderColor); width: 50px; height: 50px; padding: 0; justify-self: end; display: flex; align-items: center; justify-content: center; }
.wdt-image-box-holder.wdt-rc-template-support-template .wdt-content-item .wdt-content-button > a::before { content: ""; position: relative; mask-image: var(--wdt-arrow-mask); -webkit-mask-image: var(--wdt-arrow-mask); mask-repeat: no-repeat; background: var(--wdtLinkColor); font-size: var(--wdtFontSize_Base); width: 14px; height: 14px; display: inline-block; transition: var(--wdt-Ad-Transition); }
.wdt-dark-bg .wdt-image-box-holder.wdt-rc-template-support-template .wdt-content-item .wdt-content-button > a::before { background: var(--wdtAccentTxtColor); }
.wdt-dark-bg .wdt-image-box-holder.wdt-rc-template-support-template .wdt-content-item .wdt-content-button > a { border-color: rgb(var(--wdtAccentTxtColorRgb), .25); }
.wdt-image-box-holder.wdt-rc-template-support-template .wdt-content-item .wdt-content-button > a:hover::before { background: var(--wdtLinkHoverColor); animation: wdt-btn-icon 0.3s ease; -webkit-animation: wdt-btn-icon 0.3s ease; }
.wdt-image-box-holder.wdt-rc-template-support-template .wdt-content-item .wdt-content-button > a:hover { border-color: var(--wdtLinkHoverColor); }

@media (max-width:480px){
    .wdt-image-box-holder.wdt-rc-template-support-template .wdt-content-item .wdt-content-detail-group { flex-direction: column; align-items: flex-start; }
}

/* Client Template */

.wdt-image-box-holder.wdt-rc-template-client-template .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: clamp(8.75rem, 8.1927rem + 2.5478vw, 11.25rem); 
    height: auto; color: rgb(var(--wdtBodyTxtColorRgb), .5); }
.wdt-image-box-holder.wdt-rc-template-client-template .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span svg { width: inherit; height: inherit; }
.wdt-image-box-holder.wdt-rc-template-client-template .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span { color: rgb(var(--wdtBodyTxtColorRgb), .8); }

/* Feature Template */

.wdt-image-box-holder.wdt-rc-template-feature-template .wdt-content-item { padding: clamp(1.5625rem, 1.3535rem + 0.9554vw, 2.5rem) 0; padding-right: 20px; 
    border-bottom: 1px solid var(--wdtBorderColor); display: flex; align-items: center; }
.wdt-image-box-holder.wdt-rc-template-feature-template .wdt-content-item:first-child { border-top: 1px solid var(--wdtBorderColor); }
.wdt-image-box-holder.wdt-rc-template-feature-template .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { 
    font-size: clamp(1.875rem, 1.7357rem + 0.6369vw, 2.5rem);
    color: var(--wdtAccentTxtColor);
    width: clamp(3.75rem, 3.4713rem + 1.2739vw, 5rem);
    height: clamp(3.75rem, 3.4713rem + 1.2739vw, 5rem);
    background-color: var(--wdtPrimaryColor);
    border-radius: var(--wdtRadius_2X);
    transition: var(--wdt-Ad-Transition);
 }
 
.wdt-image-box-holder.wdt-rc-template-feature-template .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span { 
    background-color: var(--wdtSecondaryColor);
    color: var(--wdtAccentTxtColor); 
}
.wdt-image-box-holder.wdt-rc-template-feature-template .wdt-content-item .wdt-content-media-group > div:not(:last-child), 
.wdt-image-box-holder.wdt-rc-template-feature-template .wdt-content-item > div:not(:last-child) { margin-bottom: 0; }
.wdt-image-box-holder.wdt-rc-template-feature-template .wdt-content-item .wdt-content-title h5 { font-size: clamp(1.25rem, 1.1943rem + 0.2548vw, 1.5rem); }
.wdt-image-box-holder.wdt-rc-template-feature-template .wdt-content-item .wdt-content-media-group { display: flex; align-items: center; flex: 0 0 55%; }
.wdt-image-box-holder.wdt-rc-template-feature-template .wdt-content-item .wdt-content-detail-group { flex: 0 0 45%; }
.wdt-image-box-holder.wdt-rc-template-feature-template .wdt-content-item .wdt-content-media-group .wdt-content-title { padding: 0 clamp(1.25rem, 0.414rem + 3.8217vw, 5rem) 0 clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem); }


@media (max-width:480px) {
    .wdt-image-box-holder.wdt-rc-template-feature-template .wdt-content-item { flex-wrap: wrap; padding: 25px 0; gap: 20px; }
    .wdt-image-box-holder.wdt-rc-template-feature-template .wdt-content-item .wdt-content-media-group, .wdt-image-box-holder.wdt-rc-template-feature-template .wdt-content-item .wdt-content-detail-group { flex: 0 0 100%; }
}

/* Service-Template */

.wdt-image-box-holder.wdt-rc-template-service-template .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: clamp(2.8125rem, 2.6732rem + 0.6369vw, 3.4375rem); 
    line-height: 1; color: var(--wdtAccentTxtColor); }
.wdt-image-box-holder.wdt-rc-template-service-template .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 20px; }
.wdt-image-box-holder.wdt-rc-template-service-template .wdt-content-item .wdt-content-title h5 { font-size: clamp(1rem, 0.9721rem + 0.1274vw, 1.125rem); font-family: var(--wdtFontTypo_H6); 
    font-weight: var(--wdtFontWeight_H6); }


/* Classic Template  */

.wdt-image-box-holder.wdt-rc-template-classic .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: clamp(1.875rem, 1.7357rem + 0.6369vw, 2.5rem); color: var(--wdtSecondaryColor); width: clamp(3.75rem, 3.4713rem + 1.2739vw, 5rem); height: clamp(3.75rem, 3.4713rem + 1.2739vw, 5rem); background-color: var(--wdtAccentTxtColor); border-radius: var(--wdtRadius_2X); transition: var(--wdt-Ad-Transition); }
/* .wdt-dark-bg .wdt-image-box-holder.wdt-rc-template-classic .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { background: var(--wdtAccentTxtColor); } */
.wdt-image-box-holder.wdt-rc-template-classic .wdt-content-item { display: flex; align-items: flex-start; gap: clamp(0.9375rem, 0.8678rem + 0.3185vw, 1.25rem); }

.wdt-image-box-holder.wdt-rc-template-classic .wdt-content-item .wdt-content-media-group { margin-bottom: 0; }
.wdt-image-box-holder.wdt-rc-template-classic .wdt-content-item .wdt-content-title h5 { font-size: clamp(1.25rem, 1.1943rem + 0.2548vw, 1.5rem); }

.wdt-classic-temp-type2 .wdt-image-box-holder.wdt-rc-template-classic .wdt-content-item { align-items: center; }

@media (max-width:1024px) {
.wdt-classic-temp-type2 .wdt-image-box-holder.wdt-rc-template-classic .wdt-content-item { flex-direction: column; align-items: normal; }
}



/* Award Template  */

.wdt-image-box-holder.wdt-rc-template-award-template .wdt-content-item > div:not(:last-child), 
.wdt-image-box-holder.wdt-rc-template-award-template .wdt-content-item .wdt-content-media-group > div:not(:last-child), 
.wdt-image-box-holder.wdt-rc-template-award-template .wdt-content-item .wdt-content-detail-group > div:not(:last-child), 
.wdt-image-box-holder.wdt-rc-template-award-template .wdt-content-item .wdt-content-elements-group > div:not(:last-child) { margin-bottom: 15px; }
.wdt-image-box-holder.wdt-rc-template-award-template .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: clamp(5rem, 4.582rem + 1.9108vw, 6.875rem); color: rgb(var(--wdtSecondaryColorRgb), .2); }
.wdt-image-box-holder.wdt-rc-template-award-template .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span { color: rgb(var(--wdtSecondaryColorRgb), .95); }
.wdt-image-box-holder.wdt-rc-template-award-template .wdt-content-item .wdt-content-title h5 { font-size: clamp(1.25rem, 1.1943rem + 0.2548vw, 1.5rem); }
.wdt-image-box-holder.wdt-rc-template-award-template .wdt-content-item { padding: clamp(1.875rem, 0.2119rem + 3.4692vw, 4.375rem) clamp(1.25rem, -0.8288rem + 4.3365vw, 4.375rem); padding-bottom: 0; border-style: solid; border-width: 1px 1px 0 0; border-color: var(--wdtBorderColor); }
.wdt-image-box-holder.wdt-rc-template-award-template .wdt-column:last-child .wdt-content-item { border-right: 0; }

@media(max-width:767px){
    .wdt-image-box-holder.wdt-rc-template-award-template .wdt-content-item { border-width: 1px 0 0; padding: 50px 20px 0; }
}


/* Brand Template */

.wdt-image-box-holder.wdt-rc-template-brand-template .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: clamp(5rem, 4.7213rem + 1.2739vw, 6.25rem); color: var(--wdtSecondaryColor); transition: var(--wdt-Ad-Transition); }
.wdt-image-box-holder.wdt-rc-template-brand-template .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span { color: var(--wdtPrimaryColor); }
.wdt-image-box-holder.wdt-rc-template-brand-template .wdt-content-item { background: var(--wdtTertiaryColor); border-radius: calc(var(--wdtRadius_2X)* 2); padding: clamp(0.9375rem, 0.7285rem + 0.9554vw, 1.875rem); }


/* Service Detail Template */

.wdt-image-box-holder.wdt-rc-template-service-detail-template .wdt-content-item { display: flex; align-items: flex-start; gap: 20px; }
.wdt-image-box-holder.wdt-rc-template-service-detail-template .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: clamp(1.5rem, 1.4164rem + 0.3822vw, 1.875rem); color: var(--wdtSecondaryColor); background: var(--wdtTertiaryColor); width: clamp(3.75rem, 3.4713rem + 1.2739vw, 5rem); height: clamp(3.75rem, 3.4713rem + 1.2739vw, 5rem); border-radius: calc(var(--wdtRadius_2X)* 2); }
.wdt-image-box-holder.wdt-rc-template-service-detail-template .wdt-content-item .wdt-content-media-group { margin-bottom: 0; }
.wdt-image-box-holder.wdt-rc-template-service-detail-template .wdt-content-item .wdt-content-title h5 { font-size: clamp(1.25rem, 1.1803rem + 0.3185vw, 1.5625rem); }


/* Instagram Template */

.wdt-image-box-holder.wdt-rc-template-instagram-template .wdt-content-item .wdt-content-media-group { display: grid; align-items: center; justify-content: center; }
.wdt-image-box-holder.wdt-rc-template-instagram-template .wdt-content-item .wdt-content-media-group > div { grid-area: 1/-1; }
.wdt-image-box-holder.wdt-rc-template-instagram-template .wdt-content-item .wdt-content-media-group > div:not(:last-child) { margin-bottom: 0; }
.wdt-image-box-holder.wdt-rc-template-instagram-template .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem); color: var(--wdtPrimaryColor); background: var(--wdtAccentTxtColor); width: clamp(2.5rem, 2.2213rem + 1.2739vw, 3.75rem); height: clamp(2.5rem, 2.2213rem + 1.2739vw, 3.75rem); border-radius: var(--wdtRadius_Full); }
.wdt-image-box-holder.wdt-rc-template-instagram-template .wdt-content-item { overflow: hidden; border-radius: var(--wdtRadius_3X); background: rgb(var(--wdtPrimaryColorRgb), .8); }
.wdt-image-box-holder.wdt-rc-template-instagram-template .wdt-content-item::before { content: ""; position: absolute; width: 100%; height: 100%; inset: 0; background-color: inherit; border-radius: inherit; transform: scale(1); -webkit-transform: scale(1); opacity: 0; transition: var(--wdt-Ad-Transition); pointer-events: none; z-index: 1; }
.wdt-image-box-holder.wdt-rc-template-instagram-template .wdt-content-item:hover::before { opacity: 1; transform: scale(0.9); -webkit-transform: scale(0.9); }
.wdt-image-box-holder.wdt-rc-template-instagram-template .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon { opacity: 0; transition: var(--wdt-Ad-Transition); transform: rotate(45deg) scale(0.5); -webkit-transform: rotate(45deg) scale(0.5); z-index: 2; }
.wdt-image-box-holder.wdt-rc-template-instagram-template .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon { opacity: 1; transition-delay: 100ms; transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); }
.wdt-image-box-holder.wdt-rc-template-instagram-template .wdt-content-item .wdt-content-icon-wrapper { pointer-events: none; }


/* Process Block Imgbox */

.wdt-rc-template-process-template .wdt-content-item .wdt-content-subtitle{ font-family: var(--wdtFontTypo_Alt); font-size: var(--wdtFontSize_H6); font-weight: var(--wdtFontWeight_Alt); margin-bottom: 20px; pointer-events: none; color: var(--wdtHeadAltColor); }
.wdt-rc-template-process-template .wdt-content-item .wdt-content-title h5 { font-size: var(--wdtFontSize_Base); text-align: center; padding: 20px; background-color: var(--wdtSecondaryColor); border-radius: var(--wdtRadius_3X); color: var(--wdtAccentTxtColor); position: relative; overflow: hidden; z-index: 3; cursor: pointer; transition: var(--wdtBaseTransition); }
.wdt-rc-template-process-template .wdt-content-item .wdt-content-title h5:hover,
.wdt-active .wdt-rc-template-process-template .wdt-content-item .wdt-content-title h5 { background: var(--wdtLinkHoverColor); }
.wdt-rc-template-process-template .wdt-content-item .wdt-content-detail-group .wdt-content-description{ transition: var(--wdt-Ad-Transition); padding: 25px; background-color: var(--wdtTertiaryColor);
     border-radius: var(--wdtRadius_2X); border: 1px solid rgb(var(--wdtBorderColorRgb), .4);  }
.wdt-rc-template-process-template .wdt-content-item .wdt-content-detail-group .wdt-content-description p { margin: 0; }
.wdt-active .wdt-rc-template-process-template .wdt-content-item .wdt-content-detail-group .wdt-content-description{ transform: translateY(0); opacity: 1; }
.wdt-active .wdt-rc-template-process-template .wdt-content-item .wdt-content-media-group .wdt-content-title h5::after{ width: 100%; }

@media(min-width:1025px){
    .wdt-rc-template-process-template .wdt-content-item .wdt-content-detail-group .wdt-content-description{ transform: translateY(-100%); opacity: 0; }
    .wdt-rc-template-process-template .wdt-content-item .wdt-content-detail-group{ overflow: hidden; }
    .wdt-rc-template-process-template .wdt-content-item .wdt-content-detail-group.wdt-active .wdt-content-description,
    .wdt-rc-template-process-template .wdt-content-item .wdt-content-media-group:has(.wdt-content-title h5:hover) + .wdt-content-detail-group .wdt-content-description{ transform: translateY(0); opacity: 1; }
}
@media(max-width:1024px){
  .wdt-rc-template-process-template .wdt-content-item .wdt-content-subtitle{ text-align: center; }
}