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/iconbox-widget.php (42282B)

<?php
namespace Elementor;

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

class Pylon_Iconbox_Widget extends Widget_Base {
    public function get_name() {
        return 'pylon_iconbox';
    }
    public function get_title() {
        return esc_html__( 'Pylon Icon Box', 'pyloncore' );
    }
    public function get_icon() {
        return 'eicon-flip-box';
    }
    public function get_categories() {
        return ['pylon'];
    }
    protected function register_controls() {
        //Content tab start
        $this->start_controls_section(
            'pylon_iconbox_options',
            [
                'label' => esc_html__( 'Pylon iconbox', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_CONTENT,
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_style_select',
            [
                'label'   => esc_html__( 'Select Style', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::SELECT,
                'default' => '1',
                'options' => [
                    '1' => esc_html__( 'Style One', 'pyloncore' ),
                    '2' => esc_html__( 'Style Two', 'pyloncore' ),
                    '3' => esc_html__( 'Style Three', 'pyloncore' ),
                    '4' => esc_html__( 'Style Four', 'pyloncore' ),
                    '5' => esc_html__( 'Style Five', 'pyloncore' ),

],
            ]
        );
        $this->add_control(
            'pylon_iconbox_flex_direction',
            [
                'label' => esc_html__( 'Border Style', 'pyloncore' ),
                'type' => \Elementor\Controls_Manager::SELECT,
                'default' => 'row',
                'options' => [
                    'row' => esc_html__( 'row', 'pyloncore' ),
                    'row-reverse' => esc_html__( 'row-reverse', 'pyloncore' ),
                    'column' => esc_html__( 'column', 'pyloncore' ),
                    'column-reverse'  => esc_html__( 'column-reverse', 'pyloncore' ),
                ],
                'selectors' => [
                    '{{WRAPPER}} .about-four__content-text2 ul li' => 'flex-direction: {{VALUE}};',
                ],
                'condition' => [
                    'pylon_iconbox_style_select' => '4',
                ],
            ]
        );
        $this->add_control(
            'pylon_iconbox_icon',
            [
                'label'   => esc_html__( 'Icon', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::ICONS,
                'default' => [
                    'value' => 'pylon-icon-consumer-behavior',
                ],
            ]
        );
         $this->add_control(
            'pylon_iconbox_title',
            [
                'label'   => esc_html__( 'Title', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::TEXT,
                'default' => esc_html__( 'Quick Payment Process', 'pyloncore' ),
            ]
        );
        $this->add_control(
            'pylon_iconbox_enable_title_link',
            [
                'label'        => esc_html__( 'Enable Title Link', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'Show', 'pyloncore' ),
                'label_off'    => esc_html__( 'Hide', 'pyloncore' ),
                'return_value' => 'yes',
                'default'      => 'yes',
                'condition' => [
                    'pylon_iconbox_style_select' => ['1','2','3'],
                ],

]
        );

$this->add_control(
            'pylon_iconbox_style_four_dec_enable',
            [
                'label' => esc_html__( 'Show Desc', 'pyloncore' ),
                'type' => \Elementor\Controls_Manager::SWITCHER,
                'label_on' => esc_html__( 'Show', 'pyloncore' ),
                'label_off' => esc_html__( 'Hide', 'pyloncore' ),
                'return_value' => 'yes',
                'default' => 'no',
                'condition' => [
                    'pylon_iconbox_style_select' => '4',
                ],
            ]
        );
         $this->add_control(
            'pylon_iconbox_style_four_dec',
            [
                'label'      => esc_html__( 'Description', 'pyloncore' ),
                'type'       => \Elementor\Controls_Manager::TEXTAREA,
                'show_label' => true,
                'condition' => [
                    'pylon_iconbox_style_four_dec_enable' =>'yes',
                    'pylon_iconbox_style_select' => ['4'],
                ],
            ]
        );
        $this->add_control(
            'pylon_iconbox_dec',
            [
                'label'      => esc_html__( 'Description', 'pyloncore' ),
                'type'       => \Elementor\Controls_Manager::TEXTAREA,
                'default'    => esc_html__( 'There are many variations of passages of but the majority have in some.', 'pyloncore' ),
                'show_label' => true,
                'condition' => [
                    'pylon_iconbox_style_select' => ['1','2','3'],
                ],
            ]
        );
        $this->add_control(
            'pylon_iconbox_enable_button',
            [
                'label'        => esc_html__( 'Enable Button', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'Show', 'pyloncore' ),
                'label_off'    => esc_html__( 'Hide', 'pyloncore' ),
                'return_value' => 'yes',
                'default'      => 'yes',
                'condition' => [
                    'pylon_iconbox_style_select' => ['1','2','3'],
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_select_link',
            [
                'label'      => esc_html__( 'Select Link', 'pyloncore' ),
                'type'       => \Elementor\Controls_Manager::SELECT,
                'default'    => '2',
                'options'    => [
                    '1' => esc_html__( 'Page', 'pyloncore' ),
                    '2' => esc_html__( 'Extra Link', 'pyloncore' ),
                ],
                'conditions' => [
                    'relation' => 'or',
                    'terms'    => [
                        [
                            'name'     => 'pylon_iconbox_enable_button',
                            'operator' => '==',
                            'value'    => 'yes',
                        ],
                        [
                            'name'     => 'pylon_iconbox_enable_title_link',
                            'operator' => '==',
                            'value'    => 'yes',
                        ],
                    ],
                ],
                'condition' => [
                    'pylon_iconbox_style_select' => ['1','2','3'],
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_page_link',
            [
                'label'     => esc_html__( 'Page', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::SELECT,
                'options'   => pylon_page_list(),
                'condition' => [
                    'pylon_iconbox_select_link' => '1',
                ],
            ]
        );
        $this->add_control(
            'pylon_iconbox_extra_link',
            [
                'label'         => esc_html__( 'Link', 'pyloncore' ),
                'type'          => \Elementor\Controls_Manager::URL,
                'placeholder'   => esc_html__( 'https://your-link.com', 'pyloncore' ),
                'show_external' => true,
                'default'       => [
                    'url'         => '',
                    'is_external' => true,
                    'nofollow'    => true,
                ],
                'condition'     => [
                    'pylon_iconbox_select_link' => '2',
                    'pylon_iconbox_style_select' => ['1','2','3'],
                ],
            ]
        );
        $this->add_control(
            'pylon_iconbox_button_text',
            [
                'label'      => esc_html__( 'Button Text', 'pyloncore' ),
                'type'       => \Elementor\Controls_Manager::TEXT,
                'default'    => esc_html__( 'Read More', 'pyloncore' ),
                'show_label' => true,
                'condition'  => [
                    'pylon_iconbox_enable_button' => 'yes',
                    'pylon_iconbox_style_select' => ['1','2','3'],
                ],
            ]
        );
        $this->add_control(
            'pylon_iconbox_button_icon',
            [
                'label'     => esc_html__( 'Icon', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::ICONS,
                'default'   => [
                    'value' => 'pylon-icon-right-arrow',
                ],
                'condition' => [
                    'pylon_iconbox_enable_button' => 'yes',
                    'pylon_iconbox_style_select'  => '1',
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_iconbox_css_box',
            [
                'label' => esc_html__( 'Box', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_control(
            'pylon_iconbox_css_box_alingment',
            [
                '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_iconbox_css_box_line_bg',
            [
                'label'     => esc_html__( 'Line Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .service-two__card,{{WRAPPER}} .contact-three__content-list' => 'background-color: {{VALUE}}',
                ],
                'condition' => [
                    'pylon_iconbox_style_select' => ['1','5'],
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_box_line_hbg',
            [
                'label'     => esc_html__( 'Hover Line Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .service-two__card:hover' => 'background-color: {{VALUE}}',
                ],
                'condition' => [
                    'pylon_iconbox_style_select' => '1',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name'      => 'pylon_iconbox_css_box2_BG',
                'label'     => esc_html__( 'Background', 'pyloncore' ),
                'types'     => ['classic', 'gradient', 'video'],
                'selector'  => '{{WRAPPER}} .feature-three__box',
                'condition' => [
                    'pylon_iconbox_style_select' => '2',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_box2_hBG',
            [
                'label'     => esc_html__( 'Hover Background Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .feature-three__box:hover' => 'background-color: {{VALUE}}',
                ],
                'condition' => [
                    'pylon_iconbox_style_select' => '2',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_box2_afterBG',
            [
                'label'     => esc_html__( 'After Background Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .feature-three__box-inner::before' => 'background-color: {{VALUE}}',
                ],
                'condition' => [
                    'pylon_iconbox_style_select' => '2',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_box_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'top'      => '',
                    'right'    => '',
                    'bottom'   => '30',
                    'left'     => '',
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .service-two__card,{{WRAPPER}} .about-four__content-text2,{{WRAPPER}} .contact-three__content-list' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_iconbox_style_select' => ['1','4','5'],
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_box_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'top'      => '60',
                    'right'    => '60',
                    'bottom'   => '42',
                    'left'     => '60',
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .service-two__card,{{WRAPPER}} .about-four__content-text2,{{WRAPPER}} .contact-three__content-list' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_iconbox_style_select' => ['1','4','5'],
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_box2_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'top'      => '0',
                    'right'    => '',
                    'bottom'   => '0',
                    'left'     => '',
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .feature-three__box-inner' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_iconbox_style_select' => '2',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_box2_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'top'      => '60',
                    'right'    => '60',
                    'bottom'   => '50',
                    'left'     => '60',
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .feature-three__box-inner' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_iconbox_style_select' => '2',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_box_radius',
            [
                'label'      => esc_html__( 'Border Radius', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 100,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 4,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .service-two__card,.feature-three__box' => 'border-radius: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Box_Shadow::get_type(),
            [
                'name'      => 'pylon_iconbox_css_box_shadow',
                'label'     => esc_html__( 'Box Shadow', 'pyloncore' ),
                'selector'  => '{{WRAPPER}} .feature-three__box',
                'condition' => [
                    'pylon_iconbox_style_select' => '2',
                ],
            ]
        );
         $this->add_responsive_control(
            'pylon_iconbox_css_icon_box_width',
            [
                'label'      => esc_html__( 'width', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px', '%'],
                'range'      => [
                    'px' => [
                        'min'  => 10,
                        'max'  => 150,
                        'step' => 1,
                    ],
                    '%' => [
                        'min'  => 0,
                        'max'  => 100,
                        'step' => 1,
                    ],
                ],
                'selectors'  => [
                    '{{WRAPPER}} .icon-box' => 'width: {{SIZE}}{{UNIT}};',
                ],
                'condition' => [
                    'pylon_iconbox_style_select' => '4',
                ],
            ]
        );

$this->end_controls_section();
        $this->start_controls_section(
            'pylon_iconbox_css_icon',
            [
                'label' => esc_html__( 'Icon', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_icon_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .service-two__card>i,{{WRAPPER}} .feature-three__box-inner i,{{WRAPPER}} .feature-four__box-inner i,{{WRAPPER}} .about-four__content-text2 ul li .icon-box span::before' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_icon_hcolor',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .feature-three__box:hover .feature-three__box-inner i' => 'color: {{VALUE}}',
                ],
                'condition' => [
                    'pylon_iconbox_style_select' => '2',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_icon_bgcolor',
            [
                'label'     => esc_html__( 'Background Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .service-two__card>i:after,.feature-three__box-inner i:after,{{WRAPPER}} .feature-four__box-inner i:after,{{WRAPPER}} .about-four__content-text2 ul li .icon-box span::before' => 'background-color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_icon_bghcolor',
            [
                'label'     => esc_html__( 'Hover Background Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .feature-three__box:hover .feature-three__box-inner i:after' => 'background-color: {{VALUE}}',
                ],
                'condition' => [
                    'pylon_iconbox_style_select' => '2',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_icon_size',
            [
                'label'      => esc_html__( 'Font Size', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 10,
                        'max'  => 150,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 60,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .service-two__card>i,.feature-three__box-inner i,{{WRAPPER}} .feature-four__box-inner i,{{WRAPPER}} .about-four__content-text2 ul li .icon-box span::before' => 'font-size: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_icon_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .service-two__card>i,.feature-three__box-inner i,{{WRAPPER}} .feature-four__box-inner i,{{WRAPPER}} .about-four__content-text2 ul li .icon-box span::before' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_icon_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .service-two__card>i,.feature-three__box-inner i,{{WRAPPER}} .feature-four__box-inner i,{{WRAPPER}} .about-four__content-text2 ul li .icon-box span::before' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_iconbox_css_title',
            [
                'label' => esc_html__( 'Title', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_iconbox_css_title_typo',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .service-two__card h3,.feature-three__box-inner h3,{{WRAPPER}} .feature-four__box-inner h3,{{WRAPPER}} .contact-three__content-list li p,{{WRAPPER}} .about-four__content-text2 ul li .text-box h3',
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_title_color',
            [
                'label'     => esc_html__( ' Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .service-two__card h3 a,.feature-three__box-inner h3 a,{{WRAPPER}} .feature-four__box-inner h3 a,{{WRAPPER}} .contact-three__content-list li p,{{WRAPPER}} .about-four__content-text2 ul li .text-box h3' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_title_hcolor',
            [
                'label'     => esc_html__( 'Hover Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .service-two__card h3 a:hover,.feature-three__box:hover .feature-three__box-inner h3 a:hover,{{WRAPPER}} .feature-four__box:hover .feature-four__box-inner h3 a:hover,{{WRAPPER}} .contact-three__content-list li p:hover,{{WRAPPER}} .about-four__content-text2 ul li .text-box h3:hover' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_title_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'top'      => '10',
                    'right'    => '0',
                    'bottom'   => '25',
                    'left'     => '0',
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .service-two__card h3,.feature-three__box-inner h3,{{WRAPPER}} .feature-four__box-inner h3,{{WRAPPER}} .contact-three__content-list li p,{{WRAPPER}} .about-four__content-text2 ul li .text-box h3' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_iconbox_style_select' => ['1','5'],
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_2title_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'top'      => '20',
                    'right'    => '0',
                    'bottom'   => '35',
                    'left'     => '0',
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .feature-three__box-inner h3,{{WRAPPER}} .feature-four__box-inner h3' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_iconbox_style_select' => ['2','4'],
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_title2_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'top'      => '0',
                    'right'    => '35',
                    'bottom'   => '0',
                    'left'     => '35',
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .feature-three__box-inner h3,{{WRAPPER}} .feature-four__box-inner h3,{{WRAPPER}} .about-four__content-text2 ul li .text-box h3' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_iconbox_style_select' => ['2','4'],
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_title_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .service-two__card h3,.feature-three__box-inner h3,{{WRAPPER}} .feature-four__box-inner h3,{{WRAPPER}} .contact-three__content-list li p' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_iconbox_style_select' => ['1','5'],
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_iconbox_css_dec',
            [
                'label' => esc_html__( 'Discription', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_iconbox_css_dec_typo',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selectors' => '{{WRAPPER}} .service-two__card p',
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_dec_color',
            [
                'label'     => esc_html__( ' Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .service-two__card p,.feature-three__box-inner p,{{WRAPPER}} .feature-four__box-inner p,{{WRAPPER}} .about-four__content-text2 .text-box p' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_dec_hcolor',
            [
                'label'     => esc_html__( 'Hover Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .feature-three__box:hover .feature-three__box-inner p,{{WRAPPER}} .about-four__content-text2 .text-box p:hover' => 'color: {{VALUE}}',
                ],
                'condition' => [
                    'pylon_iconbox_style_select' => '2',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_dec_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'top'      => '',
                    'right'    => '',
                    'bottom'   => '',
                    'left'     => '',
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .service-two__card p,.feature-three__box-inner p,{{WRAPPER}} .feature-four__box-inner p,{{WRAPPER}} .about-four__content-text2 .text-box p' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_dec_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .service-two__card p,{{WRAPPER}} .about-four__content-text2 .text-box p' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_iconbox_css_button',
            [
                'label'     => esc_html__( 'Button', 'pyloncore' ),
                'tab'       => Controls_Manager::TAB_STYLE,
                'condition' => [
                    'pylon_iconbox_style_select' => '1',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_iconbox_css_button_typo',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .service-two__card-link',
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_button_color',
            [
                'label'     => esc_html__( ' Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .service-two__card-link' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_button_hcolor',
            [
                'label'     => esc_html__( 'Hover Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .service-two__card-link:hover' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_button_icon_size',
            [
                'label'      => esc_html__( 'Icon Font Size', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 10,
                        'max'  => 50,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 32,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .service-two__card-link>i' => 'font-size: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_button_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .service-two__card-link' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_iconbox_css_button_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .service-two__card-link' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->end_controls_section();
    }
    //Render
    protected function render() {
        $settings = $this->get_settings_for_display();
        if ( $settings['pylon_iconbox_select_link'] == '2' ) {
            $pylon_link = $settings['pylon_iconbox_extra_link']['url'];
        } else {
            $pylon_link = get_page_link( $settings['pylon_iconbox_page_link'] );
        }
        if ( !empty( $settings['pylon_iconbox_extra_link']['url'] ) ) {
            $target = $settings['pylon_iconbox_extra_link']['is_external'] ? ' target="_blank"' : '';
            $nofollow = $settings['pylon_iconbox_extra_link']['nofollow'] ? ' rel="nofollow"' : '';
        }
         if($settings['pylon_iconbox_style_select'] == '5'){ ?>
            <ul class="contact-three__content-list">
                <li>
                    <p><span class="fa fa-check-circle"></span><?php echo esc_html($settings['pylon_iconbox_title']); ?></p>
                </li>
            </ul>
        <?php }elseif($settings['pylon_iconbox_style_select'] == '4'){ ?>
            <div class="about-four__content-text2 text-<?php echo esc_attr($settings['pylon_iconbox_css_box_alingment']); ?>">
                <ul>
                    <li>
                        <div class="icon-box">
                            <span class="<?php echo esc_attr($settings['pylon_iconbox_icon']['value']); ?>"></span>
                        </div>

<p><?php echo wp_kses_post($settings['pylon_iconbox_style_four_dec']); ?></p>
                        <?php    } ?>
                        </div>
                    </li>
                </ul>
            </div>
        <?php }elseif($settings['pylon_iconbox_style_select'] == '1' ){
            ?>
            <div class="service-two__card text-<?php echo esc_attr($settings['pylon_iconbox_css_box_alingment']); ?>">
                <i class="<?php echo esc_attr($settings['pylon_iconbox_icon']['value']); ?>"></i>
                <h3>
                    <?php if($settings['pylon_iconbox_enable_title_link'] == 'yes' ) :?>
                        <a href="<?php echo esc_url($pylon_link); ?>" <?php if(!empty($target)) : ?>target="_blank"<?php endif; ?> <?php if(!empty($nofollow)) : ?>rel="nofollow"<?php endif; ?> >
                    <?php endif; ?>
                    <?php echo esc_html($settings['pylon_iconbox_title']); ?>
                    <?php if($settings['pylon_iconbox_enable_title_link'] == 'yes' ){
                        echo '</a>';
                    }?>
                </h3>
                <p><?php echo esc_html($settings['pylon_iconbox_dec']); ?></p>
                <?php if($settings['pylon_iconbox_enable_button'] == 'yes' ) :?>
                    <a href="<?php echo esc_url($pylon_link); ?>" class="service-two__card-link" <?php if(!empty($target)) : ?>target="_blank"<?php endif; ?> <?php if(!empty($nofollow)) : ?>rel="nofollow"<?php endif; ?> ><i class="<?php echo esc_attr($settings['pylon_iconbox_button_icon']['value']); ?>"></i><?php echo esc_html($settings['pylon_iconbox_button_text']); ?></a>
                <?php endif; ?>
            </div>
            <?php 
        }
        else if($settings['pylon_iconbox_style_select'] == '3' ){
            ?>
            <div class="feature-four__box text-<?php echo esc_attr($settings['pylon_iconbox_css_box_alingment']); ?>">
                <div class="feature-four__box-inner">
                <i class="<?php echo esc_attr($settings['pylon_iconbox_icon']['value']); ?>"></i>
                    <div class="feature-four__box-right">
                        <h3>
                        <?php if($settings['pylon_iconbox_enable_button'] == 'yes' ) :?>
                            <a href="<?php echo esc_url($pylon_link); ?>" <?php if(!empty($target)) : ?>target="_blank"<?php endif; ?> <?php if(!empty($nofollow)) : ?>rel="nofollow"<?php endif; ?> >
                        <?php endif; ?>
                        <?php echo esc_html($settings['pylon_iconbox_title']); ?>
                        <?php if($settings['pylon_iconbox_enable_button'] == 'yes' ){
                            echo '</a>';
                        }?>
                    </h3>
                    <p><?php echo esc_html($settings['pylon_iconbox_dec']); ?></p>
                    </div>
                </div>
            </div>
            <?php 
        }
        else{
            ?>
            <div class="feature-three__box text-<?php echo esc_attr($settings['pylon_iconbox_css_box_alingment']); ?>">
                <div class="feature-three__box-inner">
                <i class="<?php echo esc_attr($settings['pylon_iconbox_icon']['value']); ?>"></i>
                    <h3>
                    <?php if($settings['pylon_iconbox_enable_button'] == 'yes' ) :?>
                        <a href="<?php echo esc_url($pylon_link); ?>" <?php if(!empty($target)) : ?>target="_blank"<?php endif; ?> <?php if(!empty($nofollow)) : ?>rel="nofollow"<?php endif; ?> >
                    <?php endif; ?>
                    <?php echo esc_html($settings['pylon_iconbox_title']); ?>
                    <?php if($settings['pylon_iconbox_enable_button'] == 'yes' ){
                        echo '</a>';
                    }?>
                </h3>
                <p><?php echo esc_html($settings['pylon_iconbox_dec']); ?></p>
                </div>
            </div>
            <?php 
        }
    }
}
Plugin::instance()->widgets_manager->register_widget_type( new Pylon_Iconbox_Widget );

cmd: