/**
 * Twenty Sixteen functions and definitions
 *
 * Set up the theme and provides some helper functions, which are used in the
 * theme as custom template tags. Others are attached to action and filter
 * hooks in WordPress to change core functionality.
 *
 * When using a child theme you can override certain functions (those wrapped
 * in a function_exists() call) by defining them first in your child theme's
 * functions.php file. The child theme's functions.php file is included before
 * the parent theme's file, so the child theme functions would be used.
 *
 * @link https://codex.wordpress.org/Theme_Development
 * @link https://codex.wordpress.org/Child_Themes
 *
 * Functions that are not pluggable (not wrapped in function_exists()) are
 * instead attached to a filter or action hook.
 *
 * For more information on hooks, actions, and filters,
 * {@link https://codex.wordpress.org/Plugin_API}
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 1.0
 */

/**
 * Twenty Sixteen only works in WordPress 4.4 or later.
 */
if ( version_compare( $GLOBALS['wp_version'], '4.4-alpha', '<' ) ) {
	require get_template_directory() . '/inc/back-compat.php';
}

if ( ! function_exists( 'twentysixteen_setup' ) ) :
/**
 * Sets up theme defaults and registers support for various WordPress features.
 *
 * Note that this function is hooked into the after_setup_theme hook, which
 * runs before the init hook. The init hook is too late for some features, such
 * as indicating support for post thumbnails.
 *
 * Create your own twentysixteen_setup() function to override in a child theme.
 *
 * @since Twenty Sixteen 1.0
 */
function twentysixteen_setup() {
	/*
	 * Make theme available for translation.
	 * Translations can be filed at WordPress.org. See: https://translate.wordpress.org/projects/wp-themes/twentysixteen
	 * If you're building a theme based on Twenty Sixteen, use a find and replace
	 * to change 'twentysixteen' to the name of your theme in all the template files
	 */
	load_theme_textdomain( 'twentysixteen' );

	// Add default posts and comments RSS feed links to head.
	add_theme_support( 'automatic-feed-links' );

	/*
	 * Let WordPress manage the document title.
	 * By adding theme support, we declare that this theme does not use a
	 * hard-coded <title> tag in the document head, and expect WordPress to
	 * provide it for us.
	 */
	add_theme_support( 'title-tag' );

	/*
	 * Enable support for custom logo.
	 *
	 *  @since Twenty Sixteen 1.2
	 */
	add_theme_support( 'custom-logo', array(
		'height'      => 240,
		'width'       => 240,
		'flex-height' => true,
	) );

	/*
	 * Enable support for Post Thumbnails on posts and pages.
	 *
	 * @link https://codex.wordpress.org/Function_Reference/add_theme_support#Post_Thumbnails
	 */
	add_theme_support( 'post-thumbnails' );
	set_post_thumbnail_size( 1200, 9999 );

	// This theme uses wp_nav_menu() in two locations.
	register_nav_menus( array(
		'primary' => __( 'Primary Menu', 'twentysixteen' ),
		'social'  => __( 'Social Links Menu', 'twentysixteen' ),
	) );

	/*
	 * Switch default core markup for search form, comment form, and comments
	 * to output valid HTML5.
	 */
	add_theme_support( 'html5', array(
		'search-form',
		'comment-form',
		'comment-list',
		'gallery',
		'caption',
	) );

	/*
	 * Enable support for Post Formats.
	 *
	 * See: https://codex.wordpress.org/Post_Formats
	 */
	add_theme_support( 'post-formats', array(
		'aside',
		'image',
		'video',
		'quote',
		'link',
		'gallery',
		'status',
		'audio',
		'chat',
	) );

	/*
	 * This theme styles the visual editor to resemble the theme style,
	 * specifically font, colors, icons, and column width.
	 */
	add_editor_style( array( 'css/editor-style.css', twentysixteen_fonts_url() ) );

	// Indicate widget sidebars can use selective refresh in the Customizer.
	add_theme_support( 'customize-selective-refresh-widgets' );
}
endif; // twentysixteen_setup
add_action( 'after_setup_theme', 'twentysixteen_setup' );

/**
 * Sets the content width in pixels, based on the theme's design and stylesheet.
 *
 * Priority 0 to make it available to lower priority callbacks.
 *
 * @global int $content_width
 *
 * @since Twenty Sixteen 1.0
 */
function twentysixteen_content_width() {
	$GLOBALS['content_width'] = apply_filters( 'twentysixteen_content_width', 840 );
}
add_action( 'after_setup_theme', 'twentysixteen_content_width', 0 );

/**
 * Registers a widget area.
 *
 * @link https://developer.wordpress.org/reference/functions/register_sidebar/
 *
 * @since Twenty Sixteen 1.0
 */
function twentysixteen_widgets_init() {
	register_sidebar( array(
		'name'          => __( 'Sidebar', 'twentysixteen' ),
		'id'            => 'sidebar-1',
		'description'   => __( 'Add widgets here to appear in your sidebar.', 'twentysixteen' ),
		'before_widget' => '<section id="%1$s" class="widget %2$s">',
		'after_widget'  => '</section>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>',
	) );

	register_sidebar( array(
		'name'          => __( 'Content Bottom 1', 'twentysixteen' ),
		'id'            => 'sidebar-2',
		'description'   => __( 'Appears at the bottom of the content on posts and pages.', 'twentysixteen' ),
		'before_widget' => '<section id="%1$s" class="widget %2$s">',
		'after_widget'  => '</section>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>',
	) );

	register_sidebar( array(
		'name'          => __( 'Content Bottom 2', 'twentysixteen' ),
		'id'            => 'sidebar-3',
		'description'   => __( 'Appears at the bottom of the content on posts and pages.', 'twentysixteen' ),
		'before_widget' => '<section id="%1$s" class="widget %2$s">',
		'after_widget'  => '</section>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>',
	) );
}
add_action( 'widgets_init', 'twentysixteen_widgets_init' );

if ( ! function_exists( 'twentysixteen_fonts_url' ) ) :
/**
 * Register Google fonts for Twenty Sixteen.
 *
 * Create your own twentysixteen_fonts_url() function to override in a child theme.
 *
 * @since Twenty Sixteen 1.0
 *
 * @return string Google fonts URL for the theme.
 */
function twentysixteen_fonts_url() {
	$fonts_url = '';
	$fonts     = array();
	$subsets   = 'latin,latin-ext';

	/* translators: If there are characters in your language that are not supported by Merriweather, translate this to 'off'. Do not translate into your own language. */
	if ( 'off' !== _x( 'on', 'Merriweather font: on or off', 'twentysixteen' ) ) {
		$fonts[] = 'Merriweather:400,700,900,400italic,700italic,900italic';
	}

	/* translators: If there are characters in your language that are not supported by Montserrat, translate this to 'off'. Do not translate into your own language. */
	if ( 'off' !== _x( 'on', 'Montserrat font: on or off', 'twentysixteen' ) ) {
		$fonts[] = 'Montserrat:400,700';
	}

	/* translators: If there are characters in your language that are not supported by Inconsolata, translate this to 'off'. Do not translate into your own language. */
	if ( 'off' !== _x( 'on', 'Inconsolata font: on or off', 'twentysixteen' ) ) {
		$fonts[] = 'Inconsolata:400';
	}

	if ( $fonts ) {
		$fonts_url = add_query_arg( array(
			'family' => urlencode( implode( '|', $fonts ) ),
			'subset' => urlencode( $subsets ),
		), 'https://fonts.googleapis.com/css' );
	}

	return $fonts_url;
}
endif;

/**
 * Handles JavaScript detection.
 *
 * Adds a `js` class to the root `<html>` element when JavaScript is detected.
 *
 * @since Twenty Sixteen 1.0
 */
function twentysixteen_javascript_detection() {
	echo "<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>\n";
}
add_action( 'wp_head', 'twentysixteen_javascript_detection', 0 );

/**
 * Enqueues scripts and styles.
 *
 * @since Twenty Sixteen 1.0
 */
function twentysixteen_scripts() {
	// Add custom fonts, used in the main stylesheet.
	wp_enqueue_style( 'twentysixteen-fonts', twentysixteen_fonts_url(), array(), null );

	// Add Genericons, used in the main stylesheet.
	wp_enqueue_style( 'genericons', get_template_directory_uri() . '/genericons/genericons.css', array(), '3.4.1' );

	// Theme stylesheet.
	wp_enqueue_style( 'twentysixteen-style', get_stylesheet_uri() );

	// Load the Internet Explorer specific stylesheet.
	wp_enqueue_style( 'twentysixteen-ie', get_template_directory_uri() . '/css/ie.css', array( 'twentysixteen-style' ), '20160816' );
	wp_style_add_data( 'twentysixteen-ie', 'conditional', 'lt IE 10' );

	// Load the Internet Explorer 8 specific stylesheet.
	wp_enqueue_style( 'twentysixteen-ie8', get_template_directory_uri() . '/css/ie8.css', array( 'twentysixteen-style' ), '20160816' );
	wp_style_add_data( 'twentysixteen-ie8', 'conditional', 'lt IE 9' );

	// Load the Internet Explorer 7 specific stylesheet.
	wp_enqueue_style( 'twentysixteen-ie7', get_template_directory_uri() . '/css/ie7.css', array( 'twentysixteen-style' ), '20160816' );
	wp_style_add_data( 'twentysixteen-ie7', 'conditional', 'lt IE 8' );

	// Load the html5 shiv.
	wp_enqueue_script( 'twentysixteen-html5', get_template_directory_uri() . '/js/html5.js', array(), '3.7.3' );
	wp_script_add_data( 'twentysixteen-html5', 'conditional', 'lt IE 9' );

	wp_enqueue_script( 'twentysixteen-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20160816', true );

	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
		wp_enqueue_script( 'comment-reply' );
	}

	if ( is_singular() && wp_attachment_is_image() ) {
		wp_enqueue_script( 'twentysixteen-keyboard-image-navigation', get_template_directory_uri() . '/js/keyboard-image-navigation.js', array( 'jquery' ), '20160816' );
	}

	wp_enqueue_script( 'twentysixteen-script', get_template_directory_uri() . '/js/functions.js', array( 'jquery' ), '20160816', true );

	wp_localize_script( 'twentysixteen-script', 'screenReaderText', array(
		'expand'   => __( 'expand child menu', 'twentysixteen' ),
		'collapse' => __( 'collapse child menu', 'twentysixteen' ),
	) );
}
add_action( 'wp_enqueue_scripts', 'twentysixteen_scripts' );

/**
 * Adds custom classes to the array of body classes.
 *
 * @since Twenty Sixteen 1.0
 *
 * @param array $classes Classes for the body element.
 * @return array (Maybe) filtered body classes.
 */
function twentysixteen_body_classes( $classes ) {
	// Adds a class of custom-background-image to sites with a custom background image.
	if ( get_background_image() ) {
		$classes[] = 'custom-background-image';
	}

	// Adds a class of group-blog to sites with more than 1 published author.
	if ( is_multi_author() ) {
		$classes[] = 'group-blog';
	}

	// Adds a class of no-sidebar to sites without active sidebar.
	if ( ! is_active_sidebar( 'sidebar-1' ) ) {
		$classes[] = 'no-sidebar';
	}

	// Adds a class of hfeed to non-singular pages.
	if ( ! is_singular() ) {
		$classes[] = 'hfeed';
	}

	return $classes;
}
add_filter( 'body_class', 'twentysixteen_body_classes' );

/**
 * Converts a HEX value to RGB.
 *
 * @since Twenty Sixteen 1.0
 *
 * @param string $color The original color, in 3- or 6-digit hexadecimal form.
 * @return array Array containing RGB (red, green, and blue) values for the given
 *               HEX code, empty array otherwise.
 */
function twentysixteen_hex2rgb( $color ) {
	$color = trim( $color, '#' );

	if ( strlen( $color ) === 3 ) {
		$r = hexdec( substr( $color, 0, 1 ).substr( $color, 0, 1 ) );
		$g = hexdec( substr( $color, 1, 1 ).substr( $color, 1, 1 ) );
		$b = hexdec( substr( $color, 2, 1 ).substr( $color, 2, 1 ) );
	} else if ( strlen( $color ) === 6 ) {
		$r = hexdec( substr( $color, 0, 2 ) );
		$g = hexdec( substr( $color, 2, 2 ) );
		$b = hexdec( substr( $color, 4, 2 ) );
	} else {
		return array();
	}

	return array( 'red' => $r, 'green' => $g, 'blue' => $b );
}

/**
 * Custom template tags for this theme.
 */
require get_template_directory() . '/inc/template-tags.php';

/**
 * Customizer additions.
 */
require get_template_directory() . '/inc/customizer.php';

/**
 * Add custom image sizes attribute to enhance responsive image functionality
 * for content images
 *
 * @since Twenty Sixteen 1.0
 *
 * @param string $sizes A source size value for use in a 'sizes' attribute.
 * @param array  $size  Image size. Accepts an array of width and height
 *                      values in pixels (in that order).
 * @return string A source size value for use in a content image 'sizes' attribute.
 */
function twentysixteen_content_image_sizes_attr( $sizes, $size ) {
	$width = $size[0];

	if ( 840 <= $width ) {
		$sizes = '(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px';
	}

	if ( 'page' === get_post_type() ) {
		if ( 840 > $width ) {
			$sizes = '(max-width: ' . $width . 'px) 85vw, ' . $width . 'px';
		}
	} else {
		if ( 840 > $width && 600 <= $width ) {
			$sizes = '(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px';
		} elseif ( 600 > $width ) {
			$sizes = '(max-width: ' . $width . 'px) 85vw, ' . $width . 'px';
		}
	}

	return $sizes;
}
add_filter( 'wp_calculate_image_sizes', 'twentysixteen_content_image_sizes_attr', 10 , 2 );

/**
 * Add custom image sizes attribute to enhance responsive image functionality
 * for post thumbnails
 *
 * @since Twenty Sixteen 1.0
 *
 * @param array $attr Attributes for the image markup.
 * @param int   $attachment Image attachment ID.
 * @param array $size Registered image size or flat array of height and width dimensions.
 * @return array The filtered attributes for the image markup.
 */
function twentysixteen_post_thumbnail_sizes_attr( $attr, $attachment, $size ) {
	if ( 'post-thumbnail' === $size ) {
		if ( is_active_sidebar( 'sidebar-1' ) ) {
			$attr['sizes'] = '(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 60vw, (max-width: 1362px) 62vw, 840px';
		} else {
			$attr['sizes'] = '(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 88vw, 1200px';
		}
	}
	return $attr;
}
add_filter( 'wp_get_attachment_image_attributes', 'twentysixteen_post_thumbnail_sizes_attr', 10 , 3 );

/**
 * Modifies tag cloud widget arguments to display all tags in the same font size
 * and use list format for better accessibility.
 *
 * @since Twenty Sixteen 1.1
 *
 * @param array $args Arguments for tag cloud widget.
 * @return array The filtered arguments for tag cloud widget.
 */
function twentysixteen_widget_tag_cloud_args( $args ) {
	$args['largest']  = 1;
	$args['smallest'] = 1;
	$args['unit']     = 'em';
	$args['format']   = 'list'; 

	return $args;
}
add_filter( 'widget_tag_cloud_args', 'twentysixteen_widget_tag_cloud_args' );
<!DOCTYPE html>
<html lang="en-US" prefix="og: http://ogp.me/ns#" class="no-js">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="profile" href="https://gmpg.org/xfn/11">
		<link rel="pingback" href="https://www.digitalimc.com/blog/xmlrpc.php">
		<meta name='robots' content='max-image-preview:large' />

<!-- This site is optimized with the Yoast SEO plugin v7.6.1 - https://yoast.com/wordpress/plugins/seo/ -->
<meta name="description" content="The SEO SERP is one of the techniques used to improve traffic on the website by obtaining high-rank placement in Google, Bing, Yahoo and others."/>
<link rel="canonical" href="https://www.digitalimc.com/blog/on-page-seo/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Everything You Need to Know About On-Page SEO!" />
<meta property="og:description" content="The SEO SERP is one of the techniques used to improve traffic on the website by obtaining high-rank placement in Google, Bing, Yahoo and others." />
<meta property="og:url" content="https://www.digitalimc.com/blog/on-page-seo/" />
<meta property="og:site_name" content="A Google Partner Digital Marketing Agency" />
<meta property="article:tag" content="seo" />
<meta property="article:section" content="Uncategorized" />
<meta property="article:published_time" content="2018-08-29T06:04:13+00:00" />
<meta property="article:modified_time" content="2018-11-19T09:02:22+00:00" />
<meta property="og:updated_time" content="2018-11-19T09:02:22+00:00" />
<meta property="og:image" content="https://www.digitalimc.com/blog/wp-content/uploads/2018/08/Digital-Marketing-Agency.png" />
<meta property="og:image:secure_url" content="https://www.digitalimc.com/blog/wp-content/uploads/2018/08/Digital-Marketing-Agency.png" />
<meta property="og:image:width" content="960" />
<meta property="og:image:height" content="540" />
<meta property="og:image:alt" content="Digital Marketing Agency" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="The SEO SERP is one of the techniques used to improve traffic on the website by obtaining high-rank placement in Google, Bing, Yahoo and others." />
<meta name="twitter:title" content="Everything You Need to Know About On-Page SEO!" />
<meta name="twitter:image" content="https://www.digitalimc.com/blog/wp-content/uploads/2018/08/Digital-Marketing-Agency.png" />
<script type='application/ld+json'>{"@context":"https:\/\/schema.org","@type":"Organization","url":"https:\/\/www.digitalimc.com\/blog\/","sameAs":[],"@id":"https:\/\/www.digitalimc.com\/blog\/#organization","name":"Digital iMC","logo":""}</script>
<!-- / Yoast SEO plugin. -->

<link rel='dns-prefetch' href='//platform-api.sharethis.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="A Google Partner Digital Marketing Agency &raquo; Everything You Need to Know About On-Page SEO! Comments Feed" href="https://www.digitalimc.com/blog/on-page-seo/feed/" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.digitalimc.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.9.9"}};
/*! This file is auto-generated */
!function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([10084,65039,8205,55357,56613],[10084,65039,8203,55357,56613])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 0.07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
	<link rel='stylesheet' id='wp-block-library-css'  href='https://www.digitalimc.com/blog/wp-includes/css/dist/block-library/style.min.css?ver=5.9.9' type='text/css' media='all' />
<style id='global-styles-inline-css' type='text/css'>
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
</style>
<link rel='stylesheet' id='wpos-slick-style-css'  href='https://www.digitalimc.com/blog/wp-content/plugins/blog-designer-for-post-and-widget/assets/css/slick.css?ver=1.6.1' type='text/css' media='all' />
<link rel='stylesheet' id='bdpw-public-css-css'  href='https://www.digitalimc.com/blog/wp-content/plugins/blog-designer-for-post-and-widget/assets/css/bdpw-public.css?ver=1.6.1' type='text/css' media='all' />
<link rel='stylesheet' id='share-this-share-buttons-sticky-css'  href='https://www.digitalimc.com/blog/wp-content/plugins/sharethis-share-buttons/css/mu-style.css?ver=5.9.9' type='text/css' media='all' />
<script>if (document.location.protocol != "https:") {document.location = document.URL.replace(/^http:/i, "https:");}</script><script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5bbc44cf7c574000111cad0c&#038;product=inline-share-buttons-wp' id='share-this-share-buttons-mu-js'></script>
<link rel="https://api.w.org/" href="https://www.digitalimc.com/blog/wp-json/" /><link rel="alternate" type="application/json" href="https://www.digitalimc.com/blog/wp-json/wp/v2/posts/218" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.digitalimc.com/blog/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.digitalimc.com/blog/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 5.9.9" />
<link rel='shortlink' href='https://www.digitalimc.com/blog/?p=218' />
<link rel="alternate" type="application/json+oembed" href="https://www.digitalimc.com/blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.digitalimc.com%2Fblog%2Fon-page-seo%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://www.digitalimc.com/blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.digitalimc.com%2Fblog%2Fon-page-seo%2F&#038;format=xml" />
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro|Montserrat:500,700|Merienda+One|Fondamento" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="https://digitalimc.com/css/bootstrap.min.css">
<link rel="icon" type="png" href="https://digitalimc.com/images/fav-icon.png">
<style>
	.sidebar {
    margin-bottom: 3.5em;
    padding: 0;
     }
	  .mdi:before, .mdi-set {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mdi-facebook:before{content:"\F20C"}
.mdi-twitter:before{content:"\F544"}
.mdi-linkedin:before{content:"\F33B"}
.mdi-instagram:before{content:"\F2FE"}
.mdi-phone:before{content:"\F3F2"}
.mdi-email-variant:before{content:"\F5F0"}
.mdi-arrow-right:before{content:"\F054"}
.mdi-arrow-left:before{content:"\F04D"}
.mdi-arrow-down:before{content:"\F045"}
.mdi-google:before{content:"\F2AD"}
.mdi-facebook:before{content:"\F20C"}
.mdi-git:before{content:"\F2A2"}
.mdi-account-switch:before{content:"\F019"}
.mdi-graphql:before {content:"\F876"}
.mdi-checkbox-multiple-marked-outline:before {content: "\F139";}
.mdi-memory::before{content:"\F35B"}
.mdi-palette-swatch::before{content:"\F8B4"}
.mdi-chevron-double-right::before {content: "\F13E";}
.mdi-map-marker-multiple:before{content:"\F350"}
.mdi-deskphone:before{content:"\F1C3"}
.mdi-telegram:before{content:"\F501"}
.mdi-pinterest:before{content:"\F407"}
.mdi-cube-outline:before{content:"\F1A7"}
.mdi-crown:before{content: "\F1A5";}
.mdi-speedometer:before{content: "\F4C5";}
.mdi-check-all:before{content:"\F12D"}
.mdi-home:before{content:"\F2DC"}
.mdi-tie:before{content:"\F519"}
.mdi-chevron-double-right:before{content:"\F13E"}
.mdi-link:before{content:"\F337"}
.mdi-account-check:before{content:"\F008"}
.mdi-mail-ru:before{content:"\F34C"}
.mdi-rocket:before{content:"\F463"}
.mdi-account-multiple-outline:before{content: "\F00F";}
.mdi-coffee-to-go:before{content: "\F177";}
.mdi-heart-outline:before{content: "\F2D5";}
.mdi-headset-dock:before{content: "\F2CF";}
		/*@font-face{
	font-family:"Material Design Icons";
	src:url("fonts/materialdesignicons-webfont.eot?v=2.0.46");
	src:url("fonts/materialdesignicons-webfont.eot?#iefix&v=2.0.46") format("embedded-opentype"),
			url("fonts/materialdesignicons-webfont.woff2?v=2.0.46") format("woff2"),
			url("fonts/materialdesignicons-webfont.woff?v=2.0.46") format("woff"),
			url("fonts/materialdesignicons-webfont.ttf?v=2.0.46") format("truetype"),
			url("fonts/materialdesignicons-webfont.svg?v=2.0.46#materialdesigniconsregular") format("svg");
	font-weight:normal;
	font-style:normal
*/

		html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: middle;
}
		strong, b{
	vertical-align: top;
}
b,strong{
  font-weight: 600;
}
*,
*::before,
*::after{
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
a,a:hover,a:focus{
	text-decoration: none;
	color: inherit;
	outline: none;
}
body{
	line-height: 1.3;
	font-family: 'Source Sans Pro', sans-serif;
	color: #444;
	position: relative;
}
::-webkit-scrollbar-track {background-color: #502eff;border-left: 1px solid #ededed;}
::-webkit-scrollbar {width: 7px;background-color: #ff1637;}
::-webkit-scrollbar-thumb {background:#ff1637;}
h1,h2,h3{
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 2px;
	font-weight: 700;
	color: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h3{
	font-weight: 500;
}
ul,ol{list-style: none;}
.formLabel{
	position: relative;
	margin-bottom: 15px;
}
p{
    line-height: 1.7;
}
.formLabel input,
.formLabel select,
.formLabel select:focus,
.formLabel select:hover,
.formLabel input:hover,
.formLabel input:focus,
.formLabel textarea,
.formLabel textarea:hover,
.formLabel textarea:focus{
	display: block;
	width: 100%;
	max-width: 100%;
	border: 1px solid #ddd;
	outline: none;
	padding: 12px 12px !important;
	border-radius: 5px;
  font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
}
.formLabel textarea{
	min-height: 100px;
}
.container-fluid,
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
/*amplight box Start*/

amp-lightbox {
    background-color: rgba(0,0,0,0.7);
        z-index: 9999999999999;
}

.modalInner {
    position: absolute;
    top: 49%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 580px;
    background-color: #fff;
    padding-bottom: 0px;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.4s ease;
    text-align: center;
}

.modalInner h4 {
    padding: 10px 15px;
    background-color: #502eff;
    color: #fff;
    font-weight: normal;
    font-size: 25px;
    position: relative;
    text-align: left;
}

.modalDiv {
    padding: 20px 15px 0px;
}
.btnSubmitModal {
    margin: 15px auto 0px;
    display: inline-block;
    text-align: center;
    padding: 10px 40px;
    background-color: #502eff;
    color: #fff;
    border: none;
    border-radius: 5px;
    outline: none;
}

.modalInner h4 span {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 50px;
    cursor: pointer;
    line-height: 23px;
}
.formTypoTop {
   
    text-align: center;
    padding: 20px 40px;
    background-color: #f9f9f9;
}

.sendTopForm, .sendTopForm:focus {
    text-align: center;
    width: 100%;
    padding: 15px 0px;
    font-size: 15px;
    background-color: #fa3652;
    color: #fff;
    border: none;
    outline: none;
}
.packageshead{
  text-align: left;
    padding-left: 70px;
    font-weight: 600;
}
.packageshead2{
  text-align: left;
    padding-left: 70px;
    font-weight: 600;
    color: #fff
}
.packagepricehead1{
  font-size: 24px;
}
.packagepricehead2{
  font-size: 16px;
      margin-top: -10px;
}
.packagephead1{
  font-size: 24px;
  color: #fff;
}
.packagephead2{
  font-size: 16px;
  color: #fff;
      margin-top: -10px;
}
.pricenote{
      font-size: 18px;
}

.modalWrapper.active {
    opacity: 1;
    visibility: visible;
    z-index: 99999999999999;
}

.modalWrapper {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 4;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

.modalInner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-width: 400px;
    background-color: #fff;
    padding-bottom: 0px;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.4s ease;
    text-align: center;
}

.modalInner h4 {
    padding: 10px 15px;
    background-color: #502eff;
    color: #fff;
    font-weight: normal;
    font-size: 25px;
    position: relative;
    text-align: left;
}

.modalDiv {
    padding: 20px 15px 0px;
}
.sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #dadada;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 99999;
}
.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}



@media (max-width: 767px){
.modalInner {
    min-width: 90%;
}
.headerMobile {
    padding: 0px 0px !important;
}
.text-right {
    margin-top: 6px;
}
}
@media (max-width: 767px){
.modalInner h4 {
    font-size: 17px;
}
	.sidebar {
   	height: 100%;
    width: 0;
    position: fixed;
    left: 0px;
    top: 0;
    background-color: #dadada;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 50px;
    z-index: 99999;
}
}

/*light box End*/

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
  /*.packagesarea{
    width: 700px;
  }*/
}
@media (min-width: 1500px) {
  .container {
    max-width: 1400px;
  }
}
.row{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-15,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-15,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11,.col-md-12, .col-md-15,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11,.col-lg-12, .col-lg-15{
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.no-gutters > [class*=col-]{
  /*padding-left: 0px;
  padding-right: 0px;*/
      padding: 20px 15px;
}
.pt-0{
  padding-top: 0px;
}
.pt-5{
  padding-top: 5px;
}
.mt-5{
  margin-top: 5px;
}
.pt-150{
  padding-top: 150px; 
}
.pt-50{
  padding-top: 50px; 
}
.pb-50{
  padding-bottom: 50px; 
}
.pt-15{
  padding-top: 15px; 
}
.pb-15{
  padding-bottom: 15px; 
}
.pb-0{
  padding-bottom: 0px; 
}
.pb-5{
  padding-bottom: 5px; 
}
.p-10{
  padding: 10px;
}

.pt-10{
  padding-top: 10px; 
}
.pb-10{
  padding-bottom: 10px; 
}
.pr-10{
  padding-right: 10px; 
}
.pl-10{
  padding-left: 10px; 
}
.pr-15{
  padding-right: 15px; 
}
.pl-15{
  padding-left: 15px; 
}
.pt-30{
  padding-top: 30px;
}
.pb-30{
  padding-bottom: 30px; 
}
.pr-30{
  padding-right: 30px; 
}
.pl-30{
  padding-left: 30px; 
}
.mt-30{
  margin-top: 30px; 
}
.mb-30{
  margin-bottom: 30px; 
}
.mt-15{
  margin-top: 15px; 
}
.mb-15{
  margin-bottom: 15px; 
}
.mr-10{
  margin-right: 10px;
}
.color-red{
  color: #fafafa;
}
.h4-14 > h4,
.font-14{
  font-size: 16px;
}
.h4-16 > h4,
.h3-16 > h3,
.font-16{
  font-size: 16px;
}
.h1-18 > h1,
.h2-18 > h2,
.h4-18 > h4,
.h3-18 > h3,
.font-18{
  font-size: 18px;
}
.h1-20 > h1,
.h2-20 > h2,
.h4-20 > h4,
.h3-20 > h3,
.font-20{
  font-size: 20px;
}
.h1-24 > h1,
.h2-24 > h2,
.h4-24 > h4,
.h3-24 > h3,
.font-24{
  font-size: 24px;
}
.h1-30 > h1,
.h2-30 > h2,
.h4-30 > h4,
.h3-30 > h3,
.font-30{
  font-size: 30px;
}
.h1-35 > h1,
.h2-35 > h2,
.h4-35 > h4,
.h3-35 > h3,
.font-35{
  font-size: 35px;
}
.font-45{
  font-size: 45px;
}
.font-60{
  font-size: 60px;
}
.col-1 {
  -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -ms-flex: 0 0 75%;
      flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}
.col-15{
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.order-1{
  -ms-flex-order: 1;
  order: 1;
}
.order-2{
  -ms-flex-order: 2;
  order: 2;
}
.order-3{
  -ms-flex-order: 3;
  order: 3;
}
.d-flex{
  display: flex;
}
.d-block{
	display: block;
}
.d-none{
	display: none;
}
.d-inline-block{
  display: inline-block;
}
.pos-rel{
  position: relative;
}
.pos-abs{
  position: absolute;
}
.h-100{
  height: 100%;
}
.bg-white{
  background-color: #fff;
}
.bg-light{
  background-color: #fbfbfb;
}
.bg-light-2{
  background-color: #f2f2f2;
}
.color-dark{
  color: #000;
}
.color-primary-1{
  color: #fa2659;
}
.color-white{
  color: #fff;
}
.bg-primary{
  background-color: #502eff;
}
.border-1{
  border: 1px solid #000;
}
.border-white{
  border-color: #fff;
}
.border-primary{
  border-color: #502eff;
}
.bor-rad-50{
  border-radius: 50%;
}
.bor-rad-5{
  border-radius: 5px;
}
.bor-rad-10{
  border-radius: 10px;
}
.bor-rad-35{
  border-radius: 35px;
}
.border-hover-primary:hover{
  border-color: #502eff; 
}
.transition-all-5s{
  transition: all 0.5s ease;
}
.color-primary{
  color: #502eff;
}
.bg-hover-white:hover{
  background-color: #fff !important;
}
.bg-hover-light:hover{
  background-color: #f2f2f2;
}
.bg-gradient{
  background: linear-gradient(-45deg,#ed1c94 15%,#7a5bff);
}
.bg-hover-gradient:hover{
  background: linear-gradient(-45deg,#ed1c94 15%,#7a5bff);
}
.color-hover-dark:hover{
  color: #000;
}
.color-hover-white:hover{
  color: #fff;
}
.bg-hover-primary:hover{
  background-color: #502eff;
}
.color-hover-primary:hover{
  color: #502eff;
}
.bg-color-shade-1{
  background-color: #2a2769;
}
.bg-color-shade-2{
  background-color: #5c57bb;
}
.bg-color-shade-3{
  background-color: #6c63ff;
}
.bg-topbutton{
  background-color: #ef1604;
  border-color: #ef1604;
  text-transform: uppercase;
}
.bg-topbutton:hover{
  background-color: #502eff !important;
  color: #fff;
}
.text-center{
	text-align: center;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
.bx-shadaw-light{
  box-shadow: 2px 2px 15px #ddd;
}
.portbox{
     padding: 5px;
    border: 1px solid #2a2769;
}
@media (min-width: 576px) {
  .h4-sm-14 > h4,
  .h3-sm-14 > h3,
  .font-sm-14{
    font-size: 16px;
  }
  .h4-sm-16 > h4,
  .h3-sm-16 > h3,
  .font-sm-16{
    font-size: 16px;
  }
  .h1-sm-18 > h1,
  .h2-sm-18 > h2,
  .h4-sm-18 > h4,
  .h3-sm-18 > h3,
  .font-sm-18{
    font-size: 18px;
  }
  .h1-sm-20 > h1,
  .h2-sm-20 > h2,
  .h4-sm-20 > h4,
  .h3-sm-20 > h3,
  .font-sm-20{
    font-size: 20px;
  }
  .h1-sm-24 > h1,
  .h2-sm-24 > h2,
  .h4-sm-24 > h4,
  .h3-sm-24 > h3,
  .font-sm-24{
    font-size: 24px;
  }
  .h1-sm-30 > h1,
  .h2-sm-30 > h2,
  .h4-sm-30 > h4,
  .h3-sm-30 > h3,
  .font-sm-30{
    font-size: 30px;
  }
  .h1-sm-35 > h1,
  .h2-sm-35 > h2,
  .h4-sm-35 > h4,
  .h3-sm-35 > h3,
  .font-sm-35{
    font-size: 35px;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .col-sm-15{
	  -ms-flex: 0 0 20%;
	  flex: 0 0 20%;
	  max-width: 20%;
	}
  .offset-sm-3{
    margin-left:25% 
  }
  .order-sm-1{
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2{
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3{
    -ms-flex-order: 3;
    order: 3;
  }
	.d-sm-block{
		display: block;
	}
	.d-sm-none{
		display: none;
	}
	.text-sm-center{
		text-align: center;
	}
  .text-sm-left{
    text-align: left;
  }
  .text-sm-right{
    text-align: right;
  }
  .d-sm-inline-block{
    display: inline-block;
  }
  .pb-sm-30{
    padding-bottom: 30px; 
  }
}
@media (min-width: 768px) {
  .h4-md-14 > h4,
  .h3-md-14 > h3,
  .font-md-14{
    font-size: 16px;
  }
  .h4-md-16 > h4,
  .h3-md-16 > h3,
  .font-md-16{
    font-size: 16px;
  }
  .h1-md-18 > h1,
  .h2-md-18 > h2,
  .h4-md-18 > h4,
  .h3-md-18 > h3,
  .font-md-18{
    font-size: 18px;
  }
  .h1-md-20 > h1,
  .h2-md-20 > h2,
  .h4-md-20 > h4,
  .h3-md-20 > h3,
  .font-md-20{
    font-size: 20px;
  }
  .h1-md-24 > h1,
  .h2-md-24 > h2,
  .h4-md-24 > h4,
  .h3-md-24 > h3,
  .font-md-24{
    font-size: 24px;
  }
  .h1-md-30 > h1,
  .h2-md-30 > h2,
  .h4-md-30 > h4,
  .h3-md-30 > h3,
  .font-md-30{
    font-size: 30px;
  }
  .h1-md-35 > h1,
  .h2-md-35 > h2,
  .h3-md-35 > h3,
  .font-md-35{
    font-size: 35px;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md-15{
	  -ms-flex: 0 0 20%;
	  flex: 0 0 20%;
	  max-width: 20%;
	}
  .offset-md-0{
    margin-left: 0px;
  }
  .order-md-1{
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2{
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3{
    -ms-flex-order: 3;
    order: 3;
  }
	.d-md-block{
		display: block;
	}
	.d-md-none{
		display: none;
	}
	.text-md-center{
		text-align: center;
	}
  .text-md-left{
    text-align: left;
  }
  .text-md-right{
    text-align: right;
  }
  .pt-md-0{
    padding-top: 0px;
  }
  .pb-md-0{
    padding-bottom: 0px; 
  }
  .pb-md-30{
    padding-bottom: 30px; 
  }
  .mb-md-0{
    margin-bottom: 0px;
  }
}
@media (min-width: 991px) {
  .h4-lg-14 > h4,
  .h3-lg-14 > h3,
  .font-lg-14{
    font-size: 16px;
  }
  .h4-lg-16 > h4,
  .h3-lg-16 > h3,
  .font-lg-16{
    font-size: 16px;
  }
  .h4-lg-18 > h4,
  .h3-lg-18 > h3,
  .font-lg-18{
    font-size: 18px;
  }
  .h4-lg-20 > h4,
  .h3-lg-20 > h3,
  .font-lg-20{
    font-size: 20px;
  }
  .h4-lg-24 > h4,
  .h3-lg-24 > h3,
  .font-lg-24{
    font-size: 24px;
  }
  .h4-lg-30 > h4,
  .h3-lg-30 > h3,
  .font-lg-30{
    font-size: 30px;
  }
  .h1-lg-35 > h1,
  .h2-lg-35 > h2,
  .font-lg-35{
    font-size: 35px;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .col-lg-15{
	  -ms-flex: 0 0 20%;
	  flex: 0 0 20%;
	  max-width: 20%;
	}
  .order-lg-1{
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2{
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3{
    -ms-flex-order: 3;
    order: 3;
  }
	.d-lg-block{
		display: block;
	}
	.d-lg-none{
		display: none;
	}
	.text-lg-center{
		text-align: center;
	}
  .text-lg-left{
    text-align: left;
  }
  .text-lg-right{
    text-align: right;
  }
  .offset-lg-0{
    margin-left: 0px;
  }
	.sidebar {
    height: 100%;
    width: auto;
    position: absolute;
    left: 0px;
    top: auto;
    background-color: transparent;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 15px;
    z-index: 999;
}
}
@media (min-width: 1200px) {
  .h4-xl-14 > h4,
  .h3-xl-14 > h3,
  .font-xl-14{
    font-size: 16px;
  }
  .h4-xl-16 > h4,
  .h3-xl-16 > h3,
  .font-xl-16{
    font-size: 16px;
  }
  .h4-xl-18 > h4,
  .h3-xl-18 > h3,
  .font-xl-18{
    font-size: 18px;
  }
  .h4-xl-20 > h4,
  .h3-xl-20 > h3,
  .font-xl-20{
    font-size: 20px;
  }
  .h4-xl-24 > h4,
  .h3-xl-24 > h3,
  .font-xl-24{
    font-size: 24px;
  }
  .h4-xl-30 > h4,
  .h3-xl-30 > h3,
  .font-xl-30{
    font-size: 30px;
  }
  .h1-xl-35 > h1,
  .h2-xl-35 > h2,
  .font-xl-35{
    font-size: 35px;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xl-15{
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .order-xl-1{
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2{
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3{
    -ms-flex-order: 3;
    order: 3;
  }
  .d-xl-block{
    display: block;
  }
  .d-xl-none{
    display: none;
  }
  .text-xl-center{
    text-align: center;
  }
  .text-xl-left{
    text-align: left;
  }
  .text-xl-right{
    text-align: right;
  }
}
img{
  max-width: 100%;
  height: auto;
}
.fontNormal{
  font-weight: 300;
}
.listUlDics{
  list-style: disc;
}
.li-pad-5 li{
  padding-bottom: 5px;
}
.listUlArrow li:before{
  content: '\F054';
  font: normal normal normal 16px/1 "Material Design Icons";
  position: absolute;
  font-size: inherit;
  left: -10px;
  top: 4px;
}
.border-bottom-1{
  border-bottom: 1px solid ;
}
.border-light-color{
  border-color: #dadada;
}
.topCenter a,
.topLeft a,
.topRight a{
	display: inline-block;
	padding: 8px 5px;
  line-height: 1;
}

.topRight a{
	line-height: 1.01;
}


/*Navbar Desktop CSS*/
.stickyNav{
  position: sticky;
  top: 0px;
  box-shadow: 0px 5px 5px #ccc;
  z-index: 9999;
}
.navbar{
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0px;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.navbar-brand{
  display: inline-block;
  line-height: inherit;
  white-space: nowrap;
	height: auto;
	margin-top: 0;
}
.navbar-brand img{
  width: 150px;
}
.navbar-desktop-wrap{
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.navbar-nav{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0;
  margin-bottom: 0;
  margin-left: auto;
  z-index: 4;
}
.nav-link{
  display: block;
  padding: 20px 20px;
  color: #000;
}
.nav-item.active .nav-link{
  color: #00a0e3;
}
.inq-button-top{
  background-color: #ef1649;
  display: inline-flex;
  width: auto;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 11px 28px;
  line-height: 1.4;
  border-radius: 30px;
  border: 2px solid #ef1649;
  transition: ease .5s all 0s;
}
.inq-button-top-1{
  background-color: #2a2769;
    margin-top: 8px;
    margin-right: 15px;
    display: inline-flex;
    width: auto;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 11px 28px;
    line-height: 1.4;
    border-radius: 30px;
    border: 2px solid #2a2769;
    transition: ease .5s all 0s;
}

.megamenu{
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 120%;
  right: 20px;
  left: 50%;
  min-width: 880px;
  transform: translateX(-50%);
  max-width: 100%;
  z-index: 2;
  box-shadow: 0 2px 5px #0000005d;
  border-radius: 3px;
  border-bottom: 5px solid #fd004d;
  transition: all 0.5s ease;
}

.packagesmenu{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 120%;
    width: 300px;
    transform: translateX(-25%);
    z-index: 5;
    box-shadow: 0 2px 5px #0000005d;
    border-radius: 3px;
    border-bottom: 5px solid #fd004d;
    transition: all 0.5s ease;
}

@media (max-width: 1200px){
  .megamenu{
    min-width: 750px;
    left: 125%;
  }
  .packagesmenu{
    min-width: 750px;
    left: 125%;
  }
}

.nav-item.dropdown:hover > .megamenu{
  opacity: 1;
  visibility: visible;
  top: 99%;
}
.nav-item.dropdown:hover > .packagesmenu{
  opacity: 1;
  visibility: visible;
  top: 99%;
}
.megamenu-flex-wrap{
  flex: 1;
}
.menu-wrap{
  padding: 30px 20px;
}
.megamenu-img{
  max-width: 40px;
}

.headerMobile{
  padding: 5px 0px;
}
amp-sidebar {
  width: 250px;
}
.mobileNav{
  z-index: 2147483649;
}
.sideBarNavbar{}
.sideBarNav>li {
  border-bottom: 1px solid #f3f3f3;
}
.navAnc{
  padding: 10px;
  padding-right: 40px;
}
.dropDownInput{
  display: none;
}


.dropSmallMenuUl{
  margin: 0px;
  display: none;
  transition: 0.3s;
  list-style: none;
  padding: 0px;
}
.triggerDrop {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.arowDown{
  top: 5px;
  right: 15px;
  margin: 0px;
  font-size: 20px;
  z-index: 2;
  transition: 0.2s;
}
.dropDownInput:checked ~ .dropSmallMenuUl{
  display: block;
}
.packagesdropdown{
  width: 300PX;
    margin-left: -100px;
}
.packagearrow{
  margin-right: -15px;
    margin-top: -2px;
}
.packagearea{
          margin-left: -8px;
    background-color: #ef1649;
    margin-top: 6px;
    display: inline-flex;
    width: auto;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 6px 20px 6px 6px;
    line-height: 1.4;
    border-radius: 7px;
    border: 2px solid #ef1649;
    transition: ease .5s all 0s;
}

.dropDownInput:checked ~ .dropAnc label .arowDown{
  transform: rotate(180deg);
}
.dropSmallMenuUl>li {
  border-bottom: 1px solid #f3f3f3;
}
.dropSmallMenuUl li:first-child{
  border-top: 1px solid #f3f3f3;
}


.sidebarButtonDiv>a{
  padding: 10px;
  margin-top: 3px;
  background-color: #063465;
  border-radius: 5px;
}
.iconBar{
  height: 2px;
  width: 22px;
  border-radius: 1px;
  margin-top: 4px;
}
.iconBar:first-child{
  margin-top: 0px;
}


/*Carousel CSS & Centralize between Vertical Space*/
.tab-for-mid{
  height: 100%;
  display: table;
}
.tab-cell-for-mid{
  display: table-cell;
  vertical-align: middle;
}
/*Page Heading*/
.pageHead h2,
.pageHead h3{
  font-weight: 600;
}


.footerSec{
  position: relative;
  padding: 120px 0px 10px;
  background-image: url(https://digitalimc.com/images/bg/footer-wave-shape.png);
  background-size: contain;
  background-position: center;
  background-color: #f0efff;
}
.addFooter {
  border-bottom: 1px solid #999;
}
.footerDtlDiv {
  padding-left: 50px;
}
.footerDtlDiv i {
  left: 10px;
  top: 0px;
}
.footerForm h3,
.footerDtlDiv h3{
  font-weight: 600;
  text-transform: uppercase;
}
.footerDtlDiv:after {
  top: 0px;
  right: -8px;
  bottom: 0px;
  background-color: #999;
  width: 2px;
  content: '';
  position: absolute;
}
.lastFooterDtlDiv:after{
  display: none;
}
.footerAbout:after {
  position: absolute;
  content: '';
  top: 0px;
  bottom: 0px;
  right: -7px;
  width: 1px;
  background-color: #999;
}
.footerAbout p{
  line-height: 26px;
  color: #7a7a7a;
}
.footerForm input,
.footerForm input:hover,
.footerForm input:focus,
.footerForm select:hover,
.footerForm select:focus,
.footerForm select{
  padding: 5px 12px;
  border-radius: 0px;
  border-color: #7a7a7a;
}
.footerSubmit{
  border: none;
  width: 100%;
  max-width: 100%;
}
.copyRightDiv {
  color: #7a7a7a;
  border-top: 1px solid #999;
}
.imgFooterRelax{
  width: 300px;
  max-width: 100%;
  height: auto;
  bottom: -30px;
  right: 20px;
  z-index: 0;
}
@media (max-width: 768px){
  .footerDtlDiv {
    margin-bottom: 10px;
    padding-bottom: 20px;
  }
  .footerDtlDiv:after, .footerAbout:after {
    height: 0.5px;
    width: 100%;
    bottom: 12px;
    left: 0px;
    right: 0px;
    top: unset;
  }
  .footerSec {
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 160% 250px;
  }
  .imgFooterRelax {
    top: 215px;
    z-index: 0;
    max-width: 50%;
  }
}
.footerAbout img{
  margin-left: 0px;
  max-height: 40px;
  max-width: 179px;
  min-height: 40px;
  min-width: 179px;
}


.socialDiv a{
  height: 30px;
  width: 30px;
  line-height: 29px;
}
.socialDiv a + a{
  margin-left: 5px;
}
.socialDiv a:hover {
  border-radius: 2px;
  transform: rotate(360deg);
}

.blogDiv{
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.blogDiv:hover{
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.blogDiv h3,
.blogDiv h5,
.blogDiv p{
  position: relative;
  z-index: 3;
}
.blogDiv p{
  min-height: 80px;
  max-height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blogFoldImgDiv{
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  opacity: 0.7;
  background-color: #fff;
}
.blogFoldImgDiv img{
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  opacity: 0;
  z-index: 0;
  transition: all 0.5s ease;
}
.blogFoldImgDiv amp-img{
  position: static;
}

.blogDiv:hover .blogFoldImgDiv img{
  opacity: 0.3
}
.blogAncSideCorner{
  height: 50px;
  width: 50px;
  z-index: 4;
  right: 0px;
  bottom: 0px;
  box-shadow: 0px 0px 25px 0px rgba(0, 27, 103, 0.3);
  border-radius: 50% 0 0 0;
  line-height: 50px;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.blogDiv:hover .blogAncSideCorner{
  border-color: transparent;
  background-color: #502eff;
  color: #fff;
}

.commonFold1{
  padding: 80px 0px;
  background-image: url(https://digitalimc.com/images/bg/bg-seo.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.webInput, .emInput, .checkSubmit, .mbInput{
  border: none;
  outline: none;
  height: 60px;
  border-radius: 30px;
  min-width: 22%;
}
.webInput {
  padding: 20px 80px 20px 25px;
}
.emInput, .mbInput {
  padding: 20px 10px 20px 25px;
  border: 4px solid #205abd;
  margin-left: -5%;
  height: 68px;
  border-radius: 35px;
}
.checkSubmit {
  text-transform: uppercase;
  background-color: #2f2c2c;
  min-width: 15%;
  margin-left: -5%;
  cursor: pointer;
}
@media(max-width: 1200px){
  .commonFold1{
    background-size: cover;
    background-position: left bottom;
  }
}
@media(max-width: 991px){
  .commonFold1 .container{
    max-width: 100%;
  }
}
@media(max-width: 992px) and (min-width: 768px){
  .emInput{
    min-width: 30%;
  }
  .checkSubmit{
    min-width: 22%;
  }
}
@media(max-width: 767px){
  .emInput, .webInput{
    min-width: 40%;
  }
  .mbInput, .checkSubmit{
    display: block;
    min-width: 70%;
    margin: 10px auto 0px;
  }
  .commonFold1{
    background-size: cover;
  }
}
@media(max-width: 575px){
  .emInput, .webInput, .mbInput{
    display: block;
    margin: 10px auto 0px;
    height: 40px;
    width: 100%;
  }
  .checkSubmit{
    height: 40px;
    width: 100%;
  }
  .emInput{
    border: 0px;
  }
}
.pricingFold{
  background-color: #d2eaff;
}
.pricingFold .pageHead{
  margin-bottom: 50px;
}
.pricingFoldDiv{
  z-index: 1;
}
.pricingFoldDivCenter{
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  background-image: url(https://digitalimc.com/images/bg/bg-pricing-plan.png);
}
.pricingFoldDivCenter2{
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  background-image: url(https://digitalimc.com/images/bg/bg-pricing-plan.png);
  max-height: 517px;
}
.pricingFoldDivCenter3{
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  background-image: url(https://digitalimc.com/images/bg/bg-pricing-plan.png);
  max-height: 579px;
}
.pricingFoldDivHead h3{
  display: inline-block;
  padding: 8px 20px;
  border: 1px solid #6c63ff;
  border-radius: 20px;  
}
.pricingFoldDivCenter h3{
  border-color: #fff;
}
.pricingFoldDivLeft{
  border-radius: 20px 0 0 20px;
}
.pricingFoldDivLeft2{
  border-radius: 20px 0 0 20px;
  max-height: 517px;
}
.pricingFoldDivLeft3{
  border-radius: 20px 0 0 20px;
  min-height: 579px;
}
.pricingFoldDivRight{
  border-radius: 0 20px 20px 0;
}
.pricingFoldDivRight2{
  border-radius: 0 20px 20px 0;
  max-height: 517px;
}
.pricingFoldDivRight3{
  border-radius: 0 20px 20px 0;
  max-height: 579px;
}
.pricingFoldDivContent2 ul li{
  color: #fff;
  text-align: left; 
  margin-left: 20%;
}
.pricingFoldDivContent ul li{
  color: #142b5f;
  text-align: left; 
  margin-left: 20%;
}
.pricingFoldDivCenter ul li{
  color: #fff;
}
.pricingFoldDivContent ul li > p:after{
  position: absolute;
  left: -20px;
  top: 8px;
  content:"\F12D";
  font: normal normal normal 24px/1 "Material Design Icons";

}
.pricingFoldDivContent ul li p{
  border-bottom: 1px solid #6c63ff;
}
.pricingFoldDivCenter ul li p{
  border-bottom-color: #fff;
}
.pricingFold .col-md-4.bg-color-shade-3{
  box-shadow: 0 20px 60px 0 rgba(31,90,188, 0.15);
}
@media(max-width: 767px){
  .pricingFold .no-gutters > [class*=col-]{
    padding-left: 15px;
    padding-right: 15px;  
  }
  .pricingFoldDiv{
    border-radius: 20px;
  }
}

.preFooterSec{
  padding: 70px 0px;
  background-image: url(https://digitalimc.com/images/bg/call-to-action-2.jpg);
  z-index: 2;
}
.preFooterSec:before {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.9;
  background-color: #4243e7;
}
.footerPreDtl {
  max-width: 600px;
  margin: 0 auto;
}
.footerPreDtl h2{
  line-height: 45px;
  margin-bottom: 30px;
}
.overLayLeft{
  bottom: -140px;
  left: 10px;
  width: 156px;
  height: 200px;
  background-image: url(https://digitalimc.com/images/call-to-action-over-img-1.png);
}
.overLayRight{
  height: 224px;
  width: 96px;
  bottom: -140px;
  right: 10px;
  background-image: url(https://digitalimc.com/images/call-to-action-over-img-2.png);
}
@media(max-width: 400px){
  .overLayRight{
    right: -30px;
  }
}

.faqHead{
  border: 1px solid #dadada;
    padding: 5px 26px 5px 15px;
}
.faqHeader{
    font-size: 15px !important;
    font-weight: 600;
    color: #4c4c4c;
}
.faqContent{
  display: none;
  padding: 20px 15px; 
}

.faqDropDownInput:checked ~ .faqContent{
  display: block;
  border: 1px solid #dadada;
  border-top: none;
  box-shadow: 9px 9px 30px 0px rgba(0,0,0,0.10);
}
.faqDropDownInput:checked ~ .faqHead{
  border-bottom: none;
}
.faqDropDownInput:checked ~ .faqHead>label > .arowDown{
  transform: rotate(180deg);
}

.reqFold1{
  padding: 80px 0px;
  background-color: #263238;
  fill: #f0efff;
  background-image: url(https://digitalimc.com/images/bg/2.png);
  background-repeat: repeat;
}
.whiteFill{
  fill: #fff;
}

.waveDiv{
  top: 0;
  overflow: hidden;
  transform: translateY(-100%);
  line-height: 0;
  will-change: transform;
  left: 0px;
  right: 0px;
}
.invertWave {
  transform: rotateX(-180deg);
}
.porfolioSecButtonDiv label:hover{
  cursor: pointer;
  background-color: #6c63ff;
  color: #fff;
}
@media(max-width: 767px){
  .porfolioSecButtonDiv label{
    margin-bottom: 10px;
  }
}


.portfolioData{
  top: 50%;
  left: 0px;
  right: 0px;
  transform: translateY(-50%) translate3d(0%,0%,0);
  z-index: 2;
  padding: 0px 10px;
  opacity: 0;
}
.porfolioSecImage:hover .portfolioData {
    opacity: 1;
}
.porfolioSecImage:after{
  background-color: rgba(0,0,0,0.9);
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 5px;
  top: 5px;
  content: '';
  opacity: 0.75;
  transform: skew(0deg) scaleX(0);
  transition: all 0.3s ease-in-out;
}
.porfolioSecImage:hover:after {
    transform: skew(0deg) scaleX(1);
}

@-webkit-keyframes fadeUpIn {
  0% {
    opacity: 0;
  }
  25%{
    opacity: 0.25
  }
  50%{
    opacity: 0.5
  }
  75%{
    opacity: 0.75
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeUpIn {
  0% {
    opacity: 0;
  }
  25%{
    opacity: 0.25
  }
  50%{
    opacity: 0.5
  }
  75%{
    opacity: 0.75
  }
  100% {
    opacity: 1;
  }
}

#seoCheck:checked ~ div.col-sm-4.col-md-3{
  display: none;
}
#seoCheck:checked ~ .col-12 label[for="seoCheck"]{
  background-color: #6c63ff;
  color: #fff;
}
#seoCheck:checked ~ div.col-sm-4.col-md-3[data-cat="seoCheck"]{
  display: block;
  -webkit-animation-name: fadeUpIn;
  animation-name: fadeUpIn;
  animation-duration: 500ms;
  animation-iteration-count: 1;
}
#digiMarketCheck:checked ~ div.col-sm-4.col-md-3{
  display: none;
}
#digiMarketCheck:checked ~ .col-12 label[for="digiMarketCheck"]{
  background-color: #6c63ff;
  color: #fff;
}
#digiMarketCheck:checked ~ div.col-sm-4.col-md-3[data-cat="digiMarketCheck"]{
  display: block;
  -webkit-animation-name: fadeUpIn;
  animation-name: fadeUpIn;
  animation-duration: 500ms;
  animation-iteration-count: 1;
}
#ppcCheck:checked ~ div.col-sm-4.col-md-3{
  display: none;
}
#ppcCheck:checked ~ .col-12 label[for="ppcCheck"]{
  background-color: #6c63ff;
  color: #fff;
}
#ppcCheck:checked ~ div.col-sm-4.col-md-3[data-cat="ppcCheck"]{
  display: block;
  -webkit-animation-name: fadeUpIn;
  animation-name: fadeUpIn;
  animation-duration: 500ms;
  animation-iteration-count: 1;
}
#websiteCheck:checked ~ div.col-sm-4.col-md-3{
  display: none;
}
#websiteCheck:checked ~ .col-12 label[for="websiteCheck"]{
  background-color: #6c63ff;
  color: #fff;
}
#websiteCheck:checked ~ div.col-sm-4.col-md-3[data-cat="websiteCheck"]{
  display: block;
  -webkit-animation-name: fadeUpIn;
  animation-name: fadeUpIn;
  animation-duration: 500ms;
  animation-iteration-count: 1;
}
#allCheck:checked ~ div.col-sm-4.col-md-3{
  display: block;
}
#allCheck:checked ~ .col-12 label[for="allCheck"]{
  background-color: #6c63ff;
  color: #fff;
}
.testimonialDiv{
  background-color: #f2f3f9;
}

.testimonialDivCont h5,
.testimonialDivCont h4{
  padding: 15px 0px 0px;
  padding-left: 120px;
}
.testimonialDivCont amp-img,
.testimonialDivCont img{
  position: absolute;
  max-width: 90px;
  max-height: 90px;
  min-width: 90px;
  min-width: 90px;
  border-radius: 50%;
}
.testimonialSlideDiv div[role="button"]{
  top: 10%;
}
.testimonialSlideDiv div[class="amp-carousel-button amp-carousel-button-prev"]{
  left: unset;
  right: 55px;
}
@media(max-width: 1200px) and (min-width: 768px){
  .testimonialSlideDiv > amp-carousel > [style]{
    min-height: 350px;
  }
  .testimonialDivCont{
    padding-top: 40px;
  }
}
.counterDiv{
  background-image: url(https://digitalimc.com/images/bg/bg-pattern-dark.jpg);
}
.reqButtonForMobile{
    position: fixed;
    z-index: 3;
    bottom: 0px;
    left: 0px;
    right: 0px;
}




/*Inner Page*/
.dubseohead{
  background-size: cover;
  background-attachment: fixed;
  background-image: url(https://digitalimc.com/images/Seo-dubai.jpg);
  background-position: left bottom;
  height: 520px;
}
.brdSection{
	background-size: cover;
	background-attachment: fixed;
	background-image: url(https://digitalimc.com/images/bg/brd-banner.jpg);
	background-position: left bottom;
}
.brdCrumbUlLi li:after{
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content:"\F13E";
	top: 5px;
	right: -10px;
	position: relative;
}
.brdCrumbUlLi li:last-child:after{
	opacity: 0;
	visibility: hidden;
}
.innerPageSec2Cont{
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.10);
}
.innerPageSec2Cont:hover{
	box-shadow: 9px 17px 30px 0px rgba(0,0,0,0.10);
}
.contactPageDivWraper:after{
  content: '';
  opacity: 0.1;
  background-image: url(https://digitalimc.com/images/bg/map.png);
  background-size: cover;
  background-position: center;
  z-index: 0;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
}
.contactPageDiv{
    z-index: 2;
}

.col-center {
	margin: 0 auto;
	float: none !important;
}
.carousel {
	margin: 50px auto;
	padding: 0 70px;
}
.carousel .item {
	color: #999;
	font-size: 14px;
    text-align: center;
	overflow: hidden;
    min-height: 290px;
}
.carousel .item .img-box {
	width: 135px;
	height: 135px;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 50%;
}
.carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
.carousel .testimonial {
	padding: 30px 0 10px;
  color: #000;
}
.carousel .overview {	
	font-style: italic;
  color: #000;
}
.carousel .overview b {
	text-transform: uppercase;
	color: #7AA641;
}
.carousel .carousel-control {
	width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
	background: none;
}
.carousel-control i {
    font-size: 68px;
	line-height: 42px;
    position: absolute;
    display: inline-block;
	color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}
.carousel .carousel-indicators {
	bottom: -40px;
	    z-index: 1;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 10px;
	height: 10px;
	margin: 1px 3px;
	border-radius: 50%;
}
.carousel-indicators li {	
	background: #999;
	border-color: transparent;
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel-indicators li.active {	
	background: #555;		
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}

@media(max-width: 767px){
    .carousel {
	margin: 50px auto;
	padding: 0px;
}
.testimonialsec {
    font-size: 22px !important;
    text-align: center;
}
.testimonialsub {
    text-align: center;
    font-size: 18px !important;
}
}

.testimonialsec{
        font-size: 30px !important;
    text-align: center;
}
.testimonialsub{
    text-align: center;
}
/*Slider Start*/
.slider {
  margin: 0 auto;
  max-width: 100%;
}

.slide_viewer {
  height: 512px;
  overflow: hidden;
  position: relative;
}

.slide_group {
  height: 100%;
  position: relative;
  width: 100%;
}

.slide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}

.slide:first-child {
  display: block;
}

.slide:nth-of-type(1) {
  background-image: url(https://digitalimc.com/images/carousel/banner-1-bg.jpg);
    background-position: bottom;
    background-size: cover;
}

.slide:nth-of-type(2) {
  background-image: url(https://digitalimc.com/images/carousel/banner-2-bg.jpg);
    background-position: bottom;
    background-size: cover;
}

.slide:nth-of-type(3) {
  background-image: url(https://digitalimc.com/images/carousel/banner-3-bg.jpg);
    background-position: bottom;
    background-size: cover;
}

.slide:nth-of-type(4) {
 background-image: url(https://digitalimc.com/images/carousel/banner-4-bg.jpg);
    background-position: bottom;
    background-size: cover;
}

.slide_buttons {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}

a.slide_btn {
  color: #474544;
  font-size: 42px;
  margin: 0 0.175em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.slide_btn.active, .slide_btn:hover {
  color: #428CC6;
  cursor: pointer;
}

.directional_nav { 
    margin: 0 auto;
    position: relative;
    top: -320px;
}

.previous_btn {
  bottom: 0;
  left: 15px;
  margin: auto;
  position: absolute;
  top: 0;
}

.next_btn {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 15px;
  top: 0;
}

.previous_btn, .next_btn {
  cursor: pointer;
  height: 25px;
  opacity: 1.5;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 25px;
}

.previous_btn:hover, .next_btn:hover {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .previous_btn {
    left: 5px;
  }
  .next_btn {
    right: 5px;
  }
  .slide_viewer {
    height: 850px;
    overflow: hidden;
    position: relative;
}
.directional_nav {
    margin: 0 auto;
    position: relative;
    top: -600px;
}
}
/*Slider End*/
.header-dig-con{
  color: #ffffff;
    font-size: 24px;
}
.header-dig-con-2{
    font-size: 18px;
    color: #ffffff;
}
.color-black{
  color: #ffffff;
}.bannerCapSide{
}
.bannerCapSide h1{
	/*padding-top: 20px;*/
}

.carouselHome > amp-carousel > div > div:nth-child(1){
	background-image: url(https://digitalimc.com/images/carousel/banner-1-bg.jpg);
	background-position: bottom;
	background-size: cover;
}
.carouselHome > amp-carousel > div > div:nth-child(2){
	background-image: url(https://digitalimc.com/images/carousel/banner-2-bg.jpg);
	background-position: bottom;
	background-size: cover;
}
.carouselHome > amp-carousel > div > div:nth-child(3){
	background-image: url(https://digitalimc.com/images/carousel/banner-3-bg.jpg);
	background-position: bottom;
	background-size: cover;
}
.carouselHome > amp-carousel > div > div:nth-child(4){
	background-image: url(https://digitalimc.com/images/carousel/banner-4-bg.jpg);
	background-position: bottom;
	background-size: cover;
}
@media (max-width: 991px){
	.carouselHome > amp-carousel > [style]{
		min-height: 500px;
	}
	.bannerCapSide{
		padding-top: 40px;
	}

}
@media (max-width: 767px){
	.carouselHome > amp-carousel > [style]{
		min-height: 500px;
	}

}
@media (max-width: 575px){
	.carouselHome > amp-carousel > [style]{
		min-height: 880px;
	}
	.carouselHome .amp-carousel-button{
		top: 30%;
	}
	.bannerCapSide{
		padding-top: 0px;
	}
}
@media (max-width: 475px){
	.carouselHome > amp-carousel > [style]{
		min-height: 800px;
	}
}
@media (max-width: 400px){
	.carouselHome > amp-carousel > [style]{
		min-height: 750px;
	}
}
@media(min-width: 1200px){
	.homeFold2{
		margin-top: -140px;
		height: 140px;
	}
	.homeFold2Div{
		    max-height: 135px;
    margin-top: 60px;
    overflow: hidden;
	}
	.homeFold2Div p{
		padding-top: 30px;
	}
	.homeFold2Div:hover{
		margin-top: -35px;
		max-height: 230px;
	}
	.homeFold2Div:hover p{
		padding-top: 10px;
	}
	.homeservicearea{
	        margin-top: 60px;
	}
}

@media(max-width: 767px){
	.homeFold2{
		margin-top: 0px;
		padding-left: 15px;
		padding-right: 15px;
	}
}
.homeFold3{
	background-image: url(https://digitalimc.com/images/bg/network.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.leftHomeFold3Div > .homeFold3ContentDiv{
	padding-right: 70px;
}
.homeFold3ImgDiv{
	top: 10px;
	width: 70px;
	display: inline-block;
	padding: 10px;
}
.leftHomeFold3Div > .homeFold3ContentDiv > .homeFold3ImgDiv{
	right: 0px;
	left: auto;
}
.rightHomeFold3Div > .homeFold3ContentDiv{
	padding-left: 70px;
}
.rightHomeFold3Div > .homeFold3ContentDiv > .homeFold3ImgDiv{
	left: 0px;
	right: auto;
}
.homeFold3Anc{
	box-shadow: 5px 5px 0 0 #502eff;
	padding-top: 5px;
	padding-bottom: 5px;
}
.homeFold3Anc:hover{
	box-shadow: 0 0 0 0 #502eff;
}
.homeFold4{
	padding: 80px 0px 50px; 
	background-color: #f0efff;
	fill: #fff;
	background-image: url(https://digitalimc.com/images/bg/leafs.png);
	background-position: center;
	background-repeat: no-repeat;
}
.homeFold4IconDiv{
	height: 50px;
	width: 50px;
}
.homeFold4IconDiv > i{
	z-index: 2;
}
.homeFold4Div:hover .homeFold4IconDiv > i{
	color: #fff;
}
.homeFold4IconDiv:after{
	top: 50%;
	bottom: 50%;
	left: 50%;
	right: 50%;
	opacity: 0;
	background: linear-gradient(-45deg,#ed1c94 15%,#7a5bff);
	content: '';
	position: absolute;
	display: inline-block;
	border-radius: 50%;
	z-index: 0;
	transition: all 0.2s linear;
}
.homeFold4Div:hover .homeFold4IconDiv:after {
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	opacity: 1;
	box-shadow: 0 8px 29px rgba(63,9,102,.25);
}



.homeFold8{
	background-image: url(https://digitalimc.com/images/bg/cloud.png);
	background-position: left 400px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-color: #e6e6e6;
}
@media(max-width: 992px){
	.homeFold8{
		padding-bottom: 50px;
		background-position: bottom;
	}
	.widget-area{
    width: auto;
    position: relative;
	padding: 20px 20px;
	background-color: transparent;
	}
}
.homeFold9ContentDivLeft h4{
	color: #888;
}
.homeFold9ContentDivLeft h4:after{
	content: '';
	clear: both;
	display: table;
}
.homeFold9ContentDivLeft h4 span{
	float: left;
}
.mainSpan{
	font-weight: 600;
}
@media(max-width: 767px){
	.homeFold9ContentDivLeft h4{
		display: inline-block;
		margin-top: 5px;
	}
}
.homeFold10{
	background-image: url(https://digitalimc.com/images/bg/about-bg.jpg);
	background-repeat: repeat;
}

.skill-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.skill-data span{
	width: 50px;
	height: 50px;
	border-radius: 25px;
	padding: 13px 0px;
	font-size: 15px;
	border: 3px solid #7a5bff;
	background-color: #fa2659;
	top: 8px;
	z-index: 5;
}
.right95 span{
	right: 5%;
}
.right80 span{
	right: 20%;
}
.right92 span{
	right: 7%;
}
.right91 span{
	right: 8%;
}
.skill-data h6{
  color: #7a5bff;
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 600;
}
.skill-data h6{
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  font-size: 15px;
  color: #7a5bff;
}
.progress[value] {
  -webkit-appearance: none;
  border: 0;
  -moz-appearance: none;
  appearance: none;
}
.progress{
  width: 100%;
  height: 5px;
  background-color: #2b2732;
  margin-bottom: 1rem;
}
progress::-webkit-progress-value {
  background: #7a5bff;
}
	</style>
<header class="headerTop bg-primary">
	<div class="container">
		<div class="row">
			<div class="col-sm-4 text-center text-sm-left">
				<div class="topLeft color-white">
					<a href="http://fb.com/digitalimc" target="_blank"><i class="fa fa-facebook"></i></a>
					<a href="https://twitter.com/digitalimc" target="_blank"><i class="fa fa-twitter"></i></a>
					<a href="https://www.linkedin.com/company/digital-imc" target="_blank"><i class="fa fa-linkedin"></i></a>
					<a href="https://www.instagram.com/digital_imc/" target="_blank"><i class="fa fa-instagram"></i></a>
				</div>
			</div>
			<div class="col-sm-8 col-xl-4 d-none d-sm-block text-sm-right">
				<div class="topCenter color-white">
					<a href="mailto:info@digitalimc.com" class="mailTopAnc"><i class="fa fa-envelope"></i> info@digitalimc.com</a>
					<a href="tel:+917011836797" class="callTopAnc"><i class="fa fa-phone"></i> +91 7011836797</a>
				</div>
			</div>
			<div class="col-lg-4 d-none d-xl-block text-right">
				<div class="topRight color-white">
					<a href="#modalTog" on="tap:modalId" role="button" class="hireText" data-target="#formModal" data-toggle="modal">We are Hiring</a>
				</div>
			</div>
		</div>
	</div>
</header>
<section class="mobileNav stickyNav d-block d-lg-none bg-white">
	<div class="headerMobile">
		<div class="container">
			<div class="row">
				<div class="col-6 col-sm-4">
					<a href="/" class="navbar-brand">
						<img src="https://digitalimc.com/images/logo.png" alt="DigitalImc 							Logo" height="35" width="150">
					</a>
				</div>
				<div class="col-3 col-sm-4">
					<ul class="sideBarNav">
					<li class="dropLi">
					<input type="checkbox" class="dropDownInput" id="packageDrop">
					<span class="dropAnc d-block font-16 pos-rel navAnc packagearea">
            Packages
            <label for="packageDrop" class="triggerDrop pos-abs"><i class="fa fa-envelope-arrow-down arowDown font-25 pos-abs packagearrow"></i></label>
            
          </span>
					<ul class="dropSmallMenuUl packagesdropdown">
						<li><a href="https://digitalimc.com/facebook-and-instagram-packages.php" class="navAnc d-block">Facebook & Instagram Ads Package</a></li>
						<li><a href="https://digitalimc.com/google-advertisement-package.php" class="navAnc d-block">Google Ads Package</a></li>
						<li><a href="https://digitalimc.com/seo-package.php" class="navAnc d-block">SEO Package</a></li>
						<li><a href="https://digitalimc.com/smm-package.php" class="navAnc d-block">SMM Package</a></li>
						<!--<li><a href="https://digitalimc.com/website-development-package.php" class="navAnc d-block">Website Development Package</a></li>-->
					</ul>
				</li>
			    </ul>
				</div>
				<div class="col-3 col-sm-4">
					<div class="sidebarButtonDiv text-right">
						<a onclick="openNav()" class="openbtn ampstart-btn caps m2 d-inline-block">
							<span class="iconBar d-block bg-white"></span>
							<span class="iconBar d-block bg-white"></span>
							<span class="iconBar d-block bg-white"></span>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<sidebar id="mySidebar" class="sidebar">
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
		<nav class="sideBarNavbar bg-white pos-rel">
			<ul class="sideBarNav">
				<li><a href="/" class="color-primary d-block navAnc" ><i class="fa fa-home"></i> Home</a></li>
				<li><a href="https://digitalimc.com/about-us.php" class="d-block navAnc"><i class="fa fa-black-tie"></i> About</a></li>
				<li class="dropLi">
					<input type="checkbox" class="dropDownInput" id="digitalMarketingDrop">
					<span class="dropAnc d-block font-16 pos-rel navAnc">
						<img src="https://digitalimc.com/images/icons/advertising.png" alt="DigitalIMc Advertising Agency Icon" height="16" width="16">
            Digital Marketing
            <label for="digitalMarketingDrop" class="triggerDrop pos-abs"><i class="fa fa-arrow-down arowDown font-25 pos-abs"></i></label>
            
          </span>
					<ul class="dropSmallMenuUl">
						<li><a href="https://digitalimc.com/digital-marketing-consultant-in-delhi.php" class="navAnc d-block">Digital Marketing Consultant in Delhi</a></li>
						<li><a href="https://digitalimc.com/digital-marketing-company-in-delhi-ncr.php" class="navAnc d-block">Digital Marketing Company in Delhi NCR</a></li>
						<li><a href="https://digitalimc.com/digital-marketing-services-in-delhi.php" class="navAnc d-block">Digital Marketing Services in Delhi</a></li>
					</ul>
				</li>
				<li class="dropLi">
					<input type="checkbox" class="dropDownInput" id="SEODrop">
					<span class="dropAnc d-block font-16 pos-rel navAnc">
						<img src="https://digitalimc.com/images/icons/advertising.png" alt="DigitalIMc Advertising Agency Icon" height="16" width="16">
            Consulting
            <label for="SEODrop" class="triggerDrop pos-abs"><i class="fa fa-arrow-down arowDown font-25 pos-abs"></i></label>
            
          </span>
					<ul class="dropSmallMenuUl">
						<li><a href="https://digitalimc.com/marketing-consulting.php" class="navAnc d-block">Marketing Consultant</a></li>
						<li><a href="https://digitalimc.com/social-media-marketing.php" class="navAnc d-block">Social Media Marketing</a></li>
						<li><a href="https://digitalimc.com/search-engine-optimization.php" class="navAnc d-block">Search Engine Optimization</a></li>
							<li><a href="https://digitalimc.com/facebook-marketing.php" class="navAnc d-block">Facebook Ads</a></li>
								<li><a href="https://digitalimc.com/search-engine-marketing.php" class="navAnc d-block">Search Engine Marketing</a></li>
					</ul>
				</li>
				<li class="dropLi">
					<input type="checkbox" class="dropDownInput" id="creativeDrop">
					<span class="dropAnc d-block font-16 pos-rel navAnc">
						<img src="https://digitalimc.com/images/icons/advertising.png" alt="DigitalIMc Advertising Agency Icon" height="16" width="16">
            Solutions
            <label for="creativeDrop" class="triggerDrop pos-abs"><i class="fa fa-arrow-down arowDown font-25 pos-abs"></i></label>
            
          </span>
					<ul class="dropSmallMenuUl">
						<li><a href="#" class="navAnc d-block">Logo Designing</a></li>
						<li><a href="#" class="navAnc d-block">Product Packaging</a></li>
						<li><a href="#" class="navAnc d-block">Website PSD's</a></li>
					</ul>
				</li>
				<li class="dropLi">
					<input type="checkbox" class="dropDownInput" id="developmentDrop">
					<span class="dropAnc d-block font-16 pos-rel navAnc">
						<img src="https://digitalimc.com/images/icons/advertising.png" alt="DigitalIMc Advertising Agency Icon" height="16" width="16">
            Development
            <label for="developmentDrop" class="triggerDrop pos-abs"><i class="fa fa-arrow-down arowDown font-25 pos-abs"></i></label>
            
          </span>
					<ul class="dropSmallMenuUl">
						<li><a href="https://digitalimc.com/website-design-company-in-delhi.php" class="navAnc d-block">Website Design</a></li>
						<li><a href="https://digitalimc.com/website-development-company-in-delhi.php" class="navAnc d-block">Web Development</a></li>
						<li><a href="https://digitalimc.com/website-redesign-company-in-delhi.php" class="navAnc d-block">Website Redesign</a></li>
						<li><a href="#" class="navAnc d-block">Shopify Development</a></li>
					</ul>
				</li>
				<li><a href="https://www.digitalimc.com/blog" class="navAnc d-block"><i class="fa fa-rss"></i> Blog</a></li>
				<li><a href="https://digitalimc.com/portfolio.php" class="navAnc d-block"><i class="fa fa-info-circle"></i> Portfolio</a></li>
				<li><a href="https://digitalimc.com/contact-us.php" class="navAnc d-block"><i class="fa fa-address-book"></i> Contact Us</a></li>
			</ul>
		</nav>
	</sidebar>
</section>

<script>
function openNav() {
  document.getElementById("mySidebar").style.width = "250px";
  document.getElementById("main").style.marginLeft = "250px";
}

function closeNav() {
  document.getElementById("mySidebar").style.width = "0";
  document.getElementById("main").style.marginLeft= "0";
}
</script>
<section class="desktopNav d-none d-lg-block bg-white stickyNav">
	<div class="container">
		<nav class="navbar">

			<a href="/" class="navbar-brand">
				<img src="https://digitalimc.com/images/logo.png" alt="DigitalImc Logo" height="40" width="179">
			</a>
			<div class="navbar-desktop-wrap">
				<ul class="navbar-nav pos-rel bg-white">
					<li class="nav-item active"><a href="/" class="nav-link">Home</a></li>
					<li class="nav-item"><a href="https://digitalimc.com/about-us.php" class="nav-link">About</a></li>
					<li class="nav-item dropdown pos-rel">
						<a href="#" class="nav-link">Services <i class="fa fa-arrow-down"></i></a>
						<div class="megamenu">
							<div class="d-flex">
								<div class="megamenu-flex-wrap">
									<div class="menu-wrap h-100 h4-md-30 bg-hover-light bg-white">
										<img src="https://digitalimc.com/images/icons/advertising.png" alt="DigitalIMc Advertising Agency Icon" height="40" width="40">
										<h4><a href="#" class="d-inline-block">Digital Marketing</a></h4>
										<ul class="pt-10">
										    <li class="border-bottom-1 border-light-color"><a href="https://digitalimc.com/digital-marketing-consultant-in-delhi.php" class="d-inline-block pt-5 pb-5">Digital Marketing Consultant in Delhi</a></li>
											<li class="border-bottom-1 border-light-color"><a href="https://digitalimc.com/digital-marketing-company-in-delhi-ncr.php" class="d-inline-block pt-5 pb-5">Digital Marketing Company in Delhi NCR</a></li>
											<li class="border-bottom-1 border-light-color"><a href="https://digitalimc.com/digital-marketing-services-in-delhi.php" class="d-inline-block pt-5 pb-5">Digital Marketing Services in Delhi</a></li>
										</ul>
									</div>
								</div>
								<div class="megamenu-flex-wrap">
									<div class="menu-wrap h-100 h4-md-30 bg-hover-light bg-white">
										<img src="https://digitalimc.com/images/icons/seo.png" alt="DigitalIMc Advertising Agency Icon" height="40" width="40"/>
										<h4><a href="#" class="d-inline-block">Consulting</a></h4>
										<ul class="pt-10">
											<li class="border-bottom-1 border-light-color"><a href="https://digitalimc.com/marketing-consulting.php" class="d-inline-block pt-5 pb-5">Marketing Consultant</a></li>
											<li class="border-bottom-1 border-light-color"><a href="https://digitalimc.com/social-media-marketing.php" class="d-inline-block pt-5 pb-5">Social Media Marketing</a></li>
											<li class="border-bottom-1 border-light-color"><a href="https://digitalimc.com/search-engine-optimization.php" class="d-inline-block pt-5 pb-5">Search Engine Optimization</a></li>
									    	<li class="border-bottom-1 border-light-color"><a href="https://digitalimc.com/facebook-marketing.php" class="d-inline-block pt-5 pb-5">Facebook Ads</a></li>
											<li class="border-bottom-1 border-light-color"><a href="https://digitalimc.com/search-engine-marketing.php" class="d-inline-block pt-5 pb-5">Search Engine Marketing</a></li>
										</ul>
									</div>
								</div>
								<div class="megamenu-flex-wrap">
									<div class="menu-wrap h-100 h4-md-30 bg-hover-light bg-white">
										<img src="https://digitalimc.com/images/icons/graphic-tool.png" alt="DigitalIMc Graphic Designing Agency Icon" height="40" width="40">
										<h4>Solutions</h4>
										<ul class="pt-10">
											<li class="border-bottom-1 border-light-color"><a href="#" class="d-inline-block pt-5 pb-5">Logo Designing</a></li>
											<li class="border-bottom-1 border-light-color"><a href="#" class="d-inline-block pt-5 pb-5">Product Packaging</a></li>
											<li class="border-bottom-1 border-light-color"><a href="#" class="d-inline-block pt-5 pb-5">Website PSD's</a></li>
										</ul>
									</div>
								</div>
								<div class="megamenu-flex-wrap">
									<div class="menu-wrap h-100 h4-md-30 bg-hover-light bg-white">
										<img src="https://digitalimc.com/images/icons/coding.png" alt="DigitalIMc Website Development Company Icon" height="40" width="40">
										<h4>Development</h4>
										<ul class="pt-10">
											<li class="border-bottom-1 border-light-color"><a href="https://digitalimc.com/website-design-company-in-delhi.php" class="d-inline-block pt-5 pb-5">Website Design </a></li>
											<li class="border-bottom-1 border-light-color"><a href="https://digitalimc.com/website-development-company-in-delhi.php" class="d-inline-block pt-5 pb-5">Website Development</a></li>
											<li class="border-bottom-1 border-light-color"><a href="https://digitalimc.com/website-redesign-company-in-delhi.php" class="d-inline-block pt-5 pb-5">Website Redesign</a></li>
											<li class="border-bottom-1 border-light-color"><a href="#" class="d-inline-block pt-5 pb-5">Shopify Development</a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li class="nav-item"><a href="https://digitalimc.com/portfolio.php" class="nav-link">Portfolio</a></li>
					<li class="nav-item"><a href="https://www.digitalimc.com/blog" class="nav-link">Blog</a></li>
					<li class="nav-item"><a href="https://digitalimc.com/contact-us.php" class="nav-link">Contact</a></li>
					<li class="nav-item dropdown pos-rel">
						<a href="#" class="nav-link inq-button-top-1 color-hover-dark bg-hover-white">Packages <i class="fa fa-arrow-down"></i></a>
						<div class="packagesmenu">
							<div class="d-flex">
								<div class="megamenu-flex-wrap">
									<div class="menu-wrap h-100 h4-md-30 bg-hover-light bg-white">
										<ul class="pt-10">
										    <li class="border-bottom-1 border-light-color"><a href="https://digitalimc.com/facebook-and-instagram-packages.php" class="d-inline-block pt-5 pb-5">Facebook & Instagram Ads Package</a></li>
											<li class="border-bottom-1 border-light-color"><a href="https://digitalimc.com/google-advertisement-package.php" class="d-inline-block pt-5 pb-5">Google Ads Package</a></li>
											<li class="border-bottom-1 border-light-color"><a href="https://digitalimc.com/seo-package.php" class="d-inline-block pt-5 pb-5">SEO Package</a></li>
											<li class="border-bottom-1 border-light-color"><a href="https://digitalimc.com/smm-package.php" class="d-inline-block pt-5 pb-5">SMM Package</a></li>
											<!--<li class="border-bottom-1 border-light-color"><a href="https://digitalimc.com/website-development-package.php" class="d-inline-block pt-5 pb-5">Website Development Package</a></li>-->
										</ul>
									</div>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</nav>
	</div>
</section><meta property="og:site_name" content="A Google Partner Digital Marketing Agency">
<meta property="fb:admins" content="">
<meta property="article:tag" content="seo">
<meta property="og:title" content="Everything You Need to Know About On-Page SEO! A Google Partner Digital Marketing Agency">
<meta property="og:description" content="The Search Engine Optimization Search engine results page (SERP) is one of the techniques used to improve traffic on the website by obtaining high-rank placement in Google, Bing, Yahoo and others. To improve the position of the website in SEO, there are two SEO techniques for On-page SEO and Off-page SEO: What is On-page SEO? [&hellip;]">
<meta property="og:url" content="https://www.digitalimc.com/blog/on-page-seo/">
<meta property="og:type" content="article">
<meta property="og:image" content="https://www.digitalimc.com/blog/wp-content/uploads/2018/08/Digital-Marketing-Agency.png">
<meta property="article:section" content="Uncategorized">
<meta property="article:publisher" content="https://www.facebook.com/facebook">
		<script type="text/javascript">
            var _tmip=_tmip || [];
            _tmip.push({"tags": {"author": "Mohit Digital iMC"}});
        </script>
	   		<style type="text/css" id="wp-custom-css">
			.formLabel{
		position: relative;
		margin-bottom: 15px;
	}
	.formLabel input{
		width: 100%;
		padding: 4px 10px;
		display: block;
		font-size: 16px;
	}
	.formLabel label{
		display: block;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.btnSubmit{
		display: inline-block;
		padding: 10px 15px;
		font-size: 16px;
		background-color: #056195;
		border: none;
		color: #fff;
	}
	@media screen and (min-width: 56.875em){
		.widget button.btnSubmit{
			font-size: 16px;
			padding: 10px 15px;
		} 
	}
	.formLabel input[type="number"]::-webkit-outer-spin-button,
	.formLabel input[type="number"]::-webkit-inner-spin-button{
		display: none;
	}
.onSmallContactForm, .onSmallContactForm:hover, .onSmallContactForm:focus {
    text-decoration: none;
    display: inline-block;
    padding: 12px 16px;
    text-align: center;
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background-color: #0d86cb;
    color: #fff;
    font-size: 16px;
    z-index: 999;
}
@media (min-width: 768px){
	.onSmallContactForm {
    display: none;
	}	
}



		</style>
			<!-- Global site tag (gtag.js) - Google Analytics -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-69421303-9"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-69421303-9');
</script>


</head>

<body data-rsssl=1 class="post-template-default single single-post postid-218 single-format-standard">
<div id="page" class="site">
	<div class="site-inner">
		<a class="skip-link screen-reader-text" href="#content">Skip to content</a>

		<header id="masthead" class="site-header" role="banner">
			<div class="site-header-main">
				<div class="site-branding">