/*** Text With Image ***/

.wdt-text-with-icon .wdt-elementor-repeater-container-wrapper { text-wrap: balance; margin: 0; }
.wdt-text-with-icon .wdt-elementor-repeater-container-wrapper .wdt-text-tile {
    font-weight: var(--wdtFontWeight_Alt); line-height: 1.4; text-transform: capitalize; }
.wdt-text-with-icon .wdt-elementor-repeater-container span > img { margin: 0 15px; }
.wdt-text-with-icon .wdt-elementor-repeater-container-wrapper span[class*="elementor-repeater-item-"]:nth-child(2) img { margin-top: -30px; }
.wdt-text-with-icon .wdt-elementor-repeater-container-wrapper span.wdt-opt-icon {
    cursor: pointer; position: relative; display: inline-grid; place-items: center; transform: translateY(-5px); margin: 0 15px; }
.wdt-text-with-icon .wdt-elementor-repeater-container-wrapper span.wdt-opt-icon i {
    position: relative; background-color: var(--wdtPrimaryColor); font-size: var(--wdtFontSize_H5); display: inline-flex; justify-content: center; align-items: center; -webkit-border-radius: var(--wdtRadius_Part); border-radius: var(--wdtRadius_Part); z-index: 0; }
.wdt-text-with-icon .wdt-elementor-repeater-container-wrapper span.wdt-opt-icon i svg { padding-left: 2px }
.wdt-text-with-icon .wdt-elementor-repeater-container-wrapper span.wdt-opt-icon i:after {
    content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; display: block; background: var(--wdtPrimaryColor); border: 1px solid var(--wdtAccentTxtColor); -webkit-border-radius: var(--wdtRadius_Full); border-radius: var(--wdtRadius_Full); 
    -webkit-transform: scale(1); transform: scale(1); opacity: 0; z-index: -1; -webkit-transition: all .5s cubic-bezier(.32,2,.55,.27); 
    transition: all .5s cubic-bezier(.32,2,.55,.27); margin: auto; }
.wdt-text-with-icon .wdt-elementor-repeater-container-wrapper span.wdt-opt-icon:hover i:after { 
    opacity: 0.2; -webkit-transform: scale(1.4); transform: scale(1.4); }

@media screen and (max-width:1024px) {
    .wdt-text-with-icon .wdt-elementor-repeater-container-wrapper span[class*="elementor-repeater-item-"]:nth-child(2) img { margin-top: -20px; }
    .wdt-text-with-icon .wdt-elementor-repeater-container-wrapper span.wdt-opt-icon { transform: translateY(0); }
}

@media screen and (max-width:767px) {
    .wdt-text-with-icon .wdt-elementor-repeater-container-wrapper span.wdt-text-tile ~ span.wdt-opt-icon i { width: 45px; height: 45px; }
}