<?php defined('ABSPATH') or die("No script kiddies please!"); ?>

<style type="text/css">
    /* Font Icon Background*/
    <?php if (isset($template_detail['custom_template']['wpfm_icon_bg_color']) && !empty($template_detail['custom_template']['wpfm_icon_bg_color'])) { ?>
        .wpfm-<?php echo $random_number; ?>.wpfm-template-1 ul.wpfm-nav li,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-1 ul li .wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-right ul li:hover .wpfm-icon-block, 
        .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-top-right ul li:hover .wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-bottom-right ul li:hover .wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-top-left ul li.wpfm-title-hidden:hover .wpfm-icon-block, 
        .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-bottom-left ul li.wpfm-title-hidden:hover .wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-left ul li.wpfm-title-hidden:hover .wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-top-right ul li.wpfm-title-hidden:hover .wpfm-icon-block ,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-bottom-right ul li.wpfm-title-hidden:hover .wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-right ul li.wpfm-title-hidden:hover .wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-left ul li:hover .wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-top-left ul li:hover .wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-bottom-left ul li:hover .wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-2 .wpfm-menu-nav.wpfm-position-left ul li,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-2 .wpfm-menu-nav.wpfm-position-top-left ul li,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-2 .wpfm-menu-nav.wpfm-position-bottom-left ul li,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-2 .wpfm-menu-nav.wpfm-position-right ul li,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-2 .wpfm-menu-nav.wpfm-position-top-right ul li,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-2 .wpfm-menu-nav.wpfm-position-bottom-right ul li,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-left ul > li > a span.wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-top-left ul > li > a span.wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-bottom-left ul > li > a span.wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-left ul li:hover,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-top-left ul li:hover,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-bottom-left ul li:hover,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-right ul > li > a span.wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-right ul > li > a span.wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-top-right ul > li > a span.wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-bottom-right ul > li > a span.wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-right ul li:hover,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-top-right ul li:hover,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-bottom-right ul li:hover,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-4 ul li .wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-7 ul > li > a,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-8 .wpfm-menu-nav a .wpfm-icon-block, 
        .wpfm-<?php echo $random_number; ?>.wpfm-template-8 .wpfm-menu-nav a::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-9 .wpfm-menu-nav a .wpfm-icon-block, 
        .wpfm-<?php echo $random_number; ?>.wpfm-template-9 .wpfm-menu-nav a::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-10 ul.wpfm-nav li a span, 
        .wpfm-<?php echo $random_number; ?>.wpfm-template-10 ul.wpfm-nav li:before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-12 .wpfm-menu-nav ul li a,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-13 .wpfm-menu-nav ul li a,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-14 .wpfm-menu-link .wpfm-icon-block img, 
        .wpfm-<?php echo $random_number; ?>.wpfm-template-15 .wpfm-menu-link .wpfm-icon-block img, 
        .wpfm-<?php echo $random_number; ?>.wpfm-template-14 .wpfm-menu-link .wpfm-icon-block i,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-15 .wpfm-menu-link .wpfm-icon-block i,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-14 .wpfm-menu-nav.wpfm-position-top-left .wpfm-menu-name,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-14 .wpfm-menu-nav.wpfm-position-left .wpfm-menu-name,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-14 .wpfm-menu-nav.wpfm-position-bottom-left .wpfm-menu-name,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-14 .wpfm-menu-name,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-15 .wpfm-menu-name,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-16 .wpfm-menu-nav .wpfm-nav-strech-trigger,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-16 .wpfm-menu-nav ul li a,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-16 .wpfm-position-bottom-right .wpfm-menu-name,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-16 .wpfm-position-right .wpfm-menu-name,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-16 .wpfm-position-top-right .wpfm-menu-name,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-17 .wpfm-menu-nav .wpfm-nav-hover-trigger,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-17 .wpfm-menu-link .wpfm-icon-block img,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-17 .wpfm-menu-link .wpfm-icon-block i,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-17 .wpfm-menu-name,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-18 li a.wpfm-menu-link .wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-20 li a.wpfm-menu-link .wpfm-icon-block
        { 
            background: <?php echo esc_attr($template_detail['custom_template']['wpfm_icon_bg_color']); ?>;                    
        }
    <?php } ?>

    .wpfm-template-19 .wpfm-menu-nav.wpfm-position-top-right li a.wpfm-menu-link .wpfm-menu-name-tooltip-wrap::before,
    .wpfm-template-19 .wpfm-menu-nav.wpfm-position-right li a.wpfm-menu-link .wpfm-menu-name-tooltip-wrap::before,
    .wpfm-template-19 .wpfm-menu-nav.wpfm-position-bottom-right li a.wpfm-menu-link .wpfm-menu-name-tooltip-wrap::before
    {
        border-left: 6px solid <?php echo esc_attr($template_detail['custom_template']['wpfm_icon_acthov_color']); ?>;
    }

    .wpfm-template-19 .wpfm-menu-nav.wpfm-position-top-left li a.wpfm-menu-link .wpfm-menu-name-tooltip-wrap::before,
    .wpfm-template-19 .wpfm-menu-nav.wpfm-position-left li a.wpfm-menu-link .wpfm-menu-name-tooltip-wrap::before,
    .wpfm-template-19 .wpfm-menu-nav.wpfm-position-bottom-left li a.wpfm-menu-link .wpfm-menu-name-tooltip-wrap::before{
        border-right: 6px solid <?php echo esc_attr($template_detail['custom_template']['wpfm_icon_acthov_color']); ?>;
    }
    /* Menu Title Line for template 7 */
    .wpfm-<?php echo $random_number; ?> .wpfm-template-7 span.name.wpfm-menu-name:after
    {
        border-bottom: 2px solid <?php echo esc_attr($template_detail['custom_template']['menu_bg_color']); ?>;
    }
    /* Menu Background for template 5,6,8,9. New: Template 19 */
    .wpfm-<?php echo $random_number; ?>.wpfm-template-5 ul.wpfm-nav,.wpfm-template-5 .wpfm-nav-strech-trigger span,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-6 .wpfm-menu-nav ul:before,.wpfm-template-6 .wpfm-nav-strech-trigger span,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-6 .wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-7 span.name.wpfm-menu-name:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8 .wpfm-menu-nav:before,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9 .wpfm-menu-nav .wpfm-nav:before,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-11 .wpfm-menu-nav ul, 
    .wpfm-<?php echo $random_number; ?>.wpfm-template-12 .wpfm-menu-nav ul,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-19 .wpfm-menu-nav ul
    {
        background: <?php echo esc_attr($template_detail['custom_template']['menu_bg_color']); ?>;
    }

    /* For Title Color, Font Family*/   
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-menu-nav.wpfm-position-right ul li > a:hover > span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-menu-nav.wpfm-position-top-right ul li > a:hover > span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-menu-nav.wpfm-position-bottom-right ul li > a:hover > span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 ul li .wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-2 .wpfm-menu-nav ul li a span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-left ul li a span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-right ul li a span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 ul li .wpfm-menu-name,.wpfm-template-3 .wpfm-menu-nav ul li a span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav ul li a span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-5 .wpfm-menu-nav ul li a span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-6 .wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-7 .wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8 .wpfm-menu-nav:hover .wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9 .wpfm-menu-nav .wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-10 .wpfm-menu-nav ul li .wpfm-tooltip span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-11 .wpfm-menu-nav ul li a span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-12 .wpfm-menu-nav .wpfm-icon-menu-name-wrapper span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-13 .wpfm-menu-nav .wpfm-icon-menu-name-wrapper span.wpfm-menu-name
    { 
        color:<?php echo esc_attr($template_detail['custom_template']['icon_title_font_color']); ?>;
        font-family:<?php echo esc_attr($template_detail['custom_template']['icon_title_text_font']); ?>; 
    }
    /* For Title Font Size, Text Transformation */  
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 a span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-2 .wpfm-menu-nav ul li a span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav ul li a span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav ul li a span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 ul li .wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-5 .wpfm-menu-nav ul li a span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-6 .wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-7 .wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8 .wpfm-menu-nav:hover .wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9.wpfm-position-left  .wpfm-nav:hover .wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9.wpfm-position-top-left  .wpfm-nav:hover .wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9.wpfm-position-bottom-left  .wpfm-nav:hover .wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9.wpfm-position-right  .wpfm-nav:hover .wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9.wpfm-position-top-right  .wpfm-nav:hover .wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9.wpfm-position-bottom-right  .wpfm-nav:hover .wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-10 .wpfm-menu-nav ul li .wpfm-tooltip span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-11 .wpfm-menu-nav ul li a span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-12 .wpfm-menu-nav .wpfm-icon-menu-name-wrapper span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-13 .wpfm-menu-nav .wpfm-icon-menu-name-wrapper span.wpfm-menu-name
    { 
        font-size:<?php echo esc_attr($template_detail['custom_template']['wpfm_icon_title_font_size']); ?>px;
        text-transform:<?php echo esc_attr($template_detail['custom_template']['title_text_transform']); ?>;
    }
    /* For Icon Size */   
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-menu-nav ul li > a .wpfm-icon-block i,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-2 .wpfm-menu-nav ul li a span i,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav ul li a span i,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-menu-nav ul li a span i,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-5 .wpfm-menu-nav ul li a span.wpfm-icon-block i,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-6 .wpfm-icon-block i,.wpfm-template-6 .wpfm-nav-close-trigger span,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-6 .wpfm-nav-strech-trigger span,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8 .wpfm-menu-nav a .wpfm-icon-block i,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9 .wpfm-menu-nav a .wpfm-icon-block i,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-10 .wpfm-tooltip .wpfm-icon-block i,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-11 .wpfm-tooltip .wpfm-icon-block i
    {
        font-size:<?php echo esc_attr($template_detail['custom_template']['icon_size']); ?>px;
    }
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-menu-nav ul li a img,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-2 .wpfm-menu-nav ul li a span img.wpfm-image-icon,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav ul li a span img.wpfm-image-icon,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-menu-nav ul li a span img.wpfm-image-icon,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-5 .wpfm-menu-nav ul li a span.wpfm-icon-block img.wpfm-image-icon,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-6 .wpfm-icon-block img,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8 .wpfm-menu-nav a .wpfm-icon-block img,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9 .wpfm-menu-nav a .wpfm-icon-block img,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-10 .wpfm-tooltip .wpfm-icon-block img,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-11 .wpfm-tooltip .wpfm-icon-block img
    {
        width:<?php echo!empty($template_detail['custom_template']['wpfm_custom_imageicon_size']) ? esc_attr($template_detail['custom_template']['wpfm_custom_imageicon_size']) : '50'; ?>px !important;
    }
    /* For height width of icon hover transform for template 7 */
    .wpfm-<?php echo $random_number; ?>.wpfm-template-7 ul > li > a:hover,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-7 ul > li.wpfm-active-nav a
    { 
        background: <?php echo esc_attr($template_detail['custom_template']['wpfm_icon_acthov_color']); ?>;
        -webkit-transform:scale(<?php echo isset($template_detail['custom_template']['hover_transformation']) && !empty($template_detail['custom_template']['hover_transformation']) ? esc_attr($template_detail['custom_template']['hover_transformation']) : '1'; ?>) translate3d(0,0,0);
        transform:scale(<?php echo isset($template_detail['custom_template']['hover_transformation']) && !empty($template_detail['custom_template']['hover_transformation']) ? esc_attr($template_detail['custom_template']['hover_transformation']) : '1'; ?>) translate3d(0,0,0);
    }
    <?php if (!isset($template_detail['custom_template']['wpfm_icon_acthov_color']) || (isset($template_detail['custom_template']['wpfm_icon_acthov_color']) && empty($template_detail['custom_template']['wpfm_icon_acthov_color']))) { ?>
        .wpfm-<?php echo $random_number; ?>.wpfm-template-18 li.wpfm-active-nav a.wpfm-menu-link .wpfm-icon-block, 
        .wpfm-<?php echo $random_number; ?>.wpfm-template-18 li a.wpfm-menu-link:hover .wpfm-icon-block {
            background: #1abc9c !important;
        }
    <?php } else { ?>
        .wpfm-<?php echo $random_number; ?>.wpfm-template-18 li.wpfm-active-nav a.wpfm-menu-link .wpfm-icon-block, 
        .wpfm-<?php echo $random_number; ?>.wpfm-template-18 li a.wpfm-menu-link:hover .wpfm-icon-block,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-18 .wpfm-menu-nav.wpfm-position-top-left li a.wpfm-menu-link .wpfm-menu-name-tooltip-wrap,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-18 .wpfm-menu-nav.wpfm-position-left li a.wpfm-menu-link .wpfm-menu-name-tooltip-wrap,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-18 .wpfm-menu-nav.wpfm-position-bottom-left li a.wpfm-menu-link .wpfm-menu-name-tooltip-wrap,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-18 .wpfm-menu-nav.wpfm-position-top-right li a.wpfm-menu-link .wpfm-menu-name-tooltip-wrap,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-18 .wpfm-menu-nav.wpfm-position-right li a.wpfm-menu-link .wpfm-menu-name-tooltip-wrap,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-18 .wpfm-menu-nav.wpfm-position-bottom-right li a.wpfm-menu-link .wpfm-menu-name-tooltip-wrap{
            background: <?php echo esc_attr($template_detail['custom_template']['wpfm_icon_acthov_color']) ?> !important;
        }
    <?php } ?>

    /* Title Background Color For Template 4,6 and 10 */
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-menu-nav ul li >a:hover >span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-10 .wpfm-tooltip,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-12 .wpfm-menu-nav .wpfm-icon-menu-name-wrapper,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-7 .wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-13 .wpfm-menu-nav .wpfm-icon-menu-name-wrapper
    { 
        background:<?php echo esc_attr($template_detail['custom_template']['icon_title_bg_color']); ?>; 
    }
    .wpfm-<?php echo $random_number; ?>.wpfm-template-7 span.name.wpfm-menu-name:after{    
        border-bottom: 2px solid <?php echo esc_attr($template_detail['custom_template']['icon_title_bg_color']); ?>;
    }
    /* For Icon margin */  
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 ul li,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-left ul li,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-top-left ul li,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-bottom-left ul li,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-right ul li,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-top-right ul li,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-bottom-right ul li,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 ul li,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 ul li a,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-5 .wpfm-menu-nav ul li a,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-6 ul li a,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8 .wpfm-menu-nav a,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9 .wpfm-menu-nav a,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-14 nav ul li,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-15 nav ul li,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-17 nav ul li,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-18 nav ul li,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-19 li,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-20 nav ul li
    
    {
        margin-bottom:<?php echo isset($template_detail['custom_template']['icon_margin']) && !empty($template_detail['custom_template']['icon_margin']) ? $template_detail['custom_template']['icon_margin'] : ''; ?>px;
    }
    /** Tooltip Title */
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 ul li > .wpfm-tootltip-title, 
    .wpfm-<?php echo $random_number; ?>.wpfm-template-2 ul li > .wpfm-tootltip-title, 
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 ul li > .wpfm-tootltip-title, 
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 ul li > .wpfm-tootltip-title,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-right .wpfm-tootltip-title,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-top-right .wpfm-tootltip-title,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-bottom-right .wpfm-tootltip-title,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-5 .wpfm-menu-nav ul li > span.wpfm-tootltip-title,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-6 .wpfm-menu-nav ul li  span.wpfm-tootltip-title,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-7 ul li > .wpfm-tootltip-title,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8 .wpfm-tootltip-title,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9 .wpfm-tootltip-title,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-11 .wpfm-menu-nav ul li .wpfm-tootltip-title,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-12 .wpfm-menu-nav ul li .wpfm-tootltip-title,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-13 .wpfm-menu-nav ul li .wpfm-tootltip-title,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-14 nav ul li .tooltip.wpfm-tootltip-title,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-15 nav ul li .tooltip.wpfm-tootltip-title,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-16 .wpfm-position-top-right .tooltip,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-16 .wpfm-position-right .tooltip,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-16 .wpfm-position-bottom-right .tooltip,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-17 nav ul li .tooltip.wpfm-tootltip-title,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-18 .wpfm-menu-nav.wpfm-position-top-left .tooltip,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-18 .wpfm-menu-nav.wpfm-position-left .tooltip,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-18 .wpfm-menu-nav.wpfm-position-bottom-left .tooltip,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-18 .wpfm-menu-nav.wpfm-position-top-right .tooltip,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-18 .wpfm-menu-nav.wpfm-position-right .tooltip,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-18 .wpfm-menu-nav.wpfm-position-bottom-right .tooltip,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-20 .wpfm-menu-nav.wpfm-position-top-left ul li .tooltip,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-20 .wpfm-menu-nav.wpfm-position-left ul li .tooltip,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-20 .wpfm-menu-nav.wpfm-position-bottom-left ul li .tooltip,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-20 .wpfm-menu-nav.wpfm-position-top-right ul li .tooltip,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-20 .wpfm-menu-nav.wpfm-position-right ul li .tooltip,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-20 .wpfm-menu-nav.wpfm-position-bottom-right ul li .tooltip
    {
        color: <?php echo esc_attr($template_detail['custom_template']['icon_tooltip_font_color']); ?>;
        background: <?php echo esc_attr($template_detail['custom_template']['icon_tooltip_bg_color']); ?>;
        font-size: <?php echo esc_attr($template_detail['custom_template']['wpfm_tooltip_font_size']); ?>px;
        font-family: <?php echo esc_attr($template_detail['custom_template']['icon_tooltip_text_font']); ?>;
        text-transform: <?php echo esc_attr($template_detail['custom_template']['tt_title_text_transform']); ?>;
    }

    .wpfm-template-10 ul li:last-child:before {
        height: 0;
    }
    .wpfm-<?php echo $random_number; ?>.wpfm-template-7 ul li > .wpfm-tootltip-title:before,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-left .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-top-left .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-bottom-left .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-right .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-top-right .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-bottom-right .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-left .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-top-left .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-bottom-left .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-right .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-top-right .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-bottom-right .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9.wpfm-position-left .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9.wpfm-position-top-left .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9.wpfm-position-bottom-left .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9.wpfm-position-right .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9.wpfm-position-top-right .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9.wpfm-position-bottom-right .wpfm-tootltip-title:after
    {               
        color: <?php echo esc_attr($template_detail['custom_template']['icon_tooltip_font_color']); ?>;
    }

    /* Border color for tooltip text arrow starts*/
    <?php if (isset($template_detail['custom_template']['icon_tooltip_bg_color']) && !empty($template_detail['custom_template']['icon_tooltip_bg_color'])) { ?>
        .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-right ul li > .wpfm-tootltip-title:after,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-top-right ul li > .wpfm-tootltip-title:after,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-bottom-right ul li > .wpfm-tootltip-title:after,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-2 .wpfm-position-right ul li > .wpfm-tootltip-title:after,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-2 .wpfm-position-top-right ul li > .wpfm-tootltip-title:after,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-2 .wpfm-position-bottom-right ul li > .wpfm-tootltip-title:after, 
        .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-position-right ul li > .wpfm-tootltip-title:after,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-position-top-right ul li > .wpfm-tootltip-title:after,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-position-bottom-right ul li > .wpfm-tootltip-title:after,                
        .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-position-right ul li > .wpfm-tootltip-title:after,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-position-top-right ul li > .wpfm-tootltip-title:after,                 
        .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-position-bottom-right ul li > .wpfm-tootltip-title:after,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-5 .wpfm-position-right ul li  span.wpfm-tootltip-title:before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-5 .wpfm-position-top-right ul li  span.wpfm-tootltip-title:before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-5 .wpfm-menu-nav.wpfm-position-bottom-right ul li  span.wpfm-tootltip-title:before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-6 .wpfm-position-right ul li  span.wpfm-tootltip-title:after,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-6 .wpfm-position-top-right ul li  span.wpfm-tootltip-title:after,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-6 .wpfm-position-bottom-right ul li  span.wpfm-tootltip-title:after,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-7 .wpfm-position-top-right ul li.wpfm-title-hidden > .wpfm-tootltip-title:after,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-7 .wpfm-position-right ul li.wpfm-title-hidden > .wpfm-tootltip-title:after,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-7 .wpfm-position-bottom-right ul li.wpfm-title-hidden > .wpfm-tootltip-title:after,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-right .wpfm-tootltip-title:before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-top-right .wpfm-tootltip-title:before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-bottom-right .wpfm-tootltip-title:before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-9.wpfm-position-right .wpfm-tootltip-title:before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-9.wpfm-position-top-right .wpfm-tootltip-title:before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-9.wpfm-position-bottom-right .wpfm-tootltip-title:before,              
        .wpfm-<?php echo $random_number; ?>.wpfm-template-11 .wpfm-menu-nav.wpfm-position-right ul li .wpfm-tootltip-title:after,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-12 .wpfm-menu-nav.wpfm-position-right ul li .wpfm-tootltip-title:after,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-13 .wpfm-menu-nav.wpfm-position-right ul li .wpfm-tootltip-title:after
        {
            border-color:transparent transparent transparent <?php echo esc_attr($template_detail['custom_template']['icon_tooltip_bg_color']); ?>;
        }

        /** For template 14 & 15 */

        .wpfm-<?php echo $random_number; ?>.wpfm-template-14 .wpfm-menu-nav.wpfm-position-top-left ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-14 .wpfm-menu-nav.wpfm-position-left ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-14 .wpfm-menu-nav.wpfm-position-bottom-left ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-15 .wpfm-menu-nav.wpfm-position-top-left ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-15 .wpfm-menu-nav.wpfm-position-left ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-15 .wpfm-menu-nav.wpfm-position-bottom-left ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-16 .wpfm-menu-nav.wpfm-position-top-left ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-16 .wpfm-menu-nav.wpfm-position-left ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-16 .wpfm-menu-nav.wpfm-position-bottom-left ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-17 .wpfm-menu-nav.wpfm-position-top-left ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-17 .wpfm-menu-nav.wpfm-position-left ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-17 .wpfm-menu-nav.wpfm-position-bottom-left ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-18 .wpfm-menu-nav.wpfm-position-top-left .tooltip::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-18 .wpfm-menu-nav.wpfm-position-left .tooltip::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-18 .wpfm-menu-nav.wpfm-position-bottom-left .tooltip::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-20 .wpfm-menu-nav.wpfm-position-top-left ul li .tooltip::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-20 .wpfm-menu-nav.wpfm-position-left ul li .tooltip::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-20 .wpfm-menu-nav.wpfm-position-bottom-left ul li .tooltip::before{
            border-right:6px solid <?php echo esc_attr($template_detail['custom_template']['icon_tooltip_bg_color']); ?>;
        }
        .wpfm-<?php echo $random_number; ?>.wpfm-template-14 .wpfm-menu-nav.wpfm-position-top-right ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-14 .wpfm-menu-nav.wpfm-position-right ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-14 .wpfm-menu-nav.wpfm-position-bottom-right ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-15 .wpfm-menu-nav.wpfm-position-top-right ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-15 .wpfm-menu-nav.wpfm-position-right ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-15 .wpfm-menu-nav.wpfm-position-bottom-right ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-16 .wpfm-menu-nav.wpfm-position-top-right ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-16 .wpfm-menu-nav.wpfm-position-right ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-16 .wpfm-menu-nav.wpfm-position-bottom-right ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-17 .wpfm-menu-nav.wpfm-position-top-right ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-17 .wpfm-menu-nav.wpfm-position-right ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-17 .wpfm-menu-nav.wpfm-position-bottom-right ul li a .tooltip.wpfm-tootltip-title::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-18 .wpfm-menu-nav.wpfm-position-top-right .tooltip::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-18 .wpfm-menu-nav.wpfm-position-right .tooltip::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-18 .wpfm-menu-nav.wpfm-position-bottom-right .tooltip::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-20 .wpfm-menu-nav.wpfm-position-top-right ul li .tooltip::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-20 .wpfm-menu-nav.wpfm-position-right ul li .tooltip::before,
        .wpfm-<?php echo $random_number; ?>.wpfm-template-20 .wpfm-menu-nav.wpfm-position-bottom-right ul li .tooltip::before
        {
            border-left:6px solid <?php echo esc_attr($template_detail['custom_template']['icon_tooltip_bg_color']); ?>;
        }
    <?php } ?> /* Border color for tooltip text arrow ends */

    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-left ul li > .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-top-left ul li > .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-bottom-left ul li > .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-2 .wpfm-position-left ul li > .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-2 .wpfm-position-top-left ul li > .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-2 .wpfm-position-bottom-left ul li > .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-position-left ul li > .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-position-top-left ul li > .wpfm-tootltip-title:after, 
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-position-bottom-left ul li > .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-position-left ul li > .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-position-top-left ul li > .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-position-bottom-left ul li > .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-position-left ul li > .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-position-top-left ul li > .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-position-bottom-left ul li > .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-5 .wpfm-position-left ul li  span.wpfm-tootltip-title:before,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-5 .wpfm-position-top-left ul li  span.wpfm-tootltip-title:before,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-5 .wpfm-menu-nav.wpfm-position-bottom-left ul li  span.wpfm-tootltip-title:before,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-6 .wpfm-position-left ul li  span.wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-6 .wpfm-position-top-left ul li  span.wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-6 .wpfm-position-bottom-left ul li  span.wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-7 .wpfm-position-top-left ul li.wpfm-title-hidden > .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-7 .wpfm-position-left ul li.wpfm-title-hidden > .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-7 .wpfm-position-bottom-left ul li.wpfm-title-hidden > .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-left .wpfm-tootltip-title:before,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-top-left .wpfm-tootltip-title:before,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8.wpfm-position-bottom-left .wpfm-tootltip-title:before,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9.wpfm-position-left .wpfm-tootltip-title:before,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9.wpfm-position-top-left .wpfm-tootltip-title:before,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9.wpfm-position-bottom-left .wpfm-tootltip-title:before,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-11 .wpfm-menu-nav.wpfm-position-left ul li .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-12 .wpfm-menu-nav.wpfm-position-left ul li .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-13 .wpfm-menu-nav.wpfm-position-left ul li .wpfm-tootltip-title:after
    {
        border-color:transparent <?php echo esc_attr($template_detail['custom_template']['icon_tooltip_bg_color']); ?> transparent transparent;  
    }
    .wpfm-<?php echo $random_number; ?>.wpfm-template-11 .wpfm-position-bottom-left ul li .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-12 .wpfm-position-bottom-left ul li .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-13 .wpfm-position-bottom-left ul li .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-11 .wpfm-position-bottom-right ul li .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-12 .wpfm-position-bottom-right ul li .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-13 .wpfm-position-bottom-right ul li .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-11 .wpfm-position-bottom-center ul li .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-12 .wpfm-position-bottom-center ul li .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-13 .wpfm-position-bottom-center ul li .wpfm-tootltip-title:after,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-7 ul li > .wpfm-tootltip-title:after
    {
        border-top: 7px solid <?php echo esc_attr($template_detail['custom_template']['icon_tooltip_bg_color']); ?>;
    }
    .wpfm-template-11 .wpfm-position-top-left ul li .wpfm-tootltip-title:after, .wpfm-template-12 .wpfm-position-top-left ul li .wpfm-tootltip-title:after, .wpfm-template-13 .wpfm-position-top-left ul li .wpfm-tootltip-title:after, .wpfm-template-11 .wpfm-position-top-right ul li .wpfm-tootltip-title:after, .wpfm-template-12 .wpfm-position-top-right ul li .wpfm-tootltip-title:after, .wpfm-template-13 .wpfm-position-top-right ul li .wpfm-tootltip-title:after
    {
        border-bottom:7px solid <?php echo esc_attr($template_detail['custom_template']['icon_tooltip_bg_color']); ?>;
    }

    /* active hover color for inline navigation and sticky menu */
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 ul li.wpfm-active-nav,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 ul li.wpfm-active-nav .wpfm-icon-block, 
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-left ul li.wpfm-active-nav:hover .wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-top-left ul li.wpfm-active-nav:hover .wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-bottom-left ul li.wpfm-active-nav:hover .wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-right ul li.wpfm-active-nav:hover .wpfm-icon-block, 
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-top-right ul li.wpfm-active-nav:hover .wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-bottom-right ul li.wpfm-active-nav:hover .wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-left ul li.wpfm-title-hidden.wpfm-active-nav:hover .wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-top-left ul li.wpfm-title-hidden.wpfm-active-nav:hover .wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-1 .wpfm-position-bottom-left ul li.wpfm-title-hidden.wpfm-active-nav:hover .wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-2 .wpfm-menu-nav ul li.wpfm-active-nav,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-left ul > li.wpfm-active-nav span.wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-top-left ul > li.wpfm-active-nav span.wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-bottom-left ul > li.wpfm-active-nav span.wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-right ul > li.wpfm-active-nav span.wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-top-right ul > li.wpfm-active-nav span.wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-bottom-right ul > li.wpfm-active-nav span.wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-left ul li.wpfm-active-nav,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-top-left ul li.wpfm-active-nav,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-bottom-left ul li.wpfm-active-nav,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-right ul li.wpfm-active-nav,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-top-right ul li.wpfm-active-nav,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-bottom-right ul li.wpfm-active-nav,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-left ul li.wpfm-active-nav:hover,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-top-left ul li.wpfm-active-nav:hover,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-bottom-left ul li.wpfm-active-nav:hover,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-right ul li.wpfm-active-nav:hover,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-top-right ul li.wpfm-active-nav:hover,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-3 .wpfm-menu-nav.wpfm-position-bottom-right ul li.wpfm-active-nav:hover,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-position-left ul li a:hover .wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-position-top-left ul li a:hover .wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-position-bottom-left ul li a:hover .wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-position-right ul li a:hover .wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-position-top-right ul li a:hover .wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-position-bottom-right ul li a:hover .wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-position-left ul li.wpfm-active-nav  span.wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-position-top-left ul li.wpfm-active-nav span.wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-position-bottom-left ul li.wpfm-active-nav  span.wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-position-right ul li.wpfm-active-nav  span.wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-position-top-right ul li.wpfm-active-nav  span.wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-4 .wpfm-position-bottom-right ul li.wpfm-active-nav  span.wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?> li.wpfm-title-hidden.wpfm-active-nav span.wpfm-image-icon-block,
    .wpfm-<?php echo $random_number; ?> li.wpfm-active-nav span.wpfm-image-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-8 .wpfm-menu-nav li.wpfm-active-nav .wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-9 .wpfm-menu-nav li.wpfm-active-nav .wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-10 ul.wpfm-nav li a:hover span,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-10 ul li.wpfm-active-nav span.wpfm-initia-icon,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-11 .wpfm-menu-nav ul li.wpfm-active-nav span.wpfm-image-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-12 .wpfm-menu-nav ul li.wpfm-active-nav a,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-13 .wpfm-menu-nav ul li.wpfm-active-nav a,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-19 .wpfm-menu-nav.wpfm-position-top-right li a.wpfm-menu-link .wpfm-menu-name-tooltip-wrap,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-19 .wpfm-menu-nav.wpfm-position-right li a.wpfm-menu-link .wpfm-menu-name-tooltip-wrap,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-19 .wpfm-menu-nav.wpfm-position-bottom-right li a.wpfm-menu-link .wpfm-menu-name-tooltip-wrap,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-19 .wpfm-menu-nav.wpfm-position-top-left li a.wpfm-menu-link .wpfm-menu-name-tooltip-wrap,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-19 .wpfm-menu-nav.wpfm-position-left li a.wpfm-menu-link .wpfm-menu-name-tooltip-wrap,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-19 .wpfm-menu-nav.wpfm-position-bottom-left li a.wpfm-menu-link .wpfm-menu-name-tooltip-wrap,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-19 li.wpfm-active-nav a.wpfm-menu-link .wpfm-icon-block, .wpfm-template-19 li a.wpfm-menu-link:hover .wpfm-icon-block
    {
        background:<?php echo esc_attr($template_detail['custom_template']['wpfm_icon_acthov_color']); ?>;
    }

    /* Active class implementation in template 5 and 6 and 11*/
    .wpfm-<?php echo $random_number; ?>.wpfm-template-5 .wpfm-menu-nav ul li a:hover span.wpfm-icon-block i,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-5 .wpfm-menu-nav ul li a:hover span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-5 .wpfm-menu-nav ul li.wpfm-active-nav span.wpfm-icon-block i,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-5 .wpfm-menu-nav ul li.wpfm-active-nav span.wpfm-menu-name,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-6 ul li.wpfm-active-nav .wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-6 ul li a:hover .wpfm-icon-block,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-11 .wpfm-menu-nav ul li a:hover span,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-11 .wpfm-menu-nav ul li.wpfm-active-nav span,
    .wpfm-<?php echo $random_number; ?>.wpfm-template-11 .wpfm-menu-nav ul li.wpfm-active-nav span.wpfm-icon-menu-name-wrapper i
    {
        color:<?php echo esc_attr($template_detail['custom_template']['wpfm_icon_acthov_color']); ?> !important;
    }

    .wpfm-<?php echo $random_number; ?> img.wpfm-trigger-image-icon{
        padding:10px;
    }

    .wpfm-<?php echo $random_number; ?>.wpfm-template-5 .wpfm-nav-strech-trigger span i{
        color:<?php echo esc_attr($template_detail['custom_template']['wpfm_stretch_icon_color']); ?>
    }

    .wpfm-<?php echo $random_number; ?>.wpfm-template-5 .wpfm-nav-close-trigger span i{
        color:<?php echo esc_attr($template_detail['custom_template']['wpfm_close_icon_color']); ?>
    }

    /* 
    *.wpfm-template-12 .wpfm-menu-nav .wpfm-icon-menu-name-wrapper, .wpfm-template-13 .wpfm-menu-nav .wpfm-icon-menu-name-wrapper
    */
</style>