<?php
namespace EcafeAddons\Widgets;

use Elementor\Widget_Base;
use Elementor\Controls_Manager;
use Elementor\Group_Control_Typography;
use Elementor\Group_Control_Background;
use Elementor\Group_Control_Border;
use Elementor\Group_Control_Box_Shadow;
use Elementor\Group_Control_Text_Shadow;
use Elementor\Group_Control_Css_Filter;
use Elementor\Group_Control_Text_Stroke;

use EcafeAddons\EcafeElementLoad;

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

class Ecafe_InfounFold extends Widget_Base {

	public function get_name() {
		return 'ecafe-infounfold';
	}

	public function get_title() {
		return esc_html__( 'Info Unfold Card', 'essential-classy-addons-for-elementor' );
	}

	public function get_icon() {
		return 'ecafe-ele-back-icon ecafe-infounfold-icon';
	}

	public function get_categories() {
		return array( 'essential' );
	}

	public function get_script_depends() {
		return array( 'ecafe-infounfold' );
	}
	public function get_keywords() {
		return array( 'unfold', 'info unfold', 'card', 'cards', 'card unfold' );
	}
	public function get_custom_help_url() {
		return 'https://store.kapasias.com/helpdesk/';
	}
	public function has_widget_inner_wrapper(): bool {
		return ! \Elementor\Plugin::$instance->experiments->is_feature_active( 'e_optimized_markup' );
	}
	protected function register_controls() {

		$this->start_controls_section(
			'frontSection',
			array(
				'label' => esc_html__( 'Front', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_CONTENT,
			)
		);
		$this->add_control(
			'feTitle',
			array(
				'label'       => esc_html__( 'Title', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXT,
				'dynamic'     => array( 'active' => true ),
				'default'     => esc_html__( 'Front Title', 'essential-classy-addons-for-elementor' ),
				'placeholder' => esc_html__( 'Enter Title', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'feTitleTag',
			array(
				'label'   => esc_html__( 'Title Tag', 'essential-classy-addons-for-elementor' ),
				'type'    => Controls_Manager::SELECT,
				'default' => 'h1',
				'options' => \EcafeHelper::getHtmlTag(),
			)
		);
		$this->add_control(
			'feTitleSeprator',
			array(
				'label'     => esc_html__( 'Seprator', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::SWITCHER,
				'label_on'  => esc_html__( 'Enable', 'essential-classy-addons-for-elementor' ),
				'label_off' => esc_html__( 'Disable', 'essential-classy-addons-for-elementor' ),
				'default'   => 'no',
			)
		);
		$this->add_control(
			'fecontent',
			array(
				'label'   => esc_html__( 'Content', 'essential-classy-addons-for-elementor' ),
				'type'    => Controls_Manager::SELECT,
				'default' => 'editor',
				'options' => array(
					'editor' => esc_html__( 'Editor', 'essential-classy-addons-for-elementor' ),
					'lists'  => esc_html__( 'Lists', 'essential-classy-addons-for-elementor' ),
				),
			)
		);
		$this->add_control(
			'feDesc',
			array(
				'label'       => esc_html__( 'Description', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::WYSIWYG,
				'default'     => esc_html__( 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.', 'essential-classy-addons-for-elementor' ),
				'placeholder' => esc_html__( 'Enter your Description', 'essential-classy-addons-for-elementor' ),
				'dynamic'     => array( 'active' => true ),
				'condition'   => array(
					'fecontent' => 'editor',
				),
			)
		);
		$this->add_control(
			'felistsDots',
			array(
				'label'     => esc_html__( 'Dot Style', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::SELECT,
				'default'   => 'none',
				'options'   => array(
					'none'                 => esc_html__( 'None', 'essential-classy-addons-for-elementor' ),
					'circle'               => esc_html__( 'Circle', 'essential-classy-addons-for-elementor' ),
					'disc'                 => esc_html__( 'Disc', 'essential-classy-addons-for-elementor' ),
					'armenian'             => esc_html__( 'Armenian', 'essential-classy-addons-for-elementor' ),
					'cjk-ideographic'      => esc_html__( 'Cjk Ideographic', 'essential-classy-addons-for-elementor' ),
					'decimal'              => esc_html__( 'Decimal', 'essential-classy-addons-for-elementor' ),
					'decimal-leading-zero' => esc_html__( 'Decimal Leading Zero', 'essential-classy-addons-for-elementor' ),
					'georgian'             => esc_html__( 'Georgian', 'essential-classy-addons-for-elementor' ),
					'hebrew'               => esc_html__( 'Hebrew', 'essential-classy-addons-for-elementor' ),
					'hiragana'             => esc_html__( 'Hiragana', 'essential-classy-addons-for-elementor' ),
					'hiragana-iroha'       => esc_html__( 'Hiragana Iroha', 'essential-classy-addons-for-elementor' ),
					'katakana'             => esc_html__( 'Katakana', 'essential-classy-addons-for-elementor' ),
					'katakana-iroha'       => esc_html__( 'Katakana Iroha', 'essential-classy-addons-for-elementor' ),
					'lower-alpha'          => esc_html__( 'Lower Alpha', 'essential-classy-addons-for-elementor' ),
					'lower-greek'          => esc_html__( 'Lower Greek', 'essential-classy-addons-for-elementor' ),
					'lower-latin'          => esc_html__( 'Lower Latin', 'essential-classy-addons-for-elementor' ),
					'lower-roman'          => esc_html__( 'Lower Roman', 'essential-classy-addons-for-elementor' ),
					'upper-alpha'          => esc_html__( 'Upper Alpha', 'essential-classy-addons-for-elementor' ),
					'upper-greek'          => esc_html__( 'Upper Greek', 'essential-classy-addons-for-elementor' ),
					'upper-latin'          => esc_html__( 'Upper Latin', 'essential-classy-addons-for-elementor' ),
					'upper-roman'          => esc_html__( 'Upper Roman', 'essential-classy-addons-for-elementor' ),
				),
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-f-desc-lists' => 'list-style : {{VALUE}};',
				),
				'condition' => array(
					'fecontent' => 'lists',
				),
			)
		);
		$repeater = new \Elementor\Repeater();
		$repeater->add_control(
			'felistsText',
			array(
				'label'       => esc_html__( 'Text', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXT,
				'dynamic'     => array( 'active' => true ),
				'default'     => esc_html__( 'EC', 'essential-classy-addons-for-elementor' ),
				'placeholder' => esc_html__( 'Enter Text', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'felistsGet',
			array(
				'label'       => esc_html__( 'Lists', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::REPEATER,
				'fields'      => $repeater->get_controls(),
				'default'     => array(
					array(
						'felistsText' => 'First',
					),
					array(
						'felistsText' => 'Second',
					),
					array(
						'felistsText' => 'Third',
					),
				),
				'title_field' => '{{{ felistsText }}}',
				'condition'   => array(
					'fecontent' => 'lists',
				),
			)
		);
		$this->add_control(
			'feButtonText',
			array(
				'label'       => esc_html__( 'Button Text', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXT,
				'dynamic'     => array( 'active' => true ),
				'default'     => esc_html__( 'Read More...', 'essential-classy-addons-for-elementor' ),
				'placeholder' => esc_html__( 'Enter Button Text', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->end_controls_section();

		$this->start_controls_section(
			'backLeftSection',
			array(
				'label' => esc_html__( 'Back Left', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_CONTENT,
			)
		);
		$this->add_control(
			'beLeftTitle',
			array(
				'label'       => esc_html__( 'Title', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXT,
				'dynamic'     => array( 'active' => true ),
				'default'     => esc_html__( 'Left Title', 'essential-classy-addons-for-elementor' ),
				'placeholder' => esc_html__( 'Enter Title', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'beLeftTitleTag',
			array(
				'label'   => esc_html__( 'Title Tag', 'essential-classy-addons-for-elementor' ),
				'type'    => Controls_Manager::SELECT,
				'default' => 'h1',
				'options' => \EcafeHelper::getHtmlTag(),
			)
		);
		$this->add_control(
			'beLeftTitleSeprator',
			array(
				'label'     => esc_html__( 'Seprator', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::SWITCHER,
				'label_on'  => esc_html__( 'Enable', 'essential-classy-addons-for-elementor' ),
				'label_off' => esc_html__( 'Disable', 'essential-classy-addons-for-elementor' ),
				'default'   => 'no',
			)
		);
		$this->add_control(
			'beLeftcontent',
			array(
				'label'   => esc_html__( 'Content', 'essential-classy-addons-for-elementor' ),
				'type'    => Controls_Manager::SELECT,
				'default' => 'editor',
				'options' => array(
					'editor' => esc_html__( 'Editor', 'essential-classy-addons-for-elementor' ),
					'lists'  => esc_html__( 'Lists', 'essential-classy-addons-for-elementor' ),
				),
			)
		);
		$this->add_control(
			'beLeftDesc',
			array(
				'label'       => esc_html__( 'Description', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::WYSIWYG,
				'default'     => esc_html__( 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.', 'essential-classy-addons-for-elementor' ),
				'placeholder' => esc_html__( 'Enter your Description', 'essential-classy-addons-for-elementor' ),
				'dynamic'     => array( 'active' => true ),
				'condition'   => array(
					'beLeftcontent' => 'editor',
				),
			)
		);
		$this->add_control(
			'beLeftlistsDots',
			array(
				'label'     => esc_html__( 'Dot Style', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::SELECT,
				'default'   => 'none',
				'options'   => array(
					'none'                 => esc_html__( 'None', 'essential-classy-addons-for-elementor' ),
					'circle'               => esc_html__( 'Circle', 'essential-classy-addons-for-elementor' ),
					'disc'                 => esc_html__( 'Disc', 'essential-classy-addons-for-elementor' ),
					'armenian'             => esc_html__( 'Armenian', 'essential-classy-addons-for-elementor' ),
					'cjk-ideographic'      => esc_html__( 'Cjk Ideographic', 'essential-classy-addons-for-elementor' ),
					'decimal'              => esc_html__( 'Decimal', 'essential-classy-addons-for-elementor' ),
					'decimal-leading-zero' => esc_html__( 'Decimal Leading Zero', 'essential-classy-addons-for-elementor' ),
					'georgian'             => esc_html__( 'Georgian', 'essential-classy-addons-for-elementor' ),
					'hebrew'               => esc_html__( 'Hebrew', 'essential-classy-addons-for-elementor' ),
					'hiragana'             => esc_html__( 'Hiragana', 'essential-classy-addons-for-elementor' ),
					'hiragana-iroha'       => esc_html__( 'Hiragana Iroha', 'essential-classy-addons-for-elementor' ),
					'katakana'             => esc_html__( 'Katakana', 'essential-classy-addons-for-elementor' ),
					'katakana-iroha'       => esc_html__( 'Katakana Iroha', 'essential-classy-addons-for-elementor' ),
					'lower-alpha'          => esc_html__( 'Lower Alpha', 'essential-classy-addons-for-elementor' ),
					'lower-greek'          => esc_html__( 'Lower Greek', 'essential-classy-addons-for-elementor' ),
					'lower-latin'          => esc_html__( 'Lower Latin', 'essential-classy-addons-for-elementor' ),
					'lower-roman'          => esc_html__( 'Lower Roman', 'essential-classy-addons-for-elementor' ),
					'upper-alpha'          => esc_html__( 'Upper Alpha', 'essential-classy-addons-for-elementor' ),
					'upper-greek'          => esc_html__( 'Upper Greek', 'essential-classy-addons-for-elementor' ),
					'upper-latin'          => esc_html__( 'Upper Latin', 'essential-classy-addons-for-elementor' ),
					'upper-roman'          => esc_html__( 'Upper Roman', 'essential-classy-addons-for-elementor' ),
				),
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-left-desc-lists' => 'list-style : {{VALUE}};',
				),
				'condition' => array(
					'beLeftcontent' => 'lists',
				),
			)
		);
		$repeater = new \Elementor\Repeater();
		$repeater->add_control(
			'beLeftlistsText',
			array(
				'label'       => esc_html__( 'Text', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXT,
				'dynamic'     => array( 'active' => true ),
				'default'     => esc_html__( 'EC', 'essential-classy-addons-for-elementor' ),
				'placeholder' => esc_html__( 'Enter Text', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'beLeftlistsGet',
			array(
				'label'       => esc_html__( 'Lists', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::REPEATER,
				'fields'      => $repeater->get_controls(),
				'default'     => array(
					array(
						'beLeftlistsText' => 'First',
					),
					array(
						'beLeftlistsText' => 'Second',
					),
					array(
						'beLeftlistsText' => 'Third',
					),
				),
				'title_field' => '{{{ beLeftlistsText }}}',
				'condition'   => array(
					'beLeftcontent' => 'lists',
				),
			)
		);
		$this->add_control(
			'beLeftButtonText',
			array(
				'label'       => esc_html__( 'Button Text', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXT,
				'dynamic'     => array( 'active' => true ),
				'default'     => esc_html__( 'Click Here', 'essential-classy-addons-for-elementor' ),
				'placeholder' => esc_html__( 'Enter Text', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'beLeftButtonLink',
			array(
				'label'       => esc_html__( 'Link', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::URL,
				'dynamic'     => array( 'active' => true ),
				'placeholder' => esc_html__( '#', 'essential-classy-addons-for-elementor' ),
				'default'     => array(
					'url' => '#',
				),
			)
		);
		$this->add_control(
			'beLeftButtonLinkBox',
			array(
				'label'     => esc_html__( 'Box Link', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::SWITCHER,
				'label_on'  => esc_html__( 'Enable', 'essential-classy-addons-for-elementor' ),
				'label_off' => esc_html__( 'Disable', 'essential-classy-addons-for-elementor' ),
				'default'   => 'no',
			)
		);
		$this->end_controls_section();

		$this->start_controls_section(
			'backCenterSection',
			array(
				'label' => esc_html__( 'Back Center', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_CONTENT,
			)
		);
		$this->add_control(
			'beCenterTitle',
			array(
				'label'       => esc_html__( 'Title', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXT,
				'dynamic'     => array( 'active' => true ),
				'default'     => esc_html__( 'Center Title', 'essential-classy-addons-for-elementor' ),
				'placeholder' => esc_html__( 'Enter Title', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'beCenterTitleTag',
			array(
				'label'   => esc_html__( 'Title Tag', 'essential-classy-addons-for-elementor' ),
				'type'    => Controls_Manager::SELECT,
				'default' => 'h1',
				'options' => \EcafeHelper::getHtmlTag(),
			)
		);
		$this->add_control(
			'beCenterTitleSeprator',
			array(
				'label'     => esc_html__( 'Seprator', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::SWITCHER,
				'label_on'  => esc_html__( 'Enable', 'essential-classy-addons-for-elementor' ),
				'label_off' => esc_html__( 'Disable', 'essential-classy-addons-for-elementor' ),
				'default'   => 'no',
			)
		);
		$this->add_control(
			'beCentercontent',
			array(
				'label'   => esc_html__( 'Content', 'essential-classy-addons-for-elementor' ),
				'type'    => Controls_Manager::SELECT,
				'default' => 'editor',
				'options' => array(
					'editor' => esc_html__( 'Editor', 'essential-classy-addons-for-elementor' ),
					'lists'  => esc_html__( 'Lists', 'essential-classy-addons-for-elementor' ),
				),
			)
		);
		$this->add_control(
			'beCenterDesc',
			array(
				'label'       => esc_html__( 'Description', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::WYSIWYG,
				'default'     => esc_html__( 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.', 'essential-classy-addons-for-elementor' ),
				'placeholder' => esc_html__( 'Enter your Description', 'essential-classy-addons-for-elementor' ),
				'dynamic'     => array( 'active' => true ),
				'condition'   => array(
					'beCentercontent' => 'editor',
				),
			)
		);
		$this->add_control(
			'beCenterlistsDots',
			array(
				'label'     => esc_html__( 'Dot Style', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::SELECT,
				'default'   => 'none',
				'options'   => array(
					'none'                 => esc_html__( 'None', 'essential-classy-addons-for-elementor' ),
					'circle'               => esc_html__( 'Circle', 'essential-classy-addons-for-elementor' ),
					'disc'                 => esc_html__( 'Disc', 'essential-classy-addons-for-elementor' ),
					'armenian'             => esc_html__( 'Armenian', 'essential-classy-addons-for-elementor' ),
					'cjk-ideographic'      => esc_html__( 'Cjk Ideographic', 'essential-classy-addons-for-elementor' ),
					'decimal'              => esc_html__( 'Decimal', 'essential-classy-addons-for-elementor' ),
					'decimal-leading-zero' => esc_html__( 'Decimal Leading Zero', 'essential-classy-addons-for-elementor' ),
					'georgian'             => esc_html__( 'Georgian', 'essential-classy-addons-for-elementor' ),
					'hebrew'               => esc_html__( 'Hebrew', 'essential-classy-addons-for-elementor' ),
					'hiragana'             => esc_html__( 'Hiragana', 'essential-classy-addons-for-elementor' ),
					'hiragana-iroha'       => esc_html__( 'Hiragana Iroha', 'essential-classy-addons-for-elementor' ),
					'katakana'             => esc_html__( 'Katakana', 'essential-classy-addons-for-elementor' ),
					'katakana-iroha'       => esc_html__( 'Katakana Iroha', 'essential-classy-addons-for-elementor' ),
					'lower-alpha'          => esc_html__( 'Lower Alpha', 'essential-classy-addons-for-elementor' ),
					'lower-greek'          => esc_html__( 'Lower Greek', 'essential-classy-addons-for-elementor' ),
					'lower-latin'          => esc_html__( 'Lower Latin', 'essential-classy-addons-for-elementor' ),
					'lower-roman'          => esc_html__( 'Lower Roman', 'essential-classy-addons-for-elementor' ),
					'upper-alpha'          => esc_html__( 'Upper Alpha', 'essential-classy-addons-for-elementor' ),
					'upper-greek'          => esc_html__( 'Upper Greek', 'essential-classy-addons-for-elementor' ),
					'upper-latin'          => esc_html__( 'Upper Latin', 'essential-classy-addons-for-elementor' ),
					'upper-roman'          => esc_html__( 'Upper Roman', 'essential-classy-addons-for-elementor' ),
				),
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-center-desc-lists' => 'list-style : {{VALUE}};',
				),
				'condition' => array(
					'beCentercontent' => 'lists',
				),
			)
		);
		$repeater = new \Elementor\Repeater();
		$repeater->add_control(
			'beCenterlistsText',
			array(
				'label'       => esc_html__( 'Text', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXT,
				'dynamic'     => array( 'active' => true ),
				'default'     => esc_html__( 'EC', 'essential-classy-addons-for-elementor' ),
				'placeholder' => esc_html__( 'Enter Text', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'beCenterlistsGet',
			array(
				'label'       => esc_html__( 'Lists', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::REPEATER,
				'fields'      => $repeater->get_controls(),
				'default'     => array(
					array(
						'beCenterlistsText' => 'First',
					),
					array(
						'beCenterlistsText' => 'Second',
					),
					array(
						'beCenterlistsText' => 'Third',
					),
				),
				'title_field' => '{{{ beCenterlistsText }}}',
				'condition'   => array(
					'beCentercontent' => 'lists',
				),
			)
		);
		$this->add_control(
			'beCenterButtonText',
			array(
				'label'       => esc_html__( 'Button Text', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXT,
				'dynamic'     => array( 'active' => true ),
				'default'     => esc_html__( 'Click Here', 'essential-classy-addons-for-elementor' ),
				'placeholder' => esc_html__( 'Enter Text', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'beCenterButtonLink',
			array(
				'label'       => esc_html__( 'Link', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::URL,
				'dynamic'     => array( 'active' => true ),
				'placeholder' => esc_html__( '#', 'essential-classy-addons-for-elementor' ),
				'default'     => array(
					'url' => '#',
				),
			)
		);
		$this->add_control(
			'beCenterButtonLinkBox',
			array(
				'label'     => esc_html__( 'Box Link', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::SWITCHER,
				'label_on'  => esc_html__( 'Enable', 'essential-classy-addons-for-elementor' ),
				'label_off' => esc_html__( 'Disable', 'essential-classy-addons-for-elementor' ),
				'default'   => 'no',
			)
		);
		$this->end_controls_section();

		$this->start_controls_section(
			'BackRightSection',
			array(
				'label' => esc_html__( 'Back Right', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_CONTENT,
			)
		);
		$this->add_control(
			'beRightTitle',
			array(
				'label'       => esc_html__( 'Title', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXT,
				'dynamic'     => array( 'active' => true ),
				'default'     => esc_html__( 'Right Title', 'essential-classy-addons-for-elementor' ),
				'placeholder' => esc_html__( 'Enter Title', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'beRightTitleTag',
			array(
				'label'   => esc_html__( 'Title Tag', 'essential-classy-addons-for-elementor' ),
				'type'    => Controls_Manager::SELECT,
				'default' => 'h1',
				'options' => \EcafeHelper::getHtmlTag(),
			)
		);
		$this->add_control(
			'beRightTitleSeprator',
			array(
				'label'     => esc_html__( 'Seprator', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::SWITCHER,
				'label_on'  => esc_html__( 'Enable', 'essential-classy-addons-for-elementor' ),
				'label_off' => esc_html__( 'Disable', 'essential-classy-addons-for-elementor' ),
				'default'   => 'no',
			)
		);
		$this->add_control(
			'beRightcontent',
			array(
				'label'   => esc_html__( 'Content', 'essential-classy-addons-for-elementor' ),
				'type'    => Controls_Manager::SELECT,
				'default' => 'editor',
				'options' => array(
					'editor' => esc_html__( 'Editor', 'essential-classy-addons-for-elementor' ),
					'lists'  => esc_html__( 'Lists', 'essential-classy-addons-for-elementor' ),
				),
			)
		);
		$this->add_control(
			'beRightDesc',
			array(
				'label'       => esc_html__( 'Description', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::WYSIWYG,
				'default'     => esc_html__( 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.', 'essential-classy-addons-for-elementor' ),
				'placeholder' => esc_html__( 'Enter your Description', 'essential-classy-addons-for-elementor' ),
				'dynamic'     => array( 'active' => true ),
				'condition'   => array(
					'beRightcontent' => 'editor',
				),
			)
		);
		$this->add_control(
			'beRightlistsDots',
			array(
				'label'     => esc_html__( 'Dot Style', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::SELECT,
				'default'   => 'none',
				'options'   => array(
					'none'                 => esc_html__( 'None', 'essential-classy-addons-for-elementor' ),
					'circle'               => esc_html__( 'Circle', 'essential-classy-addons-for-elementor' ),
					'disc'                 => esc_html__( 'Disc', 'essential-classy-addons-for-elementor' ),
					'armenian'             => esc_html__( 'Armenian', 'essential-classy-addons-for-elementor' ),
					'cjk-ideographic'      => esc_html__( 'Cjk Ideographic', 'essential-classy-addons-for-elementor' ),
					'decimal'              => esc_html__( 'Decimal', 'essential-classy-addons-for-elementor' ),
					'decimal-leading-zero' => esc_html__( 'Decimal Leading Zero', 'essential-classy-addons-for-elementor' ),
					'georgian'             => esc_html__( 'Georgian', 'essential-classy-addons-for-elementor' ),
					'hebrew'               => esc_html__( 'Hebrew', 'essential-classy-addons-for-elementor' ),
					'hiragana'             => esc_html__( 'Hiragana', 'essential-classy-addons-for-elementor' ),
					'hiragana-iroha'       => esc_html__( 'Hiragana Iroha', 'essential-classy-addons-for-elementor' ),
					'katakana'             => esc_html__( 'Katakana', 'essential-classy-addons-for-elementor' ),
					'katakana-iroha'       => esc_html__( 'Katakana Iroha', 'essential-classy-addons-for-elementor' ),
					'lower-alpha'          => esc_html__( 'Lower Alpha', 'essential-classy-addons-for-elementor' ),
					'lower-greek'          => esc_html__( 'Lower Greek', 'essential-classy-addons-for-elementor' ),
					'lower-latin'          => esc_html__( 'Lower Latin', 'essential-classy-addons-for-elementor' ),
					'lower-roman'          => esc_html__( 'Lower Roman', 'essential-classy-addons-for-elementor' ),
					'upper-alpha'          => esc_html__( 'Upper Alpha', 'essential-classy-addons-for-elementor' ),
					'upper-greek'          => esc_html__( 'Upper Greek', 'essential-classy-addons-for-elementor' ),
					'upper-latin'          => esc_html__( 'Upper Latin', 'essential-classy-addons-for-elementor' ),
					'upper-roman'          => esc_html__( 'Upper Roman', 'essential-classy-addons-for-elementor' ),
				),
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-right-desc-lists' => 'list-style : {{VALUE}};',
				),
				'condition' => array(
					'beRightcontent' => 'lists',
				),
			)
		);
		$repeater = new \Elementor\Repeater();
		$repeater->add_control(
			'beRightlistsText',
			array(
				'label'       => esc_html__( 'Text', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXT,
				'dynamic'     => array( 'active' => true ),
				'default'     => esc_html__( 'EC', 'essential-classy-addons-for-elementor' ),
				'placeholder' => esc_html__( 'Enter Text', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'beRightlistsGet',
			array(
				'label'       => esc_html__( 'Lists', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::REPEATER,
				'fields'      => $repeater->get_controls(),
				'default'     => array(
					array(
						'beRightlistsText' => 'First',
					),
					array(
						'beRightlistsText' => 'Second',
					),
					array(
						'beRightlistsText' => 'Third',
					),
				),
				'title_field' => '{{{ beRightlistsText }}}',
				'condition'   => array(
					'beRightcontent' => 'lists',
				),
			)
		);
		$this->add_control(
			'beRightButtonText',
			array(
				'label'       => esc_html__( 'Button Text', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXT,
				'dynamic'     => array( 'active' => true ),
				'default'     => esc_html__( 'Click Here', 'essential-classy-addons-for-elementor' ),
				'placeholder' => esc_html__( 'Enter Text', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'beRightButtonLink',
			array(
				'label'       => esc_html__( 'Link', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::URL,
				'dynamic'     => array( 'active' => true ),
				'placeholder' => esc_html__( '#', 'essential-classy-addons-for-elementor' ),
				'default'     => array(
					'url' => '#',
				),
			)
		);
		$this->add_control(
			'beRightButtonLinkBox',
			array(
				'label'     => esc_html__( 'Box Link', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::SWITCHER,
				'label_on'  => esc_html__( 'Enable', 'essential-classy-addons-for-elementor' ),
				'label_off' => esc_html__( 'Disable', 'essential-classy-addons-for-elementor' ),
				'default'   => 'no',
			)
		);
		$this->end_controls_section();

		$this->start_controls_section(
			'generalSection',
			array(
				'label' => esc_html__( 'General option', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_CONTENT,
			)
		);
		$this->add_responsive_control(
			'iuHeight',
			array(
				'label'      => esc_html__( 'Height', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::SLIDER,
				'size_units' => array( 'px', '%' ),
				'range'      => array(
					'px' => array(
						'min' => 1,
						'max' => 800,
					),
					'%'  => array(
						'min'  => 1,
						'max'  => 100,
						'step' => 1,
					),
				),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-left,{{WRAPPER}}  .ec-info-unfold-center,{{WRAPPER}}  .ec-info-unfold-right' => 'height:{{SIZE}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'iuBg',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-front,{{WRAPPER}} .ec-info-unfold-back,{{WRAPPER}} .ec-info-unfold-left,{{WRAPPER}} .ec-info-unfold-center,{{WRAPPER}} .ec-info-unfold-right',
			)
		);
		$this->add_responsive_control(
			'iuPadding',
			array(
				'label'      => esc_html__( 'Padding', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'VerticalAlign',
			array(
				'label'     => esc_html__( 'Vertical Alignment', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::CHOOSE,
				'options'   => array(
					'flex-start' => array(
						'title' => esc_html__( 'Left', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-left',
					),
					'center'     => array(
						'title' => esc_html__( 'Center', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-center',
					),
					'flex-end'   => array(
						'title' => esc_html__( 'Right', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-right',
					),
				),
				'default'   => 'center',
				'selectors' => array(
					'{{WRAPPER}} .ec-info-unfold-content' => 'align-items:{{VALUE}};',
				),
			)
		);
		$this->add_responsive_control(
			'horizontalAlign',
			array(
				'label'     => esc_html__( 'Horizontal Alignment', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::CHOOSE,
				'options'   => array(
					'flex-start' => array(
						'title' => esc_html__( 'Left', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-left',
					),
					'center'     => array(
						'title' => esc_html__( 'Center', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-center',
					),
					'flex-end'   => array(
						'title' => esc_html__( 'Right', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-right',
					),
				),
				'default'   => 'center',
				'selectors' => array(
					'{{WRAPPER}} .ec-info-unfold-content' => 'justify-content:{{VALUE}};',
				),
			)
		);
		$this->end_controls_section();

		/*Notice panel*/
		$ecwidgetdemolink = esc_url( 'https://ecaddons.com/elements/info-unfold-card-elementor/' );
		$ecwidgetdoclink  = esc_url( 'https://ecaddons.com/docs/info-unfold-card-widget-tutorial/' );
		include ECAFE_PATH . 'element/widgets/ecafe-widgetpanel-help.php';

		$this->start_controls_section(
			'gTitlesection',
			array(
				'label' => esc_html__( 'Title General', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_STYLE,
			)
		);
		$this->add_responsive_control(
			'gtitlePadding',
			array(
				'label'      => esc_html__( 'Padding', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'gtitleMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'gtitleTypo',
				'selector' => '{{WRAPPER}} .ec-iu-title',
			)
		);
		$this->start_controls_tabs( 'tabsgTitletyle' );
		$this->start_controls_tab(
			'tabgTitleNorm',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'gtitleColorN',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-title' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'gtitleBgN',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-title',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'gtitleBorderN',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-title',
			)
		);
		$this->add_responsive_control(
			'gtitleBrN',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-title' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'gtitleShadowN',
				'selector' => '{{WRAPPER}} .ec-iu-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'gtitleTextShadowN',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'gtitleTextStrokeN',
				'selector' => '{{WRAPPER}} .ec-iu-title',
			)
		);
		$this->add_control(
			'gtitleTransitionN',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-title' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'gtitleTransformN',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-title' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabgTitleHover',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'gtitleColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-title,
					{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-title,
					{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-title' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'gtitleBgH',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-title,
				{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-title,
				{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-title',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'gtitleBorderH',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-title,
				{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-title,
				{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-title',
			)
		);
		$this->add_responsive_control(
			'gtitleBrH',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-title,
					{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-title,
					{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-title' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'gtitleShadowH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-title,
				{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-title,
				{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'gtitleTextShadowH',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-title,
				{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-title,
				{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'gtitleTextStrokeH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-title,
				{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-title,
				{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-title',
			)
		);
		$this->add_control(
			'gtitleTransitionH',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-title,
					{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-title,
					{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-title' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'gtitleTransformH',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-title,
					{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-title,
					{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-title' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'gSepsection',
			array(
				'label' => esc_html__( 'Seprator General', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_STYLE,
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'gSepBorder',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-hr',
			)
		);
		$this->add_responsive_control(
			'gSepBr',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-hr' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'gSepWidth',
			array(
				'label'      => esc_html__( 'Width', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::SLIDER,
				'size_units' => array( 'px', '%' ),
				'range'      => array(
					'px' => array(
						'min' => 1,
						'max' => 500,
					),
					'%'  => array(
						'min'  => 1,
						'max'  => 100,
						'step' => 1,
					),
				),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-hr' => 'width:{{SIZE}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'gSepHWidth',
			array(
				'label'      => esc_html__( 'Hover Width', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::SLIDER,
				'size_units' => array( 'px', '%' ),
				'range'      => array(
					'px' => array(
						'min' => 1,
						'max' => 500,
					),
					'%'  => array(
						'min'  => 1,
						'max'  => 100,
						'step' => 1,
					),
				),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-hr,
				  {{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-hr,
				  {{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-hr,
				  {{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-hr' => 'width:{{SIZE}}{{UNIT}};',
				),
			)
		);
		$this->end_controls_section();

		$this->start_controls_section(
			'gDescsection',
			array(
				'label' => esc_html__( 'Description General', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_STYLE,
			)
		);
		$this->add_responsive_control(
			'gdTextAlign',
			array(
				'label'     => esc_html__( 'Text Alignment', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::CHOOSE,
				'options'   => array(
					'left'    => array(
						'title' => esc_html__( 'Left', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-left',
					),
					'center'  => array(
						'title' => esc_html__( 'Center', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-center',
					),
					'right'   => array(
						'title' => esc_html__( 'Right', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-right',
					),
					'justify' => array(
						'title' => esc_html__( 'Justify', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-h-align-stretch',
					),
				),
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-desc' => 'text-align:{{VALUE}};',
				),
			)
		);
		$this->add_responsive_control(
			'gdescPadding',
			array(
				'label'      => esc_html__( 'Padding', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-desc' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'gdescMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-desc' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'gdescTypo',
				'selector' => '{{WRAPPER}} .ec-iu-desc,{{WRAPPER}} .ec-iu-desc p',
			)
		);
		$this->start_controls_tabs( 'tabsgDesctyle' );
		$this->start_controls_tab(
			'tabgDescNorm',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'gdescColorN',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-desc,{{WRAPPER}} .ec-iu-desc p' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'gdescBgN',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'gdescBorderN',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-desc',
			)
		);
		$this->add_responsive_control(
			'gdescBrN',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-desc' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'gdescShadowN',
				'selector' => '{{WRAPPER}} .ec-iu-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'gdescTextShadowN',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'gdescTextStrokeN',
				'selector' => '{{WRAPPER}} .ec-iu-desc',
			)
		);
		$this->add_control(
			'gdescTransitionN',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-desc' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'gdescTransformN',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-desc' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabgDescHover',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'gdescColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-desc p,{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-desc p,{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-desc p' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'gdescBgH',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'gdescBorderH',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-desc',
			)
		);
		$this->add_responsive_control(
			'gdescBrH',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-desc' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'gdescShadowH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'gdescTextShadowH',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'gdescTextStrokeH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-desc',
			)
		);
		$this->add_control(
			'gdescTransitionH',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-desc' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'gdescTransformH',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-left:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-desc,{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-desc' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'gListssection',
			array(
				'label' => esc_html__( 'Lists General', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_STYLE,
			)
		);
		$this->add_responsive_control(
			'glistMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-desc-lists li' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'glistTypo',
				'selector' => '{{WRAPPER}} .ec-iu-desc-lists li',
			)
		);
		$this->start_controls_tabs( 'tabsglistStyle' );
		$this->start_controls_tab(
			'tabglistN',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'glistColor',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-desc-lists li' => 'color: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabglistH',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'glistColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-desc-lists li:hover' => 'color: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'gButtonsection',
			array(
				'label' => esc_html__( 'Button General', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_STYLE,
			)
		);
		$this->add_responsive_control(
			'gbuttonPadding',
			array(
				'label'      => esc_html__( 'Padding', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'gbuttonMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-button' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'gbuttonTypo',
				'selector' => '{{WRAPPER}} .ec-iu-button',
			)
		);
		$this->start_controls_tabs( 'tabsgButtonStyle' );
		$this->start_controls_tab(
			'tabgButtonN',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'gbuttonColorN',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-button' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'gbuttonBgN',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-button',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'gbuttonBorderN',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-button',
			)
		);
		$this->add_responsive_control(
			'gbuttonBrN',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'gbuttonShadowN',
				'selector' => '{{WRAPPER}} .ec-iu-button',
			)
		);
		$this->add_control(
			'gbuttonTransitionN',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-button' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'gbuttonTransformN',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-button' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabgButtonHover',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'gbuttonColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-button:hover' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'gbuttonBgH',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-button:hover',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'gbuttonBorder',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-button:hover',
			)
		);
		$this->add_responsive_control(
			'gbuttonBr',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-button:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'gbuttonShadowH',
				'selector' => '{{WRAPPER}} .ec-iu-button:hover',
			)
		);
		$this->add_control(
			'gbuttonTransitionH',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-button:hover' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'gbuttonTransformH',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-button:hover' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'closeButtonsection',
			array(
				'label' => esc_html__( 'Close Button', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_STYLE,
			)
		);
		$this->add_responsive_control(
			'cbSize',
			array(
				'label'      => esc_html__( 'Size', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::SLIDER,
				'size_units' => array( 'px', '%' ),
				'range'      => array(
					'px' => array(
						'min' => 1,
						'max' => 150,
					),
					'%'  => array(
						'min'  => 1,
						'max'  => 100,
						'step' => 1,
					),
				),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-close' => 'width:{{SIZE}}{{UNIT}};height:{{SIZE}}{{UNIT}};font-size : calc({{SIZE}}{{UNIT}} - 15{{UNIT}});',
				),
			)
		);
		$this->start_controls_tabs( 'tabsCBStyle' );
		$this->start_controls_tab(
			'tabCbN',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'cbColor',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-info-unfold-close' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'cbBg',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-close',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'cbBorder',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-close',
			)
		);
		$this->add_responsive_control(
			'cbBr',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-close' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'cbShadow',
				'selector' => '{{WRAPPER}} .ec-info-unfold-close',
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabCbH',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'cbColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-info-unfold-close:hover' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'cbBgH',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-close:hover',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'cbBorderH',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-close:hover',
			)
		);
		$this->add_responsive_control(
			'cbBrH',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-close:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'cbShadowH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-close:hover',
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'frontTitlesection',
			array(
				'label' => esc_html__( 'Front Title', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_STYLE,
			)
		);
		$this->add_responsive_control(
			'ftitlePadding',
			array(
				'label'      => esc_html__( 'Padding', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-f-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'ftitleMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-f-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'ftitleTypo',
				'selector' => '{{WRAPPER}} .ec-iu-f-title',
			)
		);
		$this->start_controls_tabs( 'tabsfTitletyle' );
		$this->start_controls_tab(
			'tabfTitleNorm',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'ftitleColorN',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-f-title' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'ftitleBgN',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-f-title',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'ftitleBorderN',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-f-title',
			)
		);
		$this->add_responsive_control(
			'ftitleBrN',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-f-title' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'ftitleShadowN',
				'selector' => '{{WRAPPER}} .ec-iu-f-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'ftitleTextShadowN',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-f-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'ftitleTextStrokeN',
				'selector' => '{{WRAPPER}} .ec-iu-f-title',
			)
		);
		$this->add_control(
			'ftitleTransitionN',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-f-title' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'ftitleTransformN',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-f-title' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabfTitleHover',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'ftitleColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-title' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'ftitleBgH',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-title',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'ftitleBorderH',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-title',
			)
		);
		$this->add_responsive_control(
			'ftitleBrH',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-title' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'ftitleShadowH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'ftitleTextShadowH',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'ftitleTextStrokeH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-title',
			)
		);
		$this->add_control(
			'ftitleTransitionH',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-title' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'ftitleTransformH',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-title' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'frontSepratorsection',
			array(
				'label'     => esc_html__( 'Front Seprator', 'essential-classy-addons-for-elementor' ),
				'tab'       => Controls_Manager::TAB_STYLE,
				'condition' => array(
					'feTitleSeprator' => 'yes',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'fSepBorder',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-front-hr-wrap',
			)
		);
		$this->add_responsive_control(
			'fSepBr',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-front-hr-wrap' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'fSepWidth',
			array(
				'label'      => esc_html__( 'Width', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::SLIDER,
				'size_units' => array( 'px', '%' ),
				'range'      => array(
					'px' => array(
						'min' => 1,
						'max' => 500,
					),
					'%'  => array(
						'min'  => 1,
						'max'  => 100,
						'step' => 1,
					),
				),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-front-hr-wrap' => 'width:{{SIZE}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'fSepHWidth',
			array(
				'label'      => esc_html__( 'Hover Width', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::SLIDER,
				'size_units' => array( 'px', '%' ),
				'range'      => array(
					'px' => array(
						'min' => 1,
						'max' => 500,
					),
					'%'  => array(
						'min'  => 1,
						'max'  => 100,
						'step' => 1,
					),
				),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-hr' => 'width:{{SIZE}}{{UNIT}};',
				),
			)
		);
		$this->end_controls_section();

		$this->start_controls_section(
			'frontDescsection',
			array(
				'label'     => esc_html__( 'Front Description', 'essential-classy-addons-for-elementor' ),
				'tab'       => Controls_Manager::TAB_STYLE,
				'condition' => array(
					'fecontent' => 'editor',
				),
			)
		);
		$this->add_responsive_control(
			'fdTextAlign',
			array(
				'label'     => esc_html__( 'Text Alignment', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::CHOOSE,
				'options'   => array(
					'left'    => array(
						'title' => esc_html__( 'Left', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-left',
					),
					'center'  => array(
						'title' => esc_html__( 'Center', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-center',
					),
					'right'   => array(
						'title' => esc_html__( 'Right', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-right',
					),
					'justify' => array(
						'title' => esc_html__( 'Justify', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-h-align-stretch',
					),
				),
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-f-desc' => 'text-align:{{VALUE}};',
				),
			)
		);
		$this->add_responsive_control(
			'fdescPadding',
			array(
				'label'      => esc_html__( 'Padding', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-f-desc' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'fdescMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-f-desc' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'fdescTypo',
				'selector' => '{{WRAPPER}} .ec-iu-f-desc,{{WRAPPER}} .ec-iu-f-desc p',
			)
		);
		$this->start_controls_tabs( 'tabsfDesctyle' );
		$this->start_controls_tab(
			'tabfDescNorm',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'fdescColorN',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-f-desc,{{WRAPPER}} .ec-iu-f-desc p' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'fdescBgN',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-f-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'fdescBorderN',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-f-desc',
			)
		);
		$this->add_responsive_control(
			'fdescBrN',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-f-desc' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'fdescShadowN',
				'selector' => '{{WRAPPER}} .ec-iu-f-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'fdescTextShadowN',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-f-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'fdescTextStrokeN',
				'selector' => '{{WRAPPER}} .ec-iu-f-desc',
			)
		);
		$this->add_control(
			'fdescTransitionN',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-f-desc' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'fdescTransformN',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-f-desc' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabfDescHover',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'fdescColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-desc,{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-desc p' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'fdescBgH',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'fdescBorderH',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-desc',
			)
		);
		$this->add_responsive_control(
			'fdescBrH',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-desc' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'fdescShadowH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'fdescTextShadowH',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'fdescTextStrokeH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-desc',
			)
		);
		$this->add_control(
			'fdescTransitionH',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-desc' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'fdescTransformH',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-front:hover .ec-iu-f-desc' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'frontListssection',
			array(
				'label'     => esc_html__( 'Front Lists', 'essential-classy-addons-for-elementor' ),
				'tab'       => Controls_Manager::TAB_STYLE,
				'condition' => array(
					'fecontent' => 'lists',
				),
			)
		);
		$this->add_responsive_control(
			'flistMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-f-desc-lists li' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'flistTypo',
				'selector' => '{{WRAPPER}} .ec-iu-f-desc-lists li',
			)
		);
		$this->start_controls_tabs( 'tabsflistStyle' );
		$this->start_controls_tab(
			'tabflistN',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'flistColor',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-f-desc-lists li' => 'color: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabflistH',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'flistColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-f-desc-lists li:hover' => 'color: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'frontButtonsection',
			array(
				'label' => esc_html__( 'Front Button', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_STYLE,
			)
		);
		$this->add_responsive_control(
			'fbuttonPadding',
			array(
				'label'      => esc_html__( 'Padding', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-f-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'fbuttonMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-f-button' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'fbuttonTypo',
				'selector' => '{{WRAPPER}} .ec-iu-f-button',
			)
		);
		$this->start_controls_tabs( 'tabsfButtonStyle' );
		$this->start_controls_tab(
			'tabfButtonN',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'fbuttonColorN',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-f-button' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'fbuttonBgN',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-f-button',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'fbuttonBorderN',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-f-button',
			)
		);
		$this->add_responsive_control(
			'fbuttonBrN',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-f-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'fbuttonShadowN',
				'selector' => '{{WRAPPER}} .ec-iu-f-button',
			)
		);
		$this->add_control(
			'fbuttonTransitionN',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-f-button' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'fbuttonTransformN',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-f-button' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabfButtonHover',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'fbuttonColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-f-button:hover' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'fbuttonBgH',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-f-button:hover',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'fbuttonBorder',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-f-button:hover',
			)
		);
		$this->add_responsive_control(
			'fbuttonBr',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-f-button:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'fbuttonShadowH',
				'selector' => '{{WRAPPER}} .ec-iu-f-button:hover',
			)
		);
		$this->add_control(
			'fbuttonTransitionH',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-f-button:hover' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'fbuttonTransformH',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-f-button:hover' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'bLTitlesection',
			array(
				'label' => esc_html__( 'Back Left Title', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_STYLE,
			)
		);
		$this->add_responsive_control(
			'bltitlePadding',
			array(
				'label'      => esc_html__( 'Padding', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-left-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'bltitleMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-left-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'bltitleTypo',
				'selector' => '{{WRAPPER}} .ec-iu-b-left-title',
			)
		);
		$this->start_controls_tabs( 'tabsbfTitletyle' );
		$this->start_controls_tab(
			'tabblTitleNorm',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'bltitleColorN',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-left-title' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'bltitleBgN',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-left-title',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'bltitleBorderN',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-left-title',
			)
		);
		$this->add_responsive_control(
			'bltitleBrN',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-left-title' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'bltitleShadowN',
				'selector' => '{{WRAPPER}} .ec-iu-b-left-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'bltitleTextShadowN',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-left-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'bltitleTextStrokeN',
				'selector' => '{{WRAPPER}} .ec-iu-b-left-title',
			)
		);
		$this->add_control(
			'bltitleTransitionN',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-left-title' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'bltitleTransformN',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-left-title' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabblTitleHover',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'bltitleColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-b-left-title' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'bltitleBgH',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-b-left-title',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'bltitleBorderH',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-b-left-title',
			)
		);
		$this->add_responsive_control(
			'bltitleBrH',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-b-left-title' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'bltitleShadowH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-b-left-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'bltitleTextShadowH',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-b-left-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'bltitleTextStrokeH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-b-left-title',
			)
		);
		$this->add_control(
			'bltitleTransitionH',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-b-left-title' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'bltitleTransformH',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-b-left-title' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'bLSepsection',
			array(
				'label'     => esc_html__( 'Back Left Seprator', 'essential-classy-addons-for-elementor' ),
				'tab'       => Controls_Manager::TAB_STYLE,
				'condition' => array(
					'beLeftTitleSeprator' => 'yes',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'blSepBorder',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-back-left-hr-wrap',
			)
		);
		$this->add_responsive_control(
			'blSepBr',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-back-left-hr-wrap' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'blSepWidth',
			array(
				'label'      => esc_html__( 'Width', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::SLIDER,
				'size_units' => array( 'px', '%' ),
				'range'      => array(
					'px' => array(
						'min' => 1,
						'max' => 500,
					),
					'%'  => array(
						'min'  => 1,
						'max'  => 100,
						'step' => 1,
					),
				),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-back-left-hr-wrap' => 'width:{{SIZE}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'blSepHWidth',
			array(
				'label'      => esc_html__( 'Hover Width', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::SLIDER,
				'size_units' => array( 'px', '%' ),
				'range'      => array(
					'px' => array(
						'min' => 1,
						'max' => 500,
					),
					'%'  => array(
						'min'  => 1,
						'max'  => 100,
						'step' => 1,
					),
				),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-hr' => 'width:{{SIZE}}{{UNIT}};',
				),
			)
		);
		$this->end_controls_section();

		$this->start_controls_section(
			'bLDescsection',
			array(
				'label'     => esc_html__( 'Back Left Description', 'essential-classy-addons-for-elementor' ),
				'tab'       => Controls_Manager::TAB_STYLE,
				'condition' => array(
					'beLeftcontent' => 'editor',
				),
			)
		);
		$this->add_responsive_control(
			'bldTextAlign',
			array(
				'label'     => esc_html__( 'Text Alignment', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::CHOOSE,
				'options'   => array(
					'left'    => array(
						'title' => esc_html__( 'Left', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-left',
					),
					'center'  => array(
						'title' => esc_html__( 'Center', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-center',
					),
					'right'   => array(
						'title' => esc_html__( 'Right', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-right',
					),
					'justify' => array(
						'title' => esc_html__( 'Justify', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-h-align-stretch',
					),
				),
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-left-desc-lists' => 'text-align:{{VALUE}};',
				),
			)
		);
		$this->add_responsive_control(
			'bldescPadding',
			array(
				'label'      => esc_html__( 'Padding', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-left-desc-lists' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'bldescMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-left-desc-lists' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'bldescTypo',
				'selector' => '{{WRAPPER}} .ec-iu-b-left-desc-lists,{{WRAPPER}} .ec-iu-b-left-desc-lists p',
			)
		);
		$this->start_controls_tabs( 'tabsblDesctyle' );
		$this->start_controls_tab(
			'tabblDescNorm',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'bldescColorN',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-left-desc-lists' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'bldescBgN',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-left-desc-lists',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'bldescBorderN',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-left-desc-lists',
			)
		);
		$this->add_responsive_control(
			'bldescBrN',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-left-desc-lists' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'bldescShadowN',
				'selector' => '{{WRAPPER}} .ec-iu-b-left-desc-lists',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'bldescTextShadowN',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-left-desc-lists',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'bldescTextStrokeN',
				'selector' => '{{WRAPPER}} .ec-iu-b-left-desc-lists',
			)
		);
		$this->add_control(
			'bldescTransitionN',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-left-desc-lists' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'bldescTransformN',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-left-desc-lists' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabblDescHover',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'bldescColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-b-left-desc-lists' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'bldescBgH',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-b-left-desc-lists',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'bldescBorderH',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-b-left-desc-lists',
			)
		);
		$this->add_responsive_control(
			'bldescBrH',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-b-left-desc-lists' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'bldescShadowH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-b-left-desc-lists',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'bldescTextShadowH',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-b-left-desc-lists',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'bldescTextStrokeH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-b-left-desc-lists',
			)
		);
		$this->add_control(
			'bldescTransitionH',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-b-left-desc-lists' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'bldescTransformH',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-back:hover .ec-iu-b-left-desc-lists' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'bLListssection',
			array(
				'label'     => esc_html__( 'Back Left Lists', 'essential-classy-addons-for-elementor' ),
				'tab'       => Controls_Manager::TAB_STYLE,
				'condition' => array(
					'beLeftcontent' => 'lists',
				),
			)
		);
		$this->add_responsive_control(
			'bllistMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-left-desc-lists li' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'bllistTypo',
				'selector' => '{{WRAPPER}} .ec-iu-b-left-desc-lists li',
			)
		);
		$this->start_controls_tabs( 'tabsbllistStyle' );
		$this->start_controls_tab(
			'tabbllistN',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'bllistColor',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-left-desc-lists li' => 'color: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabbllistH',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'bllistColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-left-desc-lists li:hover' => 'color: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'bLButtonsection',
			array(
				'label' => esc_html__( 'Back Left Button', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_STYLE,
			)
		);
		$this->add_responsive_control(
			'blbuttonPadding',
			array(
				'label'      => esc_html__( 'Padding', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-left-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'blbuttonMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-left-button' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'blbuttonTypo',
				'selector' => '{{WRAPPER}} .ec-iu-b-left-button',
			)
		);
		$this->start_controls_tabs( 'tabsblButtonStyle' );
		$this->start_controls_tab(
			'tabblButtonN',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'blbuttonColorN',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-left-button' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'blbuttonBgN',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-left-button',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'blbuttonBorderN',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-left-button',
			)
		);
		$this->add_responsive_control(
			'blbuttonBrN',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-left-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'blbuttonShadowN',
				'selector' => '{{WRAPPER}} .ec-iu-b-left-button',
			)
		);
		$this->add_control(
			'blbuttonTransitionN',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-left-button' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'blbuttonTransformN',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-left-button' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabblButtonHover',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'blbuttonColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-left-button' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'blbuttonBgH',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-left-button',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'blbuttonBorder',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-left-button',
			)
		);
		$this->add_responsive_control(
			'blbuttonBr',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-left-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'blbuttonShadowH',
				'selector' => '{{WRAPPER}} .ec-iu-b-left-button',
			)
		);
		$this->add_control(
			'blbuttonTransitionH',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-left-button' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'blbuttonTransformH',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-left-button' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'bCTitlesection',
			array(
				'label' => esc_html__( 'Back Center Title', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_STYLE,
			)
		);
		$this->add_responsive_control(
			'bctitlePadding',
			array(
				'label'      => esc_html__( 'Padding', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-center-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'bctitleMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-center-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'bctitleTypo',
				'selector' => '{{WRAPPER}} .ec-iu-b-center-title',
			)
		);
		$this->start_controls_tabs( 'tabsbcTitletyle' );
		$this->start_controls_tab(
			'tabbcTitleNorm',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'bctitleColorN',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-center-title' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'bctitleBgN',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-center-title',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'bctitleBorderN',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-center-title',
			)
		);
		$this->add_responsive_control(
			'bctitleBrN',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-center-title' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'bctitleShadowN',
				'selector' => '{{WRAPPER}} .ec-iu-b-center-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'bctitleTextShadowN',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-center-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'bctitleTextStrokeN',
				'selector' => '{{WRAPPER}} .ec-iu-b-center-title',
			)
		);
		$this->add_control(
			'bctitleTransitionN',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-center-title' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'bctitleTransformN',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-center-title' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabbcTitleHover',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'bctitleColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-b-center-title' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'bctitleBgH',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-b-center-title',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'bctitleBorderH',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-b-center-title',
			)
		);
		$this->add_responsive_control(
			'bctitleBrH',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-b-center-title' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'bctitleShadowH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-b-center-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'bctitleTextShadowH',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-b-center-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'bctitleTextStrokeH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-b-center-title',
			)
		);
		$this->add_control(
			'bctitleTransitionH',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-b-center-title' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'bctitleTransformH',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-b-center-title' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'bCSepsection',
			array(
				'label'     => esc_html__( 'Back Center Seprator', 'essential-classy-addons-for-elementor' ),
				'tab'       => Controls_Manager::TAB_STYLE,
				'condition' => array(
					'beCenterTitleSeprator' => 'yes',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'bcSepBorder',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-back-center-hr-wrap',
			)
		);
		$this->add_responsive_control(
			'bcSepBr',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-back-center-hr-wrap' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'bcSepWidth',
			array(
				'label'      => esc_html__( 'Width', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::SLIDER,
				'size_units' => array( 'px', '%' ),
				'range'      => array(
					'px' => array(
						'min' => 1,
						'max' => 500,
					),
					'%'  => array(
						'min'  => 1,
						'max'  => 100,
						'step' => 1,
					),
				),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-back-center-hr-wrap' => 'width:{{SIZE}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'bcSepHWidth',
			array(
				'label'      => esc_html__( 'Hover Width', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::SLIDER,
				'size_units' => array( 'px', '%' ),
				'range'      => array(
					'px' => array(
						'min' => 1,
						'max' => 500,
					),
					'%'  => array(
						'min'  => 1,
						'max'  => 100,
						'step' => 1,
					),
				),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-hr' => 'width:{{SIZE}}{{UNIT}};',
				),
			)
		);
		$this->end_controls_section();

		$this->start_controls_section(
			'bCDescsection',
			array(
				'label'     => esc_html__( 'Back Center Description', 'essential-classy-addons-for-elementor' ),
				'tab'       => Controls_Manager::TAB_STYLE,
				'condition' => array(
					'beCentercontent' => 'editor',
				),
			)
		);
		$this->add_responsive_control(
			'bcdTextAlign',
			array(
				'label'     => esc_html__( 'Text Alignment', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::CHOOSE,
				'options'   => array(
					'left'    => array(
						'title' => esc_html__( 'Left', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-left',
					),
					'center'  => array(
						'title' => esc_html__( 'Center', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-center',
					),
					'right'   => array(
						'title' => esc_html__( 'Right', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-right',
					),
					'justify' => array(
						'title' => esc_html__( 'Justify', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-h-align-stretch',
					),
				),
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-center-desc' => 'text-align:{{VALUE}};',
				),
			)
		);
		$this->add_responsive_control(
			'bcdescPadding',
			array(
				'label'      => esc_html__( 'Padding', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-center-desc' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'bcdescMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-center-desc' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'bcdescTypo',
				'selector' => '{{WRAPPER}} .ec-iu-b-center-desc,{{WRAPPER}} .ec-iu-b-center-desc p',
			)
		);
		$this->start_controls_tabs( 'tabsbcDesctyle' );
		$this->start_controls_tab(
			'tabbcDescNorm',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'bcdescColorN',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-center-desc' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'bcdescBgN',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-center-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'bcdescBorderN',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-center-desc',
			)
		);
		$this->add_responsive_control(
			'bcdescBrN',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-center-desc' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'bcdescShadowN',
				'selector' => '{{WRAPPER}} .ec-iu-b-center-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'bcdescTextShadowN',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-center-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'bcdescTextStrokeN',
				'selector' => '{{WRAPPER}} .ec-iu-b-center-desc',
			)
		);
		$this->add_control(
			'bcdescTransitionN',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-center-desc' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'bcdescTransformN',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-center-desc' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabbcDescHover',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'bcdescColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-b-center-desc' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'bcdescBgH',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-b-center-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'bcdescBorderH',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-b-center-desc',
			)
		);
		$this->add_responsive_control(
			'bcdescBrH',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-b-center-desc' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'bcdescShadowH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-b-center-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'bcdescTextShadowH',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-b-center-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'bcdescTextStrokeH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-b-center-desc',
			)
		);
		$this->add_control(
			'bcdescTransitionH',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-b-center-desc' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'bcdescTransformH',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-center:hover .ec-iu-b-center-desc' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'bCListssection',
			array(
				'label'     => esc_html__( 'Back Center Lists', 'essential-classy-addons-for-elementor' ),
				'tab'       => Controls_Manager::TAB_STYLE,
				'condition' => array(
					'beCentercontent' => 'lists',
				),
			)
		);
		$this->add_responsive_control(
			'bclistMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-center-desc-lists li' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'bclistTypo',
				'selector' => '{{WRAPPER}} .ec-iu-b-center-desc-lists li',
			)
		);
		$this->start_controls_tabs( 'tabsbclistStyle' );
		$this->start_controls_tab(
			'tabbclistN',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'bclistColor',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-center-desc-lists li' => 'color: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabbclistH',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'bclistColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-center-desc-lists li' => 'color: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'bCButtonsection',
			array(
				'label' => esc_html__( 'Back Center Button', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_STYLE,
			)
		);
		$this->add_responsive_control(
			'bcbuttonPadding',
			array(
				'label'      => esc_html__( 'Padding', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-center-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'bcbuttonMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-center-button' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'bcbuttonTypo',
				'selector' => '{{WRAPPER}} .ec-iu-b-center-button',
			)
		);
		$this->start_controls_tabs( 'tabsbcButtonStyle' );
		$this->start_controls_tab(
			'tabbcButtonN',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'bcbuttonColorN',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-center-button' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'bcbuttonBgN',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-center-button',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'bcbuttonBorderN',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-center-button',
			)
		);
		$this->add_responsive_control(
			'bcbuttonBrN',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-center-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'bcbuttonShadowN',
				'selector' => '{{WRAPPER}} .ec-iu-b-center-button',
			)
		);
		$this->add_control(
			'bcbuttonTransitionN',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-center-button' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'bcbuttonTransformN',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-center-button' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabbcButtonHover',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'bcbuttonColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-center-button:hover' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'bcbuttonBgH',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-center-button:hover',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'bcbuttonBorder',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-center-button:hover',
			)
		);
		$this->add_responsive_control(
			'bcbuttonBr',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-center-button:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'bcbuttonShadowH',
				'selector' => '{{WRAPPER}} .ec-iu-b-center-button:hover',
			)
		);
		$this->add_control(
			'bcbuttonTransitionH',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-center-button:hover' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'bcbuttonTransformH',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-center-button:hover' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'bRTitlesection',
			array(
				'label' => esc_html__( 'Back Right Title', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_STYLE,
			)
		);
		$this->add_responsive_control(
			'brtitlePadding',
			array(
				'label'      => esc_html__( 'Padding', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-right-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'brtitleMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-right-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'brtitleTypo',
				'selector' => '{{WRAPPER}} .ec-iu-b-right-title',
			)
		);
		$this->start_controls_tabs( 'tabsbrTitletyle' );
		$this->start_controls_tab(
			'tabbrTitleNorm',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'brtitleColorN',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-right-title' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'brtitleBgN',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-right-title',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'brtitleBorderN',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-right-title',
			)
		);
		$this->add_responsive_control(
			'brtitleBrN',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-right-title' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'brtitleShadowN',
				'selector' => '{{WRAPPER}} .ec-iu-b-right-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'brtitleTextShadowN',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-right-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'brtitleTextStrokeN',
				'selector' => '{{WRAPPER}} .ec-iu-b-right-title',
			)
		);
		$this->add_control(
			'brtitleTransitionN',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-right-title' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'brtitleTransformN',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-right-title' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabbrTitleHover',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'brtitleColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-info-unfold-right .ec-iu-b-right-title' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'brtitleBgH',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-right .ec-iu-b-right-title',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'brtitleBorderH',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-right .ec-iu-b-right-title',
			)
		);
		$this->add_responsive_control(
			'brtitleBrH',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-right .ec-iu-b-right-title' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'brtitleShadowH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-right .ec-iu-b-right-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'brtitleTextShadowH',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-right .ec-iu-b-right-title',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'brtitleTextStrokeH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-right .ec-iu-b-right-title',
			)
		);
		$this->add_control(
			'brtitleTransitionH',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-right .ec-iu-b-right-title' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'brtitleTransformH',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-right .ec-iu-b-right-title' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'bRSepsection',
			array(
				'label'     => esc_html__( 'Back Right Seprator', 'essential-classy-addons-for-elementor' ),
				'tab'       => Controls_Manager::TAB_STYLE,
				'condition' => array(
					'beRightTitleSeprator' => 'yes',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'brSepBorder',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-back-right-hr-wrap',
			)
		);
		$this->add_responsive_control(
			'brSepBr',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-back-right-hr-wrap' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'brSepWidth',
			array(
				'label'      => esc_html__( 'Width', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::SLIDER,
				'size_units' => array( 'px', '%' ),
				'range'      => array(
					'px' => array(
						'min' => 1,
						'max' => 500,
					),
					'%'  => array(
						'min'  => 1,
						'max'  => 100,
						'step' => 1,
					),
				),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-back-right-hr-wrap' => 'width:{{SIZE}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'brSepHWidth',
			array(
				'label'      => esc_html__( 'Hover Width', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::SLIDER,
				'size_units' => array( 'px', '%' ),
				'range'      => array(
					'px' => array(
						'min' => 1,
						'max' => 500,
					),
					'%'  => array(
						'min'  => 1,
						'max'  => 100,
						'step' => 1,
					),
				),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-hr' => 'width:{{SIZE}}{{UNIT}};',
				),
			)
		);
		$this->end_controls_section();

		$this->start_controls_section(
			'bRDescsection',
			array(
				'label'     => esc_html__( 'Back Right Description', 'essential-classy-addons-for-elementor' ),
				'tab'       => Controls_Manager::TAB_STYLE,
				'condition' => array(
					'beRightcontent' => 'editor',
				),
			)
		);
		$this->add_responsive_control(
			'brdTextAlign',
			array(
				'label'     => esc_html__( 'Text Alignment', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::CHOOSE,
				'options'   => array(
					'left'    => array(
						'title' => esc_html__( 'Left', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-left',
					),
					'center'  => array(
						'title' => esc_html__( 'Center', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-center',
					),
					'right'   => array(
						'title' => esc_html__( 'Right', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-text-align-right',
					),
					'justify' => array(
						'title' => esc_html__( 'Justify', 'essential-classy-addons-for-elementor' ),
						'icon'  => 'eicon-h-align-stretch',
					),
				),
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-right-desc' => 'text-align:{{VALUE}};',
				),
			)
		);
		$this->add_responsive_control(
			'brdescPadding',
			array(
				'label'      => esc_html__( 'Padding', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-right-desc' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'brdescMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-right-desc' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'brdescTypo',
				'selector' => '{{WRAPPER}} .ec-iu-b-right-desc,{{WRAPPER}} .ec-iu-b-right-desc p',
			)
		);
		$this->start_controls_tabs( 'tabsbrDesctyle' );
		$this->start_controls_tab(
			'tabbrDescNorm',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'brdescColorN',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-right-desc' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'brdescBgN',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-right-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'brdescBorderN',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-right-desc',
			)
		);
		$this->add_responsive_control(
			'brdescBrN',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-right-desc' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'brdescShadowN',
				'selector' => '{{WRAPPER}} .ec-iu-b-right-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'brdescTextShadowN',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-right-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'brdescTextStrokeN',
				'selector' => '{{WRAPPER}} .ec-iu-b-right-desc',
			)
		);
		$this->add_control(
			'brdescTransitionN',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-right-desc' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'brdescTransformN',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-right-desc' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabbrDescHover',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'brdescColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-b-right-desc' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'brdescBgH',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-b-right-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'brdescBorderH',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-b-right-desc',
			)
		);
		$this->add_responsive_control(
			'brdescBrH',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-b-right-desc' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'brdescShadowH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-b-right-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Shadow::get_type(),
			array(
				'name'     => 'brdescTextShadowH',
				'label'    => esc_html__( 'Text Shadow', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-b-right-desc',
			)
		);
		$this->add_group_control(
			Group_Control_Text_Stroke::get_type(),
			array(
				'name'     => 'brdescTextStrokeH',
				'selector' => '{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-b-right-desc',
			)
		);
		$this->add_control(
			'brdescTransitionH',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-b-right-desc' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'brdescTransformH',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-info-unfold-right:hover .ec-iu-b-right-desc' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'bRListssection',
			array(
				'label'     => esc_html__( 'Back Right Lists', 'essential-classy-addons-for-elementor' ),
				'tab'       => Controls_Manager::TAB_STYLE,
				'condition' => array(
					'beRightcontent' => 'lists',
				),
			)
		);
		$this->add_responsive_control(
			'brlistMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-right-desc-lists li' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'brlistTypo',
				'selector' => '{{WRAPPER}} .ec-iu-b-right-desc-lists li',
			)
		);
		$this->start_controls_tabs( 'tabsbrlistStyle' );
		$this->start_controls_tab(
			'tabbrlistN',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'brlistColor',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-right-desc-lists li' => 'color: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabbrlistH',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'brlistColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-right-desc-lists li' => 'color: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();

		$this->start_controls_section(
			'bRButtonsection',
			array(
				'label' => esc_html__( 'Back Right Button', 'essential-classy-addons-for-elementor' ),
				'tab'   => Controls_Manager::TAB_STYLE,
			)
		);
		$this->add_responsive_control(
			'brbuttonPadding',
			array(
				'label'      => esc_html__( 'Padding', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-right-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_responsive_control(
			'brbuttonMargin',
			array(
				'label'      => esc_html__( 'Margin', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%', 'em' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-right-button' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Typography::get_type(),
			array(
				'name'     => 'brbuttonTypo',
				'selector' => '{{WRAPPER}} .ec-iu-b-right-button',
			)
		);
		$this->start_controls_tabs( 'tabsbrButtonStyle' );
		$this->start_controls_tab(
			'tabbrButtonN',
			array(
				'label' => esc_html__( 'Normal', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'brbuttonColorN',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-right-button' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'brbuttonBgN',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-right-button',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'brbuttonBorderN',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-right-button',
			)
		);
		$this->add_responsive_control(
			'brbuttonBrN',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-right-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'brbuttonShadowN',
				'selector' => '{{WRAPPER}} .ec-iu-b-right-button',
			)
		);
		$this->add_control(
			'brbuttonTransitionN',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-right-button' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'brbuttonTransformN',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-right-button' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->start_controls_tab(
			'tabbrButtonHover',
			array(
				'label' => esc_html__( 'Hover', 'essential-classy-addons-for-elementor' ),
			)
		);
		$this->add_control(
			'brbuttonColorH',
			array(
				'label'     => esc_html__( 'Color', 'essential-classy-addons-for-elementor' ),
				'type'      => Controls_Manager::COLOR,
				'selectors' => array(
					'{{WRAPPER}} .ec-iu-b-right-button:hover' => 'color: {{VALUE}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Background::get_type(),
			array(
				'name'     => 'brbuttonBgH',
				'types'    => array( 'classic', 'gradient' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-right-button:hover',
			)
		);
		$this->add_group_control(
			Group_Control_Border::get_type(),
			array(
				'name'     => 'brbuttonBorder',
				'label'    => esc_html__( 'Border', 'essential-classy-addons-for-elementor' ),
				'selector' => '{{WRAPPER}} .ec-iu-b-right-button:hover',
			)
		);
		$this->add_responsive_control(
			'brbuttonBr',
			array(
				'label'      => esc_html__( 'Border Radius', 'essential-classy-addons-for-elementor' ),
				'type'       => Controls_Manager::DIMENSIONS,
				'size_units' => array( 'px', '%' ),
				'selectors'  => array(
					'{{WRAPPER}} .ec-iu-b-right-button:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
				),
			)
		);
		$this->add_group_control(
			Group_Control_Box_Shadow::get_type(),
			array(
				'name'     => 'brbuttonShadowH',
				'selector' => '{{WRAPPER}} .ec-iu-b-right-button:hover',
			)
		);
		$this->add_control(
			'brbuttonTransitionH',
			array(
				'label'       => esc_html__( 'Transition css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'all .3s linear', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-right-button:hover' => 'transition:{{VALUE}};',
				),
			)
		);
		$this->add_control(
			'brbuttonTransformH',
			array(
				'label'       => esc_html__( 'Transform css', 'essential-classy-addons-for-elementor' ),
				'type'        => Controls_Manager::TEXTAREA,
				'placeholder' => esc_html__( 'skew(-20deg)', 'essential-classy-addons-for-elementor' ),
				'selectors'   => array(
					'{{WRAPPER}} .ec-iu-b-right-button:hover' => 'transform: {{VALUE}};-ms-transform: {{VALUE}};-moz-transform: {{VALUE}};-webkit-transform: {{VALUE}};',
				),
			)
		);
		$this->end_controls_tab();
		$this->end_controls_tabs();
		$this->end_controls_section();
	}

	protected function render() {
		$settings  = $this->get_settings_for_display();
		$feTitleOP = $beLeftTitleOP = $beCenterTitleOP = $beRightTitleOP = $feDescOP = $beLeftDescOP = $beCenterDescOP = $beRightDescOP = $beLeftButtonLinkTarget = $beLeftButtonLinkNoFollow = $beLeftButtonOP = $beCenterButtonLinkTarget = $beCenterButtonLinkNoFollow = $beCenterButtonOP = $beRightButtonLinkTarget = $beRightButtonLinkNoFollow = $beRightButtonOP = $feButtonOP = '';

		$feTitle    = ! empty( $settings['feTitle'] ) ? $settings['feTitle'] : '';
		$feTitleTag = ! empty( $settings['feTitleTag'] ) ? $settings['feTitleTag'] : 'h1';
		if ( ! empty( $feTitle ) ) {
			$feTitleOP = '<' . \EcafeHelper::check_and_validate_html_tag( $feTitleTag ) . ' class="ec-iu-f-title ec-iu-title">' . esc_html( $feTitle ) . '</' . \EcafeHelper::check_and_validate_html_tag( $feTitleTag ) . '>';
		}
		$feTitleSeprator = isset( $settings['feTitleSeprator'] ) ? $settings['feTitleSeprator'] : '';
		$fecontent       = ! empty( $settings['fecontent'] ) ? $settings['fecontent'] : 'editor';
		if ( ! empty( $fecontent ) ) {
			if ( $fecontent == 'editor' ) {
				$feDesc = ! empty( $settings['feDesc'] ) ? $settings['feDesc'] : '';
				if ( ! empty( $feDesc ) ) {
					$feDescOP = '<div class="ec-iu-f-desc ec-iu-desc">' . wp_kses_post( $feDesc ) . '</div>';
				}
			} elseif ( $fecontent == 'lists' ) {
				$index    = 0;
				$feDescOP = '<ul class="ec-iu-f-desc-lists ec-iu-desc-lists">';
				foreach ( $settings['felistsGet'] as $index => $item ) {
					$feDescOP .= '<li class="ec-iu-f-desc-list">';
					if ( ! empty( $item['felistsText'] ) ) {
						$feDescOP .= '<span class="ec-iu-f-desc-list-text">' . esc_attr( $item['felistsText'] ) . '</span>';
					}
					++$index;
					$feDescOP .= '</li>';
				}
				$feDescOP .= '</ul>';
			}
		}

		$feButtonText = ! empty( $settings['feButtonText'] ) ? $settings['feButtonText'] : 'Read More...';
		if ( ! empty( $feButtonText ) ) {
			$feButtonOP = '<div class="ec-iu-f-button ec-iu-button">' . esc_attr( $feButtonText ) . '</div>';
		}
		$beLeftTitle    = ! empty( $settings['beLeftTitle'] ) ? $settings['beLeftTitle'] : '';
		$beLeftTitleTag = ! empty( $settings['beLeftTitleTag'] ) ? $settings['beLeftTitleTag'] : 'h1';
		if ( ! empty( $beLeftTitle ) ) {
			$beLeftTitleOP = '<' . \EcafeHelper::check_and_validate_html_tag( $beLeftTitleTag ) . ' class="ec-iu-b-left-title ec-iu-title">' . esc_html( $beLeftTitle ) . '</' . \EcafeHelper::check_and_validate_html_tag( $beLeftTitleTag ) . '>';
		}
		$beLeftTitleSeprator = isset( $settings['beLeftTitleSeprator'] ) ? $settings['beLeftTitleSeprator'] : '';
		$beLeftcontent       = ! empty( $settings['beLeftcontent'] ) ? $settings['beLeftcontent'] : 'editor';
		if ( ! empty( $beLeftcontent ) ) {
			if ( $beLeftcontent == 'editor' ) {
				$beLeftDesc = ! empty( $settings['beLeftDesc'] ) ? $settings['beLeftDesc'] : '';
				if ( ! empty( $beLeftDesc ) ) {
					$beLeftDescOP = '<div class="ec-iu-b-left-desc ec-iu-desc">' . wp_kses_post( $beLeftDesc ) . '</div>';
				}
			} elseif ( $beLeftcontent == 'lists' ) {
				$indexleft    = 0;
				$beLeftDescOP = '<ul class="ec-iu-b-left-desc-lists ec-iu-desc-lists">';
				foreach ( $settings['beLeftlistsGet'] as $indexleft => $item ) {
					$beLeftDescOP .= '<li class="ec-iu-b-left-desc-list">';
					if ( ! empty( $item['beLeftlistsText'] ) ) {
						$beLeftDescOP .= '<span class="ec-iu-b-left-desc-list-text">' . esc_attr( $item['beLeftlistsText'] ) . '</span>';
					}
					++$indexleft;
					$beLeftDescOP .= '</li>';
				}
				$beLeftDescOP .= '</ul>';
			}
		}
		$beLeftButtonText    = ! empty( $settings['beLeftButtonText'] ) ? $settings['beLeftButtonText'] : '';
		$beLeftButtonLink    = ! empty( $settings['beLeftButtonLink']['url'] ) ? esc_url( $settings['beLeftButtonLink']['url'] ) : '';
		$beLeftButtonLinkBox = isset( $settings['beLeftButtonLinkBox'] ) ? $settings['beLeftButtonLinkBox'] : '';
		if ( ! empty( $beLeftButtonLink ) ) {
			$beLeftButtonLinkTarget   = $settings['beLeftButtonLink']['is_external'] ? ' target="_blank"' : '';
			$beLeftButtonLinkNoFollow = $settings['beLeftButtonLink']['nofollow'] ? ' rel="nofollow"' : '';
		}
		if ( ! empty( $beLeftButtonText ) ) {
			if ( isset( $beLeftButtonLinkBox ) && $beLeftButtonLinkBox == 'yes' ) {
				$beLeftButtonOP = '<div class="ec-iu-b-left-button ec-iu-button">' . esc_html( $beLeftButtonText ) . '</div>';
			} else {
				$beLeftButtonOP = '<a class="ec-iu-b-left-button ec-iu-button" href="' . $beLeftButtonLink . '"' . $beLeftButtonLinkTarget . $beLeftButtonLinkNoFollow . '>' . esc_html( $beLeftButtonText ) . '</a>';
			}
		}

		$beCenterTitle    = ! empty( $settings['beCenterTitle'] ) ? $settings['beCenterTitle'] : '';
		$beCenterTitleTag = ! empty( $settings['beCenterTitleTag'] ) ? $settings['beCenterTitleTag'] : 'h1';
		if ( ! empty( $beCenterTitle ) ) {
			$beCenterTitleOP = '<' . \EcafeHelper::check_and_validate_html_tag( $beCenterTitleTag ) . ' class="ec-iu-b-center-title ec-iu-title">' . esc_html( $beCenterTitle ) . '</' . \EcafeHelper::check_and_validate_html_tag( $beCenterTitleTag ) . '>';
		}
		$beCenterTitleSeprator = isset( $settings['beCenterTitleSeprator'] ) ? $settings['beCenterTitleSeprator'] : '';
		$beCentercontent       = ! empty( $settings['beCentercontent'] ) ? $settings['beCentercontent'] : 'editor';
		if ( ! empty( $beCentercontent ) ) {
			if ( $beCentercontent == 'editor' ) {
				$beCenterDesc = ! empty( $settings['beCenterDesc'] ) ? $settings['beCenterDesc'] : '';
				if ( ! empty( $beCenterDesc ) ) {
					$beCenterDescOP = '<div class="ec-iu-b-center-desc ec-iu-desc">' . wp_kses_post( $beCenterDesc ) . '</div>';
				}
			} elseif ( $beCentercontent == 'lists' ) {
				$indexcenter    = 0;
				$beCenterDescOP = '<ul class="ec-iu-b-center-desc-lists ec-iu-desc-lists">';
				foreach ( $settings['beCenterlistsGet'] as $indexcenter => $item ) {
					$beCenterDescOP .= '<li class="ec-iu-b-center-desc-list">';
					if ( ! empty( $item['beCenterlistsText'] ) ) {
						$beCenterDescOP .= '<span class="ec-iu-b-center-desc-list-text">' . esc_attr( $item['beCenterlistsText'] ) . '</span>';
					}
					++$indexcenter;
					$beCenterDescOP .= '</li>';
				}
				$beCenterDescOP .= '</ul>';
			}
		}
		$beCenterButtonText    = ! empty( $settings['beCenterButtonText'] ) ? $settings['beCenterButtonText'] : '';
		$beCenterButtonLink    = ! empty( $settings['beCenterButtonLink']['url'] ) ? esc_url( $settings['beCenterButtonLink']['url'] ) : '';
		$beCenterButtonLinkBox = isset( $settings['beCenterButtonLinkBox'] ) ? $settings['beCenterButtonLinkBox'] : '';
		if ( ! empty( $beCenterButtonLink ) ) {
			$beCenterButtonLinkTarget   = $settings['beCenterButtonLink']['is_external'] ? ' target="_blank"' : '';
			$beCenterButtonLinkNoFollow = $settings['beCenterButtonLink']['nofollow'] ? ' rel="nofollow"' : '';
		}
		if ( ! empty( $beCenterButtonText ) ) {
			if ( isset( $beCenterButtonLinkBox ) && $beCenterButtonLinkBox == 'yes' ) {
				$beCenterButtonOP = '<div class="ec-iu-b-center-button ec-iu-button">' . esc_html( $beCenterButtonText ) . '</div>';
			} else {
				$beCenterButtonOP = '<a class="ec-iu-b-center-button ec-iu-button" href="' . $beCenterButtonLink . '"' . $beCenterButtonLinkTarget . $beCenterButtonLinkNoFollow . '>' . esc_html( $beCenterButtonText ) . '</a>';
			}
		}

		$beRightTitle    = ! empty( $settings['beRightTitle'] ) ? $settings['beRightTitle'] : '';
		$beRightTitleTag = ! empty( $settings['beRightTitleTag'] ) ? $settings['beRightTitleTag'] : 'h1';
		if ( ! empty( $beRightTitle ) ) {
			$beRightTitleOP = '<' . \EcafeHelper::check_and_validate_html_tag( $beRightTitleTag ) . ' class="ec-iu-b-right-title ec-iu-title">' . esc_html( $beRightTitle ) . '</' . \EcafeHelper::check_and_validate_html_tag( $beRightTitleTag ) . '>';
		}
		$beRightTitleSeprator = isset( $settings['beRightTitleSeprator'] ) ? $settings['beRightTitleSeprator'] : '';
		$beRightcontent       = ! empty( $settings['beRightcontent'] ) ? $settings['beRightcontent'] : 'editor';
		if ( ! empty( $beRightcontent ) ) {
			if ( $beRightcontent == 'editor' ) {
				$beRightDesc = ! empty( $settings['beRightDesc'] ) ? $settings['beRightDesc'] : '';
				if ( ! empty( $beRightDesc ) ) {
					$beRightDescOP = '<div class="ec-iu-b-right-desc ec-iu-desc">' . wp_kses_post( $beRightDesc ) . '</div>';
				}
			} elseif ( $beRightcontent == 'lists' ) {
				$indexright    = 0;
				$beRightDescOP = '<ul class="ec-iu-b-right-desc-lists ec-iu-desc-lists">';
				foreach ( $settings['beRightlistsGet'] as $indexright => $item ) {
					$beRightDescOP .= '<li class="ec-iu-b-right-desc-list">';
					if ( ! empty( $item['beRightlistsText'] ) ) {
						$beRightDescOP .= '<span class="ec-iu-b-right-desc-list-text">' . esc_attr( $item['beRightlistsText'] ) . '</span>';
					}
					++$indexright;
					$beRightDescOP .= '</li>';
				}
				$beRightDescOP .= '</ul>';
			}
		}
		$beRightButtonText    = ! empty( $settings['beRightButtonText'] ) ? $settings['beRightButtonText'] : '';
		$beRightButtonLink    = ! empty( $settings['beRightButtonLink']['url'] ) ? esc_url( $settings['beRightButtonLink']['url'] ) : '';
		$beRightButtonLinkBox = isset( $settings['beRightButtonLinkBox'] ) ? $settings['beRightButtonLinkBox'] : '';
		if ( ! empty( $beRightButtonLink ) ) {
			$beRightButtonLinkTarget   = $settings['beRightButtonLink']['is_external'] ? ' target="_blank"' : '';
			$beRightButtonLinkNoFollow = $settings['beRightButtonLink']['nofollow'] ? ' rel="nofollow"' : '';
		}
		if ( ! empty( $beRightButtonText ) ) {
			if ( isset( $beRightButtonLinkBox ) && $beRightButtonLinkBox == 'yes' ) {
				$beRightButtonOP = '<div class="ec-iu-b-right-button ec-iu-button">' . esc_html( $beRightButtonText ) . '</div>';
			} else {
				$beRightButtonOP = '<a class="ec-iu-b-right-button ec-iu-button" href="' . $beRightButtonLink . '"' . $beRightButtonLinkTarget . $beRightButtonLinkNoFollow . '>' . esc_html( $beRightButtonText ) . '</a>';
			}
		}

		$output              = '<div class="ec-info-unfold-wrapper">';
		$output             .= '<div class="ec-info-unfold-left">';
		$output             .= '<div class="ec-info-unfold-front">';
		$output             .= '<div class="ec-info-unfold-content">';
					$output .= $feTitleOP;
		if ( isset( $feTitleSeprator ) && $feTitleSeprator == 'yes' ) {
			$output .= '<hr class="ec-iu-front-hr-wrap ec-iu-hr">';
		}
					$output .= $feDescOP;
					$output .= $feButtonOP;
		$output             .= '</div>';
		$output             .= '</div>';
		$output             .= '<div class="ec-info-unfold-back">';
		if ( isset( $beLeftButtonLinkBox ) && $beLeftButtonLinkBox == 'yes' ) {
			$output .= '<a class="ec-info-unfold-content" href="' . $beLeftButtonLink . '"' . $beLeftButtonLinkNoFollow . $beLeftButtonLinkTarget . '>';
		} else {
			$output .= '<div class="ec-info-unfold-content">';
		}
				$output .= $beLeftTitleOP;
		if ( isset( $beLeftTitleSeprator ) && $beLeftTitleSeprator == 'yes' ) {
			$output .= '<hr class="ec-iu-back-left-hr-wrap ec-iu-hr">';
		}
				$output .= $beLeftDescOP;
				$output .= $beLeftButtonOP;
		if ( isset( $beLeftButtonLinkBox ) && $beLeftButtonLinkBox == 'yes' ) {
			$output .= '</a>';
		} else {
			$output .= '</div>';
		}
			$output .= '</div>';
			$output .= '</div>';
			$output .= '<div class="ec-info-unfold-center">';
		if ( isset( $beCenterButtonLinkBox ) && $beCenterButtonLinkBox == 'yes' ) {
			$output .= '<a class="ec-info-unfold-content" href="' . $beCenterButtonLink . '"' . $beCenterButtonLinkNoFollow . $beCenterButtonLinkTarget . '>';
		} else {
			$output .= '<div class="ec-info-unfold-content">';
		}
				$output .= $beCenterTitleOP;
		if ( isset( $beCenterTitleSeprator ) && $beCenterTitleSeprator == 'yes' ) {
			$output .= '<hr class="ec-iu-back-center-hr-wrap ec-iu-hr">';
		}
				$output .= $beCenterDescOP;
				$output .= $beCenterButtonOP;
		if ( isset( $beCenterButtonLinkBox ) && $beCenterButtonLinkBox == 'yes' ) {
			$output .= '</a>';
		} else {
			$output .= '</div>';
		}
			$output .= '</div>';
			$output .= '<div class="ec-info-unfold-right">';
		if ( isset( $beRightButtonLinkBox ) && $beRightButtonLinkBox == 'yes' ) {
			$output .= '<a class="ec-info-unfold-content" href="' . $beRightButtonLink . '"' . $beRightButtonLinkNoFollow . $beRightButtonLinkTarget . '>';
		} else {
			$output .= '<div class="ec-info-unfold-content">';
		}
				$output .= $beRightTitleOP;
		if ( isset( $beRightTitleSeprator ) && $beRightTitleSeprator == 'yes' ) {
			$output .= '<hr class="ec-iu-back-right-hr-wrap ec-iu-hr">';
		}
				$output .= $beRightDescOP;
				$output .= $beRightButtonOP;
		if ( isset( $beRightButtonLinkBox ) && $beRightButtonLinkBox == 'yes' ) {
			$output .= '</a>';
		} else {
			$output .= '</div>';
		}
			$output .= '</div>';
			$output .= '<button class="ec-info-unfold-close" style="display: none;">✕</button>';
			$output .= '</div>';

			echo wp_kses_normalize_entities( $output );
	}
}
