/** * 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 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"> <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="Blog"/> <link rel="canonical" href="https://www.digitalimc.com/blog/" /> <link rel="next" href="https://www.digitalimc.com/blog/page/2/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="A Google Partner Digital Marketing Agency - Blog" /> <meta property="og:description" content="Blog" /> <meta property="og:url" content="https://www.digitalimc.com/blog/" /> <meta property="og:site_name" content="A Google Partner Digital Marketing Agency" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="Blog" /> <meta name="twitter:title" content="A Google Partner Digital Marketing Agency - Blog" /> <script type='application/ld+json'>{"@context":"https:\/\/schema.org","@type":"WebSite","@id":"#website","url":"https:\/\/www.digitalimc.com\/blog\/","name":"A Google Partner Digital Marketing Agency","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.digitalimc.com\/blog\/?s={search_term_string}","query-input":"required name=search_term_string"}}</script> <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' /> <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.10"}}; /*! 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.10' 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.10' 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&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="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.10" /> <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="og:title" content="A Google Partner Digital Marketing Agency - Blog A Google Partner Digital Marketing Agency"> <meta property="og:description" content="Blog"> <meta property="og:url" content="https://www.digitalimc.com/blog/"> <meta property="og:type" content="website"> <meta property="og:image" content="https://www.digitalimc.com/blog/wp-content/plugins/og-tags/images/facebook.jpg"> <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="home blog"> <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">