<!----------CSS------------>
/*

|-----------------Development Info------------------------|
|=========================================================|
||--  Name : Shoeb Akhtar                              --||
||--  Date : 26 may 2023                               --||
||--  firm : Vowel web                                 --||
||--  for  : Vowel web                                 --||
||--  URL  : https://adhish.in/                        --||
|=========================================================|
|---------------------------------------------------------|

     font-family: 'Montserrat';


*/
@font-face {
    font-family: 'Conv_Calibri Bold';
    src: url('../fonts/calibri/Calibri Bold.eot');
    src: local('☺'), 
    url('../fonts/calibri/Calibri Bold.woff') format('woff'), 
    url('../fonts/calibri/Calibri Bold.ttf') format('truetype'),
    url('../fonts/calibri/Calibri Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** Generated by FG **/
@font-face {
    font-family: 'Swiss-721-BT-Font';
    src: url('../fonts/swiss/Swiss-721-BT-Font.eot');
    src: local('☺'), url('../fonts/swiss/Swiss-721-BT-Font.woff') format('woff'), 
    url('../fonts/swiss/Swiss-721-BT-Font.ttf') format('truetype'), 
    url('../fonts/swiss/Swiss-721-BT-Font.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


* { -webkit-box-sizing : border-box; 
    -moz-box-sizing : border-box;
     box-sizing : border-box;
}
*:before, *:after {
    -webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    box-sizing : border-box;
}
::selection { 
    color: #000;
    background : #64e84b;
}
html { 
    -webkit-text-size-adjust : 100%;
    -ms-text-size-adjust : 100%;
     scroll-behavior : smooth;
}

body { 
    margin: 0;
    font-family: 'Montserrat';
}
article, footer, header, nav, section, div { 
    display : block;
} 
audio, canvas, video { 
      display : inline-block;
      vertical-align : baseline; 
}
a {
    background-color : transparent;
    text-decoration : none;
    transition : all 0.4s;
}
strong {
    font-weight: bold;
}
img {
    border: 0;
    width: 100%;
} 
button, input, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
button {
    margin: 0;
    padding: 0;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disable], html input[disable] {
    cursor: default;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat';
    margin: 0;
    line-height: normal;
}
p {
    margin: 0 0 10px;
}
ul {
    padding-left: 0;
    margin: 0;
}

.container {
    width: 100%;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}
.row {
    /*in container padding was 15px from right and left thats why we use margin left and right -15px in row*/
    margin-left: -15px;
    margin-right: -15px;
}
.row:after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-md-"] {
  float: left;
  padding: 0 15px;
}
.col-md-1  { width : 8.33%;  }
.col-md-2  { width: 16.66%;  }
.col-md-3  { width : 25%;    }
.col-md-4  { width : 33.33%; }
.col-md-5  { width : 41.66%; }
.col-md-6  { width : 50%;    }
.col-md-7  { width : 58.33%; }
.col-md-8  { width : 66.66%; }
.col-md-9  { width : 75%;    }
.col-md-10 { width : 83.33%; }
.col-md-11 { width : 91.66%; }
.col-md-12 { width : 100%;   }

*:focus {
    outline: none;
}
input, textarea,:focus {
  color: #fff;
}

.pb1 {
    padding-bottom: 10px;
}
.pb2 {
    padding-bottom: 20px;
}
.pb3 {
    padding-bottom: 30px;
}
.pb4 {
    padding-bottom: 40px;
}
.pb5 {
    padding-bottom: 50px;
}
.pb6 {
    padding-bottom: 60px;
}
.pb7 {
    padding-bottom: 70px;
}
.pb8 {
    padding-bottom: 80px;
}
.pb9 {
    padding-bottom: 90px;
}
.pb10 {
    padding-bottom: 100px;
}
.pb12 {
    padding-bottom: 120px;
}

.pt1 {
    padding-top: 10px;
}
.pt2 {
    padding-top: 20px;
}
.pt3 {
    padding-top: 30px;
}
.pt4 {
    padding-top: 40px;
}
.pt5 {
    padding-top: 50px;
}
.pt6 {
    padding-top: 60px;
}
.pt7 {
    padding-top: 70px;
}
.pt8 {
    padding-top: 80px;
}
.pt9 {
    padding-top: 90px;
}
.pt10 {
    padding-top: 100px;
}
.pt12 {
    padding-top: 120px;
}

Responsive
@media only screen and (max-width: 1110px) {
    
}

<!-------------End CSS-------------->

<!------------------------------ CHILDE THEME DEVELOPMENT---------------------------- -->
/********
Theme Name: Defectiveritas-Child
Template: Defectiveritas
Version: 9.9
********/

/* Optional: Add any additional styles or overrides below this comment */
.abc {  }

add on the root :-
screenshot.png
function.php
header.php
footer.php
index.php
sidebar.php
<!------------------------------End CHILDE THEME DEVELOPMENT---------------------------- -->


<!-- --------------------------------------------Template Page---------------------------------------------->
<?php 
//template Name: ISO Certification
get_header(); ?>

<!-- --------------------------------------------Template Page---------------------------------------------->


//////////////////Body hooks functions//////////////////////

<body <?php body_class(); ?>> //This function gives the body element different classes and can be added, typically, in the header.php's HTML body tag. Basic Usage.
 
<?php wp_body_open(); ?> wp_body_open() is an action hook introduced in WordPress 5.2 that allows developers to insert code directly after the opening body tag in a theme.


//////////////////End Body hooks functions//////////////////////



<!-- -----------------------------------Enqueue CSS And JS Files----------------------------------- -->
<?php
// Proper way to enqueue files
function df_child_script_style()
    {
        // Enqueue CSS files
        wp_enqueue_style('Gorditas-fonts', 'https://fonts.googleapis.com/css2?family=Gorditas&display=swap');
        wp_enqueue_style('font-awesome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
        wp_enqueue_style('bootstrap-min-styles', get_stylesheet_directory_uri() . '/css/bootstrap.min.css', array(), '1.0', 'all');
        wp_enqueue_style('owl-carousel-min', get_stylesheet_directory_uri() . '/css/owl.carousel.min.css', array(), '2.3.4', 'all');
        wp_enqueue_style('owl-carousel-theme', get_stylesheet_directory_uri() . '/css/owl.theme.default.min.css', array(), '2.3.4', 'all');
        wp_enqueue_style('bootstrap-map-styles', get_stylesheet_directory_uri() . '/css/bootstrap.min.css.map', array(), '1.0', 'all');
        wp_enqueue_style('custom-styles', get_stylesheet_directory_uri() . '/css/custom-style.css', array(), '1.0', 'all');

        // Enqueue JS files
        wp_enqueue_script('btstrp-bndl-mn', get_stylesheet_directory_uri() . '/js/bootstrap.bundle.min.js', array());
        wp_enqueue_script('jquery-min', get_stylesheet_directory_uri() . '/js/jquery.min.js', array());
        wp_enqueue_script('bootstrap-min', get_stylesheet_directory_uri() . '/js/bootstrap.min.js', array());
        wp_enqueue_script('owl-carousel', get_stylesheet_directory_uri() . '/js/owl.carousel.js', array());
        wp_enqueue_script('verticle-js', get_stylesheet_directory_uri() . '/js/jv.js', array());
        wp_enqueue_script('df-customm', get_stylesheet_directory_uri() . '/js/df-custom.js', array());
    }
    add_action('wp_enqueue_scripts', 'df_child_script_style', 99);

        get_template_part('folder-name/sub-folder/file-name');
        get_template_part('template-parts/upcoming-training/ucomingslider');
        get_template_part('template-parts/our-servicess/ourservicess');
        get_template_part('template-parts/client-sector/client-sector-post-type');
        get_template_part('template-parts/review-post/review-post');
        get_template_part('template-parts/vision-and-mission/vision-and-mission');
        get_template_part('template-parts/our-team/our-team');


        // Disable Gutenberg block editor for posts and post types
        add_filter('use_block_editor_for_post', '__return_false', 10);
        add_filter('use_block_editor_for_post_type', '__return_false', 10);
        add_filter('gutenberg_can_edit_post', '__return_false', 10);
        add_filter('gutenberg_can_edit_post_type', '__return_false', 10);

        // Disables the block editor from managing widgets.
        add_filter('use_widgets_block_editor', '__return_false');
?>
<!-- -----------------------------------Enqueue CSS And JS Files----------------------------------- -->


<!------------------------------Template Parts Folder----------------------------- -->

<?php

function vision_and_mission_post_type() {
    // Registering a custom post type
    register_post_type('vision_and_mission', array(
            'labels' => array(
            'name' => 'Vision and Mission',
            'singular_name' => 'Vision and Mission',
            'category'      => 'Category'
        ),
        'public' => true, // Set to true if you want the post type to be publicly accessible
        'has_archive' => true, // Set to true if you want to enable archives for this post type
        'menu_icon' => 'vision-mission',
        'rewrite' => array('slug' => 'upcoming-training'), // Customize the URL slug
        'supports' => array('title', 'editor', 'page-attributes', 'thumbnail'), // Add 'page-attributes' to enable page attributes
        // Add more options and parameters as needed
    ));
}
add_action('init', 'vision_and_mission_post_type');
<!-- Dont Closed PHP -->


<!------------------------------End Template Parts------------------------------->



<!-------------------------------Site branding------------------------------->
<?php
/**
 * Displays header site branding
 *
 * @package WordPress
 * @subpackage Twenty_Twenty_One
 * @since Twenty Twenty-One 1.0
 */

$blog_info    = get_bloginfo( 'name' );
$description  = get_bloginfo( 'description', 'display' );
$show_title   = ( true === get_theme_mod( 'display_title_and_tagline', true ) );
$header_class = $show_title ? 'site-title' : 'screen-reader-text';

?>


<div class="site-branding">
    
    <?php if ( has_custom_logo() && ! $show_title ) : ?>
        <div class="site-logo"><?php the_custom_logo(); ?></div>
    <?php endif; ?>
    
</div>
<!-- ---------------------------.site-branding--------------------------- -->

<!-----------------------------site-header ----------------------------->

<?php
/**
 * Displays the site header.
 *
 * @package WordPress
 * @subpackage Twenty_Twenty_One
 * @since Twenty Twenty-One 1.0
 */

$wrapper_classes  = 'site-header';
$wrapper_classes .= has_custom_logo() ? ' has-logo' : '';
$wrapper_classes .= ( true === get_theme_mod( 'display_title_and_tagline', true ) ) ? ' has-title-and-tagline' : '';
$wrapper_classes .= has_nav_menu( 'primary' ) ? ' has-menu' : '';
?>

<header id="masthead" class="<?php echo esc_attr( $wrapper_classes ); ?> py-2">
    <div class="container">
        <div class="row">
            <div class="col-lg-2 col-md-2 col-6">
                <?php get_template_part( 'template-parts/header/site-branding' ); ?>
            </div>  
            <div class="col-lg-10 col-md-10 col-6 align-self-center text-end ps-0">
                <?php get_template_part( 'template-parts/header/site-nav' ); ?>
            </div>
        </div>
    </div>
</header>
<!--site-header -->



<!-- ----------------------------Site_header----------------------------- -->
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<div id="page" class="site">
    <a class="skip-link screen-reader-text" href="#content">
        <?php
        /* translators: Hidden accessibility text. */
        esc_html_e( 'Skip to content', 'twentytwentyone' );
        ?>
    </a>

    <?php get_template_part( 'template-parts/header/site-header' ); ?>

    <div id="content" class="site-content">
        <div id="primary" class="content-area">
            <main id="main" class="site-main">
<!-- ----------------------------End Site_header----------------------------- -->






<!--------------------------------Owl Carousel-------------------------------->
<section class="home-slider owl-carousel owl-theme" id="homeSlider">
    <?php
    $args = array('post_type' => 'home_slider', 'posts_per_page' => 10);
    $custom_query = new WP_Query($args);
    if ($custom_query->have_posts()) :
        while ($custom_query->have_posts()) :
            $custom_query->the_post();
            ?>
            <div class="item">
                <div class="dv-home-slides" style="background: url(<?php echo the_field('slider_image'); ?>)no-repeat;
                background-size: cover;
                background-position: top left;">

                <div class="dv-home-slides-overlay"></div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 slider_title-subtitle text-center mb-4">
                            <h1><?php the_field('slider_title'); ?></h1>
                            <p><?php the_field('slider_subtitle'); ?></p>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <?php
    endwhile;
endif;
wp_reset_postdata();
?>
</section>
<!--------------------------------End Owl Carousel-------------------------------->






<!--------------------------------ACF Field------------------------------->

<?php
$reg_now = get_field('register_now_tab');
if ($reg_now): ?>
    <section class="register-now-section" id="registerNow">
        <div class="register-now py-4 text-white" style="background: <?php echo esc_attr($reg_now['background_color']); ?>;">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-9">
                        <h4 class="text-center text-lg-start"><?php echo esc_html($reg_now['title']); ?></h4>
                    </div>
                    <div class="col-lg-6">
                    <div class="has-image-div">
                        <img src="<?php echo esc_url( $has['has_image']['url'] ); ?>" alt="<?php echo esc_attr( $has['has_image']['alt'] ); ?>" />
                    </div>
                </div>
                    <div class="col-lg-3 text-center">
                    <?php 
                    $reg_now_link = get_field('register_now');
                    if( $reg_now_link ): 
                        $reg_link_url = $reg_now_link['url'];
                        $reg_link_title = $reg_now_link['title'];
                        $reg_link_target = $reg_now_link['target'] ? $reg_now_link['target'] : '_self';
                        ?>
                        <a class="button d-inline-block" href="<?php echo esc_url( $reg_link_url ); ?>" target="<?php echo esc_attr( $reg_link_target ); ?>"><?php echo esc_html( $reg_link_title ); ?></a>
                    <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
    </section>
<?php endif; ?>
<!--------------------------------End ACF Field------------------------------->








<!-------------------------------ACF Loop------------------------------->
<section class="upcoming-training-section mb-5" id="upcomingTraing">
    <?php if (have_rows('upcoming_training_section')) : ?>
        <?php while (have_rows('upcoming_training_section')) : the_row(); ?>
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-12">
                        <h1 class="text-secondary text-center text-uppercase mb-5"><?php the_sub_field('uct_heading'); ?></h1>
                    </div>
                    <!-- print_verticalScroll_func -->
                    <div class="col-lg-5 col-lg-5 order-2 order-sm-2 order-lg-1">
                        <div id="news-container_5614" class="news-container">
                            <ul>
                                <!--Retrying data from custom post type -->             
                                <?php
                                $uct_args = array('post_type' => 'upcoming_training', 'posts_per_page' => 10);
                                $custom_uct_query = new WP_Query($uct_args);
                                if ($custom_uct_query->have_posts()) :
                                    while ($custom_uct_query->have_posts()) :
                                        $custom_uct_query->the_post();
                                        ?>
                                        <li class="mb-2">
                                            <a href="#."><?php the_title(); ?></a>
                                            <div class="scrollercontent">
                                                <?php the_content(); ?>
                                            </div>
                                        </li>
                                    <?php endwhile; ?>
                                <?php  endif; wp_reset_postdata(); ?>
                            </ul>
                        </div>
                    </div>
                    <!-- end print_verticalScroll_func -->
                    <div class="col-lg-5 col-lg-5 order-1 order-sm-1 order-lg-2 uct-img">
                        <img src="<?php echo get_sub_field('uct_image')['url']; ?>" alt="<?php echo get_sub_field('uct_image')['alt']; ?>" />
                    </div>
                </div>
            </div>
        <?php endwhile; ?>
    <?php endif; ?>
</section>
<!--------------------------------End Custom Post Loop------------------------------->





<!-------------------------------Custom Post Type loop---------------------------------------->
            <?php
                $oss_args = array('post_type' => 'our_servicess', 'posts_per_page' => 3);
                $custom_oss_query = new WP_Query($oss_args);
                if ($custom_oss_query->have_posts()) :
                    while ($custom_oss_query->have_posts()) :
                        $custom_oss_query->the_post();
                        ?>
                        <div class="col-lg-4 col-md-6 justify-content-center d-flex services-outer">
                            <div class="services-inner">
                                <div class="card">
                                    <div class="our-service-card-body">
                                        <i class="fa <?php the_field('icon_css');  ?>" aria-hidden="true"></i>
                                        <h5 class="our-service-card-title d-inline text-secondary"><?php the_title(); ?></h5>
                                        <p class="text-secondary"><?php the_content(); ?></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <?php endwhile; ?>
                <?php endif; wp_reset_postdata(); ?>
            </div>
<!-------------------------------End Custom Post Type loop---------------------------------------->








<!-----------------------------------------custom post uri for feature image---------------------------------->

            <?php
            $os_i = 1;
            $ourclientsector = array('post_type' => 'our_client_sector', 'posts_per_page' => 9);
            $ourclientsector_query = new WP_Query($ourclientsector);
            if ($ourclientsector_query->have_posts()) :
                while ($ourclientsector_query->have_posts()) :
                    $ourclientsector_query->the_post();
            ?>

                    <div class="col-md-4 padding-0-gallery position-relative" data-bs-toggle="modal" data-bs-target="#staticBackdrop_<?php echo $os_i; ?>">
                        <div class="dv-home-slides-overlay ocs-overlay">
                            <i class="fa fa-search-plus" aria-hidden="true"></i>
                            <h5><?php the_title(); ?></h5>
                        </div>
                        <div class="ocs-image">
                            <?php
                            if (has_post_thumbnail()) {
                                $featured_os_image_url = get_the_post_thumbnail_url();
                                echo '<img src="' . esc_url($featured_os_image_url) . '" alt="Featured Image">';
                            }
                            ?>
                        </div>
                    </div>

<!-----------------------------------------custom post uri for feature image--------------------------------->





<?php
$copyright = get_field('copyright_section', 41);
if( $copyright ): ?>
<section class="copyright py-4" style="background-color: <?php echo esc_attr( $copyright['copyright_bg'] ); ?>;">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6 m-0">
                <p class="text-white copyright-line m-0">
                    <?php echo $copyright['copyright_content']; ?>
                </p>
            </div>
            <div class="col-lg-6 text-end footer-social-icon">
                <a class="<?php echo $copyright['social_icons_facebook']; ?>" href="<?php echo esc_url( $copyright['facebook_link']['url'] ); ?>">
                    <?php echo esc_html( $copyright['facebook_link']['title'] ); ?></a>

                <a class="<?php echo $copyright['social_icons_linkedin']; ?>" href="<?php echo esc_url( $copyright['linkedin_link']['url'] ); ?>">
                    <?php echo esc_html( $copyright['linkedin_link']['title'] ); ?></a>

                    <a class="<?php echo $copyright['social_icons_youtube']; ?>" href="<?php echo esc_url( $copyright['youtube_link']['url'] ); ?>">
                    <?php echo esc_html( $copyright['youtube_link']['title'] ); ?></a>

            </div>
        </div>
    </div>
</section>
<?php  endif;  ?>




<!-- ----------------------------Footer----------------------------- -->

<footer>
<div class="container">
<div class="row">
    <div class="col-lg-6">
        
            <?php  wp_nav_menu(array(
                'menu' => 'footer-menu',
                'menu_class' => 'footer-navbar'
            )); ?>
    </div>
    <div class="col-lg-6 enquiry-form">
        <h5>Enquiry Form</h5>
        <?php echo do_shortcode ('[contact-form-7 id="261" title="Contact form 1"]');  ?>
    </div>
</div>
</div>
</footer>
<!-- ----------------------------End Footer----------------------------- -->


///////////////betterdocs_post_type custom post with category//////////////////////////

function betterdocs_post_type() {
    // Registering a custom post type
    register_post_type('better_docs', array(
        'labels' => array(
            'name' => 'Betterdocs',
            'singular_name' => 'Betterdoc',
        ),
        'public' => true,
        'has_archive' => true,
        'menu_icon' => 'dashicons-media-document',
        'rewrite' => array('slug' => 'better-docs'),
        'supports' => array('title', 'editor', 'page-attributes', 'thumbnail'),
    ));

    // Add a custom taxonomy (category) for your custom post type
    register_taxonomy('betterdocs_category', 'better_docs', array(
        'hierarchical' => true,
        'labels' => array(
            'name' => 'Categories',
            'singular_name' => 'Category',
        ),
        'rewrite' => array('slug' => 'betterdocs-category'),
    ));
}
add_action('init', 'betterdocs_post_type');





/*
*Ajax lice search filter
*/
add_shortcode( 'asearch', 'asearch_func' );
function asearch_func( $atts ) {
    $atts = shortcode_atts( array(
        'source' => 'page,post,product',
        'image' => 'true'
    ), $atts, 'asearch' );
static $asearch_first_call = 1;
$source = $atts["source"];
$image = $atts["image"];
$sForam = '<div class="search_bar">
    <form class="asearch" id="asearch'.$asearch_first_call.'" action="/" method="get" autocomplete="off">
        <input type="text" name="s" placeholder="Search ..." id="keyword" class="input_search" onkeyup="searchFetch(this)"><button id="mybtn">🔍</button>
    </form><div class="search_result" id="datafetch" style="display: none;">
        <ul>
            <li>Please wait..</li>
        </ul>
    </div></div>';
$java = '<script>
function searchFetch(e) {
var datafetch = e.parentElement.nextSibling
if (e.value.trim().length > 0) { datafetch.style.display = "block"; } else { datafetch.style.display = "none"; }
const searchForm = e.parentElement; 
e.nextSibling.value = "Please wait..."
var formdata'.$asearch_first_call.' = new FormData(searchForm);
formdata'.$asearch_first_call.'.append("source", "'.$source.'") 
formdata'.$asearch_first_call.'.append("image", "'.$image.'") 
formdata'.$asearch_first_call.'.append("action", "asearch") 
AjaxAsearch(formdata'.$asearch_first_call.',e) 
}
async function AjaxAsearch(formdata,e) {
  const url = "'.admin_url("admin-ajax.php").'?action=asearch";
  const response = await fetch(url, {
      method: "POST",
      body: formdata,
  });
  const data = await response.text();
if (data){  e.parentElement.nextSibling.innerHTML = data}else  {
e.parentElement.nextSibling.innerHTML = `<ul><a href="#"><li>Sorry, nothing found</li></a></ul>`
}}  
document.addEventListener("click", function(e) { if (document.activeElement.classList.contains("input_search") == false ) { [...document.querySelectorAll("div.search_result")].forEach(e => e.style.display = "none") } else {if  (e.target.value.trim().length > 0) { e.target.parentElement.nextSibling.style.display = "block"}} })
</script>';

//css here
$css = '<style>
        form.asearch {display: flex;flex-wrap: nowrap;border: 1px solid #d6d6d6;border-radius: 5px;padding: 3px 5px;}
        form.asearch button#mybtn {padding: 0; cursor: pointer; background: none; width: 25px;}
        form#asearch1 input:focus-visible {  border: none;  outline: none; } 
        button#mybtn:focus-visible { outline: none;  border: none;}
        form.asearch input#keyword {border: none;}
    div#datafetch {
    background: white;
    z-index: 10;
    position: absolute;
    max-height: 425px;
    overflow: auto;
    box-shadow: 0px 15px 15px #00000036;
    right: 0;
    left: 0;
    top: 50px;
}
div.search_bar {
    width: 100%!important;
    position: relative;
}
div.search_bar:after {
    
}
div.search_result ul a li {
    margin: 0px;
    padding: 5px 0px;
    padding-inline-start: 18px;
    color: #3f3f3f;
    font-weight: 400;
}
div.search_result li {
    margin-inline-start: 20px;
}
div.search_result ul {
    padding: 13px 0px 0px 0px;
    list-style: none;
    margin: auto;
}

div.search_result ul a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}
div.search_result ul a:hover {
    background-color: #e5e3e38f;
}
.asearch input#keyword {
    width: 100%;
}
</style>';
if ( $asearch_first_call == 1 ){    
     $asearch_first_call++;
     return "{$sForam}{$java}{$css}"; } elseif  ( $asearch_first_call > 1 ) {
        $asearch_first_call++;
        return "{$sForam}"; }}

add_action('wp_ajax_asearch' , 'asearch');
add_action('wp_ajax_nopriv_asearch','asearch');
function asearch(){
    $the_query = new WP_Query( array( 'posts_per_page' => 10, 's' => esc_attr( $_POST['s'] ), 'post_type' =>  explode(",", esc_attr( $_POST['source'] )))  );
    if( $the_query->have_posts() ) :
        echo '<ul>';
        while( $the_query->have_posts() ): $the_query->the_post(); ?>
            <a href="<?php echo esc_url( post_permalink() ); ?>"><li><?php the_title();?></li>
<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'single-post-thumbnail' );?>                               
<?php if ( $image[0] && trim(esc_attr( $_POST['image'] )) == "true" ) {  ?>  <img src="<?php the_post_thumbnail_url('thumbnail'); ?>" style="height: 60px;padding: 0px 5px;"> <?php }  ?> </a>
        <?php endwhile;
       echo '</ul>';
        wp_reset_postdata();  
    endif;
    die();
}

?>


///////////////////////////Activate Button with Id #btnwidth when given url trigger////////////////////////////////////
jQuery(window).load(function(){
    if (location.href === "https://voicesphere.co/?request_demo") 
        {
         //alert("test 293"); 
         jQuery('#btnwidth').trigger('click');
        }
});