<?php
if (!defined('ABSPATH'))
    exit;

function blu_ultimate_ayan_shortcode_function($data) {
    $id = (int) $data;
    global $wpdb;
    $table_name = $wpdb->prefix . 'team_bullet_list_ultimate_style';
    $style = $wpdb->get_row($wpdb->prepare("SELECT * FROM $table_name WHERE id = %d ", $id), ARRAY_A);
    if ($style['style_name'] == 'style1') {
        blu_ultimate_ayan_shortcode_style1($id);
    }
    if ($style['style_name'] == 'style2') {
        blu_ultimate_ayan_shortcode_style2($id);
    }
    if ($style['style_name'] == 'style3') {
        blu_ultimate_ayan_shortcode_style3($id);
    }
    if ($style['style_name'] == 'style4') {
        blu_ultimate_ayan_shortcode_style4($id);
    }
    if ($style['style_name'] == 'style5') {
        blu_ultimate_ayan_shortcode_style5($id);
    }
     wp_enqueue_style('font-awesome', plugins_url('css-js/font-awesome.min.css', __FILE__));
}

function blu_ultimate_ayan_shortcode_style1($data) {
    $styleid = $data;
    global $wpdb;
    $bullet_list = $wpdb->prefix . 'team_bullet_list_ultimate_list';
    $bullet_name = $wpdb->prefix . 'team_bullet_list_ultimate_style';
    $listdata = $wpdb->get_results($wpdb->prepare("SELECT * FROM $bullet_list WHERE styleid = %d ORDER by id ASC ", $styleid), ARRAY_A);
    $styledata = $wpdb->get_row($wpdb->prepare("SELECT * FROM $bullet_name WHERE id = %d ", $styleid), ARRAY_A);
    $styledata = $styledata['css'];
    $styledata = explode('|', $styledata);
    wp_enqueue_style('blu-google-font', 'https://fonts.googleapis.com/css?family=' . $styledata[25] . '');
    ?>


    <style>
        .blu-styleid-<?php echo $styleid; ?>{
            width: 100%;
            height: auto;
            float: left;
        }
        .blu-styleid-<?php echo $styleid; ?>-content{
            width: 100%;
            height: auto;
            position: relative;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-square{
            width: 100%;
            height: auto;
            position: relative;
            max-width: 500px;
            margin: 0 auto;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-square:after{
            padding-bottom: 100%;
            display: block;
            content: "";
        }
        .blu-styleid-<?php echo $styleid; ?>-content-square-absulate{
            width: 100%;
            height: 100%;
            position: absolute;
            top:0;

        }
        .blu-styleid-<?php echo $styleid; ?>-content-square-absulate-img{
            width: 100%;
            height: 100%;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-absulate-col-3{
            width: <?php echo $styledata[13]; ?>%;
            float: left;
            height: auto;
            margin:2%;
            font-family: <?php echo blu_list_font_familly_charecter($styledata[25]); ?>;
            background-color:<?php echo $styledata[5]; ?>;
            position: relative;
            padding: <?php echo $styledata[15]; ?>px <?php echo $styledata[17]; ?>px <?php echo $styledata[19]; ?>px <?php echo $styledata[21]; ?>px;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-absulate{
            width: 100%;
            border-radius:<?php echo $styledata[23]; ?>px;
            position: absolute;
            bottom:<?php echo $styledata[27]; ?>px;
            background-color:<?php echo $styledata[7]; ?> ;
            box-shadow: 0 0 5px 0;
        }


        .blu-styleid-<?php echo $styleid; ?>-content-absulate-col-3-absulate{
            position: absolute;
            height: auto;
            top: -22px;
            right: -5px;
            display: none;

        }
        .blu-styleid-<?php echo $styleid; ?>-content-absulate-col-3-top{
            width: 50px;
            line-height: 50px;
            height: auto;
            border-radius: 100%;
            margin: 4% auto;
            background-color: #323232;
            color:#fff;
            text-align: center;
            font-size: 24px;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-absulate-col-3-down{
            width: 100%;
            height: auto;

        }
        .blu-styleid-<?php echo $styleid; ?>-content-absulate-col-3-down-title{
            width: 100%;
            height: auto;
            line-height: 20px;
            font-weight: bold;
            text-align: center;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-absulate-col-3-down-title h2{
            font-size: <?php echo $styledata[1]; ?>px;
            color: <?php echo $styledata[3]; ?>;
            font-weight:<?php echo $styledata[29]; ?>;
            text-transform: uppercase;

        }
        .blu-styleid-<?php echo $styleid; ?>-content-absulate-col-3-down-details{
            width: 100%;
            height: auto;
            text-align: center;
            margin: 5% 0;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-absulate-col-3-down-details p{
            font-size: <?php echo $styledata[11]; ?>px;
            color: <?php echo $styledata[9]; ?>;
            font-weight: <?php echo $styledata[31]; ?>;
            line-height: 22px;

        }


    </style>;

    <?php
    if ($styledata[33] != '') {
        $styledataimage = $styledata[33];
    } elseif ($styledata[33] == '') {
        $styledataimage = plugins_url('image/bullets2.png', __FILE__);
    }
    echo '<div class="blu-styleid-' . $styleid . '">
                    <div class="blu-styleid-' . $styleid . '-content">
                        <div class="blu-styleid-' . $styleid . '-content-square">
                            <div class="blu-styleid-' . $styleid . '-content-square-absulate">
                                <img class="blu-styleid-' . $styleid . '-content-square-absulate-img" src="' . $styledataimage . '"/>
                            </div>
                        </div>
                        <div class="blu-styleid-' . $styleid . '-content-absulate admin-model-setting">';
    foreach ($listdata as $value) {
        echo '<div class="blu-styleid-' . $value['styleid'] . '-content-absulate-col-3 admin-setting">
                                <div class="blu-styleid-' . $value['styleid'] . '-content-absulate-col-3-top">
                                     <i class="fa ' . $value['icon'] . '" aria-hidden="true"></i>
                                </div>
                                <div class="blu-styleid-' . $value['styleid'] . '-content-absulate-col-3-down">

                                    <div class="blu-styleid-' . $value['styleid'] . '-content-absulate-col-3-down-title heding-font-size">
                                       <h2>' . $value['title'] . '</h2>
                                    </div>
                                    <div class="blu-styleid-' . $value['styleid'] . '-content-absulate-col-3-down-details admin-details-setting">
                                        <p> ' . $value['files'] . '</p>
                                    </div>                                 
                                </div>
                            </div>';
    }
    echo '</div>
        </div>
    </div>';
    ?>






    <?php
}

function blu_ultimate_ayan_shortcode_style2($data) {
    $styleid = $data;
    global $wpdb;
    $bullet_list = $wpdb->prefix . 'team_bullet_list_ultimate_list';
    $bullet_name = $wpdb->prefix . 'team_bullet_list_ultimate_style';
    $listdata = $wpdb->get_results($wpdb->prepare("SELECT * FROM $bullet_list WHERE styleid = %d ORDER by id ASC ", $styleid), ARRAY_A);
    $styledata = $wpdb->get_row($wpdb->prepare("SELECT * FROM $bullet_name WHERE id = %d ", $styleid), ARRAY_A);
    $styledata = $styledata['css'];
    $styledata = explode('|', $styledata);
    wp_enqueue_style('blu-google-font', 'https://fonts.googleapis.com/css?family=' . $styledata[25] . '');
    ?>

    <style>
        .blu-styleid-<?php echo $styleid; ?>{
            width: 100%;
            height: auto;
            float: left;
            background-color: #fff;

        }
        .blu-styleid-<?php echo $styleid; ?>-content{
            width: 100%;
            height: auto;
            float: left;
            margin: 5% 0;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-up{
            width: 100%;
            height: auto;
            float: left;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-down{
            width: 100%;
            height: auto;
            float: left;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-col-2{
            width:  <?php echo $styledata[11]; ?>%;
            float: left;
            height: auto;
            border: 1px solid #323232;
            margin-top:10px;
            font-family: <?php echo blu_list_font_familly_charecter($styledata[25]); ?>;
            border-radius: <?php echo $styledata[23]; ?>px;
            margin-right:  <?php echo $styledata[21]; ?>px;
            background-color: <?php echo $styledata[5]; ?>;
            padding: <?php echo $styledata[13]; ?>px  <?php echo $styledata[15]; ?>px  <?php echo $styledata[17]; ?>px  <?php echo $styledata[19]; ?>px;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-col-2-left{
            width: 50px;
            line-height: 50px;
            height: auto;
            margin: 4% auto;
            color:#fff;
            text-align: center;
            float: left;
            font-size: 24px;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-col-2-right{
            width: calc(96% - 60px);
            height: auto;
            float: left;
            margin: 0 2%;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-col-2-right-text{
            width: 100%;
            height: auto;
            position: relative;
        }

        .blu-styleid-<?php echo $styleid; ?>-content-col-2-right-text-absulate{
            position: absolute;
            height: auto;
            top: -18px;
            right: 0;
            display: none;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-col-2-right-title{
            width: 100%;
            height: auto;
            line-height: 20px;
            text-align: left;

        }
        .blu-styleid-<?php echo $styleid; ?>-content-col-2-right-title h2{
            font-size:  <?php echo $styledata[1]; ?>px;
            font-weight: <?php echo $styledata[27]; ?>;
            text-transform: uppercase;
            color:  <?php echo $styledata[3]; ?>;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-col-2-right-details{
            width: 100%;
            height: auto;
            text-align:left;

        }
        .blu-styleid-<?php echo $styleid; ?>-content-col-2-right-details p{
            font-size:  <?php echo $styledata[9]; ?>px;
            font-weight: <?php echo $styledata[29]; ?>;
            line-height: 22px;
            color:  <?php echo $styledata[7]; ?>;
        }

        .blu-styleid-<?php echo $styleid; ?>-content-down-square{
            width: 100%;
            height: auto;
            position: relative;
            max-width: 620px;
            margin: 0 auto;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-down-square:after{
            display: block;
            content: "";
            padding-bottom: 80%;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-down-absulate{
            width: 100%;
            height: 100%;
            top: 0;
            display: none;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-down-absulate-img{
            width: 100%;
            height: 100%;
        }

    </style>
    <?php
    echo '<div class="blu-styleid-' . $styleid . '">
                    <div class="blu-styleid-' . $styleid . '-content">
                        <div class="blu-styleid-' . $styleid . '-content-up">';
    foreach ($listdata as $value) {
        echo '<div class="blu-styleid-' . $value['styleid'] . '-content-col-2 admin-setting">

                                <div class="blu-styleid-' . $value['styleid'] . '-content-col-2-left">
                                    <i class="fa ' . $value['icon'] . '" aria-hidden="true"></i>
                                </div>
                                <div class="blu-styleid-' . $value['styleid'] . '-content-col-2-right">

                                    <div class="blu-styleid-' . $value['styleid'] . '-content-col-2-right-text">
                                        <div class="blu-styleid-' . $value['styleid'] . '-content-col-2-right-title admin-tittle-setting">
                                             <h2>' . $value['title'] . '</h2>
                                        </div>
                                        <div class="blu-styleid-' . $value['styleid'] . '-content-col-2-right-details admin-details-setting">
                                          <p> ' . $value['files'] . '</p>
                                        </div>
                                        
                                    </div>


                                </div>
                            </div>';
    }

    if ($styledata[31] != '') {
        $styledataimage = $styledata[31];
    } elseif ($styledata[31] == '') {
        $styledataimage = plugins_url('image/bullets.png', __FILE__);
    }
    echo ' </div>
                        <div class="blu-styleid-' . $styleid . '-content-down">
                            <div class="blu-styleid-' . $styleid . '-content-down-square">
                                <div class="blu-styleid-' . $styleid . '-content-down-absoulate">
                                    <img class="blu-styleid-' . $styleid . '-content-down-absulate-img" src="' . $styledataimage . '">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>';
    ?>          


    <?php
}

function blu_ultimate_ayan_shortcode_style3($data) {
    $styleid = $data;
    global $wpdb;
    $bullet_list = $wpdb->prefix . 'team_bullet_list_ultimate_list';
    $bullet_name = $wpdb->prefix . 'team_bullet_list_ultimate_style';
    $listdata = $wpdb->get_results($wpdb->prepare("SELECT * FROM $bullet_list WHERE styleid = %d ORDER by id ASC ", $styleid), ARRAY_A);
    $styledata = $wpdb->get_row($wpdb->prepare("SELECT * FROM $bullet_name WHERE id = %d ", $styleid), ARRAY_A);
    $styledata = $styledata['css'];
    $styledata = explode('|', $styledata);
    wp_enqueue_style('blu-google-font', 'https://fonts.googleapis.com/css?family=' . $styledata[23] . '');
    ?>


    <style>
        .blu-styleid-<?php echo $styleid; ?>{
            width: 100%;
            height: auto;
            float: left;
            background-color: #fff;
        }
        .blu-styleid-<?php echo $styleid; ?>-content{
            width: 100%;
            height: auto;
            float: left;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-right{
            width: 40%;
            height: auto;
            float: left;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left{
            width: 59%;
            height: auto;
            float: left;
            margin: 10px 0 ;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-right-square{
            width: 100%;
            height: auto;
            position: relative;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-right-square:after{
            display: block;
            content: "";
            padding-bottom: 180%;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-right-absulate{
            width: 100%;
            height: 100%;
            top: 0;
            position: absolute;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-right-absulate-img{
            width: 100%;
            height: 100%;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1{
            width: <?php echo $styledata[11]; ?>%;
            height: auto;
            float: left;
            font-family: <?php echo blu_list_font_familly_charecter($styledata[23]); ?>;
            margin-left: <?php echo $styledata[21]; ?>px;
            background-color:<?php echo $styledata[5]; ?>; 
            padding:<?php echo $styledata[13]; ?>px <?php echo $styledata[15]; ?>px <?php echo $styledata[17]; ?>px <?php echo $styledata[19]; ?>px;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1-right{
            width: 50px;
            line-height: 50px;
            height: auto;
            border-radius: 100%;
            background-color: #323232;
            color:#fff;
            text-align: center;
            font-size: 24px;
            float: left;
            margin-top: 12px;
            margin-right: 10px;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1-left{
            width: calc(100% - 60px);
            height: auto;
            float: left;
            position: relative;
        }          
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1-left-absulate{
            position: absolute;
            height: auto;
            top: 0;
            right: 0;
            display: none;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1-left-tittle{
            width: 100%;
            height: auto;
            line-height: 20px;
            text-align: left;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1-left-tittle h2{
            font-size: <?php echo $styledata[1]; ?>px;
            font-weight: <?php echo $styledata[25]; ?>;
            text-transform: uppercase;
            color: <?php echo $styledata[3]; ?>;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1-left-details{
            width: 100%;
            height: auto;
            text-align:left;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1-left-details p{
            font-size: <?php echo $styledata[9]; ?>px;
            font-weight: <?php echo $styledata[27]; ?>;
            line-height: 22px;
            color: <?php echo $styledata[7]; ?>;
        }


    </style>
    <?php
    if ($styledata[29] != '') {
        $styledataimage = $styledata[29];
    } elseif ($styledata[29] == '') {
        $styledataimage = plugins_url('image/fige.png', __FILE__);
    }
    echo '<div class="blu-styleid-' . $styleid . '">
                    <div class="blu-styleid-' . $styleid . '-content">
                        <div class="blu-styleid-' . $styleid . '-content-right">
                            <div class="blu-styleid-' . $styleid . '-content-right-square">
                                <div class="blu-styleid-' . $styleid . '-content-right-absulate">
                                    <img class="blu-styleid-' . $styleid . '-content-right-absulate-img" src="' . $styledataimage . '">

                                </div>
                            </div>
                        </div>';
    foreach ($listdata as $value) {
        echo '<div class="blu-styleid-' . $value['styleid'] . '-content-left">
                            <div class="blu-styleid-' . $value['styleid'] . '-content-left-col-1 admin-setting">
                                <div class="blu-styleid-' . $value['styleid'] . '-content-left-col-1-right">
                                    <i class="fa ' . $value['icon'] . '" aria-hidden="true"></i>
                                </div>
                                <div class="blu-styleid-' . $value['styleid'] . '-content-left-col-1-left">
                                    <div class="blu-styleid-' . $value['styleid'] . '-content-left-col-1-left-tittle heding-font-size">
                                        <h2>  ' . $value['title'] . '</h2>
                                    </div>
                                    <div class="blu-styleid-' . $value['styleid'] . '-content-left-col-1-left-details admin-details-setting">
                                        <p>' . $value['files'] . '</p>
                                    </div>
                                   
                            </div>

                        </div>
             
                    </div>';
    }

    echo ' </div>
                </div>';
    ?>




    <?php
}

function blu_ultimate_ayan_shortcode_style4($data) {
    $styleid = $data;
    global $wpdb;
    $bullet_list = $wpdb->prefix . 'team_bullet_list_ultimate_list';
    $bullet_name = $wpdb->prefix . 'team_bullet_list_ultimate_style';
    $listdata = $wpdb->get_results($wpdb->prepare("SELECT * FROM $bullet_list WHERE styleid = %d ORDER by id ASC ", $styleid), ARRAY_A);
    $styledata = $wpdb->get_row($wpdb->prepare("SELECT * FROM $bullet_name WHERE id = %d ", $styleid), ARRAY_A);
    $styledata = $styledata['css'];
    $styledata = explode('|', $styledata);
    wp_enqueue_style('blu-google-font', 'https://fonts.googleapis.com/css?family=' . $styledata[29] . '|');
    ?>

    <style>

        .blu-styleid-<?php echo $styleid; ?>{
            width: 100%;
            height: auto;
            float: left;
            background-color: #EEEEEE;
        }
        .blu-styleid-<?php echo $styleid; ?>-content{
            width: 100%;
            height: auto;
            float: left;
            margin: 5% 0;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-col-2{
            width: <?php echo $styledata[11]; ?>%;
            height: auto;
            font-family: <?php echo blu_list_font_familly_charecter($styledata[29]); ?>;
            float: left;
            padding: <?php echo $styledata[13]; ?>px <?php echo $styledata[15]; ?>px <?php echo $styledata[17]; ?>px <?php echo $styledata[19]; ?>px;
            margin:<?php echo $styledata[21]; ?>px <?php echo $styledata[23]; ?>px <?php echo $styledata[25]; ?>px <?php echo $styledata[27]; ?>px;
            background-color:<?php echo $styledata[5]; ?>;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-col-2-left{
            width: 50px;
            line-height: 50px;
            height: auto;
            margin: 20px 0 20px 20px;
            background-color: #fff;
            text-align: center;
            float: left;
            border: 2px solid #3858F4;
            transform: rotate(45deg);


        }
        .blu-styleid-<?php echo $styleid; ?>-content-col-2-left-icon{
            color:#3858F4;
            transform: rotate(-45deg);
            font-size: 24px;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-col-2-right{
            width: calc(100% - 90px);
            height: auto;
            float: left;
            margin-left: 20px;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-col-2-right-title{
            width: 100%;
            height: auto;
            line-height: 20px;
            text-align: left;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-col-2-right-title h2{
            font-size: <?php echo $styledata[1]; ?>px;
            font-weight: <?php echo $styledata[31]; ?>;
            text-transform: uppercase;
            color: <?php echo $styledata[3]; ?>;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-col-2-right-details{
            width: 100%;
            height: auto;
            text-align:left;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-col-2-right-details p{
            font-size: <?php echo $styledata[9]; ?>px;
            font-weight: <?php echo $styledata[33]; ?>;
            line-height: 22px;
            color: <?php echo $styledata[7]; ?>;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-col-2-right-relative{
            width: 100%;
            height: auto;
            position: relative;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-col-2-right-absoulate{
            position: absolute;
            height: auto;
            top: 0px;
            right: 0;
            display: none;
        }

    </style>
    <?php
    echo '<div class="blu-styleid-' . $styleid . '">
                    <div class="blu-styleid-' . $styleid . '-content">';
    foreach ($listdata as $value) {
        echo '<div class="blu-styleid-' . $value['styleid'] . '-content-col-2 admin-setting">
                            <div class="blu-styleid-' . $value['styleid'] . '-content-col-2-left">
                                <div class="blu-styleid-' . $value['styleid'] . '-content-col-2-left-icon">
                                      <i class="fa ' . $value['icon'] . '" aria-hidden="true"></i>
                                </div>

                            </div>
                            <div class="blu-styleid-' . $value['styleid'] . '-content-col-2-right">
                                <div class="blu-styleid-' . $value['styleid'] . '-content-col-2-right-relative">
                                    <div class="blu-styleid-' . $value['styleid'] . '-content-col-2-right-title admin-tittle-setting">
                                        <h2>' . $value['title'] . '</h2>
                                    </div>
                                    <div class="blu-styleid-' . $value['styleid'] . '-content-col-2-right-details admin-details-setting">
                                        <p>' . $value['files'] . '</p>
                                    </div>
                                </div>

                            </div>
                        </div>';
    }
    echo '
                    </div>
                </div>';
    ?>





    <?php
}

function blu_ultimate_ayan_shortcode_style5($data) {
    $styleid = $data;
    global $wpdb;
    $bullet_list = $wpdb->prefix . 'team_bullet_list_ultimate_list';
    $bullet_name = $wpdb->prefix . 'team_bullet_list_ultimate_style';
    $listdata = $wpdb->get_results($wpdb->prepare("SELECT * FROM $bullet_list WHERE styleid = %d ORDER by id ASC ", $styleid), ARRAY_A);
    $styledata = $wpdb->get_row($wpdb->prepare("SELECT * FROM $bullet_name WHERE id = %d ", $styleid), ARRAY_A);
    $styledata = $styledata['css'];
    $styledata = explode('|', $styledata);
    wp_enqueue_style('blu-google-font', 'https://fonts.googleapis.com/css?family=' . $styledata[19] . '|');
    ?>

    <style>
        .blu-styleid-<?php echo $styleid; ?>{
            width: 100%;
            height: auto;
            float: left;
            background-color: #fff;

        }
        .blu-styleid-<?php echo $styleid; ?>-content{
            width: 100%;
            height: auto;
            float: left;
            margin: 5% 0;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-right{
            width: 55%;
            height: auto;
            float: left;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left{
            width: 40%;
            height: auto;
            float: left;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-right-square{
            width: 100%;
            height: auto;
            position: relative;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-right-square:after{
            content: "";
            display: block;
            padding-bottom: 100%;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-right-absoulate{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-right-absoulate-img{
            width: 100%;
            height: 100%;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1{
            width: <?php echo $styledata[9]; ?>%;
            height: auto;
            float: left;
            font-family: <?php echo blu_list_font_familly_charecter($styledata[19]); ?>;
            position: relative;
            padding:<?php echo $styledata[11]; ?>px <?php echo $styledata[13]; ?>px <?php echo $styledata[15]; ?>px <?php echo $styledata[17]; ?>px;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1-border{
            position: absolute;
            left: 14px;
            width: 23px;
            height: 100%;
            display: block;
            z-index: 2;
            border-left: 1px dashed;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1-border-row{
            position: absolute;
            left: 26px;
            top: 75px;
            width: 23px;
            height: 2px;
            display: block;
            z-index: 2;
            border-bottom: 1px dashed;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1-box{
            width: calc(100% - 16px);
            height: auto;
            float: left;
            margin-left: 66px;
            position: relative;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1-box-absulate{
            position: absolute;
            height: auto;
            top: 0;
            right: 10px;
            display: none;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1-box-top{
            width: 100%;
            height: auto;
            float: left;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1-box-top-icon{
            width: 50px;
            line-height: 50px;
            height: auto;
            border-radius: 50%;
            color:#fff;
            background-color:#414247;
            text-align: center;
            float: left;
            font-size: 24px;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1-box-bottom{
            width:100%;
            height: auto;
            float: left;
        }

        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1-box-bottom-tittle{
            width: 100%;
            height: auto;
            line-height: 20px;
            text-align: left;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1-box-bottom-tittle h2{
            font-size: <?php echo $styledata[1]; ?>px;
            font-weight: <?php echo $styledata[21]; ?>;
            text-transform: uppercase;
            color: <?php echo $styledata[3]; ?>;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1-box-bottom-details{
            width: 100%;
            height: auto;
            text-align:left;
        }
        .blu-styleid-<?php echo $styleid; ?>-content-left-col-1-box-bottom-details p{
            font-size: <?php echo $styledata[7]; ?>px;
            font-weight: <?php echo $styledata[23]; ?>;
            line-height: 1.6;
            color: <?php echo $styledata[5]; ?>;
        }

    </style>


    <?php
    if ($styledata[25] != '') {
        $styledataimage = $styledata[25];
    } elseif ($styledata[25] == '') {
        $styledataimage = plugins_url('image/figure.jpg', __FILE__);
    }
    echo ' <div class="blu-styleid-' . $styleid . '">
                    <div class="blu-styleid-' . $styleid . '-content">
                        <div class="blu-styleid-' . $styleid . '-content-right">
                            <div class="blu-styleid-' . $styleid . '-content-right-square">
                                <div class="blu-styleid-' . $styleid . '-content-right-absoulate">
                                    <img class="blu-styleid-' . $styleid . '-content-right-absoulate-img" src="' . $styledataimage . '">
                                </div>
                            </div>
                        </div>';
    foreach ($listdata as $value) {
        echo '<div class="blu-styleid-' . $value['styleid'] . '-content-left">
                            <div class="blu-styleid-' . $value['styleid'] . '-content-left-col-1 admin-setting">
                                <div class="blu-styleid-' . $value['styleid'] . '-content-left-col-1-border"></div>
                                <div class="blu-styleid-' . $value['styleid'] . '-content-left-col-1-border-row"></div>
                                <div class="blu-styleid-' . $value['styleid'] . '-content-left-col-1-box">
                                    <div class="blu-styleid-' . $value['styleid'] . '-content-left-col-1-box-top">
                                        <div class="blu-styleid-' . $value['styleid'] . '-content-left-col-1-box-top-icon">
                                            <i class="fa ' . $value['icon'] . '" aria-hidden="true"></i>
                                        </div>
                                    </div>
                                    <div class="blu-styleid-' . $value['styleid'] . '-content-left-col-1-box-bottom">
                                        <div class="blu-styleid-' . $value['styleid'] . '-content-left-col-1-box-bottom-tittle admin-tittle-setting">
                                            <h2>' . $value['title'] . '</h2>
                                        </div>
                                        <div class="blu-styleid-' . $value['styleid'] . '-content-left-col-1-box-bottom-details admin-details-setting">
                                            <p>' . $value['files'] . '</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>';
    }
    echo '</div>
                </div>';
    ?>





    <?php
}
?>
