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/service-widget.php (60028B)

<?php
namespace Elementor;

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

class Pylon_service_Widget extends Widget_Base {
    public function get_name() {
        return 'pylon_service';
    }
    public function get_title() {
        return esc_html__( 'Pylon Service', 'pyloncore' );
    }
    public function get_icon() {
        return 'eicon-tools';
    }
    public function get_categories() {
        return ['pylon'];
    }
    protected function register_controls() {
        //Content tab start

$this->start_controls_section(
            'pylon_service1_section',
            [
                'label' => esc_html__( 'Content', 'pyloncore' ),
                'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
                'condition' => [
                    'pylon_service_icon_design' => [ 'four' ],
                ],
            ]
        );
        $this->add_control(
            'pylon_service_main_stitle',
            [
                'label' => esc_html__( 'Title', 'pyloncore' ),
                'type' => \Elementor\Controls_Manager::TEXT,
                'default' => esc_html( 'Our Great Services', 'pyloncore' ),
                'placeholder' => esc_html__( 'Type your stitle here', 'pyloncore' ),
            ]
        );
        $this->add_control(
            'pylon_service_main_title',
            [
                'label' => esc_html__( 'Title', 'pyloncore' ),
                'type' => \Elementor\Controls_Manager::TEXT,
                'default' => wp_kses_post( 'A Quick, Secure & Transparent <br> Process', 'pyloncore' ),
                'placeholder' => esc_html__( 'Type your title here', 'pyloncore' ),
            ]
        );
            $this->add_control(
            'pylon_service_main_link',
            [
                'label' => esc_html__( 'Link', 'pyloncore' ),
                'type' => \Elementor\Controls_Manager::URL,
                'placeholder' => esc_html__( 'https://your-link.com', 'pyloncore' ),
                'options' => [ 'url', 'is_external', 'nofollow' ],
                'default' => [
                    'url' => '',
                    'is_external' => true,
                    'nofollow' => true,
                    'custom_attributes' => '',
                ],
                'label_block' => true,
            ]
        );

$this->end_controls_section();

$this->start_controls_section(
            'pylon_service_options',
            [
                'label' => esc_html__( 'Pylon Service', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_CONTENT,
            ]
        );
        $this->add_control(
            'pylon_service_main_back_image',
            [
                'label' => esc_html__( 'Choose Image', 'pyloncore' ),
                'type' => \Elementor\Controls_Manager::MEDIA,
                'default' => [
                    'url' => \Elementor\Utils::get_placeholder_image_src(),
                ],
                'condition' => [
                'pylon_service_icon_design' => 'four'
                ],
            ]
        );

$this->add_control(
            'pylon_service_show_img',
            [
                'label'        => esc_html__( 'Enable Feature image', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'Show', 'pyloncore' ),
                'label_off'    => esc_html__( 'Hide', 'pyloncore' ),
                'return_value' => 'yes',
                'default'      => 'yes',
            ]
        );
        $this->add_control(
            'pylon_service_show_title',
            [
                'label'        => esc_html__( 'Enable Title', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'Show', 'pyloncore' ),
                'label_off'    => esc_html__( 'Hide', 'pyloncore' ),
                'return_value' => 'yes',
                'default'      => 'yes',
            ]
        );
        $this->add_control(
            'pylon_service_show_btn',
            [
                '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',
            ]
        );
        $this->add_control(
            'pylon_service_show_item',
            [
                'label'   => esc_html__( 'Show Items', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::NUMBER,
                'min'     => 3,
                'max'     => 30,
                'step'    => 1,
                'default' => 3,
            ]
        );
        $this->add_control(
            'pylon_service_limit_word',
            [
                'label'   => esc_html__( 'limit Content Word', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::NUMBER,
                'min'     => 3,
                'max'     => 30,
                'step'    => 1,
                'default' => 13,
            ]
        );
        $this->add_control(
            'pylon_service_show_nav',
            [
                'label'        => esc_html__( 'Enable Pagination', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'Show', 'pyloncore' ),
                'label_off'    => esc_html__( 'Hide', 'pyloncore' ),
                'return_value' => 'yes',
                'default'      => 'no',
            ]
        );
        $this->add_control(
            'pylon_service_details_page',
            [
                'label'        => esc_html__( 'Disable Details Page Link', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'Show', 'pyloncore' ),
                'label_off'    => esc_html__( 'Hide', 'pyloncore' ),
                'return_value' => 'yes',
                'default'      => 'no',
            ]
        );        
        $this->add_control(
            'pylon_service_show_icon',
            [
                'label'        => esc_html__( 'Enable Service Icon', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'Show', 'pyloncore' ),
                'label_off'    => esc_html__( 'Hide', 'pyloncore' ),
                'return_value' => 'yes',
                'default'      => 'yes',
            ]
        );
        $this->add_control(
            'pylon_service_icon_design',
            [
                'label'        => esc_html__( 'Select Service Design', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::SELECT,
                'default'      => 'one',
                'options'      => [
                    'one'           =>esc_html__('Style One','pyloncore'),
                    'two'           =>esc_html__('Style Two','pyloncore'),
                    'three'         =>esc_html__('Style Three','pyloncore'),
                    'four'         =>esc_html__('Style Four','pyloncore'),
                    'five'         =>esc_html__('Style Five','pyloncore'),
                    'six'         =>esc_html__('Style Six','pyloncore'),

],
            ]
        );

$this->add_control(
            'pylon_service_slide_enable',
            [
                'label'        => esc_html__( 'Enable Slide', '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_service_icon_design' => 'four',
                ],
            ]
        );

$this->add_control(
            'pylon_service_autoplay_enable',
            [
                'label'        => esc_html__( 'Enable Autoply', '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_service_slide_enable' => 'yes',
                    'pylon_service_icon_design' => 'four',
                ],
            ]
        );

$this->add_control(
            'pylon_service_autoplay_seppd',
            [
                'label'     => esc_html__( 'Speed', 'plugin-pyloncore' ),
                'type'      => \Elementor\Controls_Manager::NUMBER,
                'min'       => 1000,
                'max'       => 10000,
                'step'      => 1,
                'default'   => 1000,
                'condition' => [
                    'pylon_service_slide_enable'    => 'yes',
                    'pylon_service_autoplay_enable' => 'yes',
                    'pylon_service_icon_design' => 'four'
                ],
            ]
        );

$this->add_control(
            'pylon_service_read_more',
            [
                'label'        => esc_html__( 'Button Read More Text', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::TEXT,
                'default'      => 'Read More',
            ]
        );

$this->add_control(
            'pylon_service_background_image_one',
            [
                'label' => esc_html__( 'Choose background one Image', 'pyloncore' ),
                'type' => \Elementor\Controls_Manager::MEDIA,
                'default' => [
                    'url' => \Elementor\Utils::get_placeholder_image_src(),
                ],
                'condition'   => [
                    'pylon_service_icon_design' => 'four',
                ],
            ]
        );

$this->add_control(
            'pylon_service_background_image_tow',
            [
                'label' => esc_html__( 'Choose background tow Image', 'pyloncore' ),
                'type' => \Elementor\Controls_Manager::MEDIA,
                'default' => [
                    'url' => \Elementor\Utils::get_placeholder_image_src(),
                ],
                'condition'   => [
                    'pylon_service_icon_design' => 'four',
                ],
            ]
        );

$this->end_controls_section();
        $this->start_controls_section(
            'pylon_service_styles',
            [
                'label' => esc_html__( 'Content Box', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_responsive_control(
            'pyloncore',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .service-one__content,{{WRAPPER}} .service-second,{{WRAPPER}} .service-three__single,{{WRAPPER}} .services-four--five .services-four__single' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_service_box_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'top'      => '',
                    'right'    => '',
                    'bottom'   => '',
                    'left'     => '',
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .service-one__content,{{WRAPPER}} .service-second,{{WRAPPER}} .service-three__single,{{WRAPPER}} .services-four--five .services-four__single' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name'     => 'pylon_service_box_bg',
                'label'    => esc_html__( 'Background', 'pyloncore' ),
                'types'    => ['classic', 'gradient', 'video'],
                'selector' => '{{WRAPPER}} .service-one__content,{{WRAPPER}} .service-second,{{WRAPPER}} .service-three__single,{{WRAPPER}} .services-four--five .services-four__single,{{WRAPPER}} .services-four--five .services-four__single',
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Box_Shadow::get_type(),
            [
                'name'     => 'pylon_service_box_shadow',
                'label'    => esc_html__( 'Box Shadow', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .service-one__content,{{WRAPPER}} .service-second,{{WRAPPER}} .service-three__single,{{WRAPPER}} .services-four--five .services-four__single,{{WRAPPER}} .services-four--five .services-four__single',
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_service_title_styles',
            [
                'label' => esc_html__( 'Title', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_responsive_control(
            'pylon_service_title_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .service-one__content h3,{{WRAPPER}} .service-second h3,{{WRAPPER}} .service-second h3 a,{{WRAPPER}} .service-three__single .service-three__single__title,{{WRAPPER}} .services-four__single-content h3 a' => 'color: {{VALUE}}',
                ],
            ]
        );

$this->add_responsive_control(
            'pylon_service_title_hcolor',
            [
                'label'     => esc_html__( 'Hover Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .service-one__content h3:hover,{{WRAPPER}} .service-second h3 a:hover,{{WRAPPER}} .service-three__single .service-three__single__title:hover,{{WRAPPER}} .services-four__single-content h3 a:hover' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_service_title_typo',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .service-one__content h3,{{WRAPPER}} .service-second h3 .service-three__single .service-three__single__title,{{WRAPPER}} .services-four__single-content h3',
            ]
        );
        $this->add_responsive_control(
            'pylon_service_title_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'top'      => '0',
                    'right'    => '0',
                    'bottom'   => '15',
                    'left'     => '0',
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .service-one__content h3,{{WRAPPER}} .service-second h3,{{WRAPPER}} .service-three__single .service-three__single__title,{{WRAPPER}} .services-four__single-content h3' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_service_title_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .service-one__content h3,{{WRAPPER}} .service-second h3,{{WRAPPER}} .service-three__single .service-three__single__title,{{WRAPPER}} .services-four__single-content h3' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_service_dec_styles',
            [
                'label' => esc_html__( 'Content', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_responsive_control(
            'pylon_service_dec_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .service-one__content p,{{WRAPPER}} .service-second p,{{WRAPPER}} .service-three__single .service-three__single__text,{{WRAPPER}} .services-four__single-content p' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_service_dec_typo',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .service-one__content p,{{WRAPPER}} .service-second p,{{WRAPPER}} .service-three__single .service-three__single__text,{{WRAPPER}} .services-four__single-content p',
            ]
        );
        $this->add_responsive_control(
            'pylon_service_dec_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .service-one__content p,{{WRAPPER}} .service-second p,{{WRAPPER}} .service-three__single .service-three__single__text,{{WRAPPER}} .services-four__single-content p' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_service_dec_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .service-one__content p,{{WRAPPER}} .service-second p,{{WRAPPER}} .service-three__single .service-three__single__text,{{WRAPPER}} .services-four__single-content p' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_service_icons_styles',
            [
                'label' => esc_html__( 'Icon', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name' => 'pylon_service_icon_bg',
                'label' => esc_html__( 'Background', 'pyloncore' ),
                'types' => [ 'classic', 'gradient' ],
                'selector' => '{{WRAPPER}} .service-icon,{{WRAPPER}} .service-icon2,{{WRAPPER}} .service-icon3,{{WRAPPER}} .service-three__single__icon,{{WRAPPER}} .service-icon3,{{WRAPPER}} .services-four--five .services-four__single-img .icon-box',
            ]
        );
        $this->add_responsive_control(
            'pylon_service_icon_margin',
            [
                'label' => esc_html__( 'Margin', 'pyloncore' ),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => [ 'px', '%', 'em' ],
                'selectors' => [
                    '{{WRAPPER}} .service-icon, {{WRAPPER}} .service-icon2, {{WRAPPER}} .service-icon3 ,{{WRAPPER}} .service-three__single__icon,{{WRAPPER}} .services-four--five .services-four__single-img .icon-box' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_service_icon_padding',
            [
                'label' => esc_html__( 'Padding', 'pyloncore' ),
                'type' => Controls_Manager::DIMENSIONS,
                'size_units' => [ 'px', '%', 'em' ],
                'selectors' => [
                    '{{WRAPPER}} .service-icon,{{WRAPPER}} .service-icon2,{{WRAPPER}} .service-icon3
                    ,{{WRAPPER}} .service-three__single__icon,{{WRAPPER}} .services-four--five .services-four__single-img .icon-box' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_service_icon_color',
            [
                'label' => esc_html__( 'Icon Color', 'domain' ),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .service-icon,{{WRAPPER}} .service-icon2,{{WRAPPER}} .service-icon3, {{WRAPPER}} .service-three__single__icon i,{{WRAPPER}} .services-four--five .services-four__single-img .icon-box span::before' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_service_icon_size',
            [
                'label' => esc_html__( 'Icon Size', 'domain' ),
                'type' => Controls_Manager::SLIDER,
                'size_units' => [ 'px'],
                'range' => [
                    'px' => [
                        'min' => 0,
                        'max' => 1000,
                        'step' => 5,
                    ],
                ],
                'default' => [
                    'unit' => 'px',
                    'size' => '',
                ],
                'selectors' => [
                    '{{WRAPPER}} .service-icon,{{WRAPPER}} .service-icon2,{{WRAPPER}} .service-icon3 , {{WRAPPER}} .service-three__single__icon i,{{WRAPPER}} .services-four--five .services-four__single-img .icon-box span::before' => 'font-size: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_service_buttons_style',
            [
                'label' => esc_html__( 'Button', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_responsive_control(
            'pylon_service__btn_icon',
            [
                'label'   => esc_html__( 'Icon', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::ICONS,
                'default' => [
                    'value' => 'pylon-icon-right-arrow',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_service__btn_size',
            [
                'label'      => esc_html__( 'Icon Size', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 10,
                        'max'  => 50,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'size' => '',
                ],
                'selectors'  => [
                    '{{WRAPPER}} .service-one__link' => 'font-size: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_service__btn_widh',
            [
                'label'      => esc_html__( 'Width', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 30,
                        'max'  => 100,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'size' => '',
                ],
                'selectors'  => [
                    '{{WRAPPER}} .service-one__link' => 'width: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_service__btn_height',
            [
                'label'      => esc_html__( 'Height', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 30,
                        'max'  => 100,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'size' => '',
                ],
                'selectors'  => [
                    '{{WRAPPER}} .service-one__link' => 'height: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->start_controls_tabs(
            'pylon_service_buttons_tabs'
        );
        $this->start_controls_tab(
            'pylon_service_button_n_tab',
            [
                'label' => esc_html__( 'Normal', 'pyloncore' ),
            ]
        );
        $this->add_responsive_control(
            'pylon_service_buttons_n_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .service-one__link' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name'     => 'pylon_service_buttons_n_bg',
                'label'    => esc_html__( 'Background', 'pyloncore' ),
                'types'    => ['classic', 'gradient'],
                'selector' => '{{WRAPPER}} .service-one__link',
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Border::get_type(),
            [
                'name'     => 'pylon_service_buttons_n_border',
                'label'    => esc_html__( 'Border', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .service-one__link',
            ]
        );
        $this->add_responsive_control(
            'pylon_service_button_n_borders_radius',
            [
                'label'      => esc_html__( 'Border Radius', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['%'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 100,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'size' => 50,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .service-one__link' => 'border-radius: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Box_Shadow::get_type(),
            [
                'name'     => 'pylon_service_buttons_n_box_shadow',
                'label'    => esc_html__( 'Box Shadow', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .service-one__link',
            ]
        );
        $this->end_controls_tab();
        $this->start_controls_tab(
            'pylon_service_buttons_h_tab',
            [
                'label' => esc_html__( 'Hover', 'pyloncore' ),
            ]
        );
        $this->add_responsive_control(
            'pylon_service_button_h_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .service-one__link:hover' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name'     => 'pylon_service_button_h_bg',
                'label'    => esc_html__( 'Background', 'pyloncore' ),
                'types'    => ['classic', 'gradient'],
                'selector' => '{{WRAPPER}} .service-one__link:hover',
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Border::get_type(),
            [
                'name'     => 'pylon_service_button_h_border',
                'label'    => esc_html__( 'Border', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .service-one__link:hover',
            ]
        );
        $this->add_responsive_control(
            'pylon_service_button_h_border_radius',
            [
                'label'      => esc_html__( 'Border Radius', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['%'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 100,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'size' => 50,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .service-one__link:hover' => 'border-radius: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Box_Shadow::get_type(),
            [
                'name'     => 'pylon_service_button_h_box_shadow',
                'label'    => esc_html__( 'Box Shadow', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .service-one__link:hover',
            ]
        );
        $this->end_controls_tab();
        $this->end_controls_tabs();
        $this->end_controls_section();
    }
    //Render
    protected function render() {
        $settings = $this->get_settings_for_display();
        $dynamic_num = rand( 35245545, 541541745 );
        $k = "";
        global $post;
        $paged = get_query_var('paged') ? get_query_var('paged') : 1;
        $p = new \WP_Query(
            array(
                'posts_per_page' => esc_attr($settings['pylon_service_show_item']),
                'post_type'      => 'pylon_service',
                'paged' => $paged
            )
        );

if(!empty($settings['pylon_service_read_more'])) {
            $read_more=$settings['pylon_service_read_more'];
        } 
        else{
            $read_more='Read More';
        }    
        if($settings['pylon_service_icon_design'] == 'six'){ ?>
        
        
        <div class="services-four--five">

<?php while ($p->have_posts()) : $p->the_post(); 
                 if(get_post_meta( get_the_ID(), 'pylon_meta_service', true)) {
                       $pylon_service = get_post_meta( get_the_ID(), 'pylon_meta_service', true );
                      } else {
                       $pylon_service = array();
                      }  ?>
                    <div class="services-four__single wow animated fadeInUp" data-wow-delay="0.1s">
                        <div class="services-four__single-img">
                            <div class="inner">
                                <?php 
                                if($settings['pylon_service_show_img'] == 'yes'){                              
                                if($settings['pylon_service_details_page'] != 'yes'  ) {
                                    echo '<a href="'.get_permalink().'">';
                                    if(function_exists('pylon_post_thumbnail')){
                                        pylon_post_thumbnail();                                        
                                    }
                                    echo '</a>';
                                }else{
                                    if(function_exists('pylon_post_thumbnail')){
                                        pylon_post_thumbnail();                                        
                                    }
                                } 
                            }
                              ?>  
                            </div>
                            <?php if(!empty($pylon_service['palon_meta_service_icon']) && $settings['pylon_service_show_icon'] == 'yes'){ ?>
                            <div class="icon-box">
                                <span class="<?php echo esc_attr($pylon_service['palon_meta_service_icon']); ?>"></span>
                            </div>
                            <?php } ?>
                        </div>

<?php endwhile; ?>

</div>

</div>
        
         <?php }elseif($settings['pylon_service_icon_design'] == 'five'){ ?>
            <div class="row">
                 <?php while ($p->have_posts()) : $p->the_post();

if(get_post_meta( get_the_ID(), 'pylon_meta_service', true)) {
                       $pylon_service = get_post_meta( get_the_ID(), 'pylon_meta_service', true );
                      } else {
                       $pylon_service = array();
                      }
                    $k++;
                    if(($k)==1)         {
                    $fadeclass="fadeInLeft";
                    }elseif(($k)==3){
                    $fadeclass="fadeInRight ";
                    }
                    ?>
                    
                    <div class="col-xl-3 col-lg-6 col-md-6 wow <?php echo $fadeclass; ?>" data-wow-delay="0ms"
                        data-wow-duration="1000ms">
                        <div class="services-four__single">
                            <div class="services-four__single-img">
                                <div class="inner">
                                    <?php   
                                    if($settings['pylon_service_show_img'] == 'yes'){                            
                                    if($settings['pylon_service_details_page'] != 'yes'  ) {
                                        echo '<a href="'.get_permalink().'">';
                                    if(function_exists('pylon_post_thumbnail')){
                                        pylon_post_thumbnail();                                        
                                    }
                                        echo '</a>';
                                    }else{
                                    if(function_exists('pylon_post_thumbnail')){
                                        pylon_post_thumbnail();                                        
                                    }
                                    } 
                                }?>
                                <?php if(!empty($pylon_service['palon_meta_service_icon']) && $settings['pylon_service_show_icon'] == 'yes'){ ?>
                                    <div class="icon-box">                                
                                            <span class="<?php echo esc_attr($pylon_service['palon_meta_service_icon']); ?>"></span>
                                    </div>
                                    <?php } ?>
                                </div>
                            </div>
                            <div class="services-four__single-content">
                                <?php if($settings['pylon_service_show_title']) { ?>
                                <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3><?php } ?>
                                <p><?php echo wp_trim_words( get_the_excerpt(), esc_attr($settings['pylon_service_limit_word']) ); ?></p>
                            </div>
                        </div>
                    </div>
                    
                     <?php endwhile; ?>
            </div>

<?php } elseif($settings['pylon_service_icon_design'] == 'four'){  
         ?>
                <section class="service-three">
            <div class="container">
                <?php if($settings['pylon_service_slide_enable'] == 'yes' ){ ?>
                <div class="service-three__top">
                    <div class="service-three__top__shape wow fadeInUp" data-wow-duration="1500ms" style="background-image: url(<?php echo esc_url(( $settings['pylon_service_main_back_image']['url'] )); ?>);"></div>
                    
                    <div class="sec-title-two text-start">
                        <span class="sec-title-two__tagline">
                            <i class="fa fa-star"></i>
                            <span><?php echo esc_html($settings['pylon_service_main_stitle']); ?></span>
                        </span>
                        <h2 class="sec-title-two__title sec-title-two__title--light"><?php echo wp_kses_post($settings['pylon_service_main_title']); ?></h2>
                        
                    </div>
                    <div class="service-three__top__btns">
                        <a href="<?php echo esc_url($settings['pylon_service_main_link']['url']); ?>" class="service-three__top__btn"><?php echo esc_html__('More Services','pyloncore') ?></a>
                    </div>
                </div>
            <?php } ?>
                <?php if($settings['pylon_service_slide_enable'] == 'yes' ){
                echo '<div class="thm-owl__carousel owl-carousel">'; 
                 }else{
                    echo '<div class="row">';
                 } ?>
                    <?php while ($p->have_posts()) : $p->the_post(); 
                     if(get_post_meta( get_the_ID(), 'pylon_meta_service', true)) {
                       $pylon_service = get_post_meta( get_the_ID(), 'pylon_meta_service', true );
                      } else {
                       $pylon_service = array();
                      }
                    ?>
                  <?php if($settings['pylon_service_slide_enable'] !== 'yes' ){
                    echo '<div class="col-lg-4 col-md-6 mt-3">';
                  }?>
                    <div class="item">
                        <div class="service-three__single">
                            <div class="service-three__single__inner">
                                <div class="service-three__single__shape" style="background-image: url(<?php echo esc_url($settings['pylon_service_background_image_one']['url']); ?>);"></div>
                                <div class="service-three__single__shape-2" style="background-image: url(<?php echo esc_url($settings['pylon_service_background_image_tow']['url']); ?>"></div>
                                
                                <div class="service-three__single__content">
                                    <?php if(!empty($pylon_service['palon_meta_service_icon']) && $settings['pylon_service_show_icon'] == 'yes' ) : ?>
                                    <div class="service-three__single__icon">
                                        <i class="<?php echo esc_attr($pylon_service['palon_meta_service_icon']); ?>"></i>
                                    </div>
                                      <?php endif; ?>
                                    
                                <?php if($settings['pylon_service_show_title'] == 'yes' ) :

if($settings['pylon_service_details_page'] != 'yes'  ) {  ?>
                                   <h3 class="service-three__single__title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
                                  <?php 
                                   }else{
                                   ?>
                                   <h3 class="service-three__single__title"><?php the_title(); ?></h3>
                                   <?php   
                                   }
                                    ?>
                                  <?php endif; ?>
                                         <p class="service-three__single__text"><?php echo wp_trim_words( get_the_excerpt(), $settings['pylon_service_limit_word'] ); ?></p>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php if($settings['pylon_service_slide_enable'] !== 'yes' ){
                    echo '</div>';
                } ?>

<?php endwhile; ?>

<?php if($settings['pylon_service_slide_enable'] == 'yes' ){
                echo '</div>'; 
            }else{
                    echo '</div>';
                 } ?>
            </div>
        </section>
     
        <?php

self::pylon_service_slide_four($settings['pylon_service_slide_enable'],$settings['pylon_service_autoplay_enable'],$settings['pylon_service_autoplay_seppd'],$dynamic_num);
        }else{
            
      
        ?>
        <div class="row">
            <?php while ($p->have_posts()) : $p->the_post(); 
            if(get_post_meta( get_the_ID(), 'pylon_meta_service', true)) {
                $pylon_service = get_post_meta( get_the_ID(), 'pylon_meta_service', true );
            } else {
                $pylon_service = array();
            }
            ?>
                <div class="col-lg-4">
                    <?php if($settings['pylon_service_icon_design'] == 'two' ) {
                     ?>
                    <div class="service-second">
                        <div class="service-second-info-icon">
                            <?php if(!empty($pylon_service['palon_meta_service_icon']) && $settings['pylon_service_show_icon'] == 'yes' ) : ?>
                            <div class="service-icon2">
                                <i class="<?php echo esc_attr($pylon_service['palon_meta_service_icon']); ?>"></i>
                            </div>
                            <?php endif; ?>
                        <?php if($settings['pylon_service_show_title'] == 'yes' ) :

if($settings['pylon_service_details_page'] != 'yes'  ) {

?>
                             <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
                            <?php 
                            }else{
                             ?>
                             <h3><?php the_title(); ?></h3>
                             <?php   
                            }
                            ?>
                        <?php endif; ?>
                        </div>    
                        <div class="service-second__content">
                            <p><?php echo wp_trim_words( get_the_excerpt(), esc_attr($settings['pylon_service_limit_word']) ); ?></p>
                            <?php if($settings['pylon_service_show_btn'] == 'yes' ) :

if($settings['pylon_service_details_page']!= 'yes'  ) {
                                echo '<a href="'.get_permalink().'" class="service-two__card-link">';

if($settings['pylon_service__btn_icon'])
                                        {
                                            echo '<i class="'.$settings['pylon_service__btn_icon']['value'].'"></i>';
                                        }    
                                        ?><?php echo $read_more;

echo '</a>';
                               } 
                                endif; ?>
                            <?php if(!empty($pylon_service['palon_meta_service_icon']) && $settings['pylon_service_show_icon'] == 'yes' ) : ?>
                                <div class="service-second-right-icon-box">
                                    <div class="service-second-right-icon">
                                        <i class="<?php echo esc_attr($pylon_service['palon_meta_service_icon']); ?>"></i>
                                    </div>
                                </div>
                            <?php
                             endif; ?>
                            </div>
                    </div>
                     <?php }elseif($settings['pylon_service_icon_design'] == 'one'){ ?>   
                    <div class="service-one__card">
                        <?php if($settings['pylon_service_show_img'] == 'yes' ) : ?>
                            <div class="service-one__image">
                              <?php                               
                                if($settings['pylon_service_details_page'] != 'yes'  ) {
                                    echo '<a href="'.get_permalink().'">';
                                    if(function_exists('pylon_post_thumbnail')){
                                        pylon_post_thumbnail();                                        
                                    }
                                    echo '</a>';
                                }else{
                                    if(function_exists('pylon_post_thumbnail')){
                                        pylon_post_thumbnail();                                        
                                    }
                                } 
                              ?>  
                            </div>
                        <?php endif; ?>
                        <div class="service-one__content">
                            <?php if(!empty($pylon_service['palon_meta_service_icon']) && $settings['pylon_service_show_icon'] == 'yes' ) :

?>
                             <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
                            <?php 
                            }else{
                             ?>
                             <h3><?php the_title(); ?></h3>
                             <?php   
                            }
                            endif; ?>
                            <p><?php echo wp_trim_words( get_the_excerpt(), esc_attr($settings['pylon_service_limit_word']) ); ?></p>
                        <?php if($settings['pylon_service_show_btn'] == 'yes' ) :

if($settings['pylon_service_details_page'] != 'yes' ) {
                                echo '<a href="'.get_permalink().'" class="pylon-icon-right-arrow service-one__link"></a>';
                            }    
                            ?>                            
                        <?php endif; ?>
                        </div>
                    </div>
                    <?php }elseif($settings['pylon_service_icon_design'] == 'three'){ ?>
                        <div class="service-three_card">
                            <?php if($settings['pylon_service_show_img'] == 'yes') {?>
                                <div class="service-three_image">
                                    <?php                               
                                      if($settings['pylon_service_details_page'] != 'yes' ) {
                                          echo '<a href="'.get_permalink().'">';
                                    if(function_exists('pylon_post_thumbnail')){
                                        pylon_post_thumbnail();                                        
                                    }
                                          echo '</a>';
                                      }else{
                                    if(function_exists('pylon_post_thumbnail')){
                                        pylon_post_thumbnail();                                        
                                    }
                                      } 
                                    ?>

</div>
                            <?php } ?>
                            <div class="service-three_content">
                                <div class="upper-content">
                                    <?php if($settings['pylon_service_details_page'] != 'yes') { ?>
                                        <?php if(!empty($pylon_service['palon_meta_service_icon']) && $settings['pylon_service_show_icon'] == 'yes'){ ?>
                                            <a href="<?php the_permalink(); ?>" class="service-title-icon">
                                            <i class="<?php echo esc_attr($pylon_service['palon_meta_service_icon']); ?> service-icon3"></i>
                                        <?php } ?>
                                            <?php if($settings['pylon_service_show_title']) { ?>
                                            <h3><?php the_title(); ?> Service</h3>
                                            <?php } ?>
                                        </a>
                                    <?php } else {?>
                                        <?php if(!empty($pylon_service['palon_meta_service_icon']) && $settings['pylon_service_show_icon'] == 'yes'){ ?>
                                            <div class="service-title-icon">
                                                <i class="<?php echo esc_attr($pylon_service['palon_meta_service_icon']); ?> service-icon3"></i>
                                            <?php } ?>
                                                <?php if($settings['pylon_service_show_title']) { ?>
                                                <h3><?php the_title(); ?> Service</h3>
                                                <?php } ?>
                                            </div>
                                    <?php } ?>
                                </div>
                                <?php if($settings['pylon_service_show_btn'] == 'yes') { ?>
                                    <div class="lower-content">
                                        <a href="<?php the_permalink() ?>" class="service-three_card-link">
                                            <?php echo $read_more;
                                            if($settings["pylon_service__btn_icon"]) {
                                                echo '<i class="'.$settings['pylon_service__btn_icon']['value'].'"></i>';
                                            } ?>
                                        </a>
                                    </div>
                                <?php } ?>
                            </div>
                        </div>
                    <?php }else {?>
                        <div class="service-one__card">
                        <?php if($settings['pylon_service_show_img'] == 'yes' ) : ?>
                            <div class="service-one__image">
                              <?php                               
                                if($settings['pylon_service_details_page'] != 'yes'  ) {
                                    echo '<a href="'.get_permalink().'">';
                                    if(function_exists('pylon_post_thumbnail')){
                                        pylon_post_thumbnail();                                        
                                    }
                                    echo '</a>';
                                }else{
                                    if(function_exists('pylon_post_thumbnail')){
                                        pylon_post_thumbnail();                                        
                                    }
                                } 
                              ?>  
                            </div>
                        <?php endif; ?>
                        <div class="service-one__content">
                            <?php if(!empty($pylon_service['palon_meta_service_icon']) && $settings['pylon_service_show_icon'] == 'yes' ) :

if($settings['pylon_service_details_page'] != 'yes'  ) {
                                    echo '<a href="'.get_permalink().'">';
                            }    
                            ?>
                                <div class="service-icon">
                                    <i class="<?php echo esc_attr($pylon_service['palon_meta_service_icon']); ?>"></i>
                                </div>
                            <?php 
                            if($settings['pylon_service_details_page'] != 'yes'  ) {
                                    echo '</a>';
                            } 
                        endif; ?>
                        <?php if($settings['pylon_service_show_title'] == 'yes' ) : 
                            
                            if($settings['pylon_service_details_page'] != 'yes'  ) {
                            ?>
                             <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
                            <?php
                            }else{
                             ?>
                             <h3><?php the_title(); ?></h3>
                             <?php   
                            }
                            endif; ?>
                            <p><?php echo wp_trim_words( get_the_excerpt(), esc_attr($settings['pylon_service_limit_word']) ); ?></p>
                        <?php if($settings['pylon_service_show_btn'] == 'yes' ) :

if($settings['pylon_service_details_page'] != 'yes' ) {
                                echo '<a href="'.get_permalink().'" class="pylon-icon-right-arrow service-one__link"></a>';
                            }    
                            ?>                            
                        <?php endif; ?>
                        </div>
                    </div>
                    <?php } ?>
                </div>
            <?php endwhile; 
            wp_reset_query();
            ?>
        </div>
        <?php if($settings['pylon_service_show_nav'] == 'yes' ) : ?>
            <div class="service-nav service-nav mt-120 mb-80">
                <?php pylon_paginate_nav( $p ); ?>
            </div>
        <?php endif; 
      }
  
      }

public function pylon_service_slide_four($slider_enable,$speed_enable,$speed,$dynamic_num){

$slider_enable == 'yes';
       
        if ( $slider_enable == 'yes' ) {
    echo '<script>
        jQuery(document).ready(function($) {
            "use strict";
               $(".thm-owl__carousel").owlCarousel({
                    "loop": true,
                    "items": 1,
                    "margin": 0,
                    "smartSpeed": 700,
                    "nav": true,
                    "navText": ["<span class=\"pylon-two-icon-arrow-left-2\"></span>",
                                "<span class=\"pylon-two-icon-arrow-right-2\"></span>"],
                    "responsive": {
                        "0": {
                            "items": 1,
                            "margin": 30
                        },
                        "576": {
                            "items": 1,
                            "margin": 30
                        },
                        "768": {
                            "items": 2,
                            "margin": 30
                        },
                        "992": {
                            "items": 3,
                            "margin": 30
                        }
                    },';

if ( $speed_enable == 'yes' ) {
                     echo '"autoplay": {
                      "delay": ' . esc_attr( $speed ) . '
                       },';
                     }         
          echo  '});  
        });
        </script>';
        }
    } 
}
Plugin::instance()->widgets_manager->register_widget_type( new Pylon_service_Widget );

cmd: