<?php

use Elementor\Utils;

if (!defined('ABSPATH')) {
    exit; // Exit if accessed directly
}

list($animate_class, $animation_attr) = tfl_get_animation_atts($settings['widget_animation']);


$icon = $settings['icon'];

$bg_image = $settings['bg_image'];

?>

<div class="tfl-box-service tfl-style1  <?php if (!empty($icon)) echo 'has-icon'; ?>  tfl-align-<?php echo $settings['align']; ?> <?php echo $animate_class; ?>" <?php echo $animation_attr; ?>>
    <div class="bg-img" style="background-image: url(<?php echo $bg_image['url']; ?>);"></div>
    <?php if (!empty($icon)): ?>
        <div class="tfl-image-wrapper">
            <?php echo $icon; ?>
        </div>
    <?php endif; ?>

    <div class="tfl-content-wrapper">

        <?php

        if (!empty($settings['service_title'])): ?>
        <<?php echo Utils::validate_html_tag($settings['title_tag']); ?>
        class="tfl-title">


        <?php echo wp_kses_post($settings['service_title']); ?>


    </<?php echo Utils::validate_html_tag($settings['title_tag']); ?>>

<?php endif; ?>

    <?php if (!empty($settings['short_text'])): ?>

        <p class="tfl-text"><?php echo wp_kses_post($settings['short_text']); ?></p>

    <?php endif; ?>
</div>

</div><!-- .tfl-box-service -->