<!doctype html>
<html lang="en-US">

<head>

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-H01KEZY6M3"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'G-H01KEZY6M3');
    </script>
     <!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/67861ae149e2fd8dfe0715bc/1ihhti096';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->

    <meta charset="UTF-8">
    <meta name="google-site-verification" content="VYQymzd6lqo7npzTizUzUL5G1J11YTwqfsCFrHXmn_0" />
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="profile" href="https://gmpg.org/xfn/11">
    <script>
        document.documentElement.className = document.documentElement.className + ' yes-js js_active js'
    </script>
    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
    <title>Best digital marketing agency in Dwarka | digital marketing agency | SEO & social media marketing</title>
    <link rel="canonical" href="index.html" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="4squaredigital || digital marketing agency" />
    <meta property="og:description"
        content="4squareDigital We make use of 360° Digital transformation approach to help business move in all spheres and Growth. Many ways to market your Brand Promotion, Digital Marketing, Graphic Design, Web Development, WordPress Design, SEO, SMO, PPC, Facebook ads, Content Writing, Email marketing." />
    <meta property="og:url" content="https://4squaredigital.com/" />
    <meta property="og:site_name" content="4squaredigital" />
    <meta property="article:modified_time" content="2022-09-18T10:40:30+00:00" />
    <meta property="og:image" content="https://www.4squaredigital.com/wp-content/uploads/2022/06/logodth.png" />
    <meta property="og:image:width" content="300" />
    <meta property="og:image:height" content="104" />
    <meta property="og:image:type" content="image/png" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:image" content="https://www.4squaredigital.com/wp-content/uploads/2022/06/logodth.png" />
    <meta name="twitter:label1" content="Est. reading time" />
    <meta name="twitter:data1" content="16 minutes" />
    <link rel="stylesheet" href="./admin/bootstrap-5.1.3-dist/css/bootstrap.min.css">
    <script type="application/ld+json" class="yoast-schema-graph">
        {
            "@context": "https://schema.org",
            "@graph": [{
                "@type": "WebPage",
                "@id": "https://www.4squaredigital.com/",
                "url": "https://www.4squaredigital.com/",
                "name": "4squaredigital || digital marketing agency ",
                "isPartOf": {
                    "@id": "https://www.4squaredigital.com/#website"
                },
                "about": {
                    "@id": "https://www.4squaredigital.com/#organization"
                },
                "primaryImageOfPage": {
                    "@id": "https://www.4squaredigital.com/#primaryimage"
                },
                "image": {
                    "@id": "https://www.4squaredigital.com/#primaryimage"
                },
                "thumbnailUrl": "https://www.4squaredigital.com/wp-content/themes/growbiz/assets/img/shape/hexagon1.png",
                "datePublished": "2021-11-15T05:43:30+00:00",
                "dateModified": "2022-09-18T10:40:30+00:00",
                "description": "Digital Think Hub is a digital marketing agency in Gurgaon specializing in SEO, SMO, SMM, PPC, content marketing and Web Development Services.",
                "breadcrumb": {
                    "@id": "https://www.4squaredigital.com/#breadcrumb"
                },
                "inLanguage": "en-US",
                "potentialAction": [{
                    "@type": "ReadAction",
                    "target": ["https://www.4squaredigital.com/"]
                }]
            }, {
                "@type": "ImageObject",
                "inLanguage": "en-US",
                "@id": "https://www.4squaredigital.com/#primaryimage",
                "url": "https://www.4squaredigital.com/wp-content/themes/growbiz/assets/img/shape/hexagon1.png",
                "contentUrl": "https://www.4squaredigital.com/wp-content/themes/growbiz/assets/img/shape/hexagon1.png"
            }, {
                "@type": "BreadcrumbList",
                "@id": "https://www.4squaredigital.com/#breadcrumb",
                "itemListElement": [{
                    "@type": "ListItem",
                    "position": 1,
                    "name": "Home"
                }]
            }, {
                "@type": "WebSite",
                "@id": "https://www.4squaredigital.com/#website",
                "url": "https://www.4squaredigital.com/",
                "name": "4squaredigital",
                "description": "",
                "publisher": {
                    "@id": "https://www.4squaredigital.com/#organization"
                },
                "potentialAction": [{
                    "@type": "SearchAction",
                    "target": {
                        "@type": "EntryPoint",
                        "urlTemplate": "https://www.4squaredigital.com/?s={search_term_string}"
                    },
                    "query-input": "required name=search_term_string"
                }],
                "inLanguage": "en-US"
            }, {
                "@type": "Organization",
                "@id": "https://www.4squaredigital.com/#organization",
                "name": "4squaredig",
                "url": "https://www.4squaredigital.com/",
                "sameAs": [],
                "logo": {
                    "@type": "ImageObject",
                    "inLanguage": "en-US",
                    "@id": "https://www.4squaredigital.com/#/schema/logo/image/",
                    "url": "https://www.4squaredigital.com/wp-content/themes/growbiz/assets/img/shape/logo12.png",
                    "contentUrl": "https://www.4squaredigital.com/wp-content/themes/growbiz/assets/img/shape/logo12.png",
                    "width": 300,
                    "height": 104,
                    "caption": "4saquaredigital"
                },
                "image": {
                    "@id": "https://www.4squaredigital.com/#/schema/logo/image/"
                }
            }]
        }
    </script>
    <meta name="google-site-verification" content="Gpwf5OzMuTfKVgoUit3GygJfv81b0VFGX_d-0K6fN9s" />
    <!-- / Yoast SEO plugin. -->


    <link rel='dns-prefetch' href='fonts.googleapis.com/' />
    <link rel='dns-prefetch' href='s.w.org/' />
    <link rel="alternate" type="application/rss+xml" title="Digital Thinkhub &raquo; Feed" href="#" />
    <link rel="alternate" type="application/rss+xml" title="Digital Thinkhub &raquo; Comments Feed" href="comments/#" />
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css" rel="stylesheet" />
    <!-- This site uses the Google Analytics by MonsterInsights plugin v8.8.2 - Using Analytics tracking - https://www.monsterinsights.com/ -->
    <!-- Note: MonsterInsights is not currently configured on this site. The site owner needs to authenticate with Google Analytics in the MonsterInsights settings panel. -->
    <!-- No UA code set -->
    <!-- / Google Analytics by MonsterInsights -->
    <script type="text/javascript">
        window._wpemojiSettings = {
            "baseUrl": "https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/",
            "ext": ".png",
            "svgUrl": "https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/",
            "svgExt": ".svg",
            "source": {
                "concatemoji": "https:\/\/www.4squaredigital.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.0.2"
            }
        };
        /*! 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,
                    e = (p.clearRect(0, 0, i.width, i.height), p.fillText(a.apply(this, e), 0, 0), 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([129777, 127995, 8205, 129778, 127999], [129777, 127995, 8203, 129778, 127999])
                }
                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()
            })), (e = t.source || {}).concatemoji ? c(e.concatemoji) : e.wpemoji && e.twemoji && (c(e.twemoji), c(e.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='wp-includes/css/dist/block-library/style.min5b21.css?ver=6.0.2' type='text/css' media='all' />
    <style id='wp-block-library-theme-inline-css' type='text/css'>
        .wp-block-audio figcaption {
            color: #555;
            font-size: 13px;
            text-align: center
        }

        .is-dark-theme .wp-block-audio figcaption {
            color: hsla(0, 0%, 100%, .65)
        }

        .wp-block-code {
            border: 1px solid #ccc;
            border-radius: 4px;
            font-family: Menlo, Consolas, monaco, monospace;
            padding: .8em 1em
        }

        .wp-block-embed figcaption {
            color: #555;
            font-size: 13px;
            text-align: center
        }

        .is-dark-theme .wp-block-embed figcaption {
            color: hsla(0, 0%, 100%, .65)
        }

        .blocks-gallery-caption {
            color: #555;
            font-size: 13px;
            text-align: center
        }

        .is-dark-theme .blocks-gallery-caption {
            color: hsla(0, 0%, 100%, .65)
        }

        .wp-block-image figcaption {
            color: #555;
            font-size: 13px;
            text-align: center
        }

        .is-dark-theme .wp-block-image figcaption {
            color: hsla(0, 0%, 100%, .65)
        }

        .wp-block-pullquote {
            border-top: 4px solid;
            border-bottom: 4px solid;
            margin-bottom: 1.75em;
            color: currentColor
        }

        .wp-block-pullquote__citation,
        .wp-block-pullquote cite,
        .wp-block-pullquote footer {
            color: currentColor;
            text-transform: uppercase;
            font-size: .8125em;
            font-style: normal
        }

        .wp-block-quote {
            border-left: .25em solid;
            margin: 0 0 1.75em;
            padding-left: 1em
        }

        .wp-block-quote cite,
        .wp-block-quote footer {
            color: currentColor;
            font-size: .8125em;
            position: relative;
            font-style: normal
        }

        .wp-block-quote.has-text-align-right {
            border-left: none;
            border-right: .25em solid;
            padding-left: 0;
            padding-right: 1em
        }

        .wp-block-quote.has-text-align-center {
            border: none;
            padding-left: 0
        }

        .wp-block-quote.is-large,
        .wp-block-quote.is-style-large,
        .wp-block-quote.is-style-plain {
            border: none
        }

        .wp-block-search .wp-block-search__label {
            font-weight: 700
        }

        :where(.wp-block-group.has-background) {
            padding: 1.25em 2.375em
        }

        .wp-block-separator.has-css-opacity {
            opacity: .4
        }

        .wp-block-separator {
            border: none;
            border-bottom: 2px solid;
            margin-left: auto;
            margin-right: auto
        }

        .wp-block-separator.has-alpha-channel-opacity {
            opacity: 1
        }

        .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
            width: 100px
        }

        .wp-block-separator.has-background:not(.is-style-dots) {
            border-bottom: none;
            height: 1px
        }

        .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
            height: 2px
        }

        .wp-block-table thead {
            border-bottom: 3px solid
        }

        .wp-block-table tfoot {
            border-top: 3px solid
        }

        .wp-block-table td,
        .wp-block-table th {
            padding: .5em;
            border: 1px solid;
            word-break: normal
        }

        .wp-block-table figcaption {
            color: #555;
            font-size: 13px;
            text-align: center
        }

        .is-dark-theme .wp-block-table figcaption {
            color: hsla(0, 0%, 100%, .65)
        }

        .wp-block-video figcaption {
            color: #555;
            font-size: 13px;
            text-align: center
        }

        .is-dark-theme .wp-block-video figcaption {
            color: hsla(0, 0%, 100%, .65)
        }

        .wp-block-template-part.has-background {
            padding: 1.25em 2.375em;
            margin-top: 0;
            margin-bottom: 0
        }

        .whatss-app-ftr {
            margin-top: 0px;
            border-radius: 50%;
            width: 50px;
            height: 44px;
            animation: bounce 5s infinite alternate;
            -webkit-animation: bounce 5s infinite alternate;
            position: fixed;
            top: 500px;
            z-index: 9999;
            left: 93%;
            color: #fff;
            animation-name: bounce;
            -moz-animation-name: bounce;
            transition: all 300ms ease;
        }

        .icon ul li {
            display: inline-block;
            padding: 5px;
        }

        .icon {
            display: flex;
            flex-direction: row;
        }

        .icon ul li {
            display: inline-block;
            padding: 8px 2px;
        }

        .icon ul li a {
            background: white;
            padding: 5px 7px;
            font-size: 15px;
            color: #1d407c;
            margin-top: 15px;
            border-radius: 50%;
        }

        .std {
            margin-top: -26px;
        }
    </style>
    <link rel='stylesheet' id='wc-blocks-vendors-style-css'
        href='wp-content/plugins/woocommerce/packages/woocommerce-blocks/build/wc-blocks-vendors-style8c3f.css?ver=8.0.0'
        type='text/css' media='all' />
    <link rel='stylesheet' id='wc-blocks-style-css'
        href='wp-content/plugins/woocommerce/packages/woocommerce-blocks/build/wc-blocks-style8c3f.css?ver=8.0.0'
        type='text/css' media='all' />
    <link rel='stylesheet' id='jquery-selectBox-css'
        href='wp-content/plugins/yith-woocommerce-wishlist/assets/css/jquery.selectBox7359.css?ver=1.2.0'
        type='text/css' media='all' />
    <link rel='stylesheet' id='yith-wcwl-font-awesome-css'
        href='wp-content/plugins/yith-woocommerce-wishlist/assets/css/font-awesome1849.css?ver=4.7.0' type='text/css'
        media='all' />
    <link rel='stylesheet' id='woocommerce_prettyPhoto_css-css'
        href='wp-content/plugins/woocommerce/assets/css/prettyPhoto005e.css?ver=3.1.6' type='text/css' media='all' />
    <link rel='stylesheet' id='yith-wcwl-main-css'
        href='wp-content/plugins/yith-woocommerce-wishlist/assets/css/style695d.css?ver=3.12.0' type='text/css'
        media='all' />
    <style id='yith-wcwl-main-inline-css' type='text/css'>
        .yith-wcwl-share li a {
            color: #FFFFFF;
        }

        .yith-wcwl-share li a:hover {
            color: #FFFFFF;
        }

        .yith-wcwl-share a.facebook {
            background: #39599E;
            background-color: #39599E;
        }

        .yith-wcwl-share a.facebook:hover {
            background: #39599E;
            background-color: #39599E;
        }

        .yith-wcwl-share a.twitter {
            background: #45AFE2;
            background-color: #45AFE2;
        }

        .yith-wcwl-share a.twitter:hover {
            background: #39599E;
            background-color: #39599E;
        }

        .yith-wcwl-share a.pinterest {
            background: #AB2E31;
            background-color: #AB2E31;
        }

        .yith-wcwl-share a.pinterest:hover {
            background: #39599E;
            background-color: #39599E;
        }

        .yith-wcwl-share a.email {
            background: #FBB102;
            background-color: #FBB102;
        }

        .yith-wcwl-share a.email:hover {
            background: #39599E;
            background-color: #39599E;
        }

        .yith-wcwl-share a.whatsapp {
            background: #00A901;
            background-color: #00A901;
        }

        .yith-wcwl-share a.whatsapp:hover {
            background: #39599E;
            background-color: #39599E;
        }
    </style>
    <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;
        }

        .hovergallery img {
            padding: 3px 4px;
            margin: 0 10px 5px 0;
            /*margin between images*/
        }

        .hovergallery img:hover {
            /* -webkit-transform: scale(1.1); */
            /*Webkit: Scale up image to 1.2x original size*/
            /* -moz-transform: scale(1.1); */
            /*Mozilla scale version*/
            /* -o-transform: scale(1.1); */
            /*Opera scale version*/
            box-shadow: 0px 0px 30px gray;
            /*CSS3 shadow: 30px blurred shadow all around image*/
            -webkit-box-shadow: 0px 0px 30px gray;
            /*Safari shadow version*/
            -moz-box-shadow: 0px 0px 30px gray;
            /*Mozilla shadow version*/
            opacity: 1;
        }


        .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='contact-form-7-css'
        href='wp-content/plugins/contact-form-7/includes/css/styles4c7e.css?ver=5.6.2' type='text/css' media='all' />
    <link rel='stylesheet' id='woocommerce-layout-css'
        href='wp-content/plugins/woocommerce/assets/css/woocommerce-layout6c2d.css?ver=6.8.2' type='text/css'
        media='all' />
    <link rel='stylesheet' id='woocommerce-smallscreen-css'
        href='wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen6c2d.css?ver=6.8.2' type='text/css'
        media='only screen and (max-width: 768px)' />
    <link rel='stylesheet' id='woocommerce-general-css'
        href='wp-content/plugins/woocommerce/assets/css/woocommerce6c2d.css?ver=6.8.2' type='text/css' media='all' />
    <style id='woocommerce-inline-inline-css' type='text/css'>
        .woocommerce form .form-row .required {
            visibility: visible;
        }
    </style>
    <link rel='stylesheet' id='bdevselement-main-css'
        href='wp-content/plugins/bdevs-element/assets/css/bdevs-element0ba6.css?ver=1.0.6' type='text/css'
        media='all' />
    <link rel='stylesheet' id='yith-quick-view-css'
        href='wp-content/plugins/yith-woocommerce-quick-view/assets/css/yith-quick-viewd476.css?ver=1.18.0'
        type='text/css' media='all' />
    <style id='yith-quick-view-inline-css' type='text/css'>
        #yith-quick-view-modal .yith-wcqv-main {
            background: #ffffff;
        }

        #yith-quick-view-close {
            color: #cdcdcd;
        }

        #yith-quick-view-close:hover {
            color: #ff0000;
        }
    </style>
    <link rel='stylesheet' id='growbiz-fonts-css'
        href='https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&amp;family=Roboto:wght@400;500;700&amp;family=Prata&amp;family=Asap:wght@400;500;600;700&amp;display=swap&amp;ver=1.0.0'
        type='text/css' media='all' />
    <link rel='stylesheet' id='bootstrap-css'
        href='wp-content/themes/growbiz/assets/css/bootstrap.min5b21.css?ver=6.0.2' type='text/css' media='all' />
    <link rel='stylesheet' id='animate-css' href='wp-content/themes/growbiz/assets/css/animate.min5b21.css?ver=6.0.2'
        type='text/css' media='all' />
    <link rel='stylesheet' id='fontawesome-all-css'
        href='wp-content/themes/growbiz/assets/css/fontawesome-all.min5b21.css?ver=6.0.2' type='text/css' media='all' />
    <link rel='stylesheet' id='flaticon-css' href='wp-content/themes/growbiz/assets/css/flaticon5b21.css?ver=6.0.2'
        type='text/css' media='all' />
    <link rel='stylesheet' id='magnific-popup-css'
        href='wp-content/themes/growbiz/assets/css/magnific-popup5b21.css?ver=6.0.2' type='text/css' media='all' />
    <link rel='stylesheet' id='jquery-fancybox-css'
        href='wp-content/themes/growbiz/assets/css/jquery.fancybox.min5b21.css?ver=6.0.2' type='text/css' media='all' />
    <link rel='stylesheet' id='nice-select-css'
        href='wp-content/themes/growbiz/assets/css/nice-select5b21.css?ver=6.0.2' type='text/css' media='all' />
    <link rel='stylesheet' id='meanmenu-css' href='wp-content/themes/growbiz/assets/css/meanmenu5b21.css?ver=6.0.2'
        type='text/css' media='all' />
    <link rel='stylesheet' id='odometer-theme-default-css'
        href='wp-content/themes/growbiz/assets/css/odometer-theme-default5b21.css?ver=6.0.2' type='text/css'
        media='all' />
    <link rel='stylesheet' id='swiper-bundle-css'
        href='wp-content/themes/growbiz/assets/css/swiper-bundle5b21.css?ver=6.0.2' type='text/css' media='all' />
    <link rel='stylesheet' id='progresscircle-css'
        href='wp-content/themes/growbiz/assets/css/progresscircle5b21.css?ver=6.0.2' type='text/css' media='all' />
    <link rel='stylesheet' id='growbiz-custom-css'
        href='wp-content/themes/growbiz/assets/css/growbiz-custom5b21.css?ver=6.0.2' type='text/css' media='all' />
    <link rel='stylesheet' id='growbiz-custom-animation-css'
        href='wp-content/themes/growbiz/assets/css/custom-animation5b21.css?ver=6.0.2' type='text/css' media='all' />
    <link rel='stylesheet' id='growbiz-core-css'
        href='wp-content/themes/growbiz/assets/css/growbiz-core5b21.css?ver=6.0.2' type='text/css' media='all' />
    <link rel='stylesheet' id='growbiz-unit-css'
        href='wp-content/themes/growbiz/assets/css/growbiz-unit5b21.css?ver=6.0.2' type='text/css' media='all' />
    <link rel='stylesheet' id='growbiz-style-css' href='wp-content/themes/growbiz/style5b21.css?ver=6.0.2'
        type='text/css' media='all' />
    <link rel='stylesheet' id='growbiz-custom1-css'
        href='wp-content/themes/growbiz/assets/css/growbiz-custom5b21.css?ver=6.0.2' type='text/css' media='all' />
    <style id='growbiz-custom1-inline-css' type='text/css'>
        .grb__social ul li a:hover,
        .grb-btn,
        .section-title .border-left::before,
        .grb-btn.st-1,
        .single__service:hover .service__icon a,
        .service__btn:hover,
        .grb-border-btn:hover,
        .section-title .border-c-bottom::before,
        .portfolio-active .swiper-button-next:hover,
        .portfolio-active .swiper-button-prev:hover,
        .p-link:hover,
        .member-social,
        .subscribe-form button,
        .copyright-logo,
        .logo-shape::before,
        .logo-shape::after,
        #scrollUp,
        .hero-area.st-3 .grb-btn:hover,
        .hero-area.st-3 a.grb-btn:hover,
        .grb-skill .progress-bar,
        .pricing-plans .nav-link.active,
        .single-pricing.active,
        .single-pricing.active,
        .portfolio-details-date::before,
        button.w-btn-11,
        div.basic-pagination ul li a:hover,
        .basic-pagination ul li span.current,
        .basic-pagination ul li a:hover,
        div.basic-pagination ul li span.current,
        .bs-widget .sidebar--widget__search .sidebar-search-form button,
        div.tagcloud .tag-cloud-link:hover,
        blockquote cite::before,
        .blog__deatails--tag .blog__tag a:hover,
        .single-contact-info:hover div.contact-info-icon a,
        .contact-form button {
            background: #1d407c
        }

        .section-title .border-left p,
        .cta__icon span i,
        .cta__content span a:hover,
        .main-menu.main-menu-1 ul li:hover>a,
        .main-menu.main-menu-1 ul li .sub-menu li:hover>a,
        .main-menu.main-menu-1 ul li.menu-item-has-children::after,
        .grb-video,
        .grb-video:hover,
        .about-points li:hover .p-icon i,
        .grb-btn.st-1 i,
        .service__icon a,
        .counter-content-left .section-title h2 span,
        .single-counter-icon i,
        .experience-text p span,
        .section-title .border-c-bottom p,
        .testimonial-quote,
        .member-social-icons li a:hover,
        .blog-content h4 a:hover,
        .read-btn:hover,
        .copyright-text p a:hover,
        .ab-experience-icon i,
        .ab-experience-text p span,
        .execute-list li::before,
        .grb-accordion .accordion-button::after,
        .grb-accordion .accordion-button.collapsed::after,
        .grb-border-btn.st-1,
        .portfolio-main-buttons.portfolio-button button:hover,
        .portfolio-main-buttons.portfolio-button button.active,
        .p-h-icon.pm-s i,
        .choosing__information.portfolio-w-p .choosing__number span,
        .choosing__information.portfolio-w-p ul li:hover .choosing__number span,
        button.w-btn-11:hover,
        .ablog__meta span a:hover,
        .ablog__meta span i,
        .ablog__text--title4 a:hover,
        .sidebar__post--title a:hover,
        .bs-widget ul li a:hover,
        .bs-widget ul li a::before,
        blockquote::before,
        .logged-in-as a:hover,
        h5.section-subtitle,
        div.contact-info-icon a {
            color: #1d407c
        }

        .main-menu.main-menu-1 ul li .sub-menu,
        .about-points,
        .service__icon a,
        .single__service:hover .service__icon a,
        .service__btn,
        .service__btn:hover,
        .grb-border-btn:hover,
        .testimonial-single.st-1,
        .testimonial-review,
        .grb-border-btn.st-1,
        .choosing__information.portfolio-w-p .choosing__number span,
        .choosing__information.portfolio-w-p ul li:hover .choosing__number span,
        button.w-btn-11,
        div.tagcloud .tag-cloud-link:hover,
        .blog__deatails--tag .blog__tag a:hover,
        .post-input input:focus,
        .post-input textarea:focus,
        .contact-form input:focus,
        .contact-form textarea:focus {
            border-color: #1d407c
        }
    </style>
    <link rel='stylesheet' id='growbiz-custom2-css'
        href='wp-content/themes/growbiz/assets/css/growbiz-custom5b21.css?ver=6.0.2' type='text/css' media='all' />
    <style id='growbiz-custom2-inline-css' type='text/css'>
        a.grb-btn:hover,
        .slider-active .swiper-button-prev:hover,
        .slider-active .swiper-button-next:hover,
        .portfolio-content,
        div.side-info-content .grb__social ul li a:hover,
        .section-title .border-left.st-3::before,
        .grb-btn.st-3,
        .service-box-content.st-3:hover .service-box-content-icon i,
        .section-title .border-c-bottom.st-3::before,
        .member-social-icons.st-3 li a:hover,
        .testimonial-nav-3 .testimonial-btn-prev:hover,
        .testimonial-nav-3 .testimonial-btn-next:hover,
        .testimonial-nav-3 .testimonial-btn-prev:hover,
        .testimonial-nav-3 .testimonial-btn-next:hover,
        .testimonial-quote.st-3,
        .portfolio-slide-nav .swiper-button-prev,
        .portfolio-slide-nav .swiper-button-next,
        .portfolio-slide-nav .swiper-button-next:hover,
        .portfolio-slide-nav .swiper-button-prev:hover,
        .subscribe-form.st-3 button,
        .m-btn2,
        .hero-content-btn.st-2 .grb-btn,
        a.m-btn2,
        .hero-area.st-3 a.grb-btn,
        .member-social-icons.st-3 li a:hover,
        .bs-widget-title::before {
            background: #ff0073
        }

        .section-title .border-left p,
        .hero-content p,
        .main-menu ul li:hover>a,
        .main-menu ul li .sub-menu li:hover>a,
        .menu-cta-3 .cta__content span,
        .section-title .border-left.st-3 p,
        .ab-experience-icon.st-3 i,
        .ab-experience-text p span.st-3,
        .features-icon i,
        .service-box-content.st-3 .service-box-content-text h4:hover,
        .process-btn .grb-video,
        .about-points.st-2 li:hover .p-icon.st-3 i,
        .counter-board-single.st-3 i,
        .section-title .border-c-bottom.st-3 p,
        .member-name.st-3 h5 a:hover,
        .team-member.st-3:hover .member-name h5 a,
        .testimonial-review li,
        .testimonial-single.st-3:hover .testimonial-name.st-3 h5 a,
        .blog-post-heading a:hover,
        .menu-cta-3 .cta__content span a:hover,
        .sticky .main-menu ul>li:hover>a,
        .grb-video.st-3,
        .p-h-icon:hover,
        a.member-name.st-3 h5 a:hover,
        .pricing-title span {
            color: #ff0073
        }

        .fa-icons:hover {
            color: white;
        }

        .about__img .p-element .ab-border,
        .main-menu ul li .sub-menu,
        .h3-s2,
        .swiper-pagination.st-3 .swiper-pagination-bullet-active,
        .service-box-content.st-3:hover .service-box-content-icon i,
        .member-social-icons.st-3 li a:hover,
        .footer-area.st-3 ul li::before,
        .member-social-icons.st-3 li a:hover {
            border-color: #ff0073
        }

        .ddd {
            border-color: #ff0073 transparent transparent transparent
        }
    </style>
    <link rel='stylesheet' id='growbiz-custom3-css'
        href='wp-content/themes/growbiz/assets/css/growbiz-custom5b21.css?ver=6.0.2' type='text/css' media='all' />
    <style id='growbiz-custom3-inline-css' type='text/css'>
        .grb-btn.st-2,
        .portfolio-button button.active,
        .section-title .border-c-bottom.st-2::before,
        .portfolio-button button:hover,
        .portfolio-button button::before,
        .section-title .border-left.st-2::before,
        .blog-category-st,
        .subscribe-form.st-2 button,
        .grb__social.footer-social-2 li a,
        .service-box-content:hover {
            background: #0f2242
        }

        .section-title .border-left.st-2 p,
        .ab-experience-text p span.st-2,
        .ab-experience-icon.st-2 i,
        .section-title .border-c-bottom.st-2 p,
        .section-title .border-c-bottom.st-2::before,
        .service-box_icon i,
        .service-box_title:hover,
        .service-box_btn:hover,
        .testimonial-top-content .t-icons i,
        .test-pagi .test-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
        .p-h-icon,
        .grb-border-btn.st-2,
        .member-social.st-2 .member-social-icons li a:hover,
        .team-member.st-2 .member-name h5 a:hover,
        .grb__social.footer-social-2 li a:hover,
        .service-box-content-icon i {
            color: #0f2242
        }

        .test-pagi .test-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
        .grb-border-btn.st-2 {
            border-color: #0f2242
        }

        .sv-pagi .service-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            border-color: #0f2242 transparent transparent transparent
        }
    </style>
    <link rel='stylesheet' id='elementor-icons-css'
        href='wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min91ce.css?ver=5.16.0' type='text/css'
        media='all' />
    <link rel='stylesheet' id='elementor-frontend-css'
        href='wp-content/plugins/elementor/assets/css/frontend-lite.minf3df.css?ver=3.7.2' type='text/css'
        media='all' />
    <link rel='stylesheet' id='elementor-post-5-css'
        href='wp-content/uploads/elementor/css/post-5e877.css?ver=1661664643' type='text/css' media='all' />
    <link rel='stylesheet' id='elementor-global-css'
        href='wp-content/uploads/elementor/css/global759d.css?ver=1661667715' type='text/css' media='all' />
    <link rel='stylesheet' id='elementor-post-395-css'
        href='wp-content/uploads/elementor/css/post-3950ccd.css?ver=1663497734' type='text/css' media='all' />
    <link rel='stylesheet' id='google-fonts-1-css'
        href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&amp;display=auto&amp;ver=6.0.2'
        type='text/css' media='all' />
    <link rel='stylesheet' id='elementor-icons-shared-2-css'
        href='wp-content/plugins/bdevs-element/assets/fonts/css/fontawesome.pro.min0ba6.css?ver=1.0.6' type='text/css'
        media='all' />
    <link rel='stylesheet' id='elementor-icons-bdevs-el-regular-icons-css'
        href='wp-content/plugins/bdevs-element/assets/fonts/css/fontawesome.pro.min0ba6.css?ver=1.0.6' type='text/css'
        media='all' />
    <link rel='stylesheet' id='elementor-icons-bdevs-element-icons-css'
        href='wp-content/plugins/bdevs-element/assets/fonts/css/fontawesome.pro.min0ba6.css?ver=1.0.6' type='text/css'
        media='all' />
    <link rel='stylesheet' id='elementor-icons-shared-0-css'
        href='wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min52d5.css?ver=5.15.3'
        type='text/css' media='all' />
    <link rel='stylesheet' id='elementor-icons-fa-brands-css'
        href='wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.min52d5.css?ver=5.15.3' type='text/css'
        media='all' />
    <link rel='stylesheet' id='elementor-icons-fa-solid-css'
        href='wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min52d5.css?ver=5.15.3' type='text/css'
        media='all' />
    <script type='text/javascript' src='wp-includes/js/jquery/jquery.minaf6c.js?ver=3.6.0' id='jquery-core-js'></script>
    <script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.mind617.js?ver=3.3.2'
        id='jquery-migrate-js'></script>
    <link rel="https://api.w.org/" href="wp-json/index.html" />
    <link rel="alternate" type="application/json" href="wp-json/wp/v2/pages/395.json" />
    <link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc0db0.php?rsd" />
    <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
    <meta name="generator" content="WordPress 6.0.2" />
    <meta name="generator" content="WooCommerce 6.8.2" />
    <link rel='shortlink' href='index.html' />
    <link rel="alternate" type="application/json+oembed"
        href="wp-json/oembed/1.0/embed189a.json?url=https%3A%2F%2Fwww.4squaredigital.com%2F" />
    <link rel="alternate" type="text/xml+oembed"
        href="wp-json/oembed/1.0/embed9cac?url=https%3A%2F%2Fwww.4squaredigital.com%2F&amp;format=xml" />
    <noscript>
        <style>
            .woocommerce-product-gallery {
                opacity: 1 !important;
            }
        </style>
    </noscript>
    <link rel="icon" href="wp-content/themes/growbiz/assets/img/shape/4-square12.png" sizes="32x32" />
    <link rel="icon" href="wp-content/themes/growbiz/assets/img/shape/4-square12.png" sizes="192x192" />
    <link rel="apple-touch-icon" href="wp-content/themes/growbiz/assets/img/shape/4-square12.png" />
    <meta name="msapplication-TileImage"
        content="https://www.4squaredigital.com/wp-content/themes/growbiz/assets/img/shape/4-square12.png" />
    <style type="text/css" id="wp-custom-css">
        .section-title .border-left::before {
            background: #ff0073;
        }

        .grb-border-btn.fw-5 {
            display: none;
        }

        .page-title-area {
            padding-top: 150px;
            padding-bottom: 100px;
        }

        .page-title-heading h1 {
            font-size: 40px;
        }

        .trail-item {
            font-size: 14px;
        }

        .grb-breadcrumb {
            margin-top: 0;
        }

        .footer-col-2 {
            margin-right: 60px;
        }

        .footer-col-3 {
            margin-right: 60px;
        }

        .footer-col-4 {

            width: 22.666667%;
            ;
        }

        .st_1_sld_con {
            position: fixed;
            top: auto;
            width: 110px;
            height: auto;
            bottom: 10px;
            right: 10px;
            z-index: 111;
        }

        #scrollUp {
            left: 30px;
            bottom: 30px;
        }

        .section-title .border-left.st-2::before {
            background: #ff0073;
        }

        .side-info {
            padding: 15px 16px;
        }

        .contact-list>a {
            font-size: 14px;
        }

        @media only screen and (max-width: 767px) {
            .footer-col-4 {
                margin-top: 60px;
                width: 100%;
            }

            .elementor-section.elementor-section-boxed>.elementor-container {
                max-width: 560px;
            }

            .portfolio-inner {
                width: 100%;
                margin: 0 auto;
            }

            .whatss-app-ftr {
                margin-top: 0px;
                border-radius: 50%;
                width: 50px;
                height: 44px;
                left: 79%;
                top: 769px;

            }

            .modal-content {
                width: 90% !important;
                margin: 20px auto !important;
            }

            .st_1_sld_con {
                width: 80px;
            }

            .admin-bar .header__main.sticky {
                width: 100%;
            }

            .modal {
                overflow: scroll;
            }

            .contact-form input {
                height: 50px;
            }
        }

        @media only screen and (max-width: 575px) {
            .elementor-section.elementor-section-boxed>.elementor-container {
                max-width: 90%;
            }
        }


        /* The Modal (background) */
        .modal {
            display: none;
            /* Hidden by default */
            position: fixed;
            /* Stay in place */
            z-index: 1;
            /* Sit on top */
            left: 0;
            top: 0;
            width: 100%;
            /* Full width */
            height: 100%;
            /* Full height */
            overflow: auto;
            /* Enable scroll if needed */
            background-color: rgb(0, 0, 0);
            /* Fallback color */
            background-color: rgba(0, 0, 0, 0.4);
            /* Black w/ opacity */
        }

        /* Modal Content/Box */
        .modal-content {
            background-color: #fefefe;
            margin: 50px auto;
            padding: 20px;
            border: 1px solid #888;
            width: 600px;
        }

        .modal {
            z-index: 999;
            overflow: hidden;
        }

        /* The Close Button */
        .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
            position: absolute;
            right: 10px;
            top: 0px;
        }

        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }

        .header-contact {
            width: 100%;
            margin-bottom: 20px;
        }

        .contact-title {
            border-bottom: 1px solid #c1c1c1;
            font-weight: 300;
            padding-bottom: 10px;
            font-size: 26px;
            margin-bottom: 0;
            min-height: 1em;
            word-wrap: break-word;
        }

        .modal-content textarea {
            height: 100px;
        }

        .grb__social.hero-social {
            left: 15px;
        }

        .hero-line:before {
            left: 70px;
        }

        .offset-title {
            color: #fff;
        }

        .portfolio-details-content {
            margin-top: -60px;
        }

        .portfolio-details-content .portfolio-details-title {
            display: none;
        }

        .portfolio-details-content .col-lg-8 {
            width: 100%;
        }

        .portfolio-details-content .col-lg-4 {
            display: none;
        }

        .blog-area .col-lg-6 {
            margin-bottom: 30px;
        }

        .partner-logo {
            width: 100%;
            margin-top: 60px;
            margin-left: -80px;
            display: block;
            text-align: center;
        }

        .pb-60 {
            padding-bottom: 0;
        }


        .blog4-text h4 {
            font-family: "Roboto", Sans-serif;
            font-size: 17px;
            font-weight: 400;
            text-transform: none;
            line-height: 1.16;
            font-weight: 400 !important;
        }

        .brand-active .swiper-slide {
            width: 120px;
            margin: 0 10px;
        }

        .portfolio-active .swiper-slide {
            width: 50%;
        }

        .keyword-ft {
            width: 95%;
            margin: 50px auto;
        }

        .keyword-ft p {
            font-size: 12px;
            margin: 10px auto;
        }
    </style>
    <style id="kirki-inline-styles"></style> <!-- Google Tag Manager -->
    <script>
        (function (w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                '../www.googletagmanager.com/gtm5445.html?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-5HD9QPJ');
    </script>
    <!-- End Google Tag Manager -->
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-PKCNT98BX4"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'G-PKCNT98BX4');
    </script>
    <meta name="msvalidate.01" content="10E4AB29B37EF5BA974FBD0FB8D0484D" />
    <!--Bing Webmaster -->
    <script type='text/javascript'>
        window.smartlook || (function (d) {
            var o = smartlook = function () {
                o.api.push(arguments)
            },
                h = d.getElementsByTagName('head')[0];
            var c = d.createElement('script');
            o.api = new Array();
            c.async = true;
            c.type = 'text/javascript';
            c.charset = 'utf-8';
            c.src = '../web-sdk.smartlook.com/recorder.js';
            h.appendChild(c);
        })(document);
        smartlook('init', '55e36b6213840d887c7edfda9068c79ea42186d3', {
            region: 'eu'
        });
    </script>
    <script type="text/javascript" src="jquery-1.11.0.js"></script>

    <!-- Meta Pixel Code -->
    <script>
        ! function (f, b, e, v, n, t, s) {
            if (f.fbq) return;
            n = f.fbq = function () {
                n.callMethod ?
                    n.callMethod.apply(n, arguments) : n.queue.push(arguments)
            };
            if (!f._fbq) f._fbq = n;
            n.push = n;
            n.loaded = !0;
            n.version = '2.0';
            n.queue = [];
            t = b.createElement(e);
            t.async = !0;
            t.src = v;
            s = b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t, s)
        }(window, document, 'script',
            'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '382673139095902');
        fbq('track', 'PageView');
    </script>

</head>

<body
    class="home page-template page-template-elementor_header_footer page page-id-395 wp-embed-responsive theme-growbiz woocommerce-no-js no-sidebar elementor-default elementor-template-full-width elementor-kit-5 elementor-page elementor-page-395">


    <!-- preloader -->
    <div id="preloaders">
        <div class="preloaders">
            <span></span>
            <span></span>
        </div>
    </div>
    <!-- preloader end  -->



    <svg xmlns="www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none"
        style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;">
        <defs>
            <filter id="wp-duotone-dark-grayscale">
                <feColorMatrix color-interpolation-filters="sRGB" type="matrix"
                    values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " />
                <feComponentTransfer color-interpolation-filters="sRGB">
                    <feFuncR type="table" tableValues="0 0.49803921568627" />
                    <feFuncG type="table" tableValues="0 0.49803921568627" />
                    <feFuncB type="table" tableValues="0 0.49803921568627" />
                    <feFuncA type="table" tableValues="1 1" />
                </feComponentTransfer>
                <feComposite in2="SourceGraphic" operator="in" />
            </filter>
        </defs>
    </svg><svg xmlns="www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none"
        style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;">
        <defs>
            <filter id="wp-duotone-grayscale">
                <feColorMatrix color-interpolation-filters="sRGB" type="matrix"
                    values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " />
                <feComponentTransfer color-interpolation-filters="sRGB">
                    <feFuncR type="table" tableValues="0 1" />
                    <feFuncG type="table" tableValues="0 1" />
                    <feFuncB type="table" tableValues="0 1" />
                    <feFuncA type="table" tableValues="1 1" />
                </feComponentTransfer>
                <feComposite in2="SourceGraphic" operator="in" />
            </filter>
        </defs>
    </svg><svg xmlns="www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none"
        style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;">
        <defs>
            <filter id="wp-duotone-purple-yellow">
                <feColorMatrix color-interpolation-filters="sRGB" type="matrix"
                    values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " />
                <feComponentTransfer color-interpolation-filters="sRGB">
                    <feFuncR type="table" tableValues="0.54901960784314 0.98823529411765" />
                    <feFuncG type="table" tableValues="0 1" />
                    <feFuncB type="table" tableValues="0.71764705882353 0.25490196078431" />
                    <feFuncA type="table" tableValues="1 1" />
                </feComponentTransfer>
                <feComposite in2="SourceGraphic" operator="in" />
            </filter>
        </defs>
    </svg><svg xmlns="www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none"
        style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;">
        <defs>
            <filter id="wp-duotone-blue-red">
                <feColorMatrix color-interpolation-filters="sRGB" type="matrix"
                    values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " />
                <feComponentTransfer color-interpolation-filters="sRGB">
                    <feFuncR type="table" tableValues="0 1" />
                    <feFuncG type="table" tableValues="0 0.27843137254902" />
                    <feFuncB type="table" tableValues="0.5921568627451 0.27843137254902" />
                    <feFuncA type="table" tableValues="1 1" />
                </feComponentTransfer>
                <feComposite in2="SourceGraphic" operator="in" />
            </filter>
        </defs>
    </svg><svg xmlns="www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none"
        style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;">
        <defs>
            <filter id="wp-duotone-midnight">
                <feColorMatrix color-interpolation-filters="sRGB" type="matrix"
                    values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " />
                <feComponentTransfer color-interpolation-filters="sRGB">
                    <feFuncR type="table" tableValues="0 0" />
                    <feFuncG type="table" tableValues="0 0.64705882352941" />
                    <feFuncB type="table" tableValues="0 1" />
                    <feFuncA type="table" tableValues="1 1" />
                </feComponentTransfer>
                <feComposite in2="SourceGraphic" operator="in" />
            </filter>
        </defs>
    </svg><svg xmlns="www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none"
        style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;">
        <defs>
            <filter id="wp-duotone-magenta-yellow">
                <feColorMatrix color-interpolation-filters="sRGB" type="matrix"
                    values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " />
                <feComponentTransfer color-interpolation-filters="sRGB">
                    <feFuncR type="table" tableValues="0.78039215686275 1" />
                    <feFuncG type="table" tableValues="0 0.94901960784314" />
                    <feFuncB type="table" tableValues="0.35294117647059 0.47058823529412" />
                    <feFuncA type="table" tableValues="1 1" />
                </feComponentTransfer>
                <feComposite in2="SourceGraphic" operator="in" />
            </filter>
        </defs>
    </svg><svg xmlns="www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none"
        style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;">
        <defs>
            <filter id="wp-duotone-purple-green">
                <feColorMatrix color-interpolation-filters="sRGB" type="matrix"
                    values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " />
                <feComponentTransfer color-interpolation-filters="sRGB">
                    <feFuncR type="table" tableValues="0.65098039215686 0.40392156862745" />
                    <feFuncG type="table" tableValues="0 1" />
                    <feFuncB type="table" tableValues="0.44705882352941 0.4" />
                    <feFuncA type="table" tableValues="1 1" />
                </feComponentTransfer>
                <feComposite in2="SourceGraphic" operator="in" />
            </filter>
        </defs>
    </svg><svg xmlns="www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none"
        style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;">
        <defs>
            <filter id="wp-duotone-blue-orange">
                <feColorMatrix color-interpolation-filters="sRGB" type="matrix"
                    values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " />
                <feComponentTransfer color-interpolation-filters="sRGB">
                    <feFuncR type="table" tableValues="0.098039215686275 1" />
                    <feFuncG type="table" tableValues="0 0.66274509803922" />
                    <feFuncB type="table" tableValues="0.84705882352941 0.41960784313725" />
                    <feFuncA type="table" tableValues="1 1" />
                </feComponentTransfer>
                <feComposite in2="SourceGraphic" operator="in" />
            </filter>
        </defs>
    </svg>
    <!-- header start -->


    <!-- header area start here -->
    <header>
        <div class="header__main header-sticky header-main-3">
            <div class="h3-bar">
                <a class="side-toggle d-none d-xxl-block" href="javascript:void(0)"><i class="fal fa-bars"></i></a>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-2 col-lg-3 col-8">
                        <div class="logo logo-sticky-option">

                            <a class="standard-logo" href="./index.php">
                                <img src="wp-content/themes/growbiz/assets/img/shape/logo13.png" alt="logo" />
                            </a>


                            <a class="sticky-logo" href="./index.html" style="background-color:#1d407c;">
                                <img src="wp-content/themes/growbiz/assets/img/shape/logo12.png" alt="logo" />
                            </a>
                        </div>
                    </div>
                    <div class="col-xl-10 col-lg-9 col-4">
                        <div class="header__menu-area f-right">
                            <div class="main-menu">
                                <nav id="mobile-menu">
                                    <ul id="menu-main-menu" class="">
                                        <li itemscope="itemscope"
                                            itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1981"
                                            class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-395 current_page_item active menu-item-1981 nav-items">
                                            <a title="Home" href="index.html" class="nav-link">Home</a>
                                        </li>
                                        <li itemscope="itemscope"
                                            itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-817"
                                            class="menu-item menu-item-type-post_type menu-item-object-page menu-item-817 nav-items">
                                            <a title="About" href="about.html" class="nav-link">About</a>
                                        </li>
                                        <li itemscope="itemscope"
                                            itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-817"
                                            class="menu-item menu-item-type-post_type menu-item-object-page menu-item-817 nav-items">
                                            <a title="About" href="service.html" class="nav-link">Services</a>
                                        </li>

                                        <li itemscope="itemscope"
                                            itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-3165"
                                            class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3165 nav-items">
                                            <a title="Blog" href="blogs.html" class="nav-link">Blog</a>
                                        </li>
                                        <li itemscope="itemscope"
                                            itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-812"
                                            class="menu-item menu-item-type-post_type menu-item-object-page menu-item-812 nav-items">
                                            <a title="Contact" href="contactus.html" class="nav-link">Contact</a>
                                        </li>
                                    </ul>
                                </nav>
                            </div>

                            <div class="header__search">
                                <a class="search-btn nav-search search-trigger d-none d-sm-inline-block" href="#"><i
                                        class="fal fa-search"></i></a>
                                <a class="side-toggle d-lg-none" href="javascript:void(0)"><i
                                        class="fal fa-bars"></i></a>
                            </div>


                            <ul class="menu-cta-3 d-none d-xl-inline-block">
                                <li class="">
                                    <div class="cta__icon d-none">
                                        <span><i class="fas fa-phone-alt"></i></span>
                                    </div>
                                    <div class="cta__content">
                                        <p>Call Us</p>
                                        <span>
                                            <a href="tel:+91 8448818335">
                                                +91 8448818335 </a>
                                            <a href="tel:+91 1146021219">
                                                , +91 1146021219 </a>
                                        </span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>


    <!-- side toggle start  -->
    <div class="fix">
        <div class="side-info">
            <div class="side-info-content">
                <div class="offset-widget offset-logo mb-40">
                    <div class="row align-items-center">
                        <div class="col-9">
                            <a href="index.html">
                                <img src="wp-content/themes/growbiz/assets/img/shape/logo12.png" alt="Logo">
                            </a>
                        </div>
                        <div class="col-3 text-end"><button class="side-info-close"><i
                                    class="fal fa-times"></i></button>
                        </div>
                    </div>
                </div>
                <div class="mobile-menu d-lg-none"></div>


                <div class="offset-widget mb-40 d-none d-lg-block">
                    <div class="info-widget">
                        <h4 class="offset-title mb-20 d-none">About Us</h4>

                        <p class="mb-30">4squareDigital We make use of 360° Digital transformation approach to help
                            business move in all spheres and Growth. Many ways to market your Brand Promotion, Digital
                            Marketing, Graphic Design, Web Development, WordPress Design, SEO, SMO, PPC, Facebook ads,
                            Content Writing, Email marketing.</p>
                    </div>

                </div>



                <div class="contact-infos mt-30 mb-30">
                    <div class="contact-list mb-30">
                        <h4>Contact Info</h4>

                        <a href="#" class="">
                            <i class="fal fa-map-marker-alt"></i>
                            <span>A56, Block A, Sewak Park, Dwarka, Delhi, 110059</span>
                        </a>
                        <br>
                        <a href="tel:+91 8448818335" class="">
                            <i class="fal fa-phone"></i>
                            <span> +91 8448818335 || +91 1146021219 </span>
                        </a>
                        <br>
                        <a href="mailto:info@4squaredigital.com" class="">
                            <i class="far fa-envelope"></i>
                            <span>info@4squaredigital.com</span>
                        </a>
                    </div>
                    <div class="grb__social footer-social offset-social">
                        <ul>



                            <li>
                                <a class="fb" href="https://www.facebook.com/4squaredigital"><i
                                        class="fab fa-facebook-f"></i></a>
                            </li>

                            <li>
                                <a class="twt" href="#"><i class="fab fa-twitter"></i></a>
                            </li>

                            <li>
                                <a class="insta" href="https://www.instagram.com/4squaredigital/?hl=en"><i
                                        class="fab fa-instagram"></i></a>
                            </li>


                            <li>
                                <a href="https://www.linkedin.com/company/4-square-digital/?originalSubdomain=in"><i
                                        class="fab fa-linkedin"></i></a>
                            </li>


                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="offcanvas-overlay"></div>
    <!-- side toggle end -->






    <!-- header end -->
    <!-- wrapper-box start -->
    <!-- Modal Search -->
    <div class="search-wrap">
        <div class="search-inner">
            <i class="fal fa-times search-close" id="search-close"></i>
            <div class="search-cell">
                <form method="get" action="https://www.4squaredigital.com/">
                    <div class="search-field-holder">
                        <input type="search" class="main-search-input" name="s" value=""
                            placeholder="Search Your Keyword...">
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div data-elementor-type="wp-page" data-elementor-id="395" class="elementor elementor-395">
        <section
            class="elementor-section elementor-top-section elementor-element elementor-element-41bcf16 elementor-section-full_width elementor-section-height-default elementor-section-height-default"
            data-id="41bcf16" data-element_type="section">
            <div class="elementor-container elementor-column-gap-no">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-56de6b5"
                    data-id="56de6b5" data-element_type="column">
                    <div class="elementor-widget-wrap elementor-element-populated">
                        <div class="elementor-element elementor-element-cceb293 elementor-widget elementor-widget-slider bdevs-el slider"
                            data-id="cceb293" data-element_type="widget"
                            data-settings="{&quot;design_style&quot;:&quot;style_3&quot;}"
                            data-widget_type="slider.default">
                            <div class="elementor-widget-container">


                                <section class="hero-area p-relative st-3">
                                    <div class="hero-line d-none d-xxl-block"></div>
                                    <div class="grb__social hero-social d-none d-xxl-block">
                                        <ul class="follow mb-25">
                                            <li>F</li>
                                            <li>O</li>
                                            <li>L</li>
                                            <li>L</li>
                                            <li>O</li>
                                            <li>W</li>
                                        </ul>

                                        <ul>
                                            <li><a target="_blank" rel="noopener" data-tooltip="hello"
                                                    href="https://www.facebook.com/4squaredigital/"
                                                    class="elementor-repeater-item-8949a16 comments-btn"><i
                                                        class="fab fa-facebook" aria-hidden="true"></i></a>
                                            <li>
                                            <li><a target="_blank" rel="noopener" data-tooltip="hello" href="#"
                                                    class="elementor-repeater-item-d4af813 comments-btn"><i
                                                        class="fab fa-twitter" aria-hidden="true"></i></a>
                                            <li>
                                            <li><a target="_blank" rel="noopener" data-tooltip="hello"
                                                    href="https://www.linkedin.com/company/4-square-digital/?originalSubdomain=in"
                                                    class="elementor-repeater-item-1fca06a comments-btn"><i
                                                        class="fab fa-linkedin" aria-hidden="true"></i></a>
                                            <li>
                                            <li><a target="_blank" rel="noopener" data-tooltip="hello"
                                                    href="https://www.instagram.com/4squaredigital/?hl=en"
                                                    class="elementor-repeater-item-5a89af2 comments-btn"><i
                                                        class="fab fa-instagram" aria-hidden="true"></i></a>
                                            <li>
                                        </ul>
                                    </div>
                                    <div class="slider-active swiper-container" data-swipper_autoplay_stop="yes">
                                        <div class="swiper-wrapper">
                                            <div class="single-slider slider-height swiper-slide slider-overlay slider-overlay-3"
                                                data-swiper-autoplay="">
                                                <div class="slide-bg"
                                                    data-background="wp-content/uploads/2021/11/banner3.jpg"></div>
                                                <div class="p-element d-none d-lg-block">
                                                    <img class="h3-s1" data-animation="fadeInDown" data-delay=".5s"
                                                        src="wp-content/themes/growbiz/assets/img/shape/hexagon1.png"
                                                        alt="img">
                                                    <div class="h3-s2" data-animation="fadeInUp2" data-delay="1.3s">
                                                    </div>
                                                </div>
                                                <div class="container">
                                                    <div class="row">
                                                        <div class="col-lg-9">
                                                            <div class="hero-content">
                                                                <p data-animation="fadeInUp2" data-delay=".3s"
                                                                    class="bdevs-el-subtitle">Digital Marketing Agency
                                                                </p>

                                                                <h1 data-animation="fadeInUp2" data-delay=".5s"
                                                                    class="bdevs-el-title">Providing the Easiest way to
                                                                    create your own Digital World.</h1>

                                                                <div class="hero-content-btn">
                                                                    <a class="grb-btn bdevs-el-btn"
                                                                        href="contactus.html">Contact us
                                                                        <span><i class="bdevs-btn-icon far fa-arrow-right"
                                                                                aria-hidden="true"></i></span></a>


                                                                </div>


                                                                <a class="grb-border-btn fw-5 bdevs-el-btn"
                                                                    href="#"></a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="single-slider slider-height swiper-slide slider-overlay slider-overlay-3"
                                                data-swiper-autoplay="">
                                                <div class="slide-bg"
                                                    data-background="wp-content/uploads/2021/11/banner2.jpg"></div>
                                                <div class="p-element d-none d-lg-block">
                                                    <img class="h3-s1" data-animation="fadeInDown" data-delay=".5s"
                                                        src="wp-content/themes/growbiz/assets/img/shape/hexagon1.png"
                                                        alt="img">
                                                    <div class="h3-s2" data-animation="fadeInUp2" data-delay="1.3s">
                                                    </div>
                                                </div>
                                                <div class="container">
                                                    <div class="row">
                                                        <div class="col-lg-9">
                                                            <div class="hero-content">
                                                                <p data-animation="fadeInUp2" data-delay=".3s"
                                                                    class="bdevs-el-subtitle">Digital Marketing Agency
                                                                </p>

                                                                <h1 data-animation="fadeInUp2" data-delay=".5s"
                                                                    class="bdevs-el-title">Providing the Easiest way to
                                                                    create your own Digital World.</h1>

                                                                <div class="hero-content-btn">
                                                                    <a class="grb-btn bdevs-el-btn"
                                                                        href="contactus.html">Contact us
                                                                        <span><i class="bdevs-btn-icon far fa-arrow-right"
                                                                                aria-hidden="true"></i></span></a>


                                                                </div>


                                                                <a class="grb-border-btn fw-5 bdevs-el-btn"
                                                                    href="#"></a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="single-slider slider-height swiper-slide slider-overlay slider-overlay-3"
                                                data-swiper-autoplay="">
                                                <div class="slide-bg"
                                                    data-background="wp-content/uploads/2021/11/banner1.jpg"></div>
                                                <div class="p-element d-none d-lg-block">
                                                    <img class="h3-s1" data-animation="fadeInDown" data-delay=".5s"
                                                        src="wp-content/themes/growbiz/assets/img/shape/hexagon1.png"
                                                        alt="img">
                                                    <div class="h3-s2" data-animation="fadeInUp2" data-delay="1.3s">
                                                    </div>
                                                </div>
                                                <div class="container">
                                                    <div class="row">
                                                        <div class="col-lg-9">
                                                            <div class="hero-content">
                                                                <p data-animation="fadeInUp2" data-delay=".3s"
                                                                    class="bdevs-el-subtitle">Digital Marketing Agency
                                                                </p>

                                                                <h1 data-animation="fadeInUp2" data-delay=".5s"
                                                                    class="bdevs-el-title">We are the Architects of your
                                                                    Digital World</h1>

                                                                <div class="hero-content-btn">
                                                                    <a class="grb-btn bdevs-el-btn"
                                                                        href="contactus.html">Contact us
                                                                        <span><i class="bdevs-btn-icon far fa-arrow-right"
                                                                                aria-hidden="true"></i></span></a>


                                                                </div>


                                                                <a class="grb-border-btn fw-5 bdevs-el-btn"
                                                                    href="#"></a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <!-- If we need pagination -->

                                    </div>
                                </section>


                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--<section-->
        <!--    class="elementor-section elementor-top-section elementor-element elementor-element-731d92f elementor-section-full_width elementor-section-height-default elementor-section-height-default"-->
        <!--    data-id="731d92f" data-element_type="section">-->
        <!--    <div class="elementor-container elementor-column-gap-no">-->
        <!--        <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ea1350c"-->
        <!--            data-id="ea1350c" data-element_type="column">-->
        <!--            <div class="elementor-widget-wrap elementor-element-populated">-->
        <!--                <div class="elementor-element elementor-element-f55525a elementor-widget elementor-widget-about bdevs-el about"-->
        <!--                    data-id="f55525a" data-element_type="widget"-->
        <!--                    data-settings="{&quot;design_style&quot;:&quot;style_3&quot;}"-->
        <!--                    data-widget_type="about.default">-->
        <!--                    <div class="elementor-widget-container">-->


        <!--                        <section class="about__area st-3">-->
        <!--                            <div class="container">-->
        <!--                                <div class="row wow fadeInUp2">-->
        <!--                                    <div class="col-xl-6 col-lg-6">-->
        <!--                                        <div class="about__img mb-30">-->
        <!--                                            <div class="about__img-inner p-relative st-3">-->
        <!--                                                <div class="about__img-3-main p-relative">-->
        <!--                                                    <img src="wp-content/themes/growbiz/assets/img/shape/office1.jpg"-->
        <!--                                                        alt="img">-->
        <!--                                                    <div class="about3-main-shape">-->
        <!--                                                        <img src="wp-content/themes/growbiz/assets/img/shape/about3-main-shape.png"-->
        <!--                                                            alt="img">-->
        <!--                                                    </div>-->
        <!--                                                </div>-->

        <!--                                                <div class="about3-p-element">-->
        <!--                                                    <div class="about-3-s1">-->
        <!--                                                        <img src="wp-content/themes/growbiz/assets/img/shape/traingle-reflect.png"-->
        <!--                                                            alt="img">-->
        <!--                                                    </div>-->
        <!--                                                    <div class="about-3-s2">-->
        <!--                                                        <img src="wp-content/themes/growbiz/assets/img/shape/traingle3.png"-->
        <!--                                                            alt="img">-->
        <!--                                                    </div>-->

        <!--                                                    <div class="about-3-s3">-->
        <!--                                                        <img src="wp-content/themes/growbiz/assets/img/shape/office2.png"-->
        <!--                                                            alt="img">-->
        <!--                                                    </div>-->
        <!--                                                </div>-->
        <!--                                            </div>-->
        <!--                                        </div>-->
        <!--                                    </div>-->
        <!--                                    <div class="col-xl-6 col-lg-6">-->
        <!--                                        <div class="about__content mb-30 bdevs-el-content">-->
        <!--                                            <div class="section-title mb-30">-->
        <!--                                                <div class="border-left st-3">-->
        <!--                                                    <p class="bdevs-el-subtitle">About 4squaredigital-->
        <!--                                                    <p>-->
        <!--                                                </div>-->

        <!--                                                <h1 class="bdevs-el-title" data-wow-delay=".4s"-->
        <!--                                                    style="font-size:50px">The Best IT-->
        <!--                                                    Solution With 10 Years of Experience</h1>-->
        <!--                                            </div>-->
        <!--                                            <p class="mb-2">Our company is part of a network of best digital-->
        <!--                                                marketing-->
        <!--                                                agencies in New Delhi, India. Digital Marketing Strategy,-->
        <!--                                                Website Design, E-Commerce Solutions, Search Engine-->
        <!--                                                Optimization, Pay Per Click, Social Media Marketing, Email-->
        <!--                                                Marketing, and Overall Digital Marketing Services are some of-->
        <!--                                                the services that we offer.-->
        <!--                                            </p>-->

        <!--                                            <div class="ab-experience st-3  mt-2">-->
        <!--                                                <div class="ab-experience-content">-->
        <!--                                                    <div class="ab-experience-icon st-3">-->
        <!--                                                    </div>-->
        <!--                                                    <div class="ab-experience-text">-->
        <!--                                                        <span> <img-->
        <!--                                                                src="wp-content/uploads/2022/08/check-mark.png"-->
        <!--                                                                width="20px;" alt=""> Award-->
        <!--                                                            Winning</span> <br>-->
        <!--                                                        <span> <img-->
        <!--                                                                src="wp-content/uploads/2022/08/check-mark.png"-->
        <!--                                                                width="20px;" alt=""> 24/7 Support</span>-->
        <!--                                                        <br>-->
        <!--                                                        <span> <img-->
        <!--                                                                src="wp-content/uploads/2022/08/check-mark.png"-->
        <!--                                                                width="20px;" alt=""> Professional-->
        <!--                                                            Staff</span> <br>-->
        <!--                                                        <span> <img-->
        <!--                                                                src="wp-content/uploads/2022/08/check-mark.png"-->
        <!--                                                                width="20px;" alt=""> Fair Prices</span>-->
        <!--                                                    </div>-->
        <!--                                                </div>-->

        <!--                                            </div>-->

        <!--                                            <div class="about__btn">-->
        <!--                                                <a class="grb-btn st-3 bdevs-el-btn" data-wow-delay=""-->
        <!--                                                    href="about.html">-->
        <!--                                                    <span>Read More</span>-->
        <!--                                                    <i class="bdevs-btn-icon far fa-arrow-right"-->
        <!--                                                        aria-hidden="true"></i> </a>-->
        <!--                                            </div>-->
        <!--                                        </div>-->
        <!--                                    </div>-->
        <!--                                </div>-->
        <!--                            </div>-->
        <!--                        </section>-->

        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--    </div>-->
        <!--</section>-->
        
        <!-- Bootstrap 5 & FontAwesome CDN -->

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">

<section class="about-section">
  <div class="container">
    <div class="row align-items-center g-5">

      <!-- Left Image -->
      <div class="col-lg-6">
        <div class="about-img-box">
          <img src="about-us.png" alt="4 Square Digital Team" class="img-fluid about-img">
          <div class="experience-badge">
            <h3>8+</h3>
            <span>Years Experience</span>
          </div>
        </div>
      </div>

      <!-- Right Content -->
      <div class="col-lg-6">
        <div class="about-content">
          <span class="section-tag">
            <i class="fa-solid fa-bolt"></i> About Us
          </span>

          <h2>We Create Powerful Digital Growth For Your Brand</h2>

          <p>
            4 Square Digital Pvt. Ltd. is a creative digital marketing agency helping businesses
            build a strong online presence through smart strategy, modern design, and result-driven
            digital solutions.
          </p>

          <p>
            With our 360° digital transformation approach, we deliver services like Digital Marketing,
            Website Development, SEO, Social Media Marketing, Google Ads, Branding, Graphic Designing,
            and Content Creation.
          </p>

          <div class="about-points">
            <div class="point-box">
              <div class="icon">
                <i class="fa-solid fa-chart-line"></i>
              </div>
              <div>
                <h5>Result Driven Strategy</h5>
                <p>Marketing plans focused on leads, visibility, and business growth.</p>
              </div>
            </div>

            <div class="point-box">
              <div class="icon">
                <i class="fa-solid fa-palette"></i>
              </div>
              <div>
                <h5>Creative Branding</h5>
                <p>Modern designs that make your brand look professional and trustworthy.</p>
              </div>
            </div>

            <div class="point-box">
              <div class="icon">
                <i class="fa-solid fa-globe"></i>
              </div>
              <div>
                <h5>Complete Digital Solutions</h5>
                <p>From websites to ads, we manage everything your brand needs online.</p>
              </div>
            </div>
          </div>

          <a href="about.html" class="read-more-btn">
            Read More <i class="fa-solid fa-arrow-right"></i>
          </a>
        </div>
      </div>

    </div>
  </div>
</section>
<style>
    .about-section {
  padding: 90px 0;
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 45%, #fff1f8 100%);
  position: relative;
  overflow: hidden;
}

.about-section::before {
  content: "";
  position: absolute;
  width: 380px;
  height: 380px;
  background: radial-gradient(circle, rgba(255, 92, 168, 0.18), transparent 70%);
  top: -120px;
  right: -100px;
}

.about-section::after {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(0, 120, 232, 0.18), transparent 70%);
  bottom: -100px;
  left: -80px;
}

.about-img-box {
  position: relative;
  z-index: 2;
  border-radius: 30px;
  padding: 14px;
  background: linear-gradient(135deg, #0b2c66, #ff5ca8, #62c8ff);
  box-shadow: 0 25px 60px rgba(11, 44, 102, 0.18);
}

.about-img {
  width: 100%;
  height: 560px;
  object-fit: cover;
  border-radius: 22px;
  display: block;
}

.experience-badge {
  position: absolute;
  right: -20px;
  bottom: 40px;
  background: #ffffff;
  padding: 22px 28px;
  border-radius: 22px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
  border-left: 5px solid #ff5ca8;
  animation: floatBadge 3s ease-in-out infinite;
}

.experience-badge h3 {
  margin: 0;
  font-size: 38px;
  font-weight: 800;
  color: #0b2c66;
}

.experience-badge span {
  font-size: 14px;
  font-weight: 600;
  color: #555;
}

@keyframes floatBadge {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.about-content {
  position: relative;
  z-index: 2;
}

.section-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  color: #ff3f9b;
  padding: 10px 18px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0 8px 25px rgba(255, 92, 168, 0.15);
  margin-bottom: 18px;
}

.about-content h2 {
  font-size: 42px;
  line-height: 1.2;
  font-weight: 800;
  color: #062b5f;
  margin-bottom: 22px;
}

.about-content p {
  font-size: 16px;
  line-height: 1.8;
  color: #5d6b82;
  margin-bottom: 16px;
}

.about-points {
  margin-top: 25px;
}

.point-box {
  display: flex;
  gap: 16px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(98, 200, 255, 0.25);
  border-radius: 18px;
  margin-bottom: 16px;
  box-shadow: 0 10px 30px rgba(6, 43, 95, 0.06);
  transition: all 0.35s ease;
}

.point-box:hover {
  transform: translateX(8px);
  border-color: #ff5ca8;
  box-shadow: 0 15px 40px rgba(255, 92, 168, 0.16);
}

.point-box .icon {
  min-width: 54px;
  height: 54px;
  background: linear-gradient(135deg, #062b5f, #0078e8);
  color: #ffffff;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  box-shadow: 0 10px 25px rgba(0, 120, 232, 0.25);
}

.point-box h5 {
  font-size: 18px;
  font-weight: 800;
  color: #062b5f;
  margin-bottom: 5px;
}

.point-box p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
}

.read-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 15px;
  padding: 14px 30px;
  background: linear-gradient(135deg, #062b5f, #0078e8);
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(0, 120, 232, 0.25);
  transition: all 0.35s ease;
}

.read-more-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -90%;
  width: 70%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.35), transparent);
  transition: 0.6s;
}

.read-more-btn:hover::before {
  left: 120%;
}

.read-more-btn:hover {
  color: #ffffff;
  transform: translateY(-4px);
  background: linear-gradient(135deg, #ff5ca8, #062b5f);
}

.read-more-btn i {
  transition: 0.35s ease;
}

.read-more-btn:hover i {
  transform: translateX(6px);
}

/* Responsive */
@media (max-width: 991px) {
  .about-section {
    padding: 70px 0;
  }

  .about-img {
    height: 430px;
  }

  .about-content h2 {
    font-size: 34px;
  }

  .experience-badge {
    right: 20px;
    bottom: 25px;
  }
}

@media (max-width: 575px) {
  .about-img {
    height: 340px;
  }

  .about-content h2 {
    font-size: 28px;
  }

  .point-box {
    padding: 15px;
  }

  .experience-badge {
    padding: 16px 20px;
  }

  .experience-badge h3 {
    font-size: 30px;
  }
}
</style>

        <!--<section-->
        <!--    class="elementor-section elementor-top-section elementor-element elementor-element-6b5bfdc elementor-section-boxed elementor-section-height-default elementor-section-height-default"-->
        <!--    data-id="6b5bfdc" data-element_type="section">-->
        <!--    <div class="elementor-container elementor-column-gap-no">-->
        <!--        <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-8a6657d"-->
        <!--            data-id="8a6657d" data-element_type="column">-->
        <!--            <div class="elementor-widget-wrap elementor-element-populated">-->
        <!--                <div class="elementor-element elementor-element-694c5c9 elementor-widget elementor-widget-icon_box bdevs-el icon_box"-->
        <!--                    data-id="694c5c9" data-element_type="widget"-->
        <!--                    data-settings="{&quot;design_style&quot;:&quot;style_1&quot;}"-->
        <!--                    data-widget_type="icon_box.default">-->
        <!--                    <div class="elementor-widget-container">-->


        <!--                        <div class="single-features mb-30">-->
        <!--                            <div class="features-content">-->
        <!--                                <div class="features-icon">-->
        <!--                                    <figure>-->
        <!--                                        <i aria-hidden="true" class=" flaticon-marketing"></i>-->
        <!--                                    </figure>-->
        <!--                                </div>-->

        <!--                                <div class="features-text">-->
        <!--                                    <span class="bdevs-el-title">Communication Strategy</span>-->
        <!--                                </div>-->
        <!--                            </div>-->
        <!--                        </div>-->

        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--        <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-3c2de87"-->
        <!--            data-id="3c2de87" data-element_type="column">-->
        <!--            <div class="elementor-widget-wrap elementor-element-populated">-->
        <!--                <div class="elementor-element elementor-element-3025637 elementor-widget elementor-widget-icon_box bdevs-el icon_box"-->
        <!--                    data-id="3025637" data-element_type="widget"-->
        <!--                    data-settings="{&quot;design_style&quot;:&quot;style_1&quot;}"-->
        <!--                    data-widget_type="icon_box.default">-->
        <!--                    <div class="elementor-widget-container">-->


        <!--                        <div class="single-features mb-30">-->
        <!--                            <div class="features-content">-->
        <!--                                <div class="features-icon">-->
        <!--                                    <figure>-->
        <!--                                        <i aria-hidden="true" class=" flaticon-vector"></i>-->
        <!--                                    </figure>-->
        <!--                                </div>-->

        <!--                                <div class="features-text">-->
        <!--                                    <span class="bdevs-el-title">Business Intelligence</span>-->
        <!--                                </div>-->
        <!--                            </div>-->
        <!--                        </div>-->

        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--        <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-cae00ed"-->
        <!--            data-id="cae00ed" data-element_type="column">-->
        <!--            <div class="elementor-widget-wrap elementor-element-populated">-->
        <!--                <div class="elementor-element elementor-element-0170ab5 elementor-widget elementor-widget-icon_box bdevs-el icon_box"-->
        <!--                    data-id="0170ab5" data-element_type="widget"-->
        <!--                    data-settings="{&quot;design_style&quot;:&quot;style_1&quot;}"-->
        <!--                    data-widget_type="icon_box.default">-->
        <!--                    <div class="elementor-widget-container">-->


        <!--                        <div class="single-features mb-30">-->
        <!--                            <div class="features-content">-->
        <!--                                <div class="features-icon">-->
        <!--                                    <figure>-->
        <!--                                        <i aria-hidden="true" class="fal fa-shopping-cart"></i>-->
        <!--                                    </figure>-->
        <!--                                </div>-->

        <!--                                <div class="features-text">-->
        <!--                                    <span class="bdevs-el-title">E-Commerce Solutions</span>-->
        <!--                                </div>-->
        <!--                            </div>-->
        <!--                        </div>-->

        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--        <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-cbc82b8"-->
        <!--            data-id="cbc82b8" data-element_type="column">-->
        <!--            <div class="elementor-widget-wrap elementor-element-populated">-->
        <!--                <div class="elementor-element elementor-element-edb5f69 elementor-widget elementor-widget-icon_box bdevs-el icon_box"-->
        <!--                    data-id="edb5f69" data-element_type="widget"-->
        <!--                    data-settings="{&quot;design_style&quot;:&quot;style_1&quot;}"-->
        <!--                    data-widget_type="icon_box.default">-->
        <!--                    <div class="elementor-widget-container">-->


        <!--                        <div class="single-features mb-30">-->
        <!--                            <div class="features-content">-->
        <!--                                <div class="features-icon">-->
        <!--                                    <figure>-->
        <!--                                        <i aria-hidden="true" class="fab fa-phabricator"></i>-->
        <!--                                    </figure>-->
        <!--                                </div>-->

        <!--                                <div class="features-text">-->
        <!--                                    <span class="bdevs-el-title">Brand Asset Management</span>-->
        <!--                                </div>-->
        <!--                            </div>-->
        <!--                        </div>-->

        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--    </div>-->
        <!--</section>-->
        
        <!-- Key Features Section -->
<section class="key-features-section">
  <div class="container">
    <div class="section-heading text-center">
      <span>Key Features</span>
      <h2>What Makes Our Digital Approach Powerful</h2>
      <p>We combine strategy, creativity, technology, and data to build meaningful digital growth for your brand.</p>
    </div>

    <div class="row g-4">
      <div class="col-lg-3 col-md-6">
        <div class="feature-card">
          <div class="feature-icon">
            <i class="fa-solid fa-comments"></i>
          </div>
          <h4>Smart Communication Strategy</h4>
          <p>Clear brand messaging that connects with your audience and builds trust across every digital platform.</p>
        </div>
      </div>

      <div class="col-lg-3 col-md-6">
        <div class="feature-card">
          <div class="feature-icon">
            <i class="fa-solid fa-chart-pie"></i>
          </div>
          <h4>Data-Driven Business Insights</h4>
          <p>We use performance data and market understanding to create smarter decisions for better business growth.</p>
        </div>
      </div>

      <div class="col-lg-3 col-md-6">
        <div class="feature-card">
          <div class="feature-icon">
            <i class="fa-solid fa-cart-shopping"></i>
          </div>
          <h4>Growth-Focused E-Commerce</h4>
          <p>Modern e-commerce solutions designed to improve customer experience, product visibility, and online sales.</p>
        </div>
      </div>

      <div class="col-lg-3 col-md-6">
        <div class="feature-card">
          <div class="feature-icon">
            <i class="fa-solid fa-layer-group"></i>
          </div>
          <h4>Creative Brand Asset Management</h4>
          <p>Consistent designs, creatives, and digital assets that keep your brand professional, memorable, and premium.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<style>
    .key-features-section {
  padding: 80px 0;
  background: linear-gradient(135deg, #ffffff 0%, #f3f9ff 50%, #fff0f7 100%);
  position: relative;
  overflow: hidden;
}

.section-heading {
  max-width: 760px;
  margin: 0 auto 45px;
}

.section-heading span {
  display: inline-block;
  padding: 9px 20px;
  background: #ffffff;
  color: #ff3f9b;
  border-radius: 50px;
  font-weight: 800;
  font-size: 14px;
  box-shadow: 0 8px 25px rgba(255, 92, 168, 0.14);
  margin-bottom: 15px;
}

.section-heading h2 {
  font-size: 38px;
  font-weight: 800;
  color: #062b5f;
  margin-bottom: 14px;
}

.section-heading p {
  font-size: 16px;
  color: #5d6b82;
  line-height: 1.7;
}

.feature-card {
  height: 100%;
  padding: 32px 24px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(0, 120, 232, 0.16);
  border-radius: 24px;
  box-shadow: 0 15px 40px rgba(6, 43, 95, 0.08);
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

.feature-card::before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(255, 92, 168, 0.18), transparent 70%);
  top: -40px;
  right: -35px;
  transition: 0.35s ease;
}

.feature-card:hover {
  transform: translateY(-10px);
  border-color: #ff5ca8;
  box-shadow: 0 22px 55px rgba(255, 92, 168, 0.16);
}

.feature-card:hover::before {
  transform: scale(1.4);
}

.feature-icon {
  width: 68px;
  height: 68px;
  background: linear-gradient(135deg, #062b5f, #0078e8);
  color: #ffffff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin-bottom: 24px;
  box-shadow: 0 12px 30px rgba(0, 120, 232, 0.28);
  transition: all 0.35s ease;
}

.feature-card:hover .feature-icon {
  background: linear-gradient(135deg, #ff5ca8, #062b5f);
  transform: rotateY(180deg);
}

.feature-card h4 {
  font-size: 20px;
  font-weight: 800;
  color: #062b5f;
  margin-bottom: 12px;
  line-height: 1.35;
}

.feature-card p {
  font-size: 15px;
  line-height: 1.7;
  color: #5d6b82;
  margin: 0;
}

@media (max-width: 767px) {
  .key-features-section {
    padding: 60px 0;
  }

  .section-heading h2 {
    font-size: 28px;
  }

  .feature-card {
    padding: 28px 22px;
  }
}
</style>
  <img src="4squaredigital-banner.jpeg" alt="Banner" class="img-fluid w-100">
  <!--      <section-->
  <!--          class="elementor-section elementor-top-section elementor-element elementor-element-e69b128 elementor-section-boxed elementor-section-height-default elementor-section-height-default"-->
  <!--          data-id="e69b128" data-element_type="section">-->
  <!--          <div class="elementor-container elementor-column-gap-no">-->
  <!--              <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-98ce1f8"-->
  <!--                  data-id="98ce1f8" data-element_type="column">-->
  <!--                  <div class="elementor-widget-wrap elementor-element-populated">-->
  <!--                      <div class="elementor-element elementor-element-6ff5a0f elementor-widget elementor-widget-heading bdevs-el heading"-->
  <!--                          data-id="6ff5a0f" data-element_type="widget"-->
  <!--                          data-settings="{&quot;design_style&quot;:&quot;style_3&quot;}"-->
  <!--                          data-widget_type="heading.default">-->
  <!--                          <div class="elementor-widget-container">-->
  <!--                              <style>-->
                                   
  <!--                                  .elementor-heading-title {-->
  <!--                                      padding: 0;-->
  <!--                                      margin: 0;-->
  <!--                                      line-height: 1-->
  <!--                                  }-->

  <!--                                  .elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a {-->
  <!--                                      color: inherit;-->
  <!--                                      font-size: inherit;-->
  <!--                                      line-height: inherit-->
  <!--                                  }-->

  <!--                                  .elementor-widget-heading .elementor-heading-title.elementor-size-small {-->
  <!--                                      font-size: 15px-->
  <!--                                  }-->

  <!--                                  .elementor-widget-heading .elementor-heading-title.elementor-size-medium {-->
  <!--                                      font-size: 19px-->
  <!--                                  }-->

  <!--                                  .elementor-widget-heading .elementor-heading-title.elementor-size-large {-->
  <!--                                      font-size: 29px-->
  <!--                                  }-->

  <!--                                  .elementor-widget-heading .elementor-heading-title.elementor-size-xl {-->
  <!--                                      font-size: 39px-->
  <!--                                  }-->

  <!--                                  .elementor-widget-heading .elementor-heading-title.elementor-size-xxl {-->
  <!--                                      font-size: 59px-->
  <!--                                  }-->
  <!--                              </style>-->
  <!--                          <div class="container-fluid p-0">-->
  
  <!--</div>      -->
                                
  <!--                              <div class="container">-->
  <!--                                  <div class="row wow fadeInUp2">-->
  <!--                                      <div class="col-lg-12">-->
  <!--                                          <div class="section-title mb-55">-->
  <!--                                              <div class="border-left st-3">-->
  <!--                                                  <p class="bdevs-el-subtitle">Our Services</p>-->
  <!--                                              </div>-->

  <!--                                              <h2 class="#" data-wow-delay=".2s">We Provide Best Digital Services</h2>-->
  <!--                                          </div>-->
  <!--                                      </div>-->
  <!--                                  </div>-->
  <!--                              </div>-->


  <!--                          </div>-->
  <!--                      </div>-->
  <!--                  </div>-->
  <!--              </div>-->
  <!--          </div>-->
  <!--      </section>-->
  <!--      <section-->
  <!--          class="elementor-section elementor-top-section elementor-element elementor-element-cd1d9f1 elementor-section-boxed elementor-section-height-default elementor-section-height-default"-->
  <!--          data-id="cd1d9f1" data-element_type="section">-->
  <!--          <div class="elementor-container elementor-column-gap-default">-->
  <!--              <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ac3137e"-->
  <!--                  data-id="ac3137e" data-element_type="column">-->
  <!--                  <div class="elementor-widget-wrap elementor-element-populated">-->
  <!--                      <div class="elementor-element elementor-element-c4f7aa1 elementor-widget elementor-widget-icon_box bdevs-el icon_box"-->
  <!--                          data-id="c4f7aa1" data-element_type="widget"-->
  <!--                          data-settings="{&quot;design_style&quot;:&quot;style_2&quot;}"-->
  <!--                          data-widget_type="icon_box.default">-->
  <!--                          <div class="elementor-widget-container">-->
  <!--                              <div class="service-box-single mb-40">-->
  <!--                                  <div class="service-box-content st-3">-->
  <!--                                      <div class="service-box-content-icon">-->
  <!--                                          <figure>-->
  <!--                                              <i class="fal fa-photo-video"></i>-->
  <!--                                          </figure>-->
  <!--                                      </div>-->
  <!--                                      <div class="service-box-content-text bdevs-el-content">-->
  <!--                                          <h4 class="bdevs-el-title"><a href="#">Social Media-->
  <!--                                                  Optimization</a></h4>-->

  <!--                                          <p> In recent years, social media usage has increased significantly, and it-->
  <!--                                              is also growing rapidly day-->
  <!--                                              by day. So it is only a wise decision....</p>-->
  <!--                                          <button class="btnservice mt-3"> <a href="./service.html">Read-->
  <!--                                                  More</a></button>-->
  <!--                                      </div>-->
  <!--                                  </div>-->
  <!--                              </div>-->
  <!--                          </div>-->
  <!--                      </div>-->
  <!--                      <div class="elementor-element elementor-element-cde527b elementor-widget elementor-widget-icon_box bdevs-el icon_box"-->
  <!--                          data-id="cde527b" data-element_type="widget"-->
  <!--                          data-settings="{&quot;design_style&quot;:&quot;style_2&quot;}"-->
  <!--                          data-widget_type="icon_box.default">-->
  <!--                          <div class="elementor-widget-container">-->

  <!--                              <div class="service-box-single mb-40">-->
  <!--                                  <div class="service-box-content st-3">-->
  <!--                                      <div class="service-box-content-icon">-->
  <!--                                          <figure>-->
  <!--                                              <i class="fal fa-ad"></i>-->
  <!--                                          </figure>-->
  <!--                                      </div>-->
  <!--                                      <div class="service-box-content-text bdevs-el-content">-->
  <!--                                          <h4 class="bdevs-el-title"><a href="#">Media Buying</a></h4>-->
  <!--                                          <p>-->
  <!--                                              Media buying is a practice used by organizations to professionally-->
  <!--                                              curate a marketing strategy-->
  <!--                                              for their customers. Organizations have .... </p>-->
  <!--                                          <button class="btnservice mt-3"> <a href="./service.html">Read-->
  <!--                                                  More</a></button>-->
  <!--                                      </div>-->
  <!--                                  </div>-->
  <!--                              </div>-->

  <!--                          </div>-->
  <!--                      </div>-->
  <!--                      <div class="elementor-element elementor-element-19054ac elementor-widget elementor-widget-icon_box bdevs-el icon_box"-->
  <!--                          data-id="19054ac" data-element_type="widget"-->
  <!--                          data-settings="{&quot;design_style&quot;:&quot;style_2&quot;}"-->
  <!--                          data-widget_type="icon_box.default">-->
  <!--                          <div class="elementor-widget-container">-->


  <!--                              <div class="service-box-single mb-40">-->
  <!--                                  <div class="service-box-content st-3">-->
  <!--                                      <div class="service-box-content-icon">-->
  <!--                                          <figure>-->
  <!--                                              <i aria-hidden="true" class="fal fa-globe"></i>-->
  <!--                                          </figure>-->
  <!--                                      </div>-->
  <!--                                      <div class="service-box-content-text bdevs-el-content">-->
  <!--                                          <h4 class="bdevs-el-title"><a href="#">Website Design-->
  <!--                                              </a></h4>-->

  <!--                                          <p>-->
  <!--                                              The digital world is growing rapidly, and having a business without a-->
  <!--                                              website might put you in a-->
  <!--                                              disadvantageous position. Having a website comes with a huge bag filled-->
  <!--                                              with endless....-->
  <!--                                          </p>-->
  <!--                                          <button class="btnservice mt-3"> <a href="./service.html">Read-->
  <!--                                                  More</a></button>-->
  <!--                                      </div>-->
  <!--                                  </div>-->
  <!--                              </div>-->



  <!--                          </div>-->
  <!--                      </div>-->
  <!--                      <div class="elementor-element elementor-element-7fd92dd elementor-widget elementor-widget-icon_box bdevs-el icon_box"-->
  <!--                          data-id="7fd92dd" data-element_type="widget"-->
  <!--                          data-settings="{&quot;design_style&quot;:&quot;style_2&quot;}"-->
  <!--                          data-widget_type="icon_box.default">-->
  <!--                          <div class="elementor-widget-container">-->


  <!--                              <div class="service-box-single mb-40">-->
  <!--                                  <div class="service-box-content st-3 std">-->
  <!--                                      <div class="service-box-content-icon">-->
  <!--                                          <figure>-->
  <!--                                              <i class="fal fa-comments-alt-dollar"></i>-->
  <!--                                              </i>-->
  <!--                                          </figure>-->
  <!--                                      </div>-->
  <!--                                      <div class="service-box-content-text bdevs-el-content">-->
  <!--                                          <h4 class="bdevs-el-title"><a href="#">PPC</a>-->
  <!--                                          </h4>-->

  <!--                                          <p>-->
  <!--                                              PPC (pay-per-click) ads are one of the best advertising strategies that-->
  <!--                                              a business can use to get-->
  <!--                                              traffic to their websites. In simple words, these are the ads that, when-->
  <!--                                              clicked, redirect the user to-->
  <!--                                              the advertisers.... </p>-->
  <!--                                          <button class="btnservice mt-3"> <a href="./service.html">Read-->
  <!--                                                  More</a></button>-->
  <!--                                      </div>-->
  <!--                                  </div>-->
  <!--                              </div>-->



  <!--                          </div>-->
  <!--                      </div>-->
  <!--                  </div>-->
  <!--              </div>-->
  <!--              <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6b04470"-->
  <!--                  data-id="6b04470" data-element_type="column">-->
  <!--                  <div class="elementor-widget-wrap elementor-element-populated">-->
  <!--                      <div class="elementor-element elementor-element-3cb44df elementor-widget elementor-widget-icon_box bdevs-el icon_box"-->
  <!--                          data-id="3cb44df" data-element_type="widget"-->
  <!--                          data-settings="{&quot;design_style&quot;:&quot;style_2&quot;}"-->
  <!--                          data-widget_type="icon_box.default">-->
  <!--                          <div class="elementor-widget-container">-->


  <!--                              <div class="service-box-single mb-40">-->
  <!--                                  <div class="service-box-content st-3">-->
  <!--                                      <div class="service-box-content-icon">-->
  <!--                                          <figure>-->
  <!--                                              <i class="fal fa-analytics"></i>-->
  <!--                                          </figure>-->
  <!--                                      </div>-->
  <!--                                      <div class="service-box-content-text bdevs-el-content">-->
  <!--                                          <h4 class="bdevs-el-title"><a href="#">SEO</a>-->
  <!--                                          </h4>-->

  <!--                                          <p>-->
  <!--                                              As we all know, Google is one of the most widely used search engine in-->
  <!--                                              the world. According to-->
  <!--                                              some studies... </p>-->
  <!--                                          <button class="btnservice mt-3"> <a href="./service.html">Read-->
  <!--                                                  More</a></button>-->
  <!--                                      </div>-->
  <!--                                  </div>-->
  <!--                              </div>-->



  <!--                          </div>-->
  <!--                      </div>-->
  <!--                      <div class="elementor-element elementor-element-1aee3fb elementor-widget elementor-widget-icon_box bdevs-el icon_box"-->
  <!--                          data-id="1aee3fb" data-element_type="widget"-->
  <!--                          data-settings="{&quot;design_style&quot;:&quot;style_2&quot;}"-->
  <!--                          data-widget_type="icon_box.default">-->
  <!--                          <div class="elementor-widget-container">-->


  <!--                              <div class="service-box-single mb-40">-->
  <!--                                  <div class="service-box-content st-3">-->
  <!--                                      <div class="service-box-content-icon">-->
  <!--                                          <figure>-->
  <!--                                              <i class="fal fa-users-crown"></i>-->
  <!--                                          </figure>-->
  <!--                                      </div>-->
  <!--                                      <div class="service-box-content-text bdevs-el-content">-->
  <!--                                          <h4 class="bdevs-el-title"><a href="#">Influencer-->
  <!--                                                  Marketing</a></h4>-->

  <!--                                          <p>-->
  <!--                                              Today we see influencers all over the internet, and during the time of-->
  <!--                                              the pandemic, an upward-->
  <!--                                              surge has been observed in internet-based influencers.... </p>-->
  <!--                                          <button class="btnservice mt-3"> <a href="./service.html">Read-->
  <!--                                                  More</a></button>-->
  <!--                                      </div>-->
  <!--                                  </div>-->
  <!--                              </div>-->



  <!--                          </div>-->
  <!--                      </div>-->
  <!--                      <div class="elementor-element elementor-element-41a794a elementor-widget elementor-widget-icon_box bdevs-el icon_box"-->
  <!--                          data-id="41a794a" data-element_type="widget"-->
  <!--                          data-settings="{&quot;design_style&quot;:&quot;style_2&quot;}"-->
  <!--                          data-widget_type="icon_box.default">-->
  <!--                          <div class="elementor-widget-container">-->


  <!--                              <div class="service-box-single mb-40">-->
  <!--                                  <div class="service-box-content st-3">-->
  <!--                                      <div class="service-box-content-icon">-->
  <!--                                          <figure>-->
  <!--                                              <i aria-hidden="true" class="fal fa-laptop-code"></i>-->
  <!--                                          </figure>-->
  <!--                                      </div>-->
  <!--                                      <div class="service-box-content-text bdevs-el-content">-->
  <!--                                          <h4 class="bdevs-el-title"><a href="#">Graphic Designing</a></h4>-->

  <!--                                          <p>-->
  <!--                                              We come into contact with different interesting and eye-catching designs-->
  <!--                                              every-->
  <!--                                              day. Have you ever thought about how they were created? Or do you want-->
  <!--                                              to open-->
  <!--                                              a business and want these types of designs.... </p>-->
  <!--                                          <button class="btnservice mt-3"> <a href="./service.html">Read-->
  <!--                                                  More</a></button>-->
  <!--                                      </div>-->
  <!--                                  </div>-->
  <!--                              </div>-->

  <!--                          </div>-->
  <!--                      </div>-->
  <!--                      <div class="elementor-element elementor-element-569e594 elementor-widget elementor-widget-icon_box bdevs-el icon_box"-->
  <!--                          data-id="569e594" data-element_type="widget"-->
  <!--                          data-settings="{&quot;design_style&quot;:&quot;style_2&quot;}"-->
  <!--                          data-widget_type="icon_box.default">-->
  <!--                          <div class="elementor-widget-container">-->


  <!--                              <div class="service-box-single mb-40">-->
  <!--                                  <div class="service-box-content st-3">-->
  <!--                                      <div class="service-box-content-icon">-->
  <!--                                          <figure>-->
  <!--                                              <i class="fal fa-computer-classic"></i>-->
  <!--                                          </figure>-->
  <!--                                      </div>-->
  <!--                                      <div class="service-box-content-text bdevs-el-content">-->
  <!--                                          <h4 class="bdevs-el-title"><a href="#">Programmatic-->
  <!--                                                  Marketing</a></h4>-->

  <!--                                          <p>-->
  <!--                                              Programmatic marketing is one of the most advanced modern tools that can-->
  <!--                                              be-->
  <!--                                              used for advertising. It works on the basis of data. With the expansion-->
  <!--                                              of-->
  <!--                                              digitalization....</p>-->
  <!--                                          <button class="btnservice mt-3"> <a href="./service.html">Read-->
  <!--                                                  More</a></button>-->
  <!--                                      </div>-->
  <!--                                  </div>-->
  <!--                              </div>-->



  <!--                          </div>-->
  <!--                      </div>-->
  <!--                  </div>-->
  <!--              </div>-->
  <!--              <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-c4f61a5"-->
  <!--                  data-id="c4f61a5" data-element_type="column">-->
  <!--                  <div class="elementor-widget-wrap elementor-element-populated">-->
  <!--                      <div class="elementor-element elementor-element-89670c4 elementor-widget elementor-widget-icon_box bdevs-el icon_box"-->
  <!--                          data-id="89670c4" data-element_type="widget"-->
  <!--                          data-settings="{&quot;design_style&quot;:&quot;style_2&quot;}"-->
  <!--                          data-widget_type="icon_box.default">-->
  <!--                          <div class="elementor-widget-container">-->


  <!--                              <div class="service-box-single mb-40">-->
  <!--                                  <div class="service-box-content st-3">-->
  <!--                                      <div class="service-box-content-icon">-->
  <!--                                          <figure>-->
  <!--                                              <i class="fal fa-share-alt"></i>-->
  <!--                                          </figure>-->
  <!--                                      </div>-->
  <!--                                      <div class="service-box-content-text bdevs-el-content">-->
  <!--                                          <h4 class="bdevs-el-title"><a href="#">SEM-->
  <!--                                              </a></h4>-->

  <!--                                          <p>-->
  <!--                                              Our Google ads team of experts curates the perfect strategy with their-->
  <!--                                              knowledge of Google Adwords to give you the best online presence and-->
  <!--                                              ROI.... </p>-->
  <!--                                          <button class="btnservice mt-3"> <a href="./service.html">Read-->
  <!--                                                  More</a></button>-->
  <!--                                      </div>-->
  <!--                                  </div>-->
  <!--                              </div>-->



  <!--                          </div>-->
  <!--                      </div>-->
  <!--                      <div class="elementor-element elementor-element-be36a85 elementor-widget elementor-widget-icon_box bdevs-el icon_box"-->
  <!--                          data-id="be36a85" data-element_type="widget"-->
  <!--                          data-settings="{&quot;design_style&quot;:&quot;style_2&quot;}"-->
  <!--                          data-widget_type="icon_box.default">-->
  <!--                          <div class="elementor-widget-container">-->


  <!--                              <div class="service-box-single mb-40">-->
  <!--                                  <div class="service-box-content st-3 std">-->
  <!--                                      <div class="service-box-content-icon">-->
  <!--                                          <figure>-->
  <!--                                              <i class="far fa-lightbulb-on"></i>-->
  <!--                                          </figure>-->
  <!--                                      </div>-->
  <!--                                      <div class="service-box-content-text bdevs-el-content">-->
  <!--                                          <h4 class="bdevs-el-title"><a href="#">Digital-->
  <!--                                                  Consulting</a></h4>-->

  <!--                                          <p>-->
  <!--                                              Programmatic marketing is one of the most advanced modern tools that can-->
  <!--                                              be-->
  <!--                                              used for advertising. It works on the basis of data. With the expansion-->
  <!--                                              of-->
  <!--                                              digitalization.... </p>-->
  <!--                                          <button class="btnservice mt-3"> <a href="./service.html">Read-->
  <!--                                                  More</a></button>-->
  <!--                                      </div>-->
  <!--                                  </div>-->
  <!--                              </div>-->



  <!--                          </div>-->
  <!--                      </div>-->
  <!--                      <div class="elementor-element elementor-element-ca53a88 elementor-widget elementor-widget-icon_box bdevs-el icon_box"-->
  <!--                          data-id="ca53a88" data-element_type="widget"-->
  <!--                          data-settings="{&quot;design_style&quot;:&quot;style_2&quot;}"-->
  <!--                          data-widget_type="icon_box.default">-->
  <!--                          <div class="elementor-widget-container">-->


  <!--                              <div class="service-box-single mb-40">-->
  <!--                                  <div class="service-box-content st-3 std">-->
  <!--                                      <div class="service-box-content-icon">-->
  <!--                                          <figure>-->
  <!--                                              <i class="fal fa-computer-classic"></i>-->
  <!--                                          </figure>-->
  <!--                                      </div>-->
  <!--                                      <div class="service-box-content-text bdevs-el-content">-->
  <!--                                          <h4 class="bdevs-el-title"><a href="#">Affliate-->
  <!--                                                  Marketing</a></h4>-->

  <!--                                          <p>-->
  <!--                                              Programmatic marketing is one of the most advanced modern tools that can-->
  <!--                                              be-->
  <!--                                              used for advertising. It works on the basis of data. With the expansion-->
  <!--                                              of-->
  <!--                                              digitalization....</p>-->
  <!--                                          <button class="btnservice mt-3"> <a href="./service.html">Read-->
  <!--                                                  More</a></button>-->
  <!--                                      </div>-->
  <!--                                  </div>-->
  <!--                              </div>-->



  <!--                          </div>-->
  <!--                      </div>-->
  <!--                      <div class="elementor-element elementor-element-c0c5a91 elementor-widget elementor-widget-icon_box bdevs-el icon_box"-->
  <!--                          data-id="c0c5a91" data-element_type="widget"-->
  <!--                          data-settings="{&quot;design_style&quot;:&quot;style_2&quot;}"-->
  <!--                          data-widget_type="icon_box.default">-->
  <!--                          <div class="elementor-widget-container">-->
  <!--                              <div class="service-box-single mb-40">-->
  <!--                                  <div class="service-box-content st-3 std">-->
  <!--                                      <div class="service-box-content-icon">-->
  <!--                                          <figure>-->
  <!--                                              <i class="fal fa-analytics"></i>-->
  <!--                                          </figure>-->
  <!--                                      </div>-->
  <!--                                      <div class="service-box-content-text bdevs-el-content">-->
  <!--                                          <h4 class="bdevs-el-title"><a href="#">Account Based-->
  <!--                                                  Marketing</a></h4>-->

  <!--                                          <p>-->
  <!--                                              Account-based marketing uses advanced business automation tools and-->
  <!--                                              customer support methods are used to analyse and identify a consumer-->
  <!--                                              group....-->
  <!--                                          </p>-->
  <!--                                          <button class="btnservice mt-3"> <a href="./service.html">Read-->
  <!--                                                  More</a></button>-->
  <!--                                      </div>-->
  <!--                                  </div>-->
  <!--                              </div>-->



  <!--                          </div>-->
  <!--                      </div>-->
  <!--                  </div>-->
  <!--              </div>-->
  <!--          </div>-->
  <!--      </section>-->
<!-- Services Section -->
<section class="services-section">
  <div class="container">
    <div class="services-heading text-center">
      <span><i class="fa-solid fa-rocket"></i> Our Services</span>
      <h2>Complete Digital Marketing Solutions</h2>
      <p>
        We help brands grow online with creative design, smart strategy, powerful campaigns,
        and result-driven digital marketing services.
      </p>
    </div>

    <div class="row g-4">

      <div class="col-lg-4 col-md-6">
        <div class="service-card">
          <div class="service-icon"><i class="fa-solid fa-bullhorn"></i></div>
          <h4>Digital Marketing</h4>
          <p>Complete online marketing strategies to improve brand visibility, generate quality leads, and grow your business digitally.</p>
          <a href="#">Explore Service <i class="fa-solid fa-arrow-right"></i></a>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="service-card">
          <div class="service-icon"><i class="fa-solid fa-code"></i></div>
          <h4>Website Design & Development</h4>
          <p>Modern, responsive, fast-loading websites designed to attract visitors and convert them into customers.</p>
          <a href="#">Explore Service <i class="fa-solid fa-arrow-right"></i></a>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="service-card">
          <div class="service-icon"><i class="fa-solid fa-magnifying-glass-chart"></i></div>
          <h4>SEO Optimization</h4>
          <p>Improve your Google ranking, increase organic traffic, and build long-term online visibility with smart SEO strategies.</p>
          <a href="#">Explore Service <i class="fa-solid fa-arrow-right"></i></a>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="service-card">
          <div class="service-icon"><i class="fa-brands fa-facebook-f"></i></div>
          <h4>Social Media Marketing</h4>
          <p>Creative content, page management, reels, campaigns, and brand engagement across Facebook, Instagram, and more.</p>
          <a href="#">Explore Service <i class="fa-solid fa-arrow-right"></i></a>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="service-card featured-service">
          <div class="hot-badge">Popular</div>
          <div class="service-icon"><i class="fa-brands fa-google"></i></div>
          <h4>Google Ads & PPC</h4>
          <p>Performance-driven paid campaigns to bring instant traffic, leads, calls, and better return on investment.</p>
          <a href="#">Explore Service <i class="fa-solid fa-arrow-right"></i></a>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="service-card">
          <div class="service-icon"><i class="fa-solid fa-palette"></i></div>
          <h4>Graphic Designing</h4>
          <p>Premium banners, social media creatives, brand designs, festival posts, brochures, and professional marketing graphics.</p>
          <a href="#">Explore Service <i class="fa-solid fa-arrow-right"></i></a>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="service-card">
          <div class="service-icon"><i class="fa-solid fa-cart-shopping"></i></div>
          <h4>E-Commerce Solutions</h4>
          <p>Product-focused websites, online store setup, catalog design, and marketing support to increase online sales.</p>
          <a href="#">Explore Service <i class="fa-solid fa-arrow-right"></i></a>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="service-card">
          <div class="service-icon"><i class="fa-solid fa-video"></i></div>
          <h4>Video Marketing & Reels</h4>
          <p>Engaging reels, video ads, promotional videos, and storytelling content that improves audience engagement.</p>
          <a href="#">Explore Service <i class="fa-solid fa-arrow-right"></i></a>
        </div>
      </div>

      <div class="col-lg-4 col-md-6">
        <div class="service-card">
          <div class="service-icon"><i class="fa-solid fa-pen-nib"></i></div>
          <h4>Content Writing</h4>
          <p>SEO-friendly website content, captions, ad copies, blogs, and brand messaging that connects with your customers.</p>
          <a href="#">Explore Service <i class="fa-solid fa-arrow-right"></i></a>
        </div>
      </div>

    </div>
  </div>
</section>
<style>
    .services-section {
  padding: 100px 0;
  background:
    radial-gradient(circle at top left, rgba(255, 92, 168, 0.18), transparent 30%),
    radial-gradient(circle at bottom right, rgba(0, 120, 232, 0.22), transparent 35%),
    linear-gradient(135deg, #061b3d 0%, #082b63 45%, #ffffff 45%, #fff4fa 100%);
  position: relative;
  overflow: hidden;
}

.services-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size: 45px 45px;
  animation: gridMove 18s linear infinite;
}

@keyframes gridMove {
  from { background-position: 0 0; }
  to { background-position: 90px 90px; }
}

.services-section .container {
  position: relative;
  z-index: 2;
}

.services-heading {
  max-width: 780px;
  margin: 0 auto 55px;
}

.services-heading span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 50px;
  font-weight: 800;
  margin-bottom: 18px;
  backdrop-filter: blur(12px);
  box-shadow: 0 0 25px rgba(255, 92, 168, 0.35);
}

.services-heading h2 {
  font-size: 44px;
  font-weight: 900;
  color: #ffffff;
  margin-bottom: 18px;
}

.services-heading p {
  font-size: 17px;
  line-height: 1.8;
  color: rgba(255,255,255,0.82);
}

.service-card {
  height: 100%;
  padding: 34px 28px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow: 0 25px 60px rgba(6, 27, 61, 0.15);
  backdrop-filter: blur(18px);
  position: relative;
  overflow: hidden;
  transition: all 0.45s ease;
}

.service-card::before {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(255, 92, 168, 0.28), transparent 70%);
  top: -60px;
  right: -70px;
  transition: all 0.45s ease;
}

.service-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 28px;
  padding: 1px;
  background: linear-gradient(135deg, #ff5ca8, #62c8ff, #062b5f);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  opacity: 0;
  transition: 0.45s ease;
}

.service-card:hover {
  transform: translateY(-14px) scale(1.02);
  box-shadow: 0 35px 80px rgba(255, 92, 168, 0.24);
}

.service-card:hover::before {
  transform: scale(1.5);
}

.service-card:hover::after {
  opacity: 1;
}

.service-icon {
  width: 74px;
  height: 74px;
  border-radius: 22px;
  background: linear-gradient(135deg, #062b5f, #0078e8);
  color: #ffffff;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 26px;
  box-shadow: 0 14px 35px rgba(0, 120, 232, 0.35);
  position: relative;
  z-index: 2;
  transition: 0.45s ease;
}

.service-card:hover .service-icon {
  background: linear-gradient(135deg, #ff5ca8, #062b5f);
  transform: rotate(-8deg) scale(1.08);
  box-shadow: 0 0 35px rgba(255, 92, 168, 0.55);
}

.service-card h4 {
  font-size: 21px;
  font-weight: 900;
  color: #062b5f;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
}

.service-card p {
  font-size: 15px;
  line-height: 1.75;
  color: #5d6b82;
  margin-bottom: 24px;
  position: relative;
  z-index: 2;
}

.service-card a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #ff3f9b;
  font-weight: 800;
  text-decoration: none;
  position: relative;
  z-index: 2;
  transition: 0.35s ease;
}

.service-card a i {
  transition: 0.35s ease;
}

.service-card a:hover {
  color: #062b5f;
}

.service-card a:hover i {
  transform: translateX(7px);
}

.featured-service {
  background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,244,250,0.95));
  border: 1px solid rgba(255, 92, 168, 0.45);
  box-shadow: 0 25px 70px rgba(255, 92, 168, 0.22);
}

.hot-badge {
  position: absolute;
  top: 22px;
  right: 22px;
  background: linear-gradient(135deg, #ff5ca8, #062b5f);
  color: #ffffff;
  padding: 7px 15px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 800;
  z-index: 3;
  box-shadow: 0 8px 20px rgba(255, 92, 168, 0.35);
}

@media (max-width: 991px) {
  .services-section {
    background: linear-gradient(135deg, #061b3d 0%, #082b63 55%, #fff4fa 100%);
  }

  .services-heading h2 {
    font-size: 34px;
  }
}

@media (max-width: 575px) {
  .services-section {
    padding: 70px 0;
  }

  .services-heading h2 {
    font-size: 28px;
  }

  .services-heading p {
    font-size: 15px;
  }

  .service-card {
    padding: 28px 22px;
  }
}
</style>
 
<section class="why-choose-section">
  <div class="container">
    <div class="row align-items-center g-5">

      <!-- Left Content -->
      <div class="col-lg-6">
        <div class="why-content">
          <span class="why-tag">
            <i class="fa-solid fa-star"></i> Why Choose Us
          </span>

          <h2>We Don’t Just Promote Brands, We Build Digital Success</h2>

          <p>
            4 Square Digital brings creativity, strategy, technology, and performance together
            to help your business grow faster in the digital world.
          </p>

          <div class="why-list">

            <div class="why-item">
              <div class="why-icon">
                <i class="fa-solid fa-bullseye"></i>
              </div>
              <div>
                <h4>Goal-Focused Strategy</h4>
                <p>Every campaign is planned according to your business goals, audience, and growth needs.</p>
              </div>
            </div>

            <div class="why-item">
              <div class="why-icon">
                <i class="fa-solid fa-chart-line"></i>
              </div>
              <div>
                <h4>Result-Oriented Marketing</h4>
                <p>We focus on leads, visibility, engagement, conversions, and real business performance.</p>
              </div>
            </div>

            <div class="why-item">
              <div class="why-icon">
                <i class="fa-solid fa-lightbulb"></i>
              </div>
              <div>
                <h4>Creative Digital Ideas</h4>
                <p>Unique designs, smart content, and modern concepts that make your brand stand out.</p>
              </div>
            </div>

            <div class="why-item">
              <div class="why-icon">
                <i class="fa-solid fa-headset"></i>
              </div>
              <div>
                <h4>Dedicated Support</h4>
                <p>Our team stays connected with you at every step for smooth communication and execution.</p>
              </div>
            </div>

          </div>

          <a href="contact.html" class="why-btn">
            Start Your Growth <i class="fa-solid fa-arrow-right"></i>
          </a>
        </div>
      </div>

      <!-- Right Image -->
      <div class="col-lg-6">
        <div class="why-image-wrap">
          <div class="glow-circle circle-one"></div>
          <div class="glow-circle circle-two"></div>

          <img src="why.png" alt="Why Choose 4 Square Digital" class="why-img">

          <div class="floating-card card-one">
            <i class="fa-solid fa-arrow-trend-up"></i>
            <div>
              <h5>360°</h5>
              <span>Digital Growth</span>
            </div>
          </div>

          <div class="floating-card card-two">
            <i class="fa-solid fa-users"></i>
            <div>
              <h5>Trusted</h5>
              <span>By Growing Brands</span>
            </div>
          </div>

        </div>
      </div>

    </div>
  </div>
</section>

<style>
    .why-choose-section {
  padding: 100px 0;
  background:
    radial-gradient(circle at 10% 20%, rgba(255, 92, 168, 0.16), transparent 28%),
    radial-gradient(circle at 90% 80%, rgba(0, 120, 232, 0.18), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f5fbff 48%, #fff0f7 100%);
  position: relative;
  overflow: hidden;
}

.why-choose-section::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-image:
    radial-gradient(rgba(6, 43, 95, 0.08) 1.2px, transparent 1.2px);
  background-size: 28px 28px;
  opacity: 0.55;
}

.why-choose-section .container {
  position: relative;
  z-index: 2;
}

.why-tag {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 20px;
  background: #ffffff;
  color: #ff3f9b;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 800;
  margin-bottom: 18px;
  box-shadow: 0 10px 30px rgba(255, 92, 168, 0.16);
}

.why-content h2 {
  font-size: 42px;
  line-height: 1.2;
  font-weight: 900;
  color: #062b5f;
  margin-bottom: 20px;
}

.why-content > p {
  font-size: 16.5px;
  line-height: 1.8;
  color: #5d6b82;
  margin-bottom: 28px;
  max-width: 590px;
}

.why-list {
  display: grid;
  gap: 18px;
}

.why-item {
  display: flex;
  gap: 16px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(0, 120, 232, 0.16);
  border-radius: 22px;
  box-shadow: 0 15px 35px rgba(6, 43, 95, 0.07);
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

.why-item::before {
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  background: radial-gradient(circle, rgba(255, 92, 168, 0.18), transparent 70%);
  right: -35px;
  top: -35px;
  transition: 0.35s ease;
}

.why-item:hover {
  transform: translateX(10px);
  border-color: #ff5ca8;
  box-shadow: 0 18px 45px rgba(255, 92, 168, 0.15);
}

.why-item:hover::before {
  transform: scale(1.5);
}

.why-icon {
  min-width: 58px;
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(135deg, #062b5f, #0078e8);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  box-shadow: 0 12px 28px rgba(0, 120, 232, 0.28);
  transition: 0.35s ease;
  position: relative;
  z-index: 2;
}

.why-item:hover .why-icon {
  background: linear-gradient(135deg, #ff5ca8, #062b5f);
  transform: rotate(-8deg) scale(1.06);
}

.why-item h4 {
  font-size: 18px;
  font-weight: 900;
  color: #062b5f;
  margin-bottom: 5px;
  position: relative;
  z-index: 2;
}

.why-item p {
  font-size: 14.5px;
  line-height: 1.65;
  color: #5d6b82;
  margin: 0;
  position: relative;
  z-index: 2;
}

.why-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
  padding: 15px 32px;
  border-radius: 50px;
  background: linear-gradient(135deg, #062b5f, #0078e8);
  color: #ffffff;
  text-decoration: none;
  font-weight: 800;
  box-shadow: 0 16px 38px rgba(0, 120, 232, 0.28);
  position: relative;
  overflow: hidden;
  transition: 0.35s ease;
}

.why-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -90%;
  width: 70%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.38), transparent);
  transition: 0.6s;
}

.why-btn:hover::before {
  left: 120%;
}

.why-btn:hover {
  color: #ffffff;
  background: linear-gradient(135deg, #ff5ca8, #062b5f);
  transform: translateY(-4px);
  box-shadow: 0 18px 45px rgba(255, 92, 168, 0.28);
}

.why-btn i {
  transition: 0.35s ease;
}

.why-btn:hover i {
  transform: translateX(7px);
}

.why-image-wrap {
  position: relative;
  padding: 18px;
  border-radius: 36px;
  background: linear-gradient(135deg, #062b5f, #ff5ca8, #62c8ff);
  box-shadow: 0 30px 75px rgba(6, 43, 95, 0.18);
}

.why-img {
  width: 100%;
  height: 620px;
  object-fit: cover;
  border-radius: 28px;
  display: block;
  position: relative;
  z-index: 2;
}

.glow-circle {
  position: absolute;
  border-radius: 50%;
  filter: blur(4px);
  opacity: 0.85;
  z-index: 1;
}

.circle-one {
  width: 180px;
  height: 180px;
  background: rgba(255, 92, 168, 0.35);
  top: -35px;
  right: -35px;
  animation: floatGlow 4s ease-in-out infinite;
}

.circle-two {
  width: 140px;
  height: 140px;
  background: rgba(0, 120, 232, 0.35);
  bottom: -30px;
  left: -30px;
  animation: floatGlow 5s ease-in-out infinite reverse;
}

@keyframes floatGlow {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-14px) scale(1.08);
  }
}

.floating-card {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,0.65);
  border-radius: 20px;
  box-shadow: 0 18px 45px rgba(6, 43, 95, 0.18);
  animation: cardFloat 3.2s ease-in-out infinite;
}

.floating-card i {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #ff5ca8, #062b5f);
  color: #ffffff;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.floating-card h5 {
  margin: 0;
  font-size: 22px;
  font-weight: 900;
  color: #062b5f;
}

.floating-card span {
  font-size: 13px;
  font-weight: 700;
  color: #5d6b82;
}

.card-one {
  top: 70px;
  left: -35px;
}

.card-two {
  bottom: 70px;
  right: -35px;
  animation-delay: 0.5s;
}

@keyframes cardFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}

@media (max-width: 991px) {
  .why-choose-section {
    padding: 75px 0;
  }

  .why-content h2 {
    font-size: 34px;
  }

  .why-img {
    height: 460px;
  }

  .card-one {
    left: 20px;
  }

  .card-two {
    right: 20px;
  }
}

@media (max-width: 575px) {
  .why-content h2 {
    font-size: 28px;
  }

  .why-img {
    height: 360px;
  }

  .why-item {
    padding: 16px;
  }

  .why-icon {
    min-width: 52px;
    height: 52px;
    font-size: 20px;
  }

  .floating-card {
    padding: 12px 14px;
  }

  .floating-card h5 {
    font-size: 18px;
  }

  .floating-card span {
    font-size: 11px;
  }
}
</style>
        <!--<section-->
        <!--    class="elementor-section elementor-top-section elementor-element elementor-element-1f469a9 elementor-section-full_width elementor-section-height-default elementor-section-height-default"-->
        <!--    data-id="1f469a9" data-element_type="section">-->
        <!--    <div class="elementor-container elementor-column-gap-no">-->
        <!--        <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e06b624"-->
        <!--            data-id="e06b624" data-element_type="column">-->
        <!--            <div class="elementor-widget-wrap elementor-element-populated">-->
        <!--                <div class="elementor-element elementor-element-3537643 elementor-widget elementor-widget-about bdevs-el about"-->
        <!--                    data-id="3537643" data-element_type="widget"-->
        <!--                    data-settings="{&quot;design_style&quot;:&quot;style_4&quot;}"-->
        <!--                    data-widget_type="about.default">-->
        <!--                    <div class="elementor-widget-container">-->


        <!--                        <section class="choosing__area st-3">-->
        <!--                            <div class="container">-->
        <!--                                <div class="row wow fadeInUp2 align-items-center">-->
        <!--                                    <div class="col-xl-6 col-lg-5">-->
        <!--                                        <div class="choosing__img mb-30 st-3">-->
        <!--                                            <div class="choosing__img-inner p-relative st-3">-->
        <!--                                                <div class="choosing__img3-main p-relative">-->
        <!--                                                    <img src="wp-content/themes/growbiz/assets/img/shape/office3.jpg"-->
        <!--                                                        alt="img">-->
        <!--                                                    <div class="choosing__img-inner-shape">-->
        <!--                                                        <img src="wp-content/themes/growbiz/assets/img/shape/choosing-m-shape.png"-->
        <!--                                                            alt="img">-->
        <!--                                                    </div>-->
        <!--                                                </div>-->
        <!--                                                <div class="choosing3-p-element">-->
        <!--                                                    <div class="choosing-3-s1">-->
        <!--                                                        <img src="wp-content/themes/growbiz/assets/img/shape/hexagon4.png"-->
        <!--                                                            alt="img"-->
        <!--                                                            style="margin-top: 138px;margin-left: -60px;">-->
        <!--                                                    </div>-->
        <!--                                                    <div class="choosing-3-s2">-->
        <!--                                                        <img src="wp-content/themes/growbiz/assets/img/shape/hexagon2.png"-->
        <!--                                                            alt="img">-->
        <!--                                                    </div>-->
        <!--                                                </div>-->
        <!--                                            </div>-->
        <!--                                        </div>-->
        <!--                                    </div>-->
        <!--                                    <div class="col-xl-6 col-lg-7">-->
        <!--                                        <div class="choosing__content mb-30">-->
        <!--                                            <div class="section-title mb-30">-->
        <!--                                                <div class="border-left st-3">-->
        <!--                                                    <p>Why Choose Us</p>-->
        <!--                                                </div>-->
        <!--                                                <h2 class="bdevs-el-title">We are digitally driven and socially-->
        <!--                                                    inspired agency working to make your business more valuable-->
        <!--                                                </h2>-->
        <!--                                                <p>Digital media marketing came with a bang and left everybody-->
        <!--                                                    gaping. Entrepreneurs started taking notice. Some see it as-->
        <!--                                                    just a passing phase or for the moment, while others see it-->
        <!--                                                    as an advantage over many businesses.-->

        <!--                                                    Not only does digital marketing have the potential to double-->
        <!--                                                    the sales, it also helps businesses to implement marketing-->
        <!--                                                    strategies successfully.</p>-->
        <!--                                            </div>-->
        <!--                                            <ul class="about-points st-2 bdevs-el-content">-->
        <!--                                                <li>-->
        <!--                                                    <div class="points-heading">-->
        <!--                                                        <div class="p-icon st-3">-->
        <!--                                                            <i class="bdevs-btn-icon fab fa-digital-ocean"-->
        <!--                                                                aria-hidden="true"></i>-->
        <!--                                                        </div>-->
        <!--                                                        <h5>Result Oriented Approach-->
        <!--                                                        </h5>-->
        <!--                                                    </div>-->
        <!--                                                </li>-->
        <!--                                                <li>-->
        <!--                                                    <div class="points-heading">-->
        <!--                                                        <div class="p-icon st-3">-->
        <!--                                                            <i class="bdevs-btn-icon  flaticon-creative-team"-->
        <!--                                                                aria-hidden="true"></i>-->
        <!--                                                        </div>-->
        <!--                                                        <h5>Digital Marketing for every little niche</h5>-->
        <!--                                                    </div>-->
        <!--                                                </li>-->
        <!--                                                <li>-->
        <!--                                                    <div class="points-heading">-->
        <!--                                                        <div class="p-icon st-3">-->
        <!--                                                            <i class="bdevs-btn-icon  flaticon-team"-->
        <!--                                                                aria-hidden="true"></i>-->
        <!--                                                        </div>-->
        <!--                                                        <h5>Maximize Leads and Conversions</h5>-->
        <!--                                                    </div>-->
        <!--                                                </li>-->
        <!--                                                <li>-->
        <!--                                                    <div class="points-heading">-->
        <!--                                                        <div class="p-icon st-3">-->
        <!--                                                            <i class="bdevs-btn-icon flaticon-digital-marketing"-->
        <!--                                                                aria-hidden="true"></i>-->
        <!--                                                        </div>-->
        <!--                                                        <h5>Precise Targeting for every business</h5>-->
        <!--                                                    </div>-->
        <!--                                                </li>-->
        <!--                                            </ul>-->
        <!--                                        </div>-->
        <!--                                    </div>-->
        <!--                                </div>-->
        <!--                            </div>-->
        <!--                        </section>-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--    </div>-->
        <!--</section>-->
        <!--<section-->
        <!--    class="elementor-section elementor-top-section elementor-element elementor-element-1f469a9 elementor-section-full_width elementor-section-height-default elementor-section-height-default"-->
        <!--    data-id="1f469a9" data-element_type="section">-->
        <!--    <div class="elementor-container elementor-column-gap-no">-->
        <!--        <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e06b624"-->
        <!--            data-id="e06b624" data-element_type="column">-->
        <!--            <div class="elementor-widget-wrap elementor-element-populated">-->
        <!--                <div class="elementor-element elementor-element-3537643 elementor-widget elementor-widget-about bdevs-el about"-->
        <!--                    data-id="3537643" data-element_type="widget"-->
        <!--                    data-settings="{&quot;design_style&quot;:&quot;style_4&quot;}"-->
        <!--                    data-widget_type="about.default">-->
        <!--                    <div class="elementor-widget-container">-->
        <!--                        <section class="choosing__area st-3">-->
        <!--                            <div class="container">-->
        <!--                                <div class="row wow fadeInUp2 align-items-center">-->

        <!--                                    <div class="col-xl-6 col-lg-7" style="margin-top:80px;">-->
        <!--                                        <div class="choosing__content mb-30">-->
        <!--                                            <div class="section-title mb-30">-->
        <!--                                                <h2 class="bdevs-el-title">A Better Website Means Better User-->
        <!--                                                    Experience-->
        <!--                                                </h2>-->
        <!--                                                <p>4squaredigitalMarketing Services has a simple but clear-->
        <!--                                                    purpose – to make our client happy & satisfy with our-->
        <!--                                                    services. 4squaredigitalMarketing Services is committed to-->
        <!--                                                    supporting sustainability and providing our clients around-->
        <!--                                                    India with the service they need to grow business.-->

        <!--                                                    By combining our expertise, we’re continuing to provide a-->
        <!--                                                    range of services to suit a business of our clients. We’re-->
        <!--                                                    also strengthening our strong relationships in the emerging-->
        <!--                                                    markets we believe will be significant for our future-->
        <!--                                                    growth. 4squaredigitalMarketing Services want to be the-->
        <!--                                                    company that best understands and satisfies the client.</p>-->
        <!--                                            </div>-->


        <!--                                        </div>-->
        <!--                                    </div>-->
        <!--                                    <div class="col-xl-6 col-lg-5">-->
        <!--                                        <div class="choosing__img mb-30 st-3">-->
        <!--                                            <div class="choosing__img-inner p-relative st-3">-->
        <!--                                                <img src="wp-content/themes/growbiz/assets/img/shape/4square12.gif"-->
        <!--                                                    alt="GIF" width="100%">-->
        <!--                                            </div>-->
        <!--                                        </div>-->
        <!--                                    </div>-->
        <!--                                </div>-->
        <!--                            </div>-->
        <!--                        </section>-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--    </div>-->
        <!--</section>-->
<!-- Better Website / UX Section -->
<section class="better-website-section">
  <div class="container">
    <div class="row align-items-center g-5">

      <!-- Left SVG Animation -->
      <div class="col-lg-6">
        <div class="ux-visual-box">

          <svg class="developer-svg" viewBox="0 0 720 520" fill="none" xmlns="http://www.w3.org/2000/svg">

            <circle class="svg-glow glow-1" cx="165" cy="95" r="58"/>
            <circle class="svg-glow glow-2" cx="600" cy="410" r="75"/>

            <rect class="screen-shadow" x="170" y="70" width="390" height="270" rx="26"/>
            <rect class="screen-body" x="160" y="58" width="390" height="270" rx="26"/>

            <rect x="160" y="58" width="390" height="48" rx="26" fill="#062B5F"/>
            <circle cx="195" cy="82" r="7" fill="#FF5CA8"/>
            <circle cx="220" cy="82" r="7" fill="#62C8FF"/>
            <circle cx="245" cy="82" r="7" fill="#FFFFFF"/>

            <rect class="code-line line-1" x="205" y="140" width="155" height="12" rx="6"/>
            <rect class="code-line line-2" x="205" y="170" width="240" height="12" rx="6"/>
            <rect class="code-line line-3" x="205" y="200" width="190" height="12" rx="6"/>
            <rect class="code-line line-4" x="205" y="230" width="270" height="12" rx="6"/>

            <rect class="ui-card card-a" x="400" y="130" width="95" height="70" rx="16"/>
            <rect class="ui-card card-b" x="400" y="220" width="95" height="70" rx="16"/>

            <rect x="292" y="328" width="120" height="22" rx="8" fill="#062B5F"/>
            <rect x="250" y="350" width="205" height="22" rx="10" fill="#DCEBFF"/>
            <rect x="205" y="372" width="295" height="24" rx="12" fill="#062B5F"/>

            <circle class="cursor-dot" cx="498" cy="162" r="8" fill="#FF5CA8"/>
            <path class="cursor-line" d="M498 162 C540 190, 515 250, 460 255" stroke="#FF5CA8" stroke-width="4" stroke-linecap="round" stroke-dasharray="10 12"/>

            <g class="developer">
              <circle cx="140" cy="310" r="42" fill="#FFD8B8"/>
              <path d="M98 302 C108 245, 172 250, 182 302 C160 285, 125 285, 98 302Z" fill="#062B5F"/>
              <rect x="90" y="348" width="105" height="112" rx="32" fill="#0078E8"/>
              <rect x="105" y="365" width="75" height="42" rx="16" fill="#FFFFFF" opacity="0.18"/>
              <path class="hand-left" d="M95 385 C55 395, 48 430, 78 445" stroke="#FFD8B8" stroke-width="18" stroke-linecap="round"/>
              <path class="hand-right" d="M188 386 C235 395, 250 425, 224 452" stroke="#FFD8B8" stroke-width="18" stroke-linecap="round"/>
            </g>

            <rect class="laptop" x="82" y="420" width="155" height="58" rx="12"/>
            <rect x="65" y="472" width="190" height="14" rx="7" fill="#062B5F"/>

          </svg>

          <div class="ux-mini-card mini-one">
            <i class="fa-solid fa-bolt"></i>
            <span>Fast Loading</span>
          </div>

          <div class="ux-mini-card mini-two">
            <i class="fa-solid fa-mobile-screen-button"></i>
            <span>Mobile Friendly</span>
          </div>

        </div>
      </div>

      <!-- Right Content -->
      <div class="col-lg-6">
        <div class="better-content">
          <span class="better-tag">
            <i class="fa-solid fa-wand-magic-sparkles"></i> Smart Web Experience
          </span>

          <h2>A Better Website Means Better User Experience</h2>

          <p>
            Your website is not just an online page — it is the first impression of your brand.
            We design modern, responsive, fast, and user-friendly websites that help visitors
            understand your business and take action easily.
          </p>

          <div class="better-grid">
            <div class="better-point">
              <i class="fa-solid fa-gauge-high"></i>
              <h5>Speed Optimized</h5>
              <p>Fast loading pages for smooth browsing and better performance.</p>
            </div>

            <div class="better-point">
              <i class="fa-solid fa-users-viewfinder"></i>
              <h5>User Focused</h5>
              <p>Clean layouts that guide users clearly toward your services.</p>
            </div>

            <div class="better-point">
              <i class="fa-solid fa-mobile-screen"></i>
              <h5>Responsive Design</h5>
              <p>Perfect website experience across mobile, tablet, and desktop.</p>
            </div>

            <div class="better-point">
              <i class="fa-solid fa-chart-simple"></i>
              <h5>Conversion Ready</h5>
              <p>Smart sections, CTAs, and structure designed to generate leads.</p>
            </div>
          </div>

          <a href="contact.html" class="better-btn">
            Build Your Website <i class="fa-solid fa-arrow-right"></i>
          </a>
        </div>
      </div>

    </div>
  </div>
</section>
<style>
    .better-website-section {
  padding: 100px 0;
  background:
    radial-gradient(circle at 15% 15%, rgba(255, 92, 168, 0.16), transparent 28%),
    radial-gradient(circle at 85% 80%, rgba(0, 120, 232, 0.18), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f4fbff 50%, #fff1f8 100%);
  position: relative;
  overflow: hidden;
}

.better-website-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(6, 43, 95, 0.10) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: 0.45;
}

.better-website-section .container {
  position: relative;
  z-index: 2;
}

.ux-visual-box {
  position: relative;
  min-height: 560px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.developer-svg {
  width: 100%;
  max-width: 680px;
  filter: drop-shadow(0 30px 60px rgba(6, 43, 95, 0.18));
}

.svg-glow {
  fill: rgba(255, 92, 168, 0.22);
  animation: pulseGlow 3s ease-in-out infinite;
}

.glow-2 {
  fill: rgba(0, 120, 232, 0.22);
  animation-delay: 0.6s;
}

@keyframes pulseGlow {
  0%, 100% {
    transform: scale(1);
    opacity: 0.7;
  }
  50% {
    transform: scale(1.18);
    opacity: 1;
  }
}

.screen-shadow {
  fill: rgba(6, 43, 95, 0.14);
  transform: translate(12px, 14px);
}

.screen-body {
  fill: rgba(255, 255, 255, 0.96);
  stroke: rgba(0, 120, 232, 0.35);
  stroke-width: 2;
}

.code-line {
  fill: #dcecff;
  animation: codePulse 2.4s ease-in-out infinite;
}

.line-2 { animation-delay: 0.2s; }
.line-3 { animation-delay: 0.4s; }
.line-4 { animation-delay: 0.6s; }

@keyframes codePulse {
  0%, 100% {
    opacity: 0.45;
    transform: scaleX(0.75);
  }
  50% {
    opacity: 1;
    transform: scaleX(1);
  }
}

.ui-card {
  fill: #ffffff;
  stroke: rgba(255, 92, 168, 0.45);
  stroke-width: 2;
  animation: cardPop 3s ease-in-out infinite;
}

.card-b {
  animation-delay: 0.4s;
}

@keyframes cardPop {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.cursor-dot {
  animation: cursorMove 4s ease-in-out infinite;
}

.cursor-line {
  animation: dashMove 2.5s linear infinite;
}

@keyframes dashMove {
  to {
    stroke-dashoffset: -44;
  }
}

@keyframes cursorMove {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-55px, 90px);
  }
}

.developer {
  animation: developerFloat 4s ease-in-out infinite;
}

@keyframes developerFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}

.hand-left {
  animation: handMoveLeft 2.5s ease-in-out infinite;
}

.hand-right {
  animation: handMoveRight 2.5s ease-in-out infinite;
}

@keyframes handMoveLeft {
  0%, 100% {
    transform: rotate(0deg);
    transform-origin: 95px 385px;
  }
  50% {
    transform: rotate(-8deg);
  }
}

@keyframes handMoveRight {
  0%, 100% {
    transform: rotate(0deg);
    transform-origin: 188px 386px;
  }
  50% {
    transform: rotate(8deg);
  }
}

.laptop {
  fill: #ffffff;
  stroke: #062b5f;
  stroke-width: 3;
}

.ux-mini-card {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(255,255,255,0.75);
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(6, 43, 95, 0.15);
  backdrop-filter: blur(14px);
  font-weight: 800;
  color: #062b5f;
  animation: miniFloat 3.2s ease-in-out infinite;
}

.ux-mini-card i {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #ff5ca8, #062b5f);
  color: #ffffff;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mini-one {
  top: 90px;
  left: 15px;
}

.mini-two {
  bottom: 90px;
  right: 20px;
  animation-delay: 0.5s;
}

@keyframes miniFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-13px);
  }
}

.better-tag {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 20px;
  background: #ffffff;
  color: #ff3f9b;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 800;
  margin-bottom: 18px;
  box-shadow: 0 10px 30px rgba(255, 92, 168, 0.15);
}

.better-content h2 {
  font-size: 44px;
  line-height: 1.15;
  font-weight: 900;
  color: #062b5f;
  margin-bottom: 20px;
}

.better-content > p {
  font-size: 16.5px;
  line-height: 1.8;
  color: #5d6b82;
  margin-bottom: 28px;
}

.better-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.better-point {
  padding: 22px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(0, 120, 232, 0.16);
  box-shadow: 0 15px 35px rgba(6, 43, 95, 0.07);
  transition: all 0.35s ease;
}

.better-point:hover {
  transform: translateY(-8px);
  border-color: #ff5ca8;
  box-shadow: 0 20px 45px rgba(255, 92, 168, 0.16);
}

.better-point i {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #062b5f, #0078e8);
  color: #ffffff;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 14px;
  transition: 0.35s ease;
}

.better-point:hover i {
  background: linear-gradient(135deg, #ff5ca8, #062b5f);
  transform: rotate(-8deg) scale(1.08);
}

.better-point h5 {
  font-size: 17px;
  font-weight: 900;
  color: #062b5f;
  margin-bottom: 8px;
}

.better-point p {
  font-size: 14.3px;
  line-height: 1.65;
  color: #5d6b82;
  margin: 0;
}

.better-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
  padding: 15px 32px;
  border-radius: 50px;
  background: linear-gradient(135deg, #062b5f, #0078e8);
  color: #ffffff;
  text-decoration: none;
  font-weight: 800;
  box-shadow: 0 16px 38px rgba(0, 120, 232, 0.28);
  position: relative;
  overflow: hidden;
  transition: 0.35s ease;
}

.better-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -90%;
  width: 70%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.38), transparent);
  transition: 0.6s;
}

.better-btn:hover::before {
  left: 120%;
}

.better-btn:hover {
  color: #ffffff;
  background: linear-gradient(135deg, #ff5ca8, #062b5f);
  transform: translateY(-4px);
}

.better-btn i {
  transition: 0.35s ease;
}

.better-btn:hover i {
  transform: translateX(7px);
}

@media (max-width: 991px) {
  .better-website-section {
    padding: 75px 0;
  }

  .ux-visual-box {
    min-height: auto;
  }

  .better-content h2 {
    font-size: 34px;
  }
}

@media (max-width: 575px) {
  .better-content h2 {
    font-size: 28px;
  }

  .better-grid {
    grid-template-columns: 1fr;
  }

  .mini-one {
    top: 40px;
    left: 5px;
  }

  .mini-two {
    bottom: 30px;
    right: 5px;
  }

  .ux-mini-card {
    padding: 10px 12px;
    font-size: 13px;
  }
}


</style>

        <div class="container">
            <div class="row wow fadeInUp2">
                <div class="col-lg-8 col-sm-8">
                    <div class="section-title mb-55">
                        <div class="border-left st-2">
                            <p class="bdevs-el-subtitle">4squaredigital Work</p>
                        </div>

                        <h2 class="">Our Projects</h2>
                    </div>
                </div>

            </div>
        </div>
        <div class="container mb-40 hovergallery">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <a href="https://batukbhairavastrology.com/"> <img src="./gallery/astrologer.jpg" alt=""
                            width="100%"></a>
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <a href="https://hanzz-bakers.netlify.app/"><img src="./gallery/bakery.jpg" alt="" width="100%"></a>
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <a href="https://classic-tutorials.netlify.app/"> <img src="./gallery/coachingcenter.jpg" alt=""
                            width="100%"></a>
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <a href="https://aplusdancestudio.in/"> <img src="./gallery/dance.jpg" alt="" width="100%"></a>
                </div>
            </div>
            <div class="row mt-25">
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <a href="https://drajaykaushikorthodontist.com/"> <img src="./gallery/dental-clinic.jpg" alt="" width="100%"></a>
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <a href="https://pcrhealthcare.netlify.app/"> <img src="./gallery/diagnostic.jpg" alt=""
                            width="100%"></a>
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <a href="https://vasisthhomeoppathycareclinic.netlify.app/"><img src="./gallery/homeopathy.jpg" alt=""
                            width="100%"></a>
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <a href="https://bestinfrastructurecom.netlify.app/"> <img src="./gallery/infrastructure.jpg" alt=""
                            width="100%"></a>
                </div>
            </div>
            <div class="row mt-25">
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <a href="https://thapa-karate-academy-training.netlify.app/"> <img src="./gallery/karate.jpg" alt=""
                            width="100%"></a>
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <a href="https://makeoverbyaaliyabarber.com/"><img src="./gallery/makeover.jpg" alt=""
                            width="100%"></a>
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <a href="https://rajguitaranddanceschool.com/"> <img src="./gallery/music.jpg" alt=""
                            width="100%"></a>
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <a href="https://drshalinigoyal.co.in/"> <img src="./gallery/pediatrician.jpg" alt=""
                            width="100%"></a>
                </div>
            </div>
            <div class="row mt-25">
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <a href="https://sezb-kennel.netlify.app/"> <img src="./gallery/pets.jpg" alt="" width="100%"></a>
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <a href="https://momskidsplayschoolcom.netlify.app/"> <img src="./gallery/preschool.jpg" alt=""
                            width="100%"></a>
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <a href="https://hugsmugscafe.netlify.app/"> <img src="./gallery/restraunt.jpg" alt="" width="100%"></a>
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <a href="https://proximate-combat-system.netlify.app/"> <img src="./gallery/self-defence.jpg" alt=""
                            width="100%"></a>
                </div>
            </div>
        </div>

        <div class="container">
            <div class="row wow fadeInUp2">
                <div class="col-lg-8 col-sm-8">
                    <div class="section-title ">
                        <div class="border-left st-2">
                            <p class="bdevs-el-subtitle">4squaredigital Packages</p>
                        </div>

                        <h2 class="">Our Packages</h2>
                    </div>
                </div>

            </div>
        </div>
        <div id="price">
            <div class="plan">
                <div class="plan-inner">
                    <div class="entry-title">
                        <h3>Google Promotion</h3>
                        <div class="price">₹12000/-</div>
                    </div>
                    <div class="entry-content">
                        <ul>
                            <li>QR Code</li>
                            <li>Reviews & Rating </li>
                            <li>Banner on Every Festival</li>
                            <li>Monthly update on google my Business Page.</li>
                            <li>SEO on Primary Keywords in your Preferred Area.</li>
                        </ul>
                    </div>
                    <button type="button" class="btn btn-primary pay-btn" data-bs-toggle="modal"
                        data-bs-target="#exampleModal">
                        Pay Now
                    </button>

                    <!-- Modal -->
                    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
                        aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel">Payment Mode</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                        aria-label="Close"></button>
                                </div>
                                <div class="modal-body">

                                    <button type="submit" class="btn btn-outline-primary btn-lg w-100" id="going"
                                        value="Pay Now">
                                        Online
                                    </button>
                                    <button type="submit" class="btn btn-outline-primary btn-lg w-100" id="cheque"
                                        value="cheque">
                                        Cheque
                                    </button>

                                    <form id="data">

                                    </form>

                                    <form id="cheque-data">

                                    </form>



                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary"
                                        data-bs-dismiss="modal">Close</button>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>


            <!-- end of price tab-->
            <!-- price tab -->
            <div class="plan standard">
                <div class="plan-inner">
                    <div class="entry-title">
                        <h3>Social Media Optimization</h3>
                        <div class="price">₹14000/-
                        </div>
                    </div>
                    <div class="entry-content">
                        <ul>
                            <li>Facebook Page</li>
                            <li>Instagram Account</li>
                            <li>Festival Banners</li>
                        </ul>
                    </div>
                    <button type="button" class="btn btn-primary pay-btn" data-bs-toggle="modal"
                        data-bs-target="#exampleModal">
                        Pay now
                    </button>
                    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
                        aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                        aria-label="Close"></button>
                                </div>
                                <div class="modal-body">

                                    <button type="submit" class="btn btn-outline-primary btn-lg w-100" id="going"
                                        value="Pay Now">
                                        Online
                                    </button>
                                    <button type="submit" class="btn btn-outline-primary btn-lg w-100" id="cheque"
                                        value="cheque">
                                        Cheque
                                    </button>

                                    <form id="data">

                                    </form>

                                    <form id="cheque-data">

                                    </form>


                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary"
                                        data-bs-dismiss="modal">Close</button>
                                    <button type="button" class="btn btn-primary">Save changes</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <!-- end of price tab-->
            <!--price tab-->
            <div class="plan basic">
                <div class="plan-inner">
                    <div class="hot">hot</div>
                    <div class="entry-title">
                        <h3>Website Development</h3>
                        <div class="price">₹16000/-</span>
                        </div>
                    </div>
                    <div class="entry-content">
                        <ul>
                            <li> Domain</li>
                            <li> 1 Year Hosting</li>
                            <li> Content Writing</li>
                            <li>5,6 Pages Website</li>
                            <li>Unlimited Bandwidth</li>
                            <li>MObile Responsive Website</li>
                        </ul>
                    </div>

                    <!-- Button trigger modal -->
                    <button type="button" class="btn btn-primary pay-btn" data-bs-toggle="modal"
                        data-bs-target="#exampleModal">
                        Pay now
                    </button>

                    <!-- Modal -->
                    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
                        aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                        aria-label="Close"></button>
                                </div>
                                <div class="modal-body">
                                    <button type="submit" class="btn btn-outline-primary btn-lg w-100" id="going"
                                        value="Pay Now">
                                        Online
                                    </button>
                                    <button type="submit" class="btn btn-outline-primary btn-lg w-100" id="cheque"
                                        value="cheque">
                                        Cheque
                                    </button>

                                    <form id="data">

                                    </form>

                                    <form id="cheque-data">

                                    </form>

                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary"
                                        data-bs-dismiss="modal">Close</button>
                                    <button type="button" class="btn btn-primary">Save changes</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end of price tab-->
        </div>


        <section
            class="elementor-section elementor-top-section elementor-element elementor-element-a923788 elementor-section-full_width elementor-section-height-default elementor-section-height-default"
            data-id="a923788" data-element_type="section"
            data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
            <div class="elementor-container elementor-column-gap-no">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9a2f8de"
                    data-id="9a2f8de" data-element_type="column">
                    <div class="elementor-widget-wrap elementor-element-populated">
                        <div class="elementor-element elementor-element-b60b955 elementor-widget elementor-widget-cta bdevs-el cta"
                            data-id="b60b955" data-element_type="widget"
                            data-settings="{&quot;design_style&quot;:&quot;style_1&quot;}"
                            data-widget_type="cta.default">
                            <div class="elementor-widget-container">


                                <section class="hire-area">
                                    <div class="container">
                                        <div class="row wow fadeInUp2 justify-content-center">
                                            <div class="col-lg-8 col-md-11">
                                                <div class="hire-content text-center">
                                                    <div class="section-title mb-55">
                                                        <h2 class="white-color bdevs-el-title" data-wow-delay="">Ready
                                                            to grow your business?<span></span></h2>
                                                    </div>


                                                    <div class="hire-btn">
                                                        <a class="grb-btn st-3 bdevs-el-btn" href="#">Contact us today
                                                            <span><i class="bdevs-btn-icon far fa-arrow-right"
                                                                    aria-hidden="true"></i></span></a>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </section>


                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="container">
            <div class="row">
                <img class="floating-img" src="wp-content/themes/growbiz/assets/img/shape/animate12.jpg" alt=""
                    width="100%">
            </div>
        </div>
        <section
            class="elementor-section elementor-top-section elementor-element elementor-element-e606300 elementor-section-full_width elementor-section-height-default elementor-section-height-default"
            data-id="e606300" data-element_type="section">
            <div class="elementor-container elementor-column-gap-no">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6a0a1c1"
                    data-id="6a0a1c1" data-element_type="column">
                    <div class="elementor-widget-wrap elementor-element-populated">
                        <div class="elementor-element elementor-element-b145486 elementor-widget elementor-widget-heading bdevs-el heading"
                            data-id="b145486" data-element_type="widget"
                            data-settings="{&quot;design_style&quot;:&quot;style_2&quot;}"
                            data-widget_type="heading.default">
                            <div class="elementor-widget-container">


                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <div class="container">
            <div class="row wow fadeInUp2">
                <div class="col-lg-8 col-sm-8">
                    <div class="section-title mb-55">
                        <div class="border-left st-2">
                            <p class="bdevs-el-subtitle">4squaredigital Family</p>
                        </div>

                        <h2 class="">Our Gallery</h2>
                    </div>
                </div>

            </div>
        </div>
        <div class="container mb-40 hovergallery">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <img src="./gallery/gallery1.jpg" alt="" width="100%">
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <img src="./gallery/gallery2.jpg" alt="" width="100%">
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <img src="./gallery/gallery3.jpg" alt="" width="100%">
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <img src="./gallery/gallery4.jpg" alt="" width="100%">
                </div>
            </div>
            <div class="row mt-25">
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <img src="./gallery/gallery5.jpg" alt="" width="100%">
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <img src="./gallery/gallery6.jpg" alt="" width="100%">
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <img src="./gallery/gallery7.jpg" alt="" width="100%">
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3">
                    <img src="./gallery/gallery8.jpg" alt="" width="100%">
                </div>
            </div>
        </div>



        <div class="container">
            <div class="row wow fadeInUp2">
                <div class="col-lg-8 col-sm-8">
                    <div class="section-title mb-55">
                        <div class="border-left st-2">
                            <p class="bdevs-el-subtitle">Discover What We Do & Offer</p>
                        </div>

                        <h2 class="">To Our Clients</h2>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4 mt-25">
                    <div class="team-right text-end">

                        <a class="z-btn z-btn-border  grb-btn st-2 bdevs-el-btn" href="#" href="#">More Services</a>
                    </div>
                </div>
            </div>
        </div>


        <section
            class="elementor-section elementor-top-section elementor-element elementor-element-ae42c4e elementor-section-full_width elementor-section-height-default elementor-section-height-default"
            data-id="ae42c4e" data-element_type="section">
            <div class="elementor-container elementor-column-gap-no">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5efef3c"
                    data-id="5efef3c" data-element_type="column">
                    <div class="elementor-widget-wrap elementor-element-populated">
                        <div class="elementor-element elementor-element-26b04a2 elementor-widget elementor-widget-post_list bdevs-el post_list"
                            data-id="26b04a2" data-element_type="widget"
                            data-settings="{&quot;design_style&quot;:&quot;style_1&quot;}"
                            data-widget_type="post_list.default">
                            <div class="elementor-widget-container">

                                <section class="blog-area blog-area-2">
                                    <div class="container">
                                        <div class="row wow fadeInUp2">
                                            <div class="col-lg-6">
                                                <div class="blog-post-single fix mb-30">
                                                    <div class="blog-post-img">
                                                        <a href="index4cfe.html?p=3123"><img
                                                                src="wp-content/themes/growbiz/assets/img/shape/img55.jpg"
                                                                alt="img" width="50%"></a>
                                                    </div>

                                                    <div class="blog-post-content">
                                                        <div class="blog-category">
                                                            <span class="blog-category-st">
                                                                E-commerce Solution </span>
                                                        </div>
                                                        <h4 class="bdevs-el-title blog-post-heading bdevs-el-title"><a
                                                                href="#">Build your ecommerce solutions with our proven
                                                                time-cost optimised approach. Let's Talk. Leading
                                                                Ecommerce Development Company trusted by global brands
                                                                worldwide.</a></h4>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="blog-post-single fix mb-30">
                                                    <div class="blog-post-img">
                                                        <a href="index4cfe.html?p=3123"><img
                                                                src="wp-content/themes/growbiz/assets/img/shape/img56.jpg"
                                                                alt="img" width="50%"></a>
                                                    </div>

                                                    <div class="blog-post-content">
                                                        <div class="blog-category">
                                                            <span class="blog-category-st">
                                                                Responsive Website Designing </span>
                                                        </div>
                                                        <h4 class="bdevs-el-title blog-post-heading bdevs-el-title"><a
                                                                href="#"> Responsive Website is the approach that
                                                                suggests website
                                                                design and development should respond to the user’s
                                                                request irrespective of device they use (mobile/ laptop/
                                                                desktop/ ipad).</a></h4>

                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-lg-6">
                                                <div class="blog-post-single fix mb-30">
                                                    <div class="blog-post-img">
                                                        <a href="index3262.html?p=3135"><img
                                                                src="wp-content/themes/growbiz/assets/img/shape/img58.jpg"
                                                                alt="img" width="50%"></a>
                                                    </div>

                                                    <div class="blog-post-content">
                                                        <div class="blog-category">
                                                            <span class="blog-category-st">
                                                                Logo Designing </span>
                                                        </div>



                                                        <h4
                                                            class="bdevs-el-title blog-post-heading bdevs-el-title blog-post-heading bdevs-el-title blog-post-heading bdevs-el-title">
                                                            <a href="index3262.html?p=3135">Any good digital marketer
                                                                understands the power of persuasion. After all,
                                                                marketers are in the business of strategically
                                                                convincing others to buy into a product or company</a>
                                                        </h4>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="blog-post-single fix mb-30">
                                                    <div class="blog-post-img">
                                                        <a href="#"><img
                                                                src="wp-content/themes/growbiz/assets/img/shape/img57.jpg"
                                                                alt="img" width="50%"></a>
                                                    </div>

                                                    <div class="blog-post-content">
                                                        <div class="blog-category">
                                                            <span class="blog-category-st">
                                                                Social Media Marketing </span>
                                                        </div>

                                                        <h4
                                                            class="bdevs-el-title blog-post-heading bdevs-el-title blog-post-heading bdevs-el-title blog-post-heading bdevs-el-title blog-post-heading bdevs-el-title">
                                                            <a href="#">SEO services can be a powerful driver of leads
                                                                and sales. At Firmelist, we have a proven track record
                                                                of helping businesses like yours grow with SEO.</a>
                                                        </h4>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </section>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <!--whatsapp-icon-->
    <div class="whatss-app-ftr"><a target="_blank" href="https://wa.me/+919650201244"><img
                src="wp-content/uploads/whtsp-icon.png"></a></div>

    <footer data-top-space="px" data-bg-color="" data-background="">
        <section class="footer-area st-3 pt-100 pb-60">
            <div class="container">
                <div class="row wow fadeInUp">
                    <div class="col-lg-4 col-md-6 footer-col-1">
                        <div id="custom_html-5"
                            class="widget_text footer__widget custom-footer-1 mb-40 widget_custom_html">
                            <div class="textwidget custom-html-widget">
                                <div class="footer-logo st-3 p-relative">
                                    <div class="footer-shape-st-3">
                                        <img src="wp-content/themes/growbiz/assets/img/shape/shape46.png" alt="">
                                    </div>
                                    <a href="index.html" style="padding: 0 20px;">
                                        <img src="wp-content/themes/growbiz/assets/img/shape/4-square12.png" alt="logo">
                                    </a>
                                    <div class="partner-logo"><img src="wp-content/uploads/2022/03/partner-logo.png"
                                            alt="" style="margin-left: 40px;"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-6 footer-col-2">
                        <div id="nav_menu-5" class="footer__widget custom-footer-2 mb-40 widget_nav_menu">
                            <h4 class="footer__widget-title">Quick Links</h4>
                            <div class="menu-our-company-container">
                                <ul id="menu-our-company" class="menu">

                                    <li id="menu-item-2004"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2004">
                                        <a href="../about.html">About</a>
                                    </li>
                                    <li id="menu-item-3224"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3224">
                                        <a href="#">Services</a>
                                    </li>

                                    <li id="menu-item-2692"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2692">
                                        <a href="../blogs.html">Blog</a>
                                    </li>
                                    <li id="menu-item-2714"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2714">
                                        <a href="../../contactus.html">Contact Us</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-6 footer-col-3">
                        <div id="nav_menu-6" class="footer__widget custom-footer-3 mb-40 widget_nav_menu">
                            <h4 class="footer__widget-title">Our Services</h4>
                            <div class="menu-services-menu-1-container">
                                <ul id="menu-services-menu-1" class="menu">
                                    <li id="menu-item-2000"
                                        class="menu-item menu-item-type-post_type menu-item-object-bdevs-services menu-item-2000">
                                        <a href="#">Website Designing</a>
                                    </li>
                                    <li id="menu-item-2214"
                                        class="menu-item menu-item-type-post_type menu-item-object-bdevs-services menu-item-2214">
                                        <a href="#">SEO</a>
                                    </li>
                                    <li id="menu-item-1999"
                                        class="menu-item menu-item-type-post_type menu-item-object-bdevs-services menu-item-1999">
                                        <a href="#">PPC Services</a>
                                    </li>
                                    <li id="menu-item-2215"
                                        class="menu-item menu-item-type-post_type menu-item-object-bdevs-services menu-item-2215">
                                        <a href="#">Social Media Posting</a>
                                    </li>
                                    <li id="menu-item-2216"
                                        class="menu-item menu-item-type-post_type menu-item-object-bdevs-services menu-item-2216">
                                        <a href="#">Google Ads</a>
                                    </li>
                                    <li id="menu-item-2400"
                                        class="menu-item menu-item-type-post_type menu-item-object-bdevs-services menu-item-2400">
                                        <a href="#">Graphic
                                            Designing</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>
                    <div class="col-lg-4 col-md-6 footer-col-4">
                        <iframe
                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d28015.96146648062!2d77.02540143723542!3d28.62990645965968!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d0547892166bd%3A0xfd9b93a93e984fdf!2s4%20Square%20Digital!5e0!3m2!1sen!2sin!4v1664881302709!5m2!1sen!2sin"
                            width="400px" height="250" style="border:5px solidwhite;border-radius: 10px;"
                            allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                </div>
            </div>
        </section>
        <div class="copyright-area st-2">
            <div class="container">
                <div class="row wow fadeInUp align-items-center">
                    <div class="col-lg-4 col-md-6 col-sm-12 text-center">
                        <div class="copyright-text st-2">
                            <p>Copyright © 2022 4squaredigital. All Rights Reserved</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 text-center ">
                        <div class="icon">
                            <ul>
                                <li><a href="https://www.facebook.com/4squaredigital"><i
                                            class="fab fa-facebook"></i></a></li>
                                <li><a href="https://www.instagram.com/4squaredigital/?hl=en"><i
                                            class="fab fa-instagram-square"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="https://www.linkedin.com/company/4-square-digital/?originalSubdomain=in"><i
                                            class="fab fa-linkedin"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="fab fa-tumblr-square"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="fab fa-youtube-square"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 text-center">
                        <div class="copyright-text st-2">
                            <div class="icon2">
                                <ul>
                                    <li><a href="privacy.html" target="_blank">Privacy Policy</i></a></li>
                                    <li><a href="terms.html" target="_blank">Terms & Condition</a></li>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <div id="yith-quick-view-modal">
        <div class="yith-quick-view-overlay"></div>
        <div class="yith-wcqv-wrapper">
            <div class="yith-wcqv-main">
                <div class="yith-wcqv-head">
                    <a href="#" id="yith-quick-view-close" class="yith-wcqv-close">X</a>
                </div>
                <div id="yith-quick-view-content" class="woocommerce single-product"></div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        (function () {
            var c = document.body.className;
            c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
            document.body.className = c;
        })();
    </script>

    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="pswp__bg"></div>
        <div class="pswp__scroll-wrap">
            <div class="pswp__container">
                <div class="pswp__item"></div>
                <div class="pswp__item"></div>
                <div class="pswp__item"></div>
            </div>
            <div class="pswp__ui pswp__ui--hidden">
                <div class="pswp__top-bar">
                    <div class="pswp__counter"></div>
                    <button class="pswp__button pswp__button--close" aria-label="Close (Esc)"></button>
                    <button class="pswp__button pswp__button--share" aria-label="Share"></button>
                    <button class="pswp__button pswp__button--fs" aria-label="Toggle fullscreen"></button>
                    <button class="pswp__button pswp__button--zoom" aria-label="Zoom in/out"></button>
                    <div class="pswp__preloader">
                        <div class="pswp__preloader__icn">
                            <div class="pswp__preloader__cut">
                                <div class="pswp__preloader__donut"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                    <div class="pswp__share-tooltip"></div>
                </div>
                <button class="pswp__button pswp__button--arrow--left" aria-label="Previous (arrow left)"></button>
                <button class="pswp__button pswp__button--arrow--right" aria-label="Next (arrow right)"></button>
                <div class="pswp__caption">
                    <div class="pswp__caption__center"></div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/template" id="tmpl-variation-template">
        <div class="woocommerce-variation-description">{{{ data.variation.variation_description }}}</div>
	<div class="woocommerce-variation-price">{{{ data.variation.price_html }}}</div>
	<div class="woocommerce-variation-availability">{{{ data.variation.availability_html }}}</div>
</script>
    <script type="text/template" id="tmpl-unavailable-variation-template">
        <p>Sorry, this product is unavailable. Please choose a different combination.</p>
</script>
    <link rel='stylesheet' id='photoswipe-css'
        href='wp-content/plugins/woocommerce/assets/css/photoswipe/photoswipe.min6c2d.css?ver=6.8.2' type='text/css'
        media='all' />
    <link rel='stylesheet' id='photoswipe-default-skin-css'
        href='wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.min6c2d.css?ver=6.8.2'
        type='text/css' media='all' />
    <script type='text/javascript'
        src='wp-content/plugins/yith-woocommerce-wishlist/assets/js/jquery.selectBox.min7359.js?ver=1.2.0'
        id='jquery-selectBox-js'></script>
    <script type='text/javascript'
        src='wp-content/plugins/woocommerce/assets/js/prettyPhoto/jquery.prettyPhoto.min005e.js?ver=3.1.6'
        id='prettyPhoto-js'></script>
    <script type='text/javascript' id='jquery-yith-wcwl-js-extra'>
        /* <![CDATA[ */
        var yith_wcwl_l10n = {
            "ajax_url": "\/wp-admin\/admin-ajax.php",
            "redirect_to_cart": "no",
            "multi_wishlist": "",
            "hide_add_button": "1",
            "enable_ajax_loading": "",
            "ajax_loader_url": "https:\/\/www.4squaredigital.com\/wp-content\/plugins\/yith-woocommerce-wishlist\/assets\/images\/ajax-loader-alt.svg",
            "remove_from_wishlist_after_add_to_cart": "1",
            "is_wishlist_responsive": "1",
            "time_to_close_prettyphoto": "3000",
            "fragments_index_glue": ".",
            "reload_on_found_variation": "1",
            "mobile_media_query": "768",
            "labels": {
                "cookie_disabled": "We are sorry, but this feature is available only if cookies on your browser are enabled.",
                "added_to_cart_message": "<div class=\"woocommerce-notices-wrapper\"><div class=\"woocommerce-message\" role=\"alert\">Product added to cart successfully<\/div><\/div>"
            },
            "actions": {
                "add_to_wishlist_action": "add_to_wishlist",
                "remove_from_wishlist_action": "remove_from_wishlist",
                "reload_wishlist_and_adding_elem_action": "reload_wishlist_and_adding_elem",
                "load_mobile_action": "load_mobile",
                "delete_item_action": "delete_item",
                "save_title_action": "save_title",
                "save_privacy_action": "save_privacy",
                "load_fragments": "load_fragments"
            },
            "nonce": {
                "add_to_wishlist_nonce": "6be8cc2c57",
                "remove_from_wishlist_nonce": "03dac5479b",
                "reload_wishlist_and_adding_elem_nonce": "c9086be3d8",
                "load_mobile_nonce": "f07910336a",
                "delete_item_nonce": "d528d486a4",
                "save_title_nonce": "46d47e3d4f",
                "save_privacy_nonce": "2a6707ed7d",
                "load_fragments_nonce": "d8f9d8d5bc"
            }
        };
        /* ]]> */
    </script>
    <script type='text/javascript'
        src='wp-content/plugins/yith-woocommerce-wishlist/assets/js/jquery.yith-wcwl.min695d.js?ver=3.12.0'
        id='jquery-yith-wcwl-js'></script>
    <script type='text/javascript' src='wp-includes/js/dist/vendor/regenerator-runtime.min3937.js?ver=0.13.9'
        id='regenerator-runtime-js'></script>
    <script type='text/javascript' src='wp-includes/js/dist/vendor/wp-polyfill.min2c7c.js?ver=3.15.0'
        id='wp-polyfill-js'></script>
    <script type='text/javascript' id='contact-form-7-js-extra'>
        /* <![CDATA[ */
        var wpcf7 = {
            "api": {
                "root": "https:\/\/www.4squaredigital.com\/wp-json\/",
                "namespace": "contact-form-7\/v1"
            }
        };
        /* ]]> */
    </script>
    <script type='text/javascript' src='wp-content/plugins/contact-form-7/includes/js/index4c7e.js?ver=5.6.2'
        id='contact-form-7-js'></script>
    <script type='text/javascript'
        src='wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min15df.js?ver=2.7.0-wc.6.8.2'
        id='jquery-blockui-js'></script>
    <script type='text/javascript' id='wc-add-to-cart-js-extra'>
        /* <![CDATA[ */
        var wc_add_to_cart_params = {
            "ajax_url": "\/wp-admin\/admin-ajax.php",
            "wc_ajax_url": "\/?wc-ajax=%%endpoint%%",
            "i18n_view_cart": "View cart",
            "cart_url": "https:\/\/www.4squaredigital.com",
            "is_cart": "",
            "cart_redirect_after_add": "no"
        };
        /* ]]> */
    </script>
    <script type='text/javascript'
        src='wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min6c2d.js?ver=6.8.2'
        id='wc-add-to-cart-js'></script>
    <script type='text/javascript'
        src='wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.minf98d.js?ver=2.1.4-wc.6.8.2'
        id='js-cookie-js'></script>
    <script type='text/javascript' id='woocommerce-js-extra'>
        /* <![CDATA[ */
        var woocommerce_params = {
            "ajax_url": "\/wp-admin\/admin-ajax.php",
            "wc_ajax_url": "\/?wc-ajax=%%endpoint%%"
        };
        /* ]]> */
    </script>
    <script type='text/javascript'
        src='wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min6c2d.js?ver=6.8.2'
        id='woocommerce-js'></script>
    <script type='text/javascript' id='wc-cart-fragments-js-extra'>
        /* <![CDATA[ */
        var wc_cart_fragments_params = {
            "ajax_url": "\/wp-admin\/admin-ajax.php",
            "wc_ajax_url": "\/?wc-ajax=%%endpoint%%",
            "cart_hash_key": "wc_cart_hash_df6e6aecf466a848bda07701314659e7",
            "fragment_name": "wc_fragments_df6e6aecf466a848bda07701314659e7",
            "request_timeout": "5000"
        };
        /* ]]> */
    </script>
    <script type='text/javascript'
        src='wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min6c2d.js?ver=6.8.2'
        id='wc-cart-fragments-js'></script>
    <script type='text/javascript' id='yith-wcqv-frontend-js-extra'>
        /* <![CDATA[ */
        var yith_qv = {
            "ajaxurl": "\/wp-admin\/admin-ajax.php",
            "loader": "https:\/\/www.4squaredigital.com\/wp-content\/plugins\/yith-woocommerce-quick-view\/assets\/image\/qv-loader.gif",
            "lang": ""
        };
        /* ]]> */
    </script>
    <script type='text/javascript'
        src='wp-content/plugins/yith-woocommerce-quick-view/assets/js/frontend.mind476.js?ver=1.18.0'
        id='yith-wcqv-frontend-js'></script>
    <script type='text/javascript' src='wp-content/themes/growbiz/assets/js/bootstrap.bundle.min5b21.js?ver=6.0.2'
        id='bootstrap-js'></script>
    <script type='text/javascript' src='wp-includes/js/imagesloaded.mineda1.js?ver=4.1.4' id='imagesloaded-js'></script>
    <script type='text/javascript' src='wp-content/themes/growbiz/assets/js/isotope.pkgd.min5b21.js?ver=6.0.2'
        id='isotope-js'></script>
    <script type='text/javascript' src='wp-content/themes/growbiz/assets/js/jquery.magnific-popup.min5b21.js?ver=6.0.2'
        id='jquery-magnific-popup-js'></script>
    <script type='text/javascript' src='wp-content/themes/growbiz/assets/js/jquery.meanmenu.min5b21.js?ver=6.0.2'
        id='jquery-meanmenu-js'></script>
    <script type='text/javascript' src='wp-content/themes/growbiz/assets/js/jquery.scrollUp.min5b21.js?ver=6.0.2'
        id='jquery-scrollup-js'></script>
    <script type='text/javascript' src='wp-content/themes/growbiz/assets/js/jquery.fancybox.min5b21.js?ver=6.0.2'
        id='jquery-fancybox-js'></script>
    <script type='text/javascript' src='wp-content/themes/growbiz/assets/js/jquery.nice-select.min5b21.js?ver=6.0.2'
        id='jquery-nice-select-js'></script>
    <script type='text/javascript' src='wp-content/themes/growbiz/assets/js/odometer.min5b21.js?ver=6.0.2'
        id='odometer-js'></script>
    <script type='text/javascript' src='wp-content/themes/growbiz/assets/js/swiper-bundle5b21.js?ver=6.0.2'
        id='swiper-bundle-js'></script>
    <script type='text/javascript' src='wp-content/themes/growbiz/assets/js/progresscircle5b21.js?ver=6.0.2'
        id='progresscircle-js'></script>
    <script type='text/javascript' src='wp-content/themes/growbiz/assets/js/wow.min5b21.js?ver=6.0.2'
        id='wow-js'></script>
    <script type='text/javascript' src='wp-content/themes/growbiz/assets/js/appair.min5b21.js?ver=6.0.2'
        id='appair-js'></script>
    <script type='text/javascript' src='wp-content/themes/growbiz/assets/js/main5b21.js?ver=6.0.2'
        id='growbiz-main-js'></script>
    <script type='text/javascript' src='wp-includes/js/underscore.minb37e.js?ver=1.13.3' id='underscore-js'></script>
    <script type='text/javascript' id='wp-util-js-extra'>
        /* <![CDATA[ */
        var _wpUtilSettings = {
            "ajax": {
                "url": "\/wp-admin\/admin-ajax.php"
            }
        };
        /* ]]> */
    </script>
    <script type='text/javascript' src='wp-includes/js/wp-util.min5b21.js?ver=6.0.2' id='wp-util-js'></script>
    <script type='text/javascript' id='wc-add-to-cart-variation-js-extra'>
        /* <![CDATA[ */
        var wc_add_to_cart_variation_params = {
            "wc_ajax_url": "\/?wc-ajax=%%endpoint%%",
            "i18n_no_matching_variations_text": "Sorry, no products matched your selection. Please choose a different combination.",
            "i18n_make_a_selection_text": "Please select some product options before adding this product to your cart.",
            "i18n_unavailable_text": "Sorry, this product is unavailable. Please choose a different combination."
        };
        /* ]]> */
    </script>
    <script type='text/javascript'
        src='wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart-variation.min6c2d.js?ver=6.8.2'
        id='wc-add-to-cart-variation-js'></script>
    <script type='text/javascript'
        src='wp-content/plugins/woocommerce/assets/js/photoswipe/photoswipe.mine6ee.js?ver=4.1.1-wc.6.8.2'
        id='photoswipe-js'></script>
    <script type='text/javascript'
        src='wp-content/plugins/woocommerce/assets/js/photoswipe/photoswipe-ui-default.mine6ee.js?ver=4.1.1-wc.6.8.2'
        id='photoswipe-ui-default-js'></script>
    <script type='text/javascript' id='wc-single-product-js-extra'>
        /* <![CDATA[ */
        var wc_single_product_params = {
            "i18n_required_rating_text": "Please select a rating",
            "review_rating_required": "yes",
            "flexslider": {
                "rtl": false,
                "animation": "slide",
                "smoothHeight": true,
                "directionNav": false,
                "controlNav": "thumbnails",
                "slideshow": false,
                "animationSpeed": 500,
                "animationLoop": false,
                "allowOneSlide": false
            },
            "zoom_enabled": "",
            "zoom_options": [],
            "photoswipe_enabled": "1",
            "photoswipe_options": {
                "shareEl": false,
                "closeOnScroll": false,
                "history": false,
                "hideAnimationDuration": 0,
                "showAnimationDuration": 0
            },
            "flexslider_enabled": "1"
        };
        /* ]]> */
    </script>
    <script type='text/javascript'
        src='wp-content/plugins/woocommerce/assets/js/frontend/single-product.min6c2d.js?ver=6.8.2'
        id='wc-single-product-js'></script>
    <script type='text/javascript' src='wp-content/plugins/elementor/assets/js/webpack.runtime.minf3df.js?ver=3.7.2'
        id='elementor-webpack-runtime-js'></script>
    <script type='text/javascript' src='wp-content/plugins/elementor/assets/js/frontend-modules.minf3df.js?ver=3.7.2'
        id='elementor-frontend-modules-js'></script>
    <script type='text/javascript'
        src='wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min05da.js?ver=4.0.2'
        id='elementor-waypoints-js'></script>
    <script type='text/javascript' src='wp-includes/js/jquery/ui/core.min0028.js?ver=1.13.1'
        id='jquery-ui-core-js'></script>
    <script type='text/javascript' id='elementor-frontend-js-before'>
        var elementorFrontendConfig = {
            "environmentMode": {
                "edit": false,
                "wpPreview": false,
                "isScriptDebug": false
            },
            "i18n": {
                "shareOnFacebook": "Share on Facebook",
                "shareOnTwitter": "Share on Twitter",
                "pinIt": "Pin it",
                "download": "Download",
                "downloadImage": "Download image",
                "fullscreen": "Fullscreen",
                "zoom": "Zoom",
                "share": "Share",
                "playVideo": "Play Video",
                "previous": "Previous",
                "next": "Next",
                "close": "Close"
            },
            "is_rtl": false,
            "breakpoints": {
                "xs": 0,
                "sm": 480,
                "md": 768,
                "lg": 1025,
                "xl": 1440,
                "xxl": 1600
            },
            "responsive": {
                "breakpoints": {
                    "mobile": {
                        "label": "Mobile",
                        "value": 767,
                        "default_value": 767,
                        "direction": "max",
                        "is_enabled": true
                    },
                    "mobile_extra": {
                        "label": "Mobile Extra",
                        "value": 880,
                        "default_value": 880,
                        "direction": "max",
                        "is_enabled": false
                    },
                    "tablet": {
                        "label": "Tablet",
                        "value": 1024,
                        "default_value": 1024,
                        "direction": "max",
                        "is_enabled": true
                    },
                    "tablet_extra": {
                        "label": "Tablet Extra",
                        "value": 1200,
                        "default_value": 1200,
                        "direction": "max",
                        "is_enabled": false
                    },
                    "laptop": {
                        "label": "Laptop",
                        "value": 1366,
                        "default_value": 1366,
                        "direction": "max",
                        "is_enabled": false
                    },
                    "widescreen": {
                        "label": "Widescreen",
                        "value": 2400,
                        "default_value": 2400,
                        "direction": "min",
                        "is_enabled": false
                    }
                }
            },
            "version": "3.7.2",
            "is_static": false,
            "experimentalFeatures": {
                "e_dom_optimization": true,
                "e_optimized_assets_loading": true,
                "e_optimized_css_loading": true,
                "a11y_improvements": true,
                "additional_custom_breakpoints": true,
                "e_import_export": true,
                "e_hidden_wordpress_widgets": true,
                "landing-pages": true,
                "elements-color-picker": true,
                "favorite-widgets": true,
                "admin-top-bar": true
            },
            "urls": {
                "assets": "https:\/\/www.4squaredigital.com\/wp-content\/plugins\/elementor\/assets\/"
            },
            "settings": {
                "page": [],
                "editorPreferences": []
            },
            "kit": {
                "active_breakpoints": ["viewport_mobile", "viewport_tablet"],
                "global_image_lightbox": "yes",
                "lightbox_enable_counter": "yes",
                "lightbox_enable_fullscreen": "yes",
                "lightbox_enable_zoom": "yes",
                "lightbox_enable_share": "yes",
                "lightbox_title_src": "title",
                "lightbox_description_src": "description"
            },
            "post": {
                "id": 395,
                "title": "Digital%20Marketing%20Company%20Gurgaon%2C%20India%20%7C%20Digital%20Marketing%20Agency%20Delhi%20NCRHome%20-%20Digital%20Thinkhub",
                "excerpt": "",
                "featuredImage": false
            }
        };
    </script>
    <script type='text/javascript' src='wp-content/plugins/elementor/assets/js/frontend.minf3df.js?ver=3.7.2'
        id='elementor-frontend-js'></script>
    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "name": "4squaredigital",
            "url": "https://www.4squaredigital.com/",
            "logo": "https://www.4squaredigital.com/wp-content/themes/growbiz/assets/img/shape/logo12.png",
            "contactPoint": {
                "@type": "ContactPoint",
                "telephone": "0  +91 8448818335",
                "contactType": "customer service",
                "areaServed": ["IN", "US", "AU", "GB"],
                "availableLanguage": "en"
            },
            "sameAs": [
                "https://www.facebook.com/4squaredigital/",
                "https://twitter.com/4squaredigital",
                "https://www.instagram.com/4squaredigital/?hl=en",
                "https://www.linkedin.com/company/4-square-digital/?originalSubdomain=in"
            ]
        }
    </script>
   
<!-- Fixed Button -->
<button id="openFormBtn" class="fixed-btn">Get in Touch</button>

<!-- Modal -->
<div id="contactModal" class="modal">
  <div class="modal-content">
    <span class="close-btn">&times;</span>

    <div class="contact-form">
      <form id="whatsappForm">
        <div class="row">

          <div class="col">
            <input type="text" id="name" placeholder="Your Name*" required>
          </div>

          <div class="col">
            <input type="email" id="email" placeholder="Email Address*" required>
          </div>

          <div class="col">
            <input type="tel" id="phone" placeholder="Your Phone*" maxlength="10" required>
          </div>

          <div class="col">
            <input type="text" id="city" placeholder="City*" required>
          </div>

          <div class="col">
            <input type="text" id="company" placeholder="Company Name">
          </div>

          <div class="col">
            <input type="url" id="website" placeholder="Website">
          </div>

          <div class="col-full">
            <textarea id="message" placeholder="Write Message"></textarea>
          </div>

          <div class="col-full">
            <button type="submit" class="theme-btn">Send Message</button>
          </div>

        </div>
      </form>
    </div>

  </div>
</div>

<style>
    
    /* Fixed Button */
.fixed-btn {
    position: fixed;
    bottom: 77px;
    left: 20px;
    background: #00aff0;
    color: #fff;
    padding: 12px 20px;
    border-radius: 30px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    z-index: 999;
    transition: 0.3s;
}

.fixed-btn:hover {
    background: #e55d00;
}

/* Modal */
.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
}

.modal-content {
    background: #fff;
    margin: auto;
    padding: 25px;
    border-radius: 10px;
    width: 90%;
    max-width: 600px;
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from {transform: translateY(-20px); opacity: 0;}
    to {transform: translateY(0); opacity: 1;}
}

.close-btn {
    float: right;
    font-size: 22px;
    cursor: pointer;
}

/* Form Styling */
.contact-form .row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.col {
    flex: 1 1 calc(50% - 15px);
}

.col-full {
    flex: 1 1 100%;
}

input, textarea {
    width: 100%;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #ddd;
    outline: none;
    font-size: 14px;
}

input:focus, textarea:focus {
    border-color: #ff6b00;
}

textarea {
    height: 100px;
    resize: none;
}

.theme-btn {
    background: #ff6b00;
    color: #fff;
    padding: 12px;
    border: none;
    border-radius: 6px;
    width: 100%;
    cursor: pointer;
    font-weight: bold;
}

.theme-btn:hover {
    background: #e55d00;
}
</style>
<script>
    // Open Modal
document.getElementById("openFormBtn").onclick = function() {
    document.getElementById("contactModal").style.display = "block";
}

// Close Modal
document.querySelector(".close-btn").onclick = function() {
    document.getElementById("contactModal").style.display = "none";
}

// Close on outside click
window.onclick = function(e) {
    let modal = document.getElementById("contactModal");
    if (e.target == modal) {
        modal.style.display = "none";
    }
}

// WhatsApp Form Submit
document.getElementById("whatsappForm").addEventListener("submit", function(e) {
    e.preventDefault();

    let name = document.getElementById("name").value;
    let email = document.getElementById("email").value;
    let phone = document.getElementById("phone").value;
    let city = document.getElementById("city").value;
    let company = document.getElementById("company").value;
    let website = document.getElementById("website").value;
    let message = document.getElementById("message").value;

    let whatsappMessage = 
`New Inquiry:
Name: ${name}
Email: ${email}
Phone: ${phone}
City: ${city}
Company: ${company}
Website: ${website}
Message: ${message}`;

    let url = "https://wa.me/919599613394?text=" + encodeURIComponent(whatsappMessage);

    window.open(url, "_blank");
});
</script>

  
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5HD9QPJ" height="0" width="0"
            style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    <script type="text/javascript">
        //<![CDATA[
        $('.cta__content').click(function (e) {
            e.preventDefault();
            window.location.href = 'tel:  +91 8448818335';
        });
        $(".contact-list").find("a").each(function () {
            var linkText = $(this).text();
            $(this).before(linkText);
            $(this).remove();
        });
        //]]>
    </script>

    <script>
        var myModal = document.getElementById('myModal')
        var myInput = document.getElementById('myInput')

        myModal.addEventListener('shown.bs.modal', function () {
            myInput.focus()
        })
    </script>

    <script src="./bootstrap-5.1.3-dist/js/bootstrap.bundle.min.js"></script>



    <!-- payment gateway -->

    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://checkout.razorpay.com/v1/checkout.js"></script>



    <script>
        function pay_now() {
            var name = jQuery('#name').val();
            var amt = jQuery('#amt').val();
            var mobile = jQuery('#mobile').val();
            var course = jQuery('#course').val();

            jQuery.ajax({
                type: 'post',
                url: 'payment_process.php',
                data: "amt=" + amt + "&name=" + name + "&mobile=" + mobile + "&course=" + course,
                success: function (result) {
                    var options = {
                        "key": "rzp_live_CBhg0teue9fAvO",
                        "amount": amt * 100,
                        "currency": "INR",
                        "name": "4 Squre digital",
                        // "description": "Test Transaction",
                        "image": "https://4squaredigital.com/wp-content/themes/growbiz/assets/img/shape/logo12.png",
                        "handler": function (response) {
                            jQuery.ajax({
                                type: 'post',
                                url: 'payment_process.php',
                                data: "payment_id=" + response.razorpay_payment_id,
                                success: function (result) {
                                    window.location.href = "thank_you.php";
                                }
                            });
                        }
                    };
                    var rzp1 = new Razorpay(options);
                    rzp1.open();
                }
            });


        }
    </script>


    <!-- ajex testing -->

    <script type="text/javascript" src="./js/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#going").click(function (e) {
                e.preventDefault();
                $.ajax({
                    url: "online.php",
                    type: "POST",
                    success: function (result) {
                        $("#data").html(result);
                    }
                })
            })
        })
    </script>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#cheque").click(function (e) {
                e.preventDefault();
                $.ajax({
                    url: "cheque.php",
                    type: "POST",
                    success: function (result) {
                        $("#cheque-data").html(result);
                    }
                })
            })
        })
    </script>


<?xml version="1.0" encoding="UTF-8"?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<sitemap>
<loc>https://4squaredigital.com/sitemap-76.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-60.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-208.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-288.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-809.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-877.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-531.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-554.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-246.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-475.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-986.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-812.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-547.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-663.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-616.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-886.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-271.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-7.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-689.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-360.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-171.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-962.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-539.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-761.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-973.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-791.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-821.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-851.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-6.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-174.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-175.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-940.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-751.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-228.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-268.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-969.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-311.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-683.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-591.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-768.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-543.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-310.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-5.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-122.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-915.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-404.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-717.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-451.xml</loc>
</sitemap>
<sitemap>
<loc>https://4squaredigital.com/sitemap-993.xml</loc>
</sitemap>
</sitemapindex>