FM / widgets

/home/techb158/l2hypotheques.com/wp-content/plugins/pyloncore/elementor/widgets/

/home/techb158/l2hypotheques.com/wp-content/plugins/pyloncore/elementor/widgets

Name	Size	Mode	Actions
about-widget.php	28968	0644	edit dl rm
accordion-widget.php	22046	0644	edit dl rm
animation-shape.php	6751	0644	edit dl rm
animation-shape1.php	6554	0644	edit dl rm
banner-widget.php	20414	0644	edit dl rm
blog-widget.php	54710	0644	edit dl rm
button-widget.php	13626	0644	edit dl rm
call-to-action-widget.php	30409	0644	edit dl rm
client-logo-widget.php	14507	0644	edit dl rm
company-ceo.php	11289	0644	edit dl rm
contact-static-info-widget.php	22925	0644	edit dl rm
content-list-widget.php	29429	0644	edit dl rm
counter-box.php	16659	0644	edit dl rm
credit-card-widget.php	25564	0644	edit dl rm
custom-ripple-widget.php	2311	0644	edit dl rm
featuredbox-widget.php	43339	0644	edit dl rm
funfact-widget.php	26527	0644	edit dl rm
iconbox-widget.php	42282	0644	edit dl rm
image-float-widget.php	4050	0644	edit dl rm
image-widget.php	51246	0644	edit dl rm
image-with-title-widget.php	13185	0644	edit dl rm
loan-calculator-widget.php	56730	0644	edit dl rm
loan-combined-calculator-widget.php	75266	0644	edit dl rm
loan-eligibility-widget.php	24342	0644	edit dl rm
popup-widget.php	17573	0644	edit dl rm
progress-widget.php	15577	0644	edit dl rm
responsive-image-widget.php	1672	0644	edit dl rm
service-widget.php	60028	0644	edit dl rm
slider-widget.php	49682	0644	edit dl rm
slider2-widget.php	37782	0644	edit dl rm
team-two-widget.php	19602	0644	edit dl rm
team-widget.php	31622	0644	edit dl rm
testimonial-widget.php	55646	0644	edit dl rm
title-widget.php	28910	0644	edit dl rm
total-loan-calculator-widget.php	54789	0644	edit dl rm
why-choose-us-widget.php	10166	0644	edit dl rm

Edit: /home/techb158/l2hypotheques.com/wp-content/plugins/pyloncore/elementor/widgets/about-widget.php (28968B)

<?php
namespace Elementor;

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

class Pylon_About_Widget extends Widget_Base {
    public function get_name() {
        return 'pylon_about';
    }
    public function get_title() {
        return esc_html__( 'Pylon About Us', 'pyloncore' );
    }
    public function get_icon() {
        return 'eicon-site-identity';
    }

/**
     * Get widget categories
     */
    public function get_categories() {
        return ['pylon'];
    }

/**
     * Get widget keywords
     */
    public function get_keywords() {
        return ['about', 'company', 'introduction', 'pylon'];
    }

protected function register_controls() {
        //Content tab start
        $this->start_controls_section(
            'pylon_about_options',
            [
                'label' => esc_html__( 'Pylon About Us', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_CONTENT,
            ]
        );
        $this->add_control(
            'pylon_about_small_title',
            [
                'label'       => esc_html__( 'Small Title', 'pyloncore' ),
                'type'        => \Elementor\Controls_Manager::TEXT,
                'default'     => esc_html__( 'Company Introductions', 'pyloncore' ),
                'label_block' => true,
            ]
        );
        $this->add_control(
            'pylon_about_title',
            [
                'label'   => esc_html__( 'Title', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::TEXTAREA,
                'default' => esc_html__( 'Our Loans will Fill Your Dreams', 'pyloncore' ),
            ]
        );
        $this->add_control(
            'pylon_about_message_enable',
            [
                'label'        => esc_html__( 'Enable Message Text', 'pyloncore' ),
                'type'         => Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'On', 'pyloncore' ),
                'label_off'    => esc_html__( 'Off', 'pyloncore' ),
                'return_value' => 'yes',
                'default'      => 'no',
            ]
        );
        $this->add_control(
            'pylon_about_message',
            [
                'label'     => esc_html__( 'Sort Message', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::TEXTAREA,
                'default'   => esc_html__( 'Lorem ipsum is simply dolor sit amet, consectetur adipisicing text elit.', 'pyloncore' ),
                'condition' => [
                    'pylon_about_message_enable' => 'yes',
                ],
            ]
        );
        $this->add_control(
            'pylon_about_dec',
            [
                'label'   => esc_html__( 'Description', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::WYSIWYG,
                'default' => esc_html__( 'There are many variations of passages of lorem ipsum available the majority have suffered alteration in some form by injected humour. Duis aute irure dolor lipsum is simply free text available in the local markets in reprehenderit.', 'pyloncore' ),
            ]
        );
        $this->add_control(
            'pylon_about_btn_enable',
            [
                'label'        => esc_html__( 'Enable Button', 'pyloncore' ),
                'type'         => Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'On', 'pyloncore' ),
                'label_off'    => esc_html__( 'Off', 'pyloncore' ),
                'return_value' => 'yes',
                'default'      => 'no',
                'label_block'  => true,
            ]
        );
        $this->add_control(
            'pylon_about_btn_select',
            [
                'label'     => esc_html__( 'Select link Option', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::SELECT,
                'default'   => 'extranal',
                'options'   => [
                    'extranal' => esc_html__( 'Extranal', 'pyloncore' ),
                    'page'     => esc_html__( 'Page', 'pyloncore' ),
                ],
                'condition' => [
                    'pylon_about_btn_enable' => 'yes',
                ],
            ]
        );
        $this->add_control(
            'pylon_about_link_extranal',
            [
                'label'         => esc_html__( 'Link', 'pyloncore' ),
                'type'          => \Elementor\Controls_Manager::URL,
                'placeholder'   => esc_html__( 'https://your-link.com', 'pyloncore' ),
                'show_external' => true,
                'label_block'   => true,
                'default'       => [
                    'url'         => '',
                    'is_external' => true,
                    'nofollow'    => true,
                ],
                'condition'     => [
                    'pylon_about_btn_enable' => 'yes',
                    'pylon_about_btn_select' => 'extranal',
                ],
            ]
        );
        $this->add_control(
            'pylon_about_btn_page',
            [
                'label'       => esc_html__( 'Select link Option', 'pyloncore' ),
                'type'        => \Elementor\Controls_Manager::SELECT,
                'options'     => pylon_page_list(),
                'label_block' => true,
                'condition'   => [
                    'pylon_about_btn_enable' => 'yes',
                    'pylon_about_btn_select' => 'page',
                ],
            ]
        );
        $this->add_control(
            'pylon_about_btn_label',
            [
                'label'       => esc_html__( 'Button label', 'pyloncore' ),
                'type'        => \Elementor\Controls_Manager::TEXT,
                'default'     => esc_html__( 'Discover More', 'pyloncore' ),
                'label_block' => true,
                'condition'   => [
                    'pylon_about_btn_enable' => 'yes',
                ],
            ]
        );
        $this->add_control(
            'pylon_about_contact_enable',
            [
                'label'        => esc_html__( 'Enable Contact Info', 'pyloncore' ),
                'type'         => Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'On', 'pyloncore' ),
                'label_off'    => esc_html__( 'Off', 'pyloncore' ),
                'return_value' => 'yes',
                'default'      => 'no',
                'label_block'  => true,
            ]
        );
        $this->add_control(
            'pylon_about_contact_icon',
            [
                'label'       => esc_html__( 'Icon', 'pyloncore' ),
                'type'        => \Elementor\Controls_Manager::ICONS,
                'show_label'  => true,
                'label_block' => true,
                'default'     => [
                    'value' => 'pylon-icon-tech-support',
                ],
                'condition'   => [
                    'pylon_about_contact_enable' => 'yes',
                ],
            ]
        );
        $this->add_control(
            'pylon_about_contact_label',
            [
                'label'       => esc_html__( 'Contact label', 'pyloncore' ),
                'type'        => \Elementor\Controls_Manager::TEXT,
                'default'     => esc_html__( 'CALL ANYTIME', 'pyloncore' ),
                'label_block' => true,
                'condition'   => [
                    'pylon_about_contact_enable' => 'yes',
                ],
            ]
        );
        $this->add_control(
            'pylon_about_contact_call',
            [
                'label'       => esc_html__( 'Calling Number', 'pyloncore' ),
                'type'        => \Elementor\Controls_Manager::TEXT,
                'default'     => 'tel:92-666-888-0000',
                'label_block' => true,
                'condition'   => [
                    'pylon_about_contact_enable' => 'yes',
                ],
            ]
        );
        $this->add_control(
            'pylon_about_contact_number',
            [
                'label'       => esc_html__( 'Show Number', 'pyloncore' ),
                'type'        => \Elementor\Controls_Manager::TEXT,
                'default'     => esc_html__( '92 666 888 0000', 'pyloncore' ),
                'label_block' => true,
                'condition'   => [
                    'pylon_about_contact_enable' => 'yes',
                ],
            ]
        );
        $this->add_control(
            'pylon_about_title_tag',
            [
                'label'   => esc_html__( 'Select Title Tag', 'pyloncore' ),
                'type'    => Controls_Manager::SELECT,
                'default' => 'h2',
                'options' => [
                    'h1'   => esc_html__( 'H1', 'pyloncore' ),
                    'h2'   => esc_html__( 'H2', 'pyloncore' ),
                    'h3'   => esc_html__( 'H3', 'pyloncore' ),
                    'h4'   => esc_html__( 'H4', 'pyloncore' ),
                    'h5'   => esc_html__( 'H5', 'pyloncore' ),
                    'h6'   => esc_html__( 'H6', 'pyloncore' ),
                    'span' => esc_html__( 'Span', 'pyloncore' ),
                    'p'    => esc_html__( 'P', 'pyloncore' ),
                    'div'  => esc_html__( 'Div', 'pyloncore' ),
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_about_box_styles',
            [
                'label' => esc_html__( 'Box', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_control(
            'pylon_about_box_alignment',
            [
                'label'   => esc_html__( 'Alignment', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::CHOOSE,
                'options' => [
                    'left'   => [
                        'title' => esc_html__( 'Left', 'pyloncore' ),
                        'icon'  => 'fa fa-align-left',
                    ],
                    'center' => [
                        'title' => esc_html__( 'Center', 'pyloncore' ),
                        'icon'  => 'fa fa-align-center',
                    ],
                    'right'  => [
                        'title' => esc_html__( 'Right', 'pyloncore' ),
                        'icon'  => 'fa fa-align-right',
                    ],
                ],
                'default' => 'left',
                'toggle'  => true,
            ]
        );
        $this->add_responsive_control(
            'pylon_about_box_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .pylon-aboutus' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'separator'  => 'before',
            ]
        );
        $this->add_responsive_control(
            'pylon_about_box_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .pylon-aboutus' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'separator'  => 'before',
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Border::get_type(),
            [
                'name'     => 'pylon_about_box_border',
                'label'    => esc_html__( 'Border', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .pylon-aboutus',
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Box_Shadow::get_type(),
            [
                'name'     => 'pylon_about_box_shadow',
                'label'    => esc_html__( 'Box Shadow', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .pylon-aboutus',
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_about_stitle_styles',
            [
                'label' => esc_html__( 'Small Title', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_responsive_control(
            'pylon_about_small_title_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .small-title' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_about_small_title_typo',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .small-title',
            ]
        );
        $this->add_responsive_control(
            'pylon_about_small_title_after_color',
            [
                'label'     => esc_html__( 'Line Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .small-title:after' => 'background-color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_about_stitle_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .small-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'separator'  => 'before',
            ]
        );
        $this->add_responsive_control(
            'pylon_about_stitle_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .small-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'separator'  => 'before',
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_about_title_styles',
            [
                'label' => esc_html__( 'Title', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_responsive_control(
            'pylon_about_title_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .pylon-aboutus .block-title .title-block' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_about_title_typo',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .pylon-aboutus .block-title .title-block',
            ]
        );
        $this->add_responsive_control(
            'pylon_about_title_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .pylon-aboutus .block-title .title-block' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'separator'  => 'before',
            ]
        );
        $this->add_responsive_control(
            'pylon_about_title_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .pylon-aboutus .block-title .title-block' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'separator'  => 'before',
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_about_message_styles',
            [
                'label'     => esc_html__( 'Message', 'pyloncore' ),
                'tab'       => Controls_Manager::TAB_STYLE,
                'condition' => [
                    'pylon_about_message_enable' => 'yes',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_about_message_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .about-one__text' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_about_message_typo',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .about-one__text',
            ]
        );
        $this->add_responsive_control(
            'pylon_about_message_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'top'      => '0',
                    'right'    => '0',
                    'bottom'   => '40',
                    'left'     => '0',
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .about-one__text' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'separator'  => 'before',
            ]
        );
        $this->add_responsive_control(
            'pylon_about_message_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .about-one__text' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'separator'  => 'before',
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_about_dec_styles',
            [
                'label' => esc_html__( 'Content', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_responsive_control(
            'pylon_about_dec_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .pylon-aboutus>P' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_about_dec_typo',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .pylon-aboutus>P',
            ]
        );
        $this->add_responsive_control(
            'pylon_about_dec_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .pylon-aboutus>P' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'separator'  => 'before',
            ]
        );
        $this->add_responsive_control(
            'pylon_about_dec_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .pylon-aboutus>P' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'separator'  => 'before',
            ]
        );
        $this->add_control(
            'pylon_about_dec_l',
            [
                'label'     => esc_html__( 'List Item CSS', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::HEADING,
                'separator' => 'before',
            ]
        );
        $this->add_responsive_control(
            'pylon_about_list_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .pylon-aboutus ul li, .pylon-aboutus ol li' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_about_list_typo',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .pylon-aboutus ul li, .pylon-aboutus ol li',
            ]
        );
        $this->add_responsive_control(
            'pylon_about_list_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'top'      => '40',
                    'right'    => '0',
                    'bottom'   => '50',
                    'left'     => '0',
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .pylon-aboutus ul, .pylon-aboutus ol' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'separator'  => 'before',
            ]
        );
        $this->add_responsive_control(
            'pylon_about_list_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .pylon-aboutus ul, .pylon-aboutus ol' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'separator'  => 'before',
            ]
        );
        $this->add_responsive_control(
            'pylon_about_list_icon',
            [
                'label'     => esc_html__( 'Icon Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .pylon-aboutus ul li:before, .pylon-aboutus ol li:before' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'paylon_about_list_stle_width',
            [
                'label'      => esc_html__( 'Per List Width', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px', '%'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 300,
                        'step' => 1,
                    ],
                    '%'  => [
                        'min' => 0,
                        'max' => 100,
                    ],
                ],
                'default'    => [
                    'unit' => '%',
                    'size' => 50,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .pylon-aboutus ul li, .pylon-aboutus ol li' => 'flex: 0 0 {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->end_controls_section();
    }
    //Render
    protected function render() {
        $settings = $this->get_settings_for_display();
        ?>
        <div class="about-two__content pylon-aboutus text-<?php echo esc_attr($settings['pylon_about_box_alignment']); ?>">
            <div class="block-title text-<?php echo esc_attr($settings['pylon_about_box_alignment']); ?>">
                <?php 
                if($settings['pylon_about_small_title']){
                    echo '<p class="small-title">'.esc_html($settings['pylon_about_small_title']).'</p>';
                }
                if($settings['pylon_about_title']){
                    echo '
                    <'.esc_attr($settings['pylon_about_title_tag']).' class="title-block">'. esc_html($settings['pylon_about_title']) .'</'.esc_attr($settings['pylon_about_title_tag']).'>
                    ';
                }
                ?>
            </div>
            <?php if($settings['pylon_about_message_enable'] == 'yes' ){
                echo '<span class="about-one__text">'.esc_html($settings['pylon_about_message']).'</span>';
            } ?>
            <?php echo $settings['pylon_about_dec']; ?>
            <?php if($settings['pylon_about_btn_enable'] == 'yes' || $settings['pylon_about_contact_enable'] == 'yes' ) : ?>
                <div class="button-wrap">
                    <?php if($settings['pylon_about_btn_enable'] == 'yes') :
                        if($settings['pylon_about_btn_select'] == 'page'){
                            $pylon_about_link = get_page_link( $settings['pylon_about_btn_page'] );
                        }else{
                            $pylon_about_link = $settings['pylon_about_link_extranal']['url'];
                            $target = $settings['pylon_about_link_extranal']['is_external'] ? ' target="_blank"' : '';
                            $nofollow = $settings['pylon_about_link_extranal']['nofollow'] ? ' rel="nofollow"' : '';
                        }
                        ?>
                        <a href="<?php echo esc_url($pylon_about_link); ?>" class="thm-btn" <?php if($settings['pylon_about_btn_select'] == 'extranal' ){echo ''.esc_attr($target).''.esc_attr($nofollow).'';} ?>><?php echo esc_html($settings['pylon_about_btn_label']); ?></a>
                    <?php endif; ?>
                    <?php if($settings['pylon_about_contact_enable'] == 'yes' ) : ?>
                        <div class="main-header__info-phone">
                            <i class="<?php echo esc_attr($settings['pylon_about_contact_icon']['value']); ?>"></i>
                            <div class="main-header__info-phone-content">
                                <span><?php echo esc_html($settings['pylon_about_contact_label']); ?></span>
                                <h3><a href="<?php echo esc_url($settings['pylon_about_contact_call']); ?>"><?php echo esc_html($settings['pylon_about_contact_number']); ?></a></h3>
                            </div>
                        </div>
                    <?php endif; ?>
                </div>
            <?php endif; ?>
        </div>
        <?php
    }
}
Plugin::instance()->widgets_manager->register_widget_type( new Pylon_About_Widget());

cmd: